@charset "utf-8";
@import "reset.css";
@import "../tipo/stylesheet.css";
/* _____TIPOS_____ */
/*
@import url(http://fonts.googleapis.com/css?family=Oswald);
@font-face{
	font-family: Oswald_pc;
	src: url(../tipo/Oswald-Regular.ttf);
	}
@import url(http://fonts.googleapis.com/css?family=Karla:400,700,400italic);
@font-face{
	font-family: Karla_pc;
	src: url(../tipo/Karla-Regular.ttf);
	}
@font-face{
	font-family: Karla_b;
	src: url(../tipo/Karla-Bold.ttf);
	}
@font-face{
	font-family: Karla_i;
	src: url(../tipo/Karla-Italic.ttf);
	}
*/
/* _____GENERAL_____ */
html, body{
	font-family: 'Karla', Karla_pc, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background: url(../img/bg.png) repeat;
	}
#content{
	width: 896px;
	margin: 0 auto 28px auto;
	}
.content{
	display: inline-block;
	}
.content_left{
	width: 644px;
	float:left;
	margin-right: 14px;
	}
#map{
	width: 644px;
	height: 362px;
	background-color:#0CF;
	}
.content_right{
	width: 224px;
	float: right;
	padding-left: 13px;
	border-left: 1px solid #DFDFDF;
	}
h1, h2, h3, h4, h5, h6{
	font-family: 'Oswald', Oswald_pc, Arial, Helvetica, sans-serif;
	color:#444;
	}
h1{
	font-size: 28px;
	margin-top: 15px;
	text-transform:uppercase;
	}
h2{
	clear:both;
	font-size: 18px;
	text-transform:uppercase;
	word-spacing: 3px;
	margin: 5px 0 ;
	}
h3{
	font-size: 16px;
	text-transform:uppercase;
	margin-left: 14px;
	}
h4{
	font-size: 14px;
	margin-left: 28px;
	}
h5{
	font-size: 14px;
	text-transform:uppercase;
	border: 1px solid #999;
	padding: 0 0 5px 7px;
	background-color: #1D2F3D;
	color: #FFF;
	margin-top: 7px;
	}
h6{
	color: #FFF;
	font-size: 11px;
	}
p{
	line-height: 17px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
	}
hr{
	border-top: 1px solid #DFDFDF;
	margin: 7px auto;
	width: 100%;
	}
.tit3{
	margin-left: 14px;
	}
.tit4{
	margin-left: 28px;
	}
.tit_cocina{
	margin-left: 14px;
	list-style:circle;
	}
img{
	margin: 7px 0;
	}
.center{
	text-align:center;
	}
.azul{
	color: #4DC7D5;
	}
.rojo{
	color: #900;
	}
.hide{
	display:none;
}
.float_left{
	clear:both;
	float:left;
	margin: 0 14px 7px 0;
	}
.float_right{
	clear:both;
	float:right;
	margin: 0 0 7px 14px;
	}
.historia{
	marign: 0;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	cursor: pointer;
	}
/* _____MENU PRINCIPAL_____ */
#barra_p{
	width:100%;
	height:40px;
	background-color: #4DC7D5;	
	}
.menu_p{
	background:url(../img/logo.png) no-repeat;
	font-size: 16px;
	width: 980px;
	height:40px;
	margin: 0 auto;
	}
.menu_p ul{
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 42px;}
.menu_p li{
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	height: 40px;
	}
.menu_p a{
	display: inline-block;
	padding: 10px 7px 2px 7px;
	height: 28px;
	color:#FFF;
	}
.menu_p a:hover{
	background-color: #2E8185;	
	}
#active_p{
	background-color:  #1D2F3D; /*#1D2F3D;	*/
	color: #4DC7D5; 
	}
/* _____MENU SECUNDARIO_____ */
#barra{
	width:100%;
	height:2px;
	background: #1D2F3D url(../img/border.png) bottom repeat-x;
	box-shadow: 0px 1px 1px 2px rgba(90, 90, 90, 0.25);
	-webkit-box-shadow: 0px 1px 1px 2px rgba(90, 90, 90, 0.25);
	-moz-box-shadow: 0px 1px 1px 2px rgba(90,90,90,0.25);
	}
#barra_s{
	width:100%;
	height:28px;
	background: #1D2F3D url(../img/border.png) bottom repeat-x;
	box-shadow: 0px 1px 1px 2px rgba(90, 90, 90, 0.25);
	-webkit-box-shadow: 0px 1px 1px 2px rgba(90, 90, 90, 0.25);
	-moz-box-shadow: 0px 1px 1px 2px rgba(90,90,90,0.25);
	}
.menu_s1{
	font-size: 14px;
	width: 980px;
	height:28px;
	margin: 0 auto;
	}
.menu_s1 ul{
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 42px;
	}
.menu_s1 li{
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
	height: 28px;
	}
.menu_s1 a{
	display: inline-block;
	padding: 6px 7px 1px 7px;
	height: 21px;
	color:#FFF;
	}
.menu_s1 a:hover{
	background-color: #2E8185;	
	}
#active_s{
	color: #4DC7D5;
	}
/* ____MENU SECUNDARIO BUSQUEDA____ */	
.searching{
	width: 896px;
	margin: 0 auto;
	}
#meses{
	float:left;
	width: 250px;
	margin-top:4px;
	margin-left:7px;
	}
#fulltext{
	text-align:right;
	float:right;
	width: 300px;
	margin-top:4px;
	}
#fulltext form label{
	float: left;
	color: #FFF;
	}
.searching form select, .searching form input{
	font-size: 10px;
	}
#submit1, #submit2{
	background:url(../img/lupa.png) no-repeat;
	border: none;
	cursor: pointer;
	}
/* ____FOOTER____ */
#barra_f{
	font-size: 12px;
	color: #DFDFDF;
	width:100%;
	background: #1D2F3D url(../img/border2.png) repeat-x;
	display:inline-block;
	box-shadow: 0px -1px 1px 2px rgba(90, 90, 90, 0.25);
	-webkit-box-shadow: 0px -1px 1px 2px rgba(90, 90, 90, 0.25);
	-moz-box-shadow: 0px -1px 1px 2px rgba(90,90,90,0.25);
	}
#footer ol{
	margin: 3px 2px;
	}
#footer li{
	margin: 1px 0;
	}
#footer{
	margin: 0 auto;
	width:896px;
	}
#footer a{
	color: #2E8185;	
	}
#footer a:hover{
	color: #DFDFDF;	
	text-decoration: underline;
	}
#f_menu_p{
	margin: 14px;
	float: left;
	}
#f_menu{
	margin: 14px;
	float: right;
	}
.menus_f{
	padding: 0 7px; 
	float: right;
	border-right: 1px dotted #2E8185;
	}
#active_f{
	text-decoration:underline;
	}
/*____________INDEX_______________*/
.index{
	margin: 14px 0 0 0;
	height: 950px;
	width: 896px;
	background-color: rgba(77,199,213, 1);
	box-shadow: 0px 0px 3px 3px rgba(170, 170, 170, 0.25);
	-webkit-box-shadow: 0px 0px 3px 3px rgba(170, 170, 170, 0.25);
	-moz-box-shadow: 0px 0px 3px 3px rgba(170,170,170,0.25);
	}
.index img{
	margin: 0;
	}
#content_index{
	position: absolute;
	}
#content_index a{
	display: inline-block;
	}
#foto1, #foto2, #foto3, #foto4, #foto5, #foto6, #foto7, #foto8, #foto9, #foto10, #foto11, #foto12, #foto13, #foto14{
	/*border: 3px solid #DFDFDF;*/
	position: absolute;
	}
#foto1 h2, #foto2 h2, #foto3 h2, #foto4 h2, #foto5 h2, #foto6 h2, #foto7 h2, #foto8 h2, #foto9 h2, #foto10 h2, #foto11 h2, #foto12 h2, #foto13 h2, #foto14{
	width: 100%;
	position: absolute;
	*position: relative;
	bottom: 0px;
	left: 0;
	text-align: right;
	display: block;
	background: url(../img/bg_black.png);
	padding: 0 0 7px 0;
	color: #FFF;
	margin: 0;
	}
#foto1:hover img, #foto2:hover img, #foto3:hover img, #foto4:hover img, #foto5:hover img, #foto6:hover img, #foto7:hover img, #foto8:hover img, #foto9:hover img, #foto10:hover img, #foto11:hover img, #foto12:hover img, #foto13:hover img, #foto14 img{
	opacity: 0.7;
	/*border: 3px solid #4DC7D5;*/
	}
#foto1:hover h2 , #foto2:hover h2 , #foto3:hover h2 , #foto4:hover h2 , #foto5:hover h2 , #foto6:hover h2 , #foto7:hover h2 , #foto8:hover h2 , #foto9:hover h2 , #foto10:hover h2 , #foto11:hover h2 , #foto12:hover h2 , #foto13:hover h2 , #foto14:hover h2{
	color: #4DC7D5;
	}
#foto1{
	width:350px;
	height: 225px;
	top:0;
	left:0;
}
#foto2{
	width:273px;
	height: 400px;
	top:0px;
	left:350px;
}
#foto3{
	width: 273px;
	height: 200px;
	top:0px;
	left:623px;
}
#foto4{
	width:175px;
	height: 400px;
	top:225px;
	left:0;
}
#foto5{
	width:175px;
	height: 250px;
	top:225px;
	left:175px;
}
#foto6{
	width:175px;
	height: 150px;
	top:475px;
	left:175px;
}
#foto7{
	width:273px;
	height: 200px;
	top:200px;
	left:623px;
}
#foto8{
	width:546px;
	height: 325px;
	top:400px;
	left:350px;
}
#foto9{
	width:350px;
	height: 175px;
	top:625px;
	left:0;
}
#foto10{
	width:273px;
	height: 225px;
	top:725px;
	left:350px;
}
#foto11{
	width:273px;
	height: 225px;
	top:725px;
	left:623px;
}
#foto12{
	width:350px;
	height: 150px;
	top:800px;
	left:0;
}
/* ____FICHAS____ */
.ficha_p{
	width: 644px;
	margin-right: 14px;
	height: 153px;
	border-bottom: dashed 1px #DFDFDF;
	position: relative;
	}
.imagen{
	float:left;
	width:125px;
	height:125px;
	display:inline-block;
	border: solid 1px #DFDFDF;
	margin: 13px 6px;
	background-color: #09C;
	}
.oferta{
	position: absolute;
	top: 5px;
	right: 5px;
	width:45px;
	height:45px;
	background: url(../img/oferta.png) no-repeat;
	}
.imagen img{
	margin: 0;
	}
.nombre{	
	float: right;
	height: 20px;
	width: 484px;
	display:block;
	margin: 14px 7px 14px 14px;
	}
.des{
	float: right;
	width: 491px;
	display:block;
}
.paginacion{
	font-size:14px;	
	float:left;
	display:block;
	height: 28px;
	width: 644px;	
	margin-top: 7px;
	margin-bottom: 7px;
	}
.paginacion a{
	color: #333;
	text-decoration: none; 
	cursor: pointer;
}
.paginacion a:hover{
 	color: #4DC7D5;
	text-decoration: underline;
}
#mini_map{
	width: 223px;
	height: 350px;
	border: 1px solid #DFDFDF;
	margin: 14px 0;
	}
#descripcion{
	width: 644px;
	margin-right: 14px;	
	}
#foto{
	float:left;
	margin: 0 14px 0px 0;
	}
#info{
	font-size:14px;
	padding-top: 7px;
	margin-bottom:7px;
	float:left;
	width: 380px;
	}
#info img{
	margin: 0;
	float: left;
	}
#des_larga{
	text-align: justify;
	clear: both;
	margin-bottom: 14px;
	}
/* ____EVENTOS____ */
.evento_dia{
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 643px;
	}
.evento_search{
	display: inline-block;
	margin: 0px;
	padding: 7px;
	width: 629px;
	}
.evento_evento{
	margin: 0px auto;
	padding: 7px;
	width: 573px;
	}
.dias{
	width: 18px;
	padding-left: 7px;
	padding-bottom: 5px;
	float:left;
	display:block;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	background-color: #2E8185;
	color: #FFF;
	}
.eventos_dias{
	width: 603px;
	float: right;
	display:inline-block;
	padding: 0 7px;
	margin:0;
	}
.eventos, .evento{ list-style: none; margin:0; padding:0;}
.eventos li{
	margin: 0;
	border-bottom: solid 1px #DFDFDF;
	border-right: solid 1px #DFDFDF;
	border-left: solid 1px #DFDFDF;
	border-top: none;
	background-color:#FFF;
	}
.eventos  li p, .eventos li a{
	margin: 0;
	padding: 0;	
	}
.eventos li a{
	color:#1D2F3D;
	}
.eventos li a:hover{
	text-decoration:underline
	}
.evento{
	margin: 0;
	padding: 0 0 7px 0;
	}
.evento li{
	border: none;
	padding: 7px 0 0 0;
	}
.clear{
	clear:both;
	}
/* ____BANNER LATERAL____ */
.ban{
	float:right;
	width: 224px;
	display: block;
}
.banner_lat{
	position:relative;
	width: 224px;
	height: 100px;
	overflow: hidden;
	margin-bottom: 3px;	
	}
.banner_lat img{
	margin: 0;
	padding: 0;
	}
.url{
	display: block;
	position:absolute;
	top: 0px;
	left: 0px;
	}
.banner_lat a{
	width: 214px;
	text-align:right;
	font-family: Oswald_pc;
	font-size: 18px;
	padding-top: 68px;
	padding-right: 4px;	
	color: #FFF;
	border: 3px solid #DFDFDF;
	}
.banner_lat a:hover{
	width: 214px;
	text-align:right;
	padding-top: 68px;
	padding-right: 4px;	
	color: #4DC7D5;
	border: 3px solid #4DC7D5;
	}
/* _______PRESENTANCION MEQUINENZA_____________*/
.tit3 li{
	list-style: decimal;
	text-align:justify;
}
/* _______TELEFONOS__________ */
table{
	border: 1px #CCC solid;
	margin: 7px auto 7px auto;
	padding: 0;
	border-spacing: 0px;
	text-align: center;
	}
td{
	border: 1px #CCC solid;
	margin: 0;
	padding: 5px 5px;
	text-align: center;
	}
/* _______CELEBRES__________ */
.celebre{
	margin: 0 8px 7px 8px;
	width: 300px;
	border: 3px #DFDFDF solid;
	height: 125px;
	float:left;
	background-color: #FFF;
	}
.celebre:hover{
	border: 3px #4DC7D5 solid;
	cursor: pointer;
	}
.celebre:hover img{
	border-left: 3px #4DC7D5 solid;
	}
.celebre img{
	margin: 0px;
	float: right;
	display: inline-block;
	border-left: 3px #DFDFDF solid;
	width: 125px;
	height: 125px;
	}
.celebre p{
	color: #333;
	display: block;
	margin: 7px 135px 7px 7px;
	text-align: left;
	}
.ficha_celebre{
	margin: 7px 14px;
	width: 582px;
	border: 3px solid #DFDFDF;
	background: #FFF;
	position: relative;
	display: inline-block;
	padding: 0px 14px 7px 14px;
	}
.ficha_celebre img{
	float: left;
	margin: 7px 14px 7px 7px;
	border: 1px solid #DFDFDF
	}
.link a:hover{
	text-decoration:underline;
	}
/* ____________LINKS EN GENRAL _______________________*/
.content_left a{
	color: #2E8185;
	text-decoration:none;
}
.content_left a:hover{
	text-decoration:underline;
	}
/*___________UBICACION__________________*/
#t_ubicacion{
	float: left;
	margin: 0 auto 0 auto;
	width:250px;
	height: 175px;
	}
#ubicacion{
	float: right;
	margin: 15px auto 0 auto;
	border: 3px solid #DFDFDF;
	width:350px;
	height: 175px;
	}
#localizacion{
	margin: 15px auto 0 auto;
	border: 3px solid #DFDFDF;
	width:637px;
	height: 350px;
	}
.locali{
	float: left;
	margin: 14px 10px 0 0;
	padding: 0 7px 7px 7px;
	border: 3px solid #DFDFDF;
	width:297px;
	background-color: #FFF;	
	height: 155px;
	}
.locali2{
	float: left;
	padding: 0 7px 7px 7px;
	margin: 14px 0px 0 0;
	border: 3px solid #DFDFDF;
	width:297px;
	height: 155px;
	background-color: #FFF;	
	}
/*_____________CONTACTO_______________*/
.contacto{
	clear: both;
	margin-top: 14px 14px 0 14px;
	overflow-y: hidden;
	}
#field1{
	margin: 0 14px;
	width: 258px;
	float: left;
	}
#field2{
	width: 350px;
	float: left;
	}
#field1 label, #field2 label{
	display: block;	
	}
#field1 input{
	width: 258px;
	}
#field2 textarea{
	width: 350px;
	height: 147px;
}
#submit{
	margin: 7px 0 0 14px;}
/*_____________AYUNTAMIENTO // NOTICIAS_______________*/
.noticias, .noticias_int{
	width: 96%;
	border: 3px solid #DFDFDF;
	background-color: #FFF;
	margin-bottom: 7px;
	position: relative;
	padding : 0 2%;
}
.noticias:hover{
	background-color:#F2F2F2;
	}
.noticias a{
	text-decoration: none;
	}
.noticias a:hover{
	text-decoration: none;
	}
.fecha{
	position: absolute;
	top: 25px;
	right: 12px;
}
/*_____________CORPORACION // ORGANOS_______________*/
.corporacion li{
	float:left;
	display: block;
	width: 161px;
	height: 135;
}
.organo{
	background-color: #FFF;
	float: left;
	width: 309px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
	border: 3px solid #DFDFDF
	}
.organo2{
	background-color: #FFF;
	float: left;
	width: 631px;
	padding-bottom: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
	border: 3px solid #DFDFDF
	}
/*_____________MUSEOS_______________*/
.museo{
	height: 175px;
	width: 638px;
	border: solid 3px #DFDFDF;
	position: relative;
	color: #DFDFDF;
	font-family: Oswald_pc;
	position: relative;
	margin-bottom: 14px;
	}
.museo:hover{
	border: solid 3px #4DC7D5;
	color: #4DC7D5;
	text-decoration: none;
	}
.museo img{
	margin: 0px;
	}
.museo span{
	position: absolute;
	right: 7px;
	bottom: 0px;
	font-family: Oswald_pc;
	font-size: 35px;
	color: #FFF;
	}
.museo:hover span{
	color: #4DC7D5;
	}
/*_____________MUSEO POBLE VELL_______________*/
.explicacion_app{
	width: 281px;
	border: 3px solid #DFDFDF;
	height: 320px;
	background-color: #FFF;
	float: left;
	margin-right: 7px;
	padding: 14px 14px 14px 14px;
	margin-bottom: 6px;
	}
.explicacion_app2{
	width: 603px;
	border: 3px solid #DFDFDF;
	height: 320px;
	background-color: #FFF;
	float: left;
	margin-right: 7px;
	padding: 14px 14px 14px 14px;
	margin-bottom: 6px;
	}
.explicacion{
	width: 281px;
	border: 3px solid #DFDFDF;
	height: 140px;
	background-color: #FFF;
	float: left;
	margin-right: 7px;
	margin-bottom: 6px;
	padding: 14px 14px 14px 14px;
	}
.explicacion_a1{
	width: 281px;
	border: 3px solid #DFDFDF;
	height: 70px;
	background-color: #FFF;
	float: left;
	margin-right: 7px;
	margin-bottom: 6px;
	padding: 14px 14px 14px 14px;
	}
.explicacion_a2{
	width: 281px;
	border: 3px solid #DFDFDF;
	height: 210px;
	background-color: #FFF;
	float: left;
	margin-right: 7px;
	margin-bottom: 6px;
	padding: 14px 14px 14px 14px;
	}
.explicacion p, .explicacion_app p, .explicacion_a1 p, .explicacion_a2 p,{
	color:#333;
	}
.explicacion_a:hover .explicacion, .explicacion_a:hover .explicacion_a1, .explicacion_a:hover .explicacion_a2{
	border: 3px solid #4DC7D5;
	}
.audioguias{ 
	padding: 14px 14px 14px 14px;
	margin-bottom: 3px;
	width: 612px;
	background: #FFF;
	border: 1px solid #DFDFDF;
	}
.audioguias_ra{ 
	padding: 14px 14px 14px 14px;
	margin-bottom: 3px;
	width: 612px;
	background: #FFF;
	border: 1px solid #DFDFDF;
	min-height: 180px;
	}
.audioguias_ra img{
	margin: 14px 14px 0 0px;
	float: left;
	display: block;
	}
/*_____________TURISMO_______________*/
.actividad2{
	display: block;
	width: 309px;
	border: 3px solid #DFDFDF;
	height: 150px;
	background-color: #FFF;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	position: relative;
	}
.actividad2 img{
	margin: 0px;
	}
.actividad2:hover{
	border: 3px solid #4DC7D5;
	}
.actividad2:hover h2{
	color: #4DC7C5;
	}
.actividad2 h2{
	margin: 0px;
	color: #FFF;
	text-align: right;
	display: block;
	width: 100%;
	padding-bottom: 7px;
	position: absolute;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	}
/*_____________ACTIVIDADES_______________*/
.actividad{
	display: block;
	width: 309px;
	border: 3px solid #DFDFDF;
	height: 309px;
	background-color: #FFF;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	position: relative;
	}
.actividad img{
	margin: 0px;
	}
.actividad:hover{
	border: 3px solid #4DC7D5;
	}
.actividad:hover h2{
	color: #4DC7C5;
	}
.actividad h2{
	margin: 0px;
	color: #FFF;
	text-align: right;
	display: block;
	width: 100%;
	padding-bottom: 7px;
	position: absolute;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	}
/*__________________GASTRONOMIA___________________*/
.gastro_content{
margin: 7px 0;	
width: 610px;
padding: 7px 14px 0 14px;
background-color: #FFF;
border: 3px #dedede solid;
}




/*__________________________________________________________________*/
/*____________________ APARTADO MUSEO INSITU _______________________*/
/*__________________________________________________________________*/
.actividad_m{
	display: block;
	width: 285px;
	border: 3px solid #DFDFDF;
	height: 150px;
	background-color: #FFF;
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
	position: relative;
	}
.actividad_m img{
	margin: 0px;
	}
.actividad_m:hover{
	border: 3px solid #4DC7D5;
	}
.actividad_m:hover h2{
	color: #4DC7C5;
	}
.actividad_m h2{
	margin: 0px;
	color: #FFF;
	text-align: right;
	display: block;
	width: 100%;
	padding-bottom: 7px;
	position: absolute;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	}