@charset "utf-8";
/*   
Theme Name: CSS inicial
Author: Queli
Version: 0.1
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/** HACKS PARA IE ***/
/* IE6 --->     * html	  IE7 ---> 	*:first-child+html		Opera 9 y anteriores:	html:first-child	*/

/***** COMIENZO RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS  ****/

* {	margin: 0;	padding: 0; }
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,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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
blockquote:before, blockquote:after, q:before, q:after {content:''} blockquote, q {quotes: "" ""}
sup { font-size:0.8em;} sub {  font-size:0.8em; } ul ,ol  {list-style-type:none;}
a img { 	border: none; 	text-decoration: none; }
a:link, a:visited, a:active , :focus  { outline:0;}
img { 	border: none; 	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }
.marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd}
/*** igualar las fuentes a todos los elementos ***/
h1, h2 , h3, h4, h5{ font-size:100%; font-weight:bold;}
strong { font-weight: bold;}
/***  TABLAS ***/
table { width:100%; border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align: left;font-weight: normal;}
/** HACK dar altura a elementos con contenido flotado */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:block;} 
.float-left { display:inline;	float: left; } .float-right { display:inline;	float: right; } 
.clear{clear:both;margin:0;padding:0; } .clear_2{clear:both;margin:0;padding:0;height:0;} .clear_position{position:relative;}
acronym {border:0} .manolink{cursor:pointer;} .ocultar {display:none} .bloque {height:1em; display:block; margin:4px 0; } 
.fuerte{font-weight:bold; color:#181d6a} #pagina .noBorder {border:0;}
/*** igualar las columas ***/
#content { background: #fff; overflow:hidden;} * html #content { overflow:visible;}
#pagina #column_1NO , #pagina #column_2NO ,  #pagina #column_3NO {float:left; margin-bottom:-20000px; padding-bottom:20000px; } 
#pagina #subColumn1NO, #pagina #subColumn2NO ,  #pagina #subColumn3NO  {float:left; margin-bottom:-20000px; padding-bottom:20000px; } 
	/* solo queda maquetar el ancho de cada columna den  trode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
#pagina #column_1 , #pagina #subColumn1 { float:left; width:30%; }
#pagina #column_2 , #pagina #subColumn2 { float:left; width:70%;}
address { font-style: normal;}
/* #pagina #column_3 , #pagina #subColumn3 { float:right; width:30%; padding-left:12px;} */
/***** FIN RESET PAGINAS Y REGLAS GENERALES FRAMEWORK CSS  ****/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background:#dbd7d7 url(comunes/fondos/fnd-pagina.png) 50% 50% repeat-y;text-align:center; font-size:100%;}
h1 { position:absolute;  left:0; top:21px; width:300px; height:159px;   text-indent:-9999px; cursor:pointer; /* background:url(interface/logo.png) no-repeat ; */ }
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{position:relative; margin:0 auto; width:1000px;text-align:left;  }
#pagina p {line-height:16px; margin-bottom:8px;}
#header{position:relative;  background:url(comunes/fondos/fnd-cabecera.png) repeat-x; }
#subHeader { position:relative;    }
#subHeader .banner { clear:both; background:#000; position:relative; z-index:80; }
#subHeader .media {  float:none; position:absolute; z-index:90;  top:28px; left:600px;   }
#footer{ clear:both; position:relative; /* border-bottom: 13px solid #fff; */ padding:30px 0 26px 20px; color: #fff; background:#152a49 url(comunes/fondos/fnd-footer.png) repeat-x;   }
#footer dl { float:left; width:35%; border-left:1px solid #115ccc;}
#footer dt { display: block; float:left; padding:0 13px 0 8px; font-weight: bold; color:#fff }
#footer dd { float: left; color: #d3dbe6; }
#footer dd, #footer dt {  position: relative; top:-3px; }
#footer dd a {  color: #d3dbe6; }
#footer dd .adr span.street-address, #footer dd .adr, #footer dd .bloquedir, #footer dd .bloquedir a
{ display: block; }
#footer dd .bloquedir abbr.mailto { display: none;}
#footer .vcard { margin-bottom: 0; }
/********************************************
				TEXTOS
**********************************************/
#pagina{ font: normal 0.69em 'Trebuchet MS', Helvetica, sans-serif; color:#666; }
#pagina .subtitular {color:#620F6E; font-weight:bold;}
#pagina .titular {color:#620F6E; font-weight:bold;}
/********************************************
				ENLACES 
**********************************************/
/* generales */
a:link, a:visited { font-weight:inherit; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:inherit;   color:#d07c18; }
a:hover{ text-decoration:none;}
a.descargar:link ,a.descargar:visited{background:url(/estilosico_pdf.gif) no-repeat; font-size:1em; display:block; padding:2px 4px 4px 25px; font-size:0.9em }
a.verMas {padding-left:20px; background:url(comunes/iconos/ico-todas.gif) no-repeat 0 4px;}
a.pdf {padding-left:23px; background:url(comunes/iconos/ico-pdf.png) no-repeat 0 4px;}
a.volver {position:absolute; top:0; right:3.5%; padding:3px; background-color:#e7e0d6;}
a.vistaAerea {display:block; width:5.5em; height:18px; padding:3px 1px 0px 25px; background:#cac2b3 url(comunes/iconos/ico-vista-aerea.png) no-repeat 0 2px;}

a.boton  { display: block; float: left; margin-right:1%; width: 219px; text-decoration:none;  height:28px; padding-top:12px; text-indent:15px; color:#115ac7; background: url(comunes/botones/btn-enlace-boton.png) no-repeat}
a.boton:hover { text-decoration: underline;}
a.boton span { color:#e57304; }
/*****	LISTAS MENUS   ****/
/* Lista para el migas */
ul#migas { margin-bottom: 17px; color:#b8c0cc;}
#migas li { float:left; padding-right:5px;}
#migas strong { color: #324561;}
#migas  li a{color:#7a8798; }

/* Lista menu utilidades */
#nav_utilidades{ padding-right: 13px; text-align: right; line-height: 21px; background: #0b1a31;  }
#nav_utilidades li{ display: inline; }
#nav_utilidades li a:link, #nav_utilidades li a:visited {  color:#fff; text-decoration:none;}
#nav_utilidades li a:hover {  color:#fff; text-decoration:underline}
#nav_utilidades li span { color:#a7c4f0; padding:0 6px 0 7px; }

/*** listas en linea ***/
#pagina ul.linea { display:block;}
#pagina ul.linea li { float:none; display:inline;}


/*  menu principal con botones */
#nav_principal {  float:none; height:46px; } 
#nav_principal li {  display:block; float:left; }
#nav_principal li a {display:block; text-indent:-99999px; }


/* Usando la tecnica de sprite para los menus */
#menuInicio{display:block; width:104px;height:46px;background:url(interface/menu/fnd-menu.png) 0 0; }
#menuInicio:hover, #menuInicioOn{display:block; width:104px;height:46px; background:url(interface/menu/fnd-menu.png) 0 46px; }

#menuEmpresa{display:block; width:104px;height:46px;background:url(interface/menu/fnd-menu.png) -104px 0; }
#menuEmpresa:hover, #menuEmpresaOn{display:block; width:104px;height:46px; background:url(interface/menu/fnd-menu.png) -104px 46px; }

#menuServicios{display:block; width:109px;height:46px;background:url(interface/menu/fnd-menu.png) -208px 0; }
#menuServicios:hover, #menuServiciosOn{display:block; width:109px;height:46px; background:url(interface/menu/fnd-menu.png) -208px 46px; }

#menuInstalaciones{display:block; width:139px;height:46px;background:url(interface/menu/fnd-menu.png) -317px 0; }
#menuInstalaciones:hover, #menuInstalacionesOn{display:block; width:139px;height:46px; background:url(interface/menu/fnd-menu.png) -317px 46px; }

#menuCatalogo{display:block; width:109px;height:46px;background:url(interface/menu/fnd-menu.png) -456px 0; }
#menuCatalogo:hover, #menuCatalogoOn{display:block; width:109px;height:46px; background:url(interface/menu/fnd-menu.png) -456px 46px; }

#menuConcesionario{display:block; width:324px;height:46px;background:url(interface/menu/fnd-menu.png) -565px 0; }
#menuConcesionario:hover, #menuConcesionarioOn{display:block; width:324px;height:46px; background:url(interface/menu/fnd-menu.png) -565px 46px; }

#menuContacto{display:block; width:111px;height:46px;background:url(interface/menu/fnd-menu.png) -889px 0; }
#menuContacto:hover, #menuContactoOn{display:block; width:111px;height:46px; background:url(interface/menu/fnd-menu.png) -889px 46px; }




/*** Estructuras Comunes ***/
     /** imagenes **/
	img.cuadro { padding: 2px 3px; border: 1px solid #d4d3d3;}
	/*** Galeria ***/
	p.galeria   {  margin-bottom:20px;  }
	p.galeria  a { float:left; width:150px; margin-right:10px; font-size:0.9em; text-decoration:none; color:#5c676e;  }
	p.galeria  a img { display:block; margin-bottom:7px; }
	p.galeria  a.ultimo { margin-right:0 }
	/*** ***/
	
	/** dl.fotoDescripcion {} **/
	dl.fotoDescripcion {  width:95%;}
	dl.fotoDescripcion dt { float:left; width:170px;}
	dl.fotoDescripcion dd { float:right; width:65%; }
	dl.fotoDescripcion dd h3 { margin:0 0 8px 0; font-weight:bold; font-size:1.18em; color:#620f6e;}
	dl.fotoDescripcion dd dl.linea dt {display:inline; float:none; font-weight:bold; color:#6a645a;}
	dl.fotoDescripcion dd dl.linea dd {display:inline; float:none; padding:0; background:none;}
	dl.fotoDescripcion dd dl.linea2 dt {display:inline; float:none; font-weight:normal; color:#660066;}
	dl.fotoDescripcion dd dl.linea2 dd {display:inline; float:none; padding:0; background:none;}

/*** paginaciones ***/
p.paginacion { margin: 10px 0; padding: 6px 8px; background:#f2f3f5;}
p.paginacion strong.total { float: left; color: #8c96a6;} 
p.paginacion span.paginacion { float: right;} 
p.paginacion span.pagina { color: #8c96a6;}
p.paginacion a { color: #115ccc;}
	/*** estructuras columas como un periodico de texto ***/
	dl.columnasPeriodico { width:95%; text-align:justify;}
	dl.columnasPeriodico dd { width:46%; float:left;}
	dl.columnasPeriodico dd.ultimo { width:48%; float:right;}


	/*** Errores ***/
	.ficha .mesagges.status { width: 57%; }
	.mesagges.status { padding:60px 50px; height: 185px; background: url(comunes/fondos/fnd-request.png) no-repeat}
	.mesagges.status span { display: block; margin-bottom: 10px;}
	.mesagges.error { padding:5px 0 5px 20px; color:#fff; font-weight:bold; background: #f33;}
/***** reglas css particulares a cada proyecto ***/

/** Seccion producto destacado **/
.producto-sticky { margin:20px 0 11px; border:1px solid #b1c8ea;}
.producto-sticky dl.fotoDescripcion { margin-left:7px;  margin-bottom:10px; }
.producto-sticky dl.fotoDescripcion dd{ width: 60%;  }
.producto-sticky dl.fotoDescripcion dt{ width: 90px; padding-top: 3px;  }
#pagina .producto-sticky dl.fotoDescripcion dt img { border: 1px solid #12bef7; padding: 0; }
#pagina .producto-sticky  h2 { left: 0; height: 18px; margin-top: 11px;  margin-bottom: 9px; text-indent: -9999px; background: url(comunes/titulos/tit-puede-interese.png) 7px 0 no-repeat}
.producto-sticky dd span { display: block; color:#6d7a8f; text-transform:uppercase;}
.producto-sticky dd strong{ padding-right:4px; color: #124ca3;}
.producto-sticky  a.todas:link, .producto-sticky a.todas:visited {  display: block; text-decoration: none; text-align: right; line-height:22px; background-color: #fcf1e5; }
.producto-sticky a.todas:hover { text-decoration: underline;}
.producto-sticky .todas strong { padding-right:5px; color:#115ccc; font-size:1.27em;}

/** marcas secciones distribuidores **/
.marcas-distribuidores-bloque { margin-bottom: 30px; border:1px solid #b1c8ea; padding:12px 8px; background: #e6e8ea; }
.marcas-distribuidores-bloque h2 {  height: 18px;  margin-bottom: 12px; text-indent: -9999px; background: url(comunes/titulos/tit-nuestras-marcas-bloquer.png)  no-repeat}
.marcas-distribuidores-bloque h3 { margin-bottom:9px; padding-left:26px; height: 17px; font-weight: normal; text-decoration:underline; font-size: 1.27em; color:#0a182f;  background:#fff url(comunes/iconos/ico-bandera-azul.png)  no-repeat}
.marcas-distribuidores-bloque .marcas { margin-bottom: 27px;}
.marcas-distribuidores-bloque .marcas li {  margin-bottom: 4px; margin-right:7px; height: 35px; width: 100px; text-align:center; float: left; padding:11px 7px; border:1px solid #c8c9c9; background:#fff;}
.marcas-distribuidores-bloque  .distribuidores { margin-bottom: 5px; padding:0 0 9px 21px; color:#1e488c; font-weight: bold; font-size: 1.27em; background:#fff; border: 1px solid #c8c9c9;}
.marcas-distribuidores-bloque  .distribuidores li {color: #115ccc;}
.marcas-distribuidores-bloque  .distribuidores li a {color: #115ccc; text-decoration: none; padding: 0;}
.marcas-distribuidores-bloque  .distribuidores li { float: left;}
.marcas-distribuidores-bloque  .distribuidores li { margin-top:9px;}
.marcas-distribuidores-bloque  a.todas:link, .producto-sticky a.todas:visited {  display: block; text-decoration: none; text-align: right; line-height:22px;  }
.marcas-distribuidores-bloque a.todas:hover { text-decoration: underline;}
.marcas-distribuidores-bloque .todas strong { padding-right:5px; color:#115ccc; font-size:1.27em;}

.marcas-distribuidores-bloque  a.todas { display:block; text-align: right; text-decoration: none;}