* { margin: 0; padding: 0; }
		
@font-face {
    font-family: 'montlight';
    src: url('Montserrat-Light-webfont.eot');
    src: url('Montserrat-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Light-webfont.woff') format('woff'),
         url('Montserrat-Light-webfont.ttf') format('truetype'),
         url('Montserrat-Light-webfont.svg#montlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montbold';
    src: url('Montserrat-Bold-webfont.eot');
    src: url('Montserrat-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Montserrat-Bold-webfont.woff') format('woff'),
         url('Montserrat-Bold-webfont.ttf') format('truetype'),
         url('Montserrat-Bold-webfont.svg#montbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { background: #000 url(../images/bg-html.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;	-moz-background-size: cover; -o-background-size: cover; background-size: cover; }
				
body { margin: 0 auto; padding: 0; color: #ccc; font-family: 'montlight', Verdana, sans-serif; }		

#header { float:left; margin: 0 auto; padding: 14px 0 0 0; width: 100%; min-width: 930px; background: url(../images/bg-header.png) repeat-x bottom center; position: fixed; z-index:1000; }
.logo { margin: 0; padding: 0px 5px 11px 30px; float:left; font-family: 'montbold', Verdana, sans-serif; font-size: 19px; color: #fdc82a; line-height: 30px;}
.logo .eu { font-size: 12px;}
.logo a:link { text-decoration: none; color: #fdc82a;}
.logo a:visited {text-decoration: none; color: #fdc82a;}
.logo a:hover, a:focus { text-decoration: none; color: #fdc82a;}

.menu { margin: 0; padding: 1px 20px 10px 15px; list-style-type: none; float:right; line-height: 30px;}
.menu li{ float:left; padding: 0 10px; font-size: 14px;}
.menu li a:link { text-decoration: none; color: #ccc;}
.menu li a:visited {text-decoration: none; color: #ccc;}
.menu li a:hover, a:focus { color: #fff;}

.clear { clear: both; margin: 0; padding: 0; }

#underheader { margin: -3px auto 0 auto; padding: 0; width: 930px; height: 20px; background: url(../images/bg-underheader.png) repeat bottom center; }

#content { margin: 0 auto; padding: 0 40px;  width: 850px; background: url(../images/bg-content.png) repeat bottom center; font-size: 13px; line-height: 20px;}
#content h1 { margin: 0; padding: 45px 0 15px 0; font-family: 'montlight', Verdana, sans-serif; font-size: 25px; color: #fff; }
#content h2 { margin: 0; padding: 15px 0 5px 0; font-family: 'montlight', Verdana, sans-serif; font-size: 20px; color: #fff; }
#content h3 { margin: 0; padding: 10px 0 0px 0; font-family: 'montlight', Verdana, sans-serif; font-size: 15px; color: #fff; }
#content p  {margin: 0; padding: 10px 0; text-align: justify; }


img.fotoleft { margin: 0; padding: 5px 20px 15px 0; float:left; }
img.fotoright { margin: 0; padding: 15px 0 15px 20px; float:right; }

#mapa { width: 850px; height: 550px; z-index:99; }
	
  
#taby {width: 850px; background: url(../images/bg-content.png) repeat bottom center; font-size: 13px;}  
#gallery {}
#gallery div.off { width:168px; margin: 0 1px; float:left; text-align: center; background: url(../images/bg-tabs.png) repeat top center; 
cursor:pointer; position:relative; z-index:20; color: #ccc; padding: 15px 0 15px 0;}
#gallery div.on { width:168px; border-top: 1px solid #fdc82a; padding: 15px 0 15px 0; margin: 0 1px; float:left; text-align: center;
cursor:pointer;  position:relative; z-index:100; color: #fdc82a;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; width:850px; margin: 0; padding: 0; position:relative; z-index:50;}
.tabs { float: left; width: 850px; margin: 0; padding: 0; }
.tabs p{ margin: 0; padding: 20px 0; }


@media screen and (max-width: 1300px) {
    .logo { font-size: 18px; }
    .menu li{ font-size: 13px;}
}	
 
@media screen and (max-width: 1200px) {
    .logo { font-size: 17px; }
    .menu li{ font-size: 12px;}
}		 
 
@media screen and (max-width: 1100px) {
    .logo { font-size: 16px; }
    .menu li{ font-size: 11px;}
}		

@media screen and (max-width: 1000px) {
    .logo { font-size: 15px; }
    .menu li{ font-size: 10px;}
}

@media screen and (max-device-width: 500px) {
    #header { position: static;}
    .logo { font-size: 20px;}
    .menu { float:left;}
    .menu li{ font-size: 20px;}

}