/*******************************/
/**  Estilos de ambito COMUN  **/
/*******************************/

/* General */
html,body,div,span,td,a,ul,input {font-family: arial,verdana; font-size: 8pt; letter-spacing:1px; color:#000000;}
/* Body con el fondo de madera comentado, esta linea se puede borrar una vez se valide el color de fondo: body {height:100%; text-align:center; background:url(/Imagenes/FondoMadera.jpg) repeat-x; background-color:#FFFFFF; background-attachment: fixed;} */
body {height:100%; text-align:center; background-color:#939393;}

/* Cabeceras y textos resaltados */
h1,h3,strong {font-weight: bold;}
h1 {font-size:10.5pt; line-height:22px; margin-bottom:25px; font-variant:small-caps; padding-left:8px; color:#F8F8F8; background:#333333; /*border-top:solid 2px #6DC64A; border-bottom:solid 2px #6DC64A;*/}
h3 {font-size:9pt; line-height:15px; padding-left:8px; color:#333333; /*background-color:#E9E9E9;*/ background-color:#D9D9D9; margin:20px 0 20px 0; }
h6 {font-weight:bold; padding-left:8px; margin-bottom:15px; line-height:12px; background-color:#F3F3F3;}
strong {color:green;}

/* Enlaces */
a:link, a:visited {color:#009900; text-decoration:none;}
a:hover {text-decoration:underline;}
a.Marcador {text-decoration:none;} /* Class para los hipervínculos internos */


/************************************/
/**  Disposicion de la ESTRUCTURA  **/
/************************************/

#Estructura {position:relative; width:780px; text-align:left; margin:0px auto; background-color:#FFFFFF; border:solid 1px #333333; top:10px;}
#Cabecera {background:url(/Imagenes/Cabecera.jpg) no-repeat; background-color:#000000; height:90px;}
#MenuIzquierda {clear:both; float:left; width:160px; height:550px; padding:0 0 0 0; margin:0 0 0 0; background:transparent;}
#Contenido {float:left; width:600px; padding:10px; margin:0 0 0 0; background:transparent;} * html #Contenido {width:618px;} /* Hack IE que suma el width + el padding izq. y der. + el borde general */
#Pie{clear:both; bottom:0px; padding:0px; margin:0px; background-color:#333333;}


/********************************/
/**  Estilos para la CABECERA  **/
/********************************/

#LogoCab {position:absolute; top:11px; left:11px; text-align:left;}
#logoCab img {margin-bottom:4px; font-weight:bold;} * html #logoCab img {margin-bottom:2px;} 
.Frase {font-size:7.5pt; font-weight:bold; letter-spacing:0.3pt; color:#FFFFFF; line-height:10px;}

#MenuIdiomasCab {position:absolute; top:11px; right:11px;}
#MenuIdiomasCab a {float:left; display:block; margin-right:11px;}
#MenuIdiomasCab a img {border:solid 1px #333333;}

#MenuApartadosCab {position:absolute; top:58px; right:0px; width:610px;}
#MenuApartadosCab ul {margin:0px; padding:0px; z-index:99;}
#MenuApartadosCab li {float:left; height:50px; line-height:23px;}
#MenuApartadosCab a {display: block; font-size:9pt; font-weight:bold; font-variant:small-caps; color:#F7F7F7; text-decoration: none; padding: 0px 7px;}
#MenuApartadosCab a:hover {color:#F7F7F7; background-color:#666666;}
.LinkMenuActual {color:#F7F7F7; background-color:#444444!important;}


/*********************************/
/**  Estilos para el CONTENIDO  **/
/*********************************/

/* Clases utilizadas en las paginas de "imagen de empresa" (caracteristicas, normativa) */
#Contenido.listas ul{padding-left: 5px; margin-left: 5px; list-style-type: none;}
.listas ul li {padding-left:12px; background: url(/Imagenes/SimboloLista.gif) 0em 0.6em no-repeat; line-height:15px; margin-bottom:8px;}
.listas p {line-height:15px; text-align:justify; margin-bottom:8px;}
.p_Lista {margin-top:15px; color:green;}

.CentrarVdiv {position:relative; display:table; overflow:hidden; text-align:center; border:solid 1px #E1E1E1;}
.CentrarVpos {display:table-cell; vertical-align:middle; border:none;} * html .CentrarVpos {position:absolute; top:50%;}
.CentrarVimg {margin:0 auto;} * html .CentrarVimg {position:relative; top:-50%; left:-50%;}


/****************************************/
/**  Estilos para LA ZONA DE EMPRESA **/
/****************************************/

#ImagenEmpresa {float:left; margin:0 8px 8px 0;}


/****************************************/
/**  Estilos para LA ZONA DE DESCARGAS **/
/****************************************/

.TablaDescargas {width:auto!important;}
.TablaDescargas td {padding:0 6px 6px 0px;}
.CeldaDescargas {border:solid 1px #E1E1E1;}
.DescargaImg {text-align:center; padding:5px!important;}
.DescargaLink {text-align:center; padding:0px!important; line-height:18px!important; background-color:#F3F3F3; border-top:solid 1px #E1E1E1;}


/****************************************/
/**  Estilos para PRODUCTOS / LISTADO  **/
/****************************************/

/* subDiv que contiene La imagen del listado y su descripcion */
#ContenedorImgDesc {margin-bottom:20px; height:180px;}
#ListaFoto{float:left; width:300px; height:180px; margin-right:10px;}
#ListaFoto img {width:200px; height:180px;} /* Si la imagen varia de tamanno, variar estos valores */
#SerieDescripcion {float:left; width:270px; text-align:justify; margin-bottom:25px;} * html #SerieDescripcion {width:285px;}
#ContenedorDatosRef {clear:both;}
.CuadroTexto {line-height:15px; padding:8px; background:#F3F3F3;}

/* Tablas del listado */
#Contenido table {width:100%;}
#Contenido td.TDCabecera {background-color:#F3F3F3; line-height:15px; padding-bottom:3px; margin-bottom:3px; border-bottom:solid 1px #E1E1E1; color:#333333; font-weight:bold; text-align:left;}
#Contenido td.Columna_1 {text-align:left; background-color:#F3F3F3; padding-left:8px; border-left:solid 0px #E1E1E1;}
#Contenido td.Columna_x {text-align:center; padding-right:2px; padding-left:2px; border-left:solid 1px #E1E1E1;}
#Contenido td {line-height:20px;}
#TablaAccesorios {margin:0 0 15px 0;}
.TablaAccesorios {margin:0 0 15px 0;}
.NotaPieDeTabla {text-align:justify; font-size:7.5pt; margin-top:15px;  padding:0 8px; line-height:15px; color:#333333;}

h6 {color:#333333;}
/*.h6_TipoMaterial{margin-bottom:0px; padding-top:4px; padding-bottom:4px; border-bottom:solid 1px #E1E1E1;}*/


/* Tablas para los rotulos (los !important son necesarios pq se colapsan con otros estilos que tienen preferencia)*/
#TablaRotulos td {padding:0 6px 6px 0px;}
.TablaRotulos td {padding:0 6px 6px 0px;}
.CeldaRotulos {border:solid 1px #E1E1E1;}
.RotuloGif {text-align:center; padding:5px!important;}
.RotuloRef {text-align:center; padding:0px!important; line-height:18px!important; background-color:#F3F3F3; border-top:solid 1px #E1E1E1;}


/**************************************/
/**  Estilos para PRODUCTOS / FICHA  **/
/**************************************/

/* Montaje de Referencia: Sustituye al H1 */
#CajaRef {width: 300px; padding:3px 0 3px 1px; font-size:10.5pt; font-weight:bold; font-variant:small-caps; background:transparent; color:#F8F8F8; border:none; vertical-align:middle;} 
* html #CajaRef {height:20px; padding:2px 0 6px 2px;} /* Hack IE que suma el width + el padding izq. y der. + el borde general */
* html #CajaFicha {width:273px;} /* Hack IE que suma el width + el padding */

/* Caja de descripcion*/
#CaracDescripcion {clear:both; width:584px; text-align:justify; margin-bottom:20px;} * html #CaracDescripcion {width:596px;}

/* Caracteristicas de la referencia*/
#CaracFicha {float:left; width:284px; height:252px; float:left; padding:10px 0 0 10px; background:#F3F3F3; margin-bottom:10px;} * html #CaracFicha {width:293px; height:260px;}
#CaracFicha ul {margin-left:0px;}
#CaracFicha li {margin:0 0 13px 0; padding:0px; }
#CajaFlujo {background-color:#F3F3F3; color:#666666; border:none;}
.OpcionAcabado {font-size: 8pt;}
.OpcionHidden {display:none;}
.CaracFichaValor {color:#666666;}

#FichaFoto {float:left; width:293px; height:260px; margin-bottom:10px; margin-left:10px; margin-bottom:10px;}
#FichaEsquema {clear:both; float:left; width:293px; height:260px;}
#FichaCurva {float:left; width:292px; height:260px; margin-left:10px;}
#FichaFoto img, #FichaEsquema img, #FichaCurva img {width:285px;}

/*  Iconos que enlazan con otras paginas */
#CaracFichaIconos  {margin-top:10px; text-align:right;}
#CaracFichaIconos ul {padding-left:0px; border-top:1px solid #E1E1E1;}
#CaracFichaIconos ul li{display:inline; margin-left:15px; line-height:20px;}
.SinMargen {margin-left:0px!important;}

/* BORRAR ///////////////////////////////// Iconos que enlazan con otras paginas 
#CaracFichaIconos{margin-top:10px;}
#CaracFichaIconos span {margin-right:15px;} */

/**************************************/
/**  Estilos para FICHA / IMPRESION  **/
/**************************************/

#PaginaImp {width:680px; height:auto; text-align:left; padding:10px; margin:0 auto;}
#PaginaImp h3 {margin-bottom:10px;}
#PaginaImp.listas ul li {margin-bottom:6px;}
#PaginaImp .CuadroTexto {margin-bottom:15px;}

#BotonImprimir {margin-bottom:10px; text-align:right; float:right;}
#ImpDatos {margin-left:322px;} * html #ImpDatos {margin-left:312px;}
#ImpFoto {float:left; width:302px; height:300px; margin:0 0 20px 0;} * html #ImpFoto {margin:0;}
#ImpEsquema {float:left; width:320px; height:220px; margin-bottom:10px; clear:both;}
#ImpCurva {float:right; width:320px; height:220px;}
#ImpFoto img, #ImpEsquema img, #ImpCurva img {width:285px;}
.h3Carac {clear:both;}
.hrCaracNoEmerg {clear:both; margin-bottom:20px; background-color:#E6E6E6;}

@media print{
	#BotonImprimir {display:none;}
	#ImpEsquema {margin-bottom:0px;}
	#PaginaImp {width:100%; padding:0px;}
	#PaginaImp  h1{border-top:solid 2px #333333; border-bottom:solid 2px #333333;}
	#PaginaImp.listas ul li {margin-bottom:4px; padding:0px;}
	
	.CuadroTexto {background-color:transparent;}
}


/***************************/
/**  Estilos para el PIE  **/
/***************************/

#Pie {background-color:#000000; color:#FFFFFF; height:14px; text-align:center; padding:4px 0 4px 0;}
#Pie, #Pie div, #Pie div a{font-size:7.5pt; letter-spacing:1px; color:#FFFFFF;}
#Pie a:link, #Pie a:visited {color:#6DC64A; text-decoration:none;}
#Pie a:hover {text-decoration:underline;}


/****************************/
/**  Estilos para el MENU  **/
/****************************/

/* Contenedor del Menu */
#ID_Menu {margin-top:10px; line-height:20px;}
/* Nivel 1 */
#ID_Menu div {margin-left:10px; margin-bottom:5px;}
#ID_Menu div a:link, #ID_Menu div a:visited {display:block; font-size:10.5pt; font-weight:bold; text-transform:uppercase; padding:1px 0 1px 10px; background-color:#6DC64A; color:#333333; text-decoration:none;}
#ID_Menu div a:hover {color:#FFFFFF; background-color:#333333;}
/* Nivel 2 */
#ID_Menu div div {margin:0 0 0 10px; line-height:18px; border-left: solid 1px #E1E1E1;}
#ID_Menu div div a:link, #ID_Menu div div a:visited {font-size:8pt; font-weight:normal; background-color:transparent; color:#666666; border:0;}
#ID_Menu div div a:hover {background-color:#666666; color:#FFFFFF;}

/* Clases asignadas por programacion para los enlaces con el [+] y [-] activo y sus descendientes */
.IconoMenuMas {background-repeat:no-repeat;	background-image:url(MenuIconoMas.gif);	background-position:6px 50%; padding: 1px 0 1px 20px !important;}
.IconoMenuMenos {background-repeat:no-repeat; background-image: url(MenuIconoMenos.gif); background-position: 6px 50%; padding: 1px 0 1px 20px !important;}
.IconoMenuNo {background-image:none; padding:1px 0 1px 20px !important;}

/****************************************/
/**  Estilos para el MENU DE ACCESORIOS	 **/
/***************************************/

.linkSerie {display:block; line-height:18px; margin:10px 0 23px 10px; padding:2px; font-size:10.5pt; font-weight:bold; font-variant:small-caps; background:#F3F3F3; color:#333333; border:1px solid #E1E1E1; text-align:center; vertical-align:middle;}

.MenuAccesorios {margin:10px 0 20px 0; line-height:16px;}
.MenuAccesorios div {margin-left:10px;}

.MenuAccTipo {display:block; padding:1px 0 1px 10px; margin-bottom:8px; font-size:9.5pt; font-weight:bold; font-variant:small-caps; background-color:#6DC64A; color:#333333; text-decoration:none;}
.MenuAccBloque {margin-top:4px;}
.divFunc {line-height:16px;}
.divLink {padding-left:10px;}
.divLink a:link, .divLink a:visited {display:block; padding:0 0 0 10px; font-size:8pt; font-weight:normal; background-color:transparent; color:#666666; border:0; text-decoration:none; border-left:solid 1px #E1E1E1;}
.divLink a:hover {background-color:#666666; color:#FFFFFF;}