/* ESTILOS GENERALES */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;	color:#585858; margin: 0px; padding: 0px; background:#dddddd }
html, body { }
table,td,tr {font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 12px;*/	color:#585858;}
img {border:0px;}

/* ESTILOS CAJAS GLOBALES */
#cabecera {	margin: 0 auto 0 auto;	width: 800px; padding: 0; height: 166px; background: #666 url(../images/header.png) no-repeat left top;}
#submenu {	margin: 0 0px 0 6px;	width: 790px; padding: 0; height: 10px; background: #BEBEBE url(../images/basesubmenu.png) repeat-x left top;}
#web-home {  width:100%; text-align: center; }
#web {width: 802px; padding: 0 0 2px 0; background: #ffffff; text-align: left; margin:auto;}
#contenido {width: 790px; margin: 0 0 5px 6px; }
#secciones {padding: 3px 0 0 2px;}
#categoria {float: left; width:108px; margin: 0 5px 0 0; border-top: 1px solid #b38688; border-right: 1px solid #823a3c;	border-bottom: 1px solid #823a3c; border-left: 1px solid #b38688;}
#categoria-enlace {background: #823a3c; margin: 10px 0 0 0; padding: 2px 0 2px 5px; }
#destacado {float:left; width:320px; height:143px; background: #e6d8d8; margin: 0px 0 0 0px; padding: 0px 0 6px 5px;}
#flash {width: 790px; margin: 0 0 0 0px;}
#pie {width: 790px; margin: 0 5px 5px 6px; background: #ffffff url(../images/fondo_pie.png) repeat-x ;}
#localiza {	margin: 10px 0px 10px 0px;	width: 767px; padding: 10px; height: 50px; background: #dedede; border: 1px solid #333333}
#mapa-flash { width: 310px;}
#contenido-contacto {width: 790px; margin: 0 0 0px 6px; background: #fff url(../images/descanso.png) no-repeat left 72px; }
#contenido-empresa {width: 790px; margin: 0 0 0px 6px; background: #fff url(../images/empresar.png) no-repeat right top; }
#contenido-tecno {width: 790px; margin: 0 0 0px 6px; background: #fff url(../images/tecnologia.png) no-repeat right bottom; }
#texto-corto {width: 430px; padding:0px 0 20px 20px;}
#texto-largo {width: 700px; padding:0px 0 10px 20px;}
#mapa {	margin: 10px 0px 10px 0px;	width: 767px; padding: 10px; background: #dedede; border: 1px solid #333333}



/* ESTILOS PARA LA CABECERA DE LA WEB */
#logo {float:left;}
#logo h1 {height: 150px; width: 200px; margin: 0px;	padding: 0px; float:left;}
#logo h1 a {display: block; height: 150px; width: 200px;}
#logo h1 span {display:none;}

#consejos {float:right;  margin:  0 0;}
#consejos h6 {height: 40px; width: 40px; margin: 20px 40px 0 0; padding: 0px; }
#consejos h6 a {display: block; height: 40px; width: 40px;}
#consejos h6 span {display:none;}



/* ESTILOS PARA EL PIE DE LA PAGINA */
#pie-padding  {padding:6px 0px 0px 68px;	margin: 0px;}
#pie-enlaces  {padding:7px 0px 5px 180px;	margin: 0px;}
#w3c {margin: 0 70px 0 30px;}

/* ESTILOS PARA LAS COLUMNAS DEL CATALOGO */
#col_1 {float:left; width: 220px; padding: 0px;	margin: 0px;}
#col_2 {float:left; width: 254px; padding: 15px 0 15px 15px;	margin: 12px 0 10px 0; background: #ededed	; border: 1px solid #333333}
#col_3 {float:right; width: 290px; padding: 0px; margin: 5px 0 10px 0;}

/* ESTILOS PARA EL MENU PRINCIPAL DE LA WEB */
ul#menu1 { position: relative;	top: 123px;	left: 20px; width: 514px; margin: 0; height: 22px;	list-style-type: none; overflow: hidden;}
	
	/*estilos para posicionar el menu segun el body*/
	body#home ul#menu1  { background: transparent url(../images/base_menu.png) no-repeat 0 0; }
	body#empresa ul#menu1 { background: transparent url(../images/base_menu.png) no-repeat 0 -22px; }
	body#tecnologia ul#menu1  { background: transparent url(../images/base_menu.png) no-repeat 0 -44px; }
	body#catalogo ul#menu1  { background: transparent url(../images/base_menu.png) no-repeat 0 -66px; }
	body#localizacion ul#menu1  { background: transparent url(../images/base_menu.png) no-repeat 0 -88px; }
	body#contacto ul#menu1  { background: transparent url(../images/base_menu.png) no-repeat 0 -110px; }

ul#menu1 li a {position: absolute; top: 0; width: 84px; text-indent: -9000px;
	text-decoration: none;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:22px; /* IE5/Win */
	background: transparent url(../images/base_menu.png) no-repeat;
}

body#home li#ini a 			{ background-position: 0 0; width: 94px; left: 0; }
body#home li#ini a:hover		{ background-position: 0 0; }
body#home li#emp a 			{ background-position: -94px -132px; left: 94px; }
body#home li#emp a:hover		{ background-position: -94px 0px; }
body#home li#tec a 			{ background-position: -178px -132px; left: 178px; }
body#home li#tec a:hover		{ background-position: -178px 0; }
body#home li#cat a 			{ background-position: -262px -132px; left: 262px; }
body#home li#cat a:hover		{ background-position: -262px 0; }
body#home li#loc a 			{ background-position: -346px -132px; left: 346px; }
body#home li#loc a:hover		{ background-position: -346px 0; }
body#home li#conta a 			{ background-position: -430px -132px; left: 430px; }
body#home li#conta a:hover		{ background-position: -430px 0; }

body#empresa li#ini a 			{ background-position: 0px -154px; width: 94px; left: 0; }
body#empresa li#ini a:hover		{ background-position: 0px -22px; }
body#empresa li#emp a 			{ background-position: -94px -22px; left: 94px; }
body#empresa li#emp a:hover		{ background-position: -94px -22px; }
body#empresa li#tec a 			{ background-position: -178px -132px; left: 178px; }
body#empresa li#tec a:hover		{ background-position: -178px 0; }
body#empresa li#cat a 			{ background-position: -262px -132px; left: 262px; }
body#empresa li#cat a:hover		{ background-position: -262px 0; }
body#empresa li#loc a 			{ background-position: -346px -132px; left: 346px; }
body#empresa li#loc a:hover		{ background-position: -346px 0; }
body#empresa li#conta a 			{ background-position: -430px -132px; left: 430px; }
body#empresa li#conta a:hover		{ background-position: -430px 0; }

body#catalogo li#ini a 			{ background-position: 0px -132px; width: 94px; left: 0; }
body#catalogo li#ini a:hover		{ background-position: 0px -44px; }
body#catalogo li#emp a 			{ background-position: -94px -132px; left: 94px; }
body#catalogo li#emp a:hover		{ background-position: -94px -88px; }
body#catalogo li#tec a 			{ background-position: -178px -154px; left: 178px; }
body#catalogo li#tec a:hover		{ background-position: -178px -66px; }
body#catalogo li#cat a 			{ background-position: -262px -66px; left: 262px; }
body#catalogo li#cat a:hover		{ background-position: -262px -66; }
body#catalogo li#loc a 			{ background-position: -346px -132px; left: 346px; }
body#catalogo li#loc a:hover		{ background-position: -346px 0; }
body#catalogo li#conta a 			{ background-position: -430px -132px; left: 430px; }
body#catalogo li#conta a:hover		{ background-position: -430px 0; }

body#tecnologia li#ini a 			{ background-position: 0 -132px; width: 94px; left: 0; }
body#tecnologia li#ini a:hover		{ background-position: 0 -44px; }
body#tecnologia li#emp a 			{ background-position: -94px -154px; left: 94px; }
body#tecnologia li#emp a:hover		{ background-position: -94px -44px; }
body#tecnologia li#tec a 			{ background-position: -178px -44px; left: 178px; }
body#tecnologia li#tec a:hover		{ background-position: -178px -44px; }
body#tecnologia li#cat a 			{ background-position: -262px -132px; left: 262px; }
body#tecnologia li#cat a:hover		{ background-position: -262px 0; }
body#tecnologia li#loc a 			{ background-position: -346px -132px; left: 346px; }
body#tecnologia li#loc a:hover		{ background-position: -346px 0; }
body#tecnologia li#conta a 			{ background-position: -430px -132px; left: 430px; }
body#tecnologia li#conta a:hover		{ background-position: -430px 0; }

body#localizacion li#ini a 			{ background-position: 0 -132px; width: 94px; left: 0; }
body#localizacion li#ini a:hover		{ background-position: 0 -88px; }
body#localizacion li#emp a 			{ background-position: -94px -132px; left: 94px; }
body#localizacion li#emp a:hover		{ background-position: -94px -88px; }
body#localizacion li#tec a 			{ background-position: -178px -132px; left: 178px; }
body#localizacion li#tec a:hover		{ background-position: -178px -88px; }
body#localizacion li#cat a 			{ background-position: -262px -154px; left: 262px; }
body#localizacion li#cat a:hover		{ background-position: -262px -88px; }
body#localizacion li#loc a 			{ background-position: -346px -88px; left: 346px; }
body#localizacion li#loc a:hover		{ background-position: -346px -88px; }
body#localizacion li#conta a 			{ background-position: -430px -132px; left: 430px; }
body#localizacion li#conta a:hover		{ background-position: -430px 0; }

body#contacto li#ini a 			{ background-position: 0 -132px; width: 94px; left: 0; }
body#contacto li#ini a:hover		{ background-position: 0 -88px; }
body#contacto li#emp a 			{ background-position: -94px -132px; left: 94px; }
body#contacto li#emp a:hover		{ background-position: -94px -88px; }
body#contacto li#tec a 			{ background-position: -178px -132px; left: 178px; }
body#contacto li#tec a:hover		{ background-position: -178px -88px; }
body#contacto li#cat a 			{ background-position: -262px -132px; left: 262px; }
body#contacto li#cat a:hover		{ background-position: -262px -110px; }
body#contacto li#loc a 			{ background-position: -346px -154px; left: 346px; }
body#contacto li#loc a:hover		{ background-position: -346px -110px; }
body#contacto li#conta a 			{ background-position: -430px -110px; left: 430px; }
body#contacto li#conta a:hover		{ background-position: -430px -110px; }



/* ESTILOS PARA EL SUBMENU DEL CATALOGO*/
ul#menu2 { position: relative;	top: 128px;	left: 50px; width: 450px; margin: 0; height: 22px;	list-style-type: none; overflow: hidden;}
	
	/*estilos para posicionar el menu segun el body*/
	div#colchones ul#menu2  { background: transparent url(../images/submenu.png) no-repeat 0 0; }
	body#empresa ul#menu1 { background: transparent url(../images/base_menu.png) no-repeat 0 -22px; }
	body#tecnologia ul#menu1  { background: transparent url(../images/base_menu.png) no-repeat 0 -44px; }
	body#catalogo ul#menu1  { background: transparent url(../images/base_menu.png) no-repeat 0 -66px; }
	

ul#menu2 li a {position: absolute; top: 0; width:110px;  text-indent: -9000px;
	text-decoration: none;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:22px; /* IE5/Win */
	background: transparent url(../images/submenu.png) no-repeat;
}

div#colchones li#col a 			{ background-position: 0 0px; width: 94px; left: 0px; }
div#colchones li#col a:hover		{ background-position: 0 0px; }
div#colchones li#bas a 			{ background-position: -94px -88px; width: 119px; left: 94px; }
div#colchones li#bas a:hover		{ background-position: -94px 0; }
div#colchones li#som a 			{ background-position: -213px -88px; width: 129px;left: 213px; }
div#colchones li#som a:hover		{ background-position: -213px -22px; }
div#colchones li#com a 			{ background-position: -342px -88px; width: 118px; left: 342px; }
div#colchones li#com a:hover		{ background-position: -342px -44px; }

div#bases li#col a 			{ background-position: 0 -110px; width: 94px; left: 0px; }
div#bases li#col a:hover		{ background-position: 0 -22px; }
div#bases li#bas a 			{ background-position: -94px -22px; width: 119px; left: 94px; }
div#bases li#bas a:hover		{ background-position: -94px -22px; }
div#bases li#som a 			{ background-position: -213px -88px; width: 129px;left: 213px; }
div#bases li#som a:hover		{ background-position: -213px -22px; }
div#bases li#com a 			{ background-position: -342px -88px; width: 118px; left: 342px; }
div#bases li#com a:hover		{ background-position: -342px -44px; }

div#somieres li#col a 			{ background-position: 0 -88px; width: 94px; left: 0px; }
div#somieres li#col a:hover		{ background-position: 0 -44px; }
div#somieres li#bas a 			{ background-position: -94px -110px; width: 119px; left: 94px; }
div#somieres li#bas a:hover		{ background-position: -94px -44px; }
div#somieres li#som a 			{ background-position: -213px -44px; width: 129px;left: 213px; }
div#somieres li#som a:hover		{ background-position: -213px -44px; }
div#somieres li#com a 			{ background-position: -342px -88px; width: 118px; left: 342px; }
div#somieres li#com a:hover		{ background-position: -342px -44px; }

div#complementos li#col a 			{ background-position: 0 -88px; width: 94px; left: 0px; }
div#complementos li#col a:hover		{ background-position: 0 -66px; }
div#complementos li#bas a 			{ background-position: -94px -88px; width: 119px; left: 94px; }
div#complementos li#bas a:hover		{ background-position: -94px -66px; }
div#complementos li#som a 			{ background-position: -213px -110px; width: 129px;left: 213px; }
div#complementos li#som a:hover		{ background-position: -213px -66px; }
div#complementos li#com a 			{ background-position: -342px -66px; width: 118px; left: 342px; }
div#complementos li#com a:hover		{ background-position: -342px -66px; }



/* ESTILOS PARA TEXTO */
#destacado h2 {	font-weight: bold; font-size: 13px; color:#13252C ;margin: 3px 0 8px 0; padding: 0 0 2px 0px; border-bottom: 1px solid #13252C;}
h3 {font-size: 30px; color:#7F1A0E; font-weight: none; margin: 0 0 0 0; padding: 0 0 0 0;}
h4 {font-size: 14px; color:#13252C; font-weight: none; margin: 0 0 5px 0; padding: 0 0 0 0;}
.destacado{font-size: 11px; color:#B0403A; font-weight: bold;}
.pie {font-size: 10px; color:#ffffff;}
.negrita { font-weight: bold;  }
.pequena{font-size: 10px;}
.utilidades{font-size: 14px; font-weight: bold;}
acronym {cursor: help;	border-bottom: 1px dashed #cccccc;}

/* ESTILOS PARA IMAGENES */
.imagen-sinmarco { border: 1px solid #C6C6C6; }
.imagen-conmarco { border: 1px solid #C2C3C2; margin: 3px 0px 3px 0px; }
.producto-home { border: 1px solid #13252C; margin: 0px 6px 5px 0px; }


/* ESTILOS PARA LOS ENLACES */
a.enlace-pie {color: #13252c;	font-size: 10px;	text-decoration: none;}
a.enlace-pie:hover {color: #0647A6;	font-size: 10px;	text-decoration: none;}
a.home {color: #ffffff;	font-size: 11px; font-weight: bold;	text-decoration: none;}
a.home:hover {color: #b38688;}
a.menu-cabecera {color: #FFffff;	font-size: 12px; font-weight: bold;	text-decoration: none;}
a.menu-cabecera:hover {color: #FFEEAB;}
a.ampliar {color: #0647A6;	font-size: 11px;	text-decoration: none;}
a.ampliar:hover {	color: #FFEEAB;}

/* ESTILOS PARA LA LINEA */
.linea { color: #fffff; background-color: #ffffff; height: 1px;}

/* ESTILOS PARA FLOTAR Y ALINEAR Y PADDING */
.flotar-izquierda { float: left; }
.flotar-derecha { float: right; }
.alinear-izquierda { text-align: left; }
.alinear-derecha { text-align: right; }
.padding-izquierda { padding: 0px 15px 15px 0px; }
.padding-derecha { padding: 0px 0px 15px 15px; }
.centrar{ text-align: center;}
.centrarfoto{padding:3px; text-align: center;}
.margin-izquierda { margin: 0px 15px 15px 0px; }



/* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/
.borrar { clear: both; }
.ocultar { display: none; }
.contenedor:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/ * html .contenedor {height: 1%;} /* End hide from IE-mac */

/*ESTILOS PARA EL FORMULARIO*/
#formulario{width: 400px; margin: 40px 0 0px 270px;}
legend {padding: 0.2em 0.5em; border: 1px solid #13252C; color: #ffffff;background-color: #7F1A0E;font-weight: bold;text-align: right;}
fieldset {border: 1px solid #13252C; padding-bottom: 5px;}
label {	text-align: right;	float: left;width: 25%;	margin-right: 0.5em;padding-top: 0.2em;}
.footer_text {float: right;	margin-left: 25%; padding-right: 60%; margin-bottom: 1em;}
.error {color: #f00;font-weight: bold; visibility: visible; position: relative;}
.boton {padding: 0.2em 0.5em; border: 1px solid #13252C; color: #ffffff; background-color: #7F1A0E;	font-weight: bold;}
#mensaje-formulario{padding:0px 0px 0px 130px;}

/* ESTILOS PARA LAS SIMULACION DE CARPETAS */
	#carpetas {width:560px; /*height:250px;*/  padding: 20px 0px 20px 20px;}
	#listado-carpetas { padding: 3px 0px; margin-left: 0px; margin-bottom: 0px; border-bottom: 1px solid #13252C; font-size: 11px; }
	#listado-carpetas li { list-style: none; margin: 0px; display: inline; }
	#listado-carpetas li a { color: #13252C; padding: 3px 5px; margin-left: 0px; border: 1px solid #13252C; border-bottom: none; background: #FFFFFF; text-decoration: none; text-transform: uppercase; }
	#listado-carpetas li a:link { color: #9C9990; }
	#listado-carpetas li a:visited {  }
	#listado-carpetas li a:hover { color: #FFFFFF; background-color: #13252C; }
	#listado-carpetas li a.carpeta-activa { color: #B0403A; background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
	#listado-carpetas li a.carpeta-activa:hover { color: #B0403A; background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
	#datos-carpetas { background-color: #FFFFFF; border: 1px solid #13252C; border-top: none;  }
	#datos-carpetas-padding { padding: 20px; padding-top: 1px; padding-bottom: 0px;}

/* ESTILOS PARA EL MENU DESPLEGABLE*/

.serie { margin: 0px 25px 0 10px; padding: 5px 7px 5px 12px; border-bottom: 1px solid #B0403A; border-left: 1px solid #B0403A; border-right: 1px solid #B0403A;}
.enlace-serie {background: #fff url(../images/flechita.png) no-repeat left 7px;  padding: 5px 7px 5px 12px; color: #13252c;	font-size: 11px; text-decoration: none; font-weight: bold;}
.enlace-serie:hover {background: #fff url(../images/flechita1.png) no-repeat left 7px;color: #555555;}
.lista-productos { list-style: none; margin: 0px; padding:0px; display: inline; display: compact; }
.producto-lista { background: #fff url(../images/cruz.png) no-repeat left 3px; margin: 3px 0px 3px 20px;}
.enlace-producto {color: #750316;	font-size: 11px; text-decoration: none; padding: 6px 0px 6px 13px; }
.enlace-producto:hover {color: #750316;	font-size: 11px; text-decoration: underline; }

/* ESTILOS MEDIDAS CATALOGO*/
table.medida{width:96%;}
td.ancho {;padding: .25em; background:#C8D3D8; font-size: 9px;}
td.medida {;padding: .25em; background:#F6D5DB; font-size: 9px;}


.mapagoogle {
margin-right: 3px;
float:right; 
width: 460px; 
height: 375px
}