/*//////////////////////////////////////////////////////////////LAYOUT/////////*/
html{
font-family:Arial;
font-size:0.7em;
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
background: #aaa url('grafika/bg.gif') repeat left top;
}
#obal-hlavni{
width: 965px;
margin: 0 auto;
padding : 0;
background:#fff  url('grafika/bg.jpg') repeat-y left top;
}
#top {
line-height:20px;
height:20px;
background:#333 url('grafika/top.jpg') repeat-x left -4px;
}
#top a {
color: white;
font:status-bar;
margin-left:15px;
}
#top a:hover {
color: #cc1214;
}
#banner {
display:block;
width:963px;
height:151px;
text-decoration:none;
padding : 0;
margin : 0;
background: #cc1214 url('grafika/banner.jpg') no-repeat left top;
border:1px solid #555;
}
#obsah-oddelovac{
float: left;
width: 100%;
}
#obsah-hlavni{
margin: 0 200px 0 200px;
min-height:300px;
padding : 0;
}
#obsah-levy{
float: left;
width: 200px;
margin-left: -965px;
min-height:300px;   
}
#obsah-pravy{
float: left;
width: 200px; 
margin-left: -200px; 
min-height:300px;              
}
#obsah-paticka {
line-height:20px;
height:20px;
background:#333 url('grafika/top.jpg') repeat-x left -4px;
color: white;
}
#obsah-paticka a {
color: white;
font:status-bar;
margin-left:15px;
}
#obsah-paticka a:hover {
color: #cc1214;
}
.obal{
margin: 10px;
}
.cistic {
clear:both;
}
/*////////////////////////////MENUS///////////////////////////////////////////////////////////////////*/
.jqueryslidemenu {
background:#333;
width: 965px;
margin: 0;
padding : 0p
line-height:26px;
height:26px;
position: relative;
z-index:100;
}
.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}
.jqueryslidemenu ul li a{
display: block;
color: white;
width: 106px;
text-align:center;
line-height:26px;
height:26px;
text-decoration: none;
background:#333 url('grafika/menu.jpg') repeat-x left -4px;
border-right:1px solid #fff;

}
.jqueryslidemenu ul li .last{
border-right:0px none;
width: 109px;
}
* html .jqueryslidemenu ul li a{
display: inline-block;
}
.jqueryslidemenu ul li a:hover{
background: #990000 !important;
}
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}
.jqueryslidemenu ul li ul li ul{
top: 0;
}
.jqueryslidemenu ul li ul li a{
width: 118px;
line-height:26px;
height:26px;
margin: 0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background: transparent url('grafika/trans.png') repeat left top;
}
.jqueryslidemenu ul li ul li a:hover{
background: #990000 !important;
}

/*/////////////////////////////////////////////////////HLEDANI////////////////////////////////////////////*/
#hledat {
float:right;
width:18em;
margin:0px;
}
#hledat .pole_hledat{
margin-top:110px;
width:8em;
background: #cc1214 url('grafika/input.jpg') repeat-x left 11px;
color:white;
border:1px solid #333;
font-size:1.3em;
height:1.3em;
line-height:1.3em;
}
#hledat .submit_hledat{
margin-top:110px;
width:4.5em;
background: #333 url('grafika/menu.jpg') repeat-x left -7px;
color:#fff;
border:1px solid #333;
cursor:pointer;
}
#hledat .submit_hledat:hover{
background:#cc1214;
}
/*/////////////////////////////////////////////////////TABULKA////////////////////////////////////////////*/
#tabulka {
margin-top:10px;
padding:7px;
min-height:80px;
text-align:center;
}
#tabulka strong{
font-family:Verdana;
font-size:1.2em;
}
#tabulka table{
font-family:tahoma;
width:100%;
border:1px solid #ccc;
background:#fff;
text-align:left;
font-size:12px;
background:#f5f5f5;
}
#tabulka table .hlavicka{
color:#fff;
height:18px;
line-height:18px;
background:#444 url('grafika/menu.jpg') repeat-x left -6px;
}
#tabulka table .hlavicka td{
text-indent:2px;
}
#tabulka table .tym{

}
#tabulka table .por{
font:status-bar;
}
#tabulka table tr{
background:#fff;
}
#tabulka table .seda{
background:#eee;
}
/*//////////////////////////////////////////kolo/////////////////*/
#kolo_tabulka {
padding:7px;
padding-top:0px;
min-height:80px;
text-align:center;
}
#kolo_tabulka strong{
font-family:Verdana;
font-size:1.2em;
}
#kolo_tabulka table {
background:#f5f5f5;
}
#kolo_tabulka table .hlavicka{
color:#fff;
height:18px;
line-height:18px;
background:#444 url('grafika/menu.jpg') repeat-x left -6px;
text-align:center;
}
#kolo_tabulka table .hlavicka td{
text-indent:2px;
}
#kolo {
font-family:tahoma;
width:100%;
border:1px solid #ccc;
background:#fff;
text-align:left;
font-size:11px;
height:16px;
line-height:16px;
}
#kolo_tabulka table .hlavicka2{
height:1px;
line-height:1px;
background:#ccc;
}
#kolo .kol1 {
width:70%;
text-align:right;
height:16px;
line-height:16px;
}
#kolo .kol2 {
width:30%;
text-align:center;
font-weight:bold;
height:16px;
line-height:16px;
}
#kolo tr {
background:#fff;
height:16px;
line-height:16px;
}
#kolo .kola {
background:#eee;
height:16px;
line-height:16px;
}
/*/////////////////////////////////////////////////////SPONZOR////////////////////////////////////////////*/
#sponzor {
margin-top:10px;
padding:7px;
min-height:300px;
text-align:center;
}
#sponzor strong{
font-family:Verdana;
font-size:1.2em;
}
/*/////////////////////////////////////////////////////SPONZOR2////////////////////////////////////////////*/
#sponzor2 {
min-height:10px;
clear: left;
text-align: center;
background: #fff url('grafika/bg_top.jpg') repeat-x left top;
overflow:hidden;
padding-top:1px;
}
#sponzor strong2{
font-family:Verdana;
font-size:1.2em;
}
/*/////////////////////////////////////////////////////DISKUZE////////////////////////////////////////////////*/
#diskuze form {
margin:0px;
padding:7px;
padding-top:4px;
background:#f5f5f5;
line-height:22px;
}
#diskuze form strong{
font-family:Verdana;
font-size:1.4em;
}
#diskuze form label{
display:block;
width:150px;
float:left;
text-align:right;
margin-right:10px;
cursor:help;
}
#diskuze form .pole_hledat{
width:12em;
background: #fff url('grafika/input.gif') repeat-x left top;
float:left;
}
#diskuze form .submit_hledat{
float:left;
width:4.5em;
background: #333 url('grafika/menu.jpg') repeat-x left -7px;
color:#fff;
border:1px solid #333;
cursor:pointer;
margin-left:8px;
}
#diskuze form .submit_hledat:hover{
background:#cc1214;
}
#diskuze form .require{
color:#cc1214;
}
#diskuze form textarea{
width:498px;
height:80px;
border:1px solid #ccc;
margin:0px;
padding:0px;
background: #fff url('grafika/input.gif') repeat-x left top;
overflow:auto;
}
#diskuze form .submit{
width:60px;
height:20px;
background:#ccc url('grafika/diskuze/submit.jpg') no-repeat left top;
border:0px none;
font: status-bar;
cursor:pointer;
}
#diskuze form .submit:hover{
color:white;
}
#diskuze .prispevek{
clear:left;
border:1px solid #ccc;
background:#f5f5f5;
line-height:23px;
min-height:40px;
margin-top:5px;
}
#diskuze .prispevek strong{
float:left;
font-size: 10pt;
margin-left:5px;
}
#diskuze .prispevek span{
float:right;
font-size: 7pt;
margin-right:5px;
}
#diskuze .prispevek .zprava{
clear:both;
border-top:1px solid #f1f1f1;
line-height:16px;
padding:5px;
font-size: 8pt;
background:#fff;
min-height:50px;
}
#diskuze .strankovani {
line-height:18px;
}
#diskuze .strankovani .nav, #diskuze .strankovani .navh {
float:left;
display:block;
width:40px;
height:20px;
border:0px none;
margin:0px;
padding:0px;
background:#ccc url('grafika/diskuze/nav.jpg') no-repeat left top;
font: status-bar;
line-height:18px;
text-align:center;
color:#cc1214;
margin:3px;
text-decoration:none;
}
#diskuze .strankovani .navh {
color:gray;
}
#diskuze .strankovani .nav:hover {
color:#333;
}
#diskuze .strankovani .nav2, #diskuze .strankovani span {
float:left;
display:block;
width:18px;
margin:0px;
padding:0px;
text-align:center;
margin-top:4px;
color:black;
font: status-bar;
line-height:18px;
}
#diskuze .strankovani span {
color:gray;
}
#diskuze .strankovani .nav2:hover {
background: #ddd;
color:#cc1214;
}
/*///////////////////////////////////////////////KOMETARE/////////////////////////////////////*/
#komm {
width:100%;
min-height:100px;
overflow:hidden;
margin-top:20px;
}
#komm form{
margin:0px;
padding:0px;
}
#komm label{
display:block;
width:80px;
float:left;
text-align:right;
margin-right:10px;
cursor:help;
font-weight:bold;
font-size:1.2em;
line-height:1.2em;
height:1.2em;
}
#komm .pole_komm{
width:12em;
background: #fff url('grafika/input.gif') repeat-x left top;
float:left;
}
#komm .box_komm{
width:2em;
background: #fff url('grafika/input.gif') repeat-x left top;
float:left;
}
#komm textarea{
clear:both;
margin:0px;
padding:0px;
width:100%;
height:80px;
background: #fff url('grafika/input.gif') repeat-x left top;
}
#komm .submit_komm{
float:left;
width:4.5em;
background: #333 url('grafika/menu.jpg') repeat-x left -7px;
color:#fff;
border:1px solid #333;
cursor:pointer;
margin-left:30px;
}
#komm .submit_komm:hover{
background:#cc1214;
}
#komm .prispevek{
min-height:20px;
border:1px solid #f5f5f5;
text-align:right;
overflow:hidden;
padding:5px;
margin-bottom:5px;
}
#komm .prispevek strong{
text-align:left;
float:left;
display:block;
width:150px;
font-size:1.2em;
}
#komm .prispevek .zprava{
clear:both;
text-align:left;
padding:5px;
}
acronym {
cursor:help;
}
/*////////////////////////////////////////////////////////////UVOD////////////////////////////////////////////*/
.clanek2 {
min-height:50px;
overflow:hidden;
margin-bottom:5px;
font-family: Verdana;
font-size:12px;
line-height:16px;
}
.clanek2 .titul {
float: left;
font-size: 15px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
margin:0px;
width:99%;
color:#333;
text-decoration:none;
font-weight:bold;
background:#f5f5f5;
}
.clanek2 .titul:hover{
color:#cc1214;
}
.clanek2 div{
padding:5px;
}
.clanek2 div img {
float: left;
margin:5px;
}
.clanek2 .info_patka {
clear:both;
background:#f3f3f3;
padding:0px;
margin-right:5px;
width:99%;
font:status-bar;
text-align:right;
}
.clanek2 #nazev {
float: left;
font-size: 16px;
width:80%;
display: block;
color:#333;
padding:5px;
text-decoration:none;
font-weight:bold;
background:#f5f5f5;
}
.clanek2 #zpet {
float: right;
font-size: 16px;
width:16%;
display: block;
color:#333;
padding:5px;
text-decoration:none;
font-weight:bold;
background:#ccc;
text-align:center;
}
.clanek2 #zpet:hover{
background:#cc1214 !important;
color:#fff;
}
/*//////////////////////////////////////////////////A-tym/////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////CLANEK/////////////////////////////////////////////////////*/
#atym {
clear:both;
padding-top:1px; 
background: #fff url('grafika/bg_top.jpg') repeat-x left top;
}
#atym .clanek {
overflow:hidden;
font-family: Verdana;
font-size:11px;
line-height:14px; 
}
#atym .clanek .titul {
font-size: 15px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
margin:0px;
display:block;
width:99%;
color:#333;
text-decoration:none;
font-weight:bold;
background:#f5f5f5; 
}
#atym .clanek .titul:hover{
color:#cc1214;
}
#atym .clanek div{
padding:5px;
height:100px;
min-height:60px;
overflow:hidden;
}
#atym .clanek div img {
float: left;
margin:5px;
}
#atym .clanek .info_patka {
clear:both;
display:block;
padding:0px;
margin:0px;
margin-right:5px;
width:99%;
text-align:right;
background: #fff url('grafika/bg_top.jpg') repeat-x left bottom;
min-height:16px;
height:16px;
margin-bottom:5px;
}
/*//////////////////////////////////////////////////DOROST+MLADEZ/////////////////////////////////////////////////////*/
#ml {
min-height:50px;   
}
/*//////////////////////////////////////////////////B-tym/////////////////////////////////////////////////////*/
#btym {
width:32%;
float:left;
padding-right:1%;
padding-top:0px; 
}
#btym .clanek {
min-height:20px;
overflow:hidden;
margin-bottom:5px;
font-family: Verdana;
font-size:11px;
line-height:14px;
padding-top:1px;
}
#btym .clanek .titul {
font-size: 12px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
margin:0px;
width:100%;
color:#333;
text-decoration:none;
font-weight:bold;
background:#f5f5f5; 
display:block;
}
#btym .clanek .titul:hover{
color:#cc1214;
}
#btym .clanek .cl{
padding:5px;
height:60px;
overflow:hidden;
}
#btym .clanek .info_patka {
clear:both;
padding:0px;
margin-right:5px;
width:99%;
text-align:right;
background: #fff url('grafika/bg_top.jpg') repeat-x left bottom;
}
/*//////////////////////////////////////////////////DOROST/////////////////////////////////////////////////////*/
#dor {
width:31.5%;
float:left;
padding:1%;
padding-right:0.5%;
padding-top:0px;
background: #fff url('grafika/bg_mid.jpg') repeat-y left top;
}
#dor .clanek {
min-height:20px;
overflow:hidden;
margin-bottom:5px;
font-family: Verdana;
font-size:11px;
line-height:14px;
padding-top:1px;
}
#dor .clanek .titul {
font-size: 12px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
margin:0px;
width:100%;
color:#333;
text-decoration:none;
font-weight:bold;
background:#f5f5f5;
display:block;
}
#dor .clanek .titul:hover{
color:#cc1214;
}
#dor .clanek .cl{
padding:5px;
height:60px;
overflow:hidden;
}
#dor .clanek .info_patka {
clear:both;
padding:0px;
margin-right:5px;
width:99%;
text-align:right; 
background: #fff url('grafika/bg_top.jpg') repeat-x left bottom;
}
/*//////////////////////////////////////////////////MLADEZ/////////////////////////////////////////////////////*/
#mlad {
width:32%;
float:left;
padding-left:1%;
padding-top:0px;
background: #fff url('grafika/bg_mid.jpg') repeat-y left top;
}
#mlad .clanek {
min-height:20px;
overflow:hidden;
margin-bottom:5px;
font-family: Verdana;
font-size:11px;
line-height:14px;
padding-top:1px;
}
#mlad .clanek .titul {
font-size: 12px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
margin:0px;
width:100%;
color:#333;
text-decoration:none;
font-weight:bold;
background:#f5f5f5;
display:block;
}
#mlad .clanek .titul:hover{
color:#cc1214;
}
#mlad .clanek .cl{
padding:5px;
height:60px;
overflow:hidden;
}
#mlad .clanek .info_patka {
clear:both;
padding:0px;
margin-right:5px;
width:99%;
text-align:right;
background: #fff url('grafika/bg_top.jpg') repeat-x left bottom;
}
.uv {
color:#990000;

}
.uv2 {
color:#990000;
font-size:12px;
padding-top:0px;
margin-top:0px;
}
.vyber {
float:right;
}
.tabor {
color:#990000;
}
#po_zap {
float:left;
width:48%;
text-align:center;
background: #fff url('grafika/bg-akt.jpg') no-repeat left top;
padding:1%;
height:90px;
}
#da_zap {
float:left;
width:48%;
text-align:center;
background: #fff url('grafika/bg-akt.jpg') no-repeat left top;
padding:1%;
height:90px;
}
.po_d, .da_d {
float:left;
width:38%;
text-align:right;
margin-bottom:10px;
font-size:12px;
font-weight:bold;
}
.po_h, .da_h {
float:left;
width:38%;
text-align:left;
margin-bottom:10px;
font-size:12px;
font-weight:bold;
}
.po_do {
margin-bottom:10px;
float:left;
width:20%;
text-align:center;
font-size:12px;
font-weight:bold;
margin-bottom:10px;
}
.po_d3 {
float:left;
width:10%;
text-align:center;
}
.po_d2, .da_d2 {
float:left;
width:43%;
margin-bottom:10px;

height:30px;
}
.po_h2, .da_h2 {
float:left;
width:43%;
margin-bottom:10px;

height:30px;
}
/*/////////////////////////////////////////////UPLOAD//////////////////////////////////////////////////////*/
.thumb {
float: left;
overflow:hidden;
text-align:center;
border:1px solid #ccc;
overflow:hidden;
margin:5px;
padding:0px;
text-decoration:none;
color:black;
font-weight:bold;
}
.thumb:hover {
border:1px solid #333;
}
.thumb img {
margin:0 auto;
border:0px none;
}
/*/////////////////////////////////////////////UPLOAD//////////////////////////////////////////////////////*/
.thumb2 {
float: left;
overflow:hidden;
text-align:center;
border:1px solid #ccc;
overflow:hidden;
margin:5px;
width:120px;
padding:0px;
text-decoration:none;
color:black;
font-weight:bold;
}
.thumb2:hover {
border:1px solid #333;
}
.thumb2 img {
margin:0 auto;
border:0px none;
width:120px;
}
/*/////////////////////////////////////////////UPLOAD//////////////////////////////////////////////////////*/
.thumb3 {
float: left;
overflow:hidden;
text-align:center;
border:1px solid #ccc;
overflow:hidden;
margin:5px;
height:200px;
width:260px;
padding:0px;
text-decoration:none;
color:black;
font-weight:bold;
}
.thumb3:hover {
border:1px solid #333;
}
.thumb3 img {
margin:0 auto;
border:0px none;
width:260px;
}
/*/////////////////////////////////////////////UPLOAD//////////////////////////////////////////////////////*/
.thumb4 {
overflow:hidden;
text-align:center;
border:1px solid #ccc;
margin:5px;
height:160px;
width:160px;
padding:0px;
text-decoration:none;
}
.thumb4:hover {
border:1px solid #333;
}
.thumb4 img {
margin:0 auto;
border:0px none;
width:160px;
}
/*////////////LIGHTBOX///////////////////////////////////////////////////////////*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto;}
#lightbox a img{ border: none;}

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.fktabor.cz/grafika/light/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.fktabor.cz/grafika/light/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/*/////////////////////ROLLTEXT////////////////////////*/
#scroll {
float:left; 
padding:0px;
margin:0px;
width:965px;
height:20px;
line-height:20px;
border-bottom:1px solid #ccc;
position:relative;
overflow:hidden;
}
#scroll2 {
color:#cc1214;
width:965px;
height:20px;
line-height:20px;
background: #eee;
position:absolute;
}
#scroll2 span {
color:#990000;
}
#scroll2 b{
color:#000;
}
#vyber_cast {
padding:0px;
margin:0px;
}

