f* { margin: 0; padding: 0; }
/****** ESTRUCTURA ******/
body { margin: 0; padding: 0; font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #333; background-color: #5F5F5F; }
body#inicio { background: url(img/body_inicio.png) 0 236px repeat-x #5F5F5F; }
#wrap { width: 960px; margin: 0 auto; padding: 20px 0; }
	#wrap_t { float: left; width: 100%; background: url(img/wrap_t.png) 0 0 no-repeat transparent; }
		#wrap_b { float: left; width: 100%; background: url(img/wrap_b.png) 0 100% no-repeat #FFF; }
	
#header { position: relative; float: left; width: 100%; height: 132px; margin: 0; }

	div#logo{ position: absolute; top: 30px; left: 30px; }
		div#logo img{ margin: 0;}
	#menu_bar { position: absolute; top: 44px; right: 20px; width: 620px; height: 40px; background: url(img/menu_bar.png) 0 0 no-repeat transparent; }

	#content { float: left; width: 100%; min-height: 300px; margin: 0; overflow:hidden; }
	body#inicio #content { }
		#gutter_content { padding: 20px; }
			body#inicio #gutter_content { padding: 20px; }

#footer { float: left; width: 100%; margin-top: 10px; color: #CCC; line-height:150%; font-size: 12px; text-align: center; }
	#footer a { padding: 4px 50px 4px 0; background: url(img/logo_ifl.png) 100% 50% no-repeat; color: #999; }

a#credits { float:right; width: 170px; line-height: 20px; padding-right: 30px; background: url(img/vision_izoizo.png) 0 0 no-repeat; color: #5F5F5F; font-size: 11px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
	a#credits:hover { color: #333; text-decoration: none; }
	
/****** GENERALES ******/
a {	color: #09F; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }

h2, h3 { font-family: Tahoma, Calibri, Arial, Helvetica, sans-serif;  }
h1 { margin: 0 0 8px 0; padding: 0 0 2px 0; text-indent: 10px; color: #666; border-bottom: 2px solid #999; font-size: 34px; font-weight: normal; }
h2 { margin: 10px 0; font-size: 20px; color: #069CDB; font-weight: normal; }
	h2 a { color: #333; }
h3 { margin: 10px 0; padding: 4px 0; color: #666; font-size: 15px; }
h4 { margin: 8px 0; font-size: 13px; color: #666; font-weight: bold; }
h5 { margin: 4px 0; padding: 0; color: #999; font-size:11px; font-weight:normal; }

hr { width: 94%; height:1px; margin: 10px auto ; border: 0; color: #F4F4F4; background-color: #F4F4F4; }

/****** EXTRAS ******/
.izq { float: left; }
.der { float: right; }
.esp { clear: both; }
.centro { margin-left: auto; margin-right: auto; }

.enlinea, ul.enlinea li { display: inline; }

.aire_v { padding-top: 10px; padding-bottom: 10px; }
.airezote { margin-top: 20px; margin-bottom: 20px; }
.mucho_aire_t { margin-top: 2px; padding-top: 16px; }
.poco_aire_b { margin-bottom: 0; padding-bottom: 0; }

.un_cuarto { width: 25%; }
.tres_cuartos { width: 75%; }
.un_tercio { width: 33%; }
.dos_tercios { width: 66%; }
.mitad { width: 50%; }
.todo { width: 100%; }

.gutter_med { padding: 6px 8px; }
.gutter_mini { padding:8px; }
.gt { padding-top: 10px; }
.gb { padding-bottom: 10px; }
.gl { padding-left: 10px; }
.gr { padding-right: 10px; }
.gtb { padding-top: 10px; padding-bottom: 10px;}
.glr { padding-left: 10px; padding-right: 10px;}
.gtl { padding-top: 10px; padding-left: 10px; }
.gtr { padding-top: 10px; padding-right: 10px; }
.gbl { padding-bottom: 10px; padding-left: 10px; }
.gbr { padding-bottom: 10px; padding-right: 10px; }
.mtb { margin-top: 10px; margin-bottom: 10px; }
.mt { margin-top: 10px; }
.mr { margin-top: 10px; }
.mb { margin-top: 10px; }
.ml { margin-top: 10px; }

.centrado { text-align:center }
.derechado { text-align:right }
.justificado { text-align: justify; }
.mediado { vertical-align:middle }

.noborde { border: none }

.sutil{ color: #999; }
.pequena { font-size: 11px;}
.sutilisimo { color: #999; font-size: 11px; }

.minilabel { font-size: 11px; font-weight: bold; color: #666; }

img.cont { margin: 8px; padding: 4px; background-color: #FFF; }
img.contborde { margin: 8px; padding: 4px; background-color: #FFF; border: #F4F4F4 1px solid; }
	a:hover img.contborde { border-color: #09C; }

/****** ESPECIALES ******/
#animacion_inicio { float:left; width: 960px; height: 382px; background: url(img/img_inicio.jpg) 0 0 no-repeat; }
	#texto_animacion { float: left; width: 440px; height: 240px; margin: 160px 0 0 240px; font-size: 14px; text-align: center; color: #666; line-height: 200%; }
	#texto_animacion h2 { margin-bottom: 20px; }
	#texto_animacion p { margin: 16px 0; }
.sidebar_element { padding-bottom: 20px; text-align: center; }

p.descarga { padding: 2px 0 2px 24px; background: url(img/icono_pdf.png) 0 0 no-repeat; }
p.error { padding: 2px 4px; background-color: #F30; color: #FFF; font-size: 11px; text-align: center; }

dl { float: left; width: 100%; margin: 0; padding: 0; }
	dt, dd { margin: 0; padding: 0; line-height: 150%; vertical-align: top; }
	dt { float: left; clear:left; width: 26%; font-weight: bold; text-align: right; }
	dd { float: left; width: 74%; text-indent: 4px; }
	
.azul { color: #069BDA; }

.recuadro { margin: 20px auto; padding: 20px; border: 1px dotted #999; }

a.descarga { padding: 2px 0 2px 24px; background: url(img/icono_pdf.png) 0 0 no-repeat; }

p.volver { clear: both; padding-top: 10px; }
	p.volver a { display: block; width: 180px; height: 40px; line-height: 40px; text-indent: 44px; background: url(img/volver.png) 0 0 no-repeat transparent; color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 11px; }

/****** MENUS ******/
#menu_principal { height: 40px; line-height: 40px; margin: 0; padding: 0; list-style: none; text-align: center; }
	#menu_principal li { display: inline; margin-right: 12px; padding: 0; list-style: none; font-family: Verdana, Geneva, sans-serif; font-size: 16px; }
	#menu_principal li.ultimo { margin-right: 0; }
		#menu_principal li a { color: #666; }
			#menu_principal li.active a { color: #059BDC; text-decoration: none; }
				#menu_principal li.active a:hover { }
			#menu_principal li a:hover { color: #333; text-decoration: none; }

/****** LISTAS ******/
ul.productosInicio { }
	ul.productosInicio li a { color: #FFF; }
			
.thumbnails { float:left; width: 100%; margin: 0 0 0 8px; padding: 8px 4px 4px 8px; background: url(img/galeria.png) 0 0 repeat-x; }
	.thumbnails li { float:left; width: 220px; height: 150px; margin: 0 20px 4px 0; padding: 10px; border: #FFF 1px solid; background-color: #FFF; list-style: none; text-align:center; }
		.thumbnails li:hover { border-color: #09C; }
		.thumbnails li.fin_fila { margin-right: 0; }
		.thumbnails li img { }

/****** MODULOS ******/
.gut_mod { padding: 8px; }

.mod_mitad_t { width: 456px; background: url(img/mod_mitad_t.png) 0 0 no-repeat; }
.mod_mitad_b { background: url(img/mod_mitad_b.png) 0 100% no-repeat; }

.mod { width: 240px; margin: 0 0 10px 0; background: url(img/mod.png) 0 100% no-repeat #F4F4F4; font-size: 12px; color: #333; }
	.mod_t { width: 100%; background: url(img/mod_t.png) 0 0 no-repeat transparent; }
		.mod_gut { padding: 10px; }
		.mod h3 { height: 28px; line-height: 28px; margin: 0; padding: 0; text-align: center; color: #666; text-shadow: #FFF 1px 1px 0; }
		.mod h4 { margin-top: 0; color: #545434; }
		.mod p { margin: 6px 0; }
	p.leermas { margin: 4px 0; }
		p.leermas a { padding: 0 2px; background-color: #06C; color: #FFF; }
			p.leermas a:hover { background-color: #039; text-decoration: none; }
			
#modulos_inferiores { float: left; padding-top: 20px; }		

	.mod_inferior { position: relative; display: block; float: left; width: 214px; height: 130px; margin: 0 21px 0 0; font-size: 12px; color: #333; }
		.mod_inferior h3 { display: block; position: absolute; bottom: 6px; left: 10px; width: 160px; height: 30px; padding: 0; text-indent: -4000px; }
		.mod_inferior p { position: absolute; top: 10px; left: 10px; width: 150px; font-size: 12px; color: #999; }
	.mod_inferior:hover { text-decoration: none; }
	#mod_ventajas { background: url(img/mod_ventajas.jpg) 0 0 no-repeat transparent; }
		#mod_ventajas:hover { background-position: 0 -130px; }
	#mod_antes { background: url(img/mod_antes.jpg) 0 0 no-repeat transparent; }
		#mod_antes:hover { background-position: 0 -130px; }
	#mod_videos { background: url(img/mod_videos.jpg) 0 0 no-repeat transparent; }
		#mod_videos:hover { background-position: 0 -130px; }
	#mod_centros { margin-right: 0; background: url(img/mod_centros.jpg) 0 0 no-repeat transparent; }
		#mod_centros:hover { background-position: 0 -130px; }

/****** CONTENIDO ******/
#content { }
p { line-height:150%; margin: 8px 0; }
	#content p.centrado { text-align: center; }
#content ul, #content ol { padding-left: 30px; line-height: 150%; }
#content ul { list-style-image: url(img/lista.png); }
	#content ul li, #content ol li { padding: 5px 0; margin:0; }

/****** TABLAS ******/
.datos { margin-top: 10px; margin-bottom: 10px; border-collapse:collapse; border: #FF9 1px solid; }
	.datos th { padding: 4px; line-height: 200%; text-align: center; color: #FFF; border: #FF9 1px solid; }
		.datos th.descripcion { text-align: left; }
	.datos td { line-height:150%; padding: 4px; vertical-align: middle; border: #FF9 1px solid; }
		.datos td.descripcion { font-weight: bold; }
		.datos td.valor { text-align: center; }
		.datos td h4, .datos td ul { padding:0; margin:0; }
		.datos td ul li { list-style-image: url(img/check.png); }
.cuartos td { width:25%; }
.tercios td { width:33%; }
.celdas td { border: #CCC 1px solid; }

.detalles_producto { border:none; width:90%; margin: 10px auto; }
	.detalles_producto td { text-align:center; }
	
table.normal { border-collapse:collapse; margin: 10px auto; line-height:150%; }
.normal th, .normal td { border: #FFF 4px solid; padding: 2px 6px; }
.normal th { background-color: #DCF1FA; color: #069CDB; font-size: 14px; line-height: 200%; } 
	.normal th.izquierdado { text-align: left; }
.normal td { background-color: #F4F4F4; line-height: 150%; }
	.normal td.accion { text-align: center; }

.normal caption { padding: 4px;  border: #FFF 4px solid; border-bottom: none; caption-side: top; font-size: 13px; font-weight: bold; text-transform: uppercase; background-color: #069CDB; color: #FFF; }

/****** FORMULARIOS ******/
form { }
	fieldset { margin: 0; padding: 0; border: 1px solid #CCC; }
	fieldset legend { margin-left: 10px; color: #FFF; font-size: 12px; font-weight: bold; }
	label { display: block; width: 100%; margin: 12px 0 8px 0; color: #999; }
		.cotizacion label { display: inline; width: auto; font-size: 11px; }
	input[type=text] { height: 18px; line-height: 22px; padding: 2px 0; vertical-align: middle; }
		.cotizacion input[type=text] { height: auto; line-height: normal; padding: 0; text-align: left; text-indent: 4px; }
	textarea { overflow: auto; }
	input[type=text], textarea { width: 450px; background: url(img/textfield.png) 100% 0 no-repeat #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		input[type=text]:focus, textarea:focus { }
		.cotizacion input[type=text], .cotizacion textarea { width: auto; }
	input[type=text], textarea, select { border: 1px solid #999; }
	select { clear: both; vertical-align: text-bottom; }
	select[multiple=multiple] { width: auto; padding: 4px; line-height:150%; }
	option { padding: 0 3px; }
	input[type=checkbox] { margin: 4px 6px 4px 2px; width: auto; }
	input[type=radio] { width:auto; margin: 0 3px 7px 0; }
	div.radio label { margin: 0 0 6px 20px; }
	input[type=submit], input[type=button] { display: inline; width: auto; vertical-align: bottom; padding: 4px 8px; font-weight: bold; }
	div.submit { margin: 16px auto; text-align: center; }
	form span.error { font-size: 11px; color: #F30; }
	form input.error { border: 1px solid #F30; }

.cotizacion { margin: 10px 0; padding: 10px 10px 6px 10px; border: 1px solid #F4F4F4; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
	.cotizacion h3 { margin: 0 0 4px 0; padding: 0; line-height: 30px; }
		.cotizacion h3 a { color: #FFF; }
	a.abrirCerrar { display: block; width: 30px; height: 30px; background: url(img/abrir_cerrar.png) 0 0 no-repeat transparent; text-indent: -4000px; font-size: 1px; }
	.cotizacion input[type=text] { width: 36px; color:#999; text-align: center; text-indent: 0; }
	.cotizacion input[type=text].focus { color: #000; border-color: #FF0; }
	.cotizacion input[type=text].full { color: #000; }
	
	table.cantidades td { padding: 4px 0; }