/*
 * Základní­ stylopis SIPADAN.cz
 * Pro doplňkové styly používejte přednostně soubor sipadan-extended.css
 *
 */
body{color:black;margin:0;padding:0;background:#8d8d8d url('body.gif') left top repeat-x;font:91.7% /1.2 Arial, sans-serif;text-align:center;}

p{margin:0 0 1em;}
img{border:none;}
a{color:black;}
label{cursor:pointer;}
form{margin:0;padding:0;}

p.detail a{position:absolute;right:1px;bottom:1px;margin:0;text-decoration:none;}
p.detail a:hover{text-decoration:underline;}
p.detail-black a{color:black;padding:0.4ex 0.6em 0.4ex 1em;background:#fff000 url('detail-black.gif') left center no-repeat;}
p.detail-transparent a{color:black;padding:0.4ex 0.6em 0.4ex 1em;background: url('detail-transparent.gif') left center no-repeat;}
p.detail-yellow a{color:#fff000;padding:0.4ex 0.6em 0.4ex 1em;background:black url('detail-yellow.gif') left center no-repeat;}
p.detail-white a{color:white;padding:0.4ex 0.6em 0.4ex 1em;background:black url('detail-white.gif') left center no-repeat;}

.flags{position:absolute;top:7px;right:5px;}
.flags span{display:none;}
.flag{display:inline;width:19px;height:21px;float:left;margin:0 5px 0 0;}
.flag-cs{background:url('flag-cs.gif') left top no-repeat;}
.flag-en{background:url('flag-en.gif') left top no-repeat;}

.crumbs{font-size:78%;margin:1em 0 1em 29px;}
.crumbs span{display:none;}
.crumbs a{color:black;text-decoration:none;padding:0 1em;background:url('crumbs.gif') left center no-repeat;}
.crumbs a strong{font-weight:normal;text-decoration:underline;}
.crumbs a:hover{text-decoration:underline;}
.crumbs a.home{padding-left:1.6em;background:url('home.gif') 0 40% no-repeat;}

.box1{width:291px;height:239px;margin:0 13px 14px 0;font-size:110%;position:relative;float:left;text-align:left;}
.box1 a{text-decoration:none;}
.box1 a:hover{text-decoration:underline;}
.box1 h2 a:hover{text-decoration:none;}
.box1 p{margin:0 1em 1em;}
.box1 h2  {font-size:200%;line-height:1;margin:0 0 0.2ex;padding:0.6ex 0.8ex;}
.box1 h3 { font-size:165%; margin:0 0 0.2ex;padding:0.7ex 0.9ex; line-height:1; }
.box1 ul.specialBullets{margin:0;padding:0;list-style-type:none;position:relative;}

.box1-textRight ul.bullets-black li{padding:0.2ex 1.2em 0.2ex 0;background:url('box1-bullet-black.gif') 100% 60% no-repeat;}
.box1-textRight ul.bullets-yellow li{padding:0.2ex 1.2em 0.2ex 0;background:url('box1-bullet-yellow.gif') 100% 60% no-repeat;}
.box1-textRight{text-align:right;}

.box1-black{color:white;background:black;}
.box1-black a{color:white;}
.box1-black a:hover{text-decoration: underline;}
.box1-black h2, .box1-black h2 a , .box1-black h3, .box1-black h3 a {color:#fff000;}
.box1-black h2 a:hover ,  .box1-black h3 a:hover {text-decoration: underline;}

.box1-yellow{color:white;background:#fff000;}
.box1-yellow a{color:black;}
.box1-yellow a:hover{text-decoration: underline;}
.box1-yellow h2, .box1-yellow h2 a , .box1-yellow h3, .box1-yellow h3 a {color:black;}
.box1-yellow h2 a:hover , .box1-yellow h2 a:hover {text-decoration: underline;}

.box1-style1{background:url('box1-style1.jpg') left top no-repeat;}
.box1-style2{background:url('box1-style2.jpg') left top no-repeat;}
.box1-style3{background:url('box1-style3.gif') left top no-repeat;}

.box1-style3 .tblForm{font-size:75%;margin-left:2em;}
.box1-style3 .tblForm table td{margin:0;padding:0.2ex;}
.box1-style3 .tblForm .bigger{font-size:120%;}
.box1-style3 .tblForm .submit{margin:0;padding:0 1ex;overflow:visible;}

.box2{font-size:85%;width:443px;margin:0 14px 15px 0;position:relative;float:left;background:white;}
.box2 .detail{font-size:117.6%;}
.box2 .boxTitle{margin:0 0 0.5ex;padding:0.6ex 25px;background:#fff000;font-size:200%;font-weight:normal;border-top:2px solid black;}
.box2 .boxTitle-bMargin{margin-bottom:0.75ex;}
.box2 .boxContent{margin:0 25px;}
.box2 .boxContent h3{font-size:200%;font-weight:normal;margin:0.5ex 0 0.2ex;padding:0;}
.box2 .boxContent2{margin:0 8px;}
.box2 .quiet p{color:#6d6e71;}
.box2 .quiet2 p{font-size:92%;color:#6d6e71;}

.box2-height1{height:23em;}
.box2-height2{height:19em;}

.box2.mensi-nadpis h2 {font-size:160%;}
.box2.mensi-nadpis h2 {font-size:160%;}
.box2.mensi-nadpis .boxContent.quiet h3 {font-size:144%; padding: 2px 0px 7px 0px;}
.box2.mensi-nadpis .boxContent.quiet ul li {line-height: 17px;}

.hp #pageContent{margin:0 29px;padding-bottom:0;}

.leftColumn{float:left;width:202px; position:relative; left:29px;  }
.rightColumn{float:right;width:648px;margin:0 58px 0 0;padding-top:1.8em;display:inline; padding-bottom:10px; }

.mainContent h1,.mainContent h2{background:#fff000 url('heading.gif') 0 50% no-repeat;display:inline;padding:0.2ex 0.5ex 0.2ex 20px;font-weight:normal;font-size:150%;}
.mainContent h2 {font-size:120%;}
.mainContent h3{font-weight: bold;}
.mainContent p{margin:1em 0 1.3em;}
.mainContent ul{margin:1em 0;padding:0;}
.mainContent ul li{list-style-type:none;margin:0;padding:0 0 0 1.8em;background:url('bullet1.gif') 0 50% no-repeat;}
.mainContent-spaced{margin-bottom:3.5em;}

.cNavTitle{height:77px;margin:0;background-color:black;background-position:left bottom;background-repeat:no-repeat;font-size:121.4%;}
.cNavTitle a{color:#fff000;font-weight:normal;float:right;text-align:right;margin:1ex 0.6ex 0 0;padding-right:1.3ex;line-height:21px;text-decoration:none;}
.cNavTitle a:hover{text-decoration:underline;}
.cNavTitle a.active{background:url('cNavTitle.gif') right top repeat-y;}
.cNavTitle span{background:none;}
.cNavTitle-style1{background-image:url('service1.jpg');}
.cNavTitle-style2{background-image:url('service2.jpg');}

.cNav{background:#ffc700 url('cNav.gif') left top repeat-x;margin:0 0 0.9em;padding:0;list-style-type:none;}
.cNav li{display:inline-block;font-size:0;width:100%;background:url('subNav-separator.gif') left bottom repeat-x;}
.cNav li a{font-size:11pt;display:block;padding:0.9ex 16px;text-decoration:none;background:transparent;}
.cNav li a:hover{color:white;background-image:url('cNav-active.gif');}
.cNav li.last{background:none;}
.cNav li.active{background-image:url('cNav-active.gif');}
.cNav li.active a{color:white;background:url('cNav-active-bullet.gif') 0 50% no-repeat;}
.cNav li.active a:hover{background-image:url('cNav-active-bullet.gif');}

.box3{color:white;position:relative;margin:0 0 1.2em;background:black url('box3.gif') left top no-repeat;padding:1em 1.2em 0.3em;font-size:78%;}
.box3 h3,.box3 h3 a{font-size:121%;margin:0 0 0.5ex;font-weight:normal;color:#fff000;text-decoration:none;}
.box3 h3 a:hover{text-decoration:underline;}
.box3 strong{font-size:141%;}
.box3 .detail{font-size:121%;}

.box4{color:white;position:relative;margin:0 0 1.2em;background:black url('gambrinusliga.jpg') left top no-repeat;padding:0 1.2em 0 0.3em;font-size:78%;height: 94px; clear: both;}
.box4 h3 {margin-left: 21px; padding-top: 4px;}
 h3 a{font-size:121%;margin:0 0 0.5ex;font-weight:bold;color:white;text-decoration:none;}
.box4 h3 a:hover{text-decoration:underline;}
.box4 .detail{font-size:121%;}

.box5{color:white;position:relative;margin:0 0 1.2em;background:black url('banner-manazeri.jpg') left top no-repeat;padding:0.8em 1.2em 0.3em;font-size:78%; height: 80px;}
.box5 h3,.box5 h3 a{font-size:121%;margin:0 0 0.5ex;font-weight:normal;color:#fff000;text-decoration:none;}
.box5 h3 a:hover{text-decoration:underline;}
.box5 strong{font-size:141%;}
.box5 .detail{font-size:121%;}

.orderForm{border-top:1px solid black;font-size:85%;background:white url('orderform.jpg') right bottom no-repeat;position:relative;}
.orderForm form{height:310px;}
.orderForm h2{margin:0;padding:0 1em;height:48px;line-height:48px;background:#dcdcdc;font-weight:normal;font-size:180%;}
.orderForm .col{width:35%;float:left;display:inline;}
.orderForm p{margin:1ex 1em;}
.orderForm .text,.orderForm textarea{border:1px solid #d4dbdb;}
.orderForm textarea{height:80px;}
.orderForm .submit{position:absolute;bottom:1px;right:1px;margin:0;}
.orderForm .submit input{float:left;}

.tblForm .text{border:1px solid #a1a1a1;margin:0.3ex 0;}
.tblForm .text-disabled{color:white;background:#636363;border-color:#434343;}

.lastItem{margin-right:0;}

.fItem{float:left;}
.fItem2{float:left;margin:1ex 2ex 2.2ex 0.5ex;}
.fItem-size1{width:142px;}

.centered{text-align:center;}
.dblLines{line-height:2;}
.dblLines2{line-height:1.5;}
.right{float:right;}
.cleaner{clear:both;height:0;font-size:0;}
.hidden{display:none;}

.left{float: left;}
.right{float: right;}

.map{position:relative;}
.map,.map div.overlay,.map div.background{width:250px;height:144px;}
.map img{position:absolute;top:0;left:0;z-index:10;}
.map div.overlay{position:absolute;top:0;left:0;}
.map div.background{position:absolute; top:0; left:0; background:url('map/background.gif') left top no-repeat;}

.ref-logo{display:inline-block;background-position:left top;background-repeat:no-repeat;margin-bottom:0.8ex;}
#ref-logo-hame.ref-logo {margin-bottom:0.7ex;}
.ref-logo img{display:none;}
.ref-logo:hover{background-position:left bottom;}

#ref-logo-aaa{width:79px;height:23px;background-image:url('../images/logo-aaa-bw.gif');}
#ref-logo-autocont{width:106px;height:23px;background-image:url('../images/logo-autocont-bw.gif');}
#ref-logo-ba{width:120px;height:23px;background-image:url('../images/logo-ba-bw.gif');}
#ref-logo-cechofracht{width:58px;height:23px;background-image:url('../images/logo-cechofracht-bw.gif');}
#ref-logo-continental{width:105px;height:23px;background-image:url('../images/logo-continental-bw.gif');}
#ref-logo-emco{width:41px;height:24px;background-image:url('../images/logo-emco-bw.gif');}
#ref-logo-skanska{width:81px;height:23px;background-image:url('../images/logo-skanska-bw.gif');}
#ref-logo-velux{width:69px;height:23px;background-image:url('../images/logo-velux-bw.gif');}
#ref-logo-hame{width:42px;height:24px;background-image:url('../images/hame-logo-22.jpg');}


#headerWrapper{height:234px;background:url('header-wrapper.jpg') center top no-repeat;position:relative;}
#header{position:relative;width:961px;height:234px;background:url('header.jpg') left top no-repeat;margin:0 auto;text-align:justify;}

#logo{margin:0;padding:0;}
#logo a{display:block;width:227px;height:83px;background:url('logo-sipadan.gif') left top no-repeat;position:relative;top:129px;left:131px;}
#logo a span, #logo a h1{display:none; visibility: hidden;}
#pageWrapper{width:961px;margin:0 auto;text-align:justify;background:#e7e7e7;border-top:2px solid #fff000;}

#globalNav{height:43px;background:url('globalNav.gif') left top repeat-x;z-index:100;}
/* prvni uroven globalni navigace */
#globalNav ul{margin:0 0 0 30px;padding:0;list-style-type:none;}
#globalNav li{float:left;background:url('globalNav-separator.gif') right bottom no-repeat;position:relative;z-index:100}
#globalNav li a{display:inline-block;line-height:43px;padding:0 25px;color:white;font-size:121.4%;text-decoration:none;}
#globalNav li.active a{font-weight:bold;background:url('globalNav-active.gif') center bottom no-repeat;}
/* druha uroven globalni navigace */
#globalNav ul ul{visibility:hidden;position:absolute;top:43px;left:0;margin:0;background:#ffcc00 url('subNavHolder.gif') left top repeat-x;width:190px;}
#globalNav ul ul li{float:none;background:url('subNav-separator.gif') left bottom repeat-x;}
#globalNav ul ul li a{color:black;display:block;font-size:85.7%;line-height:25px;padding:0 1ex 0 1.3em;background:url('subNav.gif') 0 -25px repeat-x;}
#globalNav ul li.active ul li a{background: none;}
#globalNav ul li.active ul li a:hover{background: url('cNav-active.gif');}
/* hover styly */
#globalNav li a:hover{font-weight:bold;text-decoration:underline;}
#globalNav li:hover ul, #globalNav li.hover ul{visibility:visible;}
#globalNav ul ul li a:hover{color:white;text-decoration:none;background-position:0 0;}

#globalNav .last{background:none;}

#pageContent{padding-bottom:1em;}
#hp-contact{float:right;text-align:right;padding:1.5em 1em 0 0;}

#map1-wrapper{float:left;}
#map2-wrapper{float:right;  display:inline;  margin:3em 3.5em 0 0;}

#footerWrapper{font-size:78%;color:white;background:#8D8D8D;min-height:1em;}

#footer{margin-top:9px;padding:1.3em 29px 3.5em;}
#footer .right{text-align:right;}
#footer .col{float:left;width:12em;}

#kalkulator {margin-top: 22px;}
#kalkulator table {width: 672px; background: url('tabulka-pozadi.jpg') no-repeat; margin-bottom: 30px;}
#kalkulator table thead {color: black; font-size: 14px;}
#kalkulator table td{padding-top: 2px;padding-left: 15px; padding-right: 10px; vertical-align: middle;}
#kalkulator table tbody {color: white;font-size: 11px;}
#kalkulator table tr {height: 27px; #height: 24px;}
#kalkulator span.podbarveny {color: black; background-image: url('tabulka-podbarveni.png'); display: block; float: left; width: 188px; height: 18px; padding-left: 7px; padding-top: 4px;}

#kalkulator input {background: url('tabulka-policko-bile.png');border: none; width: 73px; height: 15px; width: 76px; height: 15px; font-size: 11px; text-align: right; padding-right: 3px;}
#kalkulator input.readonly { background: url('tabulka-policko-sede.png'); color: white;}
#kalkulator input.vysledek { background: url('tabulka-policko-zlute.png'); height: 17px; padding-top: 4px;}

.right.copy { width:400px; }
#footer .footer-text { width:900px; text-align:justify;  }

#map2-overlay.reg_0 { background: url('map/region8.gif') no-repeat; }
#map2-overlay.reg_1 { background: url('map/region1.gif') no-repeat; }
#map2-overlay.reg_2 { background: url('map/region2.gif') no-repeat; }
#map2-overlay.reg_3 { background: url('map/region3.gif') no-repeat; }
#map2-overlay.reg_4 { background: url('map/region4.gif') no-repeat; }
#map2-overlay.reg_5 { background: url('map/region5.gif') no-repeat; }
#map2-overlay.reg_6 { background: url('map/region6.gif') no-repeat; }
#map2-overlay.reg_7 { background: url('map/region7.gif') no-repeat; }
#map2-overlay.reg_9 { background: url('map/region9.gif') no-repeat; }
#map2-overlay.reg_10 { background: url('map/region10.gif') no-repeat; }
#map2-overlay.reg_11 { background: url('map/region11.gif') no-repeat; }
#map2-overlay.reg_12 { background: url('map/region12.gif') no-repeat; }
#map2-overlay.reg_13 { background: url('map/region13.gif') no-repeat; }
#map2-overlay.reg_14 { background: url('map/region14.gif') no-repeat; }


/* styly pro vyskakovací infobox */ 
.infobox { position:absolute; display:block; width:308px; height:104px; z-index:2;}
.infobox a { width:308px; height:104px; display:block; }
.infobox .info-text { position: relative; top:-115px; left:150px;}
.infobox .error {background: url('bg-error.png') no-repeat; }
.infobox .info{ background: url('bg-info.png') no-repeat;}
.infobox .info-text a span { position:relative; top:35px; left:100px;  width:180px; float:left; font-size:1.2em; } 
.infobox .error a span { color: #000}
.infobox .info a  span { color: #000}
.infobox  a { text-decoration:none; color:#000000;}

.orderForm  p.require { margin-top:0; }