/* 
	Description: CSS template for esel. This template contains all styling.
	Author: Martin Louzecky, www.louzecky.cz
	Version: 1.0.0
*/

/* TEST package 
  body div { border: 1px solid;}
*/

* {
	font-family: tahoma, arial, verdana;
	line-height: 15px;
	font-size: 11px;
}
html, body {
	margin:0; 
	padding:0; 
	background-color:#FFFFFF;	
}
h1, h2, h3, h4, p, form {	
	margin:0; 
	padding:0;
} 
img {
	border:0; 
}
del, .hidden{
	display:none;
}
.clear {
	clear: both;
}

#main {
	width: 907px; 
	margin:0 auto; 
	padding:0;
	background: url(textura.gif) left top repeat-y; 
}
#top {
	width: 907px; 
	height: 110px;
	background: url(header.gif) right top no-repeat; 
	margin:0;
	padding:0;
}
#top h1 {
	width: 189px; 
	height: 102px;
	margin:0 0 0 37px;
	background: url(logo.gif) right bottom no-repeat;
}
#top h2 {
	position:absolute;
	top:40px;
	width: 129px; 
	height: 52px;
	padding:0;
	margin:0 0 0 685px;
}
#top h1 span, #top h2 span {
	display:none;
}
.top-link   { 
	position: absolute; 
	top: 30px; 
	margin: 0;
	width: 190px; 
	height:65px; 
	display:block; 
}
.top-link2   { 
	position: absolute; 
	top: 0; 
	margin: 0;
	width: 124px; 
	height:50px; 
	display:block; 
}
#top p {
	position:absolute;
	top:94px;
	width: 173px; 
	text-align:center;
	font-weight:bold;
	color:#384B52;
	padding:0;
	margin:0 0 0 45px;
}


#bottom {
	width: 907px; 
	height: 42px;
	margin:0;
	padding:0 0 20px 0;
	background:  #fff url(bottom.gif) left top no-repeat; 
}
#bottom p {
	padding: 7px 0 0 0px;
	margin:0 0 0 9px;	
	width:245px;
	text-align: center;
	font-size: 11px;
	color: #003466;
}
#bottom p a, #bottom p a:visited {
	color: #003466;
	text-decoration:underline
}
#bottom p a:hover, #bottom p a:active {
	color: #003466;
	text-decoration:none
}


#hlavni {
	padding:0; 
	margin:5px 0 0 17px;
	width: 600px; 
	float:left;
}

#left {
	float:left;
	margin:0; 
	padding:0 0 0 19px;
	width: 226px; 
}
#left-stin {
	padding:0; 
	margin:0;
	width: 226px;
	background: url(textura-menu.jpg) right top repeat-y; 
}
.stin-bottom {
	padding:0; 
	margin:0;
	width: 226px;
	background: url(textura-menu-bottom.jpg) right bottom no-repeat; 
}
#aktuality {
	padding:0; 
	margin:0 0 30px 32px;
	width: 163px; 
}
#levy-obsah {
	padding:0; 
	margin:0 0 100px 32px;
	width: 163px; 
}


/* formatovani ------------------------------------------------------------------- */

a, a:visited {
	color: #003466;
	text-decoration:underline
}
a:hover{
	color: #003466;
	text-decoration:none
}
#hlavni p {
	padding:0; 
	margin:0 0 0.7em 0;
}
#hlavni h1 {
	padding: 4px 10px 4px 10px;
	font-size: 15px;
	height: 16px;
	font-weight:bold;
	color: #003466;
	background: #D2D6D9 url(h1.gif) left top no-repeat; 
}
#hlavni h2 {
	padding:0; 
	margin:1.2em 0 0.7em 0;
	font-size: 1.3em;
	color: #D2D6D9;
}
#hlavni h3 {
	padding:0; 
	margin:1.7em 0 0.7em 0;
	font-size: 1.1em;
	color: #394C5E;
}



/* menu ------------------------------------------------------------------- */


#menu {
	padding:24px 0 0 0; 
	margin:0 0 0 17px;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#menu ul li {
	margin:0;
	padding:0;
	list-style-type: none;
}
#menu ul li a, #menu ul li a:visited {
	background-color: #D2D6D9;
	color: #5C6063;	
	margin:0;
	padding:0;
	width: 182px;
	display: block;	
	text-align:center;
	padding:5px;
	margin: 2px 0 0 0;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
#menu ul li a:hover {
	background-color: #384B52;
	color: white;
}

/* formulare --------------------------------- */

.button {
	background-color: #D2D6D9;
	border: 1px solid #83868B;
	color: #83868B;
	font-weight:bold;
	font-size: 11px;
	margin:0;
	padding:1px;
	=padding:0px;
}
.form, select, textarea {
	background-color: white;
	border: 1px solid #83868B;
	color: black;
	text-align:left;
	padding:2px;
	font-weight:normal;
	font-size: 11px;
	font-family:tahoma, arial, verdana, Arial, lucida, sans-serif; 
}

#search {
	text-align:center;
	margin: 20px 0 20px 0;
}
#search .form {
	width: 110px;	
}

div.kontakt b { color : #003466; }