
/* ESTILOS GENERALES */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5C5C5C; background-color:#F1F1F1; text-align:center;}
h3 { background-color:#D30006; color:#FFFFFF; margin:0px; padding:0px 0px 0px 5px; font-family:Trebuchet MS; font-size:11px;}
h4 { color:#6B94CC; margin:0px 0px 4px 0px; padding:0px 0px 0px 5px; font-family:Trebuchet MS; font-size:11px; border-bottom:1px solid #CCCCCC;}
select { font-family: Arial, Helvetica; font-size: 11px; color: #000000; }
input  { font-family: Arial, Helvetica; font-size: 11px; color: #000000;}


/* ESTILOS CONTENEDORES */
#web {margin:0 auto; width: 770px; text-align:left;}
#cuerpo {float: left; width: 770px; background-color:#FFFFFF;}
#menu {float: left; width:195px; font-family:Trebuchet MS; font-weight:bold; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_menu.gif) 8px 26px no-repeat;}
#desarrollo {clear: right; float: left; width: 572px; }
#pie {clear:both; padding:20px 0px; width:770px; color:#333333; font-size:10px; text-align:center; background-color:#FFFFFF; border-top:1px solid #CBD9EE;}


/* ESTILOS DE LA CABECERA */
#cabecera {width: 770px; height:130px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_cabecera.gif) left bottom repeat-x;}
#cabecera-col1 {float:left; width:220px; }
#cabecera-col1 #logo { float: left; margin:20px 0px 0px 0px; padding:0px 10px 0px 10px;}
#cabecera-col2 { float: right; margin-top:6px; width: 535px; height:104px; background: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_ticketer.gif) no-repeat; }
#cabecera-col2 .cabecera-img {margin-left:120px; border:0px solid #ffffff;}
#cabecera-col2 #herramientas {clear:both; float:right; padding-top:18px; _padding-top:16px;/* IE */ width:90px;}
#cabecera-col2 #herramientas span {display:none;}
#cabecera-col2 #herramientas img {border:0px solid #ffffff;}


/* ESTILOS DEL MENU */
#menu ul {
margin:15px 0px 0px 18px;
width:160px;
padding:0px;
}


#menu li {
border-bottom:1px solid #86AADD;
display:block;
list-style-type:none;
margin:2px 0px;

}

#menu li a {
color:#000000;
text-decoration:none;
padding-left:20px;
}

#menu li a:hover {
color:#D30006;
}

#menu li .on {
color:#D30006;
background-image:url(/MODULOS/_GLOBAL/publico/interfaces/img/flecha_on.gif);
background-repeat:no-repeat;
background-position:0px 0px;
}

/* ESTILOS PARA IMAGENES */
.caja-imagenes {float:left; width:100%;}
.caja-imagenes-padd {padding:0px 0px 20px 60px;}
.imagen-conpie {float:left;  margin-right:10px;}
.imagen-conpie-pie {padding: 2px 0px;  width:123px; background-color:#ECF2FB;border-bottom:1px solid #86AADD; text-align:center;}

/* ESTILOS PARA LISTADOS */
.listado-formato1 {float:left;}
.listado-formato1 ul {margin:0px; padding:0px;}
.listado-formato1 ul li {margin:0px 0px 2px 0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/flechazul.gif) 0px 5px no-repeat;}
.listado-formato2  {float:left;}
.listado-formato2 ul    {margin:0px 0px 0px 20px; padding:0px;}
.listado-formato2 ul li {margin:0px 0px 2px 0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/flechazul.gif) 0px 5px no-repeat;}
.listado-formato3 {}
.listado-formato3 ul { margin:0px 0px 0px 70px; padding:0px;}
.listado-formato3 li { margin:0px; padding:2px 0 10px 10px; list-style-type:none; background:url(/MODULOS/_GLOBAL/publico/interfaces/img/flechazul.gif) 0px 6px no-repeat; */}

/* ESTILOS DE TEXTO */
.titulopagina {
	font-weight: bold;
	color: #000066;
	height: 15px;
	margin: 5px 10px;
	border-bottom:4px solid #FFCECF;
}
.titulopagina2 {
	font-weight: bold;
	color: #000066;
	height: 15px;
	margin: 5px 10px;
}

.peq {font-size: 9px; color: #000000;}
.txt-claro {color:#5C5C5C;}
.txt-menulat{
	font-size: 9px;
	color:#808080;
	font-family:Trebuchet MS;
	margin:0px 0px 0px 8px;
	text-align:center;
	
}
.txt-menulat-padding{
	font-size: 9px;
	color:#808080;
	font-family:Trebuchet MS;
	text-align:center;
	margin-left:20px;
	}

/*HOME*/
#home-profundidad {
float:left;
width:256px;
background-image:url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_prof.jpg);
background-repeat:no-repeat;
background-position:bottom;
margin-left:15px;
}

#home-noticias {
float:left;
width:256px;
background-color:#EEF3FB;
margin-left:15px;
}

.padd10 { padding:10px;}
.padd5 { padding:5px;}

.home-productos{
	width:70px;
	height:70px;
	float:left;
	margin-top:10px;
}
.home-productos2{
	width:140px;
	height:70px;
	float:left;
	margin:10px 0px;
}
.home-productos3{
	width:70px;
	height:90px;
	float:left;
	margin-top:10px;
}

/*ESTILOS PADDING Y MARGIN*/
.padd-izq { padding-left:10px;}
.marg-izq { margin-left:10px;}
.marg-top { margin-top:10px;}

/*NOTICIAS*/
.contienecols {	clear: both;	width: 100%;	margin-top: 10px;	}

/* ESTILOS PARA FLOTAR Y ALINEAR */
.flo-izq { float: left; }
.flo-dch { float: right; }
.ali-izq { text-align: left; }
.ali-dch { text-align: right; }
.ali-cen { text-align: center; }
.ali-top { vertical-align: top; }
.ali-btt { vertical-align: bottom; }
.ali-med { vertical-align: middle; }

.columna {
	float: left;
	width: 155px;
	margin-right: 10px;
	margin-left: 10px;
	height:275px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #C6C6C6;
}

.columna-mapa {
	float: left;
	width: 300x;
	height:341px;
}
.columna-1 {
	float: left;
	width:170px;
	height:341px;
}
.columna-2 {
	float: right;
	width: 148px;
	height:341px;
}




.marco { border:1px solid #666666;}

.destacado {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.neg { font-weight:bold;}

.mas {
	text-align: right;

	padding-bottom: 2px;

}
.titulo2 {
	font-weight: bold;
	color: #333333;
	float: left;
	width: 100%;
	height: 30px;
	margin-left: 1px;
	padding-top: 30px;
	margin-bottom: 10px;

}
.parrafo {
	margin-left: 10px;
	width: 95%;
	float: left;
}
.enlaces {
color:#D30006;
text-decoration:none;
}
.enlaces:hover {

text-decoration:underline;
}
.ficha {
	border: 1px solid #FF0000;
	margin-top: 20px;
	margin-left: 15px;
	padding: 5px;
	width: 500px;
	text-align: justify;
	margin-bottom: 15px;
	float: left;

}
.tituloficha {
	background-color: #586DA0;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/cuad.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 5px;

}
.contenidoficha { padding:0 0 0 30px;}

.fotoleft {
	border: 1px solid #000066;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;


}
.fotoright {
	border: 1px solid #000066;
	margin-left: 15px;
	margin-bottom: 5px;
	float: right;


}
.pieficha {
	background-color: #EEEEEE;
	padding: 2px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	text-align: right;
	margin-top: 10px;


}
.centrado {
	text-align: center;
}

.familia-foto {
float:left;
}
.familia-foto img{
border: 1px solid #000000;
}
.familia-nombre {
padding-top:30px;
font-weight:bold;
margin-left:120px;
font-size:14px;
}
.familia {
	background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_familia.gif);
	background-repeat:  repeat-x;
	background-position: bottom;
	margin-bottom:15px;
	margin-right:15px;
	padding:5px;
}
.familia a {color:#003082; text-decoration:none;}

.familia a:hover { text-decoration:underline;}

.subfamilia {
	background-color: #7E93C2;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B0CAFF;

}
.subfamilia a {
	color: #FFFFFF;
	text-decoration: none;
}
.subfamilia a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.enlaces2 {
color:#777777;
text-decoration:none;
}
.enlaces2:hover {
color:#333333;
text-decoration:underline;
	
}


.contieneoferta {
width: 515px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	clear:both;
	
}


.oferta1 {
	float: left;
	width: 80px;

}

.oferta2 {
	float: left;
	width: 170px;


}

.oferta3 {
	float: left;
	width: 250px;
	margin-left:10px;

}
.nombreproducto {
	font-weight: bold;
	color: #000066;
	float: left;
	clear: right;


}
.precio {
	font-weight: bold;
	color: #FF0000;
	float: left;
	clear: both;



}
.contieneenlace {

	float: left;
	width: 510px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
.especial {
	color: #FF0000;
}
.pieficha2 {

	background-color: #EEEEEE;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	text-align: left;
	margin-top: 10px;
}
.activo {
	border: 1px solid #6699CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #EBEBEB;

}
.producto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6799EB;
	text-decoration: underline;
}
.producto:hover {
color: #000066;

}
#contieneproducto {
	border: 1px solid #666666;
	margin-top: 20px;
	margin-left: 15px;
	padding: 5px;
	width: 500px;
	text-align: justify;
	margin-bottom: 15px;
	float: left;

}
#producto1 {float: left; width: 320px;}
#producto1-padd {padding-right:10px; border-right: 1px dashed #999999;}
#producto2 {
	width: 180px;
	height: 400px;
	float: right;
	text-align: center;
}
#producto2-opciones  {margin-left:10px; width:160px; text-align:left;}
#producto2-opciones2 {border-top:1px solid #cccccc; padding-bottom:5px;}
thead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	text-align: center;
	padding: 2px;
}
.carac1 {
	margin-left: 0px;
	margin-top: 0px;
	background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondobody.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

}
.carac2 {

	margin-left: 0px;
	margin-top: 0px;
	background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondobody.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #858585;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.carac3 {

	margin-left: 0px;
	margin-top: 0px;
	background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondobody.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5C5C5C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.paginacion {
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #858585;
	clear: both;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}
.paginacion a {
	font-size: 11px;
	padding-top: 10px;
	font-size: 10px;
	color: #828AAC;
	text-decoration: none;
	padding: 1px 2px;
}
.paginacion a:hover {
	font-size: 10px;
	color: #FF0000;

}
.paginaactual {
	color: #52597A;
	font-size: 11px;
	background-color: #E0E2EB;
	border: 1px solid #616A92;
	padding: 1px 2px;
	font-weight: bold;
}

/* ESTILOS FORMULARIO */
.formulario { clear:both; margin:0px; padding:0px; width:auto; text-align:left;}
.formulario fieldset {border: 0px solid #DEDEDE; padding: 5px 10px; margin:0px; color: #333; text-align:left;}
.formulario .fieldset2 {border: 0px solid #ffffff; border-bottom: 1px solid #86AADD; padding: 5px 10px; margin:5px 10px; color: #333; text-align:left; background-color:#EEF3FB;}
.formulario fieldset legend {margin:0px; padding: 0px; display: none; }
.formulario fieldset label 	{clear: both; margin:3px 0px 3px 0px; float: left; padding: 0px; text-align: left; color: #333; font-size:11px; font-weight:normal;}
.formulario fieldset select {display:inline; margin:2px 0px 3px 0px;}
.label { font-family: Arial, Helvetica; font-size: 11px; color: #000000; text-align: right;}
.label2 {display:block; margin-top:8px; font-family: Arial, Helvetica; font-size: 11px; color: #000000; text-align: right;}
.campos { font-family: Arial, Helvetica; font-size: 11px; color: #000000;}
.boton {
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #FFFFFF;
	border: 1px solid #000066;
	margin: 5px;
	background-color: #828AAC;
	font-weight: bold;
}
.alinear-campos {text-align: left; }

.formulario2 { clear:both; margin:0px; padding:0px; width:auto; text-align:left;}
.formulario2 fieldset {border: 0px solid #DEDEDE; padding: 5px 10px; margin:0px; color: #333; text-align:left;}
.formulario2 fieldset legend {margin:0px; padding: 0px; display: none; }
.formulario2 fieldset label 	{clear: both; margin:3px 0px 3px 0px; float: left; padding: 0px; text-align: left; color: #333; font-size:11px; font-weight:normal;}
.formulario2 fieldset select {display:inline; margin:2px 0px 3px 0px;}


/* ESTILOS PARA ANCHOS */
.ancho150 {width:150px;}
.ancho520 {width:520px;}


/* ESTILOS ENLACES */
.enlaces3 {color:#003082; text-decoration:none;}
.enlaces3:hover {text-decoration:underline;}


/* ESTILOS POPUPS */
.popup-titulo {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; border-bottom: 4px solid #97ABCE;}
.popup-subtitulo {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#5C5C5C;}
.contenido-popup {background-color:#F7F6F6;border-bottom: 1px solid #A9A5A5;padding:20px 50px 20px 70px;}
.img-pop-arriba {padding-right:10px;width:200px;float:left;}
.img-pop-abajo {padding-right:10px; padding-top:10px;width:200px;float:left;}
a.popup-enlaces {color:#003082; text-decoration:none;}
a.popup-enlaces:hover {text-decoration:underline;}
.margen {margin:10px;}





/* ESTILOS VARIOS */
.flotar-izda { float: left; }
.flotar-dcha { float: right; }
.alinear-izda { text-align: left; }
.alinear-dcha { text-align: right; }
.alinear-centro { text-align: center; }
.alinear-top    {vertical-align:top;}
.texto-justificado {text-align:justify;}
.separa {border-top: 1px solid #FFFFFF; border-bottom: 1px solid #999999;}
.banner {margin:0px;padding-left:25px;float:left;}
.borrar {clear:both;}
.margen-bullet {margin-left:5px; margin-right:8px;}
.margen-izda  {margin-left:40px;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}
.borde{border:1px solid #ffffff;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#pop-aluminio { background-color:#FFFFFF; width:648px; height:435px; padding:20px; 	background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_pop.jpg);	background-repeat: repeat-x;	background-position: bottom; text-align:justify;}
#pop-aluminio .menu { margin:0px 0px 5px 170px;}

#pop-forster { background-color:#FFFFFF; width:648px; height:435px; padding:20px; 	background-image: url(/MODULOS/_GLOBAL/publico/interfaces/img/fondo_pop.jpg);	background-repeat: repeat-x;	background-position: bottom; text-align:justify;}
#pop-forster .menu { margin:0px 0px 5px 110px;}

.men {float:left; width:550px; font-family:Trebuchet MS; font-weight:bold; padding-top:10px;margin:0px;}
.men ul     {margin:0px; padding:5px;}
.men ul li {list-style-type:none; width:90px;text-align:center; display:inline; float:left; }
.men ul li a {text-decoration:none;color:#003082;}
.men ul li img {border:none;}

/*Banner del catalogo*/
.banner-catalogo {float: left; width: 572px; background:transparent url(../img/banner/banner1.jpg) bottom center no-repeat;min-height:200px;}
.banner-catalogo span { display:none}
* html .banner-catalogo { 
   height: expression( this.scrollHeight < 201 ? "200px" : "auto" ); /* sets min-height for IE */
}
/* Texto de error */

.txt-err{ margin:8px 0px 8px 0px; padding: 3px; padding-left: 20px; font-size: 12px; background: #7F3800; color: #FFFFFF; background-image: url('/MODULOS/_GLOBAL/admin/interfaces/img/mensajes.gif'); background-repeat: no-repeat; }

