article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;}
*{
	margin: 0;
	padding: 0;
	}
body {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;}
.bold{
	font-weight: bold;}
a{
	border: 0 none;
	text-decoration: none;	}
.copy a{
	color: #000; 
	display: inline-block;
	padding: 5px 0;}
a img{
	border: 0 none;
	text-decoration: none;	}
.noneg strong{
	font-weight: normal;}
#central .nav-collapse ul li{
	list-style-type: none;	}
#central .nav-collapse ul li .viendo{
	color: #000;}
.imgcol img{
	width: 100.0%;
	height: 100.0%;} 
#slider .Flexible-container iframe{
	width: 100%;}
#horario{
	margin: 20px 0 20px 0;}
footer{
	background: #F2F2F2;
	width: 100%;}
.horar{
	font-size: 1.3em;}
#pie{
	margin: 0;
	padding: 0;}
.copy{
	display: block;
	margin: 30px 0 0 0;
	font-size:13px;}
#firma a{
	font-size: 0.7em;
	display: block;
	padding: 10px 0;
	margin: 10px 0 0 0;
	color: #bbb;
	text-align: right;}
#taco a{
	background: url(../imagenes/fondo-80.png); 
	text-align: center; display: block; width: 140px;
	border-radius: 100px; padding: 35px 20px 0 20px; height: 145px;
	font-size: 0.9em; line-height: 1.6em; color: #fff;
	text-shadow: 1px 1px 10px #000; border:10px solid #fff;}
#taco a:hover{
	color: #000; background: #dfdfdf;
	text-shadow: 1px 1px 10px #fff;}
#taco a .ver{
	border: 1px solid #fff; padding:  3px 5px; width: 50px; 
	display: block; margin: 10px auto 0 auto; font-size: 0.7em;}
#taco a .nueva{
	font-size: 1.2em;}
.nuevo{
	background: #d0c6b5; margin: 50px 0; padding: 30px; font-size: 1.3em; line-height: 1.8em;}
.boton a{display: block; color: #ac9d83; padding: 15px 20px; border: 1px solid #ac9d83; 
	width: calc(100% - 40px); max-width: 230px; margin-top: 40px; text-align: center;}

@media only screen 
and (max-width : 580px){
#container{
	width: 94%;
	margin: 20px auto 0 auto;}
#cabecera{
	width: 100%;}
#logo {
	width: 100%;}
#info {
	width: 100%;
	display: none;}
#bcabec{
	color: #a79479;
	font-size: 14px;}
.nav-collapse {
	width: 100%;
	margin: 20px 0 0 0;}
#imagen{
	width: 100%;}
#central{
	margin: 20px 0 0 0;	}
#central .nav-collapse ul{}
#central .nav-collapse ul li{
	width: 100%;}
#central .nav-collapse ul li a{
	display: block;
	text-align: center;
	color: #AAA;
	padding: 15px 0 15px 0;
	border-top: 1px solid #8E7D60;
	font-size: 15px;}
#central .nav-collapse ul li a:hover{
	color: #000;}
.nav-collapse ul li a.con {	
	border-right: none;}
#imagen{
	padding: 20px 0 0 0;
	width: 100%;
	height: 100%;}
#taco a{
	width: 90%;
	border-radius: 0; padding: 5%; border: none; text-shadow: none;
	font-size: 0.9em; line-height: 1.6em; color: #fff; height: auto; margin: 0 0 40px 0;}
.ocu{
	display: none;}
#contenido {
	width: 100%;
	margin: 0 0 0 0;
	line-height: 1.6em;
	font-size: 0.8em;}
#contenido p{
	font-size: 1.1em; line-height: 2em;}
#presen{
	margin: 0 0 40px 0;}
#presen h1{
	color: #ac9d83;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 50px 20px 0;
	font-size: 1.7em;}
#presen h5{
	color: #000;
	font-weight: bold;
	margin: 10px 0 20px 0;
	font-size: 1.1em; line-height: 2em;}
#cizquierda {
	width: 100%;
	margin: 0 0 0 0; }
#ccentral {
	width: 100%;
	margin: 20px 0 0 0; }
#cderecha {
	width: 100%;
	margin: 20px 0 0 0;  }
.textocol{
	margin: 10px 0 0 0;}
.textocol h2{
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0 5px 0;
	color: #a79479;}
.imgcol img{
	width: 100%;
	height: auto;}
.textocol img{
	width: 100%;
	height: auto;}
#colderecha img{
	width: 100%;
	height: auto;}
footer{
	margin: 30px 0 0 0;}
#infofooter{
	width: 94%;
	margin: 0 auto 0 auto;
	padding: 40px 0 30px 0;}
#textofooter{
	width: 100%;}
address{
	font-style:normal;
	font-size: 0.8em;
	line-height: 2em;}
h3{
	font-weight: normal;
	font-size: 13px;
	margin: 0 0 30px 0;}
h4{
	font-weight: normal;
	font-size: 14px;
	color: #666;
	margin: 0 0 5px 0;}
#imgfooter{
	width: 30%;
	margin: 20px 0 0 0;}
#imgfooter img{
	width: 100%;
	height: auto;}
#imgfachada{
	width: 80%;
	margin: 20px 0 0 0;}
#imgfachada img{
	width: 100%;
	height: auto;}
#montaje{
	margin: 0 0 0 0;
	width: 100%;}
#montaje img{
	width: 100%;
	height: auto;}
#ondarretalogo{
	width: 46%;
	margin: 25px 0 0 0;}
#ondarretalogo img{
	width: 100%;
	height: auto;}
.telefono{
	padding: 10px 0 0 0;
	display: block;
	font-size: 1.5em;}
.flexslider{
	display: none;}
#fijaindex, #fijacocinas, #fijabanos, #fijaarmarios, #fijamesas{
	with: 100%;
	margin: 0 0 20px 0;}
#fijaindex img, #fijacocinas img, #fijaarmarios img, #fijabanos img, #fijamesas img{
	width: 100%;	
	height: auto;}
#slider .Flexible-container iframe{
	margin: 0 0 20px 0;}
#central .nav-collapse ul li .viendocon{
	color: #000;}
iframe{
	height: 250px;}
}



@media only screen 
and (min-width : 581px)
and (max-width : 960px) {
#bcabec, #bcentral, #bconten, #bfooter {
	clear: both;}
#container{
	width: 94%;
	margin: 30px auto 20px auto;}
#cabecera{
	width: 100%;	}
#logo {
	width: 50%;
	float: left;}
#info {
	width: 50%;
	float: right;
	text-align: right;}
#bcabec{
	color: #a79479;
	font-size: 14px;}
.nav-collapse {
	width: 100%;}
#imagen{
	width: 100%;}
#central{
	margin: 40px 0 0 0;	}
#central .nav-collapse ul{}
#central .nav-collapse ul li{
	float: left;
	width: 16.6%;
	display: inline;}
#central .nav-collapse ul li a{
	display: block;
	text-align: center;
	color: #AAA;
	border-left: 1px solid #8E7D60;
	font-size: 12px;}
#central .nav-collapse ul li a:hover{
	color: #000;}
.nav-collapse ul li a.con {	
	border-right: 1px solid #8E7D60;}
#central .nav-collapse ul li .viendocon{
	color: #000;
	border-right: 1px solid #8E7D60;}
#imagen{
	padding: 20px 0 0 0;
	width: 100%;
	height: 100%;
	clear: both;}
.flexlider{
	z-index: 1; position: relative;}
#taco{
	z-index: 2; position: absolute; margin: -180px 0 0 61%;}
#contenido {
	width: 100%;
	margin: 25px 0 0 0;
	line-height: 1.6em;
	font-size: 0.8em;}
#contenido p{
	font-size: 1.1em; line-height: 2em;}
#presen{
	margin: 0 0 40px 0;}
#presen h1{
	color: #ac9d83;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 10px 0;
	font-size: 1.7em;}
#presen h5{
	color: #000;
	font-weight: bold;
	margin: 10px 0 0 0;
	font-size: 1.1em; line-height: 1.9em;}
#fijaindex, #fijacocinas, #fijabanos, #fijaarmarios, #fijamesas{
	display: none;}
#cizquierda {
	width: 30%;
	float: left;
	margin: 0 5% 0 0; }
#ccentral {
	width: 30%;
	float: left; 
	margin: 0 0 0 0; }
#cderecha {
	width: 30%;
	float: right;
	margin: 0 0 0 0;  }
.textocol{
	margin: 30px 0 0 0;}
.textocol h2{
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #a79479;}
.textocol img{
	width: 100%;
	height: auto;}
#colderecha img{
	width: 100%;
	height: auto;}
footer{
	margin: 30px 0 0 0;
	padding: 0;}
#infofooter{
	width: 94%;
	margin: 0 auto 0 auto;
	padding: 50px 0 40px 0;}
#textofooter{
	width: 60%;
	float: left;}
address{
	font-style:normal;
	font-size: 0.9em;
	line-height: 2em;}
h3{
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 30px 0;}
h4{
	font-weight: normal;
	font-size: 15px;
	color: #666;
	margin: 0 0 5px 0;}
#imgfooter{
	width: 38%;
	float: right;
	margin: 0 2% 0 0;}
#imgfachada{
	width: 38%;
	float: right;
	margin: 0 2% 0 0;}
#imgfooter img{
	width: 100%;
	height: auto;}
#imgfachada img{
	width: 100%;
	height: auto;}
#ondarretalogo{
	width: 20%;
	float: right;
	margin: 0 2% 0 0;}
#ondarretalogo img{
	width: 85%;
	height: 85%;}
#montaje{
	margin: 20px 0 0 0;
	width: 100%;}
#montaje img{
	width: 100%;
	height: auto;}
}



@media only screen 
and (min-width : 960px){ 
#bcabec, #bcentral, #bconten, #bfooter {
	clear: both;}
#container {
	width: 960px;
	margin: 40px auto 20px auto;}
#cabecera{
	height: 68px;}
#logo, .nav-collapse {
	width: 142px;
	float: left;}
#bcabec{
	color: #a79479;}
#info, #imagen {
	width: 796px; 
	float: right;
	text-align: right;}
.flexlider{
	z-index: 1; position: relative;}
#taco{
	z-index: 2; position: absolute; margin: -180px 0 0 48%;}
#central{
	margin: 40px 0 0 0;	}
#central .nav-collapse ul li a{
	display: block;
	padding: 20px 0;
	color: #AAA;
	border-top: 1px solid #8E7D60;
	font-size: 14px;}
#central .nav-collapse ul li a:hover{
	color: #000;}
#central .nav-collapse ul li .viendocon{
	color: #000;}
#contenido {
	width: 796px;
	margin: 40px 0 0 164px;
	line-height: 1.6em;
	font-size: 0.8em;}
#contenido p{
	font-size: 1.2em; line-height: 2.1em;}
#presen{
	margin: 0 0 40px 0;}
#presen h1{
	color: #ac9d83;
	font-weight: normal;
	margin: 0 0 20px 0;
	font-size: 2.3em;}
#presen h5{
	color: #000;
	font-weight: bold;
	margin: 10px 0 0 0;
	font-size: 1.1em; line-height: 1.9em;}
#fijaindex, #fijacocinas, #fijabanos, #fijaarmarios, #fijamesas{
	display: none;}
#cizquierda {
	width: 250px;
	float: left;
	margin: 0 24px 0 0; }
#ccentral {
	width: 250px;
	float: left; 
	margin: 0 0 0 0; }
#cderecha {
	width: 250px;
	float: right;
	margin: 0 0 0 0;  }
.textocol{
	margin: 20px 0 0 0;
	}
.textocol h2{
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #a79479;}
.imgcol{
	height: 250px;
	background: #CCC;}
footer{
	margin: 60px 0 0 0;
	padding: 0;}
#infofooter{
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 80px 0 40px 0;}
#textofooter{
	width: 74%;
	float: left;}
address{
	font-style:normal;
	font-size: 0.9em;
	line-height: 2em;}
h3{
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 30px 0;}
h4{
	font-weight: normal;
	font-size: 17px;
	color: #666;
	margin: 0 0 5px 0;}
#imgfooter{
	width: 24%;
	float: right;
	margin: 0 2% 0 0;}
#imgfachada{
	width: 24%;
	float: right;
	margin: 0 2% 0 0;}
#montaje{
	margin: 20px 0 0 0;}
.menor {
	font-size: 0.8em;}
}