body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1em;
  /*background-image:url("../imagenes/fondo.gif");*/
  }
/*
video,img, object {
  max-width: 100%;
}
*/

video, object {
  max-width: 100%;
}

img.grande{
  width: 100%;
}

img.grande1{
  width: 118%;
}

img.grandeciu{
  width: 100%;
}

img.grandeplan{
  width: 100%;
}

img.grandeverde{
  width: 100%;
}

#logo{
  padding-top:35px;
}

h4{
  margin-top:-45px;
  margin-left:170px;
  float:left;
  color:#828282;
  font-family: 'Open Sans', sans-serif ;
}

h2{
text-align:left;
}


/* CSS3 flEx-box */

.box {
display:flex;
display: -webkit-flex; /* Para navegadores webkit, como Safari */
flex-flow: row wrap;
-webkit-flex-flow: row wrap;
justify-content:space-around;
aling-content:center;
aling-item:center;
}

.box div.A {
  order:1;
  flex:0 1 auto;
  align-selft:auto;
  min-width: 0;
  min-height: auto;
  background-color: #C7C7C7;
  width:125px;
  height:165px;
  padding: 8px 8px 5px 8px;
}



.box div.B {
  order:2;
  flex:0 1 auto;
  align-selft:auto;
  min-width: 0;
  min-height: auto;
  background-color: #C7C7C7;
  width:125px;
  height:165px;
  padding: 8px 8px 5px 8px;
}

.box div.C {
  order:3;
  flex:0 1 auto;
  align-selft:auto;
  min-width: 0;
  min-height: auto;
  background-color: #C7C7C7;
  width:125px;
  height:165px;
  padding: 8px 8px 5px 8px;
}

.box div.D {
  order:4;
  flex:0 1 auto;
  align-selft:auto;
  min-width: 0;
  min-height: auto;
  background-color: #C7C7C7;
  width:125px;
  height:165px;
  padding: 8px 8px 5px 8px;

}

.box div.E{
  order:5;
  flex:0 1 auto;
  align-selft:auto;
  min-width: 0;
  min-height: auto;
  background-color: #C7C7C7;
  width:125px;
  height:165px;
  padding:8px 8px 5px 8px;
}

.box div.F {
  order:6;
  flex:0 1 auto;
  align-selft:auto;
  min-width: 0;
  min-height: auto;
  background-color: #C7C7C7;
  width:125px;
  height:165px;
  padding: 8px 8px 5px 8px;
}

/* FIN CSS3 flEx-box */



#col-188{
  float:left;
}


#col-200{
  margin-top:-17px;
  float:right;
}

#col-201{
  margin-top:2px;
  float:right;
}

#col-202{
float: left;
}




/** SN CIUDADANO SECCIONES INTERNAS**/

#imasnciudsec {
  width: 100%;
  height:auto;
}

.titulosnciud{
    font-weight: bold;
    font-size:16px;
}

.imalogsnciu1{
 text-align:center;
  padding-top: 5px;
}

#edictospag{
width:100%;
padding:15px 15px 15px 0px;
letter-spacing:6px;
font-weight: bold;

}

#contenedorboton{
 width: 95%;
 text-align: center;

}

#snciudcont{
  background: #cecccc;
  width:330px;
  height:auto;
  margin-left:60px;
  margin-top: 30px;
  padding:0px 0px 20px 0px;
}

#snciudcont1{
  background: #cecccc;
  width:330px;
  height:auto;
  margin-left:60px;
  margin-top: 100px;
  padding:0px 0px 20px 0px;
}


#snciudcont2{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 100px;
  padding:0px 0px 20px 0px;
}

#snciudcont3{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 100px;
  padding:0px 0px 20px 0px;
}

#urgencias{
  margin-left:35px;
  margin-top: 30px;
}

#bromatologia{
  margin-left:35px;
  margin-top: 25px;
}

#lactanciamater{
  margin-left:35px;
  margin-top: 25px;
}

#sonambula{
  margin-left:25px;
  margin-top:25px;
}

#cementerioint{
  margin-left:50px;
  margin-top:50px;
}

#ciudadsn{
  margin-left:50px;
  margin-top:70px;
}

#infociudad{
  margin-left:50px;
  margin-top:40px;
}

#cud{
  margin-left:50px;
  margin-top:55px;
}


#snciudcont4{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 100px;
  padding:0px 0px 20px 0px;
}

#snciudcont5{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 150px;
  padding:0px 0px 20px 0px;
}

#snciudcont6{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 40px;
  padding:0px 0px 20px 0px;
}

#snciudcont7{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 100px;
  padding:0px 0px 20px 0px;
}

#snciudcont8{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 170px;
  padding:0px 0px 20px 0px;
}

#snciudcont9{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 140px;
  padding:0px 0px 20px 0px;
}

#snciudcont10{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 40px;
  padding:0px 0px 20px 0px;
}

#snciudcont11{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 60px;
  padding:0px 0px 20px 0px;
}

#snciudcont12{
  background: ;
  width:330px;
  height:auto;
  margin-left:60px;
  margin-top: 70px;
  padding:0px 0px 20px 0px;
}

#snciudcont13{
  width:330px;
  height:auto;
  margin-left:60px;
  margin-top: 350px;
  padding:0px 0px 20px 0px;
}

#snciudcont14{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 60px;
  padding:0px 0px 20px 0px;
}

#snciudcont15{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 30px;
  padding:0px 0px 20px 0px;
}

#snciudcont16{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 60px;
  padding:0px 0px 20px 0px;
}

.barnarsncont{
  background:#DF5024;
  width:330px;
  height:12px;
}

.infocontsnciud{
  padding: 0px 10px 10px 10px;
  font-size:13px
}

.contactosnsec{
    padding: 10px 0px 0px 10px;
    font-weight: bold;
    font-size:19px;
}

.triana a{
  text-decoration: none;
  color:black;
  text-indent:30px;
}


/** linea de tiempo accion social**/
#lineasnciud{
  margin-left: 30px;
}

/** FIN SN CIUDADANO SECCIONES INTERNAS**/

.col-not-cont{
  padding-right: 15px;
  padding-left: 15px;
}

.barrafuccia{
 background: #CA2D7B;
 height: 13px;
 width: auto;
}

.barrazul{
 background: #372BA9;
 height: 13px;
 width: auto;
}

.barranaranja{
 background: #DF5125;
 height: 13px;
 width: auto;
}

.barraverde{
 background: #0DA24B;
 height: 13px;
 width: auto;
}

h3{
  font-family: 'Open Sans', sans-serif ;
  font-weight: bold;
  font-size: 21px;
  color: #000;
  margin-left: 0px;
  margin-top: 10px;
}

.rectmenu1{
  background:#DF5024;
  width:auto;
  height:50px;
}

.rectmenu2{
  background:#DF5024;
  width:auto;
  height:95px;
  margin-top: 50px;
}

.textmenu2{
  font-size:14px;
  font-style:bold;
  font-color:white;
  text-align:center;
  padding:20px 0px 0px 0px;

}

.textmenu2 a{
  text-decoration: none;
  color: white;
}
.punto{
  font-size:16px;
  font-style:bold;
  font-color:white;
}

.imalogsnciu{
margin-left:30px;
padding-top:5px;
}

/* municipalidad intendente-secretarios */
#marcogris{
  background: #cecccc;
  width:300px;
  padding:15px 15px 9px 15px;
}

#marcogrisec{
  background: #cecccc;
  width:300px;
  padding:15px 15px 9px 15px;
}

.col-imagen{
  padding-top:3px;
  padding-right: 15px;
  padding-left: 15px;
}

.textosnsec{
    text-align: left;
    padding: 10px 45px;

}

.textsecretarias a{
  text-decoration: none;
  color:black;
}

.secretaria a{
  text-decoration: none;
  color:black;
}


/* sn ciudadano seciones internas continuacion */

.col-imagen-ciudad{
  text-align:center;
  padding: 10px 10px;
}

#col-7{
  width:45%;
  float: left;
  background-color:;
  padding:;
  margin-left:46px;
}

#col-8{
  width:49%;
  float: right;
  background-color:r;
  padding:;
  margin-right:8px;
}

#col-9{
  width:47%;
  float: left;
  margin-left:40px;
}

.munionline{
  float: left;
}

.smart{
  margin-top:193px;
  margin-left: 0px;
}

#col-10{
  width:39%;
  float: left;
  padding:8px 15px 15px 15px;
  margin-left:40px;
}

#col-11{
width:100%;
background-color:gray;
padding:5px 0px 5px 10px;
}

#col-12{
  padding-bottom: 10px;
  margin-top: 10px;
  padding-top: 20px;
}

.contmenublan{
  background:white;
  height:50px;
}

#facecont{
  margin-top: -10px;
}
.textfa{
  margin-top: -31px;
  margin-left: 20px;
}

.textfa a{
  text-decoration: none;
  color:black;
}

.cont1{
  background:#D1D0D0;
  width:150px;
  height:40px;
  float:left;
  margin-left: 82px;
  text-decoration: none;
}

.cont2{
  background:#D1D0D0;
  width:150px;
  height:40px;
  margin-top:-36px;
  margin-right:-172px;
  float:right;
  font-color:#4e4849;
}

.cont3{
  background:#D1D0D0;
  width:150px;
  height:40px;
  margin-top:10px;
  margin-left: -616px;
  float:left;
}

.cont4{
  background:#D1D0D0;
  width:150px;
  height:40px;
  margin-top:-36px;
  margin-right:-172px;
  float:right;
  font-color:#4e4849;
}

.snonline{
  margin-top:40px;
}

.textw{
  text-align:center;
  font-size: 20px;
  color:black;
}

.textw a{
  text-decoration: none;
  color:black;
  }

.textcont1{
  text-align:center;
  font-size: 14px;
  color:black;
  }

  .textcont2{
  text-align:center;
  font-size: 14px;
  color:black;
  letter-spacing:-1px;
  }

.textcont1 a{
  text-decoration: none;
  color:black;
  }

.barnar{
  background:#DF5024;
  width:140px;
  height:8px;
}

.titulosnciud a{
  text-decoration: none;
  color:black;
  }

.videoescpoli{
margin:20px 0px 0px 35px;
}


/** SN VERDE SECCIONES INTERNAS**/

#col-14{
  width:43%;
  float: left;
  padding: 10px 10px 10px 40px;
}


#col-15{
  width:42%;
  float: right;
  padding: 10px 10px 10px 40px;
}

#col-22{
  width:43%;
  float: left;
  margin-left: 70px;
}

#col-23{
  width:45%;
  float: right;
  padding:0px 10px 0px 20px;
}

.enrgiarenopar{
  margin-left:50px;
}

.barversncont{
  background:#0DA24B;
  width:330px;
  height:12px;
}

.rectmenu5{
  background:#0DA24B;
  width:auto;
  height:50px;
}

.rectmenu6{
  background:#0DA24B;
  width:auto;
  height:60px;
  margin-top: 60px;
}

#snciudcontver{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:57px;
  margin-top: 60px;
  padding:0px 0px 20px 0px;
}

.bolsaplas1{
  margin-left:45px;
  margin-top: 65px;
}

.arbol1 {
  margin-left:45px;
  margin-top: 99px;
}

.raee1{
  margin-left:45px;
  margin-top: 99px;
}

.snescrec1{
  margin-left:45px;
  margin-top: 99px;
}

.ecohab1{
  margin-left:45px;
  margin-top: 155px;
}

/** FIN SN VERDE SECCIONES INTERNAS**/


/** SN PLAN 2030 SECCIONES INTERNAS**/

.rectmenu3{
  background:#0073B6;
  width:auto;
  height:50px;
}

.rectmenu4{
  background:#0073B6;
  width:auto;
  height:60px;
  margin-top: 60px;
}

.barazu{
  background:#0073B6;
  width:140px;
  height:8px;
}

.barazusncont{
  background:#0073B6;
  width:330px;
  height:12px;
}

#snciudcont17{
  background: #cecccc;
  width:330px;
  height:180px;
  margin-left:60px;
  margin-top: 30px;
  padding:0px 0px 20px 0px;
}

#snciudcont18{
  width:330px;
  height:auto;
  margin-left:60px;
  margin-top: 20px;
  padding:0px 0px 20px 0px;
}

#snciudcont19{
  width:330px;
  height:auto;
  margin-left:60px;
  margin-top: 50px;
  padding:0px 0px 20px 0px;
}

#snciudcont20{
  width:330px;
  height:auto;
  margin-left:10px;
  margin-top: 50px;
  padding:0px 0px 20px 0px;
}

#snciudcont21{
  width:330px;
  height:auto;
  margin-left:60px;
  margin-top: 10px;
  padding:0px 0px 20px 0px;
}

#snciudcont22{
  width:330px;
  height:auto;
  background: #cecccc;
  margin-left:20px;
  margin-top: 2px;
  padding:0px 0px 20px 0px;
}

#col-16{
  width:43%;
  float: left;
  padding:0px 10px 0px 20px;
}


#col-17{
  width:40%;
  float: right;
  padding:0px 10px 0px 20px;
}


#col-18{
  width:30%;
  float: left;
  margin-left:30px;
}


#col-19{
  width:30%;
  float: left;
  margin-top:30px;
  margin-left:30px;
}


#colhs{
  width:30%;
  float: left;
  margin-top:30px;
  margin-left:30px;
}

#col-20{
  width:30%;
  float: left;
  margin-top: 30px;
  margin-left:30px;
}

#col-21{
  width:46%;
  float: left;
  margin-top: 30px;
  margin-left:30px;
}

.textcont2{
  font-size: 14px;
  color:black;
  word-spacing: -1px;
  letter-spacing: -0.4px;
  margin-left: -8px;
  }

.textcont2 a{
  text-decoration: none;
  color:black;
  }


#patri1{
width:100px ;
height:100px;

}

#patri1 a{
text-align:center;
text-decoration:none;
color:black;
}

#patri2{
  text-align:center;
width:100px ;
height:100px;
float: left;
margin-top: -125px;
margin-left: 155px;
}

#patri2 a{
text-align:center;
text-decoration:none;
color:black;
}

#patri3{
  text-align:center;
width:100px ;
height:100px;
float: right;
margin-top: -155px;
margin-right: 30px;
}

#patri3 a{
text-align:center;
text-decoration:none;
color:black;
}

/** FIN SN PLAN 2030 SECCIONES INTERNAS**/

.barver{
  background:#0DA24B;
  width:140px;
  height:8px;
}

.barfuc{
  background:#CA2D7B;
  width:140px;
  height:8px;
}

.fle{
  float:right;
  margin-top: -23px;
  margin-right: 7px;
}

.fle1{
  float:right;
  margin-top: -27px;
  margin-right: 7px;
}

.fle2{
  float:right;
  margin-top: -28px;
  margin-right: 7px;
}

.fle3{
  float:right;
  margin-top: -23px;
  margin-right: 7px;
}

.fle4{
  float:right;
  margin-top: -27px;
  margin-right: 6px;
}

.fle5{
  float:right;
  margin-top: -28px;
  margin-right: 7px;
}

.fle6{
  float:right;
  margin-top: -22px;
  margin-right: 7px;
}

.fle7{
  float:right;
  margin-top: -28px;
  margin-right: 8px;
}

.fle8{
  float:right;
  margin-top: -27px;
  margin-right: 6px;
}

.fle9{
  float:right;
  margin-top: -22px;
  margin-right: 7px;
}

.fle10{
  float:right;
  margin-top: -28px;
  margin-right: 7px;
}

.fle11{
  float:right;
  margin-top: -28px;
  margin-right: 7px;
}

.fle12{
  float:right;
  margin-top: -28px;
  margin-right: 7px;
}

.fle13{
  float:right;
  margin-top: -28px;
  margin-right: 3px;
}

.fle14{
  float:right;
  margin-top: -48px;
  margin-right: 7px;
}


.col-text{
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

p{
  font-size: 16px;
  line-height: 1.5;
}

#col-3{
  background-color: ;
  width:47%;
  float: left;
  padding:20px 15px 15px 13px;
}

.rectgris{
  background-color: #C7C7C7;
  width:125px;
  height:165px;
  padding:10px 10px 10px 10px;
  text-align:center;
  margin-left: 2px;
}

.rectgris2{
  background-color: #C7C7C7;
  width:125px;
  height:165px;
  padding:10px 10px 10px 10px;
  text-align:center;
  margin-top: -185px;
  margin-left: 158px;
}

.rectgris3{
  background-color: #C7C7C7;
  width:125px;
  height:165px;
  padding:10px 10px 10px 10px;
  text-align:center;
  margin-top: -185px;
  margin-left: 315px;
}


.rectgris4 {
    background-color: #C7C7C7;
    width: 125px;
    height: 165px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin-left: 1px;
  }

.rectgris5 {
    background-color: #C7C7C7;
    width: 125px;
    height: 165px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin-top: -185px;
    margin-left: 158px;
}

.rectgris6 {
    background-color: #C7C7C7;
    width: 125px;
    height: 165px;
    padding: 10px 10px 10px 10px;
    text-align: center;
    margin-top: -185px;
    margin-left: 315px;
  }


.rectnar{
  background-color: #C7C7C7;
  width:140px;
  height:40px;
  text-align:center;
}

.rectnar2{
  background-color: #C7C7C7;
  width:140px;
  height:40px;
  text-align:center;
  margin-top: -40px;
  margin-left: 145px;
}

.rectnar3{
  background-color: #C7C7C7;
  width:140px;
  height:40px;
  text-align:center;
  margin-top: -40px;
  margin-left: 290px;
}

.rectnar4{
  background-color: #C7C7C7;
  width:140px;
  height:40px;
  text-align:center;
  margin-top: 5px;
}

.rectnar5{
  background-color: #C7C7C7;
  width:140px;
  height:40px;
  text-align:center;
  margin-top: -40px;
  margin-left: 145px;
}

.rectnar6{
  background-color: #C7C7C7;
  width:140px;
  height:40px;
  text-align:center;
  margin-top: -40px;
  margin-left: 290px;
}


#col-4{
  background-color: ;
  width:46%;
  float:right;
  padding:20px 34px 15px 5px;
}

#col-5{
  background-color:;
  width:47%;
  float: left;
  padding:15px 15px 15px 15px;
 }

 .rectnot{
  background-color: #DF5125;
  width:400px;
  height:300px;
 }

#col-6{
  background-color: ;
  width:46%;
  float: right;
  padding:15px 15px 15px 15px;
}

.tramites{
  padding: 10px 10px 10px 10px;
  margin-top:20px;
  margin-top: -10px;
  margin-left: -10px;
}

.campana{
  padding: 10px 50px -20px 10px;
  margin-top:10px;
}

.texto3{
  font-family:'Open Sans', sans-serif ;
  text-align:center;
}

.noticiadestaca{
    background-color: #2CB9FA;
    width: 450px;
    height: 323px;
    padding: 10px;
    padding-left:0px;
    padding-right: 0px;
}

.text{
    width: 420px;
    height: 10px;
    background-color: transparent;
    padding: 10px;
    color: #000000;
    position: absolute;
    z-index: 1;
    margin-top: 285px;
}

.text a{
   color: black;
 }
/*seccion noticias transparencia*/

.background {
    width: 414px;
    height: 10px;
    background-color: #FFFFFF;
    padding: 18px;
    margin-top: 287px;
  }

.background1 {
    width: 204px;
    height: 10px;
    background-color: #FFFFFF;
    padding: 18px;
    margin-top:117px;
  }

.background2 {
    width: 204px;
    height: 10px;
    background-color: #FFFFFF;
    padding: 18px;
    margin-top: 117px;
  }

.trans {
    opacity: 0.5;
}


#not1{
    width: 240px;
    height: 163px;
    background:#CA2D7B;
    float: right;
    margin-top: 1px;
    margin-right: 210px;
}

#not2{
    width: 240px;
    height: 163px;
    background:#122C87;
    float: right;
    margin-top: 15px;
    margin-right: 210px;
}

#masnoticias{
    width: 180px;
    height: 340px;
    background:#545353;
    float: right;
    margin-top: -355px;
    margin-right: 20px;
    text-align: center;

}

.text1{
  padding: 10px;
  color: black;
  position: absolute;
  z-index: 1;
}

.text2{
  padding: 10px;
  color:black;
  position: absolute;
  z-index: 1;
}

.text1 a{
color:black;
}

.text2 a{
  color:black;
}
.flecha{
  margin-top: 100px;
}

.textnot{
  text-align:center;
  font-size:22px;
  margin-top: 90px;
  color:white;

}

/* botones intranet - registrarse */

#botingreso{
  margin-top: -100px;
  margin-right: 150px;
  float:right;
  font-size:13px;
  text-align:center;
  padding: 10px 10px;
}

#botregis{
  margin-top: -100px;
  margin-right: 35px;
  float:right;
  font-size:13px;
  text-align:center;
  padding: 10px 5px;
  }

#searchform{
  margin-top:-32px;
  margin-right:39px;
  float:right;
  font-size:14px;
}


.fa {
  display: inline-block;
  font-family:"FontAwesome", normal ;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* Clearfix */

.clearfix:before, .clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
    clear: both;
}

.clearfix {
  *zoom:1;
}

.headercont {
  width:100%;
  margin: 0 auto;
  height: 150px;
  line-height: 180%;
  background: #dddede;
}

.container {
  width:960px;
  margin: 0 auto;
  height: auto;
  line-height: 180%;
}

.contgris{
  width:960px;
  height: auto;
  background-color:#a1a1a1;
}

.snciudano-plan{
  margin-top: 38px;
  margin-left:-3px;
 }

.snplan{
  margin-top: -208px;
  margin-right: 8px;
  float: right;
}

.snverde{
  margin-top: 38px;
  margin-left: 6px;
  }

.snmueve{
  margin-top: -208px;
  float: right;
 }

/*Menu de navegacion*/

#menu {
  height:42px;
  width:100%;
  background-color: #4e4849;
}

#menu ul {
  padding:0;
  height:40px;
  width:800px;
}

#menu li {
  display:inline;
  float:left;
  background-color: #4e4849 ;
}

#menu a {
  color: #fff;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  margin-right: 10px;
  text-align:center;
  text-decoration:none;
  line-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#menu li:last-child a {
  border-right: 0;
}

#menu a:hover, #menu a:active {
  background-color: #4e4849;
}

#menu a#pull {
  display: none;
}

.separamenu{
  color:#8B8B8B;
  margin-top: 6px;
}
/* Fin Menu de navegacion*/

.contactoint{
    font-weight: bold;
    font-size:19px;
}

.infocont{
   font-size:13px;
}

.descripcion{
  font-size:14px;
  margin-top:46px;
}

/* Organigrama*/
.organigrama{
  background: #cecccc;
  width:400px;
  height:70px;
  font-weight: bold;
  font-size:17px;
  text-align:center;

}
.imaorga{
    padding: 10px 5px 5px 10px;
    float: left;
    margin-left: 40px;
}

.textorga{
  padding: 22px 20px 15px 20px;

}

.textorga a{
  text-decoration: none;
  color:black;
}
/* Fin organigrama*/

.secretaria{
  font-weight: bold;
  font-size:17px;
  padding: 30px 10px 2px 20px;

}

.textsecretarias{
  font-size: 15px;
  margin-left:20px;
}

.inten{
  font-weight: bold;
  font-size:17px;
 padding: 30px 10px 2px 20px;
}

.textint a{
  text-decoration: none;
  color:black;
}

.textint{
  font-size: 15px;
  color:black;
}

/* Footer */
footer {
  width:100%;
  height:auto;
  background-color:#4e4849;
  color:#fff;
  font-family:'Open Sans', sans-serif;
  font-size: 15px;
  text-align: center;
  padding-top:15px;
}

#texfooter{
  padding:30px 35px
}

img.facebook{
  padding:10px 40px;
}

img.instagram{
  padding:10px 40px;
}

img.youtube{
  padding:10px 40px;
}

img.streetview{
  padding:10px 40px;
}

/* Fin Footer */

.container {
  width: 960px;
  margin: 0 auto;
/* -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;*/
}

#col-1 {
  width:47%;
  float: left;
  background-color:;
  padding:5px 15px 15px 22px;
}

#col-2 {
  width:46%;
  float: right;
  background-color:;
  padding:5px 16px 15px 14px;
}

/* Formulario */
.formulario{
  background-color:#D2D2D2 ;
}

.formulario .campo-form {
  width: 90%;
  line-height: 35px;
  }

.botenv{
  width: 70px;
  height: 25px;
  float: right;
  background: #fff;
  border: 0;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 40px;
}

.consultas{
  padding:10px 10px 54px 35px;
}

.terminos a{
  text-decoration: none;
  color:white;
}

.embed-container {
    position: relative;
    padding-bottom: 70%;
}

.embed-container iframe {
    position: absolute;
    top:50px;
    left: 60px;
    width: 100%;
    height: 100%;
}

.conface{
  margin-top:100px;
  margin-left: 60px;
}

/* FIN Formulario contacto */

/* Formulario registrarse */

#col-24{
  width:47%;
  padding:5px 15px 15px 22px;

}

.formregis{
  background-color:#D2D2D2 ;
  padding: 20px;

}

.formregis .campo-regis {
  width: 90%;
  line-height: 35px;
  }

.botregis{
  width: 70px;
  height: 25px;
  float: right;
  background: #fff;
  border: 0;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 40px;
}

#textolvidocont{
  font-size: 14px;

}

#textolvidocont a{
  text-decoration: none;
  color:#4e4849;
}

button a{
  text-decoration: none;
  color:#4e4849;
}


iframe{
width: 390px;
height: 380px;
}


.textonoticias{
  font-size:16px;
  text-align:left;
}
/*Formulario e-ciudadano*/

.eciudadano{
  background: #c7c7c7;
}

.eciudadano .consultas .campo-form {
  width: 40%;
  line-height: 35px;
  }


/*Media Queries de CSS3*/


@media screen and (max-width: 480px) {

  .container {
    width:100%;
  }
  .contgris{
    width:100%;
  }
  #col-1, #col-2 {
    width:90%;
    float:left;
  }

  #edictospag{
    width:90%;
    float:left;
  }

.snciudano-plan{
  width:51%;
  float:left;
  margin-left:-10px;
}
.snplan{
  width:51%;
  float:right;
  margin-top: 38px;
  margin-right: -5px;
}

.snverde{
  width:51%;
  float:left;
  margin-left: -3px;

}
.snmueve{
  width:51%;
  float:right;
  margin-right: -12px;
  margin-top: 38px;
}

.rectnar {
margin-top: 4px;
}

#logo{
  max-width:30%;
}

#botingreso {
margin-right: 120px;
}

#botregis {
margin-right: 15px;
}

.botregis1{
float: right;
background: #fff;
border: 0;
text-transform: uppercase;
font-size: 12px;
margin-right: 40px;
}


#searchform{
    margin-top: -10px;
    margin-right: 8px;
    float: right;
    font-size: 16px;
}

#col-3{
  width:40%;
  float:left;
  padding: 0px 0px 0px 0px;
  }

.rectgris{
width:60%;
height:125px;
}

.rectgris2{
width:60%;
height:125px;
margin-top: -145px;
margin-left: 141px;
}


.rectgris3{
width:60%;
height:125px;
margin-top: -145px;
margin-left: 278px;
}

 #col-4{
  width:40%;
  float:left;
  padding: 0px 0px 0px 0px;
  }

.rectgris4{
width:60%;
height:125px;
margin-top: 160px;
margin-left: -155px;
}

.rectgris5{
width:60%;
height:125px;
margin-top: -145px;
margin-left: -17px;
}


.rectgris6{
width:60%;
height:125px;
margin-top: -145px;
margin-left: 120px;
}


  #col-5{
  width:93%;
  float:left;
  padding: 10px 0px 10px 0px;
  }

.noticiadestaca{
  width:107%;
  float:left;
}

.textnot{
width:15%;
float:left;
}
  #col-6{
  width:90%;
  float:left;
  }

  #col-7{
  display:none !important
  }

  #col-8{
 display:none !important
  }

  #col-9{
  width:90%;
  float:left;
  }

  #col-10{
  width:90%;
  float:left;
  }

  #col-11{
  width:90%;
  float:left;
  }

  #col-14{
  width:90%;
  float:left;
  }

  #col-15{
  width:90%;
  float:left;
  }

  #col-16{
  width:90%;
  }

  #col-17{
  width:90%;
  }

  #col-18{
  width:90%;
  }

  #col-19{
  width:90%;
  }

  #col-20{
  width:90%;
  }

   #col-21{
  width:90%;
  }

  #col-22{
  width:90%;
  }

  #col-23{
  width:90%;
  }

#col-24{
  width:90%;
  }

#col-26{
  width:90%;
  }

  #col-188{
  width:90%;
}

#col-200{
width:90%;
margin-top: 20px;
margin-right: 40px;
}

#col-201{
width:90%;
float: left
}

#col-202{
width:90%;
float: left
}

.background {
width: 91%;
float: left;

  }

  #not1{
  display:none !important
  }

  #not2{
  display:none !important;
  }

  #masnoticias{
  width: 100%;
  height: 80px;
  float:left;
  margin-right: 6px;
  margin-top: -30px;
  margin-bottom:20px;
  }

.flecha {
    margin-top: 17px;
    margin-right: -345px;
  }

.textnot{
  margin-top: -75px;
  margin-right: 650px;
  font-size:-50px;
}
  img.youtube{
  margin-left: 10px;
  margin-top:10px;
}

  h4{
    display:none !important;
  }

  #menu {
    border-bottom:0;
    height:auto;

  }

  #menu ul {
    display:none;
    height:auto;
    width:100%;

  }

  #menu li {
      width:100%;
      float:left;
      position:relative;
      padding:0;
      margin:0;

    }

  #menu li a {
    border-bottom: 1px solid #030303;
    background-color:#4e4849;
    border-left: 1px solid #030303;
  }

  .separamenu{
      display:none !important;
  }


  #menu a{
    width:100%;
    text-align:left;
    margin-left: 0px;
    }

  #menu a#pull {
    display:block;
    background-color:#030303;
    width:100%;
    position:relative;
    text-align:left;
    text-indent:5px;
    margin-left: 0px;

  }

  #menu a#pull:after {
    content:"";
    background: url('../imageness/nav-icon.png') no-repeat;
    width:30px;
    height:30px;
    display:inline-block;
    position:absolute;
    right:15px;
    top:10px;
    }

}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width:100%;
  }

  .contgris{
    width:100%;
  }

  #col-1, #col-2{
    width:92%;
  }

  #searchform{
    margin-top: -25px;
    margin-right: 8px;
    float: right;
    font-size: 16px;
}

  #edictospag{
    width:95%;

  }

.snciudano-plan {
    margin-top: 38px;
    margin-left: 5px;
}

.snplan{
    margin-top: -208px;
    margin-right: -10px;
    float: right;
}

.snverde {
    margin-top: 38px;
    margin-left: 10px;
  }

.snmueve{
    margin-top: -208px;
    float: right;
    margin-right: -17px;
}

  #col-3{
  width:95%;
  }

.rectgris {
  margin-left: 10px;
  width: 25%;
  height: 140px;
}

.rectgris2 {
  margin-left: 165px;
  margin-top: -159px;
  width: 25%;
  height: 140px;
}

.rectgris3 {
  margin-left: 320px;
  margin-top: -159px;
  width: 25%;
  height: 140px;

}
  #col-4{
  width:95%;
  }

 .rectgris4 {
  margin-left: 10px;
  margin-top: 20px;
  width: 25%;
  height: 140px;
 }

.rectgris5 {
margin-left: 165px;
margin-top: -159px;
width: 25%;
height: 140px;
}

.rectgris6 {
margin-left: 320px;
margin-top: -159px;
width: 25%;
height: 140px;
}

   #col-5{
  width:95%;
  }

.noticiadestaca {
width: 590px;
}

.background {
  width: 94%;
}

#not1{
margin-right: 195px;
width: 396px;
height: 239px;
}

#not2{
display:none !important;
}

#masnoticias{
  width: 100%;
  height: 80px;
  float: left;
  margin-right: 6px;
  margin-top: -30px;
  margin-bottom: 20px;
}

.textnot{
  margin-top: -70px;
}

.flecha {
  margin-top: 18px;
  }

.background1{
    width: 91%;
    margin-top:193px;

 }

.text1{

}

#col-6{
  width:95%;
  }

  #col-7{
   width:95%;
   margin-left:100px;
  }

  #col-8{
   width:95%;
   margin-right:-70px;
   margin-top: 3px;
 }


  #col-9{
  width:95%;
  }

  #col-10{
   width:95%;
  }

  #col-11{
  width:95%;
  }

  #col-14{
  width:90%;
  float:left;
  }

  #col-15{
  width:90%;
  float:left;
  }

  #col-16{
  width:95%;
  }

  #col-17{
  width:95%;
  }

 #col-18{
  width:95%;
  }

 #col-19{
  width:95%;
  }

  #col-20{
  width:95%;
  }

   #col-21{
  width:90%;
  }

  #col-22{
  width:90%;
  }

  #col-23{
  width:90%;
  }

  #col-24{
  width:90%;
  }

  #col-26{
  width:90%;
  }

   #col-188{
  width:90%;
}

#col-200{
  width:90%;
  margin-top: 20px;
  margin-right: 40px;
}

#col-201{
width:90%;
float: left
}

#col-202{
width:90%;
float: left
}

 h4{
    display:none !important;
  }

  #menu {
      height:auto;
  }

  #menu ul {
  width:100%;
  display:block;
  height:auto;
  }

  #menu li {
  width:50%;
  float:left;
  position:relative;
  padding:0;
  margin:0;
  }

  #menu li a {
  border-bottom: 1px solid #030303;
  border-right: 1px solid #030303;
  }

  #menu a {
  text-align:left;
  width:100%;
  text-indent:25px;
  margin-left: 0px;
  }

  .separamenu{
  display:none !important;
  }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .container {
    width:90%;
  }

  .contgris{
    width:90%;
  }

  #col-1, #col-2{
    width:43%;
  }

  #menu {
      height:auto;
  }

  #menu ul {
  width:100%;
  display:block;
  height:auto;
  }

  #menu li {
  width:50%;
  float:left;
  position:relative;
  padding:0;
  margin:0;
  }

  #menu li a {
  border-bottom: 1px solid #030303;
  border-right: 1px solid #030303;
  }

  #menu a {
  text-align:left;
  width:100%;
  text-indent:25px;
  margin-left: 0px;
  }

  .separamenu{
  display:none !important;
  }

#col-201{
width:90%;
float: left
}

#col-202{
width:90%;
float: left
}

/*Media Query de CSS3 para retina*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #retina{
    background: url("css/images/loquesea@2x.png")
}