@charset "UTF-8";
/*estilos generales*/
*{
	margin: 0px;
	padding: 0px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}

body{
		@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro|Lato);

	width:100%;
	font-size:65%;
	font-family:Arial, Helvetica, sans-serif;}

.izk{
	float:left;}
.facebook{}
.limpiar{
	clear:both;}
li{
	list-style-type:none;}
a{
	text-decoration:none;}

p{
	color:#666;
	font-size: 1.4em;
	line-height: 200%;}
.cursiva{
	font-style: italic;
	}	
.izk{
	float:left;}	
.izk2{
	padding-left:3em;
	float:left;}
.fb-like{
	color:#FFF;}	
.visible{
	visibility:hidden;
	display:none;}
.visible2{
	visibility:hidden;
	display:none;}
.telefono{
	margin-left:0;
	padding-left:0;
	text-align:left;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: 800;
	}

	
	/* ESTILOS DEL SLIDESHOW */
 
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
 
 
.bjqs-caption{
color:black;
background:whitesmoke;
opacity:.75;
}
/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers{
	display:none;}
ol.bjqs-markers li a{
	display:none;
}
li.active-marker a, ol.bjqs-markers li a:hover{
	display:none;}
 
/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
display: none;
visibility:hidden;
}
ul.bjqs-controls.v-centered li a:hover{
	display:none;
}




#general{
	font-family:Arial, Helvetica, sans-serif;
	width:100%;}
	
	
	
	
/*cabecera*/
header.primera{
	z-index: 11;
	position:fixed;
	width: 100%;
	height: 168px;
	background-color: rgba(241, 237, 229, 0.8);
	background: rgba(241, 237, 229, 0.8);
	color: rgba(241, 237, 229, 0.8);
	border-bottom-width: 26px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

header{
	z-index: 11;
	position:fixed;
	width: 100%;
	height: 168px;
	background-color:#f1ede5;
	border-bottom-width: 26px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
a img{
	border:none;}
	
	
#top{background-color:#333; color:#FFF; width:100%; text-align:right; height:24px; margin-bottom:0px; padding-right:2em;}
#top h1 a{ color:#FFF; font-size:0.6em; text-align:right;font-family:Arial, Helvetica, sans-serif; font-weight:lighter;padding-top:0; padding-bottom:1em;}

.cabecera{
	text-align:center;
	height:auto;
	width:75%;
	margin-left:auto;
	margin-right:auto;}

#logo{width:100%;height:auto;text-align:center; display:block; margin-bottom:0.4em; margin-top:1em;}
#logo a img { max-width:290px; text-decoration:none; border:none;}
#logo a {text-decoration:none; border:none;}


.imagencabecera{
	max-width:2000px;
	min-width:300px;}

<!--menu-->

.menu {
	text-align:center;
	width:100%;
	background-color:#333;
	height:40px;
	position:absolute;
	z-index:12;}
nav {
	position: relative;
	margin: 0;
	border: none;
}
nav #menu {
	float: none;
	position: relative;
	display: inline-block;
}
nav ul {
	position: relative;
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
}
nav #menu li:first-child {
	position: relative;
	zoom: 1;
	background: none;
}
nav #menu li {
	float: left;
	padding: 0 26px 0 27px;
	position: relative;
	zoom: 1;
}
nav #menu li a {

	font-size:1.2em;
	text-decoration: none;
	color: #fff;
	padding: 0;
	border: none;
	border-radius: 0;
}
nav #menu li a:hover {
	color:#C96;
}	
	
.botonmenu {
	display:none;
	cursor: pointer;}


#contenidodem{
	width:100%;
	height:28px;
	padding-top:0.8em;
	padding-bottom:0.5em;}


/*col*/


#contenido{
	overflow:hidden;
	height:auto;
	width:100%;
	/*background-color:f1ede5;*/
	padding-top:0.5em;
	padding-bottom:1em;
	height:auto;}
	
#contenido2{
	overflow:hidden;
	height:auto;
	width:100%;
	background-color:#F4F1EA;
	padding-top:0.5em;
	padding-bottom:5em;}
	
#col{
	height:auto;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:75%;}
	
#col p{
	margin-top: 2em;
	text-align:justify;}
	
#col h2{
font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	color:#C96;
	font-size:3em;}
	
#col a{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	color: #C96;
	font-style: italic;}
	
	
	
	
#col1{
	float:left;
	width:33.3%;
	padding-left:2em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;}
	
#col1 h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size:3em;
	text-align:left;
	color:#333;
	padding-bottom:0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C96;}
	
#col1 h4{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size:2em;
	text-align:left;
	color:#C96;
	padding-bottom:0em;
	padding-top:2em;
	font-style: italic;}
		
#col1 p.men{
	margin-bottom:0em;
	font-size:1.4em;
	text-align: left;}
#col2{
	float:left;
	width:33.3%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;}
	
#col2 h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size:3em;
	text-align:left;
	color:#333;
	padding-bottom:0.5em;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C96;}
	
#col2 h4{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size:2em;
	text-align:left;
	color:#C96;
	padding-bottom:0em;
	padding-top:2em;
	font-style: italic;}
	
#col2 p.men{
	margin-bottom:0em;
	font-size:1.4em;
	text-align: left;}
	
	
	

#col3{
	float:left;
	width:33.3%;
	padding-left:4em;
	padding-right:2em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;
}
#col3 h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size:3em;
	text-align:left;
	color:#333;
	padding-bottom:0.5em;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C96;}
	
#col3 h4{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size: 2em;
	text-align: left;
	color: #C96;
	padding-bottom: 0.2em;
	padding-top: 2em;
	font-style: italic;}
	
#col3 p.men{
	margin-bottom:0em;
	font-size:1.4em;
	text-align: left;}
	
	
/*columnas index*/
.descubre{
	text-align:center;
font-family: 'Tangerine', cursive;font-size:5em;
color:#C5A10D;}
#contenidoindex{
	overflow:hidden;
	height:auto;
	width:100%;
	/*background-color:f1ede5;*/
	padding-top:0.5em;
	padding-bottom:1em;
	height:auto;}
	
#colindex{
	height:auto;
	position:relative;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;}
	
#col1inde{
	max-width:400px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
	#col2inde{
	max-width:400px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	margin-left:1em;
	margin-right:1em;}
	#col3inde{
	max-width:400px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col1inde a{
	overflow:auto;
	background-image:url(images/001.png);
	float:left;
	width:400px;
	height:350px;}
	
#col1inde a:hover {
	background-image:url(images/002.png);}
	
	
#col2inde a{
	background-image:url(images/003.png);
	float:left;
	width:400px;
	height:350px;}

	
#col3inde a{
background-image:url(images/005.png);
	float:left;
	width:400px;
	height:350px;

}
#col2inde a:hover{
	background-image:url(images/004.png);}
	
	
#col3inde a:hover{
	background-image:url(images/006.png);}



	
	


	
/*otras columnas*/	
	
#col4{
	float:left;
	width:50%;
	padding-left:2em;
	padding-right:2em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;}
	
#col4 h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:2.5em;
	color: #C96;
	font-weight: lighter;
	font-style: italic;
	text-align:left;
	margin-top:1em;}
	
#col5{
	float:left;
	width:50%;
	padding-left:2em;
	padding-right:2em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;
}
/*PAGINA DE MENUS*/

#menus{
	background-color:#fff;
	background-image: url(images/aa.jpg);
	text-align: center;
	color:#CCC;
	width: 100%;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 200px;
	padding-bottom: 0em;
	background-repeat: no-repeat;}
#menus h2{
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center;
	font-weight: lighter;
	font-size:3em;
	color:#FFF;
	padding-bottom:0em;}
	
#menus h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:2.5em;
	color: #C96;
	font-weight: lighter;
	font-style: italic;}
#menus p{
	color:#CCC;}
#vinos{
	background-color:#fff;
	background-image: url(images/vinos.jpg);
	text-align: center;
	color:#CCC;
	width: 100%;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 200px;
	padding-bottom: 0em;
	background-repeat: no-repeat;}
#vinos h2{
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center;
	font-weight: lighter;
	font-size:3em;
	color:#FFF;
	padding-bottom:0em;}
	
#vinos h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:2.5em;
	color: #C96;
	font-weight: lighter;
	font-style: italic;}
#vinos p{
	color:#CCC;}
#col6{
	text-align: center;
	width: 100%;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 3em;
	padding-bottom: 0em;
}
	
#col6 p{
	text-align:center;}
	
#col6 h2{
	font-family: 'Source Sans Pro', sans-serif;
	text-align:center;
	font-weight: lighter;
	font-size:3em;
	color:#333;
	padding-bottom:0em;}
	
#col6 h3{
	font-family: 'Source Sans Pro', sans-serif;
	font-size:2.5em;
	color: #C96;
	font-weight: lighter;
	font-style: italic;}
	
/*antes de la galeria*/	
#contenidogal{
	padding-top:150px;
	background-color:#c1baa8;
	overflow:hidden;
	height:auto;
	width:100%;
	/*background-color:f1ede5;*/
		padding-bottom:1em;
	height:auto;}
	
.img-saja{
	max-width:675px;
	min-width:300px;}
.descubre2{
	font-family: 'Source Sans Pro', sans-serif;
	color: #333;
	font-size: 2em;
	font-style: normal;
	font-weight: lighter;
}

#col7{
	float:left;
	width:50%;}

#col8{
	padding-left:3em;
	float:left;
	height:auto;
	width:50%}

#col8 p{
		font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size: 1.8em;
	color: #333;
	font-weight: 100;
}	

#recuadro{
	text-align: left;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	margin-bottom:8em;
	padding-top:2px;
	-webkit-box-shadow: inset 0 0 0 3px #c1baa8;
	-moz-box-shadow: inset 0 0 0 3px #c1baa8;
	box-shadow: inset 0 0 0 3px #c1baa8;
}
.restaurante{
	font-family: 'Tangerine', cursive;
	font-size:3em;
color:#C5A10D;
	}

.mapa{
	margin-top:3em;
	max-width:600px;
	height:400px;}
	
	
/*galeria*/
#galeria{
	overflow:hidden;
	max-width:60%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;}
	
.galeria1{
	overflow:hidden;
	display: inline-block;
	max-width:350px;
	height:350px;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom:0px;
	margin: 0 auto;}

#galeria .galeria1 a img:hover{
opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}



/*pie*/

footer{
	border-top: 20px solid #171717;
	background-image:url(images/pie.jpg);
	color:#f1ede5;
	width:100%;
	}
#contenidopie{
	text-align:center;
	margin:auto;
	width:50%;}
#contenidopie a{
		color:#f1ede5;
	}
#contenidopie a:hover {
	color:#C96;
}
#contenidopie h2{
	font-family: 'Source Sans Pro', sans-serif;
	color:#C96;
	font-weight: lighter;
	font-size:2.5em;
	margin-bottom:0.5em;}
#contenidopie h2 a{
	font-family: 'Source Sans Pro', sans-serif;
	color:#C96;}
#contenidopie p{
	color:#999;
	text-align:justify;}	

#colpie1{
	text-align:left;
	float:left;
	width:50%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:3em;
}#colpie2{
	text-align:left;
	float:left;
	width:50%;
	padding-left:12em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:3em;
}

.mapapie{
	max-width:300px;
	margin-top:1em;}

#final{
	padding-top:1.5em;
	color:#f1ede5;
	width:100%;
	background-color:#171717;
	width:100%;
	text-align:center;}
#final p{
	width:100%;
	font-size:1.3em;
	text-align:center;}
	
#final a{
		color:#f1ede5;
	}
#final a:hover {
	color:#C96;
}
	
	
@media (min-width:1470px) and (max-width: 1600px){
body{
	font-size:63%;}	
#col7{
	float:left;
	width:50%;}

#col8{
	padding-left:2em;
	float:left;
	height:auto;
	width:50%}

#col8 p{
	font-size: 1.5em;
	color: #333;
	font-weight: 100;
}	
#col1 p.men{
	margin-bottom:0em;
	font-size:1.2em;
	text-align: left;}
#col2 p.men{
	margin-bottom:0em;
	font-size:1.2em;
	text-align: left;}
#col3 p.men{
	font-size:1.2em;
	}
#recuadro{
-webkit-box-shadow: inset 0 0 0 3px #c1baa8;
	-moz-box-shadow: inset 0 0 0 3px #c1baa8;
	box-shadow: inset 0 0 0 3px #c1baa8;
}}
	
@media (min-width:1100px) and (max-width: 1470px){
body{
	font-size:61%;}	

#col7{
	float:left;
	width:50%;}

#col8{
	padding-left:2em;
	float:left;
	height:auto;
	width:50%}

#col8 p{
	font-size: 1.3em;
	color: #333;
	font-weight: 100;
}	
#recuadro{
-webkit-box-shadow: inset 0 0 0 3px #c1baa8;
	-moz-box-shadow: inset 0 0 0 3px #c1baa8;
	box-shadow: inset 0 0 0 3px #c1baa8;
}
#col1{
	float:left;
	width:50%;
	padding-left:2em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;}
	
#col2{
	float:left;
	width:50%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;}
	
#col3{
	clear:both;
	float:none;
	width:50%;
	padding-left:4em;
	padding-right:2em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;}


/*antes de la galeria*/		
.izk2{
	padding-left:2em;
	float:left;}
#contenidopie{
	text-align:center;
	margin:auto;
	width:75%;}
#contenidopie p{
	color:#FFF;
	text-align:justify;
	font-size:1.2em}	
#colpie3{
	text-align:left;
	float:left;
	width:33.3%;
	padding-left:4em;
	padding-right:3em;
	padding-top:3em;
	padding-bottom:2em;
}
#final p{
	width:100%;
	font-size:1.2em;
	text-align:center;}
	
#col2inde{
	max-width:2¡300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	margin-left:1em;
	margin-right:1em;}
	#col3inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col1inde a{
	overflow:auto;
	background-image:url(images/007.png);
	float:left;
	width:300px;
	height:263px;}
	
#col1inde a:hover {
	background-image:url(images/008.png);}
	
	
#col2inde a{
	background-image:url(images/009.png);
	float:left;
	width:300px;
	height:263px;}

#col2inde a:hover {
	background-image:url(images/010.png);}
#col3inde a{
background-image:url(images/011.png);
	float:left;
	width:300px;
	height:263px;

}
	
	#col3inde a:hover {
	background-image:url(images/012.png);}
}
	

@media (min-width:900px) and (max-width: 1100px){
	
body{
	font-size:59%;}	
#col7{
	float:left;
	width:50%;}

#col8{
	padding-left:2em;
	float:left;
	height:auto;
	width:50%}

#col8 p{
	font-size: 1.1em;
	color: #333;
	font-weight: 100;
}	
#col1inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col2inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	margin-left:1em;
	margin-right:1em;}
	#col3inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col1inde a{
	overflow:auto;
	background-image:url(images/007.png);
	float:left;
	width:300px;
	height:263px;}
	
#col1inde a:hover {
	background-image:url(images/008.png);}
	
	
#col2inde a{
	background-image:url(images/009.png);
	float:left;
	width:300px;
	height:263px;}

#col2inde a:hover {
	background-image:url(images/010.png);}
#col3inde a{
background-image:url(images/011.png);
	float:left;
	width:300px;
	height:263px;

}
	
	#col3inde a:hover {
	background-image:url(images/012.png);}
	

#col1{
	float:none;
	clear:both;
	width:100%;
	padding-left:0em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;}
	
#col2{
	float:none;
	clear:both;
	width:100%%;
	padding-left:0em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;}
	
#col3{
	clear:both;
	float:none;
	width:100%;
	padding-left:0em;
	padding-right:2em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;}
#recuadro{
	-webkit-box-shadow: inset 0 0 0 3px #c1baa8;
	-moz-box-shadow: inset 0 0 0 3px #c1baa8;
	box-shadow: inset 0 0 0 3px #c1baa8;
}

}

@media (min-width:860px) and (max-width: 1100px){
#col7{
	float:left;
	width:50%;}

#col8{
	padding-left:2em;
	float:left;
	height:auto;
	width:50%}

#col8 p{
	font-size:1em;
	color: #333;}	
#recuadro{
-webkit-box-shadow: inset 0 0 0 3px #c1baa8;
	-moz-box-shadow: inset 0 0 0 3px #c1baa8;
	box-shadow: inset 0 0 0 3px #c1baa8;
}
.visible{
	visibility:visible;
	display:block;}
.visible2{
	visibility:hidden;
	display:none;}
header.primera{
	z-index: 11;
	position:fixed;
	width: 100%;
	height: 168px;
background-color: rgba(241, 237, 229, 0.8);
	background: rgba(241, 237, 229, 0.8);
	color: rgba(241, 237, 229, 0.8);	border-bottom-width: 26px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#col1inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col2inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	margin-left:1em;
	margin-right:1em;}
	#col3inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col1inde a{
	overflow:auto;
	background-image:url(images/013.png);
	float:left;
	width:230px;
	height:201px;}
	
#col1inde a:hover {
	background-image:url(images/014.png);}
	
	
#col2inde a{
	background-image:url(images/015.png);
	float:left;
	width:230px;
	height:201px;}

#col2inde a:hover {
	background-image:url(images/016.png);}
#col3inde a{
background-image:url(images/017.png);
	float:left;
	width:230px;
	height:201px;

}
	
	#col3inde a:hover {
	background-image:url(images/018.png);}
	

/*menu*/
nav #menu li {
	float: left;
	padding: 0 15px 0 16px;
	position: relative;
	zoom: 1;
}

.izk2{
	padding-left:2em;
	float:left;}
	
#contenidopie{
	text-align:center;
	margin:auto;
	width:75%;}
#contenidopie a{
		color:#f1ede5;
	}
#contenidopie a:hover {
	color:#C96;
}
#contenidopie h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size:2.5em;
	margin-bottom:0.5em;}
#contenidopie p{
	color:#FFF;
	text-align:justify;
	font-size:1.2em}	

#colpie1{
	text-align:left;
	float:left;
	width:50%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
}#colpie2{
	text-align:left;
	float:left;
	width:50%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
}
#colpie3{
	clear:both;
	float:none;
	width:100%;
	padding-left:4em;
	padding-right:3em;
	padding-top:3em;
	padding-bottom:3em;
}
#final{
	margin-top:3em;
	width:100%;
	text-align:center;}
#final p{
	width:100%;
	font-size:1.2em;
	text-align:center;}







}

@media (min-width:700px) and (max-width: 859px){
.visible{
	visibility:visible;
	display:block;}
.visible2{
	visibility:hidden;
	display:none;}
body{
	font-size:59%}
	
#col7{
	float:none;
	width:100%;}

#col8{
	padding-top:2em;
	padding-bottom:2em;
	padding-left:4em;
	float:none;
	height:auto;
	width:100%}

#col8 p{
	font-size: 1.6em;
	color: #333;
	font-weight: 100;
}	

#recuadro{
	text-align: left;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	margin-bottom: 7em;
	padding-top:0px;
	-webkit-box-shadow: inset 0 0 0 2px #c1baa8;
	-moz-box-shadow: inset 0 0 0 2px #c1baa8;
	box-shadow: inset 0 0 0 2px #c1baa8;
}
header.primera{
	z-index: 11;
	position:fixed;
	width: 100%;
	height: 168px;
	background-color: rgba(241, 237, 229, 0.8);
	background: rgba(241, 237, 229, 0.8);
	color: rgba(241, 237, 229, 0.8);
	border-bottom-width: 26px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#col1inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col2inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	margin-left:1em;
	margin-right:1em;}
	#col3inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col1inde a{
	overflow:auto;
	background-image:url(images/013.png);
	float:left;
	width:230px;
	height:201px;}
	
#col1inde a:hover {
	background-image:url(images/014.png);}
	
	
#col2inde a{
	background-image:url(images/015.png);
	float:left;
	width:230px;
	height:201px;}

#col2inde a:hover {
	background-image:url(images/016.png);}
#col3inde a{
background-image:url(images/017.png);
	float:left;
	width:230px;
	height:201px;

}
	
#col3inde a:hover {
	width:230px;
	height:201px;
	background-image:url(images/018.png);}

/*menu*/
nav #menu li {
	float: left;
	padding: 3px 10px 0 11px;
	position: relative;
	zoom: 1;
}

/*columnas*/
#col1{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:1.5em;
	padding-bottom:0em;
}
#col p{
	margin-top:0.5em;
	}
#col1 p{ text-align:center;
}
#col2{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:0em;
	padding-bottom:0em;
}
#col2 p{ text-align:center;
}
#col3{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:0em;
	padding-bottom:0em;
	margin-bottom:2em;
}
#col3 p{ text-align:center;
}
#col4{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:5em;
	padding-bottom:2em;
	margin-bottom:2em;
}
#col5{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;
}
.mapa{
	margin-top:0em;
	max-width:600px;
	height:400px;}

.izk2{
	padding-left:2em;
	float:left;}
	
#contenidopie{
	text-align:center;
	margin:auto;
	width:75%;}
#contenidopie a{
		color:#f1ede5;
	}
#contenidopie a:hover {
	color:#C96;
}
#contenidopie h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size:2.5em;
	margin-bottom:0.5em;}
#contenidopie p{
	color:#FFF;
	text-align:justify;
	font-size:1.2em}	

#colpie1{
	text-align:left;
	float:left;
	width:50%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
}#colpie2{
	text-align:left;
	float:left;
	width:50%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
}
#colpie3{
	clear:both;
	float:none;
	width:100%;
	padding-left:4em;
	padding-right:3em;
	padding-top:3em;
	padding-bottom:3em;
}
#final{
	margin-top:3em;
	width:100%;
	text-align:center;}
#final p{
	width:100%;
	font-size:1.2em;
	text-align:center;}

}

@media (min-width:600px) and (max-width: 700px){

	
#col7{
	float:none;
	width:100%;}

#col8{
	padding-top:2em;
	padding-bottom:2em;
	padding-left:4em;
	float:none;
	height:auto;
	width:100%}

#col8 p{
	font-size: 1.6em;
	color: #333;
	font-weight: lighter;
}	
#recuadro{
	text-align: left;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	margin-bottom: 7em;
	padding-top:0px;
	-webkit-box-shadow: inset 0 0 0 0 #c1baa8;
	-moz-box-shadow: inset 0 0 0 0 #c1baa8;
	box-shadow: inset 0 0 0 0 #c1baa8;
}
	.visible{
	visibility:visible;
	display:block;}
.visible2{
	visibility:hidden;
	display:none;}
header.primera{
	z-index: 11;
	position:fixed;
	width: 100%;
	height: 168px;
background-color: rgba(241, 237, 229, 0.8);
	background: rgba(241, 237, 229, 0.8);
	color: rgba(241, 237, 229, 0.8);	border-bottom-width: 26px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
	
body{
	font-size:59%}


/*menu*/
nav #menu li {
	float: left;
	padding: 3px 6px 0 7px;
	position: relative;
	zoom: 1;
}

/*columnas*/
#col1{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:1.5em;
	padding-bottom:0em;
}
#col p{
	margin-top:0.5em;
	}
#col1 p{ text-align:center;
}
#col2{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:0em;
	padding-bottom:0em;
}
#col2 p{ text-align:center;
}
#col3{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:0em;
	padding-bottom:0em;
	margin-bottom:2em;
}
#col3 p{ text-align:center;
}
#col4{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:5em;
	padding-bottom:2em;
	margin-bottom:2em;
}
#col5{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;
}
.mapa{
	margin-top:0em;
	max-width:600px;
	height:400px;}

.izk2{
	padding-left:2em;
	float:left;}
	
#contenidopie{
	text-align:center;
	margin:auto;
	width:75%;}
#contenidopie a{
		color:#f1ede5;
	}
#contenidopie a:hover {
	color:#C96;
}
#contenidopie h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size:2.5em;
	margin-bottom:0.5em;}
#contenidopie p{
	color:#FFF;
	text-align:justify;
	font-size:1.2em}	

#colpie1{
	text-align:left;
	float:none;
	width:100%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
}#colpie2{
	text-align:left;
	float:none;
	width:100%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
}
#colpie3{
	clear:both;
	float:none;
	width:100%;
	padding-left:4em;
	padding-right:3em;
	padding-top:3em;
	padding-bottom:3em;
}
#final{
	margin-top:3em;
	width:100%;
	text-align:center;}
#final p{
	width:100%;
	font-size:1.2em;
	text-align:center;}
	
#col1inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col2inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	margin-left:1em;
	margin-right:1em;}
	#col3inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col1inde a{
	overflow:auto;
	background-image:url(images/013.png);
	float:left;
	width:230px;
	height:201px;}
	
#col1inde a:hover {
	background-image:url(images/014.png);}
	
	
#col2inde a{
	background-image:url(images/015.png);
	float:left;
	width:230px;
	height:201px;}

#col2inde a:hover {
	background-image:url(images/016.png);}
#col3inde a{
background-image:url(images/017.png);
	float:left;
	width:230px;
	height:201px;

}
	
#col3inde a:hover {
	width:230px;
	height:201px;
	background-image:url(images/018.png);}


}

@media (max-width: 600px) {
.descubre{
	text-align:center;
font-family: 'Tangerine', cursive;font-size:3em;
color:#C5A10D;}
#col1inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col2inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	margin-left:1em;
	margin-right:1em;}
	#col3inde{
	max-width:300px;
	min-width:50px;
	display:inline-block;
	margin-top:2em;
	margin-bottom:3em;
	}
#col1inde a{
	overflow:auto;
	background-image:url(images/007.png);
	float:left;
	width:300px;
	height:263px;}
	
#col1inde a:hover {
	background-image:url(images/008.png);}
	
	
#col2inde a{
	background-image:url(images/009.png);
	float:left;
	width:300px;
	height:263px;}

#col2inde a:hover {
	background-image:url(images/010.png);}
#col3inde a{
background-image:url(images/011.png);
	float:left;
	width:300px;
	height:263px;

}
	
	#col3inde a:hover {
	background-image:url(images/012.png);}
	
#contenidogal{
	padding-top:150px;
	background-color:#c1baa8;
	overflow:hidden;
	height:auto;
	width:100%;
	/*background-color:f1ede5;*/
	padding-top:0em;
	padding-bottom:0em;
	height:auto;}
.galeria1{
	overflow:hidden;
	display: inline-block;
	max-width:350px;
	height:auto;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-bottom:0px;
	margin: 0 auto;
	margin-bottom:0px;}
	
#col7{
	float:none;
	width:100%;}

#col8{
	padding-top:2em;
	padding-bottom:2em;
	padding-left:2em;
	float:none;
	height:auto;
	width:100%}

#col8 p{
	font-size: 0.8em;
	color: #333;
	font-weight: 100;
}	
#recuadro{
	text-align: left;
	overflow: hidden;
	background-color: #fff;
	width: 100%;
	margin-bottom: 3em;
	padding-top:0px;
	-webkit-box-shadow: inset 0 0 0 0 #c1baa8;
	-moz-box-shadow: inset 0 0 0 0 #c1baa8;
	box-shadow: inset 0 0 0 0 #c1baa8;
}
	.visible{
	visibility:visible;
	display:block;}
.visible2{
	visibility:visible;
	display:block;}
.invisible{
	visibility:hidden;
	display:none;}
header.primera{
	z-index: 11;
	position:fixed;
	width: 100%;
	height: 168px;
	background-color:#f1ede5;
	border-bottom-width: 26px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	margin-bottom:0px;
}
#logo{width:100%;height:auto;text-align:center; display:block; margin-bottom:0.4em; margin-top:1em;}
#logo a img { max-width:290px;
min-width:100px;}

.container{
	float:none;
	width:100%;
	height:50px;
	margin-top:7em;}

		
.tm_navbar{
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	text-align: center;
	height: 3em;
	background-color: #FFF;}

.tm_navbar .nav{
	
	margin-left: auto;
	margin-right: auto;}
	
.tm_navbar .nav li{
	
	list-style-type:none;}
	
.tm_navbar .nav li a{
	margin-top:0.5em;
	width:100%;
	font-size:1.2em;
	color:#666;
	display:block;
	text-decoration:none;
	float:left;}
nav #menu{
	display:none}
#menu {
	background-image:none;
	display: none;
	width:100%;
	height: auto;
	background-color: #333;
	padding: 0px;
	padding-bottom:1em;}	

nav #menu li {
	float: none;
	padding: 10px 26px 3px 27px;
	position: relative;
	zoom: 1;
}
.nav li a{
	width:100%;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#900;
	font-size: 14px;
	height: 40px;
	line-height: 35px;}

.nav li a:hover{
	text-decoration: none;}

.botonmenu {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	display: block;
	color:#F9F8F2;
	width: 100%;
	height: 16px;
	line-height:1px;
	margin-right: auto;
	margin-left: auto;}
	
	/*columnas*/
#col1{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:1.5em;
	padding-bottom:0em;
}
#col p{
	margin-top:0.5em;
	}
#col1 p{ text-align:center;
}
#col2{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:0em;
	padding-bottom:0em;
}
#col2 p{ text-align:center;
}
#col3{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:0em;
	padding-bottom:0em;
	margin-bottom:2em;
}
#col3 p{ text-align:center;
}
#col4{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;
}
#col5{
	float:none;
	width:100%;
	padding-left:2em;
	padding-right:2em;
	padding-top:3em;
	padding-bottom:2em;
	margin-bottom:2em;
}
.mapa{
	margin-top:0em;
	max-width:300px;
	height:auto;}


.izk2{
	padding-left:2em;
	float:left;}
	
#contenidopie{
	text-align:center;
	margin:auto;
	width:75%;}
#contenidopie a{
		color:#f1ede5;
	}
#contenidopie a:hover {
	color:#C96;
}
#contenidopie h2{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size:2.5em;
	margin-bottom:0.5em;}
#contenidopie p{
	color:#FFF;
	text-align:justify;
	font-size:1.2em}	

#colpie1{
	text-align:left;
	float:none;
	width:100%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
}#colpie2{
	text-align:left;
	float:none;
	width:100%;
	padding-left:4em;
	padding-right:4em;
	padding-top:3em;
	padding-bottom:2em;
}
#colpie3{
	clear:both;
	float:none;
	width:100%;
	padding-left:4em;
	padding-right:3em;
	padding-top:3em;
	padding-bottom:3em;
}
#final{
	margin-top:3em;
	width:100%;
	text-align:center;}
#final p{
	width:100%;
	font-size:1.2em;
	text-align:center;}


}
/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}