@font-face {
	font-family: 'Conv_abac';
	src: url('../lib/abac.eot');
	src: local('?'), url('../lib/abac.woff') format('woff'), url('../lib/abac.ttf') format('truetype'), url('../lib/abac.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
#logo{
background: url("../img/logo.png");
position: absolute;
width: 350px;
height: 120px;
z-index: 9;
margin: -70px 0px 0px 20px;
}
#button{
position: absolute;
width: 140px;
height: 60px;
z-index: 9;
right: 10px;
margin: 15px 0px 0px 0px;
}
#button a{
float: right;
}
#button .blog{
background: url("..img/blog.png") 0px -42px no-repeat;
width: 42px;
height: 38px;
z-index: 9;
}
#button .blog:hover{
background-position: 0px -6px;
}
#button .news{
background: url("../img/newsletter.png") 0px -2px no-repeat;
width: 120px;
height: 35px;
z-index: 9;
}
#button .news:hover{
background-position: 0px -35px;
}
#menu_nav{
bottom: -60px;
position: absolute;
z-index:999;
height: 60px;
overflow:hidden;
}
ul#menu {  
margin-top: 20px;  
padding: 0;  
list-style: none;  
float: left;  
font-size: 1.5em;  
}  
ul#menu li{  
margin: 0;  
padding: 0;  
overflow: hidden;  /*--Importante - Estado inicial del menu, sin mantenernos encima de el--*/  
float: left;  
height:40px;  
}  
ul#menu li a{ 
font-family: "Conv_abac";
font-size: 16px;
color: #555;
padding: 0px 25px 0 12px;
text-transform: uppercase;
}
ul#menu li a h1{  
}
ul#menu li a:hover{
font-size: 16px;
font-style: normal;
cursor: pointer;
text-decoration: none;
text-align: center;
color: #000;
}
ul#menu .menuhover{
/*background: url("../img/hover.png") no-repeat;*/
position: absolute;
width: 60px;
height: 30px;
top: -25px;
}
/**********Content box**************/
#content{
position: absolute;
width: 320px;
height: 500px;
margin: -1000px 25px;
background: url('../img/bg.png');
z-index: 999;
right: 10px;
}
#content .title{
margin-left: 10px;
margin-top:10px;

}
#content .wrap{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
color: white;
padding: 20px 20px 35px 20px;
overflow:hidden;
height: 420px;

}
#content .map{
display:none;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
color: white;
padding: 20px 20px 35px 20px;
overflow:hidden;
height: 420px;
}
#content p{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
font-size: 12px;
color: white;
text-align: justify;
text-shadow:none;
opacity: 0.7;
}
.contentform{
width: 320px;
}
.left{
float: left;
}

/***************CONTACT**********************/
.contact h2{
color: white;
font-size: 14px;
}
.contact {
margin: 40px 20px;
}
.contact p {
font-size: 12px;
}
.contact a {
font-size: 12px;
text-shadow:none;
color: white;
}
p.transparent-text {
    opacity: 1;
}
/**********social media******************/
#media{
width: 125px;
height: 40px;
float: right;
margin: -50px 5px;
}
#media a{
float: right;
padding-right: 5px
}
.face{
width: 33px;
height: 34px;
background: url('../img/sprite_media.png') -34px -3px no-repeat;
}
#media .face:hover{
background-position:-34px -38px;
}
.twitter{
width: 34px;
height: 34px;
background: url('../img/sprite_media.png') 0px -3px no-repeat;
}
#media .twitter:hover{
background-position:-0px -38px;
}
.blog{
width: 34px;
height: 34px;
background: url('../img/sprite_media.png') -67px -3px no-repeat;
}
#media .blog:hover{
background-position:-67px -38px;
}