* {padding: 0px; margin: 0px;}

body{
  background:url(../img/bg.png) top repeat-x #F4F4F4;
  margin:0;
  padding:0;
  text-align:center;
  color: #0000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 83%;
  overflow-x: hidden;
  overflow-y: auto;
}

h1 {
  font-size:150%;
  padding-bottom:10px;
  font-weight:normal;
  color: #004F9D
}

h2 {
  font-size:120%;
  padding-bottom:5px;
  color: #004F9D;
  
}

h3, h4, h5, h6 {
  font-size:110%;
  padding-bottom:10px;
  color: #000
}

p{padding-bottom:10px; }

a{ text-decoration: underline; color: #000;}

a:hover{ text-decoration: underline; color: #C00}
img{ border:none}

/* !!!!!!!!!! layout !!!!!!!!!! */
#obal{
	width:1010px;
	margin:0 auto
}

#hlavicka{
	width: 1010px;
	height:84px;
	margin: 0 auto;
	clear:both;
	background:url(../img/telefon.png) top right no-repeat
}

#logo{
   width:235px;
   height:75px;
   float:left;
}

#menu{
	width: 1010px;
	height:46px;
	margin: 0 auto;
	clear:both;
}

#animace{
	width: 1000px;
	height:305px;
	padding:5px;
	background-color:#FFF;
	margin: 0 auto;
	clear:both;
	border:1px solid #000
}

#obsah{
	width: 1010px;
	margin: 10px auto 0px auto;
	clear:both;
}

#levy-box {
	width:260px;
	float:left
}

#pravy-box{
	width:700px;
	float:right;
	color:#000;
	margin-right:0px;
    padding: 10px 15px;
	text-align: left;
	background-color:#FFF;
	border: solid 1px #ccc;
	min-height:365px;
	_height:365px
}

#obal-patice {
	width:100%;
	padding:0px;
	background-color:#c7c7c7;
	border-bottom: 10px solid #333
}


/* !!!!!!!!!! navigace !!!!!!!!!!!!! */

#menu ul {
   width: 760px;
   height:46px;
   float: right;
   margin: 0 0 10px 0; 
   padding: 0;
   list-style-type: none;
}

#menu ul li {
   width: 190px;
   height:46px;
   float: left;
   text-align:center;
   background:url(../img/bg-top-menu-li.png) center right no-repeat;
}

#menu ul li a {
   display: block;
   padding: 15px 0px 0px 0px;
   height:31px;
   width:190px;
   text-decoration: none;
   color: #000;
}

#menu ul li.aktivni a, #menu ul li.aktivni a:hover {
   background:url(../img/bg-top-menu.png) top center no-repeat transparent;
   color:#FFF;
} 

#menu ul li a:hover {
   background:url(../img/bg-top-menu.png) bottom center no-repeat transparent;
}

#leve-menu {width: 260px;}

#leve-menu ul{
   margin: 0px; 
   padding: 0px 0px 10px 0px;
   list-style-type: none;
}

#leve-menu ul li{margin-bottom:5px;}
	
#leve-menu ul li a{
	display: block;
	width: 230px;
	line-height:36px;
	padding-left: 30px;
	color: #000;
	text-align: left;
	text-decoration: none;
	background:url(../img/bg-leve-menu.png) top left no-repeat;
	border:1px solid #CCC;
	font-size:105%
}

#leve-menu ul li a:hover,  #leve-menu ul li.aktivni a{
	background:url(../img/bg-leve-menu.png) bottom left no-repeat; 
	color:#fff}

#leve-menu ul li ul {
   margin: 0px;
   padding:0px;
}

#leve-menu ul li ul li{
   margin: 0px;
}

#leve-menu ul li ul li a:link, #leve-menu ul li ul li a:visited {
	display: block;
	width: 214px;
	padding: 0px;
	padding-left:45px;
	line-height: 24px;
	color: #000;
	text-align: left;
	text-decoration: none;
	border:none;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size:12px;
	margin:0px;
	background:url(../img/bg-podmenu.png) bottom left no-repeat;
}
#leve-menu ul li ul li a:hover{
	background:url(../img/bg-podmenu.png) top left no-repeat;
	color:#000;	
}

#leve-menu ul li ul li.aktivni a:link, #leve-menu ul li ul li.aktivni a:visited {	
	background:url(../img/bg-podmenu.png) top left no-repeat;
	color: #000;
}	

#pravy-box p.akce{
	color: #333
}

#pravy-box ul{
	padding:0px 0px 15px 20px
}

#pravy-box ul li{
	margin-top:5px;
	list-style: square outside url("../img/li.png") 
}

#pravy-box ul li ul {
	padding:5px 0px 0px 20px
}

#pravy-box ul li ul li{
	list-style: none;
	list-style-type:disc;
	margin-top:3px;
}

#pravy-box ol{
	padding:0px 0px 15px 20px
}

#pravy-box ol li{
	padding-top:3px;
	list-style:upper-alpha
}

.detail {
	padding:10px 0px;
}
 
.detail img{
	border: 1px solid #000;
	padding:4px;
	background-color: #EBEBEB;
	margin: 0px 10px 10px 0px;
	float:left
}

.soubory p span {
	font-size:85%;
	margin-left:10px
}

.levy-kontakt {
	width:60%;
	float:left;
	padding:0px;
}

.pravy-kontakt {
	width:40%;
	float: right;
	padding:0px;
}

/* !!!!!!!!!! AKTUALITY REFERENCE !!!!!!!!!! */
.aktuality {
	width:100%;
	padding:0px;
	clear:both
}
 
.aktuality p{
	line-height: normal; 
	padding-bottom:20px
}

.aktuality strong{ 	
    padding:1px;
	color:#FFF;
	background-color: #999;
	font-size:85%;
	color:#fff
} 

.aktuality h2{
	margin:0px;
	padding:4px 0px 4px 0px;
	font-weight:normal;
	font-size:105%
}

.aktuality h2 a{
	margin:0px;
	padding:0px 10px 0px 0px;
	background:url(../img/link.gif) right center no-repeat
}

.reference {
	width:100%;
	padding:15px 0px 0px 0px;
	min-height: 80px;
	_height: 80px;
	border-bottom: 1px #CCC dashed
}

.reference img{
	float:left;
	background-color: #fff;
	padding:2px;
	border: 1px solid #ccc;
	margin:0px 10px 0px 0px;
}
 
.reference p{
	line-height: normal;
}
 
.reference h2{
	padding-bottom:4px;
	font-weight:normal;
}

.reference h2 a{
	margin:0px;
	padding:0px 10px 0px 0px;
	background:url(../img/link.gif) right center no-repeat
}

.strankovani { padding-top:15px}
.strankovani .aktivni {color: #C00; background-color:#E4E4E4}
.strankovani a, .strankovani .aktivni{border:1px solid #CCCCCC;padding:1px 5px;text-decoration:none;}
.strankovani a:hover{ color:#c00}

/* !!!!!!!!!! blok tisk !!!!!!!!!! */
#tisk{
	width:990px;
	line-height:30px;
	text-align: right;
	clear:both;
	font-size:11px;
	padding-right:20px
}

#tisk a{ color:#330000;}

.clear{ clear:both}

.link{
	margin:0px;
	padding:0px 11px 0px 0px;
	background:url(../img/link.gif) right center no-repeat
}

/* !!!!!!!!!! patice !!!!!!!!!! */

#patice {
   width:1010px;
   height:100px;
   border-top:none;
   color: #333;
   font-size:85%;
   text-align:right;
   margin:0 auto 0px auto;
}

#patice p{ padding: 10px 15px 10px 0px;}
#patice a{ color:#333}


/* !!!!!!!!!! informacní a chybové hlášky  !!!!!!!!!! */

.form_ok { background-color:#ccc;  }
.form_chyba { background-color:#ccc;  }
.form_ok p, .form_chyba p { text-align: justify; padding: 10px 5px 10px 5px;color:#000}
.cele { width: 100%; }
.textarea-cele { width: 100%; height: 210px; }
.pravy { text-align: right; padding-top: 5px; }
.skryte { display: none; }

#map{ width:350px; height:220px}

/* !!!!!!!!!! úprava levého menu  !!!!!!!!!! */

#leve-menu li h2 { font-size: 14px; font-weight: normal; margin: 0; padding: 0; }
#leve-menu li li h3 { font-size: 10px; font-weight: normal; margin: 0; padding: 0; }