/* CSS Compractica */

@import url('reset.css');

body  { font:76%/120% Veradana, Tahoma, Arial, Helvetica, sans-serif; color:#487b9b; background:#fff url(../img/fondo.gif) top repeat-x;}

a:link,
a:visited { color:#487b9b; text-decoration:none; }
a:hover,
a:active { color:#487b9b; text-decoration:underline; }

p { margin-top:10px; }

.der { text-align:right; }
.imgDer { float:right; margin-left:15px; margin-top:10px; }
.imgIzq { float:left; margin-right:15px; }
.foto { margin:10px 0 5px 0;}
.txtDer { float:right; margin-top:5px;}
.txtIzq { float:left; }
.txtCtr { text-align:center; }
.limpiar { clear:both; }

h3 { color:#73a9ca; font-size:1.2em; font-weight:normal; }
h3.titol { color:#73a9ca; font-size:1.2em; font-weight:normal; width:206px; float:left;}
h3.titolmig { color:#73a9ca; font-size:1.2em; font-weight:normal; width:240px; float:left;}

#contenedor { width:980px; margin:0 auto; }

	#cabecera { height:110px; padding:25px 0 0 8px; background:url(../img/fondo_cabecera.png) right no-repeat; }
		#cabecera h1 a { display:block; width:385px; height:82px; }
		h1 span { display:none; }
		h1#rosa { background:url(../img/logo_rosa.png) no-repeat; }

	#cuerpo { width:750px; float:left; margin-bottom:40px;}
		#menu { position:relative; height:35px; padding-top:0px; background:url(../img/fondo_menu.gif) top repeat-x; text-align:center;}
		#menu p {margin-top:0px; padding:0px;}
		
	/* hack para IE6, evitando que quite una imagen del menu si tienes el ratón sobre el menú, al cargar la página */
	* html #menu { background: url(../images/bg_fake_ie.gif) 0px 0px no-repeat; width: 100%; height: 35px; }
	* html #menu #nav { display: none; height:100%; background:#e9e9e9 url(../img/fondo_menu.gif) top repeat-x;}

	#menu ul.nav1 { margin: 0px; padding: 0px; list-style: none; height:33px; width:750px;}
	#menu ul.nav1 li { float: left; display:inline; margin:0 15px; padding: 8px 18px 0 18px; font-size:1.2em; letter-spacing:1px; color:#193660;}
	* html #menu ul.nav1 li { float: left;  }

	#menu ul.nav1 li.conocenos{ color:#193660; height:24px; padding:0 15px; padding-top:8px; width:80px;}
	#menu ul.nav1 li.conocenos a { border-bottom:3px solid #ff0066; display:block; height:24px; text-decoration:none; width:80px;}
	#menu ul.nav1 li.conocenos:hover{ background:#d7d7d7; height:24px; padding-top:8px; }
	#menu ul.nav1 li.conocenos.over{ background:#d7d7d7; height:24px; padding: 8px 15px 0 15px; margin:0 15px 0 15px; width:80px;}

	#menu ul.nav1 li.cupones { color:#193660; height:24px; padding:0 15px; padding-top:8px; width:63px;}
	#menu ul.nav1 li.cupones a.cupones { display:block; height:24px; text-decoration:none; border-bottom:3px solid #4d6390; width:63px;}
	#menu ul.nav1 li.cupones:hover{ background:#d7d7d7; height:24px; padding-top:8px; }
	#menu ul.nav1 li.cupones.over{ display:block; background:#d7d7d7; height:24px; padding: 8px 15px 0 15px; margin:0 15px 0 15px; width:63px;}

	#menu ul.nav1 li.sorteos { color:#193660; height:24px; padding:0 15px; padding-top:8px; width:56px;}
	#menu ul.nav1 li.sorteos a { display:block; height:24px; text-decoration:none; border-bottom:3px solid #ffc000; width:56px;}
	#menu ul.nav1 li.sorteos:hover{ background:#d7d7d7; height:24px; padding-top:8px;}
	#menu ul.nav1 li.sorteos.over{ display:block; background:#d7d7d7; height:24px; padding: 8px 15px 0 15px; margin:0 15px 0 15px; width:56px;}
	
	#menu ul.nav1 li.promociones { color:#193660; height:24px; padding:0 15px; padding-top:8px; width:93px;}
	#menu ul.nav1 li.promociones a { display:block; height:24px; text-decoration:none; border-bottom:3px solid #ff6600; width:93px;}
	#menu ul.nav1 li.promociones:hover{ background:#d7d7d7; height:24px; padding-top:8px;}
	#menu ul.nav1 li.promociones.over{ background:#d7d7d7; height:24px; padding: 8px 15px 0 15px; margin:0 15px 0 15px; width:93px;}

	#menu ul.nav1 li.ideas{ color:#193660; height:24px; padding:0 15px; padding-top:8px; width:140px; }
	#menu ul.nav1 li.ideas a { display:block; height:24px; text-decoration:none; border-bottom:3px solid #99cc00; width:140px;}
	#menu ul.nav1 li.ideas:hover{  background:#d7d7d7; height:24px; padding-top:8px;}
	#menu ul.nav1 li.ideas.over{ background:#d7d7d7; height:24px; padding: 8px 15px 0 15px; margin:0 15px 0 15px; width:140px;}

	/* trozo para que sean desplegables por css */
	#menu ul.nav1 li { position: relative; z-index: 1; }
	#menu ul.nav1 li:hover ul { display: block; top: 35px; left: 0px; padding:0px; margin:0px; width:157px;}
	#menu ul.nav1 li.over ul { display: block; top: 35px; left: 0px; padding:0px; margin:0px;} /* sólo para el hack IE (js), que no acapta hover en elemento LI */
	#menu ul.nav2{ display: none; position: absolute; font-size:10px; height:65px;
				width:180px !important; z-index:598; width:100%; background-color:#e8e8e8;}
	/* fin menus desplegables con css*/	
		
	/* estilos del segundo nivel (menú desplegado) */
	
	#menu ul.nav2 li {margin: 0px; width:170px; text-align:left;}
	#menu ul.nav2 li:hover {color:red;}

	#menu ul.nav2 li.cupones_descuentos{ height:20px; padding: 8px 0 3px 10px;}
	#menu ul.nav2 li.cupones_descuentos a { display:block; height:20px; text-decoration:none;  }
	#menu ul.nav2 li.cupones_descuentos:hover { background:#dddddd; color:#487b9b; height:20px; padding: 8px 0 3px 10px; text-decoration:underline;}
	#menu ul.nav2 li.cupones_descuentos a:hover { color:#487b9b;}
	#menu ul.nav2 li.cupones_descuentos.over { background:#dddddd; color:#487b9b; height:20px; text-decoration:underline;}/* sólo para el hack IE (js), que no acapta hover en elemento LI */
	#menu ul.nav2 li.cupones_descuentos a.over { color:#487b9b; font-weight:normal;}/* sólo para el hack IE (js), que no acapta hover en elemento LI */
	
	#menu ul.nav2 li.cupones_promocionales{ height:20px; padding: 8px 0 3px 10px; }
	#menu ul.nav2 li.cupones_promocionales a { display:block; height:20px; text-decoration:none; }
	#menu ul.nav2 li.cupones_promocionales:hover { background:#dddddd; color:#487b9b; height:20px; padding: 8px 0 3px 10px; text-decoration:underline;}
	#menu ul.nav2 li.cupones_promocionales a:hover { color:#487b9b;}
	#menu ul.nav2 li.cupones_promocionales.over { background:#dddddd; color:#487b9b; height:27px; text-decoration:underline;}/* sólo para el hack IE (js), que no acapta hover en elemento LI */
	#menu ul.nav2 li.cupones_promocionales a.over { color:#487b9b; font-weight:normal;}/* sólo para el hack IE (js), que no acapta hover en elemento LI */
	
	#contenido { width:740px; margin-top:15px; float:left;}

			.caja_sin_titulo_1 { border:1px solid #dcdcdc; padding:4px; margin-bottom:10px;}
			.caja_sin_titulo_2 { border:2px solid #dcdcdc; padding:5px 12px 10px 12px; margin-top:10px; }
			.caja_sin_titulo_3 { border:1px solid #dcdcdc; padding:4px; float:left; }
			.caja_sin_titulo_4 { border:1px solid #dcdcdc; padding:5px 8px 10px 8px; margin-top:10px; height:110px}
			.caja_1 { width:350px; float:left; margin-right:10px; z-index:99;}
			#logo_gallina {position:absolute; top:3px; right:5px; height:36px; width:90px; z-index:101;}
			#logo_gallina p{ color:#00277c; margin-top:-2px; padding:0px;}
			.caja_2 { width:380px; float:left; }
			.caja_3 { width:230px; margin-top:10px; }
			.caja_borde { border:1px solid #dcdcdc; border-top:0; padding:4px; height:185px; position:relative;}
			.caja_borde_promo { border:1px solid #dcdcdc; padding:4px; height:228px; }
			.caja_borde2 { border:1px solid #dcdcdc; border-top:0; padding:5px 12px 2px 12px; height:232px}
			.caja_borde img { float:left; padding-right:15px; }
			.fondo_titulo_caja_1 { height:17px; background:url(../img/fondo_titulo_caja_1.gif) top repeat-x; padding:8px 20px; }
			.fondo_titulo_caja_2 { height:36px; background:url(../img/fondo_titulo_caja_2.gif) top repeat-x; padding:4px 20px; }		
			.mas { text-align:right; font-weight:bold; }
			
			#envia_receta {position:relative; left:0px; padding:0px; margin:0px; font-size:11px; width:100px; float:right;  text-align:right; }
			#envia_truco {position:relative; left:808px; padding:0px; margin:0px; font-size:11px; border:1px solid red;}
			
			#contenido p { padding:5px 0; }
			#contenido li { list-style-type:circle; padding:5px 0; }
			
			.bloqueContenido { padding:20px 35px; color:#6b6b6b;}
			.bloqueContenido_sorteos { padding:20px 35px; color:#6b6b6b; float:left;}
				.bloqueContenido ul { margin:20px; list-style-type:disc; }
				.bloqueContenido ul li ul { margin-top:5px; list-style-type:disc; }
				.bloqueContenido li { margin:0 20px 5px 20px; }
				ul.marcas { padding:15px 40px; background-color:#f0f0f0;}
				ul.marcas li { list-style:none; display:inline; margin:0 6px; }
				.ganador {font-size: 16px; font-weight:bold; }
			.bloquemarcas { background:#fff;}
			.cuponesPromocionales { padding:15px 3px; text-align:center; margin-top:10px; background-color:#f0f0f0; clear:both; width:100%;}
				.cupon { border:1px solid #dfdfdf; background-color:#fff; padding:10px; margin:0 5px; float:left; width:178px; height:98px; }
				.promocion { border:1px solid #dfdfdf; background-color:#fff; padding:5px; margin:0 5px 5px 5px; float:left; width:305px; height:255px; }
				.promocionEmail { border:1px solid #dfdfdf; background-color:#fff; padding:5px; margin:0 5px 20px 5px; float:left; width:195px; height:235px; }
				#premio { background-color:#c0c0c0; padding:3px 0px 2px 0px; margin:0 5px 5px 5px; float:left; width:207px; height:30px; }
				#premio p{ color:#fff; padding:0px; margin:0px; text-align:center;}
				#premio p.uno{ color:#fff; padding-top:6px; margin:0px; text-align:center;}
				
			.bloqueganadores { padding:10px 20px; background-color:#f0f0f0; color:#6b6b6b; float:left;}
			.bloqueganadores .izquierda{ float:left; width:345px;}
			.bloqueganadores .derecha{ float:left; width:345px;}
			.bloqueganadores .izquierda .viajes{ width:317px; background-color:#fff; padding:0 5px; margin:0 5px 10px 5px; float:left; border:1px solid #e2e2e1; }	
			.bloqueganadores .izquierda .viajes ul { margin-left:20px; list-style-type:square; padding:0px;}
			.bloqueganadores .izquierda .viajes li { list-style-type:square;padding:0px; margin:0px;}
			.bloqueganadores .derecha .viajes{ width:317px; background-color:#fff; padding:0 5px; margin:0 5px 10px 5px; float:left; border:1px solid #e2e2e1; }	
			.bloqueganadores .derecha .viajes ul { margin-left:20px; list-style-type:square; padding:0px;}
			.bloqueganadores .derecha .viajes li { list-style-type:square;padding:0px; margin:0px;}
			#contenido .ganadores { width:300px; padding:0px; margin:15px 0px; }
			#contenido .ganadores p.fecha{ color:#0c0c0c; padding:0px; margin:5px 0 0 0px; font-weight:bold;}
			#contenido .ganadores p.sorteo{ color:#d11c7a; padding:0px; margin:0px; font-weight:bold;}
			#contenido .ganadores p.ganar{ color:#d11c7a; padding:0px; margin:0px;}
			#contenido .fotoRegalo { width:75px; text-align:center; float:left; margin-right:10px; }
			
			.bloquecupones { padding:20px 0; background-color:#f0f0f0; color:#6b6b6b; border:0px;}
			
			#titulo { background-color:#f0f0f0; padding:15px 35px;}
			#titulosorteos { background-color:#f0f0f0; padding:15px 35px; float:left; width:660px; }
			.rosa h3 { color:#ff0066; font-weight:bold; font-size:1.3em; }
			.rosa h4 { color:#ff0066; font-weight:bold; }
			strong.rosa { color:#ff0066; }
			
			.azul h3 { color:#4d6390; font-weight:bold; font-size:1.3em; }
			.azul h4 { color:#4d6390; font-weight:bold; }
			strong.azul, .azul { color:#4d6390; }
			
			.amarillo h3 { color:#ffc000; font-weight:bold; font-size:1.3em; }
			.amarillo h4 { color:#ffc000; font-weight:bold; }
			strong.amarillo, .amarillo { color:#ffc000; }
			
			.naranja h3 { color:#ff6600; font-weight:bold; font-size:1.3em; }
			.naranja h4 { color:#ff6600; font-weight:bold; }
			strong.naranja, .naranja { color:#ff6600; }
			
			strong#magenta { color:#d11c7a; }

			
			
	#titulo_formulario { background-color:#fff; padding:15px 35px; }
			.magenta h3 { color:#d11c7b; font-weight:bold; font-size:1.3em; width:400px; float:left;}
			.magenta h4 { color:#d11c7b; font-weight:bold; }
			.obligatorios{color:#6d6d6d;text-align:right; width:100%;}
			
			.bloqueformulario { padding:20px 35px; color:#6b6b6b; background:#f0f0f0; }
			.bloqueformulario input{ color:#6d6d6d; border:1px solid #cbcbcb;}
			.bloqueformulario table td.literal{ width:160px;}
			.bloqueformulario table#formulario_nom{ border-collapse: collapse; font-weight:bold; width:100%;}
			.bloqueformulario table#formulario_nom tr{ height:30px;border:0px solid orange;}
			.bloqueformulario table#formulario_nom td{ vertical-align:middle; padding:0 5px;}
			.bloqueformulario table#formulario_nom td.literal{ width:140px; vertical-align:middle; padding:0 3px;}
			.bloqueformulario table#formulario_nom td.literal2{ width:100px; vertical-align:middle; padding:0 3px;}
			.bloqueformulario table#formulario_nom tr.linea{ height:25px; vertical-align:top; padding:0;}
			.bloqueformulario table#formulario_nom p.linea{ height:2px; border-top:1px solid #d9d9d9; border-bottom:1px solid #fff;}
			.bloqueformulario table#formulario_nom input { width:165px;}
			.bloqueformulario table#formulario_mail{ border-collapse: collapse; font-weight:bold; width:100%;}
			.bloqueformulario table#formulario_mail tr{ height:30px;border:0px solid orange;}
			.bloqueformulario table#formulario_mail td{ vertical-align:middle; padding:0 5px;}
			.bloqueformulario table#formulario_mail td.literal{ width:140px; vertical-align:middle; padding:0 3px;}
			.bloqueformulario table#formulario_mail tr.linea{ height:25px; vertical-align:top; padding:0;}
			.bloqueformulario table#formulario_mail p.linea{ height:2px; border-top:1px solid #d9d9d9; border-bottom:1px solid #fff;}
			.bloqueformulario table#formulario_mail input { width:225px;}
			.bloqueformulario table#formulario_adreza{ border-collapse: collapse; font-weight:bold; width:100%;}
			.bloqueformulario table#formulario_adreza tr{ height:30px;border:0px solid orange;}
			.bloqueformulario table#formulario_adreza td{ vertical-align:middle; padding:0 5px;}
			.bloqueformulario table#formulario_adreza td.literal{ width:140px; vertical-align:middle; padding:0 3px;}
			.bloqueformulario table#formulario_adreza td.input{ width:140px;}
			.bloqueformulario table#formulario_adreza select{ font-size: 11px; color:#6d6d6d;}
			.bloqueformulario table#formulario_adreza input { width:165px;}
			.bloqueformulario table#formulario_adreza input#piso{ width:30px; margin-left:10px;}
			.bloqueformulario table#formulario_adreza input#puerta{ width:30px;margin-left:10px;}
			.bloqueformulario table#formulario_adreza input#sexo{ width:20px; margin-left:10px;}
			.bloqueformulario table#formulario_adreza span.limite{ font-weight:normal; margin-left:5px;}
			.bloqueformulario table#formulario_adreza p.linea{ height:2px; border-top:1px solid #d9d9d9; border-bottom:1px solid #fff;}
			.bloqueformulario table#formulario_fills{ border-collapse: collapse; font-weight:bold; width:100%;}
			.bloqueformulario table#formulario_fills tr{ height:30px;}
			.bloqueformulario table#formulario_fills td{ vertical-align:middle; padding:0 5px;}
			.bloqueformulario table#formulario_fills td.literal{ width:420px; vertical-align:middle; padding:0 5px;}
			.bloqueformulario table#formulario_fills select{ font-size: 11px; color:#6d6d6d; width:40px;}
			.bloqueformulario table#formulario_fills input { width:20px;}
			.bloqueformulario table#formulario_fills input#nombreVia { width:165px;}
			.bloqueformulario table#formulario_fills p.linea{ height:2px; border-top:1px solid #d9d9d9; border-bottom:1px solid #fff;}
			.bloqueformulario table#formulario_varis{ border-collapse: collapse; font-weight:bold; width:100%;}
			.bloqueformulario table#formulario_varis tr{ height:30px;}
			.bloqueformulario table#formulario_varis td{ vertical-align:middle; padding:0 5px; }
			.bloqueformulario table#formulario_varis td.opciones{ vertical-align:middle; padding:0 5px; font-weight:normal;}
			.bloqueformulario table#formulario_varis select{ font-size: 11px; color:#6d6d6d;}
			.bloqueformulario table#formulario_varis p.linea{ height:2px; border-top:1px solid #d9d9d9; border-bottom:1px solid #fff;}
			.bloqueformulario #condiciones {width:100%; }
			.bloqueformulario #condiciones #legal{width:600px; margin:25px 0px 5px 0; bordeR:1px solid #cbcbcb; height:80px; background:#fff; overflow-x: hidden}
			.bloqueformulario #condiciones #legal p{ padding: 10px 10px; margin:0px;}
			.bloqueformulario #condiciones #legal a{ color:#6b6b6b; font-weight:bold;}
			.bloqueformulario #condiciones p#boton {width:600px; text-align:center; margin-top:20px; padding:0px 30px 0px 30px;}
			.bloqueformulario #condiciones p#boton input { padding:0px 40px 0px 40px; background:#dedede; color:#696969;}
	
	
			#contenido .azul a:link,
			#contenido .azul a:visited { color:#4d6390; font-weight:bold; }
			#contenido .azul a:hover,
			#contenido .azul a:active { text-decoration:underline; }
			
			#contenido .amarillo a:link,
			#contenido .amarillo a:visited { color:#ffc000; font-weight:bold; }
			#contenido .amarillo a:hover,
			#contenido .amarillo a:active { text-decoration:underline; }
			
			#contenido .rosa a:link,
			#contenido .rosa a:visited { color:#ff0066; font-weight:bold; }
			#contenido .rosa a:hover,
			#contenido .rosa a:active { text-decoration:underline; }
			
			#contenido .magenta a:link,
			#contenido .magenta a:visited { color:#d11c7b; font-weight:bold; }
			#contenido .magenta a:hover,
			#contenido .magenta a:active { text-decoration:underline; }
			
			#contenido .naranja a:link,
            #contenido .naranja a:visited { color:#ff6600; font-weight:bold; }
            #contenido .naranja a:hover,
            #contenido .naranja a:active { text-decoration:underline; }
			
			#contenido .enlaceGris a:link,
			#contenido .enlaceGris a:visited { color:#6d6d6d; font-weight:normal; text-decoration:underline; }
			#contenido .enlaceGris a:hover,
			#contenido .enlaceGris a:active { text-decoration:underline; }
			
			#contenido .enlaceSorteo a:link,
			#contenido .enlaceSorteo a:visited { color:#fff; font-weight:bold; text-decoration:underline; }
			#contenido .enlaceSorteo a:hover,
			#contenido .enlaceSorteo a:active { text-decoration:underline; }
			
		
			#contenido .btn_registrate_conocenos {height:56px;}
			#contenido .btn_registrate_conocenos p{height:54px; text-align:center; margin:0px; padding:0px;}
			
			#contenido #imagen { width:320px; float:right; padding:0px 0px 0px 20px; margin:12px 0px 0px 0px;}
			#contenido #imagen p{ padding:0px; margin:0px;}
			#contenido #sorteo { padding:0px 0px 0px 20px; margin:12px 0px 0px 0px; width:100%; height:180px;}
			#contenido #sorteo p{ padding:0px; margin:0px;}
			#contenido .consulta_gandores {height:45px; background-color:#ffc000; color:#fff; text-align:center; margin:20px 0 0 0px; padding:4px 0 0 0;}
			#contenido .texto_flotante { text-align:left; margin:90px 0px 0px 0; padding:0px; }
			
	
		
	#lateral { width:230px; float:left; margin-bottom:40px; }
		.registro { color:#6e6e6e; height:224px;}
		.registro ul { background:url(../img/fondo_registro2.gif) no-repeat;border:1px solid #fff; padding:3px; margin:10px 0; }
		.registro li { color:#d11c7a; margin:6px 10px 12px 10px; }
		a.boton_1:link,
		a.boton_1:visited { color:#fff; text-decoration:none; background-color:#d11c7a; font-weight:bold; padding:5px 15px; display:block; width:110px; margin:25px auto; font-size:14px;}
		a.boton_1:hover,
		a.boton_1:active { background-color:#193660; }
		
		.actualizardatos { color:#6e6e6e;}
		.actualizardatos a:link,
		.actualizardatos a:visited { color:#6e6e6e; text-decoration:underline; }
		.actualizardatos a:hover,
		.actualizardatos a:active { color:#193660; }
		a.boton_2:link,
		a.boton_2:visited { color:#d11c7a; text-decoration:none; border:1px solid #dfdfdf; background:url(../img/fondo_boton_2.gif) top repeat-x; font-weight:bold; padding:5px 10px; display:block; width:70px; margin:12px auto; }
		a.boton_2:hover,
		a.boton_2:active { background:url(../img/fondo_boton_2.gif) top repeat-x; color:#193660; }
	
		a.boton_3:link,
		a.boton_3:visited { color:#d11c7a; text-decoration:none; border:1px solid #dfdfdf; background:url(../img/fondo_boton_2.gif) top repeat-x; font-weight:bold; padding:5px 10px; display:block; width:80px; margin:12px auto; }
		a.boton_3:hover,
		a.boton_3:active { background:url(../img/fondo_boton_2.gif) top repeat-x; color:#193660; }
	
		.faqs {text-align:center; font-size:11px;}
	#cambio { width:100px; float:left; text-align:center;}
	#contacto { width:100px; float:right; text-align:center;}
	
	
	#pie { clear:both; background-color:#ececec; text-align:center; padding:10px; }
		#pie li { display:inline; padding:0px 10px }
		#pie ul#menuPie { margin-bottom:10px; }
		#pie ul#menuPie a:link,
		#pie ul#menuPie a:visited { color:#193660; text-decoration:none; }
		#pie ul#menuPie a:hover,
		#pie ul#menuPie a:active { color:#193660; text-decoration:underline; }
		#pie ul#menuPie li { border-right:1px solid #193660; }
		#pie ul#menuPie li.ultimo { border:0; }
		
		#pie ul#creditos { color:#949494; font-size:.9em; }
		#pie ul#creditos a:link,
		#pie ul#creditos a:visited { color:#949494; text-decoration:none; }
		#pie ul#creditos a:hover,
		#pie ul#creditos a:active { color:#949494; text-decoration:underline; }