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

* {margin:0; padding:0; border:0;}
html {font-size:100%; -webkit-text-size-adjust: 100%;}
.clear {clear:both;}
.subtitulo{padding: 20px 0px 10px;font: 400 22px/28px 'Oswald', "Arial Narrow", sans-serif;}
.cont_1200hd {max-width:1200px; width: 100%; height: auto; 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_usuario {width:35px; height: 35px; position: absolute; float: right; top:7px; right: 1rem;}


/* BLOQUE ARRIBA */
.barra_hd {width:100%; height: auto; position: relative; top:0; background:#f7f7f7; padding: 6px 0;}


.fijo {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
}

.fijo.animando,
.fijo.animando > * {
	transition: all 0.3s ease;
}

.contenedor_gral_cuerpo.offset-scroll {
	margin-top: 100px;
}

.barra_hd.fijo {
	top: 50px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	position: fixed;
}

.cont_hd_id.fijo {
	position: fixed;
}

.contenedor_gral_cuerpo {max-width:980px; width: 100%; height: auto; position: relative; margin: 0px auto;}
.contenedor_gral_cuerpo img {width:100%; height: auto;}



@media screen and (max-width: 1200px){
.hd_seccion { width:230px; left:1rem; border-left: 2px solid #6db21d; padding-left: 8px; top:3px;}
.barra_hd .ico_barra_der {width: 80px; right: 0.8rem;}	
.barra_hd .busqueda_new {width:300px; right: 1.6rem; background: #ffffff;
			-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;border-radius: 7px 7px 7px 7px;}

	
}

@media screen and (max-width: 640px){
.hd_seccion { width:150px; left:1rem; font-size:1rem; border-left: 2px solid #6db21d; padding-left: 8px; top:3px;}
.barra_hd .ico_barra_der {width: 80px; right: 0.8rem;}	
.barra_hd .busqueda_new {width:180px; right: 1.35rem; background: #ffffff;
			-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px;border-radius: 7px 7px 7px 7px;}	
}

@media screen and (max-width: 440px){
.barra_hd .ico_barra_der {width: 80px; right: 0.8rem;  }		
.barra_hd .busqueda_new {width:60%; left: 14% !important; float: right;background: #ffffff; margin-top: 15px; display: block; }

	
}