/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
strong{
	font-weight:700;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family:HNLC;
	src:url(../_fonts/HelveticaNeueLTPro-LtCn.otf);

}

@font-face {
	font-family:HNULC;
	src:url(../_fonts/HelveticaNeueLTPro-UltLtCn.otf);
}
@font-face {
	font-family:HNBC;
	src:url(../_fonts/HelveticaNeueLTPro-BdCn.otf);
}

html, body {
	height:100%;
}

body {
	background-image:url(../images/bg.JPG);
	width: 100%;
	height: 100%;
	font:15px HNLC, Arial, Helvetica, sans-serif;
  -webkit-font-smoothing:antialiased;
  font-smooth:always;
  -webkit-transform:rotate(-0.0000000001deg);
  -moz-transform:rotate(-0.0000000001deg);
  transform:rotate(-0.0000000001deg);
  font-weight:300;
}


a {
	text-decoration:none;
	color: rgba(255, 255, 255, 0.78);
}

#main {
	min-height:100%;
	overflow:hidden;
}

#sidebar {
	float:left;
	width:320px;
	background:#5c5d5d url(../images/cerc.png) 42px 625px no-repeat;
	height:100%;
	min-height:100%;
    z-index:200;
}

#nav {
	font:26px HNULC, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:right;
	position:relative;
	top:7px;
/*	letter-spacing:-0.1em;*/
}

.nav {
	height:26px;
	margin-top:9px;
	margin-bottom:9px;
	clear:right;
	padding-right:15px;
}

.nav a {
	color:#fff;
}

.nav a:hover {
	color:#8ec03f;
}

.subnav {
	display:none;
	font-size:21px;
	text-align:left;
	position:relative;
	margin-left:320px;
	padding-left:15px;
	width:220px;
	z-index:2000;
	margin-top:-36px;
	letter-spacing:0.05em;
}

.sn {
	height:35px;
}

.subnav a {
	color:#fff;
	text-shadow:0 0 0px #fff;
}

.subnav a:hover {
	color:#8ec03f;
	text-shadow:0 0 0px #fff;
}

#subnav {
	display:none;
	position:absolute;
	width:240px;
	top:0;
	left:320px;
	bottom:0;
	background: rgba(92, 93, 93, 0.70) url(../images/cerc.png) -278px 625px no-repeat;
	z-index:10;
	height:100%;
	min-height:100%;
}


#mininav2 {
	font:12px HNBC, Arial, Helvetica, sans-serif;
	position:relative;
	margin-top:53px;
	margin-left:148px;
	padding-bottom:100px;
	color:#959696;
}


#mininav {
	font:14px HNBC, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	position:relative;
	margin-top:-50px;
	margin-left:20px;
	padding-bottom:100px;
}

.mininav a {
	line-height:22px;
}

.mininav.credit {
  margin-top:60px;
}

#mininav a {
	opacity:0.4;
}

#logo {
	float:right;
}

#home {
	display:block;
	overflow:auto;
}

#content-wrapper {
  width:800px;
	float:left;
	position:absolute;
	left:320px;
	right:0;
	margin:0;
	padding:0;
}

#content-wrapper.index {
	width:auto;
}


#content {
	background: rgba(232, 242, 217, 0.70);
	padding:64px;
	padding-right:0;
	position:absolute;
	top:514px;
	left:0;
	right:0;
	bottom:0;
}

#content2 {
	background: rgba(232, 242, 217, 0.70);
	padding:64px;
	padding-right:0;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

#content.fluid{
	top:0;
	position:relative;
}
#content.itallap, #content.palyazat, #content.spa, #content.long{
	position:relative;
	top:0;
}
#gallery {
	background:rgba(216,230,227,.85);
	padding:64px;
	padding-right:0;
  overflow:auto;
}

#decoration {
	height:514px;
}

h2 {
	font:64px HNULC, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	width:550px;
	position:relative;
	top:64px;
	left:64px;
	color:#fff;
}

h3 {
	color:#5c5d5d;
	font-size:26px;
	text-transform:uppercase;
	line-height:44px;
}

.text {
  margin-top:40px;
  padding-right:64px;
	line-height:27px;
	text-transform:none;
}
.etlap .text{
	text-transform:none;
	line-height:normal;
}
.text a {
  color:#18437e;
  border-bottom:0px solid;
}


/* Elastislide Style */
.es-carousel-wrapper{
	position:relative;
}
.es-carousel{
  position:relative;
  top:540px;
  left:64px;
	overflow:hidden;
  z-index:1;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-style:solid;
	border-color:#222;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
	border-color:#fff;
	opacity:1.0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav {
  display:none;
}

.es-nav span{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}
.rg-image {
  position:absolute;
  top:0;
  left:0;
}
.rg-image-nav-prev, .rg-image-nav-next {
  display:block;
  color:#666;
  position:relative;
  z-index:1000;
  background:#000;
  width:40px;
  height:40px;
  top:50%;
  text-align:center;
  font-weight:700;
  font-size:48px;
  line-height:48px;
}

.rg-image-nav-prev {
  position:absolute;
  left:0;
  top:180px;
}

.rg-image-nav-next {
  position:absolute;
  left:760px;
  top:180px;
}
.gallery-thumb {
  float:left;
  margin:18px 25px 14px 0;
}
#pressdl {
  display:block;
  clear:both;
  font-weight:700;
  color:#333;
  font-size:18px;
  text-align:center;
}
.i18n {
	color:#ffde2a;
}
a.red{
	color:#8ec03f;
}
img.icon-pdf {
	width:24px;
	height:auto; !important
	margin-right:0px;
	position:relative;
	top:10px;
	left:-10px;
}

<style type="text/css">
 
#share-buttons img {
position:static;
width: 5px;
border: 0;
box-shadow: 0;
}

#share-buttons {
	width:300px;
position:fixed;
left:1130px;
top:10px;
}
 
</style>