@charset "UTF-8";
/* CSS Document */

/* header reforma */
.cont_hd_id {width:100%; height:50px; position: relative; background:#1594f3; overflow: hidden;}
.cont_960hd {max-width:960px; width: 100%; height: 50px; position: relative; margin: 0 auto;}
.hd_menu {max-width:35px; min-height: 28px; position: relative; float: left; top:11px; left:1rem;}
.hdmenu-inner, .hdmenu-inner:after, .hdmenu-inner:before {
    background-color: #ffffff;
    position: absolute;
    width: 35px;
    height: 4px;
    border-radius: 5px;
    content: '';
    transition-timing-function: ease; 
    transition-duration: .2s;
    transition-property: transform,opacity;
}
.hdmenu-inner:before {
    top: 10px;
}
.hdmenu-inner:after {
    top: 20px;
}
.hd_idReforma {width:240px; height: 35px; position: relative; margin: 0 auto; top:7px;}
.hd_usuario {width:35px; height: 35px; position: absolute; float: right; top:7px; right: 1rem;}

/* fin bloque max 980px */

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

@media screen and (max-width: 780px){
/* HD MENU id reforma*/   /******************************************************/
.hd_idReforma {width:220px; height: 35px; top:9px;}	

	
}

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

@media screen and (max-width: 480px){
/* HD MENU id reforma*/    /***************************************/
.hd_idReforma {width:180px; height: 35px; top:12px;}	
.hd_menu {max-width:30px; min-height: 28px; position: relative; float: left; top:13px; left:1rem;}
.hdmenu-inner, .hdmenu-inner:after, .hdmenu-inner:before {
    background-color: #ffffff;
    position: absolute;
	width: 30px;}
.hdmenu-inner:before {
    top: 9px;
}
.hdmenu-inner:after {
    top: 18px;
}
.hd_usuario {width:32px; height: 32px; position: absolute; float: right; top:9px; right: 1rem;}	
	
}

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

@media screen and (max-width: 320px){
/* HD MENU id reforma*/    /***************************************/
.hd_idReforma {width:160px; height: 35px; top:13px;}	
.hd_menu {max-width:25px; min-height: 28px; position: relative; float: left; top:15px; left:1rem;}
.hdmenu-inner, .hdmenu-inner:after, .hdmenu-inner:before {
    background-color: #ffffff;
    position: absolute;
	width: 30px;
	height: 3px;}
.hdmenu-inner:before {
    top: 8px;
}
.hdmenu-inner:after {
    top: 16px;
}
.hd_usuario {width:28px; height: 28px; position: absolute; float: right; top:12px; right: 0.7rem;}
	
}