@charset "utf-8";
/* CSS Document */

/*
http://www.quijoteconfort.com/
webdeveloperchis - 04.09.2012
*/

span#trace{
	position:absolute;
	top:5px;
	right:5px;
	color:#fff;
	font:bold 20px arial;
	z-index:99;}

/* Fuentes - @font-face */
@font-face {
	font-family: 'MPRegular';
	src: url('mp-regular-webfont.eot');
	src: local('☺'), url('mp-regular-webfont.woff') format('woff'), url('mp-regular-webfont.ttf') format('truetype'), url('mp-regular-webfont.svg#webfontVnltv9ZY') format('svg');
	font-weight: normal;
	font-style: normal;}
/*
Más info sobre el uso de @font-face
http://www.fontsquirrel.com/fontface
*/


/* Reseteo & Reglas Genericas */
*{margin:0;padding:0;border:0;outline:none;}
ol,ul{list-style: none;}
table{border-collapse:collapse;border-spacing:0;}
legend{display:none;}
input{font-size:1em;}
html,body{height:100%;}

body{
color:#000;
background-color:#fff;
font:normal 62.5%/normal Arial, Helvetica, sans-serif; /* cuerpo 10px */}

a,a:link,a:visited,a:hover,a:active{color:#709424;}

.none{display:none;}
.bloque{display:block;}
.enlinea{display:inline;}
.fueradepantalla{position:absolute;top:0;left:-5000em;}

.left{float:left;width:auto;}
.right{float:right;width:auto;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

body.home{
	background-color:#282828;}

body.yafaltamenos{
	background:#fff url(../img/fondotrasparencia5.png) repeat-x 0 0;
	font:normal 20px/normal 'MPRegular', Arial, Helvetica, sans-serif; /* cuerpo 10px */
	text-align:center;}
#yafaltamenos{
	color:#000;
	font-size:45px;}
#quedanxdias{
	color:#709424;
	font-size:118px;}
#yafaltamenos,#quedanxdias{
	text-transform:uppercase;
	font-weight:normal;
	white-space:nowrap;}
.colorgris{
	color:#5F5F5F !important;}
	
div.avisadmecontainer p{
	font-size:22px;
	color:#5F5F5F;}
	
body.animacion #avisadmecontainer,
body.animacion #yafaltamenos,
body.animacion #quedanxdias{
	display:none;
	position:absolute;
	top:40%;}
body.mobile #logohome{
	display:none;}
		
#pagecontainer{
	position:relative;
	overflow:hidden;}
body.animacion #quedanxdias{
	left:50%;}
body.animacion3 #tapa{
	position:absolute;
	left:0;
	top:40%;
	background:#fff url(../img/fondotrasparencia5.png) repeat-x 0 0;
	display:block;
	z-index:99;}

body.animacion #avisadmecontainer{
	color:#5F5F5F;
	text-align:center;
	white-space:nowrap;
	left:50%;
	top:60%;}
#avisadmeform{
	padding-top:25px;}
#emailavisadme{
	border:1px solid #BFBFC6;
	background-color:#E3E3E6;
	width:230px;
	height:38px;
	font:normal 18px/38px arial;
	color:#5F5F5F;
	padding:0 5px;}
#botonavisadme{
	background:#709424 url(../img/fondobotonavisadme.png) repeat-x 0 0;
    padding:0 10px;
	text-shadow:2px 1px 1px #5E7011;
	margin-left:8px;
	border-radius:19px;
	border:1px solid #797988;
	height:38px;
	font:italic normal 18px/38px arial;
	color:#fff;}


/* HOME */
body.mobile{
}
body.mobile #pagecontainer{
	position:relative;
	overflow:visible;
	background:#282828 url(../img/bg-menu.png) repeat-x 0 0;}

#head{
	position:static;
	top:0;
	left:auto;
	z-index:1;
	margin:0;
	display:block;
	width:100%;
	height:166px;
	background:transparent url(../img/bg-head-m.png) no-repeat 50% 0;
	padding:0;
	text-align:center;}
#head h1 a{
	position:fixed;
	top:0;
	left:50%;
	z-index:9999;
	text-indent:-5000px;
	text-align:left;
	background:#3a3a3a url(../img/quijoteconfort-logotipo-blanco-m.png) no-repeat 50% 9px;
	display:block;
	width:320px;
	margin:0 0 0 -160px;
	height:44px; 
	border-bottom:4px solid #709424;}
				
#head .headnav ul{
	overflow:hidden;
	width:auto;
	box-shadow:0px 1px 3px #555;
	margin:54px auto 9px auto;
	float:none;
	border-radius:5px;}
#head .headnav ul li{
	float:left;}
#head .headnav ul li a{
	display:block;
	background:#B5B5B5 url(../img/bg-headnav.png) repeat-x 0 0;
	font:normal 14px/23px 'MPRegular', Arial, Helvetica, sans-serif;
	color:#333;
	padding:0 4px;
	border-right:1px solid #9e9d9d;
	border-left:1px solid #989898;
	text-decoration:none;}
#head .headnav ul li a:hover{
	text-shadow:0px 0px 18px #eee;}
#head .headnav ul li a.ultimas-novedades{
	border-left:0;
	border-radius:5px 0 0 5px;}
#head .headnav ul li a.contacto{
	border-right:0;
	border-radius:0 5px 5px 0;}
input.search{	
	background:#4b4b4b url(../img/bg-search.png) no-repeat 7px 50%;
	box-shadow:0px 0px 0px #000, 0px 3px 3px #333 inset;
	height:21px;
	border:1px solid #464647;
	border-radius:15px;
	width:170px;
	padding:5px 6px 3px 30px;
	font:normal 16px/21px 'MPRegular', Arial, Helvetica, sans-serif;
	color:#fff;
	float:none;}
input.searchbutton{
	display:none;}
#secciones{
	position:static;
	left:auto;
	bottom:auto;}	
div.seccion{
	display:block;
	width:100%;
	height:auto;
	float:none;
    position:relative;
	padding-top:0;}
#menu{
	background:none;
	padding-bottom:104px;}
#cocinas{
	background:#9a3a16 url(../img/bg-cocinas.png) repeat-x 0 0;}
#baños{
	background:#023d72 url(../img/bg-banios.png) repeat-x 0 0;}
#estufas-y-calderas-de-pellets{
	background:#13631b url(../img/bg-estufas.png) repeat-x 0 0;}
p.banda{
	display:none;}		
#menu > ul{	
	overflow:hidden;
	position:relative;
	bottom:auto;
	left:auto;
	margin:-48px auto 0 auto;
	display:block;
	width:300px;}
#menu > ul > li{
	float:left;
	text-align:center;
	position:relative;
	height:268px;
	width:100px;}
#menu > ul > li a.seccion{
	display:block;
	height:auto;
	width:106px;
	text-align:center;
	font:normal 19px/20px 'MPRegular', Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:0px 2px 5px #000;
	text-decoration:none;
	padding-top:145px;}
#menu ul li.cocinas,
#menu > ul > li.cocinas ul{
	width:102px;
	background:none;}
#menu ul li.cocinas{
	background:transparent url(../img/cocinero-m.png) no-repeat 3px 5px;}
#menu > ul > li.cocinas ul{
	margin:0 auto;}
#menu ul li.banios,
#menu > ul > li.banios ul{
	width:98px;}
#menu ul li.banios{
	background:transparent url(../img/pato-m.png) no-repeat 30% 0;}

#menu > ul > li.banios ul{}
#menu ul li.estufas,
#menu > ul > li.estufas ul{
	width:100px;}
#menu ul li.estufas{
	background:transparent url(../img/hoja-m.png) no-repeat 50% 0;}

#menu > ul > li.estufas ul{
	margin-left:0;}
#menu > ul > li > div{
	padding-top:0;
	background:none;
	position:absolute;
	bottom:0;
	height:60px;
	width:100px;
	left:auto;
	margin-left:0;}
#menu > ul > li.banios > div{
	width:100px;
	margin-left:8px;}
#menu > ul > li.estufas > div{
	margin-left:2px;}
#menu > ul > li.cocinas > div{
	background:none;
	width:130px;
	margin-left:-8px;}
#menu > ul > li ul{
	position:relative;
	bottom:auto;}
#menu > ul > li ul a{
	font:normal 14px/15px 'MPRegular', Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;}

#pagecontainer > .menuflotante{display:none}
		
.menuflotante{
	position:absolute;
	bottom:auto;
	left:50%;
	width:320px;
	margin-left:-160px;
	z-index:999;
	/*top:538px;*/
	top:0;
	border-top:48px solid #333;
	background:transparent url(../img/bg-menuflotante-m.png) no-repeat 50% 0;
	padding:6px 0;}
.menuflotante ul{
	overflow:hidden;
	width:288px;
	margin:0 auto;}
.menuflotante ul li{
	float:left;
	margin-left:4px;}
.menuflotante ul li a{
	display:block;
	height:auto;
	width:auto;
	text-align:center;
	text-shadow:none;
	text-decoration:none;
	background:#e1e1e1;
	font:normal 15px/32px 'MPRegular', Arial, Helvetica, sans-serif;
	color:#333;
	padding:0 3px;
	border-radius:3px;
	box-shadow:0px 1px 3px #000;}
.menuflotante ul li a .bloque{display:inline;}
.menuflotante ul li a.interior{
	background:transparent url(../img/bg-menuflotante.png) no-repeat 0 0;}

.menuflotante ul li.cocinas{
	margin-left:0;}
	
#footer{
	position:absolute;
	height:auto;
	width:286px;
	bottom:auto;
	left:50%;
	top:410px;
	margin-left:-143px;
	background:transparent url(../img/bg-footer.png) repeat-x 0 0;
	z-index:20;
	font:normal 13px/15px 'MPRegular', Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding-top:5px;}
#footer .bloque,#estufas-y-calderas-de-pellets .footer .bloque{
	display:block;}
#footer .separador,#estufas-y-calderas-de-pellets .footer .separador{
	display:none;}

#estufas-y-calderas-de-pellets .footer{
	width:90%;
	margin:10px auto 0 auto;
	background:transparent url(../img/bg-footer.png) repeat-x 0 0;
	font:normal 13px/15px 'MPRegular', Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	padding:5px 0 0 0;}
	
div.contenedor-seccion{
	width:90%;
	margin:0 auto;
	position:relative;
	padding:95px 0 25px 0;}
div.seccion h2{
	font:normal 31px/normal 'MPRegular', Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:0px 2px 5px #000;
	background:transparent url(../img/bg-footer-50.png) repeat-x 0 bottom;}
#estufas-y-calderas-de-pellets h2{
	padding-top:7px;
	font:normal 24px/32px 'MPRegular', Arial, Helvetica, sans-serif;}
div.secciontexto{
	width:100%;
	padding:200px 0 0 0;
	font:normal 18px/24px Georgia;
	color:#fff;
	text-shadow:none;}
div.secciontexto p{
	padding-bottom:10px;}

div.seccion ul.submenu{
	overflow:visible;
	display:block;
	position:relative;
	left:auto;
	top:auto;
	z-index:20;
	width:100%;
	margin:0 auto;
	height:auto;
	background:none;}
#estufas-y-calderas-de-pellets ul.submenu{
	top:auto;}
div.seccion ul.submenu li{
	float:none;}
div.seccion ul.submenu a{
	display:block;
	font:normal 18px/31px 'MPRegular', Arial, Helvetica, sans-serif;
	color:#000;
	padding:0;
	border:0;
	text-decoration:none;
	text-align:center;
	background:transparent url(../img/bg-submenu-m.png) no-repeat 50% 0;
	margin-bottom:9px;
	text-shadow:0px 0px 10px #fff;}
#baños ul.submenu a{
	padding:0;}
#estufas-y-calderas-de-pellets ul.submenu a{
	padding:0;}
div.seccion ul.submenu a:hover{
	text-shadow:none;}
div.seccion ul.submenu li.first a{
	border:0;}
div.seccion ul.submenu li.last a{
	border:0;}
	
div.seccion div.galeria-seccion{
	position:absolute;
	right:auto;
	top:140px;
	z-index:10;
	width:285px;
	height:auto;}
	
div.subseccion{
	position:relative;
	left:auto;
	z-index:2;
	width:100%;
	height:auto;
	margin-left:0;
	color:#fff;
	text-align:center;
	border-radius:8px;
	display:none;}
div.seccion ul.submenu li div.subseccion{
	display:block;
	margin-bottom:15px;
	position:relative;}
#cocinas div.subseccion{
	background-color:#682B0B;
	box-shadow:0px 5px 10px #682B0B;}
#baños div.subseccion{
	background-color:#214A6A;
	box-shadow:0px 5px 10px #214A6A;}
#baños div.subseccion{
	background-color:#123A51;
	box-shadow:0px 5px 10px #123A51;}
#estufas-y-calderas-de-pellets div.subseccion{
	background-color:#325319;
	box-shadow:0px 5px 10px #325319;}
#ultimas-novedades,#donde-estamos,#contacto{
	background-color:#fff;
	box-shadow:0px 5px 10px #fff;
	color:#333;
	height:260px;}
div.headnav div.subseccion{
	display:none;
	position:relative;
	z-index:999;
	background-color:#fff;
	box-shadow:0px 5px 10px #fff;
	color:#333;
	margin:2px auto;
	width:90%;}
div.subseccion h3{
	font:normal 22px/normal 'MPRegular', Arial, Helvetica, sans-serif;
	text-shadow:0px 2px 5px #000;
	padding:8px;}
div.subseccion .subsecciontexto{
	font:normal 17px/20px Georgia;
	padding:0 8px 8px;}

#donde-estamos a{color:#333;text-decoration:none;}
#donde-estamos .subsecciontexto{
	padding:0 8px 8px;}
#donde-estamos .mapa{
	font:normal 15px/17px Georgia;
	display:block;
	width:100%;
	height:180px;
	background:transparent url(../img/mapa-m.gif) no-repeat 0 35px;}
div.subseccion .subsecciontexto p{
	padding-bottom:10px;}
a.close-subseccion{
	display:block;
	background:transparent url(../img/x-inactive.png) no-repeat 50% 50%;
	height:40px;
	width:40px;
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
	text-indent:-500px;
	z-index:99999;}
ul.submenu li div.subseccion a.close-subseccion{display:none}
div.seccion ul.submenu li div.subseccion a.close-subseccion:hover{
	background-position:0 bottom;}