/*********************************************/
/***************** CSS RESET *****************/
/*********************************************/
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, b, u, i, center, 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-size:100%; vertical-align:baseline; background:transparent;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}

:focus{outline:0;}

ins{text-decoration:none;}
del{text-decoration:line-through;}

table{border-collapse:collapse; border-spacing:0;}


/*********************************************/
/************* ESTILOS GENERALES *************/
/*********************************************/
html{

}
body{
	margin:0px; font-family:Verdana; font-size:11px; color:#333;
    background: url(img/bg_fondo_sup_2012.jpg) no-repeat center 0px;
}
body.longbg{
    background: url(img/bg_fondo_sup_2012_long.jpg) repeat-y center 0px;
}
body.xxlbg{
    background: url(img/bg_fondo_sup_2012_xxl.jpg) repeat-y center 0px;
}

a{text-decoration:none; color:#0C82D6;}
a:hover{text-decoration:underline;}

.clear{clear:both;}

#contenedor{width:1010px; margin:0px auto 0px auto !important; padding-top:30px;}
#titular{height:124px; margin-bottom:3px;}
#titular img{margin-top:10px; margin-left:10px;}
#titular h1{border:0; padding:0; margin:0; text-indent:-9999px; font-size:10px; height:10px; margin-bottom:-10px;}

#promo{
	float:right;
	margin-top:-125px;
}

ul#menu{
    margin:2px 0 0 0;
    padding:0px;
    list-style:none;
}
ul#menu li{
    float:left;
    margin:0px 1px;
}
ul#menu li a:link, ul#menu li a:visited{
    font-family:'Trebuchet MS','Verdana';
    display:block;
    height:30px;
    background:none;
    padding:8px 0px 5px 0px;
    text-decoration:none;
    color:#E9E9E9;
    font-size:17px;
    text-align:center;
    font-weight:normal;
	text-shadow:#555 1px 1px 2px;
}
ul#menu li a:hover, ul#menu li a:active, ul#menu li a#selected{
    /*background:url(img/bg_menu_hover.png) repeat-x center top;*/
    color:#FFFFFF;
	text-shadow:#000 1px 1px 2px;
    font-weight:normal;
}

.desp_productos, .desp_kids{
    display:none;
    position:absolute;
    border:2px solid #78A5BA; border-top:0;
    background: rgba(255, 255, 255, 0.9);
    padding:5px;
    width:200px;
    overflow:hidden;
    border-bottom-left-radius:8px; -moz-border-bottom-left-radius:8px; -webkit-border-bottom-left-radius:8px;
    border-bottom-right-radius:8px; -moz-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px;
	z-index: 100;
    font-family:'Trebuchet MS','Verdana';
	font-size:15px;
	line-height:24px;
	padding:10px;
	font-weight:bold;
}
.desp_productos{
	margin:32px 0 0 350px;
}
.desp_kids{
	margin:32px 0 0 575px;
}
.desp_productos a, .desp_kids a{
	color:#006B8F;
}

#contenido{width:990px; margin:0px auto;}

#mensaje_ok{
    width:100%;
    margin:10px auto;
    padding:10px 0px;
    border:1px solid #50B733;
    color:#50B733;
    background-color:#E2F7DC;
    text-align:center;
    font-weight:normal;
}

a#flecha_izq{
    cursor:pointer; float:left; margin-left:20px;
    background:url(img/flechas_izq_2012.jpg) no-repeat top left;
    width:27px; height:27px; overflow:hidden;
    text-decoration:none; border:0;
}
a#flecha_der{
    cursor:pointer; float:right; margin-right:25px;
    background:url(img/flechas_der_2012.jpg) no-repeat top left;
    width:27px; height:27px; overflow:hidden;
    text-decoration:none; border:0;
}
a#flecha_izq:hover, a#flecha_der:hover{
    background-position:0px -27px;
}

#pie{background: url(img/bg_inf_2012.png) repeat-x right center; border-bottom:0; height:45px; margin-bottom:-10px !important;}
#pie p{width:1000px; margin:0 auto; text-align:left; font-size:10px; color:#8e9db5; padding:24px 10px 10px 20px; background:url(img/bg_pie_2012.png) no-repeat 907px 20px; margin-top:-13px;}
#pie a{text-decoration:underline; color:#8e9db5;}
#pie a:hover{text-decoration:none; color:#FFFFFF;}


/*********************************************/
/************** ESTILOS PORTADA **************/
/*********************************************/
#izq{float:left; width:465px; padding:2px; margin:35px 15px 30px 0;}
#der{float:right; width:500px; padding:2px; margin:35px 0 30px 0; text-align:center;}

h2{
    font-family:'Century Gothic','Verdana';
    font-size:18px;
    color:#3567ca;
    border-bottom:1px solid #3567ca;
    margin:0 0 10px 0;
    font-weight:bold;
    padding:0 0 2px 0;
    text-align:left;
}

p.bienvenida{
    font-family:'Verdana';
    font-size:12px;
    text-align:justify;
    line-height:20px;
    margin:0 0 10px 0;
}

#banners_2012{
	margin:10px 0 15px 12px;
}

#galeria_2012{
    background:url(img/bg_galeria_2012.jpg) no-repeat top center;
    height:157px;
    width:962px;
	overflow:hidden;
    margin:0;
    padding:0 24px;
	margin-left:-11px;
	margin-bottom:25px;
}

#showrooms_2012{
    background:url(img/bg_showrooms_2012.jpg) no-repeat top center;
    height:119px;
    width:1010px;
	overflow:hidden;
    margin:0;
    padding:15px 0;
	font-family:'Trebuchet MS', Verdana;
	font-size:13px;
	color:#005a77;
	line-height:22px;
	margin-left:-11px;
}
#showrooms_2012 div{
    float:left;
	display:block;
	width:315px;
    height:149px;
	overflow:hidden;
    margin:0;
	padding:5px 0 0 20px;
}
#showrooms_2012 strong{
	font-size:15px;
}
#showrooms_2012 a:link, #showrooms_2012 a:visited{
	color:#005a77 !important;
	text-decoration:underline;
}
#showrooms_2012 a:hover{
	color:#005a77 !important;
	text-decoration:none;
}

#jefes_de_cuenta{
    background:url(img/jefes_de_cuenta.jpg) no-repeat top center;
    height:119px;
    width:920px;
	overflow:hidden;
    margin:0 auto !important;
    padding:15px 0;
	font-family:'Trebuchet MS', Verdana;
	font-size:13px;
	color:#005a77;
	line-height:22px;
	margin-left:-11px;
}
#jefes_de_cuenta div{
    float:left;
	display:block;
	width:285px;
    height:149px;
	overflow:hidden;
    margin:0;
	padding:5px 0 0 20px;
}


/*********************************************/
/************** ESTILOS NIVELES **************/
/*********************************************/
.nivel h1{
    font-family:'Century Gothic','Verdana';
    font-size:20px;
    color:#006B8F;
	border:0;
    margin:30px 0 10px 0;
    font-weight:bold;
    padding:0 0 2px 0;
    text-align:left;
}

.izq{float:left;}
.der{float:right;}

.contacto p, .novedades p{padding:3px; margin-bottom:15px; font-size:12px; line-height:18px;}
.contacto .izq, .novedades .izq{width:550px; margin-right:19px; overflow:hidden;}
.contacto .der, .novedades .der{width:421px;}

.novedad{
    clear:both;
    margin:10px 3px;
}
.novedad h2{
    border:0;
    font-family:'Verdana';
    font-size:14px;
    color:#333;
    margin:0 0 0 0;
    font-weight:bold;
    padding:0 0 2px 0;
    text-align:left;
}

.producto{
    float:left;
    margin:8px 17px;
    width:212px;
}
.producto a{
    color:#555;
}
.producto a:hover{
    color:#0C82D6;
}
.producto a:hover img{
    border:1px solid #0C82D6;
}
.producto img{
    border: 1px solid #ddd;padding: 5px;background: #f0f0f0;
}
.producto h5{
    background:url(img/icon.jpg) no-repeat 0px 3px;
    padding-left:10px;
    margin:5px 10px;
    line-height:16px;
}

h2.subtitulo{
    font-family:'Century Gothic','Verdana';
    font-size:15px;
    color:#3567ca;
    background-color:#E3E9F7;
    border:0;
    margin:10px 20px 5px 15px;
    font-weight:bold;
    padding:4px;
    text-align:left;
}

#form_contacto{margin-left:15px;}
#form_contacto label{display:block; float:left; margin:13px 5px 0px 5px; height:14px; width:85px;}
#form_contacto input, #form_contacto select{display:block; clear:right; margin:12px 0px 0px 5px; padding:3px; border:1px solid #CCC; color:#666; font-family:'Verdana'; font-size:12px; height:16px;}
#form_contacto textarea{display:block; clear:right; width:350px; height:120px; margin:12px 0px 0px 5px; padding:3px; border:1px solid #CCC; color:#666; font-family:'Verdana'; font-size:12px;}
#form_contacto select{height:23px; padding:2px;}
#form_contacto .button{border:0; margin:0; padding:0; float:right; width:120px; height:33px; margin:10px 60px 0 0;}
#form_contacto span{font-size:10px; color:#666; font-style:italic; margin-left:95px;}

#colchones-resortes{display:block; float:left; margin:0px 0px 0px -12px; background:url(img/colchones-resortes.jpg) no-repeat; background-position:0px 0px; width:506px; height:93px; overflow:hidden; border:0px; line-height:1000px; cursor:pointer; color:#FFFFFF;}
#colchones-resortes:hover{background-position:0px -93px;}

#colchones-espuma{display:block; float:right; margin:0px -10px 0px 0px; background:url(img/colchones-espuma.jpg) no-repeat; background-position:0px 0px; width:506px; height:93px; overflow:hidden; border:0px; line-height:1000px; cursor:pointer; color:#FFFFFF;}
#colchones-espuma:hover{background-position:0px -93px;}

p.texto_resortes{
	width:45%;
	float:left;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:16px;
	line-height:21px;
	color:#666;
	margin:5px 0 0 10px;
}
p.texto_espuma{
	width:45%;
	float:right;
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:16px;
	line-height:21px;
	color:#666;
	text-align:right;
	margin:5px 7px 0 0;
}

#colchones-kingkoil{display:block; float:left; margin: 20px 20px 0px 50px; background:url(img/logo-kingkoil-big.jpg) no-repeat; background-position:0px 0px; width: 400px; height:250px; overflow:hidden; border:0px; line-height:1000px; cursor:pointer; color:#FFFFFF;}
#colchones-kingkoil:hover{background-position:0px -250px;}

#colchones-dormiflex{display:block; float:left; margin: 20px 30px 0px 60px; background:url(img/logo-dormiflex-big.jpg) no-repeat; background-position:0px 0px; width: 400px; height:250px; overflow:hidden; border:0px; line-height:1000px; cursor:pointer; color:#FFFFFF;}
#colchones-dormiflex:hover{background-position:0px -250px;}

#dormitorios{display:block; margin:0px 0px 120px -12px; background:url(img/dormitorios-2012.jpg) no-repeat; background-position:0px 0px; width: 1012px; height:456px; overflow:hidden; border:0px; line-height:1000px; cursor:pointer; color:#FFFFFF;}
#dormitorios:hover{background-position:0px -456px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { #dormitorios{margin:0px 0px 120px -13px;} }

.sitemap ul{
    margin-left:20px;
    list-style:circle;
}
.sitemap ul li{
    margin:10px;
}

#linea_xl{
    margin-left:120px;
}
#linea_xl .producto{
    float:left;
    margin:8px 17px;
    width:330px;
}
#linea_xl .producto img{
    border:1px solid #78BB1E !important;
}
#linea_xl .producto a:hover{
    color:#78BB1E;
}

#linea_dormiflex{
    margin-left:120px;
}
#linea_dormiflex .producto{
    float:left;
    margin:8px 17px;
    width:330px;
}


/*********************************************/
/************ ESTILOS CONTENIDOS *************/
/*********************************************/
.detalle_producto h1{
    font-family:'Century Gothic','Verdana';
    font-size:18px;
    color:#3567ca;
    border-bottom:1px solid #3567ca;
    margin:30px 0 10px 0;
    font-weight:bold;
    padding:0 0 2px 0;
    text-align:left;
}

.detalle_producto .izq{width:670px; margin-right:15px; overflow:hidden;}
.detalle_producto .der{width:305px; background:url(img/prod_der_bg.jpg) no-repeat top center; text-align:center;}

.detalle_producto .der p{
    padding:10px 30px 0 30px;
    height:320px;
    font-size:12px;
    font-weight:normal;
    line-height:18px;
    color:#555;
    text-align:left;
    overflow:hidden;
}

.icono{
    cursor:help;
    margin:2px;
    width:54px;
}


/*********************************************/
/*************** SLIDER STYLES ***************/
/*********************************************/
#slider {
    position:relative;
    width:1012px; /* Change this to your images width */
    height:380px; /* Change this to your images height */
    background:url(img/loading.gif) no-repeat 50% 50%;
	margin-left:-12px;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-align:right;
    font-size:14px;
    color:#ffffff !important;
    padding-bottom:3px;
}


/*********************************************/
/*************** THUMBS STYLES ***************/
/*********************************************/
ul.thumb {float: left;list-style: none;margin: 0; padding:12px 15px 5px 15px;width: 475px;background-color:none;}
ul.thumb li {margin: 0; padding: 5px;float: left;position: relative;width: 84px;height: 84px;}
ul.thumb li img {width: 75px; height: 75px;border: 1px solid #ddd;padding: 5px;background: #f0f0f0;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img.hover {margin-top:15px;background:url(img/thumb_bg.png) no-repeat center center;border: none;}
.title{display:none; position:absolute;width:120px;margin:0;font-weight:normal;background:url(img/gray.png) no-repeat center center;padding:4px 0;text-align:center; color: #fff; }

#galeria_larga{text-align:center;}
#galeria_larga ul.thumb{margin: 0; padding:18px 3px 5px 14px;width:970px;}


/**********************************************/
/*************** TOOLTIP STYLES ***************/
/**********************************************/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(img/tipsy.gif); line-height:14px; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

.message, .name{display:none !important;}


/****************************************************/
/*************** OUTLET SLIDER STYLES ***************/
/****************************************************/
#outletslider {
    position:relative;
    width:495px; /* Change this to your images width */
    height:250px; /* Change this to your images height */
    background:url(img/loading.gif) no-repeat 50% 50%;
}
#outletslider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#outletslider a {
    border:0;
    display:block;
}