html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

body {
	font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
    font-size: 83%; /* 100% == 16px */
	color: #3F3F3F;
	line-height: 130%;	
	margin: 0;
    padding: 0;
	background:url(../img/bg.jpg?v=1) center top no-repeat #99aa11 ;
	border-top: 5px #000 solid
}

h1, h2, h3, h4, h5, h6{
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 15px 0px;
	color: #000;
	font-weight:normal
}

h1 { font-size:150%; line-height:40px}
h2 { font-size:120%; color:#3399cc; margin-bottom:5px; padding-top:5px}
h3, h4, h5 { font-size:110%; color:#3f3f3f; margin-bottom:5px}

p{margin-bottom:10px}

hr { height: 1px; background: none; display: block; border: 1px solid #CECED0; border-width: 1px 0 0 0; overflow: hidden; margin: 0px 0 15px 0px;}

a img {
	border: none;
}

a {
	color:#3F3F3F;
	text-decoration: underline;
}

a:hover, a:active, a:focus {
	color: #3399cc;
	text-decoration: underline;
}

a[href$=".pdf"]{
  padding-left: 25px;
  background: url(../img/ikona-pdf.gif) left no-repeat;
}

a[href$=".doc"]{
  padding-left: 25px;
  background: url(../img/ikona-doc.gif) left no-repeat;
}

a[href$=".docx"]{
  padding-left: 25px;
  background: url(../img/ikona-doc.gif) left no-repeat;
}

a[href$=".xls"]{
  padding-left: 25px;
  background: url(../img/ikona-xls.gif) left no-repeat;
}

a[href$=".xlsx"]{
  padding-left: 25px;
  background: url(../img/ikona-xls.gif) left no-repeat;
}

/* ~~ Layout ~~ */
#obal {
	width: 980px;
	margin: 0 auto;
}


#hlavicka {
	width: 980px;
	height:360px;
	margin: 0 auto;
	padding:0px;
	clear:both
}

#obsah {
	width: 980px;
	margin:0px auto 20px auto;
	background:url(../img/bg-obsah.png) left top repeat-y #FFF;
	clear:both
}

#paticka {
	width:100%;
	height:232px;
	text-align:center;
	margin:0px auto 0px auto;
	color:#FFF;
	background:url(../img/bg-patice.png) center top no-repeat
}

/* ~~ Hlavicka ~~ */
.logo {
	width: 240px;
	height:270px;
	float:left;
}

.animace {
	width: 735px;
	height:270px;
	float:right;
	text-align:center;
}


/* ~~ hlavni obsah ~~ */

.levy-blok {
	width: 235px;
	float:left;
	margin:0px;
	padding:0px
}

.vyhledavani{
	width:222px;
	height:32px;
	margin:0px auto;
	padding: 8px 0px 0px 13px;
	background:url(../img/bg-vyhledavani.jpg) left top no-repeat;
	clear:both;
}

.vyhledavani input.input {
background:url(../img/vyhledavani-input.png) left center no-repeat;
color:#808080;
float:left;
font-size:11px;
height:25px;
line-height:25px;
margin:0px;
padding-left:10px;
width:170px;
border: medium none
}

.vyhledavani input.submit {
background:none repeat scroll 0 0 transparent;
border:medium none;
float:left;
height:25px;
width:30px;
margin: 0px 0px 0px 0px;
padding:0;
}

.novinky{
	width:174px;
	height:116px;
	margin:10px 0px 20px 20px;
	background:url(../img/bg-novinky.png) center top no-repeat;
	padding:10px;
	clear:both;
}

.novinky p{
	font-size:85%;
	color:#A65300;
	padding:25px 0px 10px 5px;
	margin:0px;
	line-height:none
}


.novinky input.input {
background:url(../img/vyhledavani-input.png) left center no-repeat;
color:#808080;
float:left;
font-size:11px;
height:25px;
line-height:25px;
margin:0px;
padding-left:10px;
width:130px;
border: medium none
}

.novinky input.submit {
background:none repeat scroll 0 0 transparent;
border:medium none;
float:left;
height:25px;
width:30px;
margin: 0px 0px 0px 0px;
padding:0;
}


.vysocina-news{
	width:180px;
	height:310px;
	margin:0px 0px 0px 5px;
	padding:95px 15px 0px 35px;
	background:url(../img/bg-vysocina.png) center top no-repeat;
	clear:both;
}

.odkaz a{
	padding-right:18px;
	background:url(../img/sipka.png) right center no-repeat
}


.pravy-blok {
	width: 705px;
	float:right;
	margin:0px;
	padding:0px 20px 20px 20px;
	background:url(../img/bg-pravy-blok.png) left top repeat-x;
	text-align:justify
}

.pravy-blok slian{
	font-size:85%;
	padding-left:10px
}

.pravy-blok ul, .pravy-blok ol { 
	padding: 0px 15px 15px 25px;
}

.pravy-blok ul li{
	list-style: square outside url("../img/li.png");
	padding-top:5px
}

.pravy-blok ul li ul {
	padding:5px 0px 5px 20px;
	font-size:100%;
}

.pravy-blok ul li ul li{
	list-style: none;
	list-style-type:disc;
	margin-top:3px;
}

.pravy-blok ul li ul li ul {
	padding:10px 0px 5px 25px;
	font-size:100%;
}

.pravy-blok ul li ul li ul li{
	list-style: none;
	list-style-type: circle;
	margin-top:3px;
}

.pravy-blok ol li{
	padding-top:3px;
	list-style: lower-alpha 
}

.box1{
	width:430px;
	float:left;
	min-height:240px;
	_height:240px
}

.box2{
	width:240px;
	float:right;
	padding: 0px 10px;
	border-left: 1px dashed #999
}

.uvodka-aktuality{
	width:705px;
	padding-top:10px;
	clear:both;
	background:url(../img/bg-uvodka-aktuality.png) left top repeat-x
}

.uvodka-aktuality h2{
	font-size:140%;
	line-height:42px;
	margin:0px;
	padding:0px
}
.aktualita {
	width:100%;
	padding:10px 0px;
	min-height: 85px;
	_height: 85px;
	border-bottom: 1px #666 dashed;
	position:relative
}
 
.aktualita p.datum{
	width:80px;
	height:35px;
	float:left;
	margin-right:20px;
	padding-top:45px;
	text-align:center;
	color:#000;
	background:url(../img/aktuality.png) no-repeat
}
 
.aktualita h3{
	padding: 10px 0px 0px 0px;
	margin:0px;
	margin-bottom:10px;
	font-size:140%;
	font-weight:normal;
}

.aktualita p{
	padding:0px;
	margin:0px;
	line-height:normal
}

.aktualita a{ position: absolute; top:15px; right:0px; text-align:right; padding-right:18px; background:url(../img/sipka.png) right no-repeat; font-size:13px;  color:#3399cc}
.aktualita a:hover{ color:#000000}

.fotogalerie {
	width:660px;
	padding:10px;
	background-color:#F5F5F5;
	height: 120px;
	margin: 0px 0px 20px 10px;
	border:#CCC 1px solid;
	-moz-box-shadow: 3px 3px 4px #f8f8f8;
	-webkit-box-shadow: 3px 3px 4px #f8f8f8;
	box-shadow: 3px 3px 4px #ccc;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#f8f8f8')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#f8f8f8');
}

.fotogalerie img{
	float:left;
	background-color: #fff;
	padding:2px;
	border: 1px solid #ccc;
	margin:0px 30px 0px 0px;
}
 
.fotogalerie p{
	line-height: normal;
}
 
.fotogalerie h3{
	padding-bottom:4px;
	font-weight:normal;
	padding:45px 0px 0px 0px;
}

.fotogalerie h3 a{
	margin:0px;
	font-size:140%;
	padding-right:18px;
	background:url(../img/sipka-foto.png) right center no-repeat
}

p.odkaz-pravy {
	text-align:right;
	padding-top:20px
}

p.odkaz-pravy a{
	padding-right:18px;
	background:url(../img/sipka-foto.png) right center no-repeat
}

.strankovani { padding-top:15px; padding-left:10px}
.strankovani .aktivni {color: #fff; background-color:#3399cc}
.strankovani a, .strankovani .aktivni{border:1px solid #CCCCCC;padding:1px 5px;text-decoration:none; margin-left:4px}
.strankovani a:hover{ color:#fff; background-color:#3399cc}


/* !!!!!!!!!! galerky !!!!!!!!!! */
.detail {
	padding:10px 0px;
	clear:both
}

.detail img{
	border: 1px solid #666;
	margin: 0px 10px 10px 0px;
	float:left;
	padding:3px;
	background-color:#F2F2F2
}


.patice-obsah {
	width: 980px;
	padding-top:60px;
	margin: 0 auto;
	color:#CCC;
	font-size:100%
}

.patice-obsah div.box{
	width: 325px;
	height:120px;
	float:left;
	padding-top:20px;
	text-align: center;
	background:url(../img/oddelovac.png) right center no-repeat
}

.patice-obsah div.kontakt{
	width: 325px;
	height:120px;
	float:right;
	padding-top:20px
}

.patice-obsah ul {
padding:0px 0px 20px 0px;
list-style-type:none
}

.patice-obsah ul li{
padding-top: 5px;
}

.patice-obsah div.autor{
	width:980px;
	height:30px;
	text-align: center;
	clear:both
}

.patice-obsah a{ color: #CCC; text-decoration:none}
.patice-obsah a:hover{ color: #F90; text-decoration: underline}


/* ~~ Ruzné trídy plovoucích elementu, vymazání elementu ~~ */
.float-right { 
	float: right;
	margin-left: 8px;
}
.float-left {
	float: left;
	margin-right: 8px;
}
.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.skryte { display: none; }

.pravy-blok .textarea-cele { width: 260px; height: 100px;  background-color:#E8E8E8; border: 1px solid #999}
.pravy-blok input.cele {width: 260px; background-color:#e8e8e8; border:1px solid #999; height:21px}
.pravy-blok input.submit {height:25px;width:160px; margin-left:60px}
input.submit2 {height:25px;width:100px; margin-top:10px}


.form_ok { background-color: #76d876; color: #1f6d1f; border: #1f6d1f 1px solid; margin-bottom: 15px; width: 260px; }
.form_chyba { background-color: #ff8080; color: #c80000; border: #c80000 1px solid; margin-bottom: 15px; width: 260px; }
.form_ok p, .form_chyba p { text-align: justify; padding: 10px 5px 10px 5px; font-weight: bold; margin: 0; }



.registraceNovinek #email { width: 250px; }
.registraceNovinek th { text-align: left; padding-top: 25px; }
.newsletterInfo { background-color:#aae1aa; }
.newsletterError { background-color:#ff9999; }
.newsletterInfo p { color: #008800; font-size: 16px; font-weight: bold; padding: 5px; }
.newsletterError p { color: #ff0000; font-size: 16px; font-weight: bold; padding: 5px; }

.pravy-blok td{
	padding:4px 0px;
}

.pravy-blok table{
	padding:0px 0px 15px 0px;
}

