* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}
body {
	font: 83% Tahoma, Verdana, Arial, lucida, sans-serif;
	background: #5D97D1 url(../img/bgr.giff) fixed;
	color: #000;
	text-align: center;
	line-height: 1.5;
}

#main {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	height: 100%;
	position: relative;
	background: #e2ebf2 url("../img/main_bgr.gif") left bottom no-repeat; 
}
body>#main {
 	height: auto;
 }
 #head {
 	color: #fff;
	background: #e2ebf2 url("../img/hlavicka.gif") 0px 0px no-repeat; 
	height: 150px;
 }
 
 #text {
	background : #E2EBF2;
  padding-bottom: 20px;
}

#odsazeni {
	height: 24px;
	background: transparent;
}
 #footer {
	width: 980px;
	height: 50px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background: transparent url("../img/paticka.gif") bottom left no-repeat; 
}

#left {
	margin: 0px;	
	padding: 0; 
	float: left; 
	width: 240px;  
	padding-bottom: 20px;
	}
	
#center {
	margin: 0px; 
	padding: 0px;  
	width: 490px ; 
	float: left;  
	text-align: justify;
	padding-bottom: 20px; 
	}

	#right {
  float: right;
  width: 240px;
  padding-bottom: 20px;
  }
		
#slovnik {
	background : #E2EBF2;
	height: auto;
	padding: 20px; 
}
	
.cleaner {
	clear:both; 
	height:1px; 
	font-size:1px; 
	border:none; 
	margin:0; 
	padding:0;	
	}

/* --------- prvky ---------- */

h1 {
	margin: 0em 0px 1em 0px;
	color: #316BA5; 
	font-size: 1.8em; 
	font-weight: normal;
	text-align: left;  
	}
	
	h2 {
	color: #151E42; 
	margin: 0em 0px 1em 0px;
	font-size:1.5em; 
	font-weight: normal;
	text-align: left;  
	}
	
h3 {
	color: #316BA5; 
	margin: 0em 0px 1em 0px;
	font-size:1em; 
	font-weight: bold;
	text-align: left;  
	}



p, address, form, table { 
	margin: 0em 0px 1em 0px;
	text-align: left;
	color: #001427;
	font-style: normal;
	}

table { 
		margin: 0em 20px 1em 0px;
	text-align: left; 
	}

td {
	vertical-align: top;
}

a { 
	color: #F07500; 
	text-decoration: underline; 
	font-weight: bold;
	}

a:hover {
	color: #FFAE00;
	} 

img {
	border-width: 0px; 
	margin: 0px;
	}


.levacek {float: left;}
.pravacek {float: right;}

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

fieldset	{ 
	position: relative; 
	padding: 1em;	
	background: #EBF1F6;
	border: 1px solid #D9E3ED;
	}

legend {
	color: #2E435E;
	font-size: 1.2em;
	color: #9E4D00;
}

input, select, textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	margin: 0px 0px 10px 0px;
	border: 1px solid #CECCC7;
	color: #2E435E;
	padding: 0.2em;
	background: #fff url('../img/bgr_input.jpg') top left no-repeat;
}

.filtr input, .filtr select {
	margin: 0px;
}


.cudl {
	background: #122C44 url('../img/bgr_cudl.gif') top left;
	border: 1px solid #ffffff;
	color: #ffffff;
	padding: 0.5em;
	margin: 10px;
}

label {	color: #345576;}
.kratky label, label.kratky	{
	float: left;
	width: 125px;
}

form span {
	margin: 0em 0.5em 0em 0em;
}

.mezera {
	clear: both;
	padding-top: 0.75em;
}

form .siroke label {
	width: auto;
}
.plovacek {
	line-height: 2em;
	display: block;
	float: left;
	margin: 0em 0.5em 0em 0em;
	
}
.plovacek input {
	margin: 0px 4px 0px 0px;
	border: 0px;
	background: none;
}

.plovacek div {
float: left;
}

.poznamka {
	color: #75828E;
}
/* ------------ hlavicka ------------------- */

 #head .vrsek {
 	color: #fff;
	background: transparent url("../img/hlavicka_vrsek.gif") no-repeat; 
	height: 10px;
	width: 780px;
	position: relative;
	top: 10px;
 }
 
#head h2 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	text-indent: 1em;
	line-height: 3em;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	background: #E2EBF2 url("../img/hlavicka.gif") 0px 0px no-repeat; 
	width: 240px;
	height: 100px;	
	}		
	
#logo span {
	display: block;
	width: 240px;
	height: 100px;
	background: transparent url("../img/hlavicka.gif") 0px 0px no-repeat; 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	cursor: hand;
}
#head .jazyky {
	position: absolute;
	top: 112px;
	right: 10px;
	z-index: 11;
}
#head #flash {
	position: absolute;
	top: 20px;
	right: 10px;
	width: 520px;
	height: 130px;
}

/* -- horni menu -- */ 
#navigace {
    width: 980px;
    height: 24px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 110px;
    background: #e2ebf2 url("../img/menu_hor_bgr.gif") 0 0 repeat-x;
    z-index: 10;
}

#navigace li {
    margin: 0 0 0 0px;
    padding: 0px;
    float: left;
    list-style: none;
    background: #e2ebf2 url("../img/menu_hor.gif") 0 0 no-repeat;
    position: relative;
    line-height: normal;
}

#navigace li a {
    line-height: 24px;
    display: block;
    color: #0A3056; 
    text-decoration: none;
    padding: 0 10px 0 25px;
    margin-left: 0px;
    font-weight: normal;
    
}

#navigace li .aktivni, #navigace li a:hover, #navigace li:hover{
    background: #e2ebf2 url("../img/menu_hor.gif") 0 -24px no-repeat;
   	color: #0A3056; 
}

#navigace li.first {
    margin-left: 10px;
    }

#navigace li ul {
    width: 200px;
    margin: 0;
    padding-bottom: 5px;
    position: absolute;
    top: 40px;
    left: 0px;
    background: #111 url("../images/submenu_bg.giff") 0 bottom repeat-x;
    display: none;
}

#navigace li:hover ul {
    display: block;
}

#navigace li ul li {
    padding: 0px;
    float: none;
    background: url("../img/menu_sub.jpg") 0px -50px;   
    text-align: left;
}

#navigace li ul li a {
    width: 200px;
    padding: 7px 0px 7px 0px;
    text-indent: 30px;
    line-height: normal;
    font-size: 13px;
    font-weight: normal;
    float: none;
    background: url("../img/hr.gif") 0 bottom repeat-x !important;
}

#navigace li ul li:hover {
    background: url("../img/menu_sub.jpg") 0px 0px;   
}



/* --------- left ---------- */

.l-zahlavi {
	width: 240px; 
	height: 30px;
	display: block; 
	background: #0a3056 url('../img/l_zahlavi.gif') 0px -5px; 
	color: #E2EBF2;
	line-height: 30px; 
	text-indent: 40px;
	font-weight: bold; 
	text-align: left; 
	}




#menu {
	margin: 0px 0px 10px;
	padding: 0px 0px 12px 0px;
	width: 240px;
	background : #E2EBF2 url('../img/m_spodek.gif') no-repeat bottom left;
}

#menu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu li a {
	margin: 0px; 
	text-decoration: none; 
	font-weight: normal; 
	padding-top: 2px; 
	display: block; 
	height: 22px; 
	text-align: left; 
	background: url("../img/menu.gif") 0 0 no-repeat; 
	color: #0A3056; 
	text-indent: 40px; 
	}
	
#menu li a:hover, #menu li .aktivni {
	background-position: 0px -24px; 
	color: #341700;
	text-decoration: none;
	font-weight: normal;
	}


.l-clanek  p, .l-clanek  address, .l-clanek  h3, .l-clanek table {
	margin: 5px 20px 0px 20px;
	padding-bottom: 5px;
	color: #0A3056;
	line-height: 1.25em;
	font-size: 0.9em;
}
.l-clanek  table {
	margin-top: -5px;
	}


.l-clanek {
	background: url("../img/l_clanek_bgr.gif");
	}

.cervena {
	color: red;
}
/* --------- center ---------- */


#pseznam {
	height: 30px;
	overflow: hidden;
	display: inline;
	padding: 0px;
	text-align: left;
}

#pseznam li {
	list-style: none;
	display: inline;
}
	
#pseznam li a {
	color: #341700;
	padding: 0px 20px;
	background : url(../img/zahlavi_odkaz_1.gif) no-repeat -5px -17px;
}


#pseznam li a:hover  {
 color: #6C4A00;
 	}

.p-clanek {
	background: #f1f5f9 url("../img/clanek.gif");
	margin: 0px;
	padding: 10px 10px 30px 20px;
}
	
.podrobnosti {
	text-align: right;
}
.nahled {
	border : 1px solid #151E42;
	margin: 5px 4px	;
}


.obr-l {
	float: left; 
		margin: 2px 20px 10px 20px; 
		}
		

.obr-r {
	float: right; 
		margin: 2px 20px 10px 20px; 
		}

ul,  ol { 
	margin: 0em 30px 2em 0px; 
	text-align: left;
	color: #001427;
	list-style: none;
	overflow: auto;
	}


li {
  padding-left: 20px;
  background: transparent url("../img/sipka_oranzova.gif") no-repeat 0px 2px;
  margin-bottom: 7px;
  line-height: 1.2em;
  }
  
.p-clanek li ul {
  margin: 0.5em 30px 0.5em 40px; 
  }

.p-clanek .ksichtik li {
  background: url("../img/odrazka_ksichtik.gif") no-repeat 0px 2px;
  padding-left: 25px;
}

ol li {
	list-style: decimal;
	list-style-image: none;
 	}

img.levacek  {
	margin: 10px 10px 10px 40px;
}
.onestop  {
  background: transparent url("../img/sipka_onestop.gif") no-repeat 0px 2px;
  text-indent: 50px;
}

.na-stred {
	text-align: center;
}

.vysv {
	border-bottom: 1px dashed #F07500;
	cursor: help;
	text-decoration: none;
	font-weight: normal;
}

.paletka {
  float: left;
  width: 140px;
  margin: 0px 10px 10px 3px;
  background: #b4dcfb;
  
}

.paletka h2 {
  display: block;
  background: #ffac00 url('../img/paletka_h2.jpg') no-repeat top left;
  color: #714c28;
  font-size: 0.9em;
  padding: 5px;
  margin: 0px;  
}

.paletka p {
  display: block;
  background: #fff;
  color: #49555f;
  font-size: 0.85em;
  padding: 5px;
  padding-bottom: 15px;
  margin: 0px;  
  background : #f1f5f9 url('../img/paletka_p.jpg') no-repeat bottom left;
}

.paletka a {
  text-decoration: none;
  font-weight: normal;
}

.paletka a:hover p, .paletka a:hover h2 {
  color: #000000 !important;
}
/* --------- formulare ---------- */

	
.cudl {
font-size: 1.2em;
	font-family: Verdana, Arial, Courier, sans-serif;
	font-weight : normal;
	color : #F6F1DE;
	background: #373520;}
	
/* ---------- paticka -----------*/

#footer div {
	height: 30px;
	text-align: right;
	margin: 10px;
	color: #7B97AD;
}

#footer div a {
	color: #456176;
}