@charset "utf-8";
/* ATECA */

*{ margin: 0; padding: 0; }

html, body {
  height: 100%;
}

body{font-family: 'PT Sans', sans-serif; font-size: 13px; line-height: 18px; color: #333333; }

h1{ margin: 0; padding: 0 0 11px 0; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size:20px; color: #000; }
h1.homepage{ margin: 0; padding: 0 0 5px 0; font-family: 'PT Sans', sans-serif; font-weight: 700; font-size:18px; color: #000; }

a:link, a:active, a:visited{ text-decoration: none; color: #025dcc; }
a:hover{ text-decoration: underline; }

a.link-green:link,a.link-green:visited{ text-decoration: none; color: LimeGreen; }
a.link-green:hover{ text-decoration: underline; }

 /* static */
#header{ width: 100%; height: 70px; position: absolute; top: 0; left: 0; z-index: 1; background: #FFF; }

.logo{float:left; height:50px; margin:10px 0 0 10px;}
#language{ margin-top: 39px; padding-left: 22px; float: left; text-align: left; font-size:0; }
#language li{ padding: 0 8px 0 8px; display: inline; text-transform: none; text-transform: uppercase; font-size: 13px; font-weight: 700; border-right: solid 1px #000; }
#language li.last{ border-right: none; }
#language li a{ color: #000; text-decoration: none; }
#language li a:hover{ color: #b58847; }
#language li a.active{ color: #b58847; }

#nav{ margin-top: 39px; float: right; text-align: right; font-size:0; }
#nav li{ padding: 0 30px 0 0; display: inline; text-transform: none; text-transform: uppercase; font-size: 13px; font-weight: 700; }
#nav li a{ color: #000; text-decoration: none; }
#nav li a:hover{ color: #b58847; }
#nav li a.active{ color: #b58847; }

ul#gallery{width: 100%; height: 100%; overflow:hidden; position: absolute; top: 0; left: 0; z-index: 0; list-style-type: none; font-size:0 }
ul#gallery li{ width: 100%; height: 100%; }
ul#gallery li img{ width: 100%; height: 100%; }

/* homepage */
#homepage-info{ width: 474px; height: 245px; position: absolute; top: 100px; left: 50%; margin: 0px 0 0 -237px; z-index: 2; -moz-border-radius: 6px; border-radius: 6px; background: url(../images/homepage-info-bg.gif) top no-repeat #FFF; }
#homepage-info-close{ width: 14px; height: 14px; margin: 13px 14px 0 0; float: right; background: url(../images/btn-homepage-info-close.gif); }
#homepage-info-close:hover{ cursor: pointer; }
#homepage-info-content{ width: 434px; padding: 143px 0 0 20px; text-align: center; font-size:14px; line-height: 20px; }
.btn-homepage{ width: 180px; height: 30px; margin-top: 18px; padding: 9px 0 0 0;  color: #FFF; font-size: 14px; text-align: center; -moz-border-radius: 6px; border-radius: 6px; background: #498ab6; }
.btn-homepage:hover{ cursor: pointer; background: #b58847; }
.btn-homepage a{ color: #FFF; text-decoration: nonel; }


/*video*/
.fullscreen {
  height: calc(100% - 70px);
	overflow: hidden;
	width: 100%;
}
.video {
  display: block;
	left: 0px;
	overflow: hidden;
	padding-bottom: 56.25%; /* 56.25% = 16:9. set ratio */
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.video .wrapper {
  display: block;
	height: 300%;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.video iframe {
  display: block;
	height: 100%;
	width: 100%;
}

/* content pagina */
#content-container{ width: 700px; height: 458px; margin: -229px 0 0 -350px; padding: 19px 20px 0 20px; position: absolute; top: 50%; left: 50%; overflow: hidden; font-size:14px; font-weight: 400; line-height: 20px; -moz-border-radius: 6px; border-radius: 6px; background: #FFF; }
#content-container.contact{height: 478px;}

ul#photos{width: 720px; height: 350px; margin-top: 5px; list-style-type: none; font-size:0 }
ul#photos li{width: 126px; height: 64px;  margin: 0 15px 15px 0; float: left; border: solid 1px #b58847; }
ul#photos li:hover{ border: solid 1px #000; cursor: pointer; }
ul#photos li img{ width: 126px; height: 64px; }