/***********************************************************************
 CesBrod.cz
 Webdesign (C) http://hulan.cz/ - Radek HULAN, 2008
 You CANNOT use this stylesheet, or part of it, without permission!!  
***********************************************************************/

/* body */
body,html{ font-size: small; line-height: 140%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 0 0 0; margin: 0 0 0 0; background: white; text-align: left; }

/* links */
a{ font-weight: normal; }
a:link,a:visited{ color: #003900; text-decoration: none; }
a:hover{ text-decoration: underline; color:#B9151C}

/* layout */
h1{ display: none; }
#content { width: 1006px; margin: 0 auto; background: top left url(../images/content-tourism.png) repeat-y; border-bottom: 1px solid #102C63; }

#logo { display: block; background: #001F59 top left url(../images/logo-tourism.jpg) no-repeat; width: 1006px; height: 160px; }
#logo span { margin-left: -2000px; color: white}
a#logo:hover{ text-decoration: none; border: 0 none; background: #001F59 top left url(../images/logo-tourism.jpg) no-repeat; }

#footer { background: #001F59 top left url(../images/footer-tourism.png) repeat-y; text-align: center; color: white; padding: 7px 0 7px 0; font-size: 90%; margin:0; clear: both }
#footer a:link, #footer a:visited{ color: white; text-decoration: underline; font-size: 100%; }

#inside { margin-top: 7px; margin-left: 26px; margin-bottom:5px; padding: 0; width: 954px; }
* html #inside { margin-top: 5px; }

#items { float: left; width: 505px; background: white; padding: 0 0 10px 0; margin-left:10px}
#items.wide { width:720px; margin-left:5px}
* html #items.wide { margin-left:3px}
#items.full { float: none; width: 719px; background: White;}
#items h2{ background:#001F59 top left url(../images/items-tourism.png) repeat; margin: 0 0 10px 0; padding: 2px 0 4px 10px; color: white; font-size: 110%; font-weight: bold; }
#items h2 a:link, #items h2 a:visited{ color: white; }

#lsidebar { float: left; width:214px}
#rsidebar { float: right; width:214px}

#lsidebar .box, #rsidebar .box{ width: 204px; background: top left url(../images/box-bkg-tourism.jpg) repeat-y; border-bottom: 1px solid #8F9DB8; padding: 0px 5px 5px 5px; margin: 0 0 7px 0; }
#lsidebar h2, #rsidebar h2{ height: 24px; padding: 0 0 0 10px; width: 204px; margin: 0 -5px 10px -5px; line-height: 24px; background: #001F59 top left url(../images/box-tourism.png) no-repeat; color: White; font-size: 90%; font-weight: bold; text-align: left; }

/* top menu */
ul#menu { clear:both; margin: 0 0 0 21px; padding: 0 0 0 0; display: block; z-index: 10; list-style: none; }
ul#menu * { list-style: none; margin:0; padding:0; }
ul#menu a {	display:block; }
ul#menu a:link, ul#menu a:visited{ margin: 0; padding: 0; font-weight: bold; font-size:100%; }
ul#menu a.active:link, ul#menu a.active:visited{ color:#B9151C; }
ul#menu li.menu{ background: #D5E5DD; margin: 0 0 0 0; padding: 2px 0 2px 0; float: left; display: block; width: 137px; position: relative; text-align: center; list-style: none; border-left: 1px solid #0A0A0A; display: block; }
ul#menu li.menus {width:135px;}
ul#menu li { background-image: url(../images/none.gif); background-position: right 50%; background-repeat: no-repeat; }
ul#menu li.enhance { background-image: url(../images/enhance.gif); background-position: right 50%; background-repeat: no-repeat; }
ul#menu ul.submenu { position: absolute; top: 25px; left: 0px; z-index: 11; text-align: left; background: #D5E5DD; width: 220px; display: none; }
ul#menu li.submenu { z-index: 12; position: relative; border-bottom: 1px solid #ccd3dd; padding: 2px 5px 2px 5px; }
ul#menu ul.subsubmenu{ position: absolute; width: 220px; top: 0px; left: 222px; z-index: 13; background: #c8ddd3; display: none; }
* html ul#menu ul.subsubmenu {left:217px;}
ul#menu li.subsubmenu { z-index: 14; text-align: left; position: relative; border-bottom: 1px solid #96beab; padding: 2px 5px 2px 5px; }
ul#menu ul.subsubsubmenu{ position: absolute; width: 220px; top: 0px; left: 222px; z-index: 15; display: none; background: #c8ddd3; display: none; }
* html ul#menu ul.subsubsubmenu {left:217px;}
ul#menu li.subsubsubmenu { z-index: 16; text-align: left; border-bottom: 1px solid #96beab; padding: 2px 5px 2px 5px; }
#menuspacer { display: block; border-bottom: 1px solid #96beab; margin: 1px 21px 0 21px; font-size:1px; line-height:1px;}
#menuclearer { clear: both; border-top: 1px solid #96beab; z-index: 1; margin: 0 21px 0 21px; }

/* ostatni layout */
.clearer{ clear: both; height: 1px; line-height: 1px; }
.center { text-align: center; margin-left: auto; margin-right: auto; }
.left{text-align: left;}
.right{text-align: right;}

/* go to a page box */
#navigation{ padding:5px 10px 5px 10px; color:#000000; text-align:right;margin-top:20px; border-top:1px solid #D4C9AA}

/* ********** subcategories ********** */
#subcat dt{ font-weight: bold; margin: 1px 0 2px 0; }
#subcat dl{ padding: 2px 0 1px 0px; margin: 0 0 0 0; text-align: left; }
#subcat dt a{ display: block; padding: 1px 0 2px 2px; margin: 0 0 0 2px; line-height: 120%; text-decoration: none; border: 1px none;  font-weight: bold }
#subcat dd{ padding: 0 0 0 0; margin: 0 2px 1px 0; }
#subcat dd a{ display: block; padding: 1px 0 2px 2px; margin: 0 0 0 15px; line-height: 120%; text-decoration: none; border: 1px none; }
#subcat a.active{ background:#003900; color:white; display:block}
#subcat dd a:hover, #subcat dt a:hover {text-decoration:underline}
#subcat dd a.active:hover, #subcat dt a.active:hover {color:white;  }

/* floating pictures in itembody */
#items .itembody .leftbox { float: left; margin: 5px 15px 5px 0px; padding: 0; border: 1px solid #003900; line-height: 1px; }
#items .itembody .rightbox { float: right; margin: 5px 0px 5px 15px; padding: 0; border: 1px solid #003900; line-height: 1px; }
#items .itembody .box { clear:both; margin: 12px auto 7px auto; text-align: center; font-style: italic; }
#items .itembody .box img{ border: 1px solid #003900; padding: 0; margin: 0 auto; display: block; line-height: 1px; }
#items .itembody img.box{ border: 1px solid #003900; padding: 0; margin: 10px 0 10px 0; }
#items .itembody .box object{ border: 0 none; padding: 0; margin: 0 auto; display: block; line-height: 1px; }
#items img, #items .itembody .leftbox img, #items .itembody .rightbox img{ border: 0 none; padding: 0; margin: 0; }
img {	border:0 none; }

/* clanky */
#items h3 { margin: 5px 0 10px 0; padding: 5px 0 0 0; line-height:110%; color:#B9151C; font-size:120%}
#items h3.item { margin: 10px 0 20px 0; padding: 5px 0 0 0; line-height:140%; color:#B9151C; font-size:120%}
#items h3.item a{ font-weight: bold; color: #B9151C; text-decoration: underline;}
#items h4{ margin: 10px 0 20px 0; padding: 5px 0 0 0; font-size: 110%; line-height: 140%; font-weight: bold; color: #003900; }
#items h4 a:link, #items h4 a:visited {color: #003900;}
#items .itembody h4{ color: #640000; font-size: small; line-height: 140%; font-weight: bold; margin: 7px 0 7px 0; border: 0 none; background: transparent; padding: 0; border-bottom:1px dotted #640000}
#items .itembody h5{ color: #353535; font-size: small; line-height: 140%; font-weight: bold; margin: 7px 0 7px 0; border: 0 none; background: transparent; padding: 0; }
#items blockquote{ background: #eaeaea; margin: 5px; padding: 5px; }
#items blockquote p{ margin: 0; padding: 0; }

#items .itembody {color:#000;text-align:justify}
.itembody,.itembody p,.itembody div,.itembody ul,.itembody ol,.itembody li, .itembody th, .itembody td, .itembody a{ font-size: small; line-height: 130%; font-weight: normal; margin-bottom: 5px; }
.itembody td { background: #D5E5DD; padding: 2px 4px 2px 4px; margin: 1px; text-align: left; }
.itembody th { font-weight: bold; text-align: center; background: #EEE8E6; border: 1px solid #D5E5DD; vertical-align: middle;}
.itembody th h3 { margin: 3px; }
.itembody table { margin: 10px auto 10px auto; background: white; }
.itembody a:link,.itembody a:visited{ text-decoration: underline; }
.itembody fieldset{ padding: 5px; text-align: left; }
.itembody legend{ font-weight: bold; }
p.readmore { clear: both; text-align: right; margin: 5px; }
p.readmore a:link, p.readmore a:visited {font-weight: bold; }

/* ********** calendar ********** */
table.calendar { width: 200px; margin: 0 auto;}
table.calendar caption { margin: 0 auto; }

/* article info */
.iteminfo{font-size:90%;color:#000000;margin:20px 0 20px 0; text-align: left;clear:both}

/* phpBB like text formatting */
.b{font-weight:bolder}
.i{font-style:italic}
.z{font-style:normal; font-variant:small-caps}
.u{text-decoration:underline}
.red{color:#aa0000}
.blue{color:#08429B}
.skip{display:none}

/* search */
.highlight{background-color:#F0E68C;color:#000000;padding:2px}

/* ********** code ********** */
.itembody code { font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace; font-size:100%; color: #404040; padding: 1px 2px; background: #f4f4f4;  }
.itembody pre { color: #404040; padding: 4px 5px 4px 5px; margin: 10px 0 10px 0; overflow: auto; background: #f4f4f4; font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace; font-size:100%; width:585px}
.itembody pre.none { overflow: hidden; }
* html .itembody pre { overflow: hidden; }

/* ********** other definitions in article ********** */
q { background: white; border-bottom: 1px solid #666666; margin: 0 5px 0 5px; }
cite { background: white; border-bottom: 1px solid #666666; font-style: italic; }
abbr { padding: 0px; border-bottom: 1px dotted #666666; }
kbd { font-family: Consolas, "Lucida Console", "Courier New", Courier, monospace; font-size:100%; color: #555555; }
del { text-decoration: line-through; }
ins { text-decoration: overline; font-style: italic; }

/* list */
.itembody ol, .itembody ul{margin:5px 0 0 0; padding:0}
.itembody ul li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: square outside url(../images/arrow.gif);}
.itembody ol li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: decimal;}

#rsidebar ol, #rsidebar ul{margin:5px 0 0 0; padding:0; font-size:90%; line-height:120%}
#rsidebar ol.links, #rsidebar ul.links {font-size:small; line-height:130%}
#rsidebar ul li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: square outside url(../images/arrow.gif);}
#rsidebar ol li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: decimal;}

#lsidebar ol, #lsidebar ul{margin:5px 0 0 0; padding:0; font-size:90%; line-height:120%}
#lsidebar ol.links, #lsidebar ul.links {font-size:small; line-height:130%}
#lsidebar ul li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: square outside url(../images/arrow.gif);}
#lsidebar ol li{margin:3px 0 3px 25px; padding:0 0 0 5px; list-style: decimal;}

#lsidebar hr, #rsidebar hr {	 color:#E2EDE7; border:0 none; background: #E2EDE7; height:1px; border-bottom:1px solid #b0cebe; line-height:1px; font-size:1px; margin:2px 5px 2px 5px; clear:both}

/* statistika */
.nav{ margin: 0 0 0 0; text-align: left; padding: 2px; background: #D5E5DD; border:1px solid #c4dacf; }
.nav a:link,.nav a:visited{ color: #314864; display: block; padding: 1px 0 1px 5px; margin: 0px; background-repeat: no-repeat; }
.nav a:hover{ background-color: transparent; text-decoration: underline; }
.nav a.active:link,.nav a.active:visited{ background:#08429B; color:white; }

/* ********** forms ********** */
#items fieldset{ padding: 5px 15px 5px 8px; margin: 10px 10px 5px 10px; text-align: right; }
.itembody fieldset { text-align: right; }
#items legend{ font-weight: bold; margin-bottom: 5px; color: black; padding: 2px 10px 2px 10px; background: #FAE6C3; }
#items textarea { width: 95%; overflow: auto; clear: both; }
#items form { margin: 10px 0 10px 0; padding: 0; }

/* ********** comments Opera, Mozilla, Safari ********** */
#com, #com a:link, #com a:visited{color:black;}
#com a:hover{ text-decoration: underline; color:#B9151C}
#com h2+ol{ margin: 0 0 0 0; padding: 0 0 0 0; }
#com h2+ol li{ list-style: none; margin: 0 0 18px 0; padding: 0; }
#com h2+ol address { font-size: 90%; font-weight: bold; font-style: normal; text-align: left; background-color: #FDF3E2; padding: 0 10px 2px 2px; margin: 0; }
#com address>small{font-weight: normal; }
#com h2+ol p { margin: 3px 0px 3px 0px; text-align: left; padding: 3px 3px 3px 3px; }
#com h2+ol>li>a:link, #com h2+ol>li>a:visited { text-indent: 18px; color: #40382B; background-image: url(../images/reply.png); background-repeat: no-repeat; background-position: 2px 2px; padding: 2px; border-top: 1px solid #DFDFDF; width: 100%; bottom: 0px; display: block; margin-bottom: 3px; text-decoration: none; font-size: 90%; line-height:120%}
#com h2+ol>li ol>li { padding:0; margin:3px 0 3px 30px; font-style:italic; font-size:80%; line-height:120%;}
#com ins { font-size: 90%; line-height: 120%; text-align: left; text-decoration: none; color: #000000; background-color: white; padding: 3px 5px 0px 0; display: block; border-bottom: 1px solid #DDD7CC; margin: 0; }
#com dfn { float:right; color: black; background-color: transparent; font-size:90%; font-style: normal; font-weight:normal; padding: 0; margin: 0 0 0 10px; cursor: pointer;}
#com p span { font-style: italic; }

/* ********** comments hacks for MSIE ********** */
* html #com ol { list-style: none; padding: 0; margin: 0;  }
* html #com ol li { list-style: none; margin: 0 0 18px 0; padding: 0;}
* html #com address{ background-color: #FDF3E2; padding: 1px 10px 0px 2px; margin: 10px 0 0 0; font-weight: bold; font-style: normal; }
* html #com address small{font-weight: normal; }
* html #com ol li ol li { padding:0; margin:3px 0 3px 30px; font-style:italic;font-size:90%; }
* html #com ol p{ margin: 5px 0 5px 0; padding: 5px 10px 5px 10px; }

/* ********** comments voting ********** */
#com .current .reset, #com .parent .reset, #com .child .reset, #com .notPart .reset { display: inline; }
#com .current .show, #com .parent .show, #com .child .show, #com .notPart .show { right: 50px; }
#com li .reset { display: none; }
#com .current p, #com .parent p, #com .child p, #com .indent p { background-color: transparent; }
#com .notPart, #com .notPart * { color: #555555; background-color: transparent !important; border-color: #BFBFBF !important; }
#com .notPart a,  h3+ol>.notPart>p>span:first-child { color: #ccc; }

#com .current { background-color: #d7e8fd; }
#com .parent { background-color: #FCE1BB; }
#com .child { background-color: #fffcea; }

#com .indent .current { background-color: #d7e8fd; margin: 0px 30px 30px 30px; }
#com .indent .parent { background-color: #FCE1BB; margin: 0px 60px 30px 0px; }
#com .indent .child { background-color: #fffcea; margin: 0px 0px 30px 60px; }
#com .indent .notPart { display: none; }

#com .votes { float: right; font-style: normal;}
#com img.votedown { cursor: pointer; float: right; }
#com img.voteup { cursor: pointer; float: right; }
#com img.voteneutral { cursor: pointer; float: right; }
#com img.commentwait { float: right; }

#com .comment-admin { background-color: #fdedd6;}
#com .comment-admin address { background-color: #FCE1BB;}
#com .comment-top { background-color: #d7e8fd;}
#com .comment-top address { background-color: #bcd9fc;}
#com .comment-ok { background-color: #fffcea;}
#com .comment-ok address { background-color: #fff8ce;}
#com .comment-bad { background-color: #F4F4F4; color:#555555}
#com .comment-bad address { background-color: #DFDFDF; color:#555555}
#com .comment-ban { background-color: #FAFAFA; color:#B5B5B5; display:none}
#com .comment-ban address { background-color: #EFEFEF; color:#BFBFBF; display:none}

#items form input.button { border: 1px solid #CE6858; background: #EBA387; padding: 3px 3px 3px 3px; }

/* comment form js helpers */
#toolbar {display:block;margin:5px 0 5px 0;clear:both}
#toolbar a:link,#toolbar a:visited, #toolbar a{ display: block; float: right; width: 49px; height: 15px; background-color: #eaeaea;  border: 1px outset; margin: 1px; text-align: center; font-size: 90%; line-height: 120%; color:#000;}

/* ---------- mapa */
#items #mapa{ width: 680px; height: 550px; border: 1px solid black; margin:10px auto; font-size: 11px; line-height:16px;}
#items #mapa *{ color: #000000; font-size: 11px; line-height:16px; text-align: left;}

/* ---------- helpers */
.splitter1  {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter10 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:20px }