/***** Created BY Petr Kudela (c) 2009 - sambawebdesign - www.samba.wz.cz *****/

/*** OBECNE ***/
html, body {height:100%}

body {text-align:center;font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;font-size:12px;color:#eeeeee;margin:0;padding:0;background:white url(../img/bg_srafovani.gif) 0 0 repeat}

img {margin:0;padding:0;border:0}

a, a:link, a:visited {color:#4F4F4F;text-decoration:underline}
a:hover {color:red;text-decoration:underline}

h1,h2,h3,h4,h5 {padding:0 0 20px 0;color:#b8b9b4;font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;margin:0}
h1 {font-size:20px}
h2 {font-size:20px}
h3 {font-size:16px;margin-bottom:3px}
h4 {font-size:13px}
h5 {font-size:12px}

p {margin-top:5px;margin-bottom:20px}
hr {border-top:1px solid #b8b9b4;border-bottom:0;height:1px;margin-bottom:20px;border-right:0}
ul {list-style-position:outside;color:#4F4F4F}
input, textarea {border:1px solid #b8b9b4;background:#333333;color:#eeeeee;z-index:1;opacity:0.6;filter:alpha(opacity=60);width:170px}
textarea {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:12px;width:367px;height:45px}
form {margin:0;padding:0}
th {text-align:left}
td, th {vertical-align:top}

.floatLeft {float:left}
.odrazRight input {margin-right:15px}
.form p {margin-bottom:15px}
.formSent {display:none}
.submit {margin-top:10px;background-color:#b8b9b4;color:black;width:auto}
.subject input {width:367px}
.sendForm {color:#FFF3A5;margin:-15px 0 5px 0}

/*** NASTAVENI TRIDY PRO AKTIVNI POLOZKY ***/
a:link img.on, a:visited img.on {display:none}
a:hover img.off, a:link img.noselected {display:none}
a:hover img.on, a:link img.selected {display:block}

/*** OBAL OKOLO HLAVNIHO BOXU KVULI DOLNI PATICCE ***/	
#top {background:transparent url('../img/bg_top.jpg') 0 0 repeat-x;height:193px}
#top h1, #top h2 {padding:0;margin:0}
#top h1 img {margin-top:122px}
.malby {margin:90px 0 0 62px;padding:35px 62px 21px 62px;border-left:1px solid #bfbeba;border-right:1px solid #bfbeba}
.en .malby {padding:35px 47px 21px 47px;}
.papir {margin:90px 0 0 0;padding-top:35px}

.cover {margin-left:auto;margin-right:auto;width:1000px;position:relative}

/*** PROSTREDNI SLOUPEC ***/
.middle {background:transparent url('../img/banner.jpg') left 0 no-repeat;height:313px;position:relative}

.dark {background-image:url('../img/banner_active.jpg')}
.dark .section {margin:0;padding:0;position:absolute;left:0;top:40px}
.dark .full {display:none}

.text, .full {width:800px;text-align:left;position:absolute;right:0;top:45px;line-height:140%}
.text a:link, .text a:visited {color:#eeeeee}
.text img {border:1px solid #b8b9b4;margin:0 25px 25px 0}

.view .section {top:80px;text-align:right}
.view .text {width:600px}

.detail {background-image:none;background-color:#6c6c6c;height:700px;}
.detail .text {display:none}
.detail .full {display:block;top:90px;width:1000px}
.detail .section {display:none}

.popis, .imgDetail, .thumbs {float:left}
.popis {width:350px;text-align:right}
.imgDetail {margin:0 27px 0 27px;background:white url("../img/loading.gif") center no-repeat;width:500px;height:130px}
.imgDetail img {border:1px solid #b8b9b4}
.imgDetail div {padding:8px 0 8px 0;text-align:center;margin-top:15px;width:500px}
.thumbs img {border:1px solid #b8b9b4}
.thumbs li {list-style-type:none;padding-bottom:10px}
.thumbs a:hover img {border-color:white}


.curriculum img {margin:0;padding:0}
.curriculum ul {float:left;list-style-type:none;margin:0;padding:0}
.curriculum li a:link img {line-height:0}
.curriculum li {margin-bottom:30px;line-height:0}
.curriculum #david, .curriculum #jarka {float:left;padding:5px 0 0 30px}
.curriculum th {width:80px;padding-right:10px}
.curriculum td {width:500px;padding-bottom:8px}

.img1, .img2 {width:120px;height:90px;border:1px solid #b8b9b4;padding:0}
.img1 {background:url("../img/person_frank_selected.jpg") no-repeat;margin-bottom:30px}
.img2 {background:url("../img/person_jarka_selected.jpg") no-repeat}
.on1 {background:url("../img/person_frank.jpg") no-repeat;border-color:white}
.on2 {background:url("../img/person_jarka.jpg") no-repeat;border-color:white}
.img1:hover, .img2:hover  {border-color:white}


.rightKontakt {float:left;padding:20px 0 0 50px;border-left:1px solid #b8b9b4;min-height:200px} 
.rightKontakt h3 {padding:0}
.leftKontakt {width:430px;float:left}
.leftKontakt p {padding-right:10px}

table.reference td {padding:0 40px 2px 0}


#menu {background-color:white;height:54px}
#menu ul {list-style-type:none;margin:0;padding:0}
#menu li {padding:22px 50px 22px 50px;float:left}
#menu li.first {padding-left:0}
#menu li:hover, #menu li.selected  {background:white url('../img/sipka.gif') center bottom no-repeat}
#menu li.first:hover, #menu li.first {background-position:17px bottom}

#menu li.lang {padding-right:0;float:right}
#menu li.lang img {padding-left:10px}
#menu li.lang:hover {background-image:none}


.submenu {background-color:white;display:none;z-index:1;opacity:0.8;filter:alpha(opacity=80);position:absolute;left:0;width:100%}
.submenu h3 {margin:0;padding:0;font-weight:normal;font-size:12px}
.submenu ul {list-style-type:none;margin:0;padding:0}
.submenu li {padding:22px 50px 21px 50px;float:right}
.submenu a:hover {color:#4F4F4F}
.submenu li:hover, .submenu li.selected {background-color:#DADADA;z-index:1;opacity:1;filter:alpha(opacity=100)}
.setVisible {display:block}

#bot {margin-left:auto;margin-right:auto;width:1000px;text-align:right;margin-top:25px}