/* ----------------------------------------------
	@author:Jan Panschab
---------------------------------------------- */
/* reset */
* { margin: 0; padding: 0; }
/* OBECNE ELEMENTY */
body {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 62.5%;
	background: #333 url(../gfx/body.gif) repeat-x top;
	color: #ccc;
}
h2,h3,h4 { padding: 0.5em 0 1em; color: #ccc; font-weight: normal; }
h2 { font-size: 1.75em; }
h3 { font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; padding: 0.2em 0; }
#page h3 { background: url(../gfx/menu.gif) repeat-x 0 6px; }
p{line-height:1.6em;padding:0 0 1em;}
a{color:red;}
a:hover{text-decoration:none;}
a:focus{outline:none;}
hr{clear:both;height:0;border:none;border-bottom:1px solid #222;margin:10px 0 14px;}
ul{padding:0 0 1em 15px;list-style:square;line-height:1.6em;}
ol{padding:0 0 1em 15px;list-style:decimal;line-height:1.6em;}
.cleaner{clear:both;}
/* LAYOUT */
#container{position:relative;width:956px;background:#111 url(../gfx/page.gif) repeat 0 0;border:2px solid #555;margin:10px auto 50px;font-size:1.2em;}
#slide{width:746px;height:178px;top:10px;left:196px;position:absolute;}
#slide img{padding:0; background-color:#222; width:746px;height:178px;top:0;left:200px;position:absolute;}
#header{width:960px;height:250px;position:relative;}
#header h1 a{display:block;position:relative;top:10px;left:24px;width:147px;height:147px;font-size:1.5em;font-weight:bold;color:#ccc;text-align:center;}
#header h1 a span{background:url(../gfx/logo.jpg) no-repeat 0 0;position:absolute;top:0;left:0;display:block;width:147px;height:147px;}
#header .slogan{position:relative;top:16px;left:36px;}
#navigace{position:absolute;top:202px;left:10px;width:936px;}
#navigace ul,#navigace li{list-style:none;margin:0;padding:0;float:left;}
#navigace ul li a{display:block;text-decoration:none;outline:none;padding:5px 7px;margin:0 5px;font-size:0.9em;font-weight:bold;color:#ccc;background:url(../gfx/menu.gif) repeat-x 0 12px;}
#navigace a:hover,#navigace .active{color:#fcc;border-bottom:1px solid #f00;background:url(../gfx/menu.gif) repeat-x 0 0;
/*text-decoration:underline;background:url(../gfx/arrow.gif) no-repeat center 20px;*/
}
#sider{float:right;width:276px;margin-right:10px;border:2px solid #555;background:#333;}
#sider h2{background:red url(../gfx/red-fade.gif) repeat-x 0 0;border-bottom:2px solid #555;font-size:1em;padding:6px 10px;}
#sider .polozka{padding:5px 8px;}
#sider h3{font-size:1.1em;padding:3px 0;}
#sider .datum{font-size:0.9em;}
#sider p{font-size:0.9em;line-height:1.4em;padding-bottom:0.2em;}
#sider .more{float:right;font-size:0.9em;}
#page{float:left;width:600px;min-height:400px;padding:5px 20px;margin:0 10px;}
.float-bug:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.float-bug{display:inline-table; }
/* skryti pred ie pro mac \*/
* html .float-bug{height:1% }
.float-bug{display:block; }
/* konec skryti pred IE pro mac */
/*#footer{position:relative;top:22px;clear:both;background:#333;color:#666;text-align:right;font-size:0.9em;}
#footer a{color:#666;}*/
#footer{text-align:right;font-size:0.9em;background:#333;color:#666;border-top:2px solid #555;width: 935px;margin-top:1em;padding: 1em;}
/* PAGE */
.box{float:left;width:190px;background:#333;border:2px solid #555;margin:0 3px 1.5em;}
.box h2{padding:0;}
.box h2 a{display:block;width:170px;background:red url(../gfx/red-fade.gif) repeat-x 0 0;border-bottom:2px solid #555;font-size:0.6em;padding:5px 10px;color:#ccc;text-decoration:none;}
.box h2 a:hover{text-decoration:underline;}
.box p a{display:block;width:170px;min-height:170px;text-decoration:none;color:#ccc;}
.box p a:hover{color:#fff;}
.box a img,.box a:hover img{margin:5px;border:0;opacity:0.75;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity:0.75;}
.box p{font-size:0.9em;line-height:1.4em;padding:0.5em 5px;}
.box:hover{background:#222;}
.box:hover p a{color:#fff;}
.box:hover h2 a{color:#fff;}
.box:hover img,.box a:hover img{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
.polozka{margin-bottom:2em;clear:both;}
.more{float:right;}
.back{float:right;}
.left{text-align:left;}
.right{text-align:right;}
.foto-perex{
	float: left;
	margin: 0 15px 10px 0;
}
/* IMG */
img{border:2px solid #555;}
a:hover img{border:2px solid #777;}
img.left{float:left;margin:.5em 2em .5em 0;}
img.right{float:right;margin:.5em 0 .5em 2em;}
#sider img.right{margin:0.5em -3px 0.5em 0.5em;}
img.fotogalerie{margin:0 1.5em 1em 0;float:left;}
/* TABLE */
table{line-height:1.4em;margin:0 0 1em;border-collapse:collapse;}
td,th{vertical-align:top;padding:0.2em 0.8em;border:1px solid #600;}
th{background:#900;color:#fff;}
td{background:transparent;color:#fff;}
/* FORM */
input,textarea{font-family:'Arial CE','Helvetica CE',Arial,Helvetica,sans-serif;font-size:85%;}
form{padding:0;margin:10px 0;}
fieldset{ background: #333; border: 2px solid #555;padding:7px 11px;}
legend{padding:1px 5px 2px 5px;color:#999;background:transparent;}
label{font-weight:bold;font-size:90%;}
input,select{margin:6px 0;}
.input,textarea{border:1px solid #B6CFDD;padding:3px 5px;}
textarea{width:460px;}
input.button{padding:.3em .7em;cursor:pointer;}
form table{border:0;margin:0;}
form th{padding:0 10px 0 0;text-align:left;vertical-align:middle;color:#eee;background:transparent;border:0;text-align:right;}
form td{border:0;padding:0;color:#eee;background:transparent;}
form th.label-left{text-align:left;}
input,label{vertical-align:middle;}
/* prevents IE stretched button bug on WinXP  */
input.button{width:0;  overflow:visible;}
input.button[class]{width:auto }
.bad{color:#c33;border:1px solid #c33;padding:7px 10px;font-weight:bold;}
.good{color:#360;border:1px solid #360;padding:7px 10px;font-weight:bold;}