@charset "UTF-8";
/* MUNICIPIO DE TECOZAUTLA CSS Document */

body {
	background-color: #FFF;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:20px;
}
.container{
	max-width: 1366px;
}
.container_02{
	max-width: 1000px;
}
/* CABECERA */
.navbar{
	box-shadow: 0 1px 3px #111;
	background-color: #009bdb;
	border-bottom: 2px solid #a3bd31;
	min-height:7rem;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 1rem;
	padding: 100px 0 0 0;
	background-color: #fff;
	border-bottom: 2px solid #a3bd31;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
  text-shadow: 1px 1px 2px #000;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
/* GRECAS */
.grecas{
	background: url("../img/greca_tejido.png") repeat-x;
	position: top;
	height: 50px;
	margin-top: 50px;
}

/* MAIN */
.main{
	padding: 80px 0 0 0;
	text-align: center;
}
.main-content P {
	color: #000000;
}
.main-content h1 {
	color: #006697;
}
.main-content h4 {
	color: #0097bd;
}

/* ICONOS */
.iconos{
	background-color: #eceee2;
	text-align: center;
	padding: 80px 0 80px 0;
}
.iconos P {
	color: #000000;
}
.iconos h2 {
	color: #006697;
}
.iconos h5 {
	color: #006697;
}


/* CONTENIDO */
.content{
	margin:0px;
	text-align: center;
	padding: 50px 0;
}
.content .izquierda{
	margin:0px;
	border-right: 2px solid #E9E9E9;
	padding: 0 40px 0 0;
}
.content h3 {
	color: #006697;
}
.card-title {
	color: #006697;
}
.content P {
	color: #482246;
}
/* CONTENIDO GRIS */
.content_gris{
	background: #eceee2 url('../img/fondo_cabecera_blanco.gif') repeat-x;
	margin:0px;
	text-align: center;
	padding: 50px 0;
}
.content_gris a:link, a:visited, a:active {
    text-decoration: none;
    color: #007398;
}
.content_gris a:hover {
    text-decoration: none;
    color: #006697;
}

/* AVISOS */
.avisos{
	margin:0px;
	text-align: center;
	padding: 0 0 0 5px;
}

/* MAPA */
.mapa{
	background-color: #F8F9FA;
	margin:auto;
	padding-top: 80px;
	text-align: center;
	border-bottom: 3px solid #E9E9E9;
}
.mapa h1 {
    font-family: 'Kaushan Script', cursive;
	color: #DCAA14;
}
.mapa h2 {
	font-family: ;
	color: #006697;
	
}
.mapa hr {
	background:#F64740;
	width: 90%;
	height:3px;
	border:none;
}
.mapa p {
	color: #a3bd31;
}

/* ICONOS abajo */
.iconos2{
	background-color: #FFFFFF;
	text-align: center;
	padding: 80px 0 80px 0;
}
.iconos2 h2 {
    font-family: ;
	color: #006697;
}
.iconos2 h5 {
    font-family: ;
	color: #0097bd;
}
.iconos2 P {
	color: #a3bd31;
}

/* FOOTER */
.footer{
	background-color: #d8dcc6;
}
.footer-content{
	text-align: center;
	padding:50PX 20px;
}
.footer-content h2 {
	color:#006697;
}
.footer-content h3 {
	color:#006697;
}
.footer-content hr {
	background-color: #fff;
	
	height:1px;
	border:none;
}

.footer-content p {
	line-height: 25px;
}

.footer-content h2, .footer-content p, .footer-content hr {
	margin-bottom: 20px;
}

/* SUBIR */

.totop {
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 104400;
	background: url(../img/icono_subir.png) no-repeat;
	
}

.totop a, .totop a:visited{
	display: block;
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.totop a:hover {
	color: #eee;
	text-decoration: none;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Aumente el tamaño del contenido del carrusel */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  
}
/* --- MEDIAQUERIES ---  */

/* Dispositivo xl */
@media screen and (max-width:1199px) {}

/* Dispositivo lg */
@media screen and (max-width:991px) {

	.modal .modal-dialog {
		width: 95%;
	}

	.modal .modal-dialog .modal-content img {
		width: 100%;
	}
}

/* Dispositivo md */
@media screen and (max-width:767px) {
	
.content .izquierda{
	margin:0px;
	border-right: none;
	padding: 0;
}
	
}

/* Dispositivo sm */
@media screen and (max-width:575px) {
	
}