/* =general ------------------------------------------------ */
*{margin:0; padding:0;}
body{border:0; background:#fff; font:0.75em/1.35 Helvetica,Arial,sans-serif; color:#898989;}

/* =hrefs */
a{text-decoration:none; color:#000; outline:none;}
a:hover{text-decoration:none; color:#c8da03; outline:none;}
a:active{outline:none;}

/* =imgs */
img{border:0; display:block;}

/* =lists */
ul{list-style:none;}
ul.lista{margin:5px; padding:0 0 0 10px; list-style:none;}
ul.lista li{margin:3px 0;}

ol{margin:10px; padding:0 0 0 15px; list-style-position:outside;}
ol li{margin:5px 0;}
abbr{border:0;}
address{font-style:normal;}

/* =classes -------------------------------------------------- */
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.fright{float:right;}
.fleft{float:left;}
.nofloat{float:none;}

.cleft{clear:left;}
.cright{clear:right;}
.cboth{clear:both;}

.structural{position:absolute; top:-800em; left:-800em;}
.hide{display:none;}

.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display: block;}
* html .clearfix {height:1%;}

/* =container ----------------------------------------------- */
#container{width:940px; margin:0 auto; padding:10px 0 100px 0; position:relative;}

/* =hidden -------------------------------------------------- */
#hiddennav{position:absolute; top:-3000px; left:-9000px;}

/* =heading ------------------------------------------------ */
#heading{padding:75px 0 0 0; height:112px;}
#heading p.logo{float:right;}

/* =footer ------------------------------------------------ */
#footer{clear:both; margin:0 20px 0 0; padding:90px 0 0 0; position:relative;}
#footer p.heading{margin:0 0 25px 0; color:#000; font:1.2em 'HelveticaNeueRoman',Helvetica,Arial,sans-serif; text-transform:uppercase;}
#footer li{font:.92em/1.45 Arial,Helvetica,sans-serif;}
#footer li strong{color:#000;}
#footer li a{color:#898989;}

#about{width:800px; float:left;}
#about div{float:left; width:140px; margin:0 20px 0 0; padding:5px 0 0 5px; border-top:1px solid #ccc;}

#about #location{width:455px;}
#about #location li{float:left; display:inline; width:215px; margin:0 20px 0 0;}
#about #location li.last{margin:0;}

#about #contact{width:135px;}
#about #contact li{margin:0 0 16px 0;}
#about #contact li a:hover{text-decoration:none; color:#000;}

#about #social{margin:0; width:135px;}
#about #social ul{ margin:-2px 0 0;}
#about #social li a{float:left; clear:left; margin:0 0 14px 0; padding:2px 0 0 26px;}
#about #social li a.last{margin:0;}
#about #social li a.facebook{background:url(img/logo-facebook.png) no-repeat;}
#about #social li a.flickr{background:url(img/logo-flickr.png) no-repeat;}
#about #social li a.youtube{background:url(img/logo-youtube.png) no-repeat;}
#about #social li a.linkedin{background:url(img/logo-linkedin.png) no-repeat;}
#about #social li a:hover{background-position:0 -19px; text-decoration:none; color:#000;}

#about a:hover{text-decoration:underline;}

#langnav{position:absolute; right:0; bottom:16px; font-size:0.83em; color:#000; text-transform:uppercase;}
#langnav li{float:left; display:inline; margin:0 5px 0 0; padding:0 7px 0 0; background:url(img/sep-lang.png) no-repeat right center;}
#langnav li.last{margin:0; padding:0; background:none;}
#langnav a{color:#898989;}
#langnav a:hover{color:#c8da03;}

/* =menu --------------------------------------------------- */
/* mainmenu*/
#menu{position:absolute; left:0; top:10px; z-index:2000;}
#menu li{float:left; display:inline; width:140px; margin:0 20px 0 0; font:.9em Arial,Helvetica,sans-serif;}

#menu li.main a{display:block; padding:5px; border-top:1px solid #ccc; text-transform:uppercase; font:1.6em 'HelveticaNeueBold',Helvetica,Arial,sans-serif; font-weight:bold;}
#menu li.main a:hover{border-top:1px solid #c8da03; color:#c8da03;}

#menu li.secondary a{display:block; padding:5px; border-top:1px solid #ccc; text-transform:uppercase; font:1.6em 'HelveticaNeueRoman',Helvetica,Arial,sans-serif; font-weight:normal;}
#menu li.secondary a:hover{border-top:1px solid #c8da03; color:#c8da03;}

#menu li span{padding:0 5px; font-style:normal; color:#898989;}
#menu li a.selected{border-top:1px solid #c8da03; color:#c8da03;}

/* =content -------------------------------------------- */
#content{width:920px; position:relative;}
h1{font:12em 'HelveticaNeueBold',Helvetica,Arial,sans-serif; color:#000; text-transform:uppercase; line-height:1; padding-bottom:10px;}
#textarea p{padding:0 0 15px 0;}

p.boton a{float:left; display:inline; height:20px; overflow:hidden; background:url(img/masc-boton-left.png) no-repeat;  background-color:#000; color:#fff; text-align:center; font:normal .9em Arial,Helvetica,sans-serif;}
p.boton span{float:left; display:inline; padding:3px 10px; background:url(img/masc-boton-right.png) no-repeat right 0;}
p.boton a:hover{background-color:#c8da03; color:#000;}