@charset "utf-8";
/*container + LAYOUT*/
body {background:#003; padding:4% 7.5%}

#container { border: 2px solid #06c; margin: 0; padding: 20px 25px 0 25px; background:#cde}

#head {margin:0 ; padding:0; border:0; position:relative}
#logo {margin: 0; float:left; border:0}
#motto {font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#666; font-size:16px; text-align:right; margin:0; height:125px; overflow:hidden}
#menu {float:right; display:inline; position:relative}

#dropdown { margin:0; border: 1px solid #666; border-bottom:2px solid #666; display:inline-block}
#dropdown ul {list-style:none; margin:0; padding:0; border-bottom: 1px solid #666; }
#dropdown a {width:125px; border: 1px solid #666; border-bottom:0; padding:2px 5px; margin:0; text-decoration:none; color:#666; background:#eee; display:block}
#dropdown a:hover {color:#fff; background:#999}
#dropdown img {display:block; float:right; border:0; padding:0; margin:2px 0 0 0;}
#dropdown ul {position:absolute; display:none; z-index:10}
#dropdown:hover ul {display:block}



#foot { clear:both; margin: 0; color: #ccc; padding: 5px; text-align:right; font-size:9px}
#foot a {color:#fff}


/* text */
div.text { border: 1px dotted #06c; margin: 20px 0 ; padding: 25px 25px; background:#ffffff; clear:both;}
div.text p:first-child {margin-top: 0}

/*clearing fixes for all divs*/
div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
div {display: inline-block;}
* html div {height: 1%;}
div {display: block;}

div.uvod {padding: 10px; margin: 20px 0 0 0; border:1px dotted #ccc; background:#eee}
div.uvod img {border: 1px solid #999; float:left; display:block; clear:left; margin: 5px 0 0 0}
div.uvod img:first-child {margin-top:0}
div.uvod ul {list-style:square inside; margin: 0; padding:0; display:block;margin-left:175px}
div.uvod ul li {padding: 0; margin: 5px 0 0 0;}
div.uvod p {margin-left:175px}
div.uvod h2 {margin-left:175px}
div.uvod+h1 {margin-top:0px}

body,p,td,li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}
p {line-height: 20px; margin: 15px 0 0 0; padding:0}
h1+p,h2+p,h3+p {margin-top:0px}
li {line-height: 20px;}

a {text-decoration: underline; color:#06c}
a:hover {text-decoration: none; color: #c00}

h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}

h1 {font-size: 24px; font-weight: normal; text-align: left; margin: 0 0 30px 0px; clear:both}
h2 {font-size: 18px; font-weight: normal;	text-align:left; color: #666; padding:0; margin : 0 0 10px 0} 
h3 {font-size: 16px; font-weight: bold;	text-align:left; color: #666; padding:0; margin: 20px 0 10px 0}


ul.links {padding:0px 5px; list-style:none; margin: 0 0 20px 0 ; border-right: 2px solid #999; background:#ddd; display:block; text-align:right}
h1 + ul.links {margin-top:-25px}
ul.links li {font-weight: bold; display:inline; padding:0; margin: 0 0 0 10px ; font-size:10px}

ul.zajimavost {padding: 5px; margin:20px 0 0 10px; border: 1px solid #999; float:right; width:25%; background:#ccc; list-style:inside square}
ul.zajimavost li {margin: 5px 0 0 0; padding:0px; line-height:normal; font-size:10px}
ul.zajimavost:before{content:"Zajímavost, poznámka:"; text-align:center; font-size:10px; font-weight:bold}

ul.ucastnici {list-style:none; padding: 0; margin:0}
ul.ucastnici li{ float:right; display:block; height:140px; width:140px; border:1px solid #999; padding:5px; background:#ddd; margin: 10px 0 0 10px; text-align:center }
ul.ucastnici li.clear {clear:right}
ul.ucastnici li img {display:block; margin: 0 auto; border:1px solid #999}

p.center {text-align:center}
p.left {text-align:left}
p.right {text-align:right}

p.error {color:red; font-weight:bold}

p.prispevek_zahlavi {margin: 0px; border-left:5px solid #003377; padding-left: 5px; background-color: #eef6ff}
p.prispevek {margin:0px 0px 20px 10px}

table.postlist {border:0; margin:0; padding:0}
table.postlist td {padding: 5px 20px 5px 0px;}
table.postlist tr.head td {font-weight:bold; border-bottom:1px solid #06c; background:#eee}

table.dvazapisy {margin:20px 0 0 0; padding:0; border:0}
table.dvazapisy td {vertical-align:top}
table.dvazapisy td.left {padding:0 20px 0 0; margin:0; border-right:1px dotted #999}
table.dvazapisy td.right {padding:0 0 0 20px; margin:0}

/*-------------*/
/* FOTOGALERIE */
/*-------------*/

ul.galerie {list-style: none; margin: 20px 0; padding:0; }
ul.galerie li { float:left; width: 210px; height: 174px;  margin:0 15px 15px 0; padding:0;  }
ul.galerie li a {font-size:10px; text-decoration:none; color:#ccc; line-height:normal; text-align: left; 
					margin:0px; padding:5px; width:198px; height:162px;  
					border: 1px solid #000; background: #333; display:block; overflow:hidden;}
ul.galerie li a:hover {position:absolute; background: #666; height:auto; min-height:162px; color:#ccc; _height:162px }
ul.galerie li img {border: 1px solid #000; margin: 0px 0px 5px 0px; display:block}
ul.galerie img.nothumb {border: 1px solid red; margin: 0px auto 5px auto; display:block}
ul.galerie li.vert  { text-align: left;}
ul.galerie li.vert img {float:left; margin: 0px 5px 0px 0px; padding:0}
ul.galerie li.sekce {clear:both; float:none; width:100%; height:auto; font-size:16px; font-weight:bold; text-align:left; border-bottom: 2px solid #69c; padding-top:20px}
ul.galerie li:first-child.sekce {padding-top:0}

ul.zalozky {list-style:none; margin:20px 0 0 0; padding:2px 0; border-bottom:2px solid #666}
ul.zalozky li {display:inline; margin:0 0 0 15px; padding:3px; background:#ccc; border:1px solid #999 }
ul.zalozky li.selected {font-weight:bold; background:#fff;border:2px #666 solid; padding:5px; border-bottom:2px white solid}

/*TIT PAGE - override sirky a vysky pro titulni stranu*/
ul.galerie li.titpage { width: 292px; height: 172px; margin:0 20px 30px 0; }
ul.galerie li.titpage a { padding:10px; width:270px; font-size:11px;}
ul.galerie li.titpage img { margin: 0px 0px 5px 5px; float:right}

ul.galerie:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} /*clear*/

/*clearing fixes*/
ul.galerie {display: inline-block;}
* html ul.galerie {height: 1%;}
ul.galerie {display: block;}

div.fotka {color:#fff; background:#666; border:1px solid #333; padding:10px; margin:0 0 10px 0; }
div.fotka h2 {color:#fff}
div.fotka div.foto {border: 1px solid #000;float:left;margin:10px 10px 0px 0; background:#444; text-align:center; font-size:10px; padding:3px; color:#ccc}
div.fotka img {border:1px solid #000; padding:0; display:block; margin:0px auto}
div.fotka p {font-size:12px; line-height:normal}
div.fotka p.komentar {font-size:10px; margin:5px 0 0 0; min-width:200px}

div.fotka table.exif {font-size:9px; margin:10px 20px 0 0; padding:2px; border:1px #333 solid; background:#999; float:left; width:280px}
div.fotka table.exif td {font-size:10px; margin:0; padding:1px;}
div.fotka table.exif tr.head td {font-weight:bold; text-align:center; color:#666; background:#ccc}

div.fotka form {font-size:10px; margin: 10px 20px 0 0 ; padding: 5px 0; width:280px; clear:none; float:left; border-top:1px dotted #999; color:#ccc}
div.fotka form .w {width:99%}
div.fotka form .nob {border:0}
div.fotka form .bg {background:#ffc}
div.fotka form .butt {background:#333; font-weight:bold; color:#fff; padding:2px 5px}
div.fotka form .butt2 {background:#600; font-weight:bold; color:#fff; padding:2px 5px}
div.fotka textarea {font-size:10px; padding:2px; border:1px solid #333}
div.fotka input {font-size:10px; padding:2px; margin:2px 0; vertical-align:middle; border:1px solid #333;}
div.fotka form a {color:#FFFF00; position:relative}
div.fotka form a span {display:none; border:2px #c00 solid; background:#fff; color:#000; width:300px; padding:2px}
div.fotka form a:hover span {display:block; position:absolute; left:-150px; top:10px}

table.dalsifoto { width:100%; background:#666; border:1px solid #333}
table.dalsifoto td { margin:0; vertical-align:middle}
table.dalsifoto div {display:block; margin: 5px; padding:25px 5px; font-size:10px; font-weight:bold; color:#fff}
table.dalsifoto img {height:100px; margin: 5px; border:1px #333 solid}
table.dalsifoto a:hover img {border-color:#c00}
table.dalsifoto .left {float:left; text-align:left}
table.dalsifoto .right {float:right; text-align:right}
table.dalsifoto .this {background:#333; text-align:center}
table.dalsifoto .this img{border-color:#ccc}


/*--------------*/
/* FOTO V TEXTU */
/*--------------*/

div.fotofloat {font-size:10px; line-height:normal; text-align: left; padding:5px; background: #333; border:1px solid #000; color:#ccc}
div.fotofloat img {border: 1px solid #000; margin: 0px auto 5px; display:block}
div.fotofloat a:hover img {border-color:#fff}

img.floatr {float:right; margin-left:25px; border:1px solid #999; clear:right}
img.floatl {float:left; margin-right:25px; border:1px solid #999; clear:left}
img.floatrn {margin: 0px 0px 5px 10px; float: right; border:0}
img.floatln {margin: 0px 10px 5px 0px; float: left; border:0}
img.border {border:1px solid #666666}

input, textarea, select {border: 1px #999999 solid; font-family: Verdana, Arial, sans-serif; font-size: 12px}
input.button {background-color: #dddddd; padding: 0px 5px; font-weight:bold}