/* CSS Document */

header { width: 100%; padding: 7px 10px; }
header.headerfondo { background: no-repeat url(/images/fondos_header/default.jpg) center; background-size: cover; -moz-background-size: cover; }

div#enlace_header { float: left; width: auto; }

div#tituloheader { font-size: 27px; color: #4868fb; font-weight: bolder; float: right; padding-top: 11px; } 
div#sloganheader { font-size: 14px; color: #4868fb; font-family: "Arial Narrow", Narrow; float: right; padding: 0px; }
div#telefonoheader { font-size: 0.85em; color: #4868fb; float: right; padding: 5px 0px; }
	div#telefonoheader strong { font-size: 1.6em; color: #4868FB; font-weight: bold; }
	div#telefonoheader a { text-decoration: none; color: inherit; }
		div#telefonoheader a:hover { text-decoration: underline; }
		div#telefonoheader img { margin-left: 5px;}
@media screen and (max-width: 450px) {
	div#tituloheader { font-size: 24px; } 
	div#sloganheader { font-size: 9px; } 
}

div#lineamenu { background-color: #262626; padding: 0px; width: 100%; color: #4868FB; font-size: 14px; }

nav { width: 100%; max-width: 1100px; margin: 0 auto; }
div.elemento_menu, div.elemento_menu_expandido { float: left; padding: 2px 14px; cursor: pointer; text-transform: uppercase; }
	div.elemento_menu:hover, div.elemento_menu_expandido:hover { background-color: #3C4ACC; color: white; }
	
div.desplegar_menu { padding: 0px; height: 1px; width: 1px; overflow: hidden; opacity: 0; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; }
	
div#destacado_menu { font-weight: bold; font-style:italic; color: #B4E61C; }
	div#destacado_menu_movil { width: 1px; height: 1px; overflow: hidden; padding: 0px; }
div#acceso { color: #999999; }

@media screen and (max-width: 470px) {
	div.desplegar_menu { padding: 2px 14px; height: auto; width: 30%; overflow: visible; opacity: 1; cursor: pointer; text-transform: uppercase; text-align: left; float: left; }
	div.elemento_menu { padding: 0px; height: 1px; width: 1px; overflow: hidden; opacity: 0; }
	div.elemento_menu_expandido { width: 100%; text-align: center; border-bottom: 1px solid white; padding: 5px; }
		div.desplegar_menu:hover { background-color: #3C4ACC; color: white; }
		
	div#destacado_menu_movil { width: 70%; float: right; padding: 2px; overflow: auto; height: auto; text-transform: uppercase; cursor: pointer; font-weight: bold; font-style:italic; color: #B4E61C; text-align: right; }
		div#destacado_menu_movil:hover { background-color: #3C4ACC; color: white; }
	div#destacado_menu { width: 1px; height: 1px; overflow: hidden; padding: 0px; }
}