html, body {
   margin : 0;
   padding : 0; }

body {
   padding: 0px 0; 
   background: url('../img/pozadi_cele.gif') repeat-x #939291;
   width : 100%;
   font : 75% Arial, sans-serif; 
   margin: 0px;
   }

#container {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background: #f3f3f3 url('../img/pozadi_container.gif') no-repeat 0 340px; 
	z-index: 0;
}

/********* top menu ************/
div#top_menu {height: 30px; background: url('../img/top_menu_pozadi.gif') repeat-x; width: 100%;}
div#top_menu div.start { background: url('../img/top_menu_start.gif') no-repeat; width: 50px; height: 30px; float: left;}
div#top_menu div.polozky_menu a {line-height: 30px; color: #cccccc; text-decoration: none; padding: 0 30px 0 30px; margin: 0px; vertical-align: middle; text-transform: uppercase; font-size: 11px;}
div#top_menu div.polozky_menu a:hover, div#top_menu div.polozky_menu a.active  {color: #ffffff;}

/********* header ************/
div#header {
	height: 123px;
	background: url('../img/hlavicka.gif') no-repeat #ffffff;
	margin: 0;
}

div#header_link {
	width: 253px;
	float: left;
	height: 123px;
}

div#header_link a{
	color: #f3f3f3;
	text-decoration: none;
	display: block;
	margin: 102px 0 0 87px;
	font-size: 10px;
	background: url('../img/hlavicka_sipka.gif') no-repeat 147px center;
}

div#header_link a:hover {
	color: #ffffff;
}

div#header_img {
	width: 440px;
	float: left;
	height: 123px;
	background: url('../img/hlavicka_img.jpg') no-repeat;
}

div#header_logo a {
	display: block;
	width: 307px;
	float: left;
	height: 123px;
	background: url('../img/hlavicka_logo.gif') no-repeat;
}

div#header_logo a strong {
	display: none;
}

div.white_line {
	height: 4px;
	background-color: #ffffff;
	font-size: 0px;
	color: #ffffff;
}

/********* left *************/
#left {
float: left;
width: 253px;
margin-left: 0px;
background: url('../img/pozadi_menu.gif') no-repeat #f3f3f3;
}

div#left div#banner {
   position: absolute;
   padding-left: 120px;
   padding-top: 40px;
   cursor: hand;
   cursor: pointer;
}

div#left div#banner span#horni_text{
   color: #44B7F1;  
}


div#left div#banner span#dolni_text{
   color: #89A0AD;
}

#content {
	float: right;
	width: 747px;
	background-color: #ffffff;
}

#content_pruh {
	height: 9px;
	background: #e8e8e8;
	font-size: 0px;
}

/********* jazyky ************/
#jazyk_all {
height: 40px;
background-color: #ffffff;
}

#jazyk_all .sipky{
float: right;
height: 22px;
width: 20px;
background: #DFDFDF url('../img/jazyky_sipky.gif') no-repeat center;}

.jazyk, .jazyk_hidden {
float: right;
background: url('../img/jazyky_pozadi.gif') #DFDFDF repeat-x;
height: 22px;
cursor: pointer; 
white-space:nowrap;
line-height: 22px;
}

.jazyk a, .jazyk_hidden a {
color: #4b4b4b !important;
padding: 0px 3px 0 3px;
text-decoration: none;
}

.jazyk a:hover, .jazyk_hidden a:hover {
font: 100% Arial;
color: #000000 !important;
text-decoration: none;
}

.jazyk img, .jazyk_hidden img {
border: 0; 
background: transparent;
margin-top: 5px;
}

.jazyk_hidden {
display: none;
}

/********** menu *************/

div#menu div.navig {
	margin: 30px 0 0px 0;
}

div#menu ul {
	padding: 0px;
	margin: 0px;
}

div#menu ul li {
	list-style: none;
	aline-height: 30px;
	height: 30px;
	background-position: 50px 50px;
	position: relative;
	z-index: 100;
}

div#menu ul li a {
	display: block;
	width: 253px;
	text-decoration: none;
	color: #4b4b4b;
	line-height: 30px;
}

div#menu ul li a span {
	margin-left: 125px;
	font-size: 11px;
}

div#menu ul li:hover a, div#menu ul li.hover a, div#menu ul li a.aktiv {
	color: #0059a5;
	background: url('../img/pozadi_menu_hover.gif') no-repeat;
}

div#menu ul ul {
	visibility: hidden;
	position: absolute;
	left: 253px;
	top: 0px;
	background-color: #A3A3A3;
	z-index: 100;
	opacity: 0.9;
	filter: alpha(opacity = 90);
	font-size: 11px;
	border-left: 3px solid #FFFFFF;
}

div#menu ul li:hover ul li a, div#menu ul li.hover ul li a{
	padding-left: 15px;
	color: #ffffff;
	width: 200px;
	background: none;
}

div#menu ul li:hover ul li a:hover, div#menu ul li.hover ul li a:hover {
	color: #0059a5;
	background: #ffffff;
}

div#menu ul li:hover ul, div#menu ul li.hover ul {
	visibility: visible;
}


div.prechod {
	margin: 0 3px 0 3px;
	background: #ffffff url('../img/prechod_text.gif') repeat-x;
	padding-bottom: 5px;
}

div.prechod_kratky {
	margin: 0 3px 0 3px;
	background: #ffffff url('../img/prechod_text_kratky.gif') repeat-x;
	padding-bottom: 5px;
}

div.prechod_modry {
	margin: 0 3px 0 3px;
	background: #ffffff url('../img/prechod_text_namodrale.gif') repeat-x;
	padding-bottom: 5px;
}


.nadpis {
	margin: 0 0 0 27px;
	padding: 0 20px 0 20px;
	line-height: 29px;
	background: url('../img/pozadi_nadpis.gif') repeat-x;
	float: left;
	color: #ffffff;
	display: inline;
}

.nadpis h1 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

.nadpis a {
	text-decoration: none;
	color: #ffffff;
}

div.obsah {
	margin: 0 27px 0 27px;
	clear: both;
	text-align: justify;
	color: #4b4b4b;
}

div.obsah {margin: 0 27px 0 27px; clear: both; text-align: justify; color: #4b4b4b;}
div.obsah ul li a.odkaz_uvod{color: #4b4b4b; text-decoration: underline;}


div.obsah_wysiwig {
	padding: 20px;
	background: #ffffff;
}

div#dolnipruh {
	clear: both;
	height: 32px;
	background: url('../img/paticka.gif') repeat-x #ffffff bottom;
}

div.aktuality_nadpis {
	padding: 0 0 15px 0;
	font-weight: bold;
}

div.navigace {
	text-align: right;
}

div.navigace a {
	color: #4b4b4b;
	text-decoration: none;
}

div.navigace a:hover {
	text-decoration: underline;
}

div.obsah div.tinymce
{
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #4b4b4b; /* #CFCFCF; */
    line-height: 1.3em;
    width: 515px;
    margin-left: 65px;
}

div.obsah div.tinymce p
{
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #4b4b4b; /* #CFCFCF; */
    line-height: 1.3em;
}

div.obsah div.tinymce img
{
    margin: 0;
    padding: 0;
}

div.obsah div.tinymce a
{
    font-size: inherit;
}

div.obsah_obrazky {
	padding-top: 20px;
}

div.obsah_obrazky img {
	margin: 0 9px 0 0;
}

div.aktuality_radek {
	line-height: 30px;
	height: 30px;
	padding: 0 20px 0 20px;
	margin: 0 0 2px 0;
	background: url('../img/prechod_aktuality.gif') repeat-y;
}

div.aktuality_radek div {
	float: left;
}

div.obsah_aktuality_seznam {
	padding-top: 5px;
}

div.aktuality_detail {
	padding: 10px 20px 10px 20px;
	margin: 0 0 2px 0;
	background: url('../img/prechod_aktuality.gif') repeat-y;
}

div.aktuality_detail img {
	float: left;
}

div.aktuality_detail_nadpis {
	margin-left: 170px;
}

div.aktuality_detail_popis {
	margin-left: 170px;
	height: 75px;
	overflow: hidden;
}

div.aktuality_detail_popis div.tinymce{
	width: auto;
	margin: 0px;
}

div.spacer {
	height: 30px;
}

div.obsah_ke_stazeni {
	background: #ffffff;
	padding: 2px;
}

div.ke_stazeni_filtr {
	background: url('../img/ke_stazeni_filtr_bg.gif') repeat-x;
	padding: 20px;
	height: 60px;
}

div.ke_stazeni_filtr div.radek{
	float: left;
	width: 320px;
	line-height: 19px;
	margin-bottom: 10px;
}

div.ke_stazeni_filtr div.radek div.nazev{
	float: left;
	width: 120px;
	margin-left: 10px;
}

div.ke_stazeni_filtr div.radek div.input{
	float: left;
	width: 150px;
	background: #ffffff;
	border: 1px solid #BECCD7;
	overflow: hidden;
}

div.ke_stazeni_filtr div.radek div.input div{
	margin-left: 4px;
	white-space: nowrap;
	cursor: pointer;
}

div.ke_stazeni_filtr div.radek div.tlacitko{
	margin-left: 6px;
	float: left;
	width: 20px;
	height: 20px;
	background: url('../img/ke_stazeni_filtr_tlacitko.gif') no-repeat center;
	cursor: pointer;
}

div.ke_stazeni_filtr div.radek div.nabidka {
	position: absolute;
	width: 250px;
	background: #ffffff;
	border: 1px solid #BECCD7;
	border-bottom: 0px;
}

div.nabidka_radek{
	background: #ffffff;
	width: 245px;
	height: 18px;
	border-bottom: solid 1px #beccd7;
	color: #000000;
	padding-left: 5px;
	font-size: 8pt;
	overflow: hidden;
}

div.nabidka_radek_aktivni{
	background: #f3f3f3;
	width: 245px;
	height: 18px;
	border-bottom: solid 1px #beccd7;
	color: #000000;
	padding-left: 5px;
	font-size: 8pt;
	overflow: hidden;
}

div.ke_stazeni_submit {
	background: url('../img/ke_stazeni_submit_bg.gif') repeat-x center;
	height: 35px;
	line-height: 35px; 
}

div.ke_stazeni_submit input {
	background: url('../img/ke_stazeni_tlacitko_bg.gif') repeat-x center;
	border: 0px;
	color: #ffffff;
	padding: 3px 0 3px 0;
	margin: 6px 34px 5px 0;
	_margin: 3px 24px 5px 0;
	float: right;
}

div.ke_stazeni_help {
	background: url('../img/ke_stazeni_help_bg.gif') repeat-x #FAFBFC;
	padding: 20px;
}

div.ke_stazeni_form {
	width: 460px;
	background: url('../img/online_formular_bg.gif') repeat-x #FAFBFC;
	margin: 20px 0 0 90px;
	padding: 20px 0 0 0;
	border: 1px solid #DDE5EA;
}

div.ke_stazeni_form div.o_form_radek {
	width: 420px;
	margin: 0 0 0 20px;
}

div.cleaner {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

div.ke_stazeni_form div.o_form_popis {
	width: 135px;
	float: left;
	height: 25px;
	text-align: right;
	padding-top: 5px;
}

div.ke_stazeni_form div.o_form_telo_lbok {
	width: 20px;
	float: left;
}

div.ke_stazeni_form div.o_form_telo_pbok {
	width: 5px;
	float: left;
}

div.ke_stazeni_form div.o_form_vyp_telo {
	height: 25px;
	width: 250px;
	float: left;
}

div.ke_stazeni_form div.o_form_vyp_telo_area {
	width: 250px;
	float: left;
}

div.ke_stazeni_form div.o_form_tlac {
	float: right;
}

div.ke_stazeni_form div.o_form_tlac input {
	background: url('../img/ke_stazeni_tlacitko_bg.gif') repeat-x center;
	border: 0px;
	color: #ffffff;
	padding: 3px 5px 3px 5px;
	margin: 6px 16px 5px 0;
	_margin: 3px 16px 5px 0;
	float: right;
}

div.ke_stazeni_form div.o_form_vyp_telo input, div.ke_stazeni_form div.o_form_vyp_telo_area textarea {
	border: 1px solid #B8C8D3;
}

div.dokumenty {
	background: url('../img/dokumenty_bg.gif') repeat-x;
	padding: 1px 20px 20px 20px;
}

div.dokumenty div.box_dokumenty {
	margin-top: 30px;
}

div.dokumenty div.radek_vypis_dokumentu {
	height: 30px;
}

div.dokumenty div.popis_dokumentu_skupina {
	color: #0074c5;
	font-weight: bold;
	float: left;
	padding: 0 5px 3px 0;
	text-transform: uppercase;
	border-bottom: 2px solid #f3f3f3;
}

div.dokumenty div.popis_materialy {
	margin: 7px 0 2px 60px;
	clear: both;
}

div.dokumenty div.popis_soubory_container {
	margin: 1px 0 1px 100px;
	clear: both;
}

div.dokumenty div.popis_soubory_container a {
	text-decoration: none;
	color: #000000;
}

div.dokumenty div.popis_soubory_container div.ikona_dokumentu{float: left; padding: 5px 0px 0px 0px; margin-right: 10px;}
div.dokumenty div.popis_soubory_container div.ikona_dokumentu_stazeni{float: left; padding: 7px 0px 0px 0px; margin: 0 3px 0 32px; display: inline;}
div.dokumenty div.popis_soubory_container div.popis_soubory{float: left; padding: 8px 0px 0px 0px;}

div.soubory_zobraz {
	float: left;
	width:10px;
	cursor:pointer;
	font-size: 7pt;
}

div.soubory_cisla{
	padding-top: 3px;
	float: left;
	font-size: 7pt;
	margin-left: 5px;
	margin-right: 5px;
}

div.soubory_zobraz{
	float: left;
	width:10px;
	cursor:pointer;
	font-size: 7pt;
}

div.soubory_cisla{
	padding-top: 3px;
	float: left;
	font-size: 7pt;
	margin-left: 5px;
	margin-right: 5px;
}

div.zobrazeni_souboru{
	margin: 0 20px 7px 550px; 
}


/********* O spolecnosti - nas tym ***********/
div.nas_team_kontakt {
	width: 290px;
	float: left;
	margin: 0 0 20px 10px;
	text-align: left;
}

div.nas_team_kontakt div.nas_team_fotka {
	float: left;
	width: 95px;
}

div.nas_team_kontakt div.nas_team_text {
	margin-left: 95px;
}

div.nas_team_kontakt a {
	color: #0059a5;
	text-decoration: none;
}

div.vypis_produkt_text_1, div.vypis_produkt_text_2, div.vypis_produkt_text_aktivni,
div.vypis_produkt_text_vyhledavani_1, div.vypis_produkt_text_vyhledavani_2, div.vypis_produkt_text_vyhledavani_aktivni
{
	background: url('../img/prechod_aktuality.gif') repeat-y;
	margin: 0 0 2px 0;
	padding: 20px;
}

div.vypis_produkt_text_obrazek {
	float: left;
}

div.vypis_produkt_argumenty {
	float: right;
}

div.vypis_produkt_text_nadpis {
	margin: 10px 0 0 170px;
}

div.vypis_produkt_text_nadpis h2{
	margin: 0;
	font-size: 14px;
}

div.vypis_produkt_argumenty img {
	margin-right: 5px;
}

div.vypis_produkt_text_popis {
	margin: 5px 0 0 170px;
	height: 75px;
	_height: 80px;
	overflow: hidden;
}

div.vypis_produkt_text_popis div.tinymce{
	width: auto;
	margin: 0px;
}

div.vypis_produkt_patka {
	clear: both;
	text-align: right;
}

div.vypis_produkt_patka a {
	color: #4B4B4B;
	text-decoration: none;
}

div.vypis_produkt_patka a:hover {
	color: #0059a5;
}

div.obsah_produkt {
	background-color: #ffffff;
	padding-top: 20px;
}

div.obsah_produkt div.detail_skupiny_text {
	min-height: 158px;
	overflow: hidden;
	padding-left: 20px;
}

div.vypis_skupiny_vice, div.vypis_skupiny_mene {
	text-align: right;
	padding: 0 20px 0 0;
}

div.vypis_skupiny_patka {
	padding: 5px 0 10px 20px;
}

div.vypis_skupiny_patka a {
	color: #4b4b4b;
	text-decoration: none;
}

div.detail_navigace {background: #F8F8F8; margin: 0px 3px 2px 3px;}
div.detail_navigace div.detail_navigace_obsah {padding: 8px 27px; color: #9D9D9D}
div.detail_navigace div.detail_navigace_obsah  a {color: #9D9D9D; text-decoration: none;}
div.detail_navigace div.detail_navigace_obsah span.active {color: #4b4b4b;}

div.nadpis_pasive {
	background-image: url('../img/pozadi_nadpis_pasive.gif');
}


/********** tooltip u obrazku **********/
.img_tooltip
{
    position: absolute;
    background-color: #888888;
    background-repeat: repeat-x;
    border:1px solid #A9A8A8;
    color: white;
    padding: 5px 10px 5px 10px;
    z-index: 100;
    top: 1000px;
    left: 1000px;
    white-space: nowrap;
}

div.detail_kontakt div.radek_kontakt {
	clear: both;
}

div.detail_kontakt div.kontakt_leva {
	float: left;
	width: 230px;
}

div.detail_kontakt div.kontakt_prava {
	float: left;
}

div.detail_kontakt div.kontakt_obrazky {
	clear: both;
	height: 200px;
	margin-top: 40px;
}

div.detail_kontakt div.obr_kontakt {
	float: left;
	margin-right: 3px;
}

div.obsah ul.mapa_webu li {
	padding: 3px;
}

div.obsah ul.mapa_webu li a {
	 color: #4b4b4b;
	 text-decoration: none;
}

div.obsah ul.mapa_webu li a:hover {
	 color: #0059a5;
	 text-decoration: underline;
}


/************* hledani **************/
div#hledani {
	float: right;
	height: 30px;
	width: 295px;
	color: #CCCCCC;
}

div#hledani div.hledani_text {
	float: left;
	width: 95px;
	line-height: 30px;
	height: 30px;
	font-size: 11px;
}

div#hledani div.hledani_input_obal {
	float: left;
	background: url('../img/vyhledavac_label.png') center no-repeat;
	height: 30px;
	width: 146px;
}

div#hledani div.hledani_input_obal input {
	border: 0px;	
	margin: 8px 0 0 3px;
	width: 138px;
	height: 12px;
	font-size: 10px;
}

div#hledani div.hledani_tlacitko_obal{
	float: left;
}

div#hledani div.hledani_tlacitko_obal input{
	background: url('../img/vyhledavac_sipka.png');
	border: 0px;
	width: 20px;
	height: 20px;
	margin: 5px 0 0 17px;
}

