@charset "iso-8859-1";
/* CSS Document */

/* CSS Document 
reset-Eric-Meyer
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	/*table, caption, tbody, tfoot, thead, tr, th, td */
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* close commented backslash hack */



html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	background-image: url(img/fondo_body.jpg);
	background-repeat: repeat;
	SCROLLBAR-FACE-COLOR: #CEC8CA;
	SCROLLBAR-HIGHLIGHT-COLOR: #CEC8CA;
	SCROLLBAR-SHADOW-COLOR: #CEC8CA;
	COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #CEC8CA;
	SCROLLBAR-ARROW-COLOR: #FF3D56;
	SCROLLBAR-TRACK-COLOR: #E5E1E2;
	SCROLLBAR-DARKSHADOW-COLOR: #FF3D56;
}
#container {
	min-height: 100%;
	width: 955px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/columnas.jpg); /*colores de las columnas izq. y der. y del centro*/
	background-repeat:repeat-y;
	position:relative;
}
#cabecera {
	/*background-color: #6caad9;*/
	padding-bottom: 0px;
	height:160px;
	position:relative;
}
#columna_izquierda {
	margin-top:0px;
	float: left;
	width: 305px;
	padding-bottom:105px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la columna*/
	
}
.titulo_1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF3D56;
}
#columna_central {
	margin-top:25px;
	float: left;
	width: 330px;
	padding-left:35px;
	padding-bottom:105px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la columna*//*background-color:#FFFF00;*/
	
}
#columna_derecha {
	margin-top:29px;
	margin-left:10px;
	float: right;
	width: 275px;
	/*background-color:#99FF33;*/
	padding-bottom:105px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la columna*/
	
}
#clear {
	clear: both;
}
#clear_seccion{
	/*background-color: #0FC;*/
	*height: 80px;	
	clear: both;
	}
#pie {
	position: absolute;
	width: 955px;
	bottom: 0px;
	left: 0px;
	text-align:center;
	height:93px;
	background-image: url(img/pie.jpg);
}
#botonera {
	background-color: #FF3D56;
	width: 955px;
	position: absolute;
	bottom:0px;
	left:0px;
}
#logo {
	float: left;
	height: 128px;
	width: 232px;
}
.texto_sorteo {
	/*background-color: #FFFF00;*/
	float: right;
	height: 100px;
	width: 160px;
	margin-top:10px;
}
#img_cabecera {
	float: left;
	height: 110px;
	width: 722px;
}
#menu_superior {
	float: left;
	height: 15px;
	width: 712px;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	margin-right:10px;
	padding-top: 3px;
	text-decoration:none;
}
#menu_superior a {
	text-decoration:none;
	color: #666666;
}
#menu_superior a:hover {
	text-decoration:none;
	color: #FF0000;
}
.img_sorteo {
	float: left;
	height: 100px;
	width: 91px;
	margin-top:5px;
}
.sorteo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	/*background-color: #00FFFF;*/
	height: 128px;
	width: 263px;
	margin-top:25px;
	margin-left:25px;
}
.texto_izquierdo {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #000000;
	padding-top: 10px;
	padding-left: 20px;
	padding-right:20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color:#D0C8CA;
	font-weight: lighter;
	line-height: 15px;
}
.texto_slider {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #FF3D55;
}
h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999;
}
h2 {
	font-size: 15px;
	text-transform: uppercase;
	color: #999;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
}
h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #715B64;
	font-weight: normal;
}
h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}
h5 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666;
}
.img_derecha {
	width: 246px;
	margin-top: 10px;
	font-size:15px;
}
/*seccion.php seccion.php seccion.php seccion.php seccion.php seccion.php seccion.php seccion.php seccion.php */
#container_seccion {
	min-height: 100%;
	width: 955px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/columnas_seccion.jpg); /*colores de las columnas izq. y der. y del centro*/
	background-repeat:repeat-y;
	position:relative;
}
#columna_izquierda_seccion {
	margin-top:0px;
	float: left;
	width: 35px;
	padding-bottom:95px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la columna*/
 *padding-bottom:105px; /* IE 7  misma altura que la del pie + algun valor mas para corregir errores IE 7*/
}
#columna_central_seccion {
	margin-top:0px;
	float: left;
	width: 635px;
	padding-bottom:95px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la columna*/
 *padding-bottom:105px;/* IE 7  misma altura que la del pie + algun valor mas para corregir errores IE 7*/
/*background-color:#FFFF00;*/
}
.titulo_seccion {
	/*background-color: #06F;*/
	width: 300px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.celda {
	/*background-color: #6F9;*/
	float: left;
	height: 150px;
	width: 170px;
	margin-left:10px;
	margin-right:30px;
	margin-bottom:90px;
}
.titulo_celda {
	/*background-color: #FF6;*/
	width: 160px;
	margin-left: 5px;
	text-align: left;
	margin-top:2px;
	margin-bottom:2px;
	overflow:hidden;
	
}
.texto_celda {
	/*background-color: #0FC;*/
	width: 170px;
	margin-top:3px;
	margin-bottom:0px;
	margin-left: 5px;
	height:35px;
	overflow:hidden;	
}
.bloque_texto_seccion {
	background-image: url(img/texto_seccion.jpg);
	background-repeat: no-repeat;
	height:195px;
	width:246px;
	padding:10px;
	margin-right:10px;
	margin-top:10px;
}
.contenedor_texto {
	width:230px;
}


/*disenador.php disenador.php disenador.php disenador.php disenador.php disenador.php disenador.php*/

.titulo_disenador{
	/*background-color: #06F;*/
	width: 300px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 40px;
	padding-top: 2px;
	padding-bottom: 0px;
	float:left;
}
.volver{
	width: 100px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-right:0px;
	padding-top: 6px;
	padding-bottom: 0px;
	float: right;
	
	}
#disenador_img {
	height: 265px;
	width: 875px;
	margin-top: 0px;
	overflow-x: scroll;
	overflow-y: hidden;
	margin-left:40px;
	;
}
#apDiv1 {
	position:absolute;				/*tapa el scroll vertical de la imagen grande*/
	width:36px;
	height:305px;
	z-index:3;
	background-color: #FFF;
	left: 920px;
	top: 186px;
}
#columna_izquierda_disenador {
	margin-top:0px;
	float: left;
	width: 305px;
	margin-left:40px;
	padding-bottom:105px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la columna*/
}
#disenador_izq {
	/*background-color: #FF0;*/
	width: 280px;
	min-height: 240px;
	margin-top: 10px;
	margin-left:0px;
	padding-top:10px;
	padding-left:20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
	line-height: normal;
}

#columna_central_disenador {
	margin-top:10px;
	float: left;
	width: 282px;
	margin-left:0px;
	padding-bottom:105px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333333;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	line-height: normal;
	text-align: right;
}
#columna_derecha_disenador {
	margin-top:10px;
	margin-left:0px;
	float: left;
	width: 246px;
	/*background-color:#99FF33;*/
	padding-bottom:100px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la columna*/
	background-image: url(img/disenador_consultar.jpg);
	background-repeat: no-repeat;
}

#texto_producto{
	margin-top:20px;
	width: 216px;
	height: 160px;
	padding:10px;
	background-repeat: no-repeat;
	}


#disenador {
	background-color: #FF6;
	width: 264px;
	margin-top: 10px;
	margin-left:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.campo {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FF3D56;
	padding: 3px;
	border: 1px solid #CCC;
}
a:link {
	color: #666;
}

a:hover {
	color: #FF3D56;
}
.linkDestacado {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	line-height: 12px;
	text-decoration: none;
}
.botonFormulario {
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	background-color: #FF3C59;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;

}
.campo_texto {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #666;
}
.texto3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #715B64;
	margin-left: 20px;
	line-height: 20px;
	margin-top: 10px;
	margin-right: 10px;
}
.texto4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FF3D56;
	margin-left: 30px;
	line-height: 20px;
	margin-top: 10px;
	margin-right: 10px;
	font-style: italic;
	background-color: #E9E3E2;
	padding: 5px;
	font-weight: bold;
}
#columna_central_form {
	margin-top:25px;
	float: left;
	width: 340px;
	padding-left:15px;
	padding-bottom:100px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la columna*//*background-color:#FFFF00;*/
	background-color: #F5F1F1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF3D56;
}
#columna_derecha_form {
	margin-top:29px;
	margin-left:10px;
	float: right;
	width: 250px;
	/*background-color:#99FF33;*/
	padding-bottom:105px;/*misma altura que la del pie para que el pie no oculte la parte inferior de la columna*/
}

.linkinf {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
	line-height: 15px;
}
.campo_texto {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #FF3D56;
	padding: 3px;
}