@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic,latin);

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

body.home {
    background: url(./img/page-bg/pool-view.jpg) no-repeat top center;
    background-attachment: fixed;
}
body.about {
    background: url(./img/page-bg/house-from-below.jpg) no-repeat top center;
    background-attachment: fixed;
}
body.amenities {
    background: url(./img/page-bg/pool-shower.jpg) no-repeat top center;
    background-attachment: fixed;
}
body.book-now {
    background: url(./img/page-bg/pool-overflow.jpg) no-repeat top center;
    background-attachment: fixed;
}
body.local-area {
    background: url(./img/page-bg/sunrise.jpg) no-repeat top center;
    background-attachment: fixed;
}
body.gallery {
    background: url(./img/page-bg/pool-infinity.jpg) no-repeat top center;
    background-attachment: fixed;
}
body.salobrena {
    background: url(./img/page-bg/salobrena-castle.jpg) no-repeat top center;
    background-attachment: fixed;
}
body.things-to-do {
    background: url(./img/page-bg/things-to-do.jpg) no-repeat top center;
    background-attachment: fixed;
}
body.weather-station {
    background: url(./img/page-bg/weather-station.jpg) no-repeat top center;
    background-attachment: fixed;
}

a {
    color: #3333CC;
    text-decoration: none;
}

a:hover {
    color: #0000FF;
    text-decoration: underline;
}

a img {
    border: 0;
}

#menu {
    height: 40px;
    width: 950px;
    margin: 40px auto 0 auto;
    padding: 0 20px 26px 20px;
/*    border-bottom: 1px solid #fff;*/
}

.nav {
    list-style: none;
    margin: 6px 0 0 0;
    padding: 0;
    float: right;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

.nav li {
    display: inline;
}

.nav li a {
    color: #fff;
    text-decoration: none;
    padding: 6px 6px;
    margin: 0;
    transition: 150ms border;
    border-bottom: 2px solid transparent;
}

.nav li a:hover {
    border-bottom: 2px solid #fff;
}

.black-nav li a {
    color: #000 !important;
}

.black-nav li a:hover {
    color: #000 !important;
    border-bottom: 2px solid #000;
}

#header {
    width:980px;
    margin:0 auto 40px auto;
    padding:0 0 20px 0;
    color:#fff;
    font-size:16px;
    text-align:center;
}

.opaque {
    background:#eee;
}

.small-h1 {
    font-size:40px;
    color:#eee;
    margin-right:4px;
}

h1.home {
    margin:70px 0 0 0;
    padding:0;
    color:#fff;
    font-size:54px;
    text-shadow: 0px 3px 1px rgba(0,0,0,0.5);
}

h1.home.smaller {
    font-size: 45px;
}

h1.home.twolines {
    margin-top: 30px;
}

#header.twolines {
    margin-bottom: 0px;
}

h1.homepage {
    margin:120px 0 0 0;
    padding:0;
    color:#fff;
    font-size:54px;
    text-shadow: 0px 3px 1px rgba(0,0,0,0.5);
}

h1 {
    margin:60px 0 0 0;
    padding:0;
    color:#fff;
    font-size:57px;
}

h2 {
    font-size:25px;
    margin:0;
    padding:0 0 6px 0;
}



#white-bg-fade {
    background:url(./img/white-bg-fade.png) repeat-x top left;
    margin-top:-35px;
    height:124px;
}

#white-bg-fade-home {
    background:url(./img/white-bg-fade.png) repeat-x top left;
    margin-top:50px;
    height:124px;
}

#white-bg {
    background:#fff;
    margin:0;
}

#home-content {
    width:950px;
    margin:0 auto;
    padding:30px 20px 40px 20px;
}

.r {
    float:right;
}

#spacer {
    margin:40px 0;
}


#wrap {
    width:950px;
    margin:0 auto;
    padding:0 20px;
}

#sidebar {
    position:absolute;
    width:190px;
    margin:40px 0 0 0;
    padding:0;
    list-style:none;
}

#sidebar li a {
    text-decoration:none;
    color:#000;
    display:block;
    height:26px;
    line-height:25px;
    padding:0 0 0 10px;
    margin:0;
}

#sidebar li a:hover {
    /*background:url(./img/sidebar-bg.png) no-repeat top left;*/
    text-decoration:underline;
}

#sidebar li a.active {
    /*background:url(./img/sidebar-bg.png) no-repeat top left;*/
    font-weight:bold;
}

.next-btn {
    text-decoration:none;
    color:#000;
    position:absolute;
    height:26px;
    width:160px;
    line-height:25px;
    margin:4px 0 0 540px;
    padding:0 0 0 10px;
    background:url(./img/sidebar-bg.png) no-repeat top left;
    float:right;
}

.back-btn {
    text-decoration:none;
    color:#000;
    position:absolute;
    height:26px;
    width:160px;
    line-height:25px;
    margin:4px 0 0 0;
    padding:0 0 0 14px;
    background:url(./img/back-btn.png) no-repeat top left;
    float:right;
}

.next-btn:hover, .back-btn:hover {
    color:#000;
}


.return-home {
    position:absolute;
    margin:-40px 0 0 -450px;
}

#content {
    margin:0 0 0 191px;
    padding:40px 0 0 29px;
    min-height:280px;
    border-left:1px solid #ddd;
}

#content p {
    line-height:20px;
}


.tbl {
    width:100%;
    border-collapse:collapse;
    border:0;
    border-top:1px solid #ddd;
}

.tbl tr td {
    border-bottom:1px solid #ddd;
    padding:6px 8px 6px 12px;
}

.tbl tr td.left {
    width:200px;
}

.tbl tr td.title {
    background:#F8F8F8;
    font-weight:bold;
    padding:6px 8px;
}

.grey {
    color:#666;
    margin-left:4px;
}

.founder_image {
    position:absolute;
    margin-top:20px;
}

.about_founder {
    margin-left:160px;
}

.small {
    color:#666;
    font-size:12px;
}

.small a {
    color:#666;
    text-decoration:none;
}

.small a:hover {
    color:#0000FF;
    text-decoration:underline;
}



.homelinks {
    margin:40px 0 50px 0;
    border-collapse:collapse;
}

.homelinks tr td{
    text-align:center;
    padding:0 5px;
}

#box {
    display:block;
    width:200px;
    padding:10px;
    border:3px solid #F0F0F0;
    color:#666;
}

#box b {
    font-size:16px;
    color:#000;
}

#box img {
    margin:5px 0 10px 0;
}


.reviewright {
    position:absolute;
    margin-left:460px;
    width:450px;
    border-left:1px solid #ddd;
    padding-left:40px;
    min-height:80px;
    line-height:23px;
}

.reviewleft {
    width:430px;
    line-height:23px;
}

.author {
    margin:0 0 0 10px;
    font-weight:bold;
}


.fb-like {
    padding:8px 10px;
    border:1px solid #33CCFF;
    border-radius:4px;
}


.album ul {
    margin:0;
    padding:0;
    list-style:none;
}

#album ul li img{
    width:600px;
    margin-top:20px;
}


.language-select {
    float: right;
    margin-top: -40px;
    padding: 4px 6px;
    background: #202020;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.language-select ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.language-select ul li {
    display: inline;
    padding: 0 3px;
}


.energy-certificate {
    width: 400px;
    height: 533px;
    margin-bottom: 20px;
}



#footer {
    width:930px;
    margin:0 auto;
    padding:0 10px 150px 10px;
    color:#666;
    font-size:12px;
    border-top:1px solid #ddd;
    background: #fff;
}

#footer a {
    margin:0 0 0 4px;
    color:#666;
    text-decoration:none;
}

#footer a:hover {
    color:#0000FF;
    text-decoration:underline;
}