/* HEADER STYLES*/

/* HEADER GOV.CO*/
#head_content {	float: left; width: 100%; border-bottom: 3px solid #82b440; background: url("../img/bgHeader.png") top center no-repeat; background-size: 100% }
#headTop { padding: 0% 5%; height: 40px; width:90%; background: #005dca; overflow: hidden }
#headTop #gov { float:left; padding:0px; margin: 10px 3% 10px 0%; font-size: 12px; text-align: right }
#headTop #gov a, #headTop #gov a img { display: block; float: left; max-height: 20px }

/* HEADER LOGOS AND SEARCH */

#headLogos { float: left; width:100%; padding: 1% 0% }
#headLogos #logo { width: 34%; float: left; padding: 9px 5%; text-align: center; height: auto }
#headLogos #logo a img { float: left; width: 50%; padding: 8px 25% }

/* HEADER REDES */
#headRedes { float: left; margin: -8px 0% 0%; width: 12%; height: 60px }
#headRedes a { float: left; padding: 1%; width: 23% }
#headRedes a img { float: left; width: 80%; margin: 0% 10% }

/* HEADER MENU */
#headMenu { color: #000000; float: left; padding: 9px 5%; width: 34%; height: 60px }
#headMenu ul.categorias { font-size: 14px; font-family: "Work Sans", sans-serif, sans-serif; width: 80%; padding: 0% 0%; margin: 20px 0px; height: 40px; float: right; font-weight: bold }
#headMenu ul.categorias li { padding: 0%; margin: 0%; float: left; width: 13%; text-align: center; height: 40px; justify-content: center; align-items: center; list-style: none; border-radius:5px; line-height: 16px; }
#headMenu ul.categorias li.activo { color: #3F3F3F; background: #C0FF00; border-radius: 5px }
#headMenu ul.categorias li.activo:hover { color: #fff; background: #DD0E89; border-radius: 5px }
#headMenu ul.categorias li.activo a { color: #3F3F3F; display: block }
#headMenu ul.categorias li.activo a:hover { color: #fff; background: #DD0E89; border-radius: 5px }
#headMenu ul.categorias li.activo .arrow{ background: url("../img/arrow-down-w.png") no-repeat }
#headMenu ul.categorias li.activo .subcategorias a { color: #000; background: #F6F8F6 }
#headMenu ul.categorias li.activo .subcategorias a:hover { background: #E8E8E8 }
#headMenu ul.categorias li a { padding:12px 10px; color: #3F3F3F }
#headMenu ul.categorias li a span.arrow { width: 16px; height: 16px; float: left; margin-left: 5px; background: url("../img/arrow-down.png") no-repeat; position: absolute; margin-top: 1px }
#headMenu ul.categorias li:first-child { width: 20% }
#headMenu ul.categorias li:nth-child(2) { width: 30% }
#headMenu ul.categorias li:nth-child(3) { width: 30% }
#headMenu > ul > li:hover { background-color:#f8f8f8; color:#000;}
#headMenu > ul > li a:hover { color:#000; text-decoration: underline; font-weight: bold }
#headMenu ul.categorias li ul.subcategorias { display: none; position: absolute; top: 230px; background-color: #F2F2F2; z-index: 999; min-width: 260px; width: 260px; transition: .3s; padding: 0px }
#headMenu ul.categorias li ul.subcategorias li a.gray { color: #000000; font-size: 14px; background: #F6F8F9; padding: 10px; }
#headMenu ul.categorias li ul.subcategorias li { display: block; width: 100%; margin: 0px; float: left; padding: 0% 0%; border-bottom: 1px dotted #ccc; height: auto !important }
#headMenu ul.categorias li a { text-align: center; display: block }
#headMenu ul.categorias li:hover { background: #E8E8E8 }

@media only screen and (max-width: 959px){
	#head_content {	float: left; width: 100%; border-bottom: 3px solid #82b440; background: url("../img/bgHeader.png") top center no-repeat; background-size: 300% }
	#headRedes { float: left; margin: 0px 32% 0%; width: 38%; height: 36px }
	#headLogos #logo { width: 70%; float: left; padding: 9px 5%; text-align: center; height: auto }
	#headLogos #logo a img { float: left; width: 80%; padding: 0px 0% }
	#toggle { color: #000000; float: left; padding: 18px 3%; width: 14%; height: 60px }
	#menuMobile { float: left; width: 90%; padding: 5%; display: none }
	.menu-icon { font-size: 2em !important; color: #8508BF }
	#footPowered { padding: 0px !important; float: left; width: 100% !important; margin: 0% !important }
	#footPowered a { padding: 10px 0% 10px; float: left; width: 100% }
	#footPowered a img { width: 50px }
}