@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../img/bg.jpg);
	text-align: center;
	min-width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #FFFFFF;
	/*position:absolute;*/
}

	body div.corner{
    	background:url(../img/esquina.png) repeat-x scroll transparent;
    	top: 0;
	right:0;
        float: left;
        height: 148px;
	width:148px;
        position: fixed;
        /*width: 99%;*/
        z-index: 2000;
	}

	#volver {
		text-align:right;
		padding-right:37px;
		padding-top:10px;		
	}
	
	#volver a {
		color:#FFFFFF;
	}
	
	div.contPpal {
		width: 800px;
	}
		div.contPpal #header{
			background-image: url(../img/header.jpg); height: 187px; 
			position:relative;
		}
			div.contPpal #header #menu{
				position:absolute;
				top:150px;
				left:75px;
			}
			div.item{				
				float:left;
			}
			div.item_selected{				
				float:left;
			}
			div.separador_menu{				
				float:left;
				width:6px;
				height:37px;
				background-image: url(../img/separador_menu.jpg);
			}
			
			
		div.contPpal #sombraHead{
			background-image: url(../img/sombraHead.jpg); height: 15px;
		}
		div.contPpal #cont {
			background-image: url(../img/bg_container.jpg);
		}
		div.contPpal #footer {
			background-image: url(../img/footer.jpg); height: 64px;
		}
		
		
			div.contHome {
				width:779px; background-image: url(../img/bg_home.jpg); 
				background-position:top; background-repeat: no-repeat; padding-top: 60px;
			}
			div.txtHome {
				margin-left: 240px; margin-right: 25px; text-align: left; font-size: 13px;
			}
			
			#contGral {
				width:729px; background-color:#154FA1; padding-top: 27px;
				margin-left:25px; min-height:352px;
			}
			#contLeds {
				width:779px; padding-top: 27px;
				min-height:352px;background-image: url(../img/bg_sobre_leds.jpg); 
				background-position:bottom; background-repeat: no-repeat;
			}
			#contProductos {
				width:759px; 
				padding-top: 27px;
				height:270px; 
			}
			
			#contProducto {
				width:759px; 
				padding-left:47px;
				height:352px; 
			}
			#contContacto {
				width:779px;  padding-top: 27px;
				height:302px; 
				position:relative;
			}
			#contAhorro {
				width:779px;  padding-top: 1px;
				position:relative;
			}
			#listadoProductos {
				width:759px; 
				height:352px; 
				position:relative;	
				padding-left:65px;								
			}
			
			
			
				div.titulo_seccion{
				}
			
			/* SECCIONES */
			div.secciones {
				padding-left:5px;				
			}
			div.seccion_item {
				float:left;
				width:132px;
			}
			div.separador_seccion {
				float:left;
				width:21px;
				height:1px;
			}
			div.seccion_header {
				padding-bottom:5px;				
			}
			div.seccion_img {
				padding-bottom:6px;				
			}
			
			/* NOVEDADES */
			div.novedades {
				padding:0px;	
				
			}
			div.novedad_item {
				width:100%;
			}
			div.novedad_texto{
				float:left;
				background-image:url(../img/fondo_texto_caja.jpg);
				background-repeat:repeat-y;
				width:499px;
				height:252px;
				margin-top:5px;
				overflow:auto;
			}

                        div.distribuidor_texto{
				float:left;
				background-image:url(../img/fondo_texto_caja.jpg);
				background-repeat:repeat-y;
				width:499px;
				height:150px;
				margin-top:5px;
				overflow:auto;
			}
				.novedad_titulo{
					padding-top:15px;
					padding-left:30px;
					padding-right:25px;
					color:#ffffcc;
					text-align:left	;				
				}
                                .distribuidor_titulo{
					padding-top:15px;
					padding-left:30px;
					padding-right:25px;
					color:#ffffcc;
					text-align:left	;
				}
				.novedad_cuerpo{	
					color:#99ccff;
					text-align:left;
					padding-top:15px;
					padding-left:30px;
					padding-right:25px;
				}

                                .distribuidor_cuerpo{
					color:#99ccff;
					text-align:left;
					padding-top:15px;
					padding-left:30px;
					padding-right:25px;
				}
			div.novedad_img{
				width:215px;
				height:252px;
				float:left;
				background-image:url(../img/caja_fotos_listado_cuerpo.jpg);
				background-repeat:repeat-y;
			}
                        div.distribuidor_img{
				width:215px;
				height:150px;
				float:left;
				background-image:url(../img/caja_fotos_listado_cuerpo.jpg);
				background-repeat:repeat-y;
			}
				.row_top_img{
					background-image:url(../img/caja_fotos_listado_arriba.jpg);
					background-repeat:no-repeat;
					height:13px;
				}
				.row_bottom_img{
					background-image:url(../img/caja_fotos_listado_abajo.jpg);
					background-repeat:no-repeat;
					height:13px;
				}
			
			div.separador_novedad {
				width:21px;
				height:30px;
			}
			
			/* PRODUCTOS*/ 
			
			.itemProducto {
				float:left;		
				padding-top:27px;
			}
			
			.fotoProducto{				
				border:#FFFFFF 2px solid;
				height:108px;
				width:109px;
			}
			.nombreProducto{
				background-image:url(../img/producto_barra_chica.gif);
				width:141px;
				height:32px;
				text-align:left;
				padding-top:1px;
				margin-top:6px;				
				padding-left:23px;
			}
			
			.nombreProducto a{
				color:#FFFFFF;
				text-decoration:none;
			}
			
			.separador_producto{
				width:6px;
				height:151px;
				background-image:url(../img/bg_separador.jpg);
				background-repeat:repeat-y;
				margin-left:28px;
				margin-right:28px;
				margin-top:27px;
				float:left;
				
			}
			
			.descripcionProducto{
				background-image:url(../img/producto_barra_down_grande.jpg);
				background-position:bottom;
				background-repeat:no-repeat;
				width:464px;
				float:left;
				background-color:#08408B;
				text-align:justify;
				margin-top:27px;
				color:#97CBFF;
				padding-bottom:8px;
			}
			
			.propiedadesProducto{
				width:474px;
				float:left;
			}
			
			.propiedadProducto{		
				width:114px;
				min-height:27px;
				text-align:left;
				padding-top:6px;
				margin-top:6px;	
				margin-right:4px;	
				float:left;					
			}
			
			.descargarDoc {
				clear:both;
				width:114px;
				margin-top:15px;
				float:left;
				padding-left:23px;
			}
			
			.descargarDoc a{
				color:#FFFFFF;	
			}
			
			.fotosProducto{
				background-image:url(../img/producto_mas_clara_down.jpg);
				background-position:bottom;
				background-repeat:no-repeat;
				width:464px;
				min-height:96px;
				background-color:#0E4796;
				text-align:justify;
				margin-top:27px;
				margin-left: 227px;
				float:left;
				color:#97CBFF;
			}
			
			
			.fotoMiniProducto{				
				border:#FFFFFF 2px solid;
				height:52px;
				width:52px;
				margin-top:14px;
				margin-left:14px;
				float:left;
			}
			
			/* CONTACTO */
			.contacto_texto{
				height:151px;
				width:219px;
				background-color:#08408B;
				background-image:url(../img/contacto_barra_down_chica.jpg); background-position:bottom; background-repeat:no-repeat;
				text-align:left;
				line-height:1.9;
				font-size:0.89em;
				color:#97CBFF;
				float:left;
				margin-left:67px;
				
			}
			.contacto_texto_body {
				float:left;
			}
			
			.separador {
				float:left;
				width:6px;
				background-image: url(../img/bg_separador.jpg);
				background-repeat:repeat;
			}
			
			.contacto_formulario{
				float:left;
				width:377px;			
			}
			
			.contacto_formulario_body{
				background-color:#08408B;
				background-image:url(../img/contacto_barra_down_grande.jpg); background-position:bottom; background-repeat:no-repeat;
				height:282px;
				width:377px;
				padding-top:0px;
				text-align:left;
			}
			
			.frmContacto input.text{
				width:184px;
			}
			
			.frmContacto .multitext{
				width:184px;
				overflow:auto;
				height: 100px;
			}
			
			
			/****** ahorror *****/
			.ahorro_texto{
				height:171px;
				width:650px;
				background-color:#09428C;
				background-image:url(../img/ahorro_barra_down.gif); background-position:bottom; background-repeat:no-repeat;
				text-align:left;
				line-height:1.5;
				font-size:0.89em;
				color:#97CBFF;
				margin-left:0px;
				
			}
			.ahorro_texto_body {
				float:left;
				width:100%;
			}
			
			.ahorro_separador {
				float:left;
				width:6px;
				background-image: url(../img/bg_separador.jpg);
				background-repeat:repeat;
			}
			
			.ahorro_formulario{
				width:650px;			
				margin: 10px 0 0;
			}
			
			.ahorro_formulario_body{
				background-color:#08408B;
				background-image:url(../img/ahorro_barra_down.gif); background-position:bottom; background-repeat:no-repeat;
				height:332px;
				width:650px;
				padding-top:0px;
				text-align:left;			
				margin: 0;
			}
			#botones{
				padding: 8px;
			}
			
			
			/* FORM FIELDS!
			sacado los ejemplos de: http://www.sitepoint.com/article/fancy-form-design-css/
			 */
			fieldset {  
				float: left;  
				clear: left;  
				width: 100%;  
				margin: 0 0 0 0;  
				padding: 0;
				border:0px;
			}
			
			legend {  
				float: left;  
				width: 10em;  
				margin-right: 1em; 
			}
			
			fieldset ol {  
				padding: 0.5em 1em 0 1em;  
				list-style: none;
			}
			
			fieldset li {  
				float: left;  
				clear: left;  
				width: 100%;  
				padding-bottom: 0.5em;
			}
			
			fieldset.submit {  
				float: none;  
				width: auto;  
				border: 0 none #FFF;  
				padding-left: 12em;
			}
			
			label {  
				float: left;  
				width: 7em;  
				margin-right: 1em;
			}
			
			.boton_from{
				border:1px solid #97CBFF;
				background-color: #154FA1;
				color:#fff;a
			}
			
			
	#logo_iugo{
		width:800px;
		text-align:right;
		padding:8px;
	}
	
	#cuanto_ahorro{
		width:60px;
		height:60px;
		position:absolute;
		cursor:pointer;
		left:710px;
		top: 85px;
		border:0px;
	}
	




#goUp{
	text-align:right;
}

#goUp a{
	color:#FFFFFF;
}