/*****************************************************/
/******************** OBECNÁ ČÁST ********************/
/*****************************************************/

/********** FONTY **********/
@font-face {
 font-family: sspSemiEOT;
 src: url(../font/SourceSansPro-Semibold.eot); /* EOT file for IE */
}
@font-face {
 font-family: sspSemiTTF;
 src: url(../font/SourceSansPro-Semibold.ttf); /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: sspSemiOTF;
 src: url(../font/SourceSansPro-Semibold.otf); /* OTF file for CSS3 browsers */
}

/********** ZÁKLAD **********/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dd, dt, address {margin: 0;padding: 0;}
html {background: #092c4d;color: black;min-height: 100%;}
body {text-align: center;font-family: tahoma, myriad pro, arial;min-height: 100%;}  
html > body {font-size: 13px;}
#container {min-height: 100%;position: relative;}
a {text-decoration: underline;color: #0b58a0;font-weight: bold;}
a:hover {text-decoration: none;}
table {font-size: 100%;border-collapse: collapse;}
.bold {font-weight: bold;}
.center {text-align: center;}
.centered {margin: 0 auto;}
.right {text-align: right;}
.cb {clear: both;height: 1px;width: 1px;overflow: hidden;}
.clear {clear: both;}
li {list-style: none;}
a img, fieldset {border: 0;}
.img_fright {float: right;margin: 0 0 1em 1.5em;}
.fleft {float: left;}
.fright {float: right;}
.small {font-size: 85%;}
.italic {font-style: italic;color: #484747;font-size: 11px;}
.dn {display: none;}
.help {border-bottom: 1px dotted #0b58a0; cursor:help;}
.zoomIn {cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in;}
.zoomOut {cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-in;}
.pdf {background: url(../img/ui/pdf.png) no-repeat;padding: 4px 0 4px 29px; display: block; min-height: 25px;}
.lstn {list-style-type: none!important; background: none!important;}



/***********************************************************/
/******************** STRUKTURA STRÁNKY ********************/
/***********************************************************/

/********** LIŠTA JAZYKŮ **********/
#topRedBar {background: #ee2a26;height: 26px;}
#topRedBar .inner {width: 990px;margin: 0 auto;}
#topRedBar .inner a {position: relative;background: url(../img/ui/flagBg.png) 0 -500px repeat-x;float: right;height: 26px;margin-left: 4px;text-decoration: none;font-family: tahoma;font-weight: normal;color: white;width: 49px;}
#topRedBar .inner a.active, #topRedBar .inner a:hover {color: #ee2a26;font-weight: bold;background-position: 0 0;}
#topRedBar .inner a span {position: absolute;top: 4px;left: 31px;width: 10px;text-align: right;}
#topRedBar .inner a img {position: absolute;top: 6px;left: 4px;}
#topRedBar .inner .langs {margin-right: 15px;}

/********** HLAVNÍ MENU **********/
#headerBar {height: 131px;background: white;}
#headerBar .inner {width: 990px;margin: 0 auto;position: relative;}

#logo {position: absolute;top: 14px;left: 4px;}

#menuBar {position: absolute;right: 0;height: 96px;top: 0;}
#menuBar ul {float: left;}
#menuBar li {float: left;padding: 0;position: relative;}
#menuBar li .centered {height: 86px;width: 112px;display: table-cell;vertical-align: middle;}
#menuBar li.last {background: none;}
#menuBar li a {line-height: 1.2;_float: left;font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;font-size: 13px;color: #0456a2;display: block;text-decoration: none;font-weight: normal;padding: 5px 6px;font-size: 16px;width: 112px;height: 86px;}
#menuBar li:hover a, #menu li.active a {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;color: #ee2a26;}
#menuBar ul ul {display: none;width: 199px;background: white url(../img/ui/menuUl.png) no-repeat;padding: 16px 3px 5px;position: absolute;z-index: 800;top: 78px;text-align: left;left: -40px;}
#menuBar ul ul li {float: none;height: auto;}
#menuBar ul ul li a {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;height: auto;float: none;color: #0456a2!important;line-height: 1.3;font-size: 16px;width: auto;}
#menuBar ul ul li a:hover {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;color: #ee2a26!important;}

#menuBar li:hover ul, #menu li.hover ul {display: block;}

/********** OBSAHOVÝ BLOK **********/
#contentBar {background: #3db8df url(../img/ui/contentBar.jpg) center 0 no-repeat;padding: 0 0 200px;}

.content {box-shadow: 0 0 10px rgba(0,0,0,0.7);width: 990px;margin: 0 auto;background: white url(../img/ui/rc.png) right 0 repeat-y;text-align: left;z-index: 10;position: relative;top: -35px;}

.contentSeparator {height: 25px;}

.contentSlider {position: relative;top: -35px;}

/********** HIGHLIGHTY **********/
#highlights {width: 990px;height: 300px;float: left;}
#highlights li {width: 990px;height: 300px;position: relative;float: left;}
#highlights li span {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;position: absolute;bottom: 12px;right: 10px;background: #ee2a26;font-size: 30px;color: white;padding: 5px 10px;text-align: right;}
#highlightsSub {width: 990px;height: 233px;float: left;}
#highlightsSub li {width: 990px;height: 233px;position: relative;float: left;}
#highlightsSub li span {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;position: absolute;top: 12px;right: 10px;background: #ee2a26;font-size: 30px;color: white;padding: 5px 10px;text-align: right;}

/********** ROZCESTNÍK **********/
.directory a.directory1 {background: url(../img/ui/directory1.jpg) no-repeat;}
.directory a.directory2 {background: url(../img/ui/directory2.jpg) no-repeat;}
.directory a.directory3 {background: url(../img/ui/directory3.jpg) no-repeat;}
.directory a.directory4 {background: url(../img/ui/directory4.jpg) no-repeat;width: 246px;}
.directory a {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;text-align: center;height: 241px;width: 248px;float: left;font-size: 20px;color: white;text-decoration: none;font-weight: normal;position: relative;line-height: 1.3;}/*font-family: open sans;*/
.directory a:hover {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;background-position: 0 -241px;}
.directory a:hover span {text-decoration: underline;}
.directory a span {position: absolute;width: 208px;left: 20px;bottom: 25px;}
.directory a.directory4 span {width: 206px;}

/********** DROBEČKOVÁ NAVIGACE **********/
.breadcrumbs {padding: 8px 0;background: url(../img/ui/breadcrumbs.png) 0 17px repeat-x;}
.breadcrumbs a {float: left;font-size: 12px;color: #0b58a0;font-weight: normal;font-family: open sans;background: white;}
.breadcrumbs a.last {text-decoration: none;}
.breadcrumbs span.separator {float: left;background: white url(../img/ui/breadcrumbsSeparator.png) no-repeat;width: 16px;height: 6px;margin: 6px 0 0;}
.breadcrumbs .inner {background: white;padding-right: 8px;float: left;}

/********** OBSAH **********/
#text {width: 654px;float: left;margin: 0 0 20px 22px; min-height: 320px;}
#text p {font-size: 13px;color: #232323;margin: 1em 0;font-family: tahoma;}
#text p.perex {color: #9d0c09;font-size: 16px; font-style: italic;}
#text ul {margin: 1em 0;}
#text ul li {margin: 0 0 0 10px;background: url(../img/ui/li.png) 0 5px no-repeat;padding: 0 0 2px 16px;font-family: tahoma;font-size: 13px;font-weight: normal;}
#text ul.col {float: left;width: 205px;margin-left: 13px;}

/********** PRAVÝ SLOUPEC **********/
#rc {width: 288px;float: right;}
#rc h2 {background: #ee2a26 url(../img/ui/rch2.png) no-repeat;min-height: 53px;font-size: 22px;color: white;padding: 10px 0 0 81px;margin: 0;position: relative;line-height: 1.1;}
#rc h2 span {font-size: 18px;}
#rc .box {padding: 17px 13px; margin: 0 10px 0 0;border-bottom: 1px solid #ee2a26;}
#rc .box.last {border: 0 none;}
#rc .pdf {float: left;background: url(../img/ui/pdf.png) no-repeat;padding: 4px 0 4px 29px;font-size: 14px;color: #262626;font-weight: normal;margin: 0 0 5px;}
#rc h2.type1 span.image {background: url(../img/ui/h2Type1.png) no-repeat;width: 43px;height: 40px;position: absolute;top: 16px;left: 18px;}
#rc h2.type2 span.image {background: url(../img/ui/h2Type2.png) no-repeat;width: 41px;height: 40px;position: absolute;top: 16px;left: 20px;}
#rc h2.type3 span.image {background: url(../img/ui/h2Type3.png) no-repeat;width: 38px;height: 38px;position: absolute;top: 17px;left: 21px;}
#rc h2.type4 span.image {background: url(../img/ui/h2Type4.png) no-repeat;width: 38px;height: 38px;position: absolute;top: 17px;left: 21px;}
#rc h2.type5 span.image {background: url(../img/ui/h2Type5.png) no-repeat;width: 38px;height: 38px;position: absolute;top: 17px;left: 21px;}
#rc .next {text-align: right!important;margin: 10px 0 0!important;}
#rc .next a {color: #bf1b17;font-size: 14px;font-weight: normal;}

#rc .box a.name {font-size: 16px; margin: 4px 0;}
#rc .box p.date {font-size: 10px;font-weight: bold;color: #ee2a26; float: right;margin-bottom: 4px;}
#rc .box p.text {line-height: 1.3;}
#rc .more {float: right; margin: 0;}

/********** PATIČKOVÉ MENU **********/
#footerLinksBar {background: #1e4c77;text-align: left;z-index: 0;position: relative;}
.topBar {height: 44px;width: 100%;background: #1e4c77;position: absolute;top: -44px;left: 0;}
#footerLinksBar .inner {width: 890px;margin: 0 auto;padding: 20px 0 25px;}
#footerLinksBar .inner .col {float: left;width: 190px;margin-right: 40px;}
#footerLinksBar .inner .col.last {margin-right: 0;}
#footerLinksBar .inner h2 {color: white;font-size: 20px;}
#footerLinksBar .inner ul li {font-size: 13px;margin-bottom: 3px;}
#footerLinksBar .inner a {color: #b0d8fe;font-weight: normal;}
#footerLinksBar .inner p {color: white;font-size: 13px;margin: 4px 0;}
#footerLinksBar .inner p.phone {background: url(../img/ui/footer_phone.png) no-repeat;padding: 0 0 0 26px;}
#footerLinksBar .inner p.fax {background: url(../img/ui/footer_fax.png) no-repeat;padding: 0 0 0 26px;}
#footerLinksBar .inner a.skype {background: url(../img/ui/footer_skype.png) 0 1px no-repeat;padding: 1px 0 1px 26px;}
#footerLinksBar .inner p.mobile {background: url(../img/ui/footer_mobile.png) 3px 0 no-repeat;padding: 0 0 0 26px;}
#footerLinksBar .inner a.mail {background: url(../img/ui/footer_mail.png) 0 3px no-repeat;padding: 0 0 0 26px;}
#footerLinksBar .inner .nextContacts {margin-top: 20px;}

/********** PATIČKA **********/
#footer {background: #092c4d;height: 80px;}
#footer .inner {width: 970px;margin: 0 auto;text-align: left;padding: 20px 0;position: relative;top: 0;}
#footer p {font-size: 11px;color: #63a5e2;margin: 13px 0 0;}
.footerLogo {float: left;margin: 0 30px 0 0;}
#footer .author {position: relative;margin: 5px 0 0;width: 111px;height: 31px;float: right;background: url(../img/ui/author.png) no-repeat;font-size: 0;}
#footer .author:hover {background-position: 0 -31px;}
#footer .author span {text-align: center;width: 140px;position: absolute;top: -8px;left: -14px;color: #5a9fdf;font-weight: normal;font-size: 10px;}
#footer .author:hover span {color: white;}
#footer .designer {width: 136px;height: 46px;float: right;background: url(../img/ui/designer.png) no-repeat;font-size: 0;margin: 0 35px 0 0;}
#footer .designer:hover {background-position: 0 -46px;}

.footerPosition {position: absolute;bottom: 0;width: 100%;height: 241px;background: #092c4d;}



/*******************************************************/
/******************** ZVLÁŠTNÍ ČÁST ********************/
/*******************************************************/

/********** NADPISY **********/
h1 {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;color: #ee2a26;font-size: 30px;font-weight: normal;margin: 10px 0;}
h2 {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;color: #ee2a26;font-size: 24px;font-weight: normal;margin: 8px 0;}
h3 {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;color: #ee2a26;font-size: 20px;font-weight: normal;margin: 6px 0;}
h4 {font-family: sspSemiOTF, sspSemiTTF, sspSemiEOT;color: #ee2a26;font-size: 14px;}

/********** TABULKY **********/
table.colored {margin: 1em 0;}
table.colored th, table.colored td {padding: 5px 12px;border: 1px solid white;font-size: 13px;}
table.colored th {background: #3db8df;color: white;}
table.colored td {background: #eef8fb;color: #08556e;}
table.colored tr.even td {background: #d5eff7;}
.tac th {text-align: center;}
.tac td {text-align: center;}

#determingTable td.active {color: #232323;background-color: #eef8fb;border: 1px solid #0b58a0;text-align: center;}
#determingTable td.arrow {background-color: white; text-align: center;border: 0;}
#determingTable td.empty {background-color: white; width: 10px;text-align: center;border: 0;}
#determingTable td {padding: 4px 4px 4px 4px;}

.valignTop {vertical-align: top;}

/********** FORMULÁŘE **********/
.input.text {margin: 0 0 2px;}
.input.text label {width: 50px;text-align: right;font-size: 13px;position: relative;top: -5px;}
.input.text input {float: left;margin: 0 0 10px 0;border: 1px solid #ee2a26;padding: 4px 4px;color: #0456a2;width: 181px;font-size: 13px;}

.input.textarea label {width: 50px;text-align: right;margin: 0 8px 0 0;font-size: 13px;position: relative;top: -5px;}
.input.textarea textarea {width: 250px;height: 100px;border: 1px solid #ee2a26;padding: 4px 4px;color: #0456a2;font-family: tahoma;font-size: 13px;} 

.input.radio {margin: 4px 0 6px;}
.input.radio label {margin: 3px 8px 3px 0;width: 50px;text-align: right;font-size: 13px;}
.input.radio input {float: left;margin: 5px ;}

button.sendCZ {float: right;width: 116px;height: 31px;background: url(../img/ui/buttonOdeslat.png) no-repeat;border: 0;cursor: pointer;font-size: 0;margin: 8px 0;}
button.sendDE {float: right;width: 116px;height: 31px;background: url(../img/ui/buttonSenden.png) no-repeat;border: 0;cursor: pointer;font-size: 0;margin: 8px 0;}
button.sendEN {float: right;width: 116px;height: 31px;background: url(../img/ui/buttonSend.png) no-repeat;border: 0;cursor: pointer;font-size: 0;margin: 8px 0;}
button.sendCZ:hover, button.sendDE:hover, button.sendEN:hover {background-position: 0 -31px;}

/********** ÚVODNÍ STRÁNKA **********/
ul.hpColFirst {float: left;}
ul.hpCol {float: left; padding-left: 20px;}

/********** PÁJENÉ A ROZEBIRATELNÉ VÝMĚNÍKY **********/
#productLists li {width: 130px;}

/********** PRŮVODCE OHŘEVEM BAZÉNU **********/
ul#guide {margin: 1em 0 1em 20px;}
ul#guide ul {margin: 0.4em 0 0.4em 15px;}
ul#guide li {margin: 3px 0; padding: 0; list-style-type: decimal; background: none;}

ul#guide li ul li {list-style: none;background: url(../img/ui/li.png) 0 5px no-repeat;padding: 0 0 0 10px;}
.guideNext {float: right; position: relative; top: 0px; right: 0px; color: red; text-align: right; margin-top: 15px;}
.guideNextSkip {float: right; position: relative; top: 0px; right: 0px; margin-top: 15px; text-align: right;}
.guidePrevious {float: left; position: relative; top: 0px; left: 0px; margin-top: 15px;}
.guidePreviousSkip {float: left; position: relative; top: 0px; left: 0px; margin-top: 15px;}
.guideContinue {float: right; position: relative; top: 10px; right: 0px; text-align: right; font-size: 11px;}

/********** KONTAKTNÍ STRÁNKA **********/
h2.contH2type1 {background: url(../img/ui/contH2type1.png) 0 4px no-repeat;padding: 0 0 0 25px;float: left;}
h2.contH2type2 {background: url(../img/ui/contH2type2.png) 0 5px no-repeat;padding: 0 0 0 38px;float: left;}

.contactLeftCol {float: left;width: 363px;}
.contactLeftCol .area1 {float: left;width:138px;margin: 25px 25px 0 0;}
.contactLeftCol .area1 strong {color: #ee2a26;}
.contactLeftCol .area2 p {margin-top: 0!important;}
.contactLeftCol .area2 {float: left;width:146px;padding: 15px 34px 15px 0;margin: 10px  0 0 0;border-right: 2px solid #0b58a0;}
.contactRightCol {float: left;width: 261px;margin: 0 0 0 30px;}
.contactRightCol .area3 {margin: 25px 0 0 0;}

.showOnMap {background: url(../img/ui/gps.png) 0 2px no-repeat;float: left;padding: 5px 0 5px 31px;}

.contPhone {background: url(../img/ui/area2phone.png) 0 2px no-repeat;margin: 0!important;padding: 2px 0 2px 30px;float: left;}
.contFax {background: url(../img/ui/area2fax.png) no-repeat;margin: 0 0 5px!important;padding: 2px 0 2px 30px;float: left;}
.contMail {background: url(../img/ui/area2mail.png) 0 2px no-repeat;margin: 0 0 5px!important;padding: 2px 0 2px 30px;float: left;}
.contSkype {background: url(../img/ui/area2skype.png) 0 0px no-repeat;margin: 0 0 5px!important;padding: 2px 0 2px 30px;float: left; position: relative; top: -10px;}
.contMobile {background: url(../img/ui/area2mobile.png) 3px 2px no-repeat;margin: 0 0 5px!important;padding: 2px 0 2px 30px;float: left;}