@import "reset.css";

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; background:#003e68 url(../design/bg.gif) repeat-x; color:#000; line-height:1.7em; padding-top:18px; }
p { margin:10px 0 10px 0; font-size:1em; }
table, td { font-size:1em; }
hr { display:none; }
a { color:#0099ff; text-decoration:underline; outline:none; font-weight:bold; }
a:hover { color:#0099ff; text-decoration:none; }
.clear { width:100%; height:1px; font-size:0; clear:both; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:relative; width:290px; height:80px; padding:20px; left:0; top:0; text-align:center; font-size:1.2em; padding-top:20px; background:url(../design/logo.gif) no-repeat; }
h1 span { width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1000; cursor:pointer; background:url(../design/logo.gif) no-repeat; }
h1 a { color:#fff; text-decoration:none; overflow:hidden; font-size:1.2em; }
h1 a:active, h1 a:hover { color:#fff; text-decoration:underline; }

/* LAYOUT
------------------------------*/
#all { width:772px; margin:0 auto; padding:7px 0 0 0; }
#top { position:relative; width:772px; height:338px; background:url(../design/header.gif) no-repeat; }
#top .inner { position:absolute; top:10px; left:10px; display:block; width:752px; height:318px; background:url(../design/top.jpg) center bottom no-repeat; }
#container { width:772px; background:url(../design/container.png) repeat-y; margin-top:5px; }
#inner { background-color:#fff; width:760px; margin:0 auto; padding-bottom:20px; }

/* TOPMENU
------------------------------*/
#top ul { position:absolute; top:0px; left:0; list-style:none; width:760px; height:26px; padding:7px 0; background:#86191a url(../design/menu-bg.png) no-repeat; }
#top ul li { padding:0; margin:0 0 0 7px; float:left; line-height:26px; }
#top ul li a { text-decoration:none; color:#fff; font-weight:bold; text-transform:uppercase; font-size:11px; height:26px; display:block; width:100px; text-align:center; background-color:#982021; }
#top a.long { width:104px; }
#top ul li a:hover, #top ul li a.active { background-color:#ae4f50; color:#fff; }

/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:200px; padding:0 0 0 15px; overflow:hidden; }
#menu { border-bottom:1px solid #e0f0fa; }
#sidebar h2 { width:198px; margin:0; padding:0; border-top:1px solid #e0f0fa; border-left:1px solid #e0f0fa; border-right:1px solid #e0f0fa; background:#f7fcff; }
#sidebar h2 a { display:block; color:#5f5f5f; width:173px; padding:2px 5px 2px 20px; background:#f7fcff url(../design/li.gif) 6px 11px no-repeat; text-decoration:none; font-size:0.9em; text-transform:uppercase; }
#sidebar h2 a:hover { background:#0084dc url(../design/lih.gif) 6px 11px no-repeat; color:#fff; text-decoration:none; }
#sidebar ul { list-style:none; width:198px; border-left:1px solid #e0f0fa; border-right:1px solid #e0f0fa; padding:5px 0; }
#sidebar ul li { list-style:none; width:180px; }
#sidebar ul li a { width:163px; padding:1px 5px 1px 30px; display:block; background:#fff url(../design/li.gif) 16px 8px no-repeat; font-size:0.9em; color:#5f5f5f; text-decoration:none; }
#sidebar ul li a:hover { color:#0099ff; text-decoration:underline; }
.selected { border-bottom:1px solid #e0f0fa; }
.selected a { background-color:#42b3ff !important; color:#fff !important; }
#sidebar h3 { height:28px; line-height:28px; position:relative; color:#0099ff; width:170px; margin:20px 5px 0 5px; text-transform:uppercase; }
#sidebar h3 span { height:28px; display:block; position:absolute; width:170px; top:0; left:0; }
.vybertesi span { background:url(../design/vybertesi.gif) no-repeat; }
.aktuality span { background:url(../design/aktuality.gif) no-repeat; }
.sponzori span { background:url(../design/sponzori.gif) no-repeat; }
.medial span { background:url(../design/medial.png) no-repeat; }
#sidebar h3.vybertesi { margin:15px 5px 5px 5px; }
.news { padding:10px 5px; border-top:1px solid #e0f0fa; margin-top:4px; }
.news h4 { font-size:1em; padding:0; margin:0; color:#000; }
.news h4 a { text-decoration:none; }
.news h4 a:hover { text-decoration:underline; }
.news p { padding:5px 0 0 0; position:relative; margin:0; color:#000; font-size:1em; }
.datum, .datum2 { color:#999 !important; font-size:0.9em !important; }
.datum2 { margin-top:1px; }
.nobr { border:none !important; }
.img { padding-top:10px; }
.sponzori-slide { width:170px; height:70px; overflow:hidden; margin:20px 15px 50px 15px; }

/* CONTENT
------------------------------*/	
#content { width:490px; padding:5px 30px 0 0; float:right; overflow:hidden; }
.banner { text-align:center; padding:15px 0; margin:0 auto; }
.banner img { border:1px solid #0099ff; }
#content h2 { color:#0099ff; font-weight:normal; font-size:1.7em; line-height:1.3em; padding:0; padding:15px 0 5px 0; margin:0; }
#content h3 { color:#71bc20; font-weight:normal; font-size:1.3em; padding:10px 20px 2px 0; margin:0; background:url(../design/line.gif) center bottom no-repeat; }
#content h4 { font-size:1.1em; font-weight:bold; text-transform:none; padding:5px 0 0 0; margin:0; color:#71bc20; border-bottom:1px solid #e0f0fa; }
#content ul { margin:4px 0 15px 10px; padding:0; list-style:none; }
#content ul li { margin:0; padding:0 0 0 24px; font-size:1em; background:url(../design/li.gif) 6px 10px no-repeat; }
#content ol { margin:5px 0 15px 34px; padding:0; list-style:decimal; }
#content ol li { margin:0; padding:0; font-size:1em; }
#content table { margin-top:10px; margin-bottom:20px; border-top:1px solid #e0f0fa; }
#content table td { padding:4px 6px; border-bottom:1px solid #e0f0fa; }
.rssSubdate { padding-left:10px; }
.div { padding:5px 0; margin-top:5px; }
#content .div h3 a { text-decoration:none; color:#71bc20; font-weight:normal; }
#content .div h3 a:hover { text-decoration:none; color:#000; }
#content .archiv h3 { padding-bottom:4px; margin:15px 0 4px 0; color:#666666; }
#content ul.down { background-color:#f2faff; border:1px solid #cde6f7; padding:10px; margin:5px 0 15px 0; }

/* LEFT + RIGHT
------------------------------*/
.vlevo { float:left; margin:4px 15px 10px 0; padding:5px; background-color:#fff; border:1px solid #e0f0fa; }
.vpravo { float:right; margin:4px 0 10px 10px; padding:5px; background-color:#fff; border:1px solid #e0f0fa; clear:left; }

/* FOOTER
------------------------------*/
#footer { clear:both; width:772px; height:96px; background:url(../design/footer.gif) no-repeat; position:relative; padding-bottom:25px; }
#footer a { color:#fff; text-decoration:underline; }
#footer a:hover { color:#fff; text-decoration:none; background:none; }
#footer p { color:#fff; margin:0; padding:30px 0 0 180px; font-size:0.9em; position:relative; }
a.web-art { display:block; width:90px; height:40px; top:29px; right:20px; overflow:hidden; background:url(../design/web-art.gif) 0 0 no-repeat; text-indent:-9999px; position:absolute; }
a.web-art:hover { background:url(../design/web-art.gif) 0 0 no-repeat !important; }

/* FORMULAR
------------------------------*/
fieldset { border:none; }
.dotazy-form { border:1px solid #ccc; padding:20px 20px; background-color:#fbfaef; }
.dotazy-form label { padding:0; font-weight:bold; float:left; width:90px; }
.dotazy-form input { width:130px; background:url(../design/stin.png) no-repeat; border:1px solid #ccc; }
.dotazy-form textarea { width:350px; background:url(../design/stin.png) no-repeat; border:1px solid #ccc; }
.dotazy-form .zemSubmit { width:auto !important; left:90px; position:relative; background:#498fd1 none; color:#fff; padding:2px 6px; border:1px solid #498fd1; font-weight:bold; }
ul.zemError { padding-bottom:20px !important; }
.error, .alert { color:#FF0000; font-weight:bold; }
legend { display:none; }

/* PAGES
------------------------------*/
#pages { width:100%; position:relative; z-index:1000; padding:20px 0 20px 0; clear:both; border-top:1px solid #e0f0fa; }
#pages ul { height:20px; margin:0 !important; padding:0 !important; font-weight:bold; position:relative; list-style:none; color:#000; font-size:11px; }
#pages ul li { position:relative; height:18px; line-height:18px; width:20px; float:left; text-align:center; display:block; padding:0; margin:0 2px 0 0; background:none !important; }
#pages ul li.first { width:70px; text-align:left; font-weight:bold; color:#000; }
#pages ul li.this a { background-color:#d24c0d; color:#fff; border:1px solid #d24c0d; }
#pages ul li.this a:hover { background-color:#d24c0d; color:#fff; }
#pages ul li a { text-decoration:none; border:0; display:block; line-height:18px; height:18px; display:block; color:#000; border:1px solid #eee2d6; padding:0; margin:0; }
#pages ul li a:hover { text-decoration:none; background-color:#eee2d6; color:#000; }
#pages ul li.this2 { width:100px; }
#pages ul li.this2 a { background-color:#d24c0d; color:#fff; border:1px solid #d24c0d; width:auto; padding:2px 5px; }
#pages ul li.this2 a:hover { background-color:#0099ff; border:1px solid #0099ff; color:#fff; }

/* KOMENTARE
------------------------------*/
.cbody { width:472px; overflow:hidden; padding:4px 8px; background-color:#FFFCE8; border:1px dashed #dbc85e; margin-bottom:10px; }
.cdatum { font-size:0.9em; color:#dbc85e; }
.h3-kom { Border:none !important; padding:20px 0 0 0 !important; margin:0 !important; }
.cbody p { margin:0; padding:4px 0; }
blockquote { border:1px dotted #f8f2c3; font-style:italic; padding:3px; margin:4px 0 0 0; background-color:#fffce8; }
#message { width:350px; height:200px; padding:5px; }
#cpreview { margin-bottom:20px; }
.nahled { margin:0; padding:3px 8px 3px 8px; background-color:#63B214; color:#fff; width:474px; font-style:italic; font-weight:bold; }
.pridat { background-color:#f8f2c3; line-height:1.5em; font-size:1em; padding:0; width:490px; }
.pridat-input input { background-color:#fffce8; border:1px solid #dbc85e; padding:2px 5px; margin-right:5px; }
.pridat textarea { border:1px solid #dbc85e; }
.pridat textarea, .pridat input { font-family:Arial, Helvetica, sans-serif; }
.pridat em { color:#999; }
.tright { text-align:right; width:60px; padding-right:10px; vertical-align:top; }
.sbutton { padding:4px 25px 0 0; text-align:right; }
.pridat table, .pridat td { border:none !important; }
ul.comments_error { margin:0 !important; padding:5px 0 !important; display:block; background:#FDC9C4 url(../design/chyba.gif) right center no-repeat; width:488px; color:#262a30; border-bottom:1px solid #F9938A; list-style:none; }
ul.comments_error li { margin:0; padding:0 25px; list-style:none; }