* { padding: 0; margin: 0; font-family: arial,helvetica,sans-serif; }
.cleaner { clear: both; }
body { background: #E6CD97; font-size: 12px; }
#toplist { display: none;  }
h1 { font-size: 19px; margin: 0 0 15px 0; width: 90%; }
h2 { font-size: 17px; margin: 30px 0 10px; }
h3 { font-size: 15px; margin: 30px 0 10px; }
h4 { font-size: 13px; margin: 0 0 10px; }
.center { text-align: center; }
.text-left { text-align: left; }
.bold { font-weight: bold; }
.it { font-style: italic; }
.border { border: 1px solid #540; }
.predel { border-top: 2px solid #540; }
.invisible { color: #fff0d3; }
.border-top { border-top: 1px solid #540; }
.fblink:hover { background: none !important; }

/********** T I T U L K A **********/
#hledame { position: absolute; left: 50%; top: 0%; width: 330px; margin: 10px 0 0 -155px; color: #633; font-size: 12px; background: #fff; text-align: center; border: 3px solid #622; }
#hledame .in { padding: 5px;  }
#hledame big strong { font-size: 14px;  }
#inzerat { position: absolute; left: 50%; top: 50%; width: 190px; height: 70px; margin: 10px 0 0 150px; color: #633; font-size: 12px; font-weight: bold; }
#inzerat div { padding: 0px; }
#inzerat a { border: 3px solid #633; text-align: center; background: #dc9; padding: 12px 0px; width: 190px; display: block; color: #633; font-weight: normal; margin-bottom: 1px; }
#inzerat a:hover { border: 3px solid #dc9; background: #622; color: #dc9; font-weight: normal; text-decoration: none; }

#info { width: 900px; margin: 0px auto; padding: 20px; text-align: center; font-size: 14px; background: #E6CD97 }
#info .ban { margin: 20px 0; clear: both; }
#info .ban img { width: 250px }
#info .infoimgnb { width: 200px; border: none; float: right; }
#info .infoimg { width: 150px; }
#info .infoimg.fl { float: left; margin: 0 25px 25px 0; }
#info .infoimg.fr { float: right; margin: 0 0 25px 25px; }
#info .infoimg1.fr { float: right; margin: 0 0 25px 25px; width: 150px; border: none; }
#info h1 { font-size: 22px; margin: 0 0 15px 0; width: 100%;}
#info .panleft { width: 420px;  text-align: left; }
#info .panleft img { width: 400px; }
#info .text-left { text-align: left; padding-top: 30px; }
#info .text-center { text-align: center; padding-top: 30px; }
#info p { margin-bottom: 10px; line-height: 1.4em; font-size: 14px;  }
#info ul { margin: 0 0 10px 15px; }
#info li { line-height: 1.4em; font-size: 14px; }
#info a { color: #633; font-weight: normal; }
#info a:hover { background: #622; color: #f9f5e6; font-weight: normal; text-decoration: none; }
#info img { border: 1px solid #cb9; max-width: 880px; }
#info a:hover img { border: 1px solid #540; }
#info .gh { text-align: left; }
#info .gh .autor { font-style: italic; margin: 0px 0 30px; }


#ben2006 { width: 900px; margin: 0px auto; padding: 20px; text-align: center; font-size: 14px; background: #E6CD97; }
#ben2006 h1 { font-size: 22px; margin: 0 0 15px 0; width: 100%;}
#ben2006 .panleft { float: left; width: 420px;  text-align: left; }
#ben2006 .panleft img { width: 400px; }
#ben2006 .text-left { text-align: left; padding-top: 30px; }
#ben2006 p { margin-bottom: 10px; line-height: 1.4em; font-size: 14px;  }
#ben2006 ul { margin: 0 0 10px 15px; }
#ben2006 li { line-height: 1.4em; font-size: 14px; }
#ben2006 a { color: #633; font-weight: normal; }
#ben2006 a:hover { background: #622; color: #f9f5e6; font-weight: normal; text-decoration: none; }
#ben2006 img { border: 1px solid #cb9; max-width: 880px; }
#ben2006 a:hover img { border: 1px solid #540; }
#ben2006.gh { text-align: left; }
.gh .imgright { width: 250px; float: right; margin: 0 0 20px 20px; }
.gh .imgleft { width: 250px; float: left; margin: 0 20px 20px 0;}
#ben2006.gh .autor { font-style: italic; margin: 0px 0 30px; }

#pozvanka { position: absolute; left: 5px; top: 5px; width: 380px; margin: 0px; border: 1px solid #fff; background: #0070b9; }
#pozvanka .obr { float: left;  }
#pozvanka img { border: 0;  }
#pozvanka .odkazy { float: right; padding: 10px; text-align: center; color: #fff;  }
#pozvanka strong { color: #fa0; font-size: 14px;  }
#pozvanka em { font-weight: bold;  }
#pozvanka a { color: #ccc;  }
#pozvanka a:hover { color: #fff;  }
#pozvanka span { color: #aaa; font-size: 10px;  }
 #titulka { position: absolute; left: 50%; top: 50%; width: 760px; height: 600px; margin: -300px 0 0 -380px; border: 0px solid; }
#t1 { background: url(img/titulka/titulka_01.jpg); height: 120px; }
#t2 { background: url(img/titulka/titulka_02.jpg); height: 120px; }
#t3 { background: url(img/titulka/titulka_03.jpg); height: 120px; }
#t4 { background: url(img/titulka/titulka_04.jpg); height: 120px; }
#t4 div { text-align:right; padding: 0 0 0; }
#t4 div a { display: block; width: 172px; height: 110px; margin: 0 40px 0 auto; background: url(img/benefice/benefice_titulka.gif) no-repeat; }
#t4 div a:hover { text-decoration: none; }
#t5 { background: url(img/titulka/titulka_05.jpg); height: 120px; }
#t3 p.vstupte { padding: 25px 260px 0 180px; }
#t3 .vstupte a { width: 80px; height: 25px; display: block; }
#t5 ul { list-style: none; }
#t5 li { float: left; line-height: 50px; border: 0px solid; width: 110px; height: 60px; text-align: center; }
#t5 a { display: block; width: 100px; height: 60px; }
#t5 .a1 { position: relative; top: 20px; left: 55px;}
#t5 .a2 {  position: relative; top: 20px; left: 85px;}
#t5 .a3 {  position: relative; top: 20px;left: 120px;}
#t5 .a4 {  position: relative;  top: 15px;left: 150px;}
#t5 .a5 {  position: relative; top: 20px; left: 180px;}



/********** L A Y O U T **********/
#container { width: 905px; margin: 0 auto; background: url(img/bkg.jpg) repeat-y; border-left: 1px solid #fff;  border-right: 1px solid #fff;  }
#header { }
#headerin { background: #540 url(img/hipo_back.jpg); height: 250px; border-bottom: 1px solid #fff; }
#header a { display: block; width: 300px; height: 150px; }
#header span {  display: none; }
#sponzori td { background: #fff; padding: 5px 0 }
.hlavnisponzor { background: #fff }
/********** T O T O P **********/
#totop { padding: 30px 0 15px; }
#totop img { border: 0; height: 12px; margin: 0 5px 0 0; }
#totop a { text-decoration: none; color: #540; }
#totop a:hover { text-decoration: underline; background: #fff0d3; }


/********** F O O T E R **********/
#footer { background: #E6CD97; width: 905px; margin: 0 auto; border-top: 1px solid #fff; padding: 15px 0 5px; }
#footer #copy { margin: 0 185px 0 200px; padding: 0 0 10px 0; text-align: center; font-size: 11px; color: #666; }
#footer #crespo { text-align: center; font-size: 11px; color: #666; padding: 0 0 10px; }
#footer #crespo a { font-size: 11px; color: #666; font-weight: bold; text-decoration: none; }
#footer #crespo a:hover { text-decoration: underline; }


/********** M A I N **********/
#main { margin: 0 180px 0 200px; color: #540; min-height: 300px; _height: 300px; padding: 20px; }
#main .text { margin: 0 0 15px 0; }
#main p a, #main ul a, #copy a { color: #430; font-weight: bold; }
#main p a:hover,#main ul a:hover, #copy a:hover { background: #540; color: #fff; text-decoration: none; }
#main p { margin: 0 0 10px; }
#main ul { margin: 0 0 20px 20px; }
#main ol { margin: 0 0 20px 25px; }
#main ul { list-style-image: url(img/li.gif); }
#main .autor { font-style: italic; text-align: right; margin: 10px 0 20px; }
#main .ht { float: left; border: 1px solid #955; margin: 0 20px 10px 0; max-width: 300px; height: auto !important; }
#main .textimage { margin: 20px 0; }
#mainin { font-size: 13px; }

/*** 1.5 ***/
#main #wallpaper a.kone { display: block; width: 220px; height: 150px; padding: 0; border: 0; }
#konegal { margin: 20px 0 0; }
#main #konegal a { width: 100px; height: 100px; display: block; padding: 0; }
#main #konegal a.martin { width: 73px; }
#konegal td { padding: 0 10px 10px 0; }

#main .konegal { margin: 0 0 0; }
#main .konegal td { padding: 3px; }
#main .konegal a { width: 150px; height: 100px; display: block; border: 1px solid #dc9; overflow: hidden; float: left; margin: 0 8px 8px 0; _margin: 0 5px 5px 0; }
#main .konegal a:hover { border: 1px solid #540; }
#main .konegal img { border: none; min-width: 100px; }


/*** 1.7 ***/
#main .osnova { font-weight: bold; font-size: 14px; margin: 40px 0 0; }
#main .osnova span { font-size: 10px; font-weight: normal; }
#main ol.osz { list-style-type: lower-alpha; }


/*** 1.6 ***/
table.rozvrh { width: 100%; border-top: 1px solid #540; border-left: 1px solid #540; }
table.rozvrh td { background: #edb; padding: 4px; border-bottom: 1px solid #540; border-right: 1px solid #540; }
#main .jkp { width: 485px; _width: 475px; }
#main table.rozvrh p { margin: 0; }

/******* 2 ************/
.fz { width: 100%; border-top: 1px solid #540; border-left: 1px solid #540; margin: 0 0 15px; }
.fz td { border-right: 1px solid #540; border-bottom: 1px solid #540; padding: 2px; }
.fz .right { text-align: right; width: 150px; }


/*** 2. HITORIE BENEFICI ****/
#main p a.ben { background: none; }
#main p a.ben img { border: 1px solid #dc9; }
#main p a.ben:hover img { border: 1px solid #564; }
/*** 3 ***/
#main .can { float: left; margin: 0 10px 40px 0; }
#main .can1 { list-style-type: upper-alpha; }
#main .can2 { border: 0px solid #540; width: 485px; _width: 475px; height: 195px }
#main .can3 { }
#main .can3 img { border: 1px solid #540; margin: 0 10px 0 0; }
.psi_info img { float: left; }
#psi td { vertical-align: top; padding: 20px 0 0; }
#psi img { margin: 0 10px 15px 0; }


/*** 4.1 kone ***/
#konehist img { border: 1px solid #540; }
#konehist .htext { padding: 20px 0 20px; }
#konehist a { color: #650; padding: 0 1px; font-weight: bold; }
#konehist a:hover { background: #540; color: #fff; text-decoration: none; }
#konehist table { width: 100%; }
#konehist td { width: 50%; vertical-align: top; }


/*** 4.2 benefice ***/
.histl { float: left; }
.histl img { height: 160px; margin: 25px 20px 0 0; border: 1px solid #333; }
.histl .hi5 { margin: 8px 20px 0 0; }
.histr { float: right; }
.histr img { height: 160px; margin: 0 0 0 15px; border: 1px solid #333; }
.bengal { width: 120px; float: right; padding: 0 0 0 15px; }
.bengal1 { width: 150px; float: right; padding: 0 0 0 15px; }
.bengal img, .bengal1 img { border: 1px solid #540; }
#main .benefice img { border: 1px solid #540; margin: 0 0 0 15px; }
#main .benefice a { padding: 0 1px; color: #540; }
#main .benefice a:hover { background: #540; color: #fff; text-decoration: none; }
#main .benefice td { vertical-align: top; }
#main .benefice img { margin: 0 0 0 15px; }
#main .benefice .kubisova img { margin: 0; }
#main .kubisova a { width: 120px; height: 160px; display: block; padding: 0; margin: 0 0 0 15px; }


/*** 6.2, 6.3 ***/
#main .linky { margin: 20px 0 5px; }
#main .linky a { font-weight: bold; }
#main .prum a { color: #650; padding: 0 1px; }
#main .prum a:hover { background: #540; color: #fff; text-decoration: none; }
#main .sponzori li { margin: 0 0 2px;  }
#main .sponzori a { color: #650; padding: 0 1px; font-weight: bold; }
#main .sponzori a:hover { background: #540; color: #fff; text-decoration: none; }


/*** a k t u a l i t y, h i s t o r i e ***/
.hist { float: left; border: 1px solid #955; margin: 0 10px 10px 0; }
#main .datum1 { margin: 15px 0 5px; font-weight: bold; width: 170px; border-bottom: 1px solid #955; }
#main .datum { margin: 30px 0 5px; font-weight: bold; width: 170px; border-bottom: 1px solid #955; }
#main .zdroj { margin: 50px 0 5px; font-weight: bold; width: 270px; border-bottom: 1px solid #955; }
#main .newsgal a img { border: 1px solid #540; }
#main .newsgal a:hover img { border: 1px solid #955; }


/*** t a p e t a ***/
#wallpaper { margin: 20px 0 0; }
.wp1, .wp2 { width: 230px; padding: 10px 0; border: 0px solid; }
#wallpaper .wp1 { padding-right: 20px; }
#wallpaper .wp1 span { font-weight: bold; padding: 3px 0 0; display: block; }
#wallpaper img { width: 220px; border: 1px solid #540; }
#wallpaper td { padding: 0 0 15px; font-weight: bold; }
#wallpaper .kone1 { padding: 0 25px 15px 0 }
#wallpaper a { color: #540; padding: 0 1px; }
#wallpaper a:hover { background: #540; color: #fff; text-decoration: none; }


/****** d i s k u s e ********/
#dform table { border: 1px solid #984; width: 100%; padding: 0px; margin: 0 0 10px; }
#dform td { padding: 10px 10px 0; vertical-align: top; }
#dform .fnazev { width: 70px; }
#dform input,#dform textarea { width: 390px; border: 1px solid #984; padding: 1px; }
#dform textarea { height: 100px; }
#dform .submit { text-align: right; padding: 10px; }
#dform .submit input { width: 100px; font-weight: bold; color: #fff0d3; background: #540; cursor: hand; cursor: pointer; }
#main #dform .code img { vertical-align: middle; }
#dform .code input { vertical-align: bottom; margin: 0 10px 1px; width: 50px; }
.prispevek { border: 1px solid #984; padding: 10px; }
#pages a { font-weight: bold; color: #540; margin: 0 2px; padding: 1px 2px }
#pages a:hover { background: #540; color: #fff; text-decoration: none; }
#pages a.selected { background: #540; color: #fff; text-decoration: none; }
.prispevek .cas { font-size: 11px; }
.derror { font-weight: bold; margin: 5px 0 15px; letter-spacing: 1px; text-align: center; }
.prispevek .jmeno { font-weight: bold; font-size: 14px; }


/************ f o t o g a l e r i e *********/
#main .listgal { margin: 20px 0 0; }
#main .listgal td { padding: 3px; vertical-align: top; }
#main .listgal a { width: 150px; height: 100px; display: block; border: 3px solid #dc9; overflow: hidden; }
#main .listgal a:hover { border: 3px solid #540; }
#galnav { text-align: center; padding: 20px 0 0; }
#galnav span.cislo { padding: 0 10px; font-weight: bold; color: #540; }
#galnav span { color: #777; }
#main .bigimg { text-align: center; }
#main .bigimg img { border: 1px solid #540; max-width: 480px; }
#main .gal { margin: 20px 0 0; }
#main .gal td { padding: 3px; }
#main .gal a { width: 150px; height: 100px; display: block; border: 1px solid #dc9; overflow: hidden; float: left; margin: 0 8px 8px 0; _margin: 0 5px 5px 0; }
#main .gal a:hover { border: 1px solid #540; }


/***** inzerat vpravo **************/
.inz2 {  border: 3px solid #633; margin-bottom: 2px; text-align: center; background: #fff; color: #633;  }
.inz2 big strong { font-size: 14px;  }
.inz2 em { font-size: 11px;  }
.inz2 .in {  padding: 5px;  }