body {	color:#666;/* font:300 15px/15px Roboto,Arial,Helvetica; */background-color:#fff;-webkit-font-smoothing:antialiased;background-color: #eee;}

a{/* color: #1B96E0; */ text-decoration:none;}
a:hover{color:#666;}
.btn,a,.btn:hover,a:hover {outline: none !important;}

.inicio h1,.inicio h2,.inicio h3,.inicio h4{margin: 0;line-height: 1em;}
.inicio h1{/* font:700 3em Raleway,Arial,Helvetica; */padding: 2.4em 0 0em 0;/* text-transform: uppercase; */color: #fff;}
.inicio h2,h2{/*font:700 1.5em Raleway,Arial,Helvetica;*/margin-bottom: 1em;color: #000000;}
.inicio h3{/*font:700 1.25em Raleway,Arial,Helvetica;*/margin:0.5em 0;}
.inicio h4{ font-weight: 100; }

h2 i {color: #2196F3;}

p{font-size: 1.2em;line-height: 1.7em;margin-bottom: 1.7em;font-weight: 100;}

.container{width: 100%; max-width: 1400px; }
.wrapper{/*background-color: #fff;*/}
.spacer{padding:5em; padding-bottom:0; }


.inicio .btn{border:none;border-radius: 0;padding: 0.75em 3em;text-transform: uppercase;}
.inicio .btn-danger{background: rgb(242, 24, 97) !important;}
.inicio .btn:hover,.btn:active{color: #FFFFFF;box-shadow: none;}


.navbar-nav > li > a{font-size: 1.2em;line-height:2em;}
.navbar-inverse{background: #111;}
.navbar-brand{color: #000000 !important;/* background: #1D5668  !important; */margin-left: 0 !important;height: 71px;padding: 1em;font-weight: bold;/* font:700 1.25em Raleway; */}
.navbar-default .navbar-nav>li>a{/* color: #000 !important; */}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{/* color: #fff !important; *//* background-color: #1D5668; */}
.navbar-nav.navbar-right:last-child{margin-right: 15px !important;}
.navbar-default{background: rgb(255, 255, 255);border:none;}
.navbar-default .navbar-collapse{background: rgb(255, 255, 255);}


.banner{/* margin-top: 4em; */ height: 685px;}
.bannerInicio {height: 520px;border-bottom: 10px solid #035da4;}
.overlay{background: rgba(24, 160, 242, 0.7);height: 100%;/* overflow: hidden; */}


.carousel-control{width: 10%;}
.carousel-control i.fa{top: 50%;position: absolute;margin-top: -30px;left: 0;right: 0;}
.carousel .item a.view{position: absolute;top: -10%;left:50%;text-align: center;background: rgb(33, 150, 243);color: #fff;display: inline-block;padding:0.75em 2em;font-size: 1.25em;margin-top: -24px;margin-left: -70px;}
.carousel .item:hover a.view{top:50%;text-decoration: none;}


.service .row{padding: 0 10em 2em 10em;color: #fff;}
.service p{color: #ACEBEF;font-size: 0.90em;line-height:1.20em;margin: 0;}

.social a{margin-right: 1em;}




.footer{
	background-color: #e0e0e0;
	color: #565656;
	font-size: 1em;
	/* color: #3A3A3A; */
	padding: 3em;
	width: 110%;
	position: RELATIVE;
	left: -30px;
	/* -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); */
	/* box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); */
	/* Z-INDEX: 99999; */
}
.footer a{color: #2196f3;margin: 0 0em;}

.gototop{position: fixed;bottom: 20px; right: 20px;background: rgba(0,0,0,0.5);padding: 10px;color: #fff;}
.gototop i{line-height: 0.5em;}


@media (max-width: 1200px) {		
	.spacer{padding: 2em;}
}

@media (max-width: 900px) {
	body{font-size:13px;line-height: 13px; }
	h1{font-size: 3.1em;}
	h2{font-size: 2.1em; margin-top: 30px !important; margin-bottom: 40px !important;}
	.banner h2{font-size: 1.1em;margin-bottom: 150px !important; margin-top: 3px !important;}
	.page-header h2{font-size: 2.40em;text-align: center;margin-bottom: 0.5em; padding: 0 30px;}
	.page-header h2 i{display: block !important;margin-bottom: 20px;margin-top: 22px;font-size: 40px !important;}
	h3{font-size: 2em;}
	p{line-height: 1.55em;}
	.service{padding: 0 2.5em 1em 2.5em;overflow: hidden;}
	.service p{font-size: 1.05em;}
	.btn{/* padding: 1em 2em; */}
	.spacer {padding: 1.5em 1.5em 1.5em 1.5em;}
	.navbar-brand{height: 67px;}
	.btn {/* padding: 0.5em 2em; */}	
	.contenedor_submit { margin-top: -35px !important;	text-align: center !important;}
}	

@media (max-width: 767px) {
	body{font:300 12px/12px Roboto,Arial,Helvetica;background: white;}
	h1{padding: 2em 0;padding-top: 150px;}
	.navbar-nav > li > a {line-height: 2em;padding-left: 40px;}	
	.navbar-brand{padding: 7px;height: 64px;line-height: 2.1em;margin-left: 35px !important;}	
	#txt_titulo_municipio {line-height: 16px;margin-left: 15px !important;}
	#img_municipio {margin-right: -35px;height: 85px !important;width: 85px !important;position: relative !important;top: -4px !important;}
	#ContentPlaceHolder1_img_municipio_portada {margin-top: -17px !important;/* background-color: #eeeeee !important; */width: 250px !important;height: 250px !important;/* background-size: 70% !important; */}
	.navbar-default{background: rgb(255, 255, 255);}
	.navbar-default .navbar-toggle,.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background: #000000;color: #fff;border: none;border-radius: 5px;}
	.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
	.footer{/* margin-top: 2em; */padding-bottom: 3em;LEFT: -24PX;WIDTH: 116%;}
	.banner { height : 800px;}
	.bannerInicio {height: 790px;margin-bottom: 44px;}
    .bannerInicio h1 { padding-top: 100px !important; }
    .bannerInicio h2 { margin-bottom: 100px !important;}
	.bannerInicio h4 { font-size: 3em !important;}
	.container { padding: 0; overflow: hidden; }
	.banner h3 {font-size: 16px !important;}
	.box-container { margin: 5% !important; }
	.titulo-inicio {padding: 70px 30px !important;padding-bottom: 0px !important;margin-top: -45px;}
	.titulo-inicio h4 { padding: 30px 10px 30px 10px !important; margin-bottom: 43px !important;margin-top: 38px !important;/* border-bottom: 20px solid !important; */}
	.titulo-division {padding-left: 30px !important;padding-right: 30px !important;padding-top: 110px !important;background: white !important;}
}

.bk-white
{
    background: white;
}

.banner h1
{
	padding-left: 10px;
	padding-right: 10px;
}

.bannerInicio h1
{
	padding-top: 1em;
}

.banner h2
{
	color: white;
	margin-bottom: 4em;
}

.banner h3
{
    color: #ffffff;
    line-height: 1.2em;
    font-size: 29px;
    margin-top: 30px;
    font-weight: 100;
    /* text-shadow: 0 0 10px black; */
}

.serviceInicio h3 {
	font-size: 19px;
	margin-top: 14px;
	text-shadow: none;
}

.banner .btn
{
	position: relative;
	top: -40px;
}

.service div
{
	margin-top: 10px;
	margin-bottom: 40px;
}

.navbar .container
{
	overflow: visible !important;
}

.section-img img
{
    height: 600px !important;
    width: auto !important;
}

.padding
{
    padding: 2em;
}

.form-group label
{
	/* color: #3A3A3A; */
	font-size: 15px;
	font-weight: bold;
}

.navbar i 
{
	color: #000000;
}

.navbar .active ul i,
.navbar .open ul i
{
	color: #000000 !important;
}

/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.carousel,
.carousel .item,
.carousel .active {
    height: 100%;
}

.carousel-inner {
    height: 550px;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background: #F3F3F3;
}

.dropdown-menu i
{
	color: #BDBDBD !important;
}

.no-padding-top-bottom
{
	padding-top: 0px;
	padding-bottom: 0px;
}



.first{
          padding:0 0 0 0;
          margin:0 0 40px 0;
      }
      .first li {
          list-style:none;
          margin-bottom:10px;
      }
      .first li.bspHasModal {
          cursor: pointer;
      }
      .first li label {
          font-weight: bold;
      }
      .modal-body {
          padding:5px !important;
      }
      .modal-content {
          border-radius:0;
      }
      .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
    .controls{
        width: 85px;
        height: 50px;
        display: block;
        font-size: 15px;
        padding-top: 2px;
        font-weight:bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        background: #E91E63;
        color: white;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        position: relative;
        top: -30px;
    }
    .controls:hover,
    .controls:focus,
    .controls:active,
    .controls:visited {
    	color: white !important;
    }
    .next {
        float:right;
        text-align:right;
    }
    .text {
      font-family: 'Bree Serif';
      color:#666;
      font-size:11px;
      margin-bottom:10px;
      padding:12px;
      background:#fff;
    }
    .glyphicon-remove-circle:hover {
      cursor: pointer;
    }
    @media screen and (max-width: 380px){
       .col-xxs-12 {
         width:50%;
       }
       .col-xxs-12 img {
         width:100%;
       }
    }

.ui-dialog #sub_aviso
{
	font-weight: bold;
	font-size: 15px;
	color: black;
}

.ui-dialog #msj_aviso
{
	display: block;
	margin-top: -10px !important;
	font-size: 13px;
}

.ui-dialog span.fa 
{
	/* font-size: 25px; */
	display: none;
	/* margin-left: 0px !important; */
	/* margin-right: 20px !important; */
	color: #ffffff;
	/* position: relative; */
	/* top: 10px; */
	opacity: 0;
}

.contenedor_ayuda div
{
	/* background: #f9f9f9; */
	margin-top: 20px;
	padding-bottom: 20px;
}

.contenedor_ayuda h4
{
	margin-left: 20px;
	font-weight: bold;
	color: #000000;
	margin-bottom: -10px;
}

.contenedor_ayuda h4 i {
	display: none;
}

.contenedor_ayuda li 
{
	color: grey;
}

@media (max-width: 900px) { 

	.contenedor_ayuda h4
	{
		padding-top: 20px;
	}

	.contenedor_ayuda li {
		padding-top: 10px;
	}

}

#bsPhotoGalleryModal .modal-body
{
	padding: 0px !important;
	/* padding-bottom: 5px !important; */
}

#bsPhotoGalleryModal .modal-body .previous
{
	margin-left: 10px;
	padding-left: 15px;
}

#bsPhotoGalleryModal .modal-body .next
{
	margin-right: 10px;
}

@media (max-width: 900px) { 

	#bsPhotoGalleryModal .modal-body .previous
	{
		padding-top: 16px;
	}

	#bsPhotoGalleryModal .modal-body .next
	{
		padding-top: 16px;
	}

}

.service
{
	/* background: rgba(0, 0, 0, 0.15); */
	/* padding-top: 20px; */
}

.service div
{
	cursor: pointer;
}

.service i 
{
	color: #ffffff !important;
	background: #2196f3;
	/* border-radius: 900px; */
	width: 80px;
	height: 80px;
	padding-top: 20px;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
	transition: 0.3s;
} /**/

.service div:hover i{
	background: #0069bd;
}

.serviceInicio i {
	width: 60px;
	height: 60px;
	font-size: 30px;
	padding-top: 16px;
}

#img_municipio 
{
	outline: none;
	display: inline-block;
	height: 99px;
	width: 99px;
	position: relative;
	top: -7px;
	background-repeat: no-repeat;
	background-size: COVER;
	background-position-x: center;
	background-position-y: center;
	/* border: 5px solid #000000 !important; */
	margin-left: 30px;
	background-color: #fffefe;
	/* border-radius: 10px; */
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	margin-bottom: -30px;
}

.box-container
{
	margin: 17% 3%;
	background: #004780;
}

.box-container .box-title {
	padding: 80px 0px;
	padding-bottom: 15px;
}

.box-container .box-title h4 i {
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 900px;
	padding-top: 35px;
	background: white;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 40px;
	font-size: 80px;
	color: #004780;
}

.box-container .box-title h4 {
	color: #ffffff;
	display: block;
	text-align: center;
	margin-bottom: 0px;
	padding: 0px 40px;
}

.box-container .box-body {
	color: #7cb2de;
	padding: 50px 40px;
	padding-top: 0px;
	/* background: rgba(0, 0, 0, 0.18); */
	text-align: center;
}

.box-footer
{
	padding: 40px 10px;
	/* padding-bottom: 40px; */
	/* padding-top: 40px; */
	background: rgba(0, 0, 0, 0.18);
	text-align: center;
}

.box-footer a {
	cursor: pointer;
	color: white;
	font-size: 15px;
	display: block;
}

.box-footer a[disabled=disabled] {
	cursor: default;
	color: #001e35;
	text-decoration: none;
}

#ContentPlaceHolder1_img_municipio_portada {
	background: white;
	/* -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); */
	box-shadow: 0 0 25px rgba(0,0,0,.2);
	display: block;
	margin: 0 auto;
	margin-top: -183px;
	width: 300px;
	height: 300px;
	background-size: COVER;
	background-position-x: center;
	background-position-y: center;
	/* border-radius: 30px; */
	background-repeat: no-repeat;
	border-bottom: 10px solid #004275;
}

.titulo-inicio
{
	text-align: center;
	padding: 120px 0px 70px 0px;
	background: linear-gradient(-143deg, #1079d4, #062e4e);
	/* margin-top: 60px; */
}

.titulo-inicio h4
{

display: inline-block;

font-size: 3em;

padding: 35px 50px;

text-align: center;

border: 2px solid #ffffff;

color: #ffffff;

/* background: #f6f6f6; */

/* margin-top: 20px; */
}

.titulo-division
{
    color: #464646 !important;
    font-size: 3em;
    text-align: center;
    padding-bottom: 95px !important;
    /* border-bottom: 1px solid #6c6c6c; */
    background: #e0e0e0;
    font-weight: 100;
}

#contenedor_txt_cons_estado 
{
	text-align: right;
}

.footer img
{
	width: 40px;	
}

.contenedor_ayuda
{
	display: none !important;
}

.contenedor_titulo_recupero
{
	border-bottom: 0px solid #dddddd;
	padding-bottom: 0px;
	padding-top: 20px;
	margin-bottom: 0px;
}

.contenedor_titulo_recupero h3
{
	color: #6d6d6d;
	font-weight: 100;
}

.contenedor_titulo_recupero i
{
	display: block;
    margin-bottom: 50px;
    font-size: 3em;
    color: orange;
}

.dato-onlyview
{
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	font-weight: bold;
}

.contenedor_paso
{
	margin-bottom: 30px;	
}

.contenedor_paso h4
{
	 color: #FF9800;
	 font-weight: 100;
}

.contenedor_info
{
	padding: 40px;
}

.contenedor_info h4 
{
	color: #737373;
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 19px;
}

.contenedor_info li 
{
	color: #737373;
}

#aviso p:first-child {
	background: #eaeaea;
    text-align: center;
    margin-bottom: 35px;
}


.no-register 
{
    color: #8e8e8e;
}

.no-register i 
{
    margin-right: 10px !important;
    color: #bfbfbf;
    font-size: 1.5em;
    position: relative;
    top: 1px;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  background-color: #ddf4ff !important;
}