@charset "utf-8";

body { font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
body { background:#FFF url(../images/fondo.jpg) fixed no-repeat center top; margin:0; color:#626364; }

/***** Generales *****/
#cont_pag	{ background:transparent;border:0 none; margin:0 auto;height:auto;top:0;width:960px; text-align:left }
#contenidos { background:transparent; overflow:hidden; clear:none; height:auto; min-height:425px;width:960px; margin:0 auto; display:inline-table; text-align:left;}
#central 	{ display:inline-block; height:auto; margin:10px 0 1px; width:100%; }
#navegacion { width:768px; height:20px; display:inline-block}

#navegacion p.paginado { margin:0px 20px 0px 0px; .margin:-15px 20px 0px 0px; }
.justificado td   { text-align:justify}
a {	font-size:11px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
a { color:#149bd4; text-decoration:none}
a:hover { color:#02628b; text-decoration:underline; cursor:hand}
.ligascafes { font-size:11px;	font-weight:bold;	height:16px;	color:#b4875a;	font-family:Arial, Helvetica, sans-serif;}
.ligascafes a { color:#b4875a; text-decoration:none}
.ligascafes a:hover { color:#614324; text-decoration:none; cursor:hand}
.textoazul{
	font-size:12px;
	font-weight:bolder;
	height:16px;
	color:#149bd4;
	font-family:Arial, Helvetica, sans-serif;
}

.barracuadrosizq {
	border-left:1px solid #a1d7ee;
	background:url(../images/fondobarritacuadro.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	height:20px;
	vertical-align:middle;
	text-align:center;
}
.barracuadros {
	border-left:1px solid #a1d7ee;
	background:url(../images/fondobarritacuadro.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	width:191px;
	height:30px;
	vertical-align:middle;
	text-align:center;
	line-height:30px
}


.barracuadrosmediana {
	border-left:1px solid #a1d7ee;
	background:url(../images/fondobarritacuadromediana.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	height:30px;
	vertical-align:middle;
	text-align:center;
	line-height:30px
}


.barracategorias { background:transparent url(../images/fondobarritacuadrolarga.jpg) repeat-x scroll left top; }
.barracategorias { border-left:1px solid #A1D7EE; color:#FFFFFF; display:block; } 
.barracategorias { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; height:20px; }
.barracategorias { line-height:20px; padding-left:10px; text-align:left; vertical-align:middle; width:747px; }
.fondotablacategorias { background-color:#f6f6f6; }
.barracuadrosmedia {
	background:url(../images/fondobarritacuadromedia.jpg) left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	width:192px;
	height:30px;
	vertical-align:middle;
	text-align:center;
}

/***** Menus *****/
#menu {
	background-image:url(../images/fondomenu.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#989697;
	height:30px;
	vertical-align:middle;
	display:inline-block
}
#menu ul 				  { display:inline-block; width:768px; height:100%; list-style:none; text-align:center }
#menu ul li				  { display:inline-block; margin:0px; padding:0px; text-align:left; float:left; width:14.00%; height:30px; line-height:27px; border-left:1px solid #e1e1e1; border-right:1px solid #ffffff; }
#menu ul li a.link 		  { cursor:default; text-align:center; height:29px; width:99%; display:block; color:#989697; text-decoration:none}
#menu ul li a.link:hover  { color:#2b2b2b; text-decoration:none; cursor:hand; background-image:url(../images/fondoovermenu.jpg); }
#menu ul li.reduc 		  { width:110px }
#menu #nav ul			  { display:none; list-style:none; margin:0; padding:0; position:absolute; width:135px; z-index:1000; height:auto; text-align:left }
#menu #nav ul li		  { background:#F5F5F5;  width:131px; text-indent:4px; border-color:#FFFFFF; border-style:solid; border-width:1px 2px; }
#menu #nav ul li a		  { cursor:pointer; width:100%; display:block; font-size:10px;}
#menu #nav ul li.atencion { width:130px}
.portadacategorias { 
	background-color:#FFFFFF;
	border-bottom:1px solid #E1E1E1;
	color:#2B2B2B;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:88px;
	padding:6px 10px;
	text-align:left;
	width:169px;
	
}
.portadacategorias br { height:10px}
.portadacategorias a { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;color:#149bd4; text-decoration:none
}
.portadacategorias a:hover { color:#02628b; text-decoration:underline; cursor:hand}
.portadacategorias ul { display:inline-block; list-style:none; width:100%; height:auto; }
.portadacategorias ul li {float:left; height:135px; margin:0 0 10px; text-align:center; width:108px; }

#menu ul li .nav_hover {  color:#2b2b2b; text-decoration:none; background-image:url(../images/fondoovermenu.jpg); }

.thumb { border:1px solid #E1E1E1;display:inline-block;margin-left:2px; height:90px; width:185px; }

.submenu, .submenu_2, .submenusub {
	border-top:1px solid #efefef;
	color:#989697;
	font-family:Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	height:auto;
	vertical-align:middle;
	line-height:19px;
	padding-left:15px;
}






#sub_menu1 ul li.submenusub { text-indent:0px; width:135px; font-weight:normal }

#navigationHeading2 { cursor:default; }

#sub_menu1 { display:inline-block;margin:0 auto;text-align:center;width:192px;float:left;  }
#sub_menu1 > ul { display:inline-block; text-align:center; width:170px; list-style:none; padding:0px; margin:5px 0px 0px;  }
#sub_menu1 ul li ul { display:none }
#sub_menu1 ul  li  { width:155px;}
#sub_menu1 ul > li  { width:155px; }

.titulos .submenu a, .titulos .submenusub a{ height:90%; width:155px; display:block; color:#989697; text-decoration:none}
.titulos .submenu a:hover { color:#2b2b2b; width:155px; text-decoration:none; cursor:hand}

.submenu_2 a { color:#989697; }
.submenu_2 a:hover { color:#989697; }

.submenusub a { width:140px; }
.submenusub a:hover { width:140px; }

.titulos a.selected_li { color:#000; }

.menuabajo {
	border-top:1px solid #efefef;
	color:#989697;
	font-family:Helvetica,sans-serif;
	font-size:9px;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	height:22px;
	vertical-align:middle;
	text-indent:10px;
}
.menuabajo a{ font-size:9px; color:#989697; text-decoration:none}
.menuabajo a:hover { font-size:9px; color:#2b2b2b; text-decoration:underline; cursor:hand}

.titulos { 
	font-size:12px;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
	color:#149bd4;
	text-align:left;
	vertical-align:middle;
	text-indent:2px;
	padding:2px 0px;
	cursor:pointer;
}
.titulos a:hover { 		
	font-family:Arial, Helvetica, sans-serif;
	color:#149bd4;
	text-decoration:none;
	}

.titulosgrandotes { 
	font-size:24px;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
	color:#149bd4;
	text-align:left;
	vertical-align:middle;
	text-indent:2px;
	padding:2px 0px;
}


.titulorecomendados { 
	font-size:11px;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
	color:#626364;
	text-align:left;
	border-bottom:1px solid #e1e1e1;
	height:21px;
	padding-left:6px;
	border-top:1px solid #e1e1e1;
	vertical-align:middle;
	background-color: #f6f6f6;
	line-height:21px
	
}

.titulodescripciones { 
	font-size:11px;
	font-weight:bolder;
	font-family:Arial, Helvetica, sans-serif;
	color:#626364;
	text-align:left;
	border-bottom:1px solid #a7d5ed;
	height:13px;
	vertical-align:middle;
	display:block;
	width:100%
	}

.descripciones { 
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#626364;
	text-align:justify;
	padding-top:6px;
}

.codigos {
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:18px;
		color:#000000;
		width:100px;
		height:20px;
		vertical-align:middle;
		text-align:left;
		border-left:12px solid #1199D3;
		text-indent:3px;
}

.bordeabajo { border-bottom:1px solid #e1e1e1; }


.bordeizquierda { border-left:1px solid #e1e1e1; height:200px; }

.bordeizquierda2 { border-left:1px solid #e1e1e1; }

#sub_menu2 .bordeizquierda ul { clear:both; float:none; margin:0px auto; padding:0px; width:130px;}
#sub_menu2 .bordeizquierda ul li { height:20px; line-height:20px; padding:4px 0; }
.bordederecha { border-right:1px solid #e1e1e1; padding-right:5px; }

.bordetabla { border:1px solid #e1e1e1}
img.bordetabla { border:1px solid #e1e1e1}

.input { 
	border:1px solid #BBB;
 	color: #666666;
 	background-color: #f6f6f6;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size:8pt;
	padding:2px;
}


.botonesformas {
 	border-left: solid #acdcf0; border-left-width: 1px;
 	border-right: solid #2d87ad; border-right-width: 1px;
 	border-bottom: solid #2d87ad; border-bottom-width: 1px;
	border-top: solid #acdcf0; border-top-width: 1px;
	color: #ffffff;
 	background-color: #0796d1;
 	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bolder;
	padding:1px;
}

/***** ToolTips *****/
div.tooltip { 
    background-color:#ffffff; 
    outline:1px solid #e1e1e1; 
    border:2px solid #fff; 
    padding:10px 15px; 
    width:157px;
	height:175px;
    display:none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#2b2b2b; 
    text-align:left; 
    font-size:12px; 
}

.tooltip a { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;color:#149bd4; text-decoration:none
}
.tooltip a:hover { color:#02628b; text-decoration:underline; cursor:hand }
div.tooltipcategorias { 
    background-color:#ffffff; 
    outline:1px solid #e1e1e1; 
    border:2px solid #fff; 
    padding:10px 15px; 
    width:344px;
	height:75px;
    display:none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#2b2b2b; 
    text-align:left; 
    font-size:12px; 
}
.tooltipcategorias a { 	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;color:#149bd4; text-decoration:none
}
.tooltipcategorias a:hover { color:#02628b; text-decoration:underline; cursor:hand}

/***** ToolTips Iconos *****/
#iconos { text-align:center; }
#iconos .tooltipsincons { border:8px solid #E1E1E1; background:#fff; width:500px; display:inline-block; height:auto; clear:both; margin:10px 0px}
#iconos .tooltipsincons img { border-right:1px solid #E1E1E1; float:left; margin:8px 6px 8px 2px; }
#iconos .tooltipsincons ul { text-align:left; float:left; display:block; list-style:none; margin:8px; padding:0; width:310px; }
#iconos .tooltipsincons ul li { line-height:20px; padding:0 5px; text-align:left; width:300px;}

/***** Home *****/	
#bannersportada { float:left; display:inline-block; width:758px; height:357px;}
#principal { display: inline-block; width:100%; height:auto; }
#sub_menu2 { clear:both; margin-top:10px; display:inline-block }
#sub_menu2 ul { width:186px; float:left}
#sub_menu2 ul table {  margin:0px auto 5px;}

/*
ESTO ES PARA LOS ESTILOS DE LA CAJA
*/

.hand                           { cursor:pointer; cursor:hand; }
.selectionguide-header          { height:25px; padding:11px 0 0 7px; width:auto; background-color:#ebf0e3; font-size:14px; margin-bottom:10px; }
#home-nav                       { padding-bottom:2px; }
.home-nav                       { margin-right:2px; }
#home-nav img                   { cursor:pointer; cursor:hand; }
#static-home-box1               { left:25px; width:450px; border-right:2px solid #FFFFFF; background-color:#ebf0e3; }
#static-home-box2               {
	width:268px;
	border-right:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	background-color:#f5f5f5;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}
#menu #nav ul li.static-home-box   { position:absolute; z-index:10; width:auto; height:auto }
.static-home-box *              { font-size:10px; line-height:12px !important; }
.static-home-dc-container       { border-bottom:1px solid #FFFFFF; height:76px; padding:5px; }
.static-home-dc-container a 	{ background:url(../images/flechamenus.png) top left no-repeat; display:inline-block; padding-left:8px; }
.dc-landing-tabs                { background-color:#eef3e8; width:175px; height:25px; margin-bottom:8px; padding:11px 0 0 8px; font-size:14px; color:#3E4E27; }
.dc-landing-container           { background-color:#fff; padding:10px 7px; width:169px; height:100px; margin-top:1px; }
.dc-articlelist-tab             { background-color:#eef3e8; width:273px; height:25px; margin-bottom:8px; padding:11px 0 0 8px; font-size:14px; color:#3E4E27; margin-top:5px; }
.dc-share-tab				{ padding-left:0 }
.dc-share-tab div  			{ padding-left:11px }
.dc-share-container			{ padding:0 0 60px 4px; }
.dc-share-container p		{ margin-top:0 }
.dc-share-container table 	{ margin-bottom: 14px; }
.dc-share-container table td 	{ padding-right: 16px; }



.banner_tipo { margin-top:10px; }

.listado { background:#f6f6f6; display:inline-block; margin:10px 0px; width:758px; _width:738px; }
.listado ul {  margin:0px; display:inline-block; width:auto; list-style:none }
.listado ul li { height:auto; float:left; padding-left:8px; margin:0;  width:750px;}
.listado ul li table { float:left; margin:10px 2px; height:185px;}
.paginado { margin:5px 0px; padding:0px 10px; text-align:right; width:738px; display:inline-block}
#content { display:inline-block; float:left; height:auto; 	min-height:450px; 	vertical-align:top; 	width:760px; }
#home_header { display:inline-block; float:left; text-align:center; width:192px;}
#buscador { display:inline-block; height:70px; text-align:right; width:751px; }
#buscador ul { display:inline-block; list-style:none; padding:5px; height:60px }
#buscador ul li{ display:block; height:25px; line-height:18px; margin:3px;}
#buscador li.registro { display:none }
.tipo { cursor:pointer }

div.scrollable { position:relative; overflow:hidden; height:225px; width: 750px; .width:auto; margin:0px auto;display:inline-block}
.navi { display:inline-block;height:20px;width:auto; vertical-align:middle;}
.navi a {display:inline-block; font-size:11px; cursor:pointer; height:15px; margin:2px; width:auto;}
.navi a.active { background:#dedede; }
a.browse {cursor:pointer;display:inline-block;line-height:20px;width:65px;}
a.disabled {height:10px; overflow:hidden;visibility:hidden !important;width:1px;}

div.scrollable ul.items {	width:20000em; position:absolute; } 
.portadacategorias .scrollable ul.items { margin-left:12px; } 

div.scrollable { position:relative; overflow:hidden; height:210px; width: 750px; .width:auto; margin:0px auto;display:inline-block}
div.scrollable div.items {	width:20000em; position:absolute; } 
div.scrollable div.items div.producto { float:left; height:auto; width:765px;}

.total { display:inline-block; float:left;padding:2px 10px;text-align:left;width:auto;}
.total b, .total strong { font-weight:normal; }

/***** OVERLAY *****/
div.overlay { width:750px; height:auto; background:url(../images/transparent.gif) repeat-y;display:none;padding:20px; } 
div.overlay div.close { background-image:url(../images/close.png);position:absolute;right:-24px;top:5px;cursor:pointer;height:35px;width:35px;} 
div.wrap {  border:8px solid #E1E1E1; background:#fff;height:auto; overflow:hidden; width:auto;display:block; width:100%; height:100%; padding:8px; }

#vista_rapida  { background:#FFF; overflow:inherit; display:block; height:550px !important; margin-top:10px; width:760px; }
#foto_producto { display:inline-block; float:left; height:auto; width:auto; }
#foto_producto > img { display:block; background:transparent url(../images/loader_big.gif) center center no-repeat; width:400px; height:400px }
#producto > img.bordetabla { display:block; background:#fff url(../images/loader_min.gif) center center no-repeat; width:90px; height:90px;  }

#info_producto { display:inline-block; float:left; height:auto; margin:0 0 0 16px; width:325px;}
#info_producto ul { display:block; list-style:none; margin:0px; padding:0; width:332px;}
#info_producto ul li { display:block;margin:0;padding:5px;text-align:left;width:314px;}
#info_producto ul li p { margin:5px 0px }
#info_producto ul li ul { width:320px; display:inline-block; }
#info_producto ul li ul li { text-align:center; display:inline-block; width:auto; margin:0px; padding:0px; }
#info_producto ul li ul li img { text-align:center; width:30px; margin:0 15px 0 0; cursor:pointer }

#info_producto ul li #acabados { margin:5px 0px 0px }
#info_producto ul li #acabados li { height:40px; line-height:0; margin:0; padding:0; text-align:left; vertical-align:middle; width:310px; }
#info_producto ul li #acabados span { display:inline-block;font-family:Arial,Helvetica,sans-serif;height:20px;line-height:20px;text-align:left;vertical-align:bottom;width:125px; }
#info_producto ul li #acabados span.imagen { margin-bottom:5px; width:40px }
#info_producto ul li #acabados img { cursor:inherit}

.detalle_vista { margin-top:10px }
#busquedas_relacionadas { display:block; margin:10px 0px; width:400px; }
#busquedas_relacionadas .portadacategorias li { float:left; height:auto; margin:10px 0; width:400px;}
#busquedas_relacionadas .portadacategorias li div { float:left; width:94px; }
#busquedas_relacionadas img { background:#fff url(../images/loader_min.gif) no-repeat center center; display: inline-block; }

.relacion { margin-top:0px; .margin-top:-20px }

#contacto { margin:10px 0px }
#contacto table { border-collapse:separate; border-spacing:5px;}
#contacto p { margin:5px 0px }
#contacto strong { font-weight:bold; }

.items img.bordetabla { background:#fff url(../images/loader_min.gif) no-repeat center center; display: inline-block;}
.listado .items img.bordetabla { display:block; height:140px; width:140px; }
.portadacategorias ul li img { background:#fff url(../images/loader_min.gif) no-repeat center center; display: inline-block; }
.linea { display:none }
.loader {height:100%; text-align:center; width:740px; }
.area { cursor:pointer }

/***** NOTICIAS *****/
#noticias { min-height:450px; height:auto; display:block; text-align:justify; width:710px; margin-top:20px }
#noticias a { text-decoration:none }
.noti_li { border-bottom:1px solid #E1E1E1; display:inline-block; height:90px; padding:10px 0;}
.noti_li a { display:inline-block; height:100%; width:100%}
.noti_li .descripcion { display:inline-block; float:left; margin-left:15px; width:565px; }
#noticias .imagen_noti { border:1px solid #E1E1E1; display:inline-block; float:left; background:#fff url(../images/loader_min.gif) no-repeat center center;}
.Noticia { color:#989697; font-weight:normal;  }
.fecha { font-size:10px }
#noticias p { margin:5px 0px; }
#noticias h1 { color:#149BD4; font-size:20px; font-weight:bold }
#noticias h3 { color:#149BD4; font-size:11px; font-weight:normal }

#noticias b, strong{ font-weight: bold; }

#contacto ol { list-style-type:decimal; }
#contacto li { list-style-type:decimal; margin-left:12px; }

.paginado a.right { margin-left: 5px }
.paginado a.left { margin-right:5px; }
label.error{ color:#F00; font-size:10px; display:block}

a.flechaizq, a.flechader { z-index:10000; background:transparent url(../images/flechaizq.jpg) left top no-repeat; display:inline-block; height:92px; cursor:pointer; position:absolute; top:10px; width:10px;}
a.flechader { background:transparent url(../images/flechader.jpg) left top no-repeat; left:390px;}
a.flechader:hover, a.flechaizq:hover { text-decoration:none}

#info_producto #mas_opciones { margin:5px 0px }
.moon img {  left:10px; line-height:20px;  position:relative; top:3px;}

#mensaje_envio { border: height:150px; font-size:14px; width:300px; text-align:center; display:none }
.contentWrap { width:100%; height:100%; background:#FFF; border:8px solid #E1E1E1; display:block; overflow:hidden; padding:8px; width:100%; padding:20px;} 

/***** Fire fox hacks *****/
html > body #menu ul li { width:134px; }
html > body #sub_menu2 ul { width:192px;}
html > body #sub_menu2 ul table {  margin:10px auto 10px;}
html > body .thumb { margin-left:9px; }
html > body #buscador { width:600x; }
html > body .thumb { height:85px; width:182px;}
html > body .barracuadros { width:192px; }
html > body .listado ul li { padding-left:4px; }
html > body .listado ul li table { margin:10px 4px;}
html > body #sub_menu1 > ul > li  { width:170px; }

