@charset "utf-8";

@font-face {
    font-family: 'din-boldalternateregular';
    src: url('../estilos/dinba-webfont.woff2') format('woff2'),
url('../estilos/dinba-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:"DINNextLTPro-Regular";
	src:url("../estilos/DINNextLTPro-Regular.eot");
	src:url("../estilos/DINNextLTPro-Regular.eot?") format("embedded-opentype"),
url("../estilos/DINNextLTPro-Regular.woff") format("woff"),
url("../estilos/DINNextLTPro-Regular.ttf") format("truetype"),
url("../../estilos/DINNextLTPro-Regular.svg#DINNextLTPro-Regular") format("svg");
}
@font-face {
	font-family:"DINNextLTPro-Light";
	src:url("../estilos/DINNextLTPro-Light.eot");
	src:url("../estilos/DINNextLTPro-Light.eot?") format("embedded-opentype"),
url("../estilos/DINNextLTPro-Light.woff") format("woff"),
url("../estilos/DINNextLTPro-Light.ttf") format("truetype"),
url("../../estilos/DINNextLTPro-Light.svg#DINNextLTPro-Light") format("svg");
}

/*--------menu-----------*/
#boton_menu{width:50px; height:50px; position:absolute; z-index:1000; margin-left:1em; padding:0.5em;  background:#A36929;/*background:#A36929;*/
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 0px solid #000000;
}
#boton_menu:hover{background:#573816;}
#cont_menu{ background:#7D511F; margin:0; overflow:auto; top:0; position:relative; z-index:100;}
#cont_menu h2{font-family:din-boldalternateregular; color:white; margin-left: 4em;}
ul#menu {width:95%; margin-top:2em; padding-top: 0.5em;}
ul#menu  li{float:left; display:block; width: -moz-calc(14% - 1em); width: calc(14% - 1em); margin-right:1em; margin-bottom: 2em; padding-top:0.3em; padding-bottom:0.3em; text-align:center; }
ul#menu  li a .icon{float:left; display:block; width:100%; margin-left:auto; margin-right:auto; }
ul#menu  li a .texto{float:left; display:block; font-family:din-boldalternateregular; color:white; font-size:0.8em; text-decoration:none; width:100%;}
ul#menu  li:hover{
	outline:2px solid white; 
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}