/*** HNEDY DREVENY STYL - BROWN WOOD CSS STYLE ***/
/*** CSS STYLY PRO WEB WWW.GYMPLACI.COM, MADE BY WJENCESLAW ***/
/*** ZÁKLADNÍ LAYOUT ***/
body{text-align:center; background: url('../img/01.jpg') repeat rgb(112,70,28); color: #000000; font-family: Palatino, 'palatino linotype', serif; font-size: 95%;margin:0;padding:0;}
a:link{text-decoration: underline; color: #000000; font-weight: bold;}
a:visited{text-decoration: underline; color: #000000; font-weight: bold;}
a:hover{text-decoration: none; color: #000000;}
abbr, acronym{cursor: help;}
#obsah { width: 780px; padding:0;margin:0 auto; text-align:left; background: url('../img/pozadi.jpg') rgb(214,200,189) repeat-y; border: 1px solid #ffffff; border-top: 0px none; border-bottom: 0px none; height: auto;}

#hlavicka{float: left; width: 780px;margin:0;padding:0;}
#hlavicka h1 {position: relative; width: 780px; height: 251px; margin: 0px; padding: 0px; overflow: hidden; font-size: small; float: left;}
#hlavicka h1 span {position: absolute; top: 0px; left: 0px; width: 780px; height: 251px; background: url('../img/logo.jpg') no-repeat; cursor: pointer; visibility: visible;} 
#hlavicka h1 span em{display: none;}

#obal{background: url(../img/pozadi-bottom.jpg) no-repeat bottom left; min-height: 800px; _height: 800px;}

#levypanel {float: left; width: 200px; filter: alpha(opacity=100); overflow: hidden;margin:0;padding: 0px 0px 0px 0px;}
#menu {padding: 0px 0px 0px 10px;margin: 0px 0px 0px 0px;}
#menu ul{list-style-type: none;margin:0;padding:0;}
#menu ul li{display: block;margin:0;padding:0;}
#menu a{font-weight: bold; font-size: small;color: rgb(126,84,46);display: block;text-decoration: none;cursor: pointer; margin: 2px 0;}
#menu ul li a:link, #menu ul li a:visited{color: rgb(126,84,46);padding: 4px 0px 0px 30px;width: 190px; height: 20px; background: url(../img/li.jpg) no-repeat #f2f2f2;}
#menu ul li.active a:link, #menu ul li.active a:visited{text-decoration: underline; color: rgb(239,201,102); background: url(../img/li-active.jpg) no-repeat rgb(126,84,46);}
#menu ul li.active a:hover{background: url(../img/li-hover.jpg) no-repeat rgb(126,84,46); color: #ffffff; }
#menu ul li a:hover{background: url(../img/li-hover.jpg) no-repeat rgb(126,84,46); color: #ffffff; }
#menu ul li ul{margin: 10px 0;}
#menu ul li.active ul li a{text-decoration: none;}
#menu ul li.active ul li a:hover{background: url(../img/li-hover.jpg) no-repeat rgb(126,84,46); color: #ffffff;text-decoration: underline;}
#menu ul li ul li ul{margin: 15px 0;}
#menu ul li.active ul li ul li a{background: url(../img/li-active-photo.jpg) no-repeat rgb(126,84,46); color: #ffffff; font-weight: normal; text-decoration: none;}
hr.cleaner { clear:both; visibility: hidden;}
/*** OBSAH WEBU ***/
#hlavnipanel { margin:0px 30px 0px 220px;cursor: default; padding: 0px 0px 50px 0px; height: auto;} 
#hlavnipanel-obsah {margin: 0px; padding: 0px; min-height: 700px; _height: 450px;}
#hlavnipanel-obsah p img{border: 0px none;}
h2{color: #000000; padding: 5px 10px 5px 0px; font-size: x-large; text-align: left; margin: 15px 0px 0px 0px; _margin-top: 0;border-bottom: 3px solid #000000; position: relative;}
h2 span{font-size: small; position: absolute; right: 0; bottom: 7px;}
#obsah{height: auto;}
/* #obsah p, */#aktuality-obal2, #historie, #kronika, .p, .div-cover, #mapa-webu{padding: 10px 10px 20px 10px; line-height: 22px; border: 2px solid  rgb(126,84,46); margin: 10px 0; background: url('../img/odstavec.jpg') repeat-x #ffffff; min-height: 50px; _height: 50px;}
p.nahodna-hlaska{width: 400px;}
#obsah a:link, #obsah a:visited{color: #D06402; font-weight: bold;}
#obsah a:hover{background: #FFAF67; color: #000000;}
/*** VYROKY A HLASKY ***/
#vyroky{height: auto;}
#vyroky p{min-height: 5px; _height: 5px;}
/*** KRONIKA ***/
#kronika{height: auto;}
#kronika p{min-height: 5px; _height: 5px; border: 0px none; background: transparent;}
#help a{display: block; color: #000000; padding: 40px 40px; margin: 10px 0px; font-size: 400%; text-align: center; border: 5px solid #000000;}

/*** FOTOGALERIE ***/
.fotka{float: left; width: 220px; height: 230px; text-align: center; margin: 10px 0px 0px 20px; border: 1px solid #5D431E;  background: #FBFBFD;}
.fotka-hover{background: red;}
.image {width: 220px;	height: 230px; margin: 0; padding: 0;	text-align: center;	position:relative;	display: table-cell;	vertical-align: middle;}
.image img {display: block;	position:relative; display: block;	left: 0px;	margin: 0 auto;border: 1px solid rgb(139,148,154);cursor: pointer;}
.image div p {padding: 0;}
.image  div {_width: 100%;_position:absolute;_top: 50%;_left: 0;}
.image div p {_top: -50%; position: relative;}
*:first-child+html .image  div {width: 100%; position:absolute; top: 50%; left: 0;}
*:first-child+html .image  div p {top: -50%; position: relative;}
.fotka strong{position: absolute; bottom: 0; white-space: nowrap; z-index: 1; left: 35px; _left: -77px; background: #FBFBFD; padding: 0px 3px;}

/*** náhodná fotka na indexu ***/
#obal-fotogalerie {padding: 25px 0px 10px 50px; line-height: 22px; min-height: 300px; _height: 300px;border: 2px solid  rgb(126,84,46); margin: 10px 0; background: #ffffff;}
#obal-fotogalerie div{float: left; width: 200px; height: 220px; margin: 0px 10px; text-align: center;}
.random{border: 5px solid rgb(126,84,46); margin: 0px 0px 0px 0px;}
#obal-fotogalerie div p{background: transparent;padding: 10px;font-size: small; }
/*** posledni pridane komentare ***/
#lastcom{}
#lastcom table{width: 100%;border-collapse: collapse;border: 0px none;  position: relative; margin: 10px 0px 0px 0px;}
#lastcom table tr{}
#lastcom table tr td{ border-bottom: 1px solid #CBA68D; background: #f2f2f2; padding: 0px 5px 1px 5px;}
#lastcom table tr td.miniatura{width: 13%;text-align: center;}
#lastcom table tr td.autor{width: 37%;}
#lastcom table tr td.datum{width: 20%;}
#lastcom table tr td.cas{width: 20%;}
#lastcom table tr td.zobrazit{width: 10%; text-align: center; }
#lastcom table tr td img{display: block; border: 1px solid #CBA68D; }
#lastcom table tr td.miniatura img{width: 100%; margin: 2px auto;}
#lastcom table tr td.zobrazit a.clicker{width: 80px; height: 44px; /*background: url('../img/show.gif') no-repeat;*/ display: block; text-decoration: none;}
#lastcom table tr td.zobrazit a.clicker:hover{background: url('../img/show2.gif') no-repeat;}
#lastcom table tr td a{}
#lastcom table tr td.zobrazit a{margin: 1px 0px; padding: 0; font-size: 90%; color: #000; background: none; text-decoration: none; }
/*** NAROZENINY A SVÁTKY ***/
#narozeniny-a-svatky{display: block; text-align: left; color: #000000; padding: 5px 10px; margin: 15px auto 0px auto; line-height: 20px; font-size: medium;}
/*** AKTUALITY A INDEX ***/
#aktuality-obal p em{display: block; padding: 2px 20px; margin: 3px 0px 10px 0;color: #000000; text-decoration: underline; font-weight: bold;}
#aktuality-obal2 p em{display: block; padding: 2px 20px; margin: 3px 0px 10px 0;color: #000000; text-decoration: underline; font-weight: bold;}
/*** STUDENTI ***/
#studenti{padding: 10px 15px 10px 15px; line-height: 22px; background: url('../img/odstavec.jpg') repeat-x #ffffff;}
#studenti em{display: block; padding: 10px 0;}
.student{display: block; height: 190px; _height: 230px;float: left; width: 160px; text-align: center; padding-top: 10px; margin: 5px 0;}
.student:hover{background: #e8e8e8;}
.student img{border: 1px solid #000000;}
.student h3{color: rgb(69,54,27); font-size: x-small; text-decoration: none;}
#studenti table{font-family: trebuchet ms; font-size: xx-small; padding: 0; line-height: 10px;}
#studenti table td{border: 1px solid black; padding: 3px; width: 50px;}
/*** PROFIL STUDENTA ***/
#zak{margin: 0px 0px 0px 110px; padding: 20px; border: 2px solid #000000; border-top: 0px none; background: #ffffff; width: 350px;}
#zak img{float: left;}
#description{margin: 0px 0px 0px 150px; _font-size: 15px; text-align: right; line-height: 23px;font-weight: bold;}
#description a{font-size: x-small;}
#description span{font-weight: normal; margin: 0px 6px 0px 0px; font-size: x-small;}
#browse{display: block;float: left; width: 110px; border-left: 2px solid #000000;}
#browse ul{margin: 10px 0px 30px 32px; padding: 0; font-size: x-small; list-style-image: url(../img/li-slozka.gif); }
#browse ul li{margin: 0; padding: 0px 0px 0px 3px; color: #505050; font-weight: bold;}
#browse ul li a:link, #browse ul li a:visited{color: rgb(34,12,15); text-decoration: none;}
#browse ul li a:hover{color: #000000; background: none; text-decoration: underline;}
/*** KONTAKTY NA SPOLUŽÁKY ***/
#kontakt-news{padding: 0px 5px; margin: 10px 0;}
#kontakt-news p{background: #ffffff; padding: 5px 0px 5px 30px;}
#kontakt-news p span{display: block; margin-left: -10px; text-decoration: underline; font-weight: bold;}
#kontakty-na-spoluzaky{height: auto;}
#kontakty-na-spoluzaky img{text-align: center;}
#kontakty-na-spoluzaky .popis-fotka-obal{width: 160px; float: left; text-align: center;}
#kontakty-na-spoluzaky .popis{min-height: 150px; _height: 150px; font-size: small; margin-left: 160px;}
#kontakty-na-spoluzaky .popis span{margin: 0px 10px 0px 0px;}
#kontakty-na-spoluzaky .k-jmeno{display: block; padding: 3px 0px 3px 5px; background: #ffffff; font-weight: bold; font-size: medium; width: 510px; margin: 10px 0px 10px 0px;}
#kontakty-na-spoluzaky .k-telefon{ margin: 12px 0px 0px 0px;}
#kontakty-na-spoluzaky .k-email{margin: 12px 0px 0px 0px;}
#kontakty-na-spoluzaky .k-icq{margin: 12px 0px 0px 0px;}
#kontakty-na-spoluzaky .k-adresa{margin: 12px 0px 0px 0px;}
#kontakty-na-spoluzaky .k-skola{margin: 12px 0px 0px 0px;}
#kontakty-na-spoluzaky .k-fotky{margin: 12px 0px 0px 0px;}
#kontakty-na-spoluzaky .popis span{color: rgb(0,161,47); font-style: italic; font-size: small;}
/*** PROFESOŘI ***/
#profesori-table{background: url('../img/odstavec.jpg') repeat-x #ffffff;; font-size: small; border-collapse: collapse; margin-top: 10px; border: 1px solid #000000;}
.over {background: rgb(254,214,144);}
#profesori-table td{padding: 5px 15px; font-size: 90%;}
#profesori-table td.tucne{font-weight: bold;}
#profesori-table td a{height: auto;}
#profesori-table td a span{text-align: left; display: none; }
#profesori-table td a:hover span{display: block; visibility: visible;position: absolute; width: 200px; min-height: 190px; _height: 190px; background: white; border: 5px rgb(222,164,90) solid; margin-top: -100px;margin-left: -250px;text-align: center; font-weight: bold; }
#profesori-table td a:hover span img{display: block; margin: 10px auto 5px auto; border: 0px none;}
/*** KALEBNÍČEK ***/
#kalebnicek {padding: 25px 15px 10px 15px; line-height: 22px; min-height: 300px; _height: 300px;border: 2px solid  rgb(126,84,46); margin: 10px 0; background: #ffffff;}
#kalebnicek form{background: #ffffff;}
#obsah p.kalebnicek{color: rgb(173,200,64);border-top: 1px solid rgb(155,170,97);}
#obsah a.kalebnicek{margin: 10px 0px; display: block; width: 177px;}
#formular{background: rgb(231,245,176); padding: 0px 20px 20px 20px;}
#formular fieldset{border: #ffffff 1px solid; padding: 10px;}
#formular legend{padding: 5px 10px 5px 20px; margin-bottom: 3px; font-weight: bold; background: #ffffff; font-size: medium;}
#formular label{display: block; margin: 0px 0px 10px 0px;}
#formular label input{border: 2px rgb(155,170,97) solid; padding: 2px; display: block; width: 170px;}
#formular em{font-size: small; display: block; margin: 5px 0px;}
#formular textarea{width: 300px; height: 50px;border: 2px rgb(155,170,97) solid;display: block; padding: 2px;}
#formular input.button{width: 240px; padding: 2px 30px; background: #ffffff;border: 2px rgb(155,170,97) solid; margin: 3px 0px;}
/*** KALEBNICEK OLD ***/
#kalebnicek-old{height: auto;}
#kalebnicek-old .akce{padding: 10px; margin: 5px 0px;}
#kalebnicek-old p{min-height: 5px; _height: 5px; border: 0px none; background: transparent; margin: 0; padding: 5px 0px 5px 10px; background: rgb(242,242,242); }
/*** ODKAZY ***/
.odkazy em{padding: 5px 20px 0px 0px; display: block; text-align: right; font-style: normal;}

/*** thickbox settings - DOPLNĚNÉ **/
a.lightbox{display: block; float: left; width: 225px;min-height: 210px; _height: 210px; text-align: center; padding: 10px;}
a.lightbox:hover{background: #e8e8e8;}
a.lightbox img{border: 2px solid rgb(126,84,46);}

/*** návštěvní kniha ***/
#kniha{overflow: hidden;}
#kniha fieldset{border: 1px solid rgb(126,84,46);padding: 20px; margin-top: 10px;}
#kniha legend{padding: 5px 30px 5px 30px; border: 1px solid rgb(239,201,102); background: #f2f2f2;}
#kniha label{display: block;}
#kniha label input{padding: 2px; width: 200px;}
#kniha label textarea{width: 300px; height: 80px; overflow: auto;}
#smajlici img{border: 0; margin: 0px 10px;}
.input-odeslat{background: #f2f2f2;border: 1px solid rgb(126,84,46); margin: 5px 0px 0px 0px;}
.input-odeslat{background: #ffffff;}

#kniha .infobox { padding: 10px; background: #fff; font-size: 100%; margin: 5px 0; }

/*** STYLY PRO PŘÍSPĚVKY V NÁVŠTĚVNÍ KNIZE OD PECAN.CZ ***/
.prispevek-v-knize{margin: 10px 0px; height: auto; background: transparent; width: 510px;}
.kom1{padding: 4px 0px; padding: 30px 0px 0px 80px; height: 33px;background: url('../img/pergamen_01.jpg') no-repeat #ffffff;  overflow: hidden;}
.kom2{min-height: 50px; _height: 50px; padding: 5px 35px 20px 60px;background: url('../img/pergamen_02.jpg') repeat-y #ffffff;}
.kom2 a{font-size: 80%;}
.kom3{color: rgb(109,30,0); height: 53px; background: url('../img/pergamen_03.jpg') no-repeat #ffffff; padding: 0px 0px 0px 50px;}
.kom3 a{color: #ffffff;}/* stejná barva jako pozadí */
/*
.prispevek-v-knize{margin: 10px 0px; height: auto; background: transparent; width: 510px;}
.kom1{padding: 4px 0px; padding: 30px 0px 0px 60px; height: 30px;background: url('./img/prispevek-top.jpg') no-repeat #ffffff; overflow: hidden;}
.kom2{min-height: 50px; _height: 50px; padding: 5px 20px 20px 60px;background: url('./img/prispevek-middle.jpg') repeat-y #ffffff;}
.kom3{color: rgb(176,180,85); height: 35px; background: url('./img/prispevek-bottom.jpg') no-repeat #ffffff; padding: 0px 0px 0px 50px;}
.kom3 a{color: #ffffff;}/* stejná barva jako pozadí */
/*** stare prispevky z navstevni knihy ***/
#stara-kniha{}
#stara-kniha .prispevek{height: auto; margin: 10px 0px 0px 0px; padding: 10px; background: #f2f2f2;}
#stara-kniha .prispevek p, #stara-kniha .hlava_prispevku p, #stara-kniha .patka p{background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-height: 5px; _height: 5px; border: 0px none;}
#stara-kniha .prispevek img{display: none;}
#stara-kniha .hlava_prispevku{}
#stara-kniha .hlava_prispevku span{margin: 2px 5px;font-weight: bold;}
/*** login ***/
.div-cover fieldset{border: 0px none;}

/*** paticka ***/
#paticka {clear: both;background: url(../img/footer.jpg) repeat-x; text-align: center; margin: 0px auto; height: 70px; overflow: hidden;}
#paticka p{height: 50px; margin: 0 auto; padding: 35px 0px 0px 0px; border: 0; background: transparent; font-size: x-small; color: #f2f2f2;}
#paticka a{color: #3F4819; color: #ffffff;}