/*----------------------------------------obecne nastaveni----------------------------------------*/
body {background: #e9e9e9; font-family: Verdana; font-size: 12px; color: #494949; margin: 0;}

h1 {text-align: center; padding: 30px 0 30px 0; font-size: 28px;}
h2 {padding: 25px 0 0 0; clear: both;}
h3 {padding: 0; margin: 0; font-weight: normal; font-size: 14px;}

img {border: 0px;}

a {color: #cc3a0f;}
a:hover {text-decoration: none;}

#main {width: 950px; margin: 35px auto 0 auto; background: #ffffff url(../img/bg_main_left.gif) repeat-y left;}

.hidden {display: none;}

#akce {position: absolute; top: 0px; left: 0px; background: url(../img/akce.gif) no-repeat left; width: 234px; height:137px;}

/*----------------------------------------text pod logem----------------------------------------*/
p.text {padding: 0 50px 0 57px; text-align: justify; line-height: 17px;}
ul#co_potrebuji {padding-left: 130px; line-height: 17px;}
span#legenda {color: #848484; font-size: 10px; padding-left: 60px;}

/*----------------------------------------sekce nabidka----------------------------------------*/
#balicekLight, #balicekMedium, #balicekPlus {height: 202px; float: left; text-align: justify; font-size: 12px; line-height: 15px;}
#balicekLight {background: url(../img/bg_balicek_light.gif) no-repeat; width: 201px; margin-left: 37px; padding: 22px 80px 0 11px;}
#balicekMedium {background: url(../img/bg_balicek_medium.gif) no-repeat; width: 200px; padding: 22px 80px 0 14px;}
#balicekPlus {background: url(../img/bg_balicek_plus.gif) no-repeat; width: 205px; padding: 22px 80px 0 15px;}

p.cenaMedium {padding-top: 48px;}
p.cenaPlus {padding-top: 35px;}

/*----------------------------------------sekce reference----------------------------------------*/
#reference {width: 771px; background: #f1f1f1; margin: 0 auto 30px auto; height: 193px;}
img.sipka_leva {float: left;}
img.sipka_prava {float: left;}
.reference_obr {width: 313px; height: 155px; background: #ffffff; padding: 5px; border: 1px solid #d2d2d2; margin: 13px 10px 0 20px; float: left; display: block;}
.popis {float: left; width: 320px; margin: 13px 0 0 0; padding-right: 30px;}
.popis p {line-height: 15px; font-size: 11px; margin: 0; padding: 0;}
.popis span {padding-top: 25px; float: right;}
.popis h3 {font-size: 16px; font-weight: normal; margin: 0; padding: 10px 0 5px 0;}
#slideshow {width: 705px; float: left;}

/*----------------------------------------sekce kontakt----------------------------------------*/
div.ohyb {width: 944px; margin: 0 0 0 7px; height: 6px; background: url(../img/ohyb.gif) bottom no-repeat;}
#kontakt {background: url(../img/bg_kontakt.gif) repeat-y right; height: 167px;}
#kontakt ul {margin: 0; list-style: none; padding: 30px 0 0 102px; line-height: 23px; float: left;}
#formular {float: right; padding: 30px 102px 10px 0;}
#formular input, #formular textarea {color: #b7b7b7; font-family: Verdana; font-size: 11px; border: 1px solid #dadada; padding: 5px 5px 0 5px;}
#formular input:hover, #formular textarea:hover, #formular input:focus, #formular textarea:focus {border: 1px solid #bbbbbb; color: #a7a7a7;}
#formular input {width: 150px; height: 17px;}
#formular textarea {width: 316px; height: 48px;}
#formular input[type=submit] {background: url(../img/button_poslat.gif); width: 65px; height: 22px; border:0;}

#formular input.error, #formular textarea.error {color: #d55418;}
.proces {font-size: 11px; font-weight: bold;}

/*----------------------------------------paticka----------------------------------------*/
#paticka {background: #e9e9e9; padding: 10px 20px 10px 20px; font-size: 11px; clear: both; height: 20px;}
#paticka span {float: left;}
.odkazy {float: right;}