@font-face{
	font-family: "kaushan";
    src: url(../fonts/kaushan-script/KaushanScript-Regular.otf);
}

@font-face{
	font-family: "soria";
    src: url(../fonts/soria/soria-font.ttf);
}

body {
	background: url(img/pattern/congruent_outline.png);
	font-family: helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color: #FFF;
}

h1{ 
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 0 0;
	text-transform: uppercase;
	font-family: Arial;
}

h2{
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0;
	text-align: center;
	font-family: Arial;
}

h3{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0;
	text-align: left;
	font-family: Arial;
}


p{
	color: #FFF;
	font-size: 14px;
	text-align: justify;
	margin-bottom: 10px;
}
b{
	font-weight: bold;
}

ul.list{
	margin: 10px 0 10px 40px;
}

.img{
	border-radius: 10px;	
}

#head{
	background: #FFF;
	height: 80px;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 2;
}

#logo{
	float:left;
	margin-left: 20px;
	margin-top: 8px;
	width: 255px;
}

#nav_horizontal{
	background: #952032;
	height: 40px;
	position: fixed;
	top:80px;
	width: 100%;
	z-index: 2;
}

ul.nav_turismo{
	margin: 10px;
}

ul.nav_turismo li{
	float: left;
	width: 30%;
	height: 160px;
	border-radius: 5px;
	margin-left: 11px;
	font-size: 30px;
	padding: 10px;
	color: #FFF;
}

ul.nav_turismo li span{
	font-style: italic;
	font-size: 20px;
	display: list-item;
	padding-top: 18px;
	margin-top: 10px;
	border-top: 1px dotted #fff;
}

ul.nav_turismo li.serv{
	background: url(../img/turismo/bg_servicios.png) #ccc;
}

ul.nav_turismo li.serv:hover{
	opacity: 0.7;
}

ul.nav_turismo li.cult{
	background: url(../img/turismo/bg_cultura.png) #ccc;
}

ul.nav_turismo li.cult:hover{
	opacity: 0.7;
}

ul.nav_turismo li.rec{
	background: url(../img/turismo/bg_recorrido.png) #ccc;
}

ul.nav_turismo li.rec:hover{
	opacity: 0.7;
}
/*Menu Horzontal*/
ul, ol {
				list-style:none;
			}
			
			.nav {
				width:1000px; /*Le establecemos un ancho*/
				margin:0 auto; /*Centramos automaticamente*/
				font-size: 15px;
			}
 
			.nav > li {
				float:left;
			}
			
			.nav li a {
				background-color:#952032;
				color:#fff;
				text-decoration:none;
				display:block;
				border-left: 3px solid #952032;
				padding: 8px 5px;
			}
			
			.nav li a:hover {
				background-color:#B72032;
				border-left: 3px solid #FA8509;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:140px;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:relative;
			}
			
			.nav li ul li ul {
				right:-140px;
				top:0px;
			}
/*Fin Menu*/

.inside{
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;	
	background: url(img/fondo.jpg) #FFF;
	background-size: 100%;
}

.bg_head{
	background: url("../img/head.jpg");
}

.content{
	margin-top:30px;
	padding-top: 90px;
	padding-left: 10px;
	padding-right: 10px;
}

.colmain{
	margin-left: 10px;
	float: left;
	text-align: justify;
	width: 700px;
}

.colsec{
	margin-right: 10px;
	float:right;
	text-align: justify;
	width: 240px;
}

.cols3{
	float: left;
	width: 300px;
	height: 280px;
	margin:10px;
	color:#FFF;
	font-size: 12px;
	font-weight: bold;
}

.noticias{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #921300;
}

.noticias_horizontal{
	float:left;
	width: 100%;
	height: 340px;
	margin: 10px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #921300;
	overflow: hidden;
}
.img_noticias_horizontales{
	width: 200px;
	height: 150px;
	float: left;
	border-radius: 5px;
	border: 2px solid #FFF;
}

.fecha{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}

.noticias_float{
	display: inline-block;
	width: 700px;
	margin:20px;
	border-bottom: 2px solid #CCC;
}

.titulo{
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	float: right;
	width: 100%;
	text-align: justify;
}

.img_noticias{
	border: 2px solid #CCC;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	margin: 0px 10px 5px 0;
	float:left;
}

.img_noticias_comunicacion{
	border: 2px solid #CCC;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	margin: 0px 10px 5px 0;
	float:left;
}

.contenido{
	color: #FFF;
	font-size: 12px;
	text-align: justify;
	margin: 0 0 5px 0;
}

.leer_mas a{
	color: #D97408;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.leer_mas a:hover{
	text-decoration: underline;
}


#pie{ 
	background: url(img/pattern/congruent_outline.png);
	width: 100%;
	height: 150px;
	margin-top:10px;
	border-top:5px solid #FFF;
}

/**************************
	Transparencia
**************************/
ul.transparencia-2{
	margin: 10px 0;
}

ul.transparencia-2 li i.center{
	text-align: center;
	display: block;
}
ul.transparencia li{
	width: 95%;
	padding: 1%;
	margin-bottom: 2px;
	background: #E9E9E9;
	border-left: 6px solid #31BB87;
	margin-left: 1%;
	font-size: 12px;
	font-weight: bold;
}

ul.transparencia li a{
	color: #666;
	text-decoration: none;
}

ul.transparencia-2 li{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin:0 11px;
	padding: 10px 5px;
	width: 46%;
	height: 200px;
	float: left;
	border-bottom: 2px solid #666;
	text-align: center;
}

ul.transparencia li:hover{
	background: #DDD;
	border-left: 6px solid #53DDA9;
}

ul.transparencia li a:hover{
	color: #555;
	text-decoration: underline;
}

ul.transparencia-2 li:hover{
	background: #999;
}

ul.transparencia li span{
	display: block;
	font-size: 12px;
}

ul.transparencia-2 li span{
	display: block;
	font-size: 12px;
}

ul.transparencia li span a{
	color: #EEE;
	text-decoration: none;
}

ul.transparencia-2 li span a{
	color: #EEE;
	text-decoration: none;
}

ul.transparencia li span a:hover{
	text-decoration: underline;
}

ul.transparencia-2 li span a:hover{
	text-decoration: underline;
}

/***************
Transparencia old
****************/

.transparencia_old{
	margin:15px 0;
}

.transparencia_old li{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	border-bottom: 1px solid #666;
	border-style: dotted;
}

.transparencia_old li:hover{
	background: #eee;
	color: #666;
}

.transparencia_old li span{
	font-size: 12px;
	display: block;
	color: #DDD;
}

.transparencia_old li span a{
	color: #AAA;
	text-decoration: none;
	padding-left: 10px;
}

.transparencia_old li span a:hover{
	text-decoration: underline;
}

/*hoteles*/

ul.hoteles{
	width: 100%;
	font-size: 12px;
}

ul.hoteles a{
	text-decoration: none;
}
ul.hoteles a li{
	height: 20px;
	padding: 2px 10px;
	color: #267FFF;
	font-weight: bold;

}

ul.hoteles a li:hover{
	height: 20px;
	color: #FFF;
	background: #952032;
}

/*Fotos*/

.fotos{
	width: 31%;
	margin: 10px;
	float: left;
	color: #666;
	text-align: center;
}

.fotos img{
	width: 100%;
}

.fotos p.nombre{
	font-weight: normal;
	text-align: center;
}

.fotos p.puesto{
	font-weight: bold;
	border-bottom: 3px solid #952032;
	border-bottom-style: double;
	text-align: center;
}

a.back{
	color: #5EA9DD;
	text-decoration: none;
}

a.back:hover{
	text-decoration: underline;
}

/*Formularios*/
form{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

label{
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #FFF;
}

input[type="text"], input[type="email"], input[type="date"]{
	width: 96%;
	display: block;
	margin-top: 14px;
	padding: 5px;
}

input[type="submit"]{
	width: 100%;
	display: block;
	margin-top: 14px;
	padding: 5px;
	font-weight: bold;
	color: #FFF;
	background: #952032;
	border: none;
}

textarea{
	width: 96%;
	height: 100px;
	display: block;
	margin-top: 14px;
	padding: 5px;
	resize: none;
}
/*Fin Formaularios*/


/*Hover Imagenes*/
img.enlace {
	width: 90%;
    margin: 20px;
    border: 5px solid #eee;
    -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
 
img.enlace:hover {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
}
/*Fin Hover Imagenes*/

/*lugares*/

.lugar{
	width: 100%;
	height: 280px;
	overflow: hidden;
	border-bottom: 4px double #952032;
	margin: 5px 0;
}

.lugar img{
	width: 300px;
	float: left;
}

.lugar_contenido{
	float: left;
	margin-left: 10px;
	width: 320px;
}

.lugar_contenido p{
	color: #FFF;
	font-weight: bold;
	margin-bottom: 10px
}

.mostrar_imagenes{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 4px double #952032;
	overflow: hidden;
}
/*lugares*/

.redes_sociales{
	width: 100%;
	display: inline-block;
}

.twitter{
	float: left;
	margin-left: 40px;
}

.facebook{
	float: right;
	width: 300px;
	margin-right: 40px;
}

video{
	border: 2px solid #FFF;
}

.transparencia_actual{
	width: 46%;
	height: 70px;
	padding: 1%;
	margin-bottom: 10px;
	background: #E9E9E9;
	float: left;
	border-left: 6px solid #31BB87;
	margin-left: 1%;
	font-size: 12px;
	font-weight: bold;
	color: #666;
}

.transparencia_actual:hover{
	border-left: 6px solid #53DDA9;
	background: #DDD;
	color: #777;
}

.transparencia_actual span a{
	color: #952032;
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.transparencia_actual span a:hover{
	color: #D93243;
}

a.facebook1:hover {
	color: #3B5998 !important;
}

a.twitter1:hover {
	color: #5EA9DD !important;
}

a.instagram1:hover {
	color: #125688 !important;
}

.recientes {
	background: #fff;
	border-left: 6px solid #952032;
	margin-bottom: 5px 0;
	padding: 5px 10px;
}

.recientes:hover {
	border-left: 6px solid #00FF00;
}

.recientes span{
	color: #666;
	display: block;
}

.recientes a{
	text-decoration: none;
	color: #952032;
}

.recientes a:hover{
	text-decoration: underline;
}