/* 
  Override .container and .span sizes on 1200px media query to be like a 980 screen size for design purposes.
  
  This override is useful when changing the bootstrap files version instead of editing directly on the
  included bootstrap file.
*/
#paginacion{

width: 50px;
float: right;
/* height: 50px; */

  }
  div.boxs{
display: block;
cursor: pointer;
position: relative;
width: 166px;
height: 125px;
float: left;


 }
 div.conace{
background: url(../img/box-img/conace.png);


 }
  div.conace:hover{
background: url(../img/box-img/conaceH.png);
transition:0.3s ease-in-out;


 }
  div.nevados{
background: url(../img/box-img/nevados.png);


 }
  div.nevados:hover{
background: url(../img/box-img/nevadosH.png);
transition:0.3s ease-in-out;


 }
   div.juveniles{
background: url(../img/box-img/juveniles.png);


 }
    div.juveniles:hover{
background: url(../img/box-img/juvenilesH.png);
transition:0.3s ease-in-out;

 }
    div.siss{
background: url(../img/box-img/siss.png);


 }
     div.siss:hover{
background: url(../img/box-img/sissH.png);
transition:0.3s ease-in-out;

 }
     div.museo{
background: url(../img/box-img/museo.png);


 }
      div.museo:hover{
background: url(../img/box-img/museoH.png);
transition:0.3s ease-in-out;

 }
      div.antiguo{
background: url(../img/box-img/antiguo.png);


 }
       div.antiguo:hover{
background: url(../img/box-img/antiguoH.png);
transition:0.3s ease-in-out;

 }
       div.inter{
background: url(../img/box-img/inter.png);


 }
 
  div.inter:hover{
background: url(../img/box-img/interH.png);
transition:0.3s ease-in-out;

 }
 
 div.atiende{
background: url(../img/box-img/atiende.png);


 }
 
  div.atiende:hover{
background: url(../img/box-img/atiendeH.png);
transition:0.3s ease-in-out;

 }
 
  div.juzgado{
background: url(../img/box-img/juzgado.png);


 }
 
  div.juzgado:hover{
background: url(../img/box-img/juzgadoH.png);
transition:0.3s ease-in-out;

 }


/* INICIO BOTONES SERVICIO ONLINE */

.botonPermisosCirculacion:hover {
  opacity: 0.7;
  transition:0.3s ease-in-out;
}
.botonPatenteComercial:hover {
  opacity: 0.7;
  transition:0.3s ease-in-out;
}
.botonDerechosAseo:hover {
  opacity: 0.7;
  transition:0.3s ease-in-out;
}
.botonAgendaLicencia:hover {
  opacity: 0.7;
  transition:0.3s ease-in-out;
}
.botonCertificadosObras:hover {
  opacity: 0.7;
  transition:0.3s ease-in-out;
  
}


/* FIN  BOTONES SERVICIO ONLINE */
 
@media (min-width: 1200px) {

body{
  color:#696969;
}

li{
list-style: none;
}
div.texto-noticia{
  padding: 20px;
  text-align: justify;
}


div.texto-informacion {
display: block;
width: 213px;
height: 27px;
padding-top: 9px;
position: relative;
margin-top: -50px;
color: white;
font-size: 0.8em;
font-weight: bold;
background: red;
float: right;
}

div.vineta{
  background:#e2144a;
  /*background:#ff3434;*/
  padding:5px 25px 5px 25px;
}

}

.noticia_img img{
  /*para Firefox*/
-moz-border-radius: 5px 5px 5px 5px;
/*para Safari y Chrome*/
-webkit-border-radius: 5px 5px 5px 5px;
/* para Opera */
border-radius: 5px 5px 5px 5px;
/* para IE */

}

div.texto-noticia{
  -moz-column-count: 3;
   -moz-column-gap: 2em;
   -moz-column-rule: 1px solid #ccf;
   -webkit-column-count: 3;
   -webkit-column-gap: 2em;
   -webkit-column-rule: 1px solid #ccf;
   float: left;
   text-align:justify;

   color: #444444;
   padding: 30px 40px 20px 40px;
   line-height: 1.5em;
   letter-spacing:0.1px;



}
div.texto-noticia p{

  page-break-after: always;



}
div#actividades div.box-actividades:hover{
opacity: 0.7;
    -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
div#redes-sociales{
background:url(../img/redes_b.jpg) repeat-x #3b8bf9;
}
div#galeria-img{
background:url(../img/img_b.jpg) repeat-x #2e68b8;
}
div#videos{
background:url(../img/videos_b.jpg) repeat-x #ff354c;
}
div#bolsa-trabajo{
background:url(../img/trabajo_b.jpg) repeat-x #9c9c9c;
}
div#joven{
background:url(../img/joven.jpg) repeat-x #9c9c9c;
}div#cultura{
background:url(../img/cultura_f.jpg) repeat-x #9c9c9c;
}
div#oficina-mujer{
background:url(../img/mujer_b.jpg) repeat-x #614795;
}
div#eventos-recreativos{
background:url(../img/eventos_b.jpg) repeat-x #c27837;
}
div#adulto-mayor{
background:url(../img/adulto_b.jpg) repeat-x #3c9d55;
}
div#discapacidad{
background:url(../img/mujer_b.jpg) repeat-x #614795;
}
div#varios{
background:url(../img/varios.png) repeat-x #3b8bf9;
}
div#mercado-chillan{
background:url(../img/mercado_b.jpg) repeat-x #ff354c;
}

div.texto-informacion#ti1{
  background:#c6483c;
}
div.texto-informacion#ti2{
  background:#dc7326;
}
div.texto-informacion#ti3{
  background:#165593;
}
div.texto-informacion span{
margin-left: 30px;


}
div#lista-eventos li div{
  width: 35px;
  height: 23px;
  padding-top: 10px;
  padding-left: 5px;
  display: block;
  background:url(../img/calendar.png);
  margin-right: 10px;
  float: left;
  font-size: 12px;
  font-weight:normal;
  letter-spacing: -1.6px;
  color:#3b3b3b;


}
div#termas-chillan{
background:url(../img/nieve_b.jpg) repeat-x #9c9c9c;
}

div#lista-eventos li{

color: #e53838;
margin-top: 22px;

}

div#lista-eventos{
margin-top: 30px;

padding-right: 10px;
}

.feature_wrapper{
  margin-left: 10px;

border-bottom: 1px solid #dad9d9;
margin-bottom: 20px;
padding-bottom: 20px;
}

.col-left{
  float: left;
  height: 100%;
  width: 25%;
  margin-top: 15px;
  font-size: 1.125em;
}
.col-left ul li a{
color: gray;
}


.col-right{
  float: left;
  width: 802%;
}
.col-right .menu-direccion ul{
margin: 0;

}
.col-right .menu-direccion ul li{
  float: left;
 list-style: none;
 padding: 10px 10px 10px 10px;
 font-family:time, helvetica, sans;
 text-transform: uppercase;
 border-right: 1px solid gray;
 background: #f0ecec;

}
.col-right .menu-direccion ul li:hover{
background: #c5c2c2;
transition:0.5s ease-in-out;

}
.col-right .menu-direccion ul li a{
color: gray;
  font-size: 1em;

}


#service_2 .section_header img{
  
 


}
.section_header2{
max-width: 40%;
width: auto;
height: auto;
vertical-align: middle;
border: 0;
margin-top: 30px;
float: left;
margin-top: 30px;
}



#mapa_orga{
  position: relative;
  width:800px;
  height: auto;
  margin: auto;
}

.direccion li{
list-style:initial;
padding: 5px;
}

.enlinea{
background: url(../img/flecha1.png);
width: 43px;
height: 56px;
float: left;
margin-right: 10px;
}
.enlinea2{
background: url(../img/comillas.png);
width: 32px;
height: 24px;
float: left;
margin-right: 10px;
margin-top:5px; 
}
/* sdgfdgdfgdfg*/

.ac-container{
  width: 260px;
  text-align: left;
}
.ac-container label{
   background: #d6d6ce;
color: #184154;
display: block;
font-weight: 400;
border-top: 1px solid #fff;
min-height: 13px;
padding: 4px 10px 6px 10px;
width: 200px;
margin: 0;
}
.ac-container label:hover{
  background: #545452;
  color: white;
  transition:0.3s ease-in-out;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
  background: #969693;
  color: white;
  box-shadow: 
    0px 0px 0px 1px rgba(155,155,155,0.3), 
    0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 7px;
  background: transparent url(../images/arrow_down.png) no-repeat center center;  
}
.ac-container input:checked + label:hover:after{
  background-image: url(../images/arrow_up.png);
}
.ac-container input{
  display: none;
}
.ac-container article{
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
  font-style: italic;
  color: #777;

  font-size: 14px;
  padding:10px;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.5);
}
.ac-container input:checked ~ article.ac-small{
  height: 130px;
}
.ac-container input:checked ~ article.ac-medium{
  height: 150px;
}
.ac-container input:checked ~ article.ac-large{
  height: 180px;
}

span.direccion_m{
  width: 100%;
  height: auto;
  text-align: center;
  font-size:1.05em;
  font-weight: bold;
}

section.sidebar{
  margin-top:20px; 
  background: #eaeae2;
  width: 220px;
}

div.titulo{
  width: 200px;
  height: auto;
  background: #005492;
  padding: 4px 10px 6px 10px;
  color: white;
}
section.link-relacionado ul{
  margin: 0;

}
section.link-relacionado li{
  text-align: left;
  padding: 4px 0px 6px 0px;
  width: 100%;
  height: auto;
  list-style: none;

}
section.link-relacionado li:hover{
  background:rgba(0,0,0,0.15); 
  transition:0.3s ease-in-out;
  cursor: pointer;
  

}


section.link-relacionado lu:hover{
  background:rgba(0,0,0,0.15); 
  transition:0.3s ease-in-out;
 
  

}

section.link-relacionado li a{
  color: #1b4b61;
  padding-left: 10px;


}

.texto-frase{
  padding: 15px;
}

/* sdgfdgdfgdfg*/

/* sdgfdgdfgdfg*/

.dac-container{
  width: 500px;
  text-align: left;
}
.dac-container label{
   background: #d6d6ce;
color: #184154;
display: block;
font-weight: 400;
border-top: 1px solid #fff;
min-height: 13px;
padding: 4px 10px 6px 10px;
width: 400px;
margin: 0;
}
.dac-container label:hover{
  background: #545452;
  color: white;
  transition:0.3s ease-in-out;
}
.dac-container input:checked + label,
.dac-container input:checked + label:hover{
  background: #969693;
  color: white;
  box-shadow: 
    0px 0px 0px 1px rgba(155,155,155,0.3), 
    0px 2px 2px rgba(0,0,0,0.1);
}
.dac-container label:hover:after,
.dac-container input:checked + label:hover:after{
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  right: 13px;
  top: 7px;
  background: transparent url(../images/arrow_down.png) no-repeat center center;  
}
.dac-container input:checked + label:hover:after{
  background-image: url(../images/arrow_up.png);
}
.dac-container input{
  display: none;
}
.dac-container article{
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.dac-container article p{
  font-style: italic;
  color: #777;
  margin: 0;
  font-size: 14px;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
  transition:0.5s ease-in-out;

}
.dac-container input:checked ~ article{
  -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
  box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.5);
}
.dac-container input:checked ~ article.ac-small{
  height: 120px;

}
.dac-container input:checked ~ article.ac-medium{
  height: 150px;
}
.dac-container input:checked ~ article.ac-large{
  height: 180px;
}

.box1{
  display: inline-block;
  width:360px;
  margin-top:10px; 

}
.box2{
  display: inline-block;
}
.pull-right li{
  border-right: 1px solid rgba(9, 9, 9, 0.125);
}
.pull-right li.actives{
  background: url("../img/BG_blue.png") repeat-x scroll left top #316FAB;
color: #FFFFFF;
margin: 0;

}

.navbar-inverse .navbar-inner{
 
  border-bottom: 6px solid #316fab;
}

div.caja-sub{
  /*background: #008637;*/
  width: 250px;
  height: 200px;
  float: right;
  text-align: center;

}
.fondo{
  background: url("../img/BG_lightBlue.png") repeat-x scroll left top #C8D3E4;
 /* opacity: 0.0;
  para Firefox*/
-moz-border-radius: 5px 5px 5px 5px;
/*para Safari y Chrome*/
-webkit-border-radius: 5px 5px 5px 5px;
 /*para Opera*/ 
border-radius: 5px 5px 5px 5px;
}
div.caja-sub img{


}
ul.dropdown-menu li{

  border-bottom: 1px solid white;
}
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle{
  background:url("../img/red.png") repeat-x scroll left top #ab313b;
  text-decoration: underline;
  border: none;
}
.dropdown-menu{
  width: 260px;
}
ul.dropdown-menu li:hover{
  border: none;

}
.dropdown-menu>li>a:hover{
  border-bottom: 1px solid white;
}
@media (min-width: 768px) and (max-width: 996px) { 
.asideb ul li a{
  background: #d6d6ce;
color: #184154;
display: block;
font-weight: 400;
border-top: 1px solid #fff;
min-height: 13px;
padding: 4px 10px 6px 10px;
width: 150px;
}


.navbar-inverse .nav li.dropdown.open>.dropdown-toggle{
  background-color: transparent;
}


}
@media (max-width: 1200px) {
.texto-informacion{
  color: white;
}
#lista-eventos{
 border-right:0 !important; 
}

 div.feature div.span4{
  width: 100%;
 } 
.feature_wrapper {
margin-left: 0px;

}
div.vineta {
padding: 5px 25px 5px 25px;
}
.clear{
  clear: both;
}
.span8 {
width: 460px;
}
.box-actividades{
  width: 160px;
height: 130px;
float: left;

}
div.texto-noticia {
-moz-column-count:1;
-moz-column-gap: 2em;
-moz-column-rule: 1px solid #ccf;
-webkit-column-count: 1; 
-webkit-column-gap: 2em; 
-webkit-column-rule: 1px solid #ccf;
float: left;
text-align: justify;
color: #444444;
padding: 20px 0px 10px 0px;
line-height: 1.5em;
letter-spacing: 0.1px;
}
#actividades{
margin: 0 auto;
width: 100%;

}
.span9 {
width:100%;
/* margin: auto; */
/* margin: auto; */
/* margin-left: 200px; */
}
}
@media (max-width: 995px) {

.feature .text p{
  display: none;
}

}
@media (max-width: 783px) {
.charts_wrapp .span4{
width: 50%;
}


}

@media (max-width: 480px) {
  .ac-container{
width:100%;
text-align: center;

}
.charts_wrapp .span4{

}


}

.ac-container label{
width:100%;

}
.section_header2 {
/* max-width: 40%; */


}


}