@charset "UTF-8"; 
/* CSS Document */

body {
background: #161616 url(../img/bgBody.jpg) no-repeat top center;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.3em
}

body.page {
background: #161616 url(../img/bgBodyPage.jpg) no-repeat top center;
}

a {
color: #FFF;
text-decoration:none;
}

a:hover {
color: #fcaf17
}

.clear {
clear: both
}

#header {
margin-top: 20px;
position: relative;
height: 160px;
}

#header #toolMenu {
background: url(../img/bgLanguage.jpg) no-repeat top right;
height: 21px;
width: auto;
display:block;
padding-right: 95px;
font-size:9px;
float:right
}

#header #toolMenu a {
color: #999;
text-decoration: underline;
}

#header #toolMenu a:hover {
color: #fcaf17
}

#header #toolMenu li {
float: left;
padding-top: 3px
}

#header #toolMenu .split {
margin: 5px 10px 0 10px;
background: #575757;
width: 1px;
height: 11px;
}

#logo, #menu {
float: left;
width: 260px;
height:150px;
}

.info a {
text-decoration: underline
}

#menu {
font-size: 18px;
margin-top: 68px;
margin-left: 74px;
width: 600px;
height:40px;
}

#menu .split {
margin: 0 15px;
background: #626262;
width: 1px;
height: 17px;
}

#menu li {
float: left;
height: 40px;
display:block
}

#menu li .active {
color: #fcaf17;
background: url(../img/bgMenuActive.jpg) no-repeat center bottom;
margin-top: 0px;
height: 40px;
display:block
}

#content {
height: 482px
}

#left {
background: url(../img/bgLeft.png) no-repeat top left;
width: 220px;
padding:27px 20px 27px 20px;
font-size: 11px;
color: #666;
float:left
}

#left #gallery {
background: url(../img/gallery.png) no-repeat top left;
float: left;
width: 220px;
height: 73px;
margin: 0px 0 43px 5px

}


#left a  {
font-size: 11px;
color: #666
}

#left a:hover {
color: #fcaf17
}

#left .call a {
background: url(../img/bgAction.png) no-repeat 0 0;
width: 207px;
height: 21px;
display:block;
text-indent: -9999px
}

#left .call a:hover {
background: url(../img/bgAction.png) no-repeat 0 -22px;
}

#left .chat a {
background: url(../img/bgAction.png) no-repeat 0 -43px;
width: 207px;
height: 17px;
display:block;
text-indent: -9999px;
margin: 10px 0 20px 0
}

#left .chat a:hover {
background: url(../img/bgAction.png) no-repeat 0 -62px;
}

#left .intro {
margin-top: 50px
}


#right {
float:left;
width: 660px;
margin: 0px 0 0 60px
}

#right h1 {
font-size: 28px;
color: #fcaf17;
font-weight:lighter;
line-height: 1em;
height:94px;
margin-left:20px;
}

#right h2 {
font-size: 16px;
color: #fff;
font-weight:lighter;
line-height: 1.4em;
padding: 20px 0 20px 0;
width: 380px;
}

#right h1 span {
color: #fff
}



#mainContent {
background: url(../img/bgMainContentFront.png) no-repeat top left;
min-height: 360px;
margin-top: 55px
}

#nowContainer {
float: left
}


#newsContainer {
float: left
}

#newsLetterContainer {
color: #ffffff;
padding: 6px 6px 0px 22px
}

#newsLetterContainer label {
float:left;
width: 100px;
height: 28px;
line-height:28px;
display:block
}

#newsLetterContainer input[type=text] {
border: none;
float:left;
width: 250px;
height: 20px;
padding-left: 4px;
margin-bottom: 10px	
}

#newsLetterContainer .submit {
padding-left: 263px
}

#newsLetterContainer .error {
background-color:#FFBABA;
color:#D8000C;
border:1px solid;
display:block;
padding:5px;
margin: 0 23px 10px 0
}

#newsLetterContainer .success {
background-color:#DFF2BF;
color:#4F8A10;
border:1px solid;
display:block;
padding:5px;
margin: 10px 23px 0 0
}



#mainContent #news {
width: 400px;
color:#FFF;
padding: 20px 0 10px 0;
border-bottom: 1px solid #333;
margin-bottom:10px
}

#mainContent #news h3 {
font-size: 16px;
}

#mainContent .moreNews a:hover {
background: none;
color: #fcaf17;
}

#mainContent .moreNews .split {
margin: 4px 15px 0 15px;
background: #333;
width: 1px;
height: 11px;
}

#mainContent .moreNews a {
background: none;
padding: 0;
text-transform: uppercase;
color: #666;
font-size:12px;
}

#mainContent .moreNews ul {
padding-left: 20px
}

#mainContent .moreNews li {
float: left;
}

#mainContent .moreNews .rss {
background: url(../img/bgRss.gif) no-repeat 0px 4px;
padding-left: 13px
}

#mainContent #news a {
background: url(../img/bgNewsHeadline.png) repeat-x top left;
padding: 5px 10px 5px 20px;
}

#mainContent #news a:hover {
background: url(../img/bgNewsHeadlineHover.png) repeat-x top left;
color: #fff
}

#mainContent #news .teaser {
padding: 8px 40px 20px 20px;
display:block
}

#mainContent #news span {
color: #999;
margin-right: 3px
}

#mainContent #video {
float: left;
width: 220px;
height: 124px;
margin: 13px 0 43px 15px
}

#mainContent #sms {
float: left;
margin-left: 20px
}


#footerContainer {
background: url(../img/bgFooterContainer.jpg) no-repeat top center;
}

#cycle {
height: 58px;
margin:-4px 0 0 20px;
}

#logos {
background: url(../img/bgLogos.png) no-repeat center right;
height: 82px;
margin-top: -28px;
text-indent:-9999px
}



#footer {
color: #999;
font-size:9px;
line-height: 1.2em;
margin-bottom: 20px;
padding: 23px 0 0 20px;
position:relative
}

#footer span {
color: #fcaf17;
font-weight:bold;
text-transform:uppercase

}

#footer address {
font-style:normal
}

#footer .conditions {
color: #666;
padding-top: 5px
} 

#footer .conditions a {
color: #666;
}

#footer .conditions a:hover {
color: #fcaf17
}

#footer .credits {
position: absolute;
right: 20px;
top: 23px
}

/* TABS */

#container {
width: 400px;
height: 275px;
  float:left;
}

#container ul {
position: relative
}

.nowContainer {
width: 107px;
height:29px;
line-height:29px;
text-align: center;
position: absolute;
top:-29px;
left:0px;
display:block
}


.newsContainer {
width: 107px;
height:29px;
line-height:29px;
text-align: center;
position: absolute;
top:-29px;
left:0px;
display:block
}

.newsLetterContainer {
width: 131px;
height:29px;
line-height:29px;
text-align: center;
position: absolute;
top:-29px;
left:108px;
display:block
}

.nowContainer.ui-state-default {
background: url(../img/bgTabs.png) no-repeat 0px -49px;
}

.nowContainer.ui-state-active {
background: url(../img/bgTabs.png) no-repeat top right;
}


.newsContainer.ui-state-default {
background: url(../img/bgTabsNewsContainer.png) no-repeat 0px -29px;
}

.newsContainer.ui-state-active {
background: url(../img/bgTabsNewsContainer.png) no-repeat top right;
}

.newsLetterContainer.ui-state-default {
background: url(../img/bgTabs.png) no-repeat 0px -29px;
}

.newsLetterContainer.ui-state-active {
background: url(../img/bgTabs.png) no-repeat top right;
}

.newsLetterContainer a, .newsContainer a, .nowContainer a {
display: block;
padding-top: 5px;
text-transform: uppercase;
margin-left: -5px
}

.ui-tabs .ui-tabs-hide {
display:none !important;
}






















































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */