@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);

body { background-color: rgb(255,255,255); margin: 0px; font-family: 'PT Sans', sans-serif; font-size: 14px; color: rgb(132,131,131) }
#header { height: 62px; background: url('../../../media/Site/header_bg.png') repeat-x left top; color: rgb(251,251,251) }
#main { background-color: rgb(255, 255, 255) }
.wrapper { width: 964px; margin-left: auto; margin-right: auto }
#header .wrapper { position: relative; height: 62px }
#main .page-footer { height: 20px; font-size: 11px; text-align: center; position: relative; bottom: -40px; z-index: -1 }
#main .page-footer span { position: relative; bottom: 10px }

/* Text */

a {text-decoration: none;color: rgb(132,131,131)}
a:hover {text-decoration: underline}
.emphasised {color: rgb(249,118,33) !important}
.light {color: rgb(132,131,131) !important}
.dark {color: rgb(34,34,34) !important}

/* Header */

#header a {color: rgb(251,251,251)}
#header img#logo {position: absolute;left: 0;bottom: 2px;border: 0}
form.search {top: 5px;right: 200px;position: absolute}
input.search {padding-left: 25px;height: 23px;width: 150px}
button.search {color: transparent;border: none;width: 24px; height: 28px;background:  url('../../../media/Site/search_button.png') no-repeat center center;left: 20px;top: 8px;position: relative;cursor: pointer}
#header-links {right: 0;bottom: 2px;position: absolute;font-weight: bold;margin-right: 10px}
#header-links ul {margin: 0}
ul#languages {text-align: center;margin-bottom: 5px}
ul#languages li {display: inline;text-transform: uppercase}
ul#languages li:before {content: ''}
ul#languages li + li:before {content: '/'}
ul#header-menu li {text-transform: uppercase; font-size: 12px }

/* Sections */

.row {width: 100%;float: left}
.cell {-webkit-box-shadow: 4px 4px 13px rgba(50, 50, 50, 0.41);-moz-box-shadow: 4px 4px 13px rgba(50, 50, 50, 0.41);box-shadow: 4px 4px 13px rgba(50, 50, 50, 0.41);border: 1px rgb(207,207,207) solid;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,237,237) 100%);background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,237,237) 100%);background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,237,237) 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(238,237,237)));background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(238,237,237) 100%);background-image: linear-gradient(to bottom, rgb(255,255,255) 0%, rgb(238,237,237) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf')}
.cell-header {font-weight: bold;margin: 0;font-size: 14px;text-shadow: 2px 2px 3px rgba(50, 50, 50, 0.8);border-bottom: 1px rgb(207,207,207) solid;text-transform: uppercase;text-align: center;color: rgb(254,252,252);vertical-align: middle}
.cell-header a { color: rgb(254,252,252) }
.cell-body {height: 100%;padding: 20px 10px}

#row1 .column1 #menu .cell-body, #row2 .column2 .cell-body, #row4 #poll .cell-body, #row4 #photo .cell-body {border-top: 1px rgb(190,190,190) solid;margin-top: 1px}

#row1 {margin: 1px 0 5px 0}
#row1 .column1 {float: left}
#row1 .column1 #banner-small {width: 160px;height: 120px}
#row1 .column1 #menu {width: 160px;margin-top: 5px;min-height: 275px}
#row1 .column1 #menu .cell-header {height: 33px;width: 159px;line-height: 34px;background: url('../../../media/Site/cell_header_bg_info.png') no-repeat center bottom}
ul#menu-list {margin: 0;padding: 0;list-style: none;border: none; font-size: 13px}
ul#menu-list li a {font-weight: bold;display: block;text-transform: uppercase;padding: 8px 0 8px 8px;border-style: solid;border-width: 0px 0px 2px;-moz-border-image: url('../../../media/Site/menu_border_bottom.png') 0 0 2 repeat;-webkit-border-image: url('../../../media/Site/menu_border_bottom.png') 0 0 2 repeat;-o-border-image: url('../../../media/Site/menu_border_bottom.png') 0 0 2 repeat;border-image: url('../../../media/Site/menu_border_bottom.png') 0 0 2 repeat}
ul#menu-list li a:hover {background-color: rgb(220,220,220)}
#row1 .column2 {float: right;min-height: 402px; position: relative}
#row1 .column2 { background: rgb(227,228,228) url('../../../media/Site/background_gradient.png') repeat-x }
#row1 .column2 #content { width: 602px; float: left }
#row1 .column2 #content .fb-share { position: absolute; bottom:0; right: 205px; margin-bottom: 8px }
#row1 .column2 #content[data-content-id="map"] .fb-share { right: 290px !important }
#row1 .column2 #banner-vertical {width: 190px; max-width: 190px;float: right;background: url('../../../media/Site/big_banner_bg.png') no-repeat left top;height: 390px}

#row2 {margin-top:13px}
#row2 .column1 { width: 231px; padding-left:4px; float: left; min-height: 230px; position: relative }
#row2 .column1 .message-box {display: table; height: 80px;background: url('../../../media/Site/horizontal_bar.png') no-repeat center bottom}
#row2 .column1 .message-box .message-box-title { text-align: center; display:table-cell; padding: 0 0 30px 10px; width: 90px; font-weight: bold; text-transform: uppercase; vertical-align: middle }
#row2 .column1 .message-box .message-box-body { padding: 0 10px 30px 10px; display:table-cell; vertical-align: middle }
#row2 .column1 .message-box .message-box-body p {vertical-align: middle}
#row2 .column1 #sea-conditions-box ul {margin: 0; list-style-type: none}
#row2 .column1 #sea-conditions-box ul li {padding: 0; margin: 0}
#row2 .column2 {width:373px; float: left; min-height: 230px; padding:0 14px 0 12px}
#row2 .column2 .cell-header {line-height: 37px;background: url('../../../media/Site/cell_header_bg_news.png') no-repeat center bottom;width: 326px;height: 35px}
#row2 .column2 .cell-body {padding: 0 0}
#row2 .column2 ul#articles-list {margin-left: 0;padding-left: 28px;padding-right: 15px}
#row2 .column2 ul#articles-list li {margin-bottom: 5px}
#row2 .column3 {width:315px; float: left; min-height: 230px;}

#row3 {margin-top: 10px; min-height: 330px;position: relative;background: url('../../../media/Site/row3_bg.png') no-repeat center top}
#row3 .cell-header {height: 30px;line-height: 32px}
#row3 .column1 {position: absolute; width: 170px}
ul.zodiacs {margin: 0 0 0 4px;list-style: none;border: none}
ul.zodiacs li {display: inline}
ul.zodiacs li a {display: inline-block;margin-bottom: 10px}
#row3 .column2 {position: absolute;left: 170px;width: 626px}
#row3 .column3 {position: relative;left: 796px;width: 168px;margin-bottom: 125px}
#row3 .column2 .cell-body {padding: 10px 0 0 30px}
#row3 .column2 .weather-camera {text-align: center;width: 158px;height: 127px; display: inline-block;margin: 0 35px 15px 0; background: url('../../../media/Site/weather_camera_background.png') no-repeat center top}
#row3 .column2 .weather-camera img { margin: 4px 0 0 4px; width: 150px; height: 110px }
#row3 .column3 ul {padding-left:18px; margin-top:0}
#row3 .column3 li {margin-bottom:5px}

#row4 {margin-top: 20px}
#row4 #poll {float:left;width: 160px;margin-right: 10px;margin-bottom: 35px}
#row4 #poll .cell-header  {width: 159px;height: 39px;line-height: 41px;background: url('../../../media/Site/cell_header_bg_poll.png') no-repeat center bottom}
#row4 #photo {float: left;width: 207px; height: 240px}
#row4 #photo .cell-header  {line-height: 38px;width: 206px;height: 36px;background: url('../../../media/Site/cell_header_bg_photos.png') no-repeat center bottom}
#row4 #photo .cell-body {text-align: center}
#row4 #facebook {float: right; height: 240px; width: 570px}

#beach-ball {height: 230px; width: 220px;background: url('../../../media/Site/beach_ball.png') no-repeat center center;right: -844px;top: -168px;position: relative}
#bar {display: none;height: 96px;background: url('../../../media/Site/bar_bg.png') repeat; z-index: -1; position: absolute; width: 100%; left: 0;top: 1150px}
#bar div {height: 100%;width: 964px;margin-right: auto;margin-left: auto;background-color: rgb(255,255,255)}

#row5 { margin-top: 5px; position: relative }
#row5 .cell-header#coupons-header { border: 1px rgb(207,207,207) solid; border-bottom: none; line-height: 30px; height: 28px; width: 159px; top: -28px; position: absolute; background: url('../../../media/Site/cell_header_bg_coupons.png') no-repeat center center }
#row5 #coupons {height: 120px; max-height: 120px; overflow: hidden}
#row5 #coupons ul.coupons-wrapper { margin: 0; padding: 0; list-style: none; display: block }
#row5 #coupons ul.coupons-wrapper li { text-align: center !important; float: left; display: block; padding: 0; height: 120px; width: 172px; margin: 5px 10px }
#row5 #coupons ul.coupons-wrapper li a { display: inline-block  }
#row5 .coupons-buttons {width: 65px; height: 35px; position: relative; margin-right: auto; margin-left: auto; bottom: 15px}
#row5 .coupons-buttons .coupon-button {width:30px;height:30px;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75); -moz-box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75); box-shadow: 3px 3px 10px rgba(50, 50, 50, 0.75)}
#row5 .coupons-buttons .coupon-button:hover {background-color: rgb(215,213,190); cursor: pointer}
#row5 .coupons-buttons .coupons-button-left {background: rgb(245,243,240) url('../../../media/Site/arrow_left.png') no-repeat center center; float: left}
#row5 .coupons-buttons .coupons-button-right {background: rgb(245,243,240) url('../../../media/Site/arrow_right.png') no-repeat center center; float: right}

#content h1 {text-transform: uppercase;font-size: 14px}

/* Horoscope */

#horoscope {margin: 20px 15px}
#horoscope ul.instruction {padding: 0;margin-left: 20px}
#horoscope ul.zodiacs {padding: 0;width: 150px;margin-left: 20px;float: left}
#horoscope .zodiac {float: left;width: 300px;margin: 0 0 15px 80px}
#horoscope .zodiac-image {float:left;margin: 3px 10px 0 0}
#horoscope h2 {padding: 0;margin: 0;text-transform: uppercase;font-size: 14px}
#horoscope p {padding: 0;margin: 0}

.zodiac-aries, .zodiac-taurus, .zodiac-libra, .zodiac-scorpio, .zodiac-gemini, .zodiac-cancer, .zodiac-aquarius, .zodiac-pisces, .zodiac-leo, .zodiac-virgo, .zodiac-sagittarius, .zodiac-capricorn {color: transparent}
.zodiac-aries {width: 45px; height: 47px;background: url('../../../media/Site/zodiac_aries.png') no-repeat center center}
.zodiac-taurus {width: 45px; height: 46px;background: url('../../../media/Site/zodiac_taurus.png') no-repeat center center}
.zodiac-libra {width: 47px; height: 46px;background: url('../../../media/Site/zodiac_libra.png') no-repeat center center}
.zodiac-scorpio {width: 45px; height: 46px;background: url('../../../media/Site/zodiac_scorpio.png') no-repeat center center}
.zodiac-gemini {width: 46px; height: 48px;background: url('../../../media/Site/zodiac_gemini.png') no-repeat center center}
.zodiac-cancer {width: 47px; height: 46px;background: url('../../../media/Site/zodiac_cancer.png') no-repeat center center}
.zodiac-aquarius {width: 46px; height: 46px;background: url('../../../media/Site/zodiac_aquarius.png') no-repeat center center}
.zodiac-pisces {width: 45px; height: 46px;background: url('../../../media/Site/zodiac_pisces.png') no-repeat center center}
.zodiac-leo {width: 45px; height: 46px;background: url('../../../media/Site/zodiac_leo.png') no-repeat center center}
.zodiac-virgo {width: 42px; height: 47px;background: url('../../../media/Site/zodiac_virgo.png') no-repeat center center}
.zodiac-sagittarius {width: 46px; height: 47px;background: url('../../../media/Site/zodiac_sagittarius.png') no-repeat center center}
.zodiac-capricorn {width: 46px; height: 47px;background: url('../../../media/Site/zodiac_capricorn.png') no-repeat center center}

.zodiacs a:hover { cursor: pointer;  filter: brightness(1.5); -webkit-filter: brightness(1.5) }

#poll .cell-body {padding-top: 8px;font-size: 12px}
#poll h2 {text-transform: uppercase;margin: 0 0 5px 0;padding: 0;font-size: 14px}
#poll ul {margin: 0;padding: 0;list-style: none;border: none}
#poll .answer {text-transform: uppercase;text-align: left;margin-left: 5px}
#poll .percentage {float: right;margin-right: 10px}
#poll .answer-bar { background: url('../../../media/Site/poll_answer_bg.png') no-repeat center center; width: 135px; height: 15px; display: inline-block}
#poll .answer-bar .answer-bar-left {margin-left: 4px;float: left;background: url('../../../media/Site/poll_answer_bar_left.png') repeat-x center center;width: 4px;height: 15px}
#poll .answer-bar .answer-bar-right {float: left;background: url('../../../media/Site/poll_answer_bar_right.png') repeat-x center center;width: 4px;height: 15px}
#poll .answer-bar .answer-bar-fill {float: left;background: url('../../../media/Site/poll_answer_bar.png') repeat-x center center;width: 119px;height: 15px}

/* Weathet header */

#weather-header { height: 40px }
#weather-header #weather-location {float: right}
#weather-header h1 { float: left;margin-left: 20px }
#weather-header h2 { text-transform: uppercase; position: absolute; margin-left: 20px }
.change-location-value { z-index: 10; font-size: 12px; position: absolute; top: 20px; left: 15px; display: inline-block; text-transform: uppercase }
.change-location-select { z-index: 5; position: relative; top: 10px; display:inline-block; width: 150px; height: 31px; overflow: hidden; background: url('../../../media/Site/change_location_select.png') no-repeat center center; border: none}
.change-location-select select.change-location:hover { color: rgb(249,118,33); cursor: pointer }
.change-location-select select.change-location:hover option { color: rgb(153, 151, 151) }
.change-location-select select.change-location:focus { outline: none }
.change-location-select select.change-location { opacity: 0; margin-left: 5px; color:rgb(153, 151, 151);text-transform: uppercase; background: transparent; width: 150px; padding: 5px; font-size: 12px; line-height: 1; border: none;height: 31px; -webkit-appearance: none }
button.change-location {position: relative; text-transform: uppercase; display:inline-block; color:rgb(153, 151, 151); font-size:12px; width: 81px; height: 34px; border: none; text-decoration:none; background: url('../../../media/Site/change_location_btn.png') no-repeat center bottom }
button.change-location:hover { color: rgb(249,118,33); cursor: pointer; font-weight: bold }

/* Weather: location */

#content .left-panel { float: left; width: 260px; padding-left: 20px }
#content .left-panel .upper-section {height: 120px}
#content .left-panel .upper-section .location-image {width: 150px;float: left}
#content .left-panel .upper-section .location-image img {width: 150px; height: 110px}
#content .left-panel .upper-section .placeholder {-webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.8);box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.8); -webkit-border-radius: 6px; border-radius: 6px; font-size: 12px; font-weight: bold; text-transform: uppercase; width:140px;height:110px;display:table-cell;text-align: center; vertical-align: middle}
#content .left-panel .upper-section .upper-weather-info {left: 160px}
#content .left-panel .upper-section .upper-weather-info .temperature {overflow: hidden; font-size: 26px; background: url('../../../media/Site/temperature.png') no-repeat 15px top;height:50px;width: 100px;text-align: right}
#content .left-panel .upper-section .upper-weather-info .weather-symbol { float: right }
#content .left-panel .upper-section .upper-weather-info .wind { float: right; text-align: center }
#content .left-panel .upper-section .upper-weather-info .wind .wind-symbol { width: 33px; height: 36px; background: url('../../../media/Site/wind_symbol_.png') no-repeat; }
#content .left-panel .upper-section .upper-weather-info .wind .wind-symbol .wind-direction { position: relative; top: 30px; text-transform: uppercase } 

#content .left-panel .lower-section { margin-top: 20px; text-transform: uppercase; font-weight: bold }
#content .right-panel { float: right; padding-left: 10px; width: 300px; position: relative; height: 380px; background: url('../../../media/Site/vertical_shadow.png') no-repeat left top}
#content .right-panel .forecast-column .day-name { font-size: 12px }
#content .right-panel h2 { font-size: 14px; text-transform: uppercase; text-align: center; padding-bottom: 15px }
#content .right-panel .lower-section { position:absolute; bottom: 35px; width: 100%; text-align: right; right: 20px }
#content .right-panel .lower-section a { text-transform: uppercase; font-weight: bold }

.sun-info {background: url('../../../media/Site/seprator.png') no-repeat left top;position: relative;left: -20px;padding-left: 30px;padding-top: 10px;margin-top: 30px}
.sunrise, .sunset {line-height: 27px;height: 27px}
.sunrise p, .sunset p {margin: 0 0 12px 45px}
.sunrise p span, .sunset p span {position: relative;top: 5px}
.sunset-icon, .sunrise-icon {float:left;clear:both}
.sunrise-icon {background: url('../../../media/Site/sunrise.png') no-repeat center center;width: 36px;height: 27px}
.sunset-icon {background: url('../../../media/Site/sunset.png') no-repeat center center;width: 36px;height: 27px}

/* Weather chart */
#weather-chart-cell { margin: 5px 0; position: relative }
#weather-chart-cell .cell-body { padding: 10px }
#weather-chart-cell .cell-body #banner-horizontal { margin: 0 auto }
#weather-chart-cell .cell-header { line-height: 37px; background: url('../../../media/Site/cell_header_bg_chart.png') no-repeat center bottom; width: 964px; height: 35px }
#weather-chart-cell table.weather-chart { margin: 0 auto; text-align: center }
#weather-chart-cell table.weather-chart tr.days td { text-align: left }
#weather-chart-cell table.weather-chart tr.days td strong { margin-left: 1px }
#weather-chart-cell table.weather-chart thead tr td:first-child, #weather-chart-cell table.weather-chart tr.with-margins td:first-child { width: 10px }
#weather-chart-cell table.weather-chart thead tr td:last-child, #weather-chart-cell table.weather-chart tr.with-margins td:last-child { width: 25px }
#weather-chart-cell table.weather-chart .symbol { background-size: 80% auto; height: 40px; width: 40px; background-repeat: no-repeat; background-position: center center; display: inline-block }
#weather-chart-cell table.weather-chart #weather-chart { width: 920px; height: 145px }
#weather-chart-cell table.weather-chart .wind-symbol { width: 30px; height: 30px; background: url('../../../media/Site/wind_symbol_.png') no-repeat; background-repeat: no-repeat; background-position: center center; display: inline-block }
#weather-chart-cell table.weather-chart tr.wind td { }
#weather-chart-cell table.weather-chart tr td.wind-legend { font-size: 12px; vertical-align: bottom; padding-bottom: 2px }
#weather-chart-cell .precipitation-legend, #weather-chart-cell .temperature-legend { font-size: 12px; position: absolute }
#weather-chart-cell .precipitation-legend { right: 20px; bottom: 55px; color: rgb(122, 191, 250) }
#weather-chart-cell .temperature-legend { left: 25px; bottom: 55px; color: rgb(249, 118, 33) }

/* 5 day forecast */

#forecast5d { position: relative; height: 380px; padding-top: 5px }
#forecast5d .lower-section { font-weight: bold; text-transform: uppercase; position:absolute; bottom: 10px; text-align: left; left: 20px }
#forecast5d .temperature-symbol { margin-left: 7px }
#forecast5d .forecast-column { padding-right: 25px }

/* 10 day forecast */

#forecast10d { padding-top: 10px }
#forecast10d .left-section { float: left }
#forecast10d .left-section .separator-bar { height: 70px }
#forecast10d .left-section .temperature-symbol { float: none; margin-left: 20px }
#forecast10d .right-section .forecast-column { margin: 0 0 40px 15px }
#forecast10d .right-section .separator-bar { position:relative; bottom: 230px; float: right }
#forecast10d .right-section { width: 530px; float: right }

/* Daily forecast */

#forecastDay { margin-top: 20px }
#forecastDay .forecast-row { font-weight: bold; text-transform: uppercase; display: table; height: 80px; max-height: 80px; overflow: hidden; background: url('../../../media/Site/seprator.png') no-repeat left bottom }
#forecastDay .forecast-row div { display: table-cell; vertical-align: middle; text-align: center }
#forecastDay .forecast-row .time { width: 65px; max-width: 65px }
#forecastDay .forecast-row .symbol { width: 80px; max-width: 80px; height: 80px;background-repeat: no-repeat;background-position: center center }
#forecastDay .forecast-row .temperature { width: 90px; max-width: 90px }
#forecastDay .forecast-row .wind { width: 60px; max-width: 60px }
#forecastDay .forecast-row .visibility { width: 90px; max-width: 90px }
#forecastDay .forecast-row .pressure { width: 90px; max-width: 90px }
#forecastDay .forecast-row .description { width: 140px; max-width: 140px }

/* Weather: map */

#weather-location { position: relative }
#content[data-content-id="map"] #weather-header h1 { margin-top: 20px }
#content[data-content-id="map"] #weather-header form#weather-location { padding-right: 95px }
#map {margin: 20px 0 0 3px; overflow: hidden; position: absolute;background-repeat: no-repeat;background-position: center center;width: 510px;height: 305px}
#map .location {position: absolute;width: 5px;height: 5px;border-radius: 50%;background-color: rgb(255,102,0);border: 2px solid rgb(255,255,255)}
#map .location:hover {cursor: pointer; background-color: rgb(0,102,102);}
#map .location .location-name {position: relative; top: -18px; left: -10px; font-size: 12px; color: rgb(0,0,0)}
#map .symbol-container {position: absolute}
#map .symbol-container .symbol {background-size: 75% auto; z-index: 5; opacity: 0.7; position: relative;height: 80px;width: 80px;background-repeat: no-repeat;background-position: center center}
#map .symbol-container .temperature {z-index: 4; top: -50px;right: -40px;position: relative;text-align: right;width: 70px;height: 21px;background-color: rgba(242, 177, 75, 0.90);-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-moz-box-shadow: 0px 0px 1px 1px rgb(200,201,199);-webkit-box-shadow: 0px 0px 1px 1px rgb(200,201,199);box-shadow: 0px 0px 1px 1px rgb(200,201,199)}
#map .symbol-container .temperature span {position: relative;margin-right: 5px;font-size: 16px;color: rgb(255,255,255);font-weight: bold;line-height: 21px}

ul#forecast-time {position: absolute; right: 194px; top: 15px;padding:0;margin:0;background: url('../../../media/Site/vertical_shadow.png') no-repeat top left;float:right;list-style: none}
ul#forecast-time li {background: url('../../../media/Site/forecast_list_bottom.png') no-repeat bottom right; width: 85px; background-position-x: -12px; text-align:left}
ul#forecast-time li:hover {color: rgb(249,118,33); cursor: pointer}
ul#forecast-time li span { font-weight: bold; margin-left:20px;line-height: 30px; font-size: 13px }

/* Forecast colums (used in 3 and 5 day forecasts) */

.temperature-symbol { float: left; background: url('../../../media/Site/temperature.png') no-repeat left bottom; width: 40px; height: 120px }
.forecast-column { float:left; text-align: center }
.forecast-column .day { text-align: center }
.forecast-column .day-name { text-transform: uppercase; font-weight: bold }
.forecast-column .day-date { }
.forecast-column .symbol {height: 80px;width: 80px; background-repeat: no-repeat; background-position: center center}
.forecast-column .forecast-data { font-weight: bold; text-transform: uppercase }
.forecast-column .look-detailed { text-transform: uppercase; font-weight: bold }
.forecast-column .wind-symbol { width: 80px; height: 50px; background: url('../../../media/Site/wind_symbol_.png') no-repeat; background-position: center top }
.forecast-column .wind-symbol span { position: relative; top: 30px }

/* Contents */

.content-page, #page-subscribe, #weather-news, #advertisements-info, #baltic-sea-conditions, #road-conditions, #weather-camera {padding: 5px 5px 5px 15px}

/* Weather Cameras */

#content[data-content-id="weatherCameras"] { text-align: center }
#content[data-content-id="weatherCameras"] h1 { margin-left: 20px; text-align: left }
.weatherCameras {width: 480px; display: inline-block; margin-bottom: 20px }
.weatherCameras img { width: 150px; height: 110px }

#weather-camera .weather-camera-html { float:left; margin-bottom: 10px }
#weather-camera .weather-camera-html iframe { border: 0; overflow: hidden }
#weather-camera .right-section { position: relative; top: 20px; font-weight: bold; text-transform: uppercase; float: right; word-wrap: break-word; width: 200px }
#weather-camera .right-section .weather-symbol { display: inline-block; margin-bottom: 10px }
#weather-camera .lower-section { padding-bottom: 20px; clear: both; float: left; font-weight: bold; text-transform: uppercase; bottom: 20px; text-align: left; left: 20px }

/* Pages & Articles */

#weather-news { padding-bottom: 10px; }
#weather-news .content {padding-right: 15px}
#weather-news .footer .back-to-articles { font-weight: bold; text-transform: uppercase }
#weather-news .footer { padding-top: 20px }

/* Articles list */

#articles-list-page .article-block .article-title { font-weight: bold; text-transform: uppercase }
#articles-list-page .article-block .date { font-weight: bold; font-size: 12px }
#articles-list-page .article-block .description { font-size: 13px; word-wrap: break-word }
#articles-list-page .pager {font-size: 16px; font-weight: bold}
#articles-list-page .pager a { padding-left: 7px }
#articles-list-page .pager-upper {}
#articles-list-page .pager-lower {bottom: 10px;position: absolute}
.articleContent a { color:darkblue; }

/* Photos */

#photo-large {text-align: center;top: 2px;position: relative}

/* Advertisements */

.banner {display: table-cell; cursor: pointer}
.banner-container {display: table; overflow: hidden}
#banner-small, #banner-horizontal {text-align: center; vertical-align: middle}
#banner-vertical {text-align: right; vertical-align: top; margin: 3px 3px 3px 0}
#banner-horizontal { margin: 5px 0 0 3px; position: relative; bottom: 0 }
.coupon {float: left;margin:10px 16px}

/* Search results */

a.search-result { display: block }
div.search-results .pager {font-size: 16px; font-weight: bold}
div.search-results .pager a { padding-left: 7px }
div.search-results .pager-upper {}
div.search-results .pager-lower {bottom: 10px;position: absolute}
ul.search-results { padding-top: 10px }
ul.search-results li { padding-bottom: 10px }

/* Subscribe */

#page-subscribe input[name="email"] { width: 200px; height: 19px; position: relative; top: 1px }
#page-subscribe .message { font-weight: bold }
#page-subscribe button.subscribe { text-transform: uppercase; display:inline-block; color:rgb(153, 151, 151); font-size:12px; width: 81px; height: 34px; border: none; text-decoration:none; background: url('../../../media/Site/change_location_btn.png') no-repeat center bottom }
#page-subscribe button.subscribe:hover { color: rgb(249,118,33); cursor: pointer; font-weight: bold }

/* Beaches */

table.beaches { margin: 10px auto 35px auto; text-align: center }
table.beaches th { background: rgb(255,255,255) }
table.beaches td { height: 20px }
table.beaches tr:nth-child(even) { background: rgb(204,204,204) }
table.beaches td.beach img { margin: 0 4px }

/* Locations */

ul.locations li { text-transform: capitalize }

/* Various */

.separator-bar { background: url('../../../media/Site/seprator.png') no-repeat left bottom; width: 60px; height: 2px }
.weather-symbol { height: 80px;width: 80px;background-repeat: no-repeat;background-position: center center }