@import url(reset.css);

body {background: url(../i/bg.jpg) 0 0 repeat scroll; font: 81.25%/1.4 Tahoma, Arial, sans-serif; text-align: center;}
body#error404 {background-image: none; background: #fff}
body#error404 #logo{top: 30px; left: 30px}
body#error404 #error{margin: 10em 0 0 50%; position: relative; left: -15em }
input, select, textarea {font-size: 100%}

#wrapper {padding-left: 15px; text-align: left; position: relative; overflow: hidden; min-width: 1000px; z-index: 100}

#header {position: relative; height: 30px; padding: 410px 0 0 0; z-index: 100;}
#header-bg{background: url(../i/header.png) 0 0 no-repeat scroll; width: 100%; height: 440px; position: absolute; top: 0; left: 0;}

#mainnav {margin-left: 1em; position: relative; overflow: hidden; z-index: 150}
#mainnav li {float: left; display: block; list-style: none; margin-right: 0.077em; position: relative;}
#mainnav a{color: #069; display: block; float: left; height: 19px; text-decoration: none; padding: 0 10px; line-height: 19px; position: relative;}
#mainnav a i {dispay: block; width: 10px; height: 19px; position: absolute; right: 0; top: 0; margin-left: 100%; left: -10px}
#mainnav a:hover i, #mainnav .active a i{background: #88b8cf url(../i/mm-corners.gif) 0 0 no-repeat scroll;}
#mainnav a:hover, #mainnav .active a {background: #88b8cf url(../i/mm-corners.gif) -10px 0 no-repeat scroll; color: #fff;}
#logo {left: 270px; position: absolute; top: 30px; z-index: 150}
#lang-switcher {left:730px; position:absolute; top:290px; text-transform: uppercase;}
#lang-switcher li {float: left; display: block; width: 18px; padding: 12px 3px 0; background: url(../i/flags.png) 0 0 no-repeat scroll; border-right: 1px solid #cacaca; text-align: center;}
#lang-switcher .en {background-position: 0 -36px; border: none}

#header .contact {background: url(../i/dots.gif) 100% 0 repeat-y scroll;  left:700px; padding-right:20px; position:absolute; text-align: right; top: 25px; width: 270px; z-index: 200}
#header .contact h3{color: #88b8cf; font-size: 2.616em; font-weight: normal; line-height: 1; margin-bottom: 0.148em; margin-top: -3px}
#header .contact p{margin-bottom: 0; position: relative;}
#header .contact .feedback{background: url(../i/feedback-ico.gif) 0 3px no-repeat scroll; padding-left: 20px}

#content {background: #fff; color: #333; padding: 10px 45px; position: relative; width: 730px; z-index: 100}
#footer {background: url(../i/footer.png) 0 0 no-repeat scroll; padding: 30px 10px 20px;  position: relative; width: 800px; z-index: 100}
#copyright {margin: 1em 0pt; float: left;}
.counter {margin: 1em 0pt; float: right;}
#footnav {padding: 0 0 0 .308em; text-align: center}
#footnav li{background: url(../i/bullet.png) 100% 55% no-repeat scroll; list-style: none; display: inline; padding: 0 1em 0 0.231em}
#footnav li a{color: #fff; text-decoration: none}
#footnav li.last {background: none;}

h1 {color: #5eb9e4; font-size: 1.847em; font-weight: normal; margin-bottom: 0.5em}
h2 {font-size: 1.231em; margin-bottom: 0.616em}
p {margin-bottom: 1em}
a {color: #006699}
a.anchor {position: relative; top: -3em}

.mountain {background: url(../i/mountain.jpg) 0 0 no-repeat scroll; height: 265px; left: 55px; position: absolute; top: 146px;  width: 600px}
.clouds {background: url(../i/clouds.png) 0 0 no-repeat scroll; height: 190px; position: absolute; top: 15px; left: 35px; width: 630px}
.fotoside {height: 567px; width: 315px; position: absolute; top: 200px; left: 690px; z-index: 10}
#index .fotoside {background: url(../i/photos-1-bg.png) 0 0 no-repeat scroll;}

.gallery {overflow: hidden; margin: -1em 0 2em -9px}
.foto  {margin: 1em 0 0 9px; display: inline}
.foto, .foto div {background: url(../i/frame.png) 0 0 repeat scroll; float: left}
.foto div {background-position:100% 0; display:inline; float:left; margin:0 0 -1px 6px; padding-top:9px}
.foto div div {background-position:100% 100%; margin: 0; padding: 0 5px 0 0}
.foto div div div{background-position: 0 100%; left: -6px; padding: 0; position: relative}
.foto img{border: 6px solid #FFFFFF; position: relative; left: 5px; top: -3px}
.foto a img{border: 6px solid #FFFFFF; position: relative; left: 0; top: 0}
.foto div a{display: block; left: 5px; position: relative; top: -3px}
.foto p{display: block; margin: -10px 0 0 0; padding: 0 0 10px 10px; text-align: center; }

table.info, table.info2 {border: none; margin-bottom: 2em; width: 99%;}
table.info th, table.info td {padding: 12px 12px 2px}
table.info2 th, table.info2 td {padding: 8px 12px 8px}
table.info th, table.info2 th {font-weight: normal; color: #006699; line-height: 1.2}
table.info td, table.info tbody th {vertical-align: top;border-bottom: 1px solid #006699;}
table.info tbody th {text-align: left}
table.info2 td, table.info2 tbody th {border-bottom: 1px solid #006699; text-align: left}
table.info thead th, table.info2 thead th {border-bottom: 1px solid #006699; padding-bottom: 6px; text-align: center;}
table.info .foto {margin-left: 0; position: relative; left: -10px; margin-bottom: 1em}

.roadmap {position: relative;}
.roadmap h1 {position: absolute; top: 15px; left: 340px}
.roadmap .legend {position: absolute; top: 51px; left: 340px}
.roadmap .legend p {line-height: 1.6; margin: 0}

.incut {font-size:11px; left:100%; position:absolute; top:360px; width:170px;}
.incut-header, .incut-footer {height: 15px;}
.incut-header {background: url(../i/incut-header.png) 100% 0 no-repeat;}
.incut-footer {background: url(../i/incut-footer.png) 100% 0 no-repeat; margin-bottom: 2em;}
.incut-content {background: #fff; padding: 0 1em 1px 0;}
.incut h3 {font-size: 15px; font-weight: bold; margin-bottom: 5px;}
.incut h4 {font-size: 13px; font-weight: bold; margin-bottom: 5px;}

.sitemap {margin: 0 0 1em 2em;}
.sitemap li {margin: 0 0 1em; list-style: none;}
.sitemap li.index {margin: 0 0 1em -1em;}
.sitemap li ul {margin: 1em 0 1em 1em;}
.sitemap li ul li.index {margin-left: 0;}

.b-pagenav {}
.b-pagenav .prev-next {margin-bottom: 0.75em;}
.b-pagenav .prev-next a, .b-pagenav .prev-next span {margin-right: 0.75em}
.b-pagenav .prev-next span {color: #666;}
.b-pagenav .pages a, .b-pagenav .pages span {margin-right: 0.5em; padding: 0.25em 0.5em}
.b-pagenav .pages span {background: #006699; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff;}

.message {float: right; width: 40%; margin-left: 1.77em; padding: 12px; margin-bottom: 1.77em; border: 3px solid Maroon;-moz-border-radius: 7px;font-size:12px;}
.message p {margin-bottom: 0.5em;}

.feedback-form {}
.feedback-form dl, #orderForm dl{clear: left; overflow: hidden; margin-bottom: 1em}
.feedback-form dt, #orderForm dt{float: left; width: 8em; padding-top: .231em; line-height: 1.2}
#orderForm dt{width: 12em;}
.feedback-form dd {margin-left: 9em}
#orderForm dd{margin-left: 13em}
.feedback-form dd.field input {width: 85%; margin-bottom: .231em;}
 #orderForm dd.field input{margin-bottom: .231em;}
.feedback-form dd.textarea textarea, #orderForm dd.textarea textarea{width: 85%;}
.feedback-form dd.field span, #orderForm dd.field span{display: block; font-size: 0.847em; color: #999}
#orderForm .submit{margin-left: 13em; position: relative; top: 1em}
.errors {padding: 1em; margin-bottom: 1em; font-size: 90%; color: #333; background: #fbb; border: 1px dashed red}
.req {color: red}
.clr {clear: both; font-size: 0; font-weight: 0; line-height: 0}

.newyear { height:307px; margin: 10px 0pt 15px 0px; font-size: 14px; padding: 25px 25px 10px; -moz-border-radius: 15px 15px 15px 15px; border: 2px solid #88B8CF; position: relative; overflow:hidden; background: url("../i/snowfl_bg.png") no-repeat scroll 0 -18px transparent;}