/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html, body {
	height: 100%;
}
body {
    font-family: Arial, Verdana, Tahoma, helvetica, sans-serif;
    font-size: 80%; /* 100% == 16px */
	color: #000;
	line-height: 130%;	
	margin: 0;
    padding: 0;
	background:url(../img/bg.png) left top repeat-x #fff ;
}

#obal {
 	width: 100%;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
	background:url(../img/bg.jpg) center top no-repeat #cc9966
 }
 body>#obal {
 	height: auto;
 }
/* Opera 9.5+  */
*|html[xmlns*=""]  #obal { 
     display: table;
	 height: 100% 
} 
/* Opera 9.5 */
#hlavicka {
  width: 100%;
  height:100px;
  position:relative;
  z-index:10;
  margin: 0 auto 0px auto;
  background:url(../img/bg-hlavicka.png) left top repeat-x
}
 
#hlavni-blok {
    width: 100%;
	margin: 0 auto;
	position:relative;
	padding:0px 0px 275px 0px;
	clear:both;
 }
 
#patice {
  width: 100%;
  height: 175px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  color:#FFF;
  padding-top:75px;
  background:url(../img/bg-patice.png) center top no-repeat
}
 

h1, h2, h3, h4, h5, h6{
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 15px 0px;
	color: #990000;
	font-weight:normal
}
h1 { font-size:190%; margin-bottom:20px}
h2 { font-size:145%; margin-bottom:10px;}
h3, h4, h5 { font-size:100%; margin-bottom:10px}

p{margin-bottom:15px}

a img {border: none;}
a {color:#000; text-decoration: underline;}
a:hover, a:active, a:focus {color: #990000; text-decoration: underline;}

.hlavicka-in {
	width: 980px;
	height:100px;
	position:relative;
	margin: 0 auto;
	padding:0px;
}

.logo {
	width: 160px;
	height:160px;
	position:absolute;
	top:0px;
	left:10px;
	padding:0px;
	z-index:4
}

.hlavni-blok-in {
	width: 990px;
	margin:0px auto;
}

.hlavni-blok-in-podstranky {
	width: 990px;
	margin:30px auto 0px auto;
}

.animace {
	width:990px;
	height:455px;
	margin:0 auto;
	clear:both;
	margin-bottom:10px
	
}

.obsah{
   width:960px;
   clear:both;
   margin:0 auto;
   min-height:420px;
   _height:420px;
   padding:10px;
   margin:0px 5px;
   background:url(../img/bg-obsah.png) repeat transparent;
}

.levy-blok {
	width:620px;
	padding:20px;
	float:left;
	text-align:justify 

}

.levy-blok h1{
	background:url(../img/ikona-nadpis.png) left center no-repeat;
	padding-left:35px;
	line-height:30px
}

.pravy-blok {
	width:280px;
	padding:10px 10px 0px 0px;
	float:right;
	text-align: justify;
}

.shadow {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: #000 0px 0px 5px;
	-moz-box-shadow: #000 0px 0px 5px;
	box-shadow: #000 0px 0px 5px;
	behavior: url(/pie.htc);
}

.levy-blok ul, .levy-blok ol { 
	padding: 0px 15px 15px 25px;
}

.levy-blok ul li{
	list-style: square outside url("../img/li.png");
	padding-top:3px
}

.levy-blok ul li ul {
	padding:5px 0px 5px 20px;
}

.levy-blok ul li ul li{
	list-style: none;
	list-style-type:disc;
	margin-top:3px;
}

.levy-blok ul li ul li ul {
	padding:10px 0px 5px 25px;
}

.levy-blok ul li ul li ul li{
	list-style: none;
	list-style-type: circle;
	margin-top:3px;
}

.levy-blok ol li{
	padding-top:3px;
	list-style: decimal
}

.soubory ul li{
	padding-top:5px;
}

.detail {
	padding:10px 0px;
	clear:both
}

.detail img{
	border: 1px solid #000;
	margin: 0px 15px 15px 0px;
	float:left;
	padding:3px;
	background-color:#F2F2F2
}

h2.nadpis-aktuality{
	line-height:40px;
	margin:10px 0px;
	background:url(../img/ikona-aktuality.png) 50px center no-repeat #990000;
	color:#FFF;
	text-align:center;
	font-weight:normal;
	font-size:18px
}

.uvodka-aktuality {
	width:280px;
	min-height:35px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	clear:both;
	text-align:left;
	border-bottom: 1px dashed #ccc
}

.uvodka-aktuality h3{
	padding:0px;
	margin:0px;
	color:#990000;
	font-size:100%;
	font-weight:bold
}

.uvodka-aktuality h3 a{
	padding:0px 5px;
	text-decoration: none;
	color:#990000;
	font-size:90%
}

.uvodka-aktuality p{ font-size:90%; line-height:normal; padding:5px 5px 0px 5px; margin-bottom:10px}

.uvodka-aktuality h3 a:hover{
	text-decoration: underline;
	color:#000
}

p.odkaz-aktuality { margin:0px 0px 20px 0px; float:right}

p.odkaz-aktuality a{ 
    color:#990000;
	line-height:12px;
	background:url(../img/tl-vice.png) right top no-repeat;
	display:block; 
	padding:0px 15px 0px 0px; 
	width:70px; 
	font-size:95%; 
	text-decoration:none;
	text-align:center
}

p.odkaz-aktuality a:hover{ 
    color:#990066; 
	background:url(../img/tl-vice.png) right bottom no-repeat;
}

.reference {
	width:620px;
	padding:10px 0px;
	margin-top:10px;
	min-height: 95px;
	_height: 95px;
	border-bottom: 1px dashed #666;
	clear:both
}
 
.reference img{
	float:left;
	background-color: #fff;
	padding:3px;
	border: 1px solid #000;
	margin:0px 20px 0px 0px;
}
 
.reference p{
	line-height: normal;
	padding:5px 0px 0px 0px;
	margin:0px
}

.reference h2 {
	padding:0px;
	margin:0px;
}
 
.reference h2 a{
	padding:0px 11px 5px 0px;
	margin:0px;
}

.reference2 {
	width:620px;
	padding:10px 0px;
	margin-top:10px;
	min-height: 45px;
	_height: 45px;
	border-bottom: 1px dashed #666;
	clear:both
}
 
.reference2 p{
	line-height: normal;
	padding:5px 0px 0px 0px;
	margin:0px
}

.reference2 h2 {
	padding:0px;
	margin:0px;
}
 
.reference2 h2 a{
	padding:0px 11px 5px 0px;
	margin:0px;
}

.strankovani { padding-top:15px}
.strankovani a, .strankovani .aktivni{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#990000;
	behavior: url(/pie.htc);
	padding:1px 7px;
	text-decoration:none; 
	line-height:35px;
	color:#FFF
}
.strankovani .aktivni {color: #990000;  background-color:#fff}
.strankovani a:hover{ color:#990000; background-color:#fff}


.patice-bg {
  width: 100%;
  background-color:#990000
}

.patice-in {
	width: 990px;
	height:175px;
	margin: 0 auto;
	color:#ffeecc;
	font-size:95%;
	text-align:center;
}

.centrum{
	width:495px;
	float:left;
	padding-top:20px;
}

.ostrava{
	width:495px;
	float: right;
	padding-top:20px;
}

.autor{
	width:990px;
	margin:0 auto;
	clear:both;
}

.patice-in a{ color: #000; text-decoration:none}
.patice-in a:hover{ color: #C09; text-decoration:none}

.obrazek-do-prava { 
	float: right;
	margin:8px;
	margin-right:0px
}
.obrazek-do-leva {
	float: left;
	margin: 8px;
	margin-left:0px
}

.img-right {float: right; width: 210px;}
.img-right img {padding: 5px 0 5px 10px;}
.img-left {float: left; width: 210px;}
.img-left img {padding: 5px 10px 5px 0px;}

.clear {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* dodatečné styly */

.skryte { display: none; }
.form p{ padding:0px; margin:0px 0px 10px 0px}
.form .textarea-cele { width: 280px; height: 150px;  background-color:#f4f4f4; border: 1px solid #999}
.form input.cele {width: 280px; background-color:#F4F4F4; border:1px solid #999; height:30px}
.form input.submit {height:30px;width:110px; margin-left:0px; }
input.submit2 {height:30px;width:100px; margin-top:10px}


.form_ok { background-color: #76d876; color: #1f6d1f; border: #1f6d1f 1px solid; margin-bottom: 15px; }
.form_chyba { background-color: #ff8080; color: #c80000; border: #c80000 1px solid; margin-bottom: 15px; }
.form_ok p, .form_chyba p { text-align: justify; padding: 10px 5px 10px 5px; font-weight: bold; margin: 0; }

.levy-blok table{ 
   margin:0px 0px 20px 0px;
   text-align:center;
   border-collapse: collapse;
	background:url(../img/bg-podmenu.png) repeat;}
.levy-blok table td { padding: 5px 8px; border: solid 1px #666}
.levy-blok table th{ padding: 8px; border: solid 1px #000; background-color:#950000; color:#FFF;}

.komentare-pridat {
	clear: both;
	margin: 10px 0px;
	padding:15px 15px 5px 15px;
	background:url(../img/bg-podmenu.png) repeat;
	font-size:85%;
}

.komentare-pridat table.forum {
	background:none;
	text-align:left;
	width:100%
}

.komentare-pridat table.forum td{
	border:none;
	
}

.komentare-pridat table.forum td.a {
	font-weight: bold;
}

.komentare-pridat table.forum td.a input {
	display: none;
}

.komentare-pridat table.forum td.b input {
	width: 100%;
	margin-bottom:10px;
	height:30px
}

.komentare-pridat table.forum td.b textarea {
	width: 100%;
	height:100px
}

.komentare {
	margin-top: 10px;
	padding: 5px 0px;
	width:100%;
	border-bottom: 1px #999 dotted;
}

.komentare p{
	padding:0px;
	margin:0px 0px 5px 0px
}

.komentare strong{
	padding: 0px 0px 0px 20px;
	background: url(../img/li.png) left center no-repeat;
}