@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic);
/*
Template Name: Multi
Version: 1.0
Author: ShapeBootstrap
Author URL: http://shapebootstrap.net
*/
/*************************
*******Typography******
**************************/
body {
  padding-top: 100px;
  background: #fff;
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  color: #64686d;
  line-height: 26px;
  overflow-x: hidden !important;
  box-sizing: border-box;
  font-size:15px;
}


h1,
h2,
h3,
h4,
h6 {
  font-weight: 600;
  font-family: 'Arial', sans-serif;
  color: #313D4B;
}
h5 {  font-weight: Bold;
  font-family: 'Verdana', sans-serif;
  color: #313D4B;}

a {
  color: #72808E;
  -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #72808E;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.col-sm-4-search {width: 29.333333%; padding-right: 1px;
    padding-left: 1px;}
.col-md-2-redes {width: 13.666667%; padding-right: 1px;
    padding-left: 1px;}
.klima { display:inline-block;}
.klIcon { background-color:#EE6F5E; width:35px; height:35px;}
.klIcon img { width: 25px; height:25px; margin: 4px;}
#temper p.lead { font-size:20px; font-weight:bold;}
.magenta_bkgrd { background-color:#d50f67;}
.azul_bkgrd { background-color:#72808E;}
.verde_bkgrd { background-color:#3fae29;}
.morado_bkgrd { background-color:#94348c;}
.naranja_bkgrd { background-color:#3a8c88;}
.amarillo_bkgrd { background-color:#f4b708;}
.cyan_bkgrd { background-color:#3a8c88;}
.magenta_font { color:#d50f67;}
.azul_font { color:#72808E;}
.verde_font { color:#3fae29;}
.morado_font { color:#94348c;}
.naranja_font { color:#3a8c88;}
.amarillo_font { color:#f4b708;}
.cyan_font {color:#3a8c88;}
.azulin_font { color:#2A95BE;}
.azulDarky {color:#3A5897;}
.circle-borderBlue {
	border: 3px solid #C5DEEA;
	border-radius: 0.3em;
	padding: 26px;
	background-color: #D9EDF7;
}
.gradiant {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
}
.gradiant-horizontal {
  background-image: -moz-linear-gradient(4deg, #2caab3 0%, #72808E 100%);
  background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #72808E 100%);
  background-image: -ms-linear-gradient(4deg, #2caab3 0%, #72808E 100%);
}
.section-header {
  margin-bottom: 50px;
}
.section-header .section-title {
  font-size: 44px;
  color: #313D4B;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin: 0 0 20px;
}
.section-header .section-title:before {
  content: "";
  position: absolute;
  width: 140px;
  bottom: 0;
  left: 50%;
  margin-left: -70px;
  height: 1px;
  background: #ebebeb;
}
.section-header .section-title:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
  border: 5px solid #fff;
  border-radius: 20px;
  background: #72808E;
}
.btn {
  border-width: 0;
  border-bottom-width: 3px;
  border-radius: 3px;
}
.btn.btn-primary {
  background: #72808E;
  border-color: #2a95be;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: #2a95be;
}
.column-title {
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  position: relative;
}
.column-title:after {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40%;
  border-bottom: 1px solid #72808E;
}
ul.nostyle {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
ul.nostyle i {
  color: #72808E;
}
.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}
.article-contacto {
    height: 704px;}
	.article_explora {height: 600px;}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/*************************
*******Header******
**************************/
/*.navbar.navbar-default {
 border: 0;
  border-radius: 0;
  margin-bottom: 0;
      border-top: 5px solid transparent;
    -webkit-border-image: url(/t_css/imagenes/logo/linea-colores.png) 20% round;
    -o-border-image: url(/t_css/imagenes/logo/linea-colores.png) 20% round;
    border-image: url(/t_css/imagenes/logo/linea-colores.png) 20% round;
}*/
}
.navbar.navbar-default .navbar-toggle {
  margin-top: 32px;
}
.navbar.navbar-default .navbar-brand {
  height: auto;
  padding: 22px 15px 21px;

}
@media only screen and (min-width: 768px) {
	.card-title  h3{
    color: #72808E;
	font-size:19px;
}

  #main-menu.navbar-default {
    background: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  }
  .navbar-header { width:100%; margin-top:10px;}
  #main-menu.navbar-default .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #topMenu {
  margin-top: 1px !important;
}
  #main-menu.navbar-default .navbar-nav > li.active > a,
  #main-menu.navbar-default .navbar-nav > li.open > a,
  #main-menu.navbar-default .navbar-nav > li:hover > a {
    background: transparent;
    padding-top: 7px;
    border-top: 3px solid #72808E;
  }
  #main-menu.navbar-default .dropdown-menu {
    padding: 0 20px;
    min-width: 220px;
    background-color: rgba(26, 28, 40, 0.9);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-clip: inherit;
  }
  #main-menu.navbar-default .dropdown-menu > li {
    border-left: 3px solid transparent;
    margin-left: -20px;
    padding-left: 17px;
    -webit-transition: border-color 400ms;
    transition: border-color 400ms;
  }
  #main-menu.navbar-default .dropdown-menu > li > a {
    border-top: 1px solid #404455;
    padding: 15px 0;
    color: #eeeeee;
  }
  #main-menu.navbar-default .dropdown-menu > li:first-child > a {
    border-top: 0;
  }
  #main-menu.navbar-default .dropdown-menu > li.active,
  #main-menu.navbar-default .dropdown-menu > li.open,
  #main-menu.navbar-default .dropdown-menu > li:hover {
    border-left-color: #72808E;
  }
  #main-menu.navbar-default .dropdown-menu > li.active > a,
  #main-menu.navbar-default .dropdown-menu > li.open > a,
  #main-menu.navbar-default .dropdown-menu > li:hover > a {
    color: #72808E;
    background-color: transparent;
  }
}
#main-slider {
  overflow: hidden;
  /*background-color: #c1c1c1;*/
  margin-top: 0px;
  background-image: none!important;

}

#bar {
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #72808E;
}
#progressBar {
  margin-top: -4px;
  position: relative;
  z-index: 999;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
}
#cta {
  padding: 0px 0;
  background-image:url(/t_css/backgrounds/cream_pixels.png); background-repeat:repeat;
  margin-top: 20px;
}
#cta h2 {
  margin-top: 0;
}
#cta .btn {
  margin-top: 40px;
}
#cta2 {
  /*background: #202933;*/
  background-size: cover;
  color: #fff;
  padding-top: 0px;
}
#plecaColor > img:nth-child(1) { width:100%;}
.panel-heading span
{
    margin-top: -26px;
    font-size: 15px;
    margin-right: -12px;
}

.clickable {
    background: rgba(0, 0, 0, 0.15);
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
}
.panel-equidad {border-color: #94348c;}
.panel-seguridad {border-color: #f4b708;}
.panel-transparencia {border-color: #3a8c88;}
.panel-equidad>.panel-heading{color:#fff;background-color:#94348c;border-color:#94348c;}
.panel-seguridad>.panel-heading{color:#fff;background-color:#f4b708;border-color:#f4b708;}
.panel-transparencia>.panel-heading{color:#fff;background-color:#3a8c88;border-color:#3a8c88;}
#Direct {background-image:url(/t_css/backgrounds/crossword.png); background-repeat:repeat; padding-top:50px; padding-bottom:50px;}
#cta2 .btn {
  margin-top: 10px;
}
#cta2 h2 {
  color: #fff;
  font-size: 44px;
  line-height: 1;
}
#cta2 h2 > span {
  color: #72808E;
}

.service-box { height:160px;}
	/*--------Noticias-----------*/
	/*Directorio de oficinas*/
#cta2 {padding: 80px 0;}

	/*-----------------------*/

#tramites {
  padding: 80px 0 75px;
}
.media.service-box {
  margin: 25px 0;
}
/*///////////////////////directorio/////////////////////*/
.c-content-feature-3-grid {
    text-align: center;
}
    .c-content-feature-3-grid > .c-title {
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 40px;
    margin: 100px auto 20px auto;
    display: inline-block;
}
.c-font-uppercase {
    text-transform: uppercase;
}
.c-font-bold {
    font-weight: 600 !important;
}
#backDirectorios {
 background-color:none; 
}


/**/
/*/////////////////trámites//////////////////////*/
.c-content-feature-16 .c-feature-16-container {
    padding: 80px 60px;
}
.c-bg-dark.c-bg-opacity-4 {
    background-color: rgba(47, 53, 59, 0.8) !important;
}
.c-bg-dark {
    background-color: #2f353b !important;
}
.c-content-feature-16 .c-feature-16-container .c-feature-16-line {
    width: 3em;
    height: 1px;
    margin-bottom: 20px;
}
.c-theme-bg {
    background-color: #32c5d2 !important;
}
.c-content-feature-16 .c-feature-16-container .c-feature-16-title {
    margin-bottom: 30px;
}
.c-font-white {
    color: #FFFFFF !important;
}

elemento {

}
.c-content-feature-16 .c-feature-16-container .c-feature-16-desc {

    margin-bottom: 30px;

}
.c-font-grey {
    color: #eeeeee !important;
}
.c-theme-btn.btn {
    color: #ffffff;
    background: #32c5d2;
    border-color: #32c5d2;
}
.btn.btn-lg {
    padding: 11px 26px 9px 26px;
}
.c-btn-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
btn {
    outline: none !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    padding: 6px 20px 4px 20px;
    font-size: 16px;
}
/**/
/*////////////////////Tramites app pueblito///////////////////////*/
.c-bg-grey-1 {
    background-color: #f7f7f7 !important;
}
.c-content-box.c-size-md {
    padding: 60px 0;
}
.c-content-bar-2 {
    padding: 0;
    margin: 0;
    width: 100%;
}
.c-content-bar-2 .c-content-title-1 > h3 {
    color: #3f444a;
    margin-bottom: 20px;
}
.c-content-title-1 > h3.c-font-uppercase {
    font-size: 30px;
}
.c-content-title-1 > h3 {
    font-size: 28px;
    color: #3f444a;
    font-weight: 500;
    margin: 0 0 30px 0;
        margin-bottom: 30px;
}
.c-font-sbold {
    font-weight: 500 !important;
}
.btn.c-btn-border-2x.c-btn-uppercase.btn-md {
    padding: 10px 20px 8px 20px;
}
.btn.c-btn-border-2x.c-btn-uppercase {
    padding: 6px 20px 4px 20px;
}
.btn.c-btn-border-2x.btn-md {
    padding: 8px 20px 6px 20px;
}
.c-theme-btn.c-btn-border-2x {
    border-color: #32c5d2;
    border-width: 2px;
    color: #32c5d2;
    background: none;
    border-color: #32c5d2;
}
.c-btn-uppercase.btn-md {
    font-size: 16px;
    padding: 10px 20px 9px 20px;
}

elemento {

}
.c-bg-blueRH {
    background-color: #192957 !important;
}
.c-content-bar-2 .c-content-v-center .c-body {

    padding: 30px;

}
.c-content-v-center .c-wrapper .c-body {
    display: table-cell;
    vertical-align: middle;
}
.c-content-bar-2 .c-content-v-center .c-body h3 {
    text-transform: uppercase;
    text-align: center;
    line-height: 33px;
    font-size: 21px;
    font-weight: 500;
    margin: 0;
}
.c-content-box.c-size-md {
    padding: 30px 0;
}

.c-content-bar-1 > h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 30px;
}
.btn.c-btn-border-2x.c-btn-uppercase.btn-md {
    padding: 10px 20px 8px 20px;
}
.c-btn-border-2x.c-btn-dark {
    border-color: #2f353b;
    color: #fff;
    background: none;
    border-color: #2f353b;
}
.btn.c-btn-border-2x {
    border-width: 2px;
    padding: 6px 20px 4px 20px;
}
.c-btn-uppercase.btn-md {
    font-size: 16px;
    padding: 10px 20px 9px 20px;
}
.c-theme-btn.btn {
    color: #ffffff;
    background: #FF0490;
    border-color: #FF0490;
}
.c-theme-border {
    border-color: #FF0490 !important;
}
.c-content-bar-1.c-bordered {
    border: 0px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    padding: 20px;
    background-color:#192957;
}
.c-content-bar-1 {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}





/**/
.media.service-box .pull-left {
  margin-right: 20px;
}
.media.service-box .pull-left > i {
  font-size: 24px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  width: 64px;
  border-radius: 100%;
  color: #72808E;
  box-shadow: inset 0 0 0 1px #d7d7d7;
  -webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
  transition: background-color 400ms, background-color 400ms;
  position: relative;
}
.media.service-box .pull-left > i:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  right: -10px;
  border: 4px solid #fff;
  border-radius: 20px;
  background: #72808E;
}
.media.service-box:hover .pull-left > i {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  color: #fff;
  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
}

#programas {
  padding: 120px 0;
  background: #f5f5f5;
  background-image:url(/t_css/backgrounds/notebook.png); background-repeat:repeat;
}
#programas .portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 0 50px;
  display: inline-block;
}
#programas .portfolio-filter > li {
  float: left;
  display: inline-block;
}
#programas .portfolio-filter > li a {
  display: inline-block;
  padding: 7px 15px;
  background: #e5e5e5;
  color: #64686d;
  position: relative;
}
#programas .portfolio-filter > li a:hover,
#programas .portfolio-filter > li a.active {
  background: #72808E;
  color: #fff;
  box-shadow: 0 -3px 0 0 #318daf inset;
  -webkit-box-shadow: 0 -3px 0 0 #318daf inset;
}
#programas .portfolio-filter > li a.active:after {
  content: " ";
  position: absolute;
  bottom: -17px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #318daf transparent transparent transparent;
}
#programas .portfolio-filter > li:first-child a {
  border-radius: 4px 0 0 4px;
}
#programas .portfolio-filter > li:last-child a {
  border-radius: 0 4px 4px 0;
}
#programas .portfolio-items {
  margin: 5px;
}
#programas .portfolio-item {
  float: left;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 700px) {
    .portfolio-item {
		width: 19.9%;
    }



.card-title {
    margin-bottom: .75rem;
    margin-top: -0.2rem;
}
}
@media screen and (min-width: 320px) and (max-width: 1024px){

.lineaV1 { display:none !important;}

}
@media screen and (max-width: 699px) and (min-width: 320px) {
	#main-slider {margin-top: 30px !important;}

    .portfolio-item {
		width: 49.9%;
    }
	.article_explora { height:auto !important;}
	.article-contacto { height:auto !important;}

	h3, .h3 {
    font-size: 20px;
}
	.footer-distributed {
    background-color: #5e666f;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: bold 16px Avenir;
    padding: 33px 6px !important;
    margin-top: 80px;
}

}
@media only screen and (max-width: 320px) {

	#noticias {
    padding: 0px !important;
}

}
@media screen and (max-width: 480px) {
	.card-title {
    margin-bottom: .75rem;
    margin-top: -0.2rem;
}
.card {
    margin-bottom: 1.75rem;
	height:388px;
}
    .portfolio-item {
		width: 99.9%;
    }

}
@media screen and (max-width: 480px) and (orientation:landscape) {
	.card-title {
    margin-top: -0.2rem;
}
}
@media screen and (max-width: 480px) and (orientation:portrait) {
	.card-title {
    margin-top: -1.1rem;
}
}

#programas .portfolio-item .portfolio-item-inner {
  position: relative;
}
#programas .portfolio-item .portfolio-item-inner .portfolio-info {
  opacity: 0;
  transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
#programas .portfolio-item .portfolio-item-inner .portfolio-info h3 {
  font-size: 16px;
  line-height: 1;
  margin: 0;
  color: #fff;
}
#programas .portfolio-item .portfolio-item-inner .portfolio-info .preview {
  position: absolute;
  top: -18px;
  right: 12px;
  border-radius: 50%;
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
  -webkit-box-shadow: 0 0 0 2px #fff;
}
#programas .portfolio-item:hover .portfolio-info {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#testimonial {
  background: #333333 url(../images/testimonial/bg.jpg) no-repeat 0 0;
  background-size: cover;
  padding: 80px 0;
  color: #fff;
}
#testimonial h4 {
  color: #fff;
  margin-bottom: 0;
}
#testimonial small {
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.7);
}
#testimonial .btns {
  margin-top: 10px;
}
#transparencia {
  padding: 100px 0;
}
#obras {
    padding: 100px 0;
}

#cultura {
    padding: 100px 0;
}
#multimedia {
    padding: 100px 0;
}

#youtubeBTN { display:none;}
#hombro {
    padding: 100px 0;
}
#work-process {
  padding: 100px 0 50px;
  background: #20222e url(../images/work-process/bg.jpg) no-repeat 0 0;
  background-size: cover;
  color: #fff;
}
#work-process h2 {
  color: #fff;
}
#work-process h3 {
  color: #fff;
  margin-bottom: 0;
}
#work-process .icon-circle {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border: 2px solid #72808E;
  border-radius: 100px;
  position: relative;
}
#work-process .icon-circle > span {
  border-style: solid;
  border-width: 2px;
  border-color: #72808E;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 20px;
  top: -12px;
  color: #64686d;
}
#work-process h3 {
  margin-bottom: 50px;
}
#quejas {
  padding: 38px 0;
}
#quejas { background-image:url(/t_css/backgrounds/notebook.png); background-repeat:repeat;}
#quejas .team-member {
  padding: 13px;
  background: #FBFBFB;
  border: 2px solid #eeeeee;
  transition: border-color 400ms;
  -webkit-transition: border-color 400ms;
  height: 310px;
}
#quejas .team-member .team-img {
  margin: -15px -15px 0 -15px;
}
#quejas .team-member .team-info {
  padding-bottom: 5px;
  /*border-bottom: 1px solid #ededed;*/
  margin-bottom: 5px;
}
#quejas .team-member:hover {
  border-color: #72808E;
}
#quejas .team-member:hover .social-icons > li > a {
  background: #72808E;
}
#quejas .social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
}
#quejas .social-icons > li {
  display: inline-block;
}
#quejas .social-icons > li > a {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background: #222534;
  border-radius: 3px;
}
.divider {
  margin-top: 50px;
  margin-bottom: 50px;
  background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
  background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
  background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
  width: 95%;
  height: 1px;
}
.progress {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #eeeeee;
}
.progress .progress-bar.progress-bar-primary {
  background-image: -moz-linear-gradient(4deg, #2caab3 0%, #72808E 100%);
  background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #72808E 100%);
  background-image: -ms-linear-gradient(4deg, #2caab3 0%, #72808E 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nav.main-tab {
  background: #eee;
  border-bottom: 3px solid #222534;
  border-radius: 3px 3px 0 0;
}
.nav.main-tab > li > a {
  color: #272727;
}
.nav.main-tab > li.active > a {
  background: #222534;
  color: #72808E;
}
.nav.main-tab > li:first-child > a {
  border-radius: 3px 0 0 0;
}
.nav.main-tab > li:last-child > a {
  border-radius: 0 3px 0 0;
}
.tab-content {
  border: 1px solid #eee;
  border-top: 0;
  padding: 20px 20px 10px;
  border-radius: 0 0 3px 3px;
}
.panel-default {
  border-color: #eee;
}
.panel-default > .panel-heading {
  background-color: #fff;
  border-color: #eee;
}
.panel-default > .panel-heading .panel-title {
  font-size: 14px;
  font-weight: normal;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eee;
}

#animated-number {
  padding: 100px 0 70px;
  background: #132125 url(../images/animated-number/bg.jpg) no-repeat 0 0;
  background-size: cover;
  color: #fff;
}
#animated-number h1,
#animated-number h2,
#animated-number h3,
#animated-number h4 {
  color: #fff;
}
#animated-number strong {
  display: block;
  margin-bottom: 30px;
}
.animated-number {
  display: inline-block;
  width: 140px;
  height: 140px;
  font-size: 24px;
  line-height: 140px;
  border: 3px solid #fff;
  border-radius: 100px;
  margin-bottom: 20px;
}
#pricing {
  padding: 80px 0 70px;
}
#pricing ul.pricing {
  list-style: none;
  padding: 0;
  margin: 70px 0 30px;
  border: 1px solid #eee;
  border-radius: 5px 5px 4px 4px;
  padding: 15px;
  text-align: center;
 height: 480px;

}
#qpricing ul.pricing li {
  display: block;
  padding: 10px;
}
#pricing ul.pricing li.plan-header {
  background: #eee;
  border-radius: 4px 4px 0 0;
  margin: -15px -15px 10px;
  padding: 15px 15px 30px;
  border: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */

background: #f6f8f9; /* Old browsers */

background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */


}
#pricing ul.pricing li.plan-header .price-duration {
  position: relative;
  margin-top: -63px;
  top: -10px;
  display: inline-block;
  width: 116px;
  height: 116px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */

background: #ffa84c; /* Old browsers */

background: -moz-linear-gradient(left,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #ffa84c 0%,#ff7b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=1 ); /* IE6-9 */





  color: #fff;
  border-radius: 2px;
  border: 5px solid #f6f6f6;
}
#pricing ul.pricing li.plan-header .price-duration > span {
  display: block;
  line-height: 1;
}
#pricing ul.pricing li.plan-header .price-duration > span.price {
  font-size: 24px;
  font-weight: 700;
  margin-top: 25px;
}
#pricing ul.pricing li.plan-header .price-duration > span.duration {
  margin-top: 5px;
}
#pricing ul.pricing li.plan-header .plan-name {
  margin-top: 10px;
  font-size: 24px;
  color: #272727;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
#pricing ul.pricing.featured {
  background: #222534;
  color: #fff;
  border: 0;
}
#pricing ul.pricing.featured li.plan-header {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
}
#pricing ul.pricing.featured li.plan-header .plan-name {
  color: #fff;
}
#get-in-touch {
  padding: 100px 0 50px;
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #72808E 100%);
  color: #fff;
}
#get-in-touch h1,
#get-in-touch h2 {
  color: #fff;
}
#contacto {
  padding: 2px 0;
}
#blog .blog-post {
  border: 1px solid #eee;
  padding: 15px;
  height: 500px;
}
#blog .blog-post .post-format {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  background: #222534;
  border: 3px solid #fff;
  border-radius: 100px;
}
#blog .blog-post.blog-large .entry-thumbnail {
  margin: -15px -15px 15px;
  position: relative;
}
#blog .blog-post.blog-large .post-format {
  width: 66px;
  height: 66px;
  line-height: 60px;
  position: absolute;
  right: 20px;
  bottom: -33px;
}
#blog .blog-post.blog-large .post-format > i {
  font-size: 20px;
}
#blog .blog-post.blog-large .entry-date {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #72808E;
}
.entry-PuntoContacto {
  font-size: 12px;
  font-weight:800 !important;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #616161;
}
	article {
		padding: 13px;
	background: rgba(251, 251, 251, 0.36);
	border: 2px solid #eee;
	transition: border-color 400ms;
	-webkit-transition: border-color 400ms;
	height:704px;}
	.blogArticle {
		padding: 13px;
	background: rgba(251, 251, 251, 0.36);
	border: 0px solid #eee;
	transition: border-color 400ms;
	-webkit-transition: border-color 400ms;
	height:380px;}
/*Para el nuevo punto de contacto*/
#puntosContacto > div.jumbotron {    background-color: #72808E!important; color:#fff;}
.well.pricing-table{
/*            padding: 3%;*/
            background: #fff;
            transition:all 0.6s ease-out;

        }
         .well.pricing-table:hover{
             box-shadow:0 5px 6px #444;
             cursor:pointer;
         }

        .pricing-feature-list{
            padding: 6%;
            background: #444;
            color: #eee;
        }
       .pricing-feature-list .list-group-item {
position: relative;
display: block;
padding: 13px 0px;
margin-bottom: -1px;
background-color: #444;
/* border: 1px solid #6B6B6B; */
font-size: 15px;
           border: 1px solid #444;
/* font-weight: 700; */
border-bottom: 1px solid #595353;
}
        .pricing-table>.pricing-table-holder{
            background: #f9f9f9;
            padding: 6%;
        }

/*////////BOTONES/////////*/
.btn.btn-primary {
    background: #72808E !important;
    border-color: #6D727A;
}
		.btn-info {
   background-color:#3a8c88!important;
    border-color: #28a4c9;
}
/*termina el punto de contacto*/
#blog .blog-post.blog-large .entry-title {
  margin-top: 0;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}
#blog .blog-post.blog-large .entry-title a {
  color: #64686d;
}
#blog .blog-post.blog-large .entry-title a:hover {
  color: #72808E;
}
#blog .blog-post.blog-media {
  margin-bottom: 30px;
}
#blog .blog-post.blog-media .entry-thumbnail {
  margin: -15px 15px -15px -15px;
  position: relative;

}
.entry-thumbnail {box-shadow: 0px 5px 9px -4px;}
#blog .blog-post.blog-media .post-format {
  position: absolute;
  top: 20px;
  right: -10px;
}
#blog .blog-post.blog-media .entry-date {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #72808E;
}
#blog .blog-post.blog-media .entry-title {
  margin-top: 0;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}
#blog .blog-post.blog-media .entry-title a {
  color: #64686d;
}
#blog .blog-post.blog-media .entry-title a:hover {
  color: #72808E;
}
#blog .blog-post .entry-meta {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 15px;
}
#blog .blog-post .entry-meta > span {
  display: inline-block;
  margin-right: 10px;
  color: #999;
}
#blog .blog-post .entry-meta > span > a {
  color: #999;
}
#blog .blog-post .entry-meta > span > a:hover {
  color: #72808E;
}
#contact {
  position: relative;
  overflow: hidden;
}
#contact .container-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(69, 174, 214, 0.3);
  z-index: 1;
}
#contact .contact-form {
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  margin-top: 50px;
}
#contact .contact-form h3 {
  margin-top: 0;
}
/***********************
********* Footer ******
************************/
.fa-facebook, .fa-twitter, .fa-youtube, .fa-rss, .fa-instagram {
    padding: 8px;
}
.fa-gmaps, .fa-issuu  {
    padding: 5px 3px 3px 3px;
}
#footer {
  /*padding-top: 30px;*/
  padding-bottom: 30px;
  color: #fff;
  background: #313D4B;
	margin-top: 10px;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #72808E;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0 -7.5px;
}
#footer ul > li {
  display: inline-block;
  margin: 0 7.5px;
}
.footer-distributed{
	background-color: #192957;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px Avenir;

	padding: 55px 100px;
	margin-top: 80px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 25%;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	font: normal 30px 'Avenir', Arial;
	margin: 0;
}

.footer-distributed h3 span{
	color:  #3a8c88;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #3a8c88;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center{
	/*width: 45%;*/
}

.footer-distributed .footer-center i{
	background-color:  #72808E;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #3a8c88;
	text-decoration: none;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}
#footer > footer > div > div:nth-child(2) > div.col-xs-12.col-lg-2 > div > a:nth-child(5) > img { margin-top:5px;}
#footer > footer > div > div:nth-child(2) > div.col-xs-12.col-lg-2 > div > a:nth-child(6) > img { margin-top:7px;}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #ff4c00;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom:-10px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {
.card-title  h3{
    color: #72808E;
	font-size:15px;
}
.cardEvento {
    padding: 0px !important;
    background: rgba(251, 251, 251, 0.36);
    border: 2px solid #eee;
    transition: border-color 400ms;
    -webkit-transition: border-color 400ms;
    height: 430px auto !important;
    margin-bottom: 10px;
}
	.footer-distributed{
		font: bold 14px sans-serif;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}

@media only screen and (min-width: 768px) {
  #footer .social-icons {
    float: right;
  }
}
.form-control {
  box-shadow: none;
  -webkit-box-shadow: none;}

}
@media only screen and (max-width: 980px){
#main-slider {
  overflow: hidden;
  /*background-color: #c1c1c1;*/
  margin-top:220px !important;
}
#carousel-example-generic {height: auto;}
.carousel-indicators {
    bottom: 0px;
}
}
@media only screen and (width: 1024px){
#main-slider {
  overflow: hidden;
  background-color: #c1c1c1;
  margin-top:1px !important;
}

#carousel-example-generic {height: 220px;}
.carousel-indicators {
    bottom: 10px;
}
}

/*Icons para tramites y servicios*/

.uno {
	background-image: url(../images/tramites/1uno.png);}

/* Estilo para Quejas y denuncias*/
.chat {

    width: 100%;
    max-width: 300px;
    height: 150px;
    background: #ff5353;
    background: -moz-linear-gradient(left, #ff5353 50%,#ec5902 50%);
    background: -webkit-linear-gradient(left, #ff5353 50%,#ec5902 50%);
    background: linear-gradient(to right, #ff5353 50%,#ec5902 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#04adea',GradientType=1 );


	}
.chat > img:nth-child(1) {padding-top: 20px;}
.web {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,04adea+100 */
width:100%;
max-width:300px;
height:150px;
background: #b7deed; /* Old browsers */

background: -moz-linear-gradient(left,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #04adea 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#04adea 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#04adea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#04adea',GradientType=1 ); /* IE6-9 */
	}
	.web > img:nth-child(1) {padding-top: 20px;}
.tel  {
	width:100%;
max-width:300px;
height:150px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb60b3+0,c146a1+50,94348c+51,94348c+100 */

background: #cb60b3; /* Old browsers */

background: -moz-linear-gradient(left,  #cb60b3 0%, #c146a1 50%, #94348c 51%, #94348c 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #cb60b3 0%,#c146a1 50%,#94348c 51%,#94348c 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #cb60b3 0%,#c146a1 50%,#94348c 51%,#94348c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#94348c',GradientType=1 ); /* IE6-9 */
	}
.tel > img:nth-child(1) {padding-top: 20px;}

.correo  {
	width:100%;
max-width:300px;
height:150px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d270+0,fccd4d+52,f8b500+52,f4b708+100 */

background: #f9d270; /* Old browsers */

background: -moz-linear-gradient(left,  #f9d270 0%, #fccd4d 52%, #f8b500 52%, #f4b708 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #f9d270 0%,#fccd4d 52%,#f8b500 52%,#f4b708 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #f9d270 0%,#fccd4d 52%,#f8b500 52%,#f4b708 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d270', endColorstr='#f4b708',GradientType=1 ); /* IE6-9 */


	}
.correo > img:nth-child(1) {padding-top: 20px;}

.oficina  {
	width:100%;
max-width:300px;
height:150px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7d795+0,a7d795+52,3fae29+52,3fae29+100 */

background: #a7d795; /* Old browsers */

background: -moz-linear-gradient(left,  #a7d795 0%, #a7d795 52%, #3fae29 52%, #3fae29 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #a7d795 0%,#a7d795 52%,#3fae29 52%,#3fae29 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #a7d795 0%,#a7d795 52%,#3fae29 52%,#3fae29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d795', endColorstr='#3fae29',GradientType=1 ); /* IE6-9 */




	}
.oficina > img:nth-child(1) {padding-top: 20px;}
.buzon {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b7deed+0,71ceef+50,21b4e2+51,04adea+100 */
width:100%;
max-width:300px;
height:150px;
background: #b7deed; /* Old browsers */

background: -moz-linear-gradient(left,  #189ACE 0%, #189ACE 50%, #ec008bD 51%, #ec008b 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #189ACE 0%,#189ACE 50%,#ec008b 51%,#ec008b 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #189ACE 0%,#189ACE 50%,#ec008b 51%,#ec008b 100%);; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#189ACE', endColorstr='#EA168D',GradientType=1 ); /* IE6-9 */
	}
	.buzon > img:nth-child(1) {padding-top: 20px;}






@media only screen and (width: 1024px) {
	#temper p.lead {
    font-size: 20px;
    font-weight: bold;
}


}
@media only screen and (min-width: 769px){#logoSmall {display:none;}#headingTwo { display:block !important;}}
@media only screen and (max-width: 768px){
	.navbar-header {display: inline-block;}
	#logHeraldica { display: inline-block;
	position: relative;				}
	.form-group {display: inline-block;}
	button.btn:nth-child(2) {display: inline-block; vertical-align: top;}

	#logoSmall {display:block;}
	/*#logoMedium {display:none;}*/
	/*div.col-lg-4:nth-child(1) > img:nth-child(1) {display:none;}*/
	#climaRed {display:none;}
	#headingTwo { display:none !important;}
	#exploraQro > div > div > a > img { max-width:500px; width:60%;}


}
@media only screen and (max-width: 414px){
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
#alerta{margin-top:111px !important;}
	body {
  padding-top: 10px !important;}

	#youtubeBTN { display:block;}
	.navbar-header {display: inline-block !important; position:relative;}
	#logHeraldica { display: inline-block;
					}

					.navbar.navbar-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    border-top: 5px solid transparent;
    -webkit-border-image: url(/t_css/imagenes/logo/linea-colores.png) 20% round;
    -o-border-image: url(/t_css/imagenes/logo/linea-colores.png) 20% round;
    border-image: url(/t_css/imagenes/logo/linea-colores.png) 20% round;
	display:block !important;
}



	.form-group {display: inline-block;}
	button.btn:nth-child(2) {display: inline-block; vertical-align: top;}

	#logoSmall {display:block;}
	/*#logoMedium {display:none;}*/
	/*div.col-lg-4:nth-child(1) > img:nth-child(1) {display:none;}*/
	#climaRed {display:none;}
	.panel-title {aria-expanded:false;}
	/*div.panel-heading:nth-child(1) { display:none !important;}*/
	#headingTwo { display:block !important;}
	article {
	height:auto;}
#quejas .team-member {
   height: auto;
}
#pricing ul.pricing{
 height: auto;
}
#exploraQro > div > div > a > img { max-width:400px; width:80%;}
/* iconos de oficinas de gobierno*/
#home > section:nth-child(8) > div > div > div.col-xs-6.col-md-3.col-lg-4 > div.col-md-4 > img { display:none;}
#home > section:nth-child(8) > div > div > div.row > div.col-xs-6.col-md-3.col-lg-4 > div.col-md-4 > img { display:none;}
#home > section:nth-child(8) > div > div > div.row > div.row > div > div.col-md-4 > img { display:none;}
/*Eventos*/
.card-title h3, .h3 {font-size: 13px;}
.card-block {
    padding: 30px 10px 15px 10px;

}
h4.card-title {
    color: #3C5460 !important;
    font-size: 14px;
    text-align: justify;
}
360
.card-inicio {
    padding: 1px;
}
.card-inicio p {
	margin: 0 0 1px !important;
}
.card-fin {
    padding: 1px;
}

.card-fin p {margin: 0 0 1px  !important;}
.cardEvento {

    height: auto !important;

}

}

/*------------Galeria fotos para Difruta Querétaro---------------------*/
.no-padding {
    padding: 0;
}
aside {
    padding: 50px 0;
}
.modal-content {
    background-color: #fafafa !important;
}

.gallery-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
    overflow:hidden;
}

.gallery-box .gallery-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(44,44,44,.8);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.gallery-box .gallery-box-caption .gallery-box-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.gallery-box:hover .gallery-box-caption {
    opacity: 1;
}
.text-primary {
  color: #198061!important;
}
.gallery-box:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.gallery-box img {
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
/*Estilos para Conoce Querétaro*/
section.featured {
padding: 50px 0 60px;
background: #318f96;
color: #fdfdfd;
margin-top: 20px;

}


section.featured h2.slogan {
	color: #fff;
	font-size: 48px;
	font-weight: 900;
	text-shadow: 3px 5px 5px #634512;
}

 /* inner heading */
section.featured.inner {
	background: #eee;
	padding: 150px 0 50px;
}
  .mar-bot40 {
	margin-bottom: 40px;
}
.mar-bot20 {
	margin-bottom: 20px;
}
/*Calendario de Eventos*/
.label-inicio {background-color: #11558E;display: inline;
padding: .2em .6em .3em;
font-size: 16px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;}
.label-termino {background-color: #e66f3c;display: inline;
padding: .2em .6em .3em;
font-size: 16px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;}
.cardEvento {
	padding: 13px;
    background: rgba(251, 251, 251, 0.36);
    border: 2px solid #eee;
    transition: border-color 400ms;
    -webkit-transition: border-color 400ms;
  	height:380px;
	margin-bottom:10px;
	}
.card-title {
    margin-bottom: .75rem;
}
.card-title  h3{
    color: #72808E;

}
.card-ubicacion  h5{
    color: #616161;
}
.card-inicio  {
    background-color: #11558E;
    color: #fff;
    text-align: center;
    height: auto;
    padding: 5px;
}
.card-fin  {
    background-color: #e66f3c;
    color: #fff;
    text-align: center;
    height: auto;
    padding: 5px;
}
.card-block li {list-style-type: none;}

.update-nag > .update-text { color:#000;}


.c-content-tab-4 > .tab-content .c-tab-items {
  list-style-type: none;
  margin: 0;
  padding: 30px 20px 30px 0; }
  .c-content-tab-4 > .tab-content .c-tab-items > li .c-photo {
    padding-left: 27px; }
  .c-content-tab-4 > .tab-content .c-tab-items > li h4 {
    margin: 0;
    padding-bottom: 8px; }
  .c-content-tab-4 > .tab-content .c-tab-items > li p, .c-content-tab-4 > .tab-content .c-tab-items > li h4 {
    margin-left: -6px; }
  .c-content-tab-4 > .tab-content .c-tab-items > li:nth-child(even) {
    padding: 25px 0; }
  .c-content-tab-4 > .tab-content .c-tab-items > li:last-child {
    padding-bottom: 0; }
/*---------------DESACTIVAR BOTONES TERMPORALMENTE PARA CIERTOS SECRETARIOS EN GABINETE---------------------*/

div.row:nth-child(7) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a:nth-child(1) {margin-top: 100px;}
div.row:nth-child(11) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > a:nth-child(1) {margin-top: 170px;}



/*-------------------------------------
       Para sección de contactos 2020
--------------------------------------*/
.explore{
    
}
.explore-content{margin-top: 78px;}

.single-explore-item {
    background: #fff;
    border: 1px solid #edeff1;
    border-radius: 3px;
    margin-bottom: 25px;
    -webkit-transition: .3s linear; 
    -moz-transition:.3s linear; 
    -ms-transition:.3s linear; 
    -o-transition:.3s linear;
    transition: .3s linear;
}
.single-explore-img{position:relative;overflow: hidden;}
.single-explore-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(162,172,177,.2);
}
.single-explore-img-info {
    position: absolute;
    bottom:-20px;
    left: 0;
    width: 100%;
    opacity:0;
    visibility:hidden;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear;
}
.single-explore-item:hover .single-explore-img-info{
    opacity:1;
    visibility:visible;
    bottom:0px
}
.single-explore-img-info button{
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 83px;
    height: 21px;
    line-height: 21px;
    background: #ff545a;
    border-radius: 3px;
    color: #fcfcfc;
    text-transform: capitalize;
    text-align: center;
    font-size: 12px;
}
.single-explore-image-icon-box {
    text-align: right;
    position: absolute;
    bottom: 10px;
    right:  10px;
}
.single-explore-image-icon-box ul li {
    display:  inline-block;
    width: 30px;
    height:  28px;
    line-height:  28px;
    background: #252d32;
    text-align:  center;
    margin-left:  5px;
    color:  #cbcccd;
}
.single-explore-image-icon-box ul li:hover i{color: #267dff;}

.single-explore-txt {
    padding: 26px 25px 24px 15px;
}
.single-explore-txt.bg-theme-1 .explore-rating{background: #70a9ff;}
.single-explore-txt.bg-theme-2 .explore-rating{background: #00c61c;}
.single-explore-txt.bg-theme-3 .explore-rating{background: #ffcc5d;}
.single-explore-txt.bg-theme-4 .explore-rating{background: #bd70ff;}
.single-explore-txt.bg-theme-5 .explore-rating{background: #ff7a40;}

.explore-rating-price,.explore-rating-price a {
    font-size: 12px;
    color: #777f85;
    text-transform: capitalize;
    font-weight: 400;
    margin: 15px 0 20px;
}
.explore-rating-price a {margin:0;}
.explore-rating {
    display: inline-block;
    width: 32px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    font-weight: 500;
    margin-right: 10px;
}
.explore-price {color: #f63138;}
.explore-price-box {
    display: inline-block;
    padding: 0 10px;
    margin: 0 8px;
    border-left: 1px solid #dde0e4;
    border-right: 1px solid #dde0e4;
}
.explore-person {
    padding-bottom: 28px;
    border-bottom: 1px solid #e1e5eb;
}
.explore-person-img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.explore-person p {font-size: 12px;}
.explore-open-close-part {
    margin-top: 20px;
}
.close-btn {
    color: #f63138;
    text-transform: capitalize;
}
.close-btn.open-btn {color: #00c437;}
.explore-map-icon{text-align: right;}
.explore-map-icon a svg {
    width: 12px;
    height: 14px;
    margin-left: 23px;
    color: #767f86;
}
.explore-map-icon a svg:hover{color: #f63138;}
.single-explore-txt.bg-theme-2 .explore-map-icon a svg:hover{color: #00c437;}
.single-explore-item:hover{box-shadow: 0 10px 20px rgba(21,19,19,.2);}


/*---------------Sección de historia-------------------*/

.c-content-box.c-size-md {
  padding: 60px 0; }
  
  @media (max-width: 991px) {
  /* 991px */
  .c-content-box > .container-fluid {
    padding: 0 100px; }
  .c-content-box.c-size-sm {
    padding: 20px 0; }
  .c-content-box.c-size-md {
    padding: 30px 0; }
  .c-content-box.c-size-lg {
    padding: 40px 0; }
  .c-content-box.c-size-xg {
    padding: 60px 0; } }
    
    /* Background Colors */
.c-bg-white {
  background-color: #FFFFFF !important; }
  .c-content-media-1 {
  padding: 30px;
  background-color: #ffffff;
  margin: 0;
  position: relative; }
  .c-content-media-1.c-bordered {
    border: 1px solid #f0f1f2; }
  .c-content-media-1 .c-content-label {
    padding: 4px 10px 2px 10px; }
  .c-content-media-1 .c-title {
    display: block;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    color: #3f444a;
    margin: 30px 0 20px 0; }
  .c-content-media-1 p {
    font-size: 17px;
    color: #5c6873;
    font-weight: 300;
    line-height: 24px; }
  .c-content-media-1 .c-date {
    margin-bottom: 10px;
    margin-top: 30px;
    display: inline-block;
    color: #5c6873;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500; }
  .c-content-media-1 .c-author {
    overflow: auto;
    margin-bottom: 10px;
    margin-top: 30px; }
    .c-content-media-1 .c-author > .c-portrait {
      position: relative;
      background-size: cover;
      width: 55px;
      height: 55px;
      border-radius: 58px;
      float: left;
      margin-right: 20px; }
    .c-content-media-1 .c-author > .c-name {
      float: left;
      font-size: 16px;
      font-weight: 400;
      color: #5c6873;
      margin: 15px 0 0 0; }
    .c-content-media-1 .c-author > p {
      font-size: 12px;
      color: #32c5d2;
      margin: 0; }
  .c-content-media-1 .c-action {
    margin-top: 20px;
    text-align: right; }

.c-content-media-1-slider > .c-content-label {
  padding: 4px 10px 2px 10px;
  position: absolute;
  top: 30px;
  left: 40px;
  z-index: 10; }

.c-content-media-1-slider .owl-controls {
  margin: 0;
  text-align: right;
  position: absolute;
  top: 30px;
  right: 30px; }

.c-content-media-1-slider.c-pagination-bottom .owl-controls {
  top: auto;
  bottom: 20px;
  right: 30px; }
  @media (max-width: 991px) {
  /* 991px */
  .c-content-media-1 {
    margin-bottom: 20px; }
  .c-content-media-1-slider {
    margin-bottom: 20px; }
    
   .c-content-media-2 {
  padding: 30px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover; }
  .c-content-media-2 .c-panel {
    position: absolute;
    bottom: 10px;
    right: 30px; }
    .c-content-media-2 .c-panel > .c-fav {
      font-size: 20px;
      color: #ffffff; }
      .c-content-media-2 .c-panel > .c-fav > i {
        position: relative;
        top: 2px;
        margin-right: 10px;
        display: inline-block; }
        .c-content-media-2 .c-panel > .c-fav > i:hover {
          color: #32c5d2;
          cursor: pointer; }
      .c-content-media-2 .c-panel > .c-fav > p {
        display: inline-block; }

.c-content-media-2-slider .c-content-label {
  position: absolute;
  top: 25px;
  left: 40px;
  z-index: 10; }

.c-content-media-2-slider .owl-controls {
  margin: 0;
  text-align: right;
  position: absolute;
  top: 30px;
  right: 30px; }

.c-content-media-2-slider.c-pagination-bottom .owl-controls {
  top: auto;
  bottom: 20px;
  right: 30px; }
     }
    @media (max-width: 991px) {
  /* 991px */
  #calendarioB {transform:translateX(10%);
  .c-content-media-2 {
    margin-bottom: 20px; }
  .c-content-media-2-slider {
    margin-bottom: 20px; } }
    .c-theme-bg {
 background-color:#318f96 !important;
color:white; }
  .c-theme-bg.c-theme-darken {
    background-color: #26a1ab !important; }

.c-theme-bg-after:after {
  background-color: #32c5d2 !important; }

.c-theme-bg-before:before {
  background-color: #32c5d2 !important; }

.c-theme-border-after:after {
  border-color: #32c5d2 !important; }

.c-theme-border-before:before {
  border-color: #32c5d2 !important; }

.c-theme-bg-on-hover:hover {
  background-color: #32c5d2 !important; }

.c-theme-border {
  border-color: #32c5d2 !important; }

.c-theme-on-hover:hover {
  color: #32c5d2 !important; }

.c-theme-bg-parent-hover:hover .c-theme-bg-on-parent-hover {
  background-color: #32c5d2 !important; }
  .c-theme-on-hover:hover {
  color: #32c5d2 !important; }
  
  .c-bg-img-center-contain {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.c-bg-img-center {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  /*SEDESOQ transporte-Actualización de datos*/
.lineaV1 { transform: translateX(50%);
position: relative;
margin-left: 50px;}

/*/////////Sección directorios//////////*/

.c-margin-t-5 {
  margin-top: 5px; }

.c-margin-t-8 {
  margin-top: 8px; }

.c-margin-t-10 {
  margin-top: 10px !important; }

.c-margin-t-15 {
  margin-top: 15px !important; }

.c-margin-t-20 {
  margin-top: 20px; }

.c-margin-t-25 {
  margin-top: 25px; }

.c-margin-t-30 {
  margin-top: 30px; }

.c-margin-t-40 {
  margin-top: 40px; }

.c-margin-t-50 {
  margin-top: 50px; }

.c-margin-t-60 {
  margin-top: 60px; }

.c-margin-t-80 {
  margin-top: 80px; }

.c-margin-b-5 {
  margin-bottom: 5px !important; }

.c-margin-b-10 {
  margin-bottom: 10px; }

.c-margin-b-15 {
  margin-bottom: 15px !important; }

.c-margin-b-20 {
  margin-bottom: 20px; }

.c-margin-b-25 {
  margin-bottom: 25px; }

.c-margin-b-30 {
  margin-bottom: 30px; }

.c-margin-b-40 {
  margin-bottom: 40px; }

.c-margin-b-50 {
  margin-bottom: 50px; }

.c-margin-b-60 {
  margin-bottom: 60px; }

.c-margin-b-80 {
  margin-bottom: 80px; }

.c-margin-b-100 {
  margin-bottom: 100px; }

.c-margin-r-40 {
  margin-right: 40px; }

.c-padding-10 {
  padding: 10px; }

.c-padding-20 {
  padding: 20px; }

.c-left,
.c-font-left {
  text-align: left; }

.c-center,
.c-font-center {
  text-align: center; }

.c-right,
.c-font-right {
  text-align: right; }

.c-font-thin {
  font-weight: 300 !important; }

.c-font-slim {
  font-weight: 400 !important; }

.c-font-sbold {
  font-weight: 500 !important; }

.c-font-bold {
  font-weight: 600 !important; }

.c-font-uppercase {
  text-transform: uppercase; }
.c-bg-parallax {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-color: transparent;
  min-height: 100%; }
  .c-content-feature-3-grid {
  text-align: center; }
  .c-content-feature-3-grid > .c-title {
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    font-size: 40px;
    margin: 100px auto 20px auto;
    display: inline-block; }
    


.c-bg-img-center {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  
  .c-reset {
  padding: 0;
  margin: 0; }
  
/* Background Colors */
.c-bg-white {
  background-color: #FFFFFF !important; }
  .c-bg-white.c-bg-opacity {
    /* RGBa with 0.04 opacity */
    background-color: rgba(255, 255, 255, 0.04) !important; }
  .c-bg-white.c-bg-opacity-2 {
    /* RGBa with 0.4 opacity */
    background-color: rgba(255, 255, 255, 0.4) !important; }
  .c-bg-white.c-bg-opacity-3 {
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.6) !important; }
  .c-bg-white.c-bg-opacity-4 {
    /* RGBa with 0.8 opacity */
    background-color: rgba(255, 255, 255, 0.8) !important; }
  .c-bg-white.c-bg-opacity-5 {
    /* RGBa with 0.8 opacity */
    background-color: rgba(255, 255, 255, 0.9) !important; }
  .c-bg-white.c-bg-white-font {
    color: #2f353b !important; }
    .c-margin-t-40 {
  margin-top: 40px; }
  .col-md-offset-6 {
    margin-left: 50%;
}
/*Para tramites*/
.c-content-feature-13 .c-feature-13-container {
  padding: 80px; }

.c-content-feature-13 .c-feature-13-tile {
  padding: 20px; }
  .c-content-feature-13 .c-feature-13-tile > i {
    float: left; }
  .c-content-feature-13 .c-feature-13-tile > .c-feature-13-content {
    padding-left: 45px; }
    .c-content-feature-13 .c-feature-13-tile > .c-feature-13-content > h4 {
      margin-top: 0;
      font-size: 18px; }

.c-btn-blue {
  border-color: #3498DB;
  border-width: 1px;
  color: #ffffff;
  background: #3498DB;
  border-color: #3498DB; }
  .c-btn-blue.btn-no-focus:focus, .c-btn-blue.btn-no-focus.focus {
    color: #ffffff;
    background: #3498DB;
    border-color: #3498DB; }
  .c-btn-blue.btn-no-focus:hover, .c-btn-blue:hover, .c-btn-blue.btn-no-focus:active, .c-btn-blue:active, .c-btn-blue.active,
  .open > .c-btn-blue.dropdown-toggle {
    color: #ffffff;
    background: #2383c4;
    border-color: #2383c4; }
  .c-btn-blue:active, .c-btn-blue.active,
  .open > .c-btn-blue.dropdown-toggle {
    background-image: none; }
  .c-btn-blue.disabled, .c-btn-blue.disabled:hover, .c-btn-blue.disabled:not(.btn-no-focus):focus, .c-btn-blue.disabled:not(.btn-no-focus).focus, .c-btn-blue.disabled:active, .c-btn-blue.disabled.active, .c-btn-blue[disabled], .c-btn-blue[disabled]:hover, .c-btn-blue[disabled]:not(.btn-no-focus):focus, .c-btn-blue[disabled]:not(.btn-no-focus).focus, .c-btn-blue[disabled]:active, .c-btn-blue[disabled].active,
  fieldset[disabled] .c-btn-blue,
  fieldset[disabled] .c-btn-blue:hover,
  fieldset[disabled] .c-btn-blue:not(.btn-no-focus):focus,
  fieldset[disabled] .c-btn-blue:not(.btn-no-focus).focus,
  fieldset[disabled] .c-btn-blue:active,
  fieldset[disabled] .c-btn-blue.active {
    background: #3498DB;
    border-color: #3498DB; }
    
    .c-btn-border-1x.c-btn-blue {
    border-color: #3498DB;
    color: 
#3498DB;
background: none;
border-color:
    #3498DB;
}
.btn.btn-xlg {
    padding: 16px 44px 14px 44px;
}
.c-font-bold {
    font-weight: 600 !important;
}
.c-btn-circle {
    border-radius: 30px !important;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.c-btn-blue:hover {color: #ffffff;
    background: #2383c4 !important;
    border-color: #2383c4; }
    }
/*////////BANNER TOP CON ANIMACIÓN VIDEO///////////*/

.font-weight-bold {
    font-weight: 700 !important;
    .align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.slider-bottom-box {
    display: block;
    padding: 40px;
    background: #1F2854 !important;
    box-shadow: 0px 10px 40px 0px rgba(47,47,47,0.1);
    border-radius: 3px;
}
.slider-bottom-box {
    padding: 15px;
}
.slider-box-wrap {
    position: relative;
    top: 0px;
    margin-bottom: -50px;
    z-index: 2;
}
.mb-0, .my-0 {
    margin-bottom: 0 !important;
}
.white {color:#FFF!important;}