/* CSS Document */
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
* {margin:0; padding:0; font-size: 1em;}
html, body {font-family: Georgia, Times, "Times New Roman", serif; height: 100%;
}

a, a:visited { text-decoration: none;}
a {
	color:#00a799;
	text-decoration:none;
	-moz-transition: color .25s ease, margin .25s ease;
	-webkit-transition: color .25s ease, margin .25s ease;
	-o-transition: color .25s ease, margin .25s ease;
	-ms-transition: color .25s ease, margin .25s ease;
	transition: color .25s ease, margin .25s ease;
}
a:hover {
	color:black;
}


ol li,ul li {margin-left: 30px;}

html {background: #222;}
#hlavicka{position:relative; width:960px; height:300px;}
body { position:relative; background: center top no-repeat url("logo_header.png");}
#pruh 
{height:300px;
 width:100%;
 background: #32792b;
  position:absolute; 
  z-index: -5;}
#banner { width:960px; margin: 0 auto; height:200px; background: #32792b center no-repeat url("1.png"); box-shadow: none; }
#banner h1 {position:relative; top: 50px; left: 50px; color:white;font-family: Verdana;}
em, strong {font-weight: bold;}
big {font-size: 1.2em; font-weight: inherit;}
h1 {font-size:2.5em;color:black; padding: 5px; /*text-shadow: 0px 0px 6px #000, 0px 0px 3px #000;*/}
h2 {font-size:2em; padding: 5px;  border-bottom: 3px solid #32792b;}
h3 {font-size:1.5em; padding: 5px; width:250px; border-bottom: 2px solid #32792b;}
h4 {font-size: 1.2em; padding: 5px;}
h4:before {content: url("folder.png"); position:relative; top:10px;}
h5 {font-size: 1em; padding: 8px; background: #ccc;
font-weight: bolder;}
napsal {font-weight: bolder;}

blockquote {
	position:relative;
	font-family:Georgia, "URW Bookman L", serif;
	font-style:italic;
	margin:0 30px 0 60px;
	border-left: 3px solid #ebb258;
}

.comments {margin-left: 10px; padding:5px; border-radius: 0 15px 15px 0; background: #ddd;}
.comments napsal {border-bottom: 1px solid black;}
form#comment {margin-left: 10px;}
#submit {background-color:rgba(0, 92, 138, 1); color:white; border:no; padding:5px; }

p {margin: 10px; line-height: 120%;}


#obal {
position:relative;
margin: 0 auto;
min-height: 100%;
height: auto !important;
 background-color:white; width:960px;
-webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.75);
padding-bottom:120px; /* spravne zobrazeni paticky */
}


ul#adminHEADER {position:fixed;background: #222; top:200px; left:0px;  border-radius: 0 20px 20px 0;
box-shadow: 0 0 30px rgba(0, 0, 0, .9);}

ul#adminHEADER li {padding:5px; border-bottom: 2px dotted grey;}
ul#adminHEADER li:last-child {border:none;}
ul#adminHEADER li a {color: white;}
ul#adminHEADER li a:hover {opacity: 0.8;}

#odkazy{
float:right; 
width: 27%;
border-left: 1px solid rgba(50, 50, 50, 0.75);
-webkit-box-shadow: -5px 0px 13px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    -5px 0px 13px rgba(50, 50, 50, 0.75);
box-shadow:         -5px 0px 13px rgba(50, 50, 50, 0.75);
}
#odkazy a {color:#555;}
#articles { width: 60%; text-align: justify; font-family: Calibri; font-size:1.05em;}


ul#menu {
list-style:none;
background: repeat-x  center url("ul.png"); 
height:48px; 
/*border: 5px solid #00a799;*/
}

ul#menu li{float:left;padding:0; margin:0; }
ul#menu li#aktive {border-radius: 0;background: url("ulAktive.png"); }
ul#menu li a
{
font-family: Arial;
text-shadow: 2px 2px #222;
font-weight:normal;
color: white;
line-height: 3em;
padding: 0 20px 0 20px;
   opacity: 1;
   transition: opacity .3s ease-in-out;
   -moz-transition: opacity .3s ease-in-out;
   -webkit-transition: opacity .3s ease-in-out;

}
ul#menu li:after {content: "|";}

ul#menu li a:hover {opacity: 0.5;}

textarea#editor1 {width:960px;}

#gallery{}
#gallery img {height:150px; float:left; padding: 10px;}
#gallery img:hover {opacity: 0.8;}

#paticka{
position: absolute;
bottom:0;
display:block;
color:#555;
width:960px; 
height: 120px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, .9); 
background-color: black;
}

#paticka a
{
color: #999;
}
#paticka a:hover
{
color: #666;
}
#paticka #pocitadlo
{float:right;}