* {margin: 0; padding: 0;}
img { max-width:100%}
/*Inicia estilo menu lateral izquierdo*/

#top {
	width:100%;
	height:135px;
    border-bottom:solid 1px #BDBDBD
}
   #textoQro {
            display:none;
        }
#topClima{
   width:258px;
    height:35px;
	margin-left: 0px; 
	float: right;
    background:#EDEDED;
    display:inline-block; 
}
#topMenu {display: inline-block;
    width: 100%;
    float: left;}	
#topLogo { 
	width:333px;
	height:auto;
	margin-left: 10px;
    float: left;
    top: 0px;
    position: relative;  
    display:inline-block; 
}
.imgDependencia { width:100%;
	max-width:300px;
	height:auto;
	position: relative;
	float:left; 
	display:inline-block;}
#topRedes { 
	width: 250px;
    margin-left: 0px;
    float: right;
    top: 0px;
    position: relative;
    display: inline-block;
    height: 54px;
    margin-bottom: 10px;
}

#topBuscar { 
	width:300px;
    height:35px;
	
    margin-right: -14px;;
	float: right;
    display:inline-block; 
}

#topBuscar p { 
	color:#ffffff;
    margin:30px;
    font-size:16px;
    font-weight: bold;
}

#topBuscar input[type="text"]  { 
	left:30px;
    position:relative;
    border-radius: 5px 0px 0px 5px;
      -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
    border: solid 1px gainsboro;
    height:35px;
    width:220px;
        vertical-align: text-bottom;
}

#topBuscar input[type="button"]  { 
    position:relative;
    left:26px;
    top:0px;
    border-radius: 0px 5px 5px 0px;
    border: solid 1px gainsboro;
    height:35px;
    width:35px;
    background:#03A9F4;
    background-image:url("iconos/general/lupa1.png");
    background-repeat: no-repeat;
    background-position: 5px;
}
/*footer redes*/
.fa-facebook, .fa-twitter, .fa-youtube, .fa-rss { padding:5px;}

@-moz-document url-prefix() {

    #topBuscar input[type="button"] {
        top:0px;
        -moz-transform: translateY(-10px);
    }
/*Contador de visitas*/
div.row:nth-child(9) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) { display:none;}
/*Ultimo texto de la pagina*/
div.row:nth-child(10) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > p:nth-child(2) { text-align:center;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #topBuscar input[type="button"] {
        top:0px;
        left:26px;
    }
}


#navlist {
    position: relative;
}

#navlist li {
   
    list-style: none;  
    top: 0;
    margin:10px;
}

#navlist li, #navlist a {
    width: 38px;
     height: 38px;
    display: inline-block;
}

#facebook{
    width: 38px;
    height: 38px;
    background: url(/t_css/iconos/social/fb.png);    
}
#facebook:hover{   
    background: url(/t_css/iconos/social/fb_hover.png);    
}

#twitter{
    width: 38px;
    height: 38px;
    background: url(/t_css/iconos/social/tw.png);    
}

#twitter:hover {
    background: url(/t_css/iconos/social/tw_hover.png);  
}

#youtube{
    width: 38px;
    height: 38px;
    background: url(/t_css/iconos/social/yt.png);    
}

#youtube:hover {
    background: url(/t_css/iconos/social/yt_hover.png);
}

#rss{
    width: 38px;
    height: 38px;
    background: url(/t_css/iconos/social/rss.png);    
}
#rss:hover{
    background: url(/t_css/iconos/social/rss_hover.png);    
}

#temperaturaC{
    font-size:30px;
    vertical-align:middle;
    display:inline-block;
    margin: 20px;
}

#temperaturaIcono{
    display:inline-block;
}

/*----------------------------DISPOSITIVOS------------------------------------*/
@media (max-width: 991px) and (min-width:657px) {
body {
    padding-top: 10px;
}
#topBuscar {
    width: 100%;
    height: 45px;
    margin-right: 0px;
    float: left;
    display: inline-block;
    margin-top: 10px;
    background-color: #a0a6ac;
}
    #topBuscar input[type="button"] {
    position: relative;
    left: 26px;
    top: 7px;
    border-radius: 0px 5px 5px 0px;
    border: solid 1px gainsboro;
    height: 30px;
    width: 35px;
    background: #03A9F4;
    background-image: url("https://www.queretaro.gob.mx/t_css/iconos/general/lupa1.png");
    background-repeat: no-repeat;
    background-position: 5px;
}


#topClima {
    width: 100%;
    height: 62px;
    margin-left: 0px;
    float: left;
    background: #EDEDED;
    display: inline-block;
    margin: 20px 0px 20px 0px;
}
#topBuscar input[type="text"] {
left: 30px;
    position: relative;
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border: solid 1px gainsboro;
    height: 30px;
    width: 90%;
    vertical-align: text-bottom;
    top: 5px;
}

    
}    

@media (max-width: 656px) and (min-width: 457px){
body {
    padding-top: 0px;
}
#topLogo { 
	width:333px;
	height:auto;
	margin-left: 10px;
    float: left;
    top: 0px;
    position: relative;  
    display:inline-block; 
}
.imgDependencia {    display: inline-block;
    width: 100% !important;
    max-width: 250px;
    margin-left: 10px;
    float: right;}
#topLogo > div > img {
width:100% !important;
max-width:150px;
}

.imgDependencia> img {width:100% !important;
max-width:350px;
}
#topBuscar {
    width: 100%;
    height: 45px;
    margin-right: 0px;
    float: left;
    display: inline-block;
    margin-top: 10px;
    background-color: #0055b7;
}
    #topBuscar input[type="button"] {
    position: relative;
    left: 26px;
    top: 7px;
    border-radius: 0px 5px 5px 0px;
    border: solid 1px gainsboro;
    height: 30px;
    width: 35px;
    background: #03A9F4;
    background-image: url("https://www.queretaro.gob.mx/t_css/iconos/general/lupa1.png");
    background-repeat: no-repeat;
    background-position: 5px;
}
#topBuscar input[type="text"] {
left: 30px;
    position: relative;
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border: solid 1px gainsboro;
    height: 30px;
    width: 85%;
    vertical-align: text-bottom;
    top: 5px;
}
#topClima {
    width: 100%;
    height: 60px;
    margin-left: 0px;
    float: left;
    background: #EDEDED;
    display: inline-block;
    margin: 10px 0px 10px 0px;
}
#topClima .tabla {
    width: 50%;
    height: 60px;
    margin-left: 0px;
    float: left;
    background: #EDEDED;
    display: inline-block;
    margin: 10px 0px 10px 0px;
}
#topRedes {
width: 50%;
    margin-left: 0px;
    float: right;
    top: 0px;
    position: relative;
    display: inline-block;
    height: auto;
    margin-bottom: 10px;
}




}
@media (max-width: 456px) and (min-width:320px) {
body {
    padding-top: 0px;
}
.responsiveTop { display:inline-block;
	width:100%;
	height:auto;
}
#top {
    width: 100%;
    height: 95px;
    border-bottom: none;
}

#topClima {
    width: 100%;
    height: 94px;
    margin-left: 0px;
    float: left;
    background: #EDEDED;
    display: inline-block;
    margin: 10px 0px 10px 0px;
}
#topClima {
    width: 100%;
    height: 120px;
    margin-left: 0px;
    float: left;
    background: #EDEDED;
    display: inline-block;
    margin: 10px 0px 10px 0px;
}
#topBuscar {
    width: 100%;
    height: 45px;
    margin-right: 0px;
    float: left;
    display: inline-block;
    margin-top: 10px;
    background-color: #0055b7;
}
    #topBuscar input[type="button"] {
    position: relative;
    left: 26px;
    top: 7px;
    border-radius: 0px 5px 5px 0px;
    border: solid 1px gainsboro;
    height: 30px;
    width: 35px;
    background: #03A9F4;
    background-image: url("https://www.queretaro.gob.mx/t_css/iconos/general/lupa1.png");
    background-repeat: no-repeat;
    background-position: 5px;
}
#topBuscar input[type="text"] {
left: 30px;
    position: relative;
    border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    border: solid 1px gainsboro;
    height: 30px;
    width: 70%;
    vertical-align: text-bottom;
    top: 5px;
}#topRedes {
    width: 100%;
    margin-left: 0px;
    float: right;
    top: 0px;
    position: relative;
    display: inline-block;
    height: auto;
    margin-bottom: 10px;
}


.imgDependencia {    display: inline-block;
    width: 100% !important;
    max-width: 250px;
    margin-left: 10px;
    float: right;}


.imgDependencia> img {width:100%;
max-width: 200px;
    margin-top: -7px;
}

/*////////////////ICONOS MÁS CONSULTADOS PAG PRINCIPAL TRANSPARENCIA////////////////*/
div.col-sm-3:nth-child(2) > div:nth-child(1) > img:nth-child(1) {height: 50px;}
div.col-sm-3:nth-child(1) > div:nth-child(1) > img:nth-child(1) {height: 50px;}
div.col-xs-6:nth-child(3) > div:nth-child(1) > img:nth-child(1)	{height: 50px;}
div.col-xs-6:nth-child(4) > div:nth-child(1) > img:nth-child(1)	{height: 50px;}

/*boton de noticias ver más noticias*/
a.pull-right:nth-child(2) {margin: 30px;}
h3.azulDarky { text-align:left;}

/*FOOTER AZUL GENERAL*/
.footer-distributed {
    background-color: #292c2f;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    font: bold 16px Avenir;
    padding: 36px 20px;
    margin-top: 80px;
}




}