#body {background: url('../images/background.jpg') no-repeat 50% 18%; text-align: center; font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;}
* {color: #ba0300; margin: 0px; padding: 0px; border: 0px;}
#wrap-center {width: 780px; height: 624px; position: absolute; top: 50%; left: 50%; margin: -312px 0px 0px -390px;}
#wrap-tr {background: url('../images/tr.png') right top no-repeat;}
#wrap-br {background: url('../images/br.png') right bottom no-repeat;}
#wrap-bl {background: url('../images/bl.png') left bottom no-repeat;}
#wrap-tl {background: url('../images/tl.png') left top no-repeat;}
#wrap-br, #wrap-bl, #wrap-tr, #wrap-tl {width: 780px; height: 624px; position: absolute;}
#wrap-line-b {position: absolute; bottom: 0px; left: 5px; height: 5px; width: 770px; background-color: #aad0db;}
#wrap-line-l {position: absolute; bottom: 5px; left: 0px; height: 614px; width: 5px; background-color: #aad0db;}
#wrap-line-r {position: absolute; bottom: 5px; right: 0px; height: 614px; width: 5px; background-color: #aad0db;}
#wrap-line-t {position: absolute; top: 0px; left: 5px; height: 5px; width: 770px; background-color: #aad0db;}
#t-wrap {background-color: #e7f1f4; margin: 5px; width: 770px; height: 614px;}
#tbr {background: url('../images/tbr.png') right bottom no-repeat;}
#tbl {background: url('../images/tbl.png') left bottom no-repeat;}
#tbr, #tbl {width: 770px; height: 614px;}
#content {width: 770px; height: 614px}
#header-bg {width: 770px; height: 162px; background: url('../images/header.png') no-repeat;}
#header-ttr {background: url('../images/ttr.png') right top no-repeat;}
#header-ttl {background: url('../images/ttl.png') left top no-repeat;}
#header-ttr, #header-ttl {width: 770px; height: 162px;}
#header {width: 770px; height: 162px;}
#logo {overflow: hidden; width: 565px; height: 162px; padding-left: 2px; float: left;}
#logo * {width: 565px; height: 162px;}
#logo h1 {}
.noheading {display: none;}
#logo a {display: block; position: relative;}
#logo .img {position: absolute; left: 0px; top: 0px; z-index: 1; cursor: pointer; background: url('../images/logo.png') no-repeat;}
#box-actual {width: 171px; height: 104px; padding: 29px 16px 29px 16px; float: right; overflow: hidden;}
#actual-heading * {width: 171px; height: 25px;}
#actual-heading h2 {display: block; position: relative;}
#actual-heading .img {position: absolute; left: 0px; top: 0px; z-index: 1; background: url('../images/actual-temp.png') no-repeat;}
#actual-wrap, #actual-br, #actual-bl, #actual-tr, #actual-tl {width: 171px; height: 79px; position: absolute;}
#actual-tr {background: url('../images/atr.png') right top no-repeat;}
#actual-br {background: url('../images/abr.png') right bottom no-repeat;}
#actual-bl {background: url('../images/abl.png') left bottom no-repeat;}
#actual-tl {background: url('../images/atl.png') left top no-repeat;}
#actual-line-b {position: absolute; bottom: 0px; left: 2px; height: 2px; width: 167px; background-color: #ba0300;}
#actual-line-l {position: absolute; bottom: 2px; left: 0px; height: 75px; width: 2px; background-color: #ba0300;}
#actual-line-r {position: absolute; bottom: 2px; right: 0px; height: 75px; width: 2px; background-color: #ba0300;}
#actual-line-t {position: absolute; top: 0px; left: 2px; height: 2px; width: 167px; background-color: #ba0300;}
#box-bg {width: 167px; height: 75px; background-color: #ffd1d1; margin: 2px;}
#abr {background: url('../images/dot.png') right bottom no-repeat;}
#abl {background: url('../images/dot.png') left bottom no-repeat;}
#atr {background: url('../images/dot.png') right top no-repeat;}
#atl {background: url('../images/dot.png') left top no-repeat;}
#abr, #abl, #atr, #atl {width: 167px; height: 75px;}
#box-temp {width: 167px; height: 75px;}
#actual-temp {font-size: 200%; font-weight: bold; padding-top: 6px;}
#actual-date {font-size: 80%;}
#content-tabs {width: 750px; padding: 0px 10px 0px 10px; height: 400px;}
#footer {font-size: 75%; font-variant: small-caps; font-weight: bold; text-align: right; padding: 5px 10px 0px 10px; width: 750px; height: 21px;}
#footer, #footer * {color: #4b8294;}
#footer a:hover {text-decoration: none;}
.ui-tabs {}
.ui-tabs .ui-tabs-nav {list-style: none; width: 770px; height: 27px; background: url('../images/bg-menu.png') #e7f1f4 no-repeat; font-weight: bold; margin-bottom: -1px;}
.ui-tabs .ui-tabs-nav li {float: left; border-bottom-width: 0px !important; margin-right: 9px;}
.ui-tabs .ui-tabs-nav li:hover * {text-decoration: underline;}
.ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; padding: 4px 9px 0px 9px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom-width: 0px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: default; text-decoration: underline;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}
.ui-tabs .ui-tabs-panel {display: block;}
.ui-tabs .ui-tabs-hide {display: none !important;}
#moreinfo {overflow: auto; text-align: left; width: 750px; height: 400px;}
#moreinfo  h2 {padding-top: 6px; padding-bottom: 3px; text-align: center; font-size: 158%;}
#moreinfo  h3 {padding-top: 10px; padding-bottom: 3px; font-size: 108%;}
#moreinfo p {color: #4b8294; font-size: 90%; text-align: justify; line-height: 150%;}
#moreinfo a {text-decoration: none;}
#moreinfo a:hover {text-decoration: underline;}
.nopiwik {display: none;}