/*!
Theme Name: Sitio 32
Description: SISTEMA DE GESTIÓN DE CONTENIDO CMS WORDPRESS PARA LOS SITIOS WEB 3.0 GUBERNAMENTALES
Version: 3.2
Text Domain: sitio-32
Domain Path: /library/languages/

License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Sitio 30 WordPress Theme, Copyright 2015 c.bavota
Sitio 30 is distributed under the terms of the GNU GPL
*/
.menu-item i._mi {
    font-size: 1.8em !Important;
    padding-left: 0.2em !Important;
    padding-top: 0.4em !Important;
}

#programas-items .overview li span {
    font-size: 0.9em !Important;
    padding-top: 0.6em !Important;
}



#site-ti{
  margin-top: -203px;
  margin-left: -19px;
  position: absolute;
  z-index: 999;
  color: #ffffff;
  font-size: 30px;width: 61%;
}


#titulo-co{
	font-size: 16px; font-weight: bold
}

#siscot{
  height: 172px;
  margin-left: -79px;
  margin-top: -199px;
  width: 38%;
  background-color: rgba(0, 139, 255, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#siti{
  width: 101%;
  margin-left: -10px;
  margin-top: 11px;
  color: #ffffff;
  font-style: normal;
  font-size: 19px;
  font-weight: bold;
  font-family: inherit;
}

#mifrase{
  width: 101%;
  margin-left: 69px;
  margin-top: 22px;
  color: #ffffff;
  font-style: normal;
  font-size: 17px;
  font-weight: normal;
  font-family: inherit;
}

@media all and (max-width: 1000px) {
    #cambiom {
          width: 100% !important;
          height: 286px !important; 
    }
}

@media all and (max-width: 992px) {
  #fucsia{
    width: 150%;
    margin-top: -2%;
    
  }
}

@media all and (max-width: 600px) {
    #franja-re{
       background-color: #019be2;
       height: 15px;
       margin-left: 0px !important;
       width: 33% !important;
    }
}

@media all and (max-width: 992px) {
    #franja-re{
      display: none;
    }
}

@media all and (max-width: 547px) {
    #siscot {
      width: 113%;
      margin-top: 27%;
      margin-left: 0px;
      background-color: #019be2;
      height: 80px;
    }
}

@media all and (max-width: 355px) {
    #siscot {
      width: 113%;
      margin-top: 40%;
      margin-left: 0px;
      background-color: #019be2;
      height: 80px;
    }
}
  
@media all and (max-width: 429px) {
    #siscot {
      width: 113%;
      margin-top: 36%;
      margin-left: 0px;
      background-color: #019be2;
      height: 80px;
    }
}

@media all and (max-width: 600px) {
    #siti{
       font-size: 17px;
    }
}

@media all and (max-width: 1200px) {
    #mifrase{
      width: 101%;
      margin-left: 14px;
      margin-top: -28px;
      color: #ffffff;
      font-style: normal;
      font-size: 17px;
      font-weight: normal;
      font-family: inherit;
    }
}

@media all and (max-width: 900px) {
    #mifrase{
      display: none;
    }
}

@media all and (max-width: 992px) {
    #mifrase{
     display: none;
    }
}

#franja-re{
  background-color: #019be2;
  height: 15px;
  margin-left: -58px;
  width: 37%;
}

#fucsia{

background-color:#de3176; height:15px;
margin-left:14px;
width: 65%;

}

#titulo-co2{
	margin-left: 11% !important;
}



@media all and (max-width: 1200px) {

#titulo-co2{
	margin-left: 69% !important;
	  margin-top: 98% !important;
}


}
@media all and (max-width: 1100px) {

#titulo-co2{
	margin-left: 69% !important;
	  margin-top: 98% !important;
	  display:none;
}


}

#titulo-co2{
	 font-weight:bold;  position: absolute;  margin-top: -35px;  z-index: 2; color:white; margin-left:20px;
}

.frase-lateral-desc{
background:#019be2;
padding-top:50px;
color:#fff !important;
font-size:14px;
text-align:left;
height:396px;
margin-left: -11px;
}
.frase-lateral-desc a{
  color: #fff;
}

 @media (max-width: 1010px) {
#right-social{
  display: none !important;
}
.container-logo{
    float: left;
  }
  .frase-lateral-desc{
    height: 100% !important;
  }
  }
  
@media all and (max-width:700px) {

#siflo{
	 height:225px !important; z-index: 1; overflow-y:scroll; 
}


}
#siflo{
	 height:355px; z-index: 1; overflow-y:scroll; 
}

/*2da seccion */
      .compartir{  
        text-align: center; 
        margin-top: 10px !important;
  margin-bottom: 10px !important;
      }
      .compartir .col-md-12{
        margin-bottom: 17px !important;
      }
      .estilo-imagen{
        text-align: center !important;
      }

.estilo-titulo{
    padding-top: 20px !important;
    text-align: center;
}

.barra-comunicamos{
  margin-left: -21px !important;
  width: 100% !important;
   }

/* inicio plantilla interna de contenidos */
.estilo-frase{
    color:#010101;
    margin-top:29px;
    margin-bottom:37px;
    font-family: Georgia;
    font-size: 17px;
    font-style: italic;
    margin-left: 24px;
  width: 91%;
}
.estilo-titulo{
  color:#010101;
  font-weight:bold;
  margin-top:0px;
  font-family:Helvetica, open sans-serif;
  font-size:25px;
}
.estilo-cont-noticias{
  font-family: Helvetica, open sans-serif;
  font-size: 14px;
  color: #010101;
}
.estilo-leyenda{
 margin-top: 0px;
 font-family: Helvetica, open sans-serif;
 font-size: 11px; color: #010101;
}
.estilo-imagen{

 overflow:hidden;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 text-align: right;
}
.estilo-imagen img{
 width:398px;
 margin-left:70px;
}
/* fin plantilla interna de contenidos */
.sf-navicon-button{
  background: transparent !important;
}

.noticia-home{
  position: relative;
  float: left;
  font-size: 13px !important;
  background: #F2F2F2;
  padding: 10px;
}
.fecha-home{
  margin-bottom: 5px;
  font-weight: bold;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.padding-15 {
   padding-left: 15px !important;
   padding-right: 15px !important;
}
.padding-10 {
   padding-left: 10px !important;
   padding-right: 10px !important;
}
.padding-5 {
   padding-left: 5px !important;
   padding-right: 5px !important;
}
.padding-0 {
   padding-left: 0px !important;
   padding-right: 0px !important;
}

.margin-15 {
   margin-left: 15px !important;
   margin-right: 15px !important;
}
.margin-10 {
   margin-left: 10px !important;
   margin-right: 10px !important;
}
.margin-5 {
   margin-left: 5px !important;
   margin-right: 5px !important;
}
.margin-0 {
   margin-left: 0px !important;
   margin-right: 0px !important;
}
.padding-left-15{
  padding-left: 15px !important;
  padding-right: 0px !important;
}
.padding-left-10{
  padding-left: 10px !important;
  padding-right: 0px !important;
}
.padding-left-5{
  padding-left: 5px !important;
  padding-right: 0px !important;
}
.padding-right-15{
  padding-right: 15px !important;
  padding-left: 0px !important;
}
.padding-right-10{
  padding-right: 10px !important;
  padding-left: 0px !important;
}
.padding-right-5{
  padding-right: 5px !important;
  padding-left: 0px !important;
}
.margin-left-15{
  margin-left: 15px !important;

}
.margin-left-10{
  margin-left: 10px !important;
}
.margin-left-5{
  margin-left: 5px !important;
}
.margin-right-15{
  margin-right: 15px !important;
}
.margin-right-10{
  margin-right: 10px !important;
}
.margin-right-5{
  margin-right: 5px !important;
}

.met_share_line {
  line-height: 15px;
  color: #010101;
  font-size: 12px;
}
.met_share_line span {
  display: block;
  margin-right: 10px;
  float: left;
}
.float-share {

}

.basic a {
  color: #010101; }
  .basic a.btn, .basic a.comment-reply-link,
  .basic .form-submit a#submit,
  .form-submit .basic a#submit {
    color: #fff; }
  .basic a.btn-default {
    color: #333; }
  .basic a:hover {
    color: #2A6496; }


a.met_color_transition {
  font-size: 11px;
  margin-left: 6px;
  color: #010101;
  clear: both;
  border-bottom: 1px solid #ccc;
  display: block;
  text-decoration:none;
  margin-bottom: 3px;
  padding-bottom: 3px;
}
.noimp{
  text-align:left;
  vertical-align:bottom;
  width:660px;
  position:absolute;
  font-size:10px;
   color:#fff;
   margin-top:5px;
}

.bg-1{
  background-color:#C7C7C7;
}
.bg-2{
  background-color: #EDECEC;
}
.bg-1, .bg-2{
  padding: 8px;
  font-size: 11px;
  border-bottom:2px solid #fff;
}
.bg-1 a, .bg-2 a{
  color:#000;
  text-decoration: none;
}
.bg-1 a:hover, .bg-2 a:hover{

}

.texto{
  font-size: 13px;
}

h4.strong{
  font-weight: bolder !important;
  font-size: 12px !important;
  margin: 3px 0 7px 0;
  height: 14px;
}

#cssmenu ul ul li a {
  color: #00405a;
    
}
#cssmenu ul ul li a:hover {
    color: rgb(31, 160, 228);
}


#main.single .social.nofoto {
    padding-top: 60px !Important;
    padding-left: 30px !Important;
}