/*

Screen style

@version 02.02.2010 17:15:54

*/


body{text-align:center; color:#444444; font-family:Verdana, sans-serif; font-size:80%;}
/*body{background: url('../images/layoutx.jpg') center top no-repeat;}*/

body{background:url('../images/bg.png') center 185px no-repeat;}
#inner{background:url('../images/bg_top.png') center top repeat-x;}


h2{font-size:180%;}
h3, h4{font-size:140%;}
h4{font-size:110%; font-weight:bold;}


table{width:100%; margin-bottom:2em;}
th{font-size:120%; border:0;}
th.color{background:#ff9c3e; color:#ffffff; border:1px solid #fe7600; border-left:0;border-right:0; }
td{border:2px white solid; color:#4d4d4d;}
.odd{background:#ebebeb;}

a{color:#444444;}
sup{font-size:80%;}

/* Zarovnavani v tabulkach */
.ctr{text-align:center;}
.rgt{text-align:right;}
.lft{text-align:left;}
.w-100{width:100px;}
.borderless, .borderless *{border:0;}

/* Box a hlavni elementy */
#box{position:relative;width:862px; border:0px solid green; text-align:left; margin:0px auto; margin-bottom:1em;}
#header{padding-top:29px;}


/* Logo a horizontalni navigace */
#logo, #nav{float:left;}
#nav{float:right; margin-right:20px; margin-top:8px;}
#logo{margin-left:7px;}

/* Prekryti nadpisu hlavniho obrazkem - logo */
h1, h1 a{display:block; position:relative; width:227px; height:45px; overflow:hidden;}
h1 a{background:url('../images/logo2.png') 00 no-repeat; position:absolute; top:0; left:0;}
h1 a span{display:none;}


/* Navigace */
#nav ul{margin:0; font-size:110%;}
#nav ul li{display:inline; margin-left:2.45em;}
#nav ul li strong a, a:hover{color:#ff7f00;}
#nav a{text-decoration:none;}

/* Pridani kursoru, sipky k proklikute sekci uplne nahoru */
#nav li, #nav li a{position:relative;}
#nav li span{display:block; position:absolute; bottom:0px; left:0px; border:green solid 0px; width:100%; height:56px; text-align:center;}
#nav li span #cursor{background:url('../images/cursor.png') 00 no-repeat;  width:16px; height:6px; margin:0px auto; position:relative;}


/* Lista provadenych praci - JOBS */
#jobs{background:url('../images/bt_bg2.png') 00 no-repeat; margin-top:21px; padding:2px; padding-right:0;border:0px solid black;}
#jobs ul{margin:0;}
#jobs li{display:inline; list-style-type:none;}
#jobs a{float:left; margin-right:3px;}

#jobs a, #jobs span{display:block; position:relative; width:140px; height:135px; overflow:hidden;}
#jobs span{position:absolute; top:0; left:0;}

#jobs .bt-1 span{background:url('../images/bt/bt_1.png') left bottom no-repeat;}
#jobs .bt-2 span{background:url('../images/bt/bt_2.png') left bottom no-repeat;}
#jobs .bt-3 span{background:url('../images/bt/bt_3.png') left bottom no-repeat;}
#jobs .bt-4 span{background:url('../images/bt/bt_4.png') left bottom no-repeat;}
#jobs .bt-5 span{background:url('../images/bt/bt_5.png') left bottom no-repeat;}
#jobs .bt-6 span{background:url('../images/bt/bt_6.png') left bottom no-repeat;}

#jobs span.layer{background-position:left top; /*display:none;*/}
#jobs .active span.layer{display:none;}

/*#jobs span:hover, #jobs .active span{background-position:left bottom;}*/
#jobs .end a{margin-right:0;}



/* Main - prava lista + obsah */
#sidebar, #content{float:left;}

#sidebar{width:276px; padding-top:23px; color:#ffffff; text-align:center; position:relative;}
#sidebar img{border:0; margin-bottom:0.7em;}
#sidebar h2{font-size:160%;}
#sidebar .inner p{padding:15px; padding-top:0; padding-bottom:0; text-align:left;font-size:90%;}

#adv{position:absolute; top:800px; left:-2px;}
#adv img{border:0;}
#adv a{display:block; margin-bottom:2px;}


/* Obsah */
#content{width:582px; margin-top:24px;}
#content .inner{padding:0 1.7em 0 1.7em; background:white url('../images/shadow.png') right top no-repeat; min-height:575px; color:#808080;}
#content #top{background:url('../images/content_bg_top.png') left top no-repeat; height:17px; margin-bottom:0;}
#content h2, #content h3, #content h4{color:#ff7f00;}
#content h3.color{background:#ff9c3e; color:#ffffff; border:1px solid #fe7600; border-left:0;border-right:0;font-size: 110%; font-weight: bold; text-align: center; padding: 5px 0px;}

#content ul li{list-style-type:none; background:url('../images/bullet.png') left center no-repeat; padding-left:15px;}
#end ul li{padding:0; background:none;}


/* Pata */
#footer{text-align:center; background:#f4f4f4; padding:4px; padding-bottom:6px; font-size:90%;}
#footer-top{background:url('../images/footer_bg_top.png') repeat-x; height:12px; width:100%;margin-bottom:0px; border:0px solid green;}

#footer p{margin-bottom:0;}
#footer a{font-weight:bold; color:#ff7f00;}
#footer a:hover{text-decoration:none;}
#footer span{color:#ff7f00;}



/* Homepage - nutno rozlisit ID v body - je treba prepocitavat jinak nektere obsahy oproti obsahove strance */
#hp #box{margin-bottom:0;}
#hp #content .inner{min-height:450px; background:#ffffff url('../images/shadow_right.png') right top repeat-y;}

/* Kontatkni udaje, prostor */
#contact{width:593px; height:218px; background:url('../images/hp-end.png') center bottom no-repeat;}
#contact #end{padding:1em; padding-left:1.7em; padding-right:0; padding-top:60px; position:relative;}
#contact #end ul{float:left; margin:0; margin-right:1.3em;}
#contact ul li{list-style-type:none;}
#contact h3, #pad strong{color:#000000;}

/* Postava s certifikatem klikaci */
#certificate{position:absolute; bottom:-21px; right:28px; background:url('../images/certificate.png') 00 no-repeat; width:148px; height:235px;}
#certificate a{display:block; position:absolute; top:94px; right:44px; width:55px; height:78px;}
#certificate a span{display:none;}


fieldset{border:1px solid #dddddd;}
legend{color:#ff7f00; font-weight:bold;}
label{font-size:90%;}


/* Chybi formulare */
.error{padding:1em; margin-bottom:1em; background:#ffe5e5 url('../images/error.png') 465px 10px no-repeat; min-height:70px; border:1px dashed #db0606; color:black;}
.error a, #error h3{color:#db0606;}
.error h3{font-size:130%;}
.error ul{margin-bottom:0;}


/* Statusove zpravy po nejaky akce na topu */
#msg{width:100%; height:37px; position:absolute; top:0; left:0; text-align:center;}
#msg h3{font-size:138%; padding-top:6px; margin-bottom:0;}
#msg div div{ margin:0px auto; text-align:left; width:830px; position:relative;}

#msg .close{background: url('../images/button_close.png') left top no-repeat; display:block; position:absolute; top:8px; right:0; width:139px; height:20px;}
#msg .close:hover{background: url('../images/button_close.png') left bottom no-repeat;}
#msg a span{display:none;}

.true{background: url('../images/msg_true.png') repeat-x;}
.false{background: url('../images/msg_false.png') repeat-x;}

.true h3, .false h3{padding-left:30px; height:31px;}
.true h3{background: url('../images/symbol_true.png') left center no-repeat;}
.false h3{background: url('../images/symbol_false.png') left center no-repeat;}




/* Galerie v sidebar */
#thumb{position:relative; margin-left:12px; margin-top:13px;}
#thumb span{display:block; position:absolute; top:0px; left:-5px; width:70px; height:100%; background:url('../images/bg_photo_small.png') left top no-repeat;z-index: -2;}
#thumb #shifter-middle span{position:absolute; top:-1px; left:-12px; width:126px; height:92px; background:url('../images/bg_photo_big.png') left top no-repeat;}

/* Prochazeci tlacitka */
#thumb a span{display:none;}
#thumb .nav{display:block; background:url('../images/bt_nav.png') left top; width:10px; height:10px; width:22px; height:21px; position:absolute;}
#thumb .next{background-position:right top; bottom:8px; right:35px;}
#thumb .prev{background-position:left top; bottom:8px; left:22px;}


/* Shifter - original */

#shifter-wrapper {margin-top: 50px;}
#shifter-wrapper a, #shifter-wrapper img {border: none;}
#shifter-left, #shifter-right {float: left; position: relative; width: 50px; height: 50px; margin-top: 25px;}
#shifter-middle {float: left; position: relative; width: 100px; height: 100px;}
#shifter-left, #shifter-right, #shifter-middle {border: 1px solid #678;}
#shifter-left img, #shifter-right img, #shifter-middle img {position: absolute; left: 0px; }
#shifter-left img, #shifter-right img {width: 50px; height: 50px; }
#shifter-middle img {width: 100px; height: 100px; }
#shifter-left img.second, #shifter-right img.second, #shifter-middle img.second {z-index: -1;}
#shifter-hidden {display: none;}


/* Shifter - add, pridany styl postaveny nad stylem Shifteru */

/*#shifter-wrapper div{background:url('../images/bg_photo_big.png') left top;}*/
#shifter-wrapper div{position:relative; border:0;}
#shifter-wrapper {margin-top:0px; margin-left:8px;}
#shifter-left{margin-right:15px;}
#shifter-right{margin-left:15px;}
#shifter-right, #shifter-left{margin-top:18px; margin-bottom:5;}

#shifter-left img, #shifter-right img{width:46px; height:34px; padding:5px;}
#shifter-middle img {width:96px; height:72px; padding:5px; }

#content .colorbox{display:block; text-align:center}
#content .colorbox img{margin:0px auto;}

/* Vertikalni centrovani - plavacek fixed + floating boxu */
.gallery div.inline{width:268px; height:250px; text-align:center; position:relative;  display:table-cell;  vertical-align: middle; border:0px blue solid;}
.gallery img {position:relative; left:0;  margin: 0 auto;} /* display: block; */
.gallery .f{float:left;}

#content .inner{min-height:590px;}

/*17.brezna 2010 add - jobs-list - hledame zamestnance */
#content #jobs-list{/*margin:0;*/}
#content #jobs-list li{display:block; padding-left:160px; font-weight:bold;}
#content #jobs-list li span{display:table-cell;  vertical-align:middle;}
#content #jobs-list li, #content #jobs-list span{ height:100px; /*border:red 1px solid;*/}

#jobs-list .j1{background:url('../images/jobs/j-1.jpg') left center no-repeat;}
#jobs-list .j2{background:url('../images/jobs/j-2.jpg') left center no-repeat;}
#jobs-list .j3{background:url('../images/jobs/j-3.jpg') left center no-repeat;}
#jobs-list .j4{background:url('../images/jobs/j-4.jpg') left center no-repeat;}