@font-face { font-family: 'scala_sans_lfbold'; src: url('../fonts/scalasans-boldlf-webfont.eot'); src: url('../fonts/scalasans-boldlf-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/scalasans-boldlf-webfont.woff') format('woff'), url('../fonts/scalasans-boldlf-webfont.ttf') format('truetype'), url('../fonts/scalasans-boldlf-webfont.svg#scala_sans_lfbold') format('svg');font-weight: normal; font-style: normal; }
@font-face { font-family: 'scala_sans_lfregular'; src: url('../fonts/scalasans-regularlf-webfont.eot'); src: url('../fonts/scalasans-regularlf-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/scalasans-regularlf-webfont.woff') format('woff'), url('../fonts/scalasans-regularlf-webfont.ttf') format('truetype'), url('../fonts/scalasans-regularlf-webfont.svg#scala_sans_lfregular') format('svg'); font-weight: normal; font-style: normal; }

a { color: #FFFFFF; outline: none; text-decoration: underline; }
a:hover, a:focus{ text-decoration: underline; }
h1, h2, h3, h4 { font-size: 20px; color: #000; font-weight: normal; font-family: "scala_sans_lfbold", "Arial", sans-serif; }
img { border-width: 0; }
body { margin: 0; padding: 0; text-align: center; color: #fff; font: 15px "scala_sans_lfregular", "Arial", sans-serif; background: url(../img/bg.jpg) no-repeat fixed center bottom; background-size: cover; }
#container { /*width: 962px;*/ width: 100%; max-width: 1200px; min-width: 950px; margin: 0 auto; padding: 0; text-align: left; position: relative; }

#header-container { margin: 0 0 36px 0; background: #e7e7e7; background-color: rgba(231, 231, 231, 0.8); }
#header { margin: 0 auto; padding: 28px 0 0 0; height: 45px; /*width: 962px;*/ width: 100%; max-width: 1200px; min-width: 950px; }
#home-link { display: block; float: left; margin: 0 0 0 7px; padding: 0; width: 564px; height: 29px; overflow: hidden; text-indent: 999em; white-space: nowrap; background: url(../img/logo.png) no-repeat 0 0; }
#home-friedland{
	position:Absolute;
	height:29px;
	width:300px;
	z-index:3333;
	left:0px;
}
#main-menu { margin: 12px 0 0 0; padding: 0; list-style: none; float: right; font-family: "scala_sans_lfbold", "Arial", sans-serif; }
#main-menu>li { padding: 0 0 0 12px; margin: 0 0 0 11px; float: left; background: url(../img/sprites/l.png) no-repeat 0 5px; }
#main-menu>li:first-child { background: none; }
#main-menu>li>a { color: #007464; text-decoration: none; font-size: 15px; line-height: 20px; text-transform: uppercase; }
#main-menu>li>a:hover,
#main-menu>li>a:focus,
#main-menu>li.active>a { text-decoration: none; }

#secondary-menu { margin: 0; padding: 0; list-style: none; background: #82bbb4; }
#secondary-menu li a { color: #fff; display: block; padding: 4px 20px 0 20px; text-decoration: none; font-size: 15px; line-height: 18px; text-transform: uppercase; }
#secondary-menu li a:after { content: ""; border-bottom: 1px dotted #fff; display: block; margin: 3px -6px 0 -6px; }
#secondary-menu>li:first-child>a { padding-top: 14px; }
#secondary-menu>li:last-child>a { padding-bottom: 4px; }
#secondary-menu>li:last-child>a:after { display: none; }

#secondary-menu li a:hover,
#secondary-menu li a:focus,
#secondary-menu li.active>a { text-decoration: none; color: #017c6a; /* background: #82bbb4; */ }

#secondary-menu li ul { list-style: none; margin: 0; padding: 0; }
#secondary-menu li li a { padding-left: 40px; }
#secondary-menu li li a:after { margin-left: -26px; }
#secondary-menu li li:last-child { margin-bottom: 25px; }


#footer { margin: 0; padding: 0 0 25px 0; }
#footer .content-col1 { background: #007464; background-color: rgba(0, 116, 110, 0.85); line-height: 33px; height: 33px; margin: 48px 0 0 0; padding: 0 20px; color: #fff; font-size: 12px; float: left; width: 634px; }
#footer .content-col2 { float: right; width: 210px; text-align: center; margin-right:55px; }
#footer .facebook { float: left; margin-top: 0px; }
#footer .tuev { margin: 29px 0px 0 0; }
/* content */
.content>*:first-child { margin-top: 0; }
.content>*:last-child { margin-bottom: 0; }

/* column sets */
.content-cs1 .content-col1 { float: left; width: 265px; }
.content-cs1 .content-col2 { float: left; margin: 0 0 0 23px; width: 390px; position: relative; padding: 14px 18px; background: #007464; background-color: rgba(0, 116, 110, 0.85); }
.content-cs1 .content-col2>*:first-child { margin-top: 0;}
.content-cs1 .content-col3 { float: right; width: 210px; margin-right:55px; }
.content-cs1 .content-col4 { float: left; width: 200px; margin: 0 0 0 0px;}

/* boxes */
.box { background: #007464; padding: 14px 20px; margin: 0 0 23px 0; background-color: rgba(0, 116, 110, 0.85);}
.box.info { font-family: "scala_sans_lfbold", "Arial", sans-serif; color: #000; font-size: 18px; }
.box.info .highlight { color: #fff; display: block; }
.box>*:first-child { margin-top: 0; }
.box>*:last-child { margin-bottom: 0; }

.box.style2 { padding: 0; background: transparent; }
.box.style2 .offer img { float: left; }
.box.style2 .offer span { display: block; clear: left; background: #007464; text-align: right; padding: 2px 5px; color: #fff; text-decoration: none; }
.box.style2 .offer { text-decoration: none; }


/* scrollbar */
#scrollbar { position: absolute; height: 460px; width: 9px; right: 4px; top: 56px; z-index: 4; }
#scrollbar #up, #scrollbar #down { display: none; }
#scrollbar #handle-container{ position: absolute; top: 0px; height: 460px; background: #b3b3b3;  background: rgba(180, 180, 180, 0.5); width: 9px; }
#scrollbar #handle { width: 9px; height: 20px; cursor: pointer;  margin: 0; position: absolute; background: #666; }


/* common */
.icon { display: block; text-indent: 999em; overflow: hidden; white-space: nowrap; width: 29px; height: 28px; background: url(../img/sprites/i.png) no-repeat 0 0; }
.icon.icon-facebook { background-position: 0 0; }
.icon.icon-youtube { background-position: -29px 0; }
.icon.icon-twitter { background-position: -58px 0; }

/* responsive */
.selectnav { display: none; }
@media screen and (max-width: 600px) {
    .js #main-menu { display: none; }
    .js .selectnav { clear: left; display: block; font-size: 15px; margin: 45px auto 0 auto; width: 370px; }
    
    .content-cs1 .content-col1,
    .content-cs1 .content-col3,
    .content-cs2 .content-col2 { display: none; }
    .content-cs1 .content-col2 { margin: 0 auto; float: none; }
    #header,
    #container { min-width: 350px; }
    #footer .content-col1 { width: auto !important; line-height: 1.25em; padding-top: 10px; padding-bottom: 10px; }
}
.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%; }