@import url("fonts/font-awesome.min.css");
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700,400italic);

body {
	font-family: 'Titillium Web', sans-serif;
}
::selection {background-color: #99b932;}
textarea:focus, input:focus{
    outline: 0;
	 border-color: transparent;

}
.form-control:focus {
  border-color: transparent!important;
  box-shadow: none!important;
}


p {font-size:15px}
h1 {
	color: #FFF;
	background-color: #006582;
	padding: 5px 0px 10px 10px;
	margin-bottom: 30px;
	font-size:2.5rem;
	font-weight:700;
	margin-top:0
}
.h1 {
	background-color: #006582;
	margin: 0;
	margin-bottom: 3rem;
	
}
.h1 h1 {
	color: #FFF;
	background-color: #006582;
	padding: 5px 0px 10px 0px;
	margin: 0;
}

h2 {	font-size:2.2rem; margin:0; margin-bottom:2rem
}
h3 {	font-size:1.8rem; margin:0; margin-bottom:1.5rem; margin-top:1rem
}
h4 {	font-size:1.6rem; margin:0; margin-bottom:.5rem
}

a {color:#99b932}
a:hover, a:focus,  {color:#99b932!important}

.carousel-caption h4 a {color:#fff}
.carousel-inner>.item {max-height:500px}
h2, h3, h4, h5 {
	color: #99b932;
	font-weight:700;
	
}
ul {
	margin: 0;
	padding: 0;
	list-style-type:none
}

ul li {
	margin-left: 15px;
	border: 0;
	padding: 0 0 6px 0
}
ul li:before {
	font-family: 'FontAwesome';
	content: "\f054";
	margin: 0 5px 0 -15px;
	color: #99b932;
	font-size:1rem
}
#tribe-events ul li:before { content:" "!important; margin:0; padding:0}

.tribe-events-page-title { text-transform: lowercase}
.tribe-events-page-title:first-letter {    text-transform: uppercase;}
#tribe-events-pg-template {margin-top:30px}

.tribe-events-event-categories a {color:#333}
.tribe-events-event-categories a:hover { text-decoration:underline!important}



.list-unstyled li {padding:0; margin-left:0}
.list-unstyled li:before {content: "";
	margin: 0;
}

.btn {	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.btn-primary {background-color: #006582; }
.btn-primary:hover {
	background-color: #00475B;

}


.paging-navigation {
    border-top: 1px solid #ccc;
    margin: 48px 0;
    float: left;
    width: 100%;
}
.paging-navigation a {    color:#aaa;}

.paging-navigation a:hover {    border-top: 5px solid #ccc;}
.paging-navigation .page-numbers.current {border-top: 5px solid #99b932;}


/*******************
LOGO
*******************/
.logo {
	width: 270px;
	height: 111px;
	float: left;
	margin: 20px 105px 20px 0px;
	overflow: hidden;
	max-width:100%
}
.logo a {
	background: url(../img/logo-mda.png) no-repeat;
	width: 100%;
	height: 100%;
	display: block;
	background-size: 100%;
	margin: 0;
	padding: 0
}
.logo a span {
	display: none
}
.banner-ppal {
	width: 536px;
	height: 176px;
	float: left;
	overflow: hidden
}
.banner-ppal a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/banner-seguridad.gif);
	background-size: 100%
}
.banner-ppal a span {
	display: none
}
/*******************
SOCIAL LINKS
*******************/
.social-links {
	overflow: hidden;
	margin-top: 65px
}
.social-links a {
	color: #909193;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
}
.social-fb:hover {
	color: #3B5998;
}
.social-tw:hover {
	color: #4099FF;
}
.social-yt:hover {
	color: #cc181e;
}
.social-em:hover {
	color: #f39c12;
}
.social-in:hover {
	color: #9e7043;
}
.radio-a {
	width: 26px;
    height: 28px;
	display: inline-block;
    background: url(../img/logo-ra.jpg) no-repeat;
    margin-bottom: -3px;
    background-size: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.radio-a:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

/*******************
MAIN NAV
*******************/

.navbar-default {
	background-color: #99b932;
	border: 0;
	border-radius: 0;
	margin-top: 5px;
	margin-bottom: 0
}
nav li {padding:0; margin: 0;}
nav li:before {
	content: "";
	margin: 0;
	padding:0
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.5rem
}



.navbar-collapse {
	padding: 0
}
#navbar.in {
	padding: 15px
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
	border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background-color:rgba(231, 231, 231, .9);}
.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color:rgba(231, 231, 231, .6);}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {background-color:rgba(231, 231, 231, .6)}


ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block; } /*menú  despliega con hover en vez de click*/

ul.nav li.dropdown ul.depth1 {display:none!important}
ul.nav li.dropdown:hover ul.depth0 .dropdown-toggle:hover > .sub-menu {display:block!important}


.menu-xs {color: white;    padding: 1.4rem 0 1rem 2rem;}


/*******************
BREADCRUMB
*******************/
.breadcrumb {
	padding: 8px 0px;
	margin: 1rem 0;
	list-style: none;
	background: none;
	border-radius: 0px;
}
/*******************
CAROUSEL
*******************/

.carousel {overflow:hidden; max-height:485px}
.carousel item img{height:400px; width:auto}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
}
.carousel-indicators {
	display: none
}
.carousel-caption {
	right: 0;
	left: 0;
	width: 100%;
	padding: 30px;
	bottom: 0;
	text-align: left;
	background-color: rgba(0,0,0,.5);
}
.carousel-caption h2, .carousel-caption h2 a {
	font-size: 2rem;
	padding: 0;
	margin: 0;
	color: #FFF
}
.carousel-caption h2 a:hover {

	color: #FFF
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {width:100%}
/*******************
CIRCLE BUTTONS HOME
*******************/
.ch-item {
	width: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;
	box-shadow: inset 0 0 0 0 #99b932, inset 0 0 0 12px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	text-align: center;
	background: #99b932
}
.ch-item:before {
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.ch-info {
	position: absolute;
	background: transparent;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-title {
	position: absolute;
	background: transparent;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-title .content {
	color: #fff;
	transform: translateY(-50%);
	display: inline-block;
	margin: 44% 5% 0 5%
}
.ch-info .content {
	color: #fff;
	transform: translateY(-50%);
	display: inline-block;
	margin: 50% 5% 0 5%
}
.ch-item a {
	color: #fff;
}
.ch-title h3 {
	color: #000;
	text-transform: uppercase;
	padding: 0;
	/*text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);*/
	font-size:2.2rem;
	font-weight:500
}
.ch-title h3 a {color:#000}
.ch-info:hover {
	position: absolute;
	background: #006582;
	left: 0;
	right: 0;
	border-radius: 50%;
	opacity: 0;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-backface-visibility: hidden;
}
.ch-item:hover .ch-info {
	opacity: 1;
	background : #006582
}
.ch-item:hover .ch-title {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	background: #99b932;
}
.ch-item li.more a {
	color: #99b932;
	border-top: 1px solid #99b932;
	margin-top: 6px;
	display: block;
	padding-top: 5px;
}
.icon {
	width: 100px;
	height: 79px;
	display: block;
	margin: 20px auto;
}
.icon-tramites {
	background: url(../img/icon-tramites.png) no-repeat;
	background-size: 100%;
}
.icon-cultura {
	background: url(../img/icon-cultura.png) no-repeat;
	background-size: 100%;
}
.icon-educacion {
	background: url(../img/icon-educacion.png) no-repeat;
	background-size: 100%;
}
.icon-salud {
	background: url(../img/icon-salud.png) no-repeat;
	background-size: 100%;
}
.icon-edictos {
	background: url(../img/icon-edictos.png) no-repeat;
	background-size: 100%;
}
.icon-telefono {
	background: url(../img/icon-telefono.png) no-repeat;
	background-size: 100%;
}
.icon-gestion {
	background: url(../img/icon-gestion.png) no-repeat;
	background-size: 100%;
}
.icon-mapa {
	background: url(../img/icon-mapa.png) no-repeat;
	background-size: 100%;
}
.icon-deportes {
	background: url(../img/icon-deportes.png) no-repeat;
	background-size: 100%;
}

.icon-comercios {
	background: url(../img/icon-comercios.png) no-repeat;
	background-size: 100%;
}


.ch-detalle {
	box-shadow: inset 0 0 0 0 #99b932, inset 0 0 0 8px #99b932, 0 1px 2px #99b932;
	text-align: center;
	background: #fff
}
.ch-detalle .ch-title .content, .ch-detalle .ch-title .content a {
	color:#000;
	font-size:17px;
	font-weight:700; text-transform:uppercase
}
.ch-detalle .ch-title .content {
	font-size:14px; text-transform:capitalize;margin: 50% 5% 0 5%; }




.margin-bottom {
	margin-bottom: 2rem
}

.more_news {margin-top: 3rem}
.more_news .more-news-item { }



.more_news  h3 {color:#fff; background-color:#99b932; padding:10px; margin-bottom:3rem}
.more_news .more-news-item img {width: 100%; height:auto}
.more_news .more-news-item .content { width:100%; padding:20px; position:absolute; bottom:0; background-color:rgba(0,0,0,.5); color:#FFF; overflow:hidden; }
.more_news .more-news-item:hover .content {height:100%; padding-top:3rem}
.more_news .more-news-item a, .featured_video_plus  {display:block; position:relative}
.more_news .more-news-item p.excerpt {display: none; opacity:0;}
.more_news .more-news-item:hover p.excerpt {display:block; opacity:1; font-size:1.3rem}


.organigrama-item {margin-top:20px; padding-top:20px; border-top:2px dotted #ccc}
.organigrama-items > .organigrama-item:first-child {border-top:0px dotted #ccc; margin-top:0px}




.volanta {  color: #006582;
  margin-bottom: 6px;
  font-size: 1.2rem; text-transform:uppercase}
.noticia-item {margin-top:3rem;position:relative; max-height:307px; overflow:hidden} 

#uwpqsf_id {background-color:#f5f5f5; border:0; padding:20px 15px 15px 15px}
#uwpqsf_id  select {   
 width: 90%;
    padding: 0 0 5px;
    background: #fff;
    border: none;
    line-height: 1;
    height: auto;
    font-weight: 700;
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	padding:5px}
	
	
.uwpqsf_class {
    width: 42.5%;
    margin-bottom: 5px;
	clear:none;
    float: left;
}
.uwpqsf_class span {
    display: block;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 0;
}

.uwpqsf_submit {width:15%}
.uwpqsf_submit input[type=submit] { background-color:#666; margin-top:2.25rem}


@media (max-width: 768px) {
#uwpqsf_id  select {   
 width: 100%;
}
.uwpqsf_class {
    width: 100%;
}

.uwpqsf_submit {width:100%}
.uwpqsf_submit input[type=submit] { background-color:#666; margin-top:2rem}
.list-detalle {margin: 0-15px}
.list-detalle div{height:auto; margin-bottom:2rem}

}
@media (max-width: 1199px) {	
.noticia-item {max-height:252px;}.
.ch-detalle .ch-title .content, .ch-detalle .ch-title .content a {font-size:14px}
 }
@media (max-width: 992px) {	.noticia-item {max-height:191px;} }
@media (max-width: 768px) {	.noticia-item {max-height: none;} }



.noticia-item h2 {margin-bottom:1rem}  
.noticia-img-link {position:relative; display:block;}
.noticia-img-link img {width:100%; height:auto}
.noticia-excerpt {margin-top:1rem}
.noticia-data {position:absolute; top:0; left:0; right:0; padding:10px; color:#FFF; background-color: rgba(0, 101, 130, 0.8); z-index:3; margin: 0 15px;}

.noticia-item .content { width:100%; padding:10px; position:absolute; bottom:0; background-color:rgba(0,0,0,.5); color:#FFF; }
.noticia-item:hover .content {  }
.noticia-item .excerpt {display: none; opacity:0;}
.noticia-item:hover .excerpt {display:block; opacity:1}
.noticia-item .content a:hover {color:#fff}
.noticia-detalle .noticia-data {position:relative; padding:10px; color:#FFF; background-color: rgba(0, 101, 130, 1); margin:0 0 2rem 0; overflow:hidden }
.noticia-img {position:relative}

.noticia-img img {width:100%}
.noticia-img p {position:absolute; background-color:rgba(0,0,0,.5); bottom:0; padding:1rem; color:#FFF; left:0; right:0; margin:0; display:block; font-size:1rem}


.banner a {  display: block;
  height: 200px;
  overflow: hidden;}
.banner img {width:100%; height:auto; margin-bottom:3rem}

footer {
	background-color: #303030;
	overflow: hidden;
	color: #fff; padding-top:20px; padding-bottom:20px; margin-top:20px
}
footer a {
	color: #fff
}
footer hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #525252;
}
.copy {
	background-color: #484848;
	padding: 1rem 0;
	color: #FFF; font-size:1.2rem
}
.copy a, .copy a¡:hover {color:#FFF}
}
	@media (max-width: 768px) {

		footer .menu {display:none}
		footer hr {display:none}
	}

.navbar-form {padding:0px 0px!important}

ul.titular {    margin: 2rem 0;    padding: 0;    border: 0px dotted #333; }
ul.titular li {margin:0; padding:0; font-size:1.4rem}
ul.titular li:first-child {border-top: 1px dotted #333; padding-top:2rem}
ul.titular li:before {content:""; margin:0; padding:0; }

ul.titular li.cargo { color: #006582; margin-bottom:6px; font-size:1.2rem; text-transform:uppercase }
ul.titular li.nombre { font-weight:700; font-size:1.6rem}
ul.titular li.direccion {}
ul.titular li.telefono {}
ul.titular li.mail {}


.list-detalle {}
.list-detalle-item {margin-bottom:2rem ; padding-bottom:2rem; border-bottom: 1px dotted #333; }
.list-detalle-item:last-child {margin-bottom:0rem ; padding-bottom:0rem; border-bottom: 0; }

.list-detalle div {height:160px}

.list-detalle div ul{margin:0; padding:0;}
.list-detalle div  li {margin:0; padding:0; font-size:1.4rem}
.list-detalle div li:before {content:""; margin:0; padding:0; }
.list-detalle div  li.telefono { font-weight:700}


.item-noticia h2 { font-size:2.4rem}

.news_tags {margin:1rem 0}
.label-default {
  background-color: #99b932; margin-right:.5rem 
}
.label-default a, .label-default a:hover {
  color: #fff;
}


/*FOOTER*/
footer .menu > li.menu-item {display:inline-block; margin:0 0 0 15px; padding:0 1rem; vertical-align:top; border:0; max-width:18%}
footer .menu > li.menu-item:first-child {padding-left:0;}
footer .menu > li.menu-item:last-child {padding-right:0;}

footer .menu > li.menu-item:before {content:''}

footer .menu > li.menu-item a { font-weight:bold; text-transform:uppercase; font-size:1.7rem; color:#99b932;}
footer .menu .sub-menu {margin:0; padding:0 0 0 1rem; border:0}
footer .menu .sub-menu li {margin:0; padding:.3rem 0; border:0; }

footer .menu .sub-menu li.menu-item a {font-weight:normal; font-size:1.3rem; text-transform: none; color:#FFF}
footer .menu .sub-menu .sub-menu {display:none}

	
	
	.facebook a,
	.twitter a,
	.google-plus a {
		display: block;
		width: 100%;
		color: rgb(75, 110, 168) !important;
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.google-plus a {
		color: rgb(221, 75, 57) !important;
	}
	.facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	}
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.google-plus:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(221, 75, 57) !important;
	}

	@media (min-width: 768px) {
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 120px;
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 120px;
			text-align: left;
			padding-right: 40px;
		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list > li > .social {
			position: absolute;
			top: 0px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}



	}
@media (max-width: 1199px) {	
.ch-detalle .ch-title .content, .ch-detalle .ch-title .content a {font-size:14px!IMPORTANT}
 }
@media (max-width: 480px) {	
.ch-title h3  {font-size:1.5rem}
.icon {
    width: 70px;
    height: 54px;
}
footer .menu > li.menu-item a {font-size: 1.5rem}
footer .menu > li.menu-item {max-width:100%; width:100%; text-align:center}
 }