/* pomocne */

.obtekat_vpravo {
  display: block;
  float: left;
}

.obtekat_vlevo {
  display: block;
  float: right;
}

img.obtekat_vlevo {
  margin: 0 40px 0 0;
}

.skryty_text {
  font-size: 0px !important;
  padding: 0;
  margin: 0;
  border: none;
  line-height: 0;
  letter-spacing: -99999px !important; 
  text-decoration: none !important;
  overflow: hidden !important; 
  text-indent: -9999px !important;  
  visibility: hidden;
}

ul.skryty_seznam { margin:0; list-style: none; display: none; }


span.cistic{
	width: auto;
  display: block;
	clear: both;
	border:none;
	padding: 0;
}

a:hover { text-decoration: none; }

p.chyba { font-size: 0.8em; color: #F36C6D; font-weight: bold; }
p.ok { font-size: 0.74em; color: #C1C1C3; font-weight: bold; }
p.ok span { color: #6D8BE4; }
#popUp{display:none;}

/* dokument */

body {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #000;
	background: #000 url(../images/bg_body.gif) repeat-y center top;
	font-family: arial, "lucida console", sans-serif;
  font-size:1em;
}

#page {  
  display: block;
  float: none;
  margin: 0px auto 0 auto;
  width: 986px;
  height: auto;      
  padding: 0;
}

/* spolecne vlastnosti */

#banner, #menu, #middle, #bottom, #destiny, #partneri_bottom, #produkty
{
  display: block;
  float: none;
  width: 986px;
  height: auto;
  text-align: left;
  margin: 0; padding: 0;
}

#menu { 
  height: 38px;
  background: #E7E3E2 url(../images/menu_bg.jpg) 0 0 repeat-x;
}
#menu ul {
  list-style: none; 
  /*margin:  0 0 0 185px;*/ 
  margin: 0; padding: 0;
}
#menu ul li{
  /*margin: 0 0 0 9px;*/
  margin: 0 0 0 30px;
  display: block;
  float: left;
  width: auto;
  height: 38px;
  
}
#menu ul li a {
  font-size: 0.8em;
  font-weight: bold;
  color: #454343;
  text-decoration: none;
  display: block;
  padding: 12px 7px 0 17px;
  background: url(../images/menu_sipka.gif) 6px 16px no-repeat;
} 
#menu ul li a:hover {
  color: #79BB0A;
}
#menu ul li.selected { background: url(../images/menu_bg_selected.jpg) 0 0 repeat-x; }
#menu ul li.selected a {
  background: url(../images/menu_sipka_selected.gif) 6px 16px no-repeat;
  color: #79BB0A;
}

#banner {
  height: 258px;
  background: #312F30 url(../images/banner_bg.jpg) 0 0 no-repeat;
  position: relative;
}
#banner .topmenu {
  display: block;
  float: right;
  width: 650px;
  height: 38px;
  clear: both;
}
#banner .topmenu ul {
  list-style: none; 
  margin: 5px 25px 0 0; 
}
#banner .topmenu ul li{
  padding: 0 0 0 28px;
  display: block;
  float: right;
  width: auto;
  height: 17px;
}
#banner .topmenu ul li a {
  font-size: 0.74em;
  font-weight: bold;
  color: #454343;
} 
#banner .topmenu ul li.home { background: url(../images/icon_home.gif) 12px 4px no-repeat; }
#banner .topmenu ul li.sitemap { background: url(../images/icon_sitemap.gif) 12px 4px no-repeat; }
#banner .topmenu ul li.contact { background: url(../images/icon_contact.gif) 12px 4px no-repeat; }
#banner .topmenu ul li.cz { background: url(../images/icon_cz.gif) 3px 5px no-repeat; }
#banner .topmenu ul li.en { background: url(../images/icon_en.gif) 3px 5px no-repeat; }

#banner a.logo {
  display: block;
  float: left;
  width: 200px;
  height: 110px;
  margin: 0 0 0 30px;
}

#banner .klientska_sekce { 
  display: block;
  float: right;
  width: 165px;
  height: 80px;
  margin: 105px 0px 0 0;
}
#banner .snizena { margin-top: 100px; }
#banner .klientska_sekce input.login {
  width: 94px;
  height: 20px;
  background: url(../images/login_input.gif) 0 0 no-repeat;
  border: none;
  color: #fff;
}
#banner .klientska_sekce input.submit {
  display: block;
  float: right;
  background: url(../images/sipka_bila.gif) 10px 9px no-repeat;
  border: none;
  font-weight: bold;
  color: #000;
  font-size: 13px;
  cursor: pointer;
  margin: 0 0px 0 0;
  width: 95px;
  height: 28px;
  padding-right: 8px;  
  text-align: right;
  /*background: lightblue;*/
  padding-bottom: 3px;
}
#banner .klientska_sekce label {
  color: #161C01;
  font-size: 12px;
  display: block;
  float: left;
  width: 45px;
  height: 25px;
  text-align: left;
}
#banner .klientska_sekce p { 
  display: block; 
  height: 30px; 
  width: 150px; 
  margin: 0; 
}
#banner .klientska_sekce p.vpravo { margin-top: 10px; margin-bottom: -5px; }

#banner .klientska_sekce a {
  font-weight: bold;
  color: #000;
  font-size: 13px;
  text-decoration: none;
}
#banner .klientska_sekce a.klient_button {
  display: block;
  float: none;
  width: 134px;
  height: 22px;
  background: url(../images/klient_button.gif) 0 0 no-repeat;
  padding: 5px 0 0 8px;
  margin:  0 0 9px 0;
}
#banner .klientska_sekce a.odhlasit { 
  display: block;
  float: right;
  background: url(../images/sipka_bila.gif) 6px 12px no-repeat; 
  width: 79px;
  height: 21px;
  padding-right: 8px;  
  text-align: right;
  padding: 7px 26px 0 0;
}

#produkty { margin: 0 0 25px 0; height: 129px; /*background: #B9DD57 url(../images/produkty_bg.jpg) 0 0 no-repeat;*/ }

#produkty .basic, #produkty .easy, #produkty .aktiv, #produkty .pro-aktiv, #produkty .moto-aktiv {
  display: block;
  float: left;
  width: 192px;
  height: 129px;
}
#produkty .basic { background: url(../images/produkt_basic_bg.jpg) 0 0 no-repeat; }
#produkty .basic_sel { background: #010101 url(../images/produkt_basic_bg_selected.jpg) 0 0 no-repeat; }
#produkty .easy { background: url(../images/produkt_easy_bg.jpg) 0 0 no-repeat; }
#produkty .easy_sel { background: #010101 url(../images/produkt_easy_bg_selected.jpg) 0 0 no-repeat; }
#produkty .aktiv { background: url(../images/produkt_aktiv_bg.jpg) 0 0 no-repeat; }
#produkty .aktiv_sel { background: #010101 url(../images/produkt_aktiv_bg_selected.jpg) 0 0 no-repeat; }
#produkty .pro-aktiv { background: url(../images/produkt_pro_aktiv_bg.jpg) 0 0 no-repeat; }
#produkty .pro-aktiv_sel { background: #010101 url(../images/produkt_pro_aktiv_bg_selected.jpg) 0 0 no-repeat; }
#produkty .moto-aktiv { background: url(../images/produkt_moto_aktiv_bg.jpg) 0 0 no-repeat; width: 218px; }
#produkty .moto-aktiv_sel { background: #010101 url(../images/produkt_moto_aktiv_bg_selected.jpg) 0 0 no-repeat; width: 218px; }


#levy_box { 
  display: block; 
  width: 200px;
  height: auto; 
  float: left;
  margin: 0; padding: 0;
}

#levy_box div.objekty {
  width: 200px;
  height: 106px;
  display: block;
  display: block;
  padding:0;
  margin-bottom: 25px;
} 
#levy_box div.objekty a{
  width: 200px;
  height: 106px;
  display: block;
  padding:0;
  margin:-16px 0 0 0;
  border:0;
  background: #000 url(../images/banner_objekty.jpg) left top no-repeat;
} 

/* foto zasahu */

#levy_box div.foto_zasahu {
  width: 200px;
  height: 96px;
  display: block;
  padding:0;
  margin-bottom: 25px;
} 
#levy_box div.foto_zasahu a{
  width: 200px;
  height: 96px;
  display: block;
  padding:0;
  margin:0 0 0 0;
  border:0;
  background: #000 url(../images/banner_foto_zasahu.jpg) left top no-repeat;
} 


#levy_box .aktuality {
  width: 200px;
  height: auto;
  background: #F5F3F3 url(../images/aktuality_bg.jpg) left bottom no-repeat;
  padding-bottom: 5px;
  margin-bottom: 25px;
} 
#levy_box .aktuality h1 {
  margin: 0;
  display: block;
  width: 172px;
  height: 24px;
  background: url(../images/aktuality_top.jpg) 0 0 no-repeat;
  font-size: 0.9em;
  color: #313030;
  letter-spacing: 0.1em;
  padding: 8px 0 0 28px;
}
#levy_box .aktuality h2 {
  color: #41423F;
  font-size: 0.8em;
  border-bottom: 4px solid #C8EA5F;
  margin: 15px 10px 15px 10px;
}
#levy_box .aktuality h2 span { color: #9C9C99; font-size: 0.84em; font-weight: normal; line-height: 20px; }
#levy_box .aktuality p { 
  font-size: 0.74em; 
  color: #41423F; 
  margin: 15px 10px 15px 10px;
  padding: 0.1em 0 0.1em 0;  
}
#levy_box .aktuality span.delitko {
  display: block;
    margin: 0 10px 0 10px;
  border-bottom: 4px solid #C1C1C0;
}


#middle { background: url(../images/middle_bg.jpg) left bottom repeat-x; }

/*  content  */

#content {
  background: none;
  height: auto;
  display: block;
  float: right;
  margin: 0; padding: 0;
  width: 768px;
}

/* INTRO */
#introbox {
  height: auto;
  display: block;
  float: right;
  margin: 0; padding: 0;
  width: 768px;
}

div.introtext {
  height: auto;
  width: 450px;
  _width: 465px;
  display: block;
  float: left;
  margin: 0; 
  padding: 0 15px 0 0;
  
}


/*Modify attributes of #contentwrapper below as desired*/
#contentwrapper{
width: 255px;
_width: 300px;
height: 175px;
_height: 200px;
display: block;
float: right;
background: url(../images/bg_novinky.jpg) left top no-repeat;
padding: 25px 20px 0 25px;
}

.billcontent{
width: 100%;
height: 175px;
display:block;
}

#contentwrapper h3{
	color: #9BC225 !important;
	padding: 0 0 15px 0 !important; 
	margin: 0 !important;
}

#contentwrapper p{
	color: #fff !important;
	padding: 0 0 5px 0!important;
	margin: 0 !important;
}

div.odkazy {
  display: block;
  float: none;
  clear: both;
  width: 300px;
  height: 100px;
  margin: 20px -20px 5px -25px;
  padding: 0;
  border: none;
}
div.odkazy h3.nadpis_kniha{
  display: block;
  float: none;
  clear: both;
  width: 300px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  background: url(../images/h3_kniha_jizd.jpg) left top no-repeat;
}
div.odkazy p{
  display: block;
  float: left;
  width: 150px;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
}
div.odkazy p a{
  display: block;
  float: none;
  width: 140px;
  height: 60px;
  margin: 0;
  padding: 0;
  border: none;
}

div.odkazy p a.kniha_klienti{background: url(../images/button_kniha_klienti.jpg) left top no-repeat;}
div.odkazy p a.kniha_firmy{background: url(../images/button_kniha_firmy.jpg) left top no-repeat;}
div.odkazy p a:hover.kniha_klienti{background: url(../images/button_kniha_klienti.jpg) left -60 no-repeat;}
div.odkazy p a:hover.kniha_firmy{background: url(../images/button_kniha_firmy.jpg) left -60 no-repeat;}


div.odkazy a.kniha{
  background: url(../images/button_kniha.jpg) left top no-repeat;
}
div.odkazy a.zasah{
  margin: 0;
  background: url(../images/button_zasah.jpg) left top no-repeat;
}
div.odkazy a:hover.kniha{background: url(../images/button_kniha.jpg) left -60 no-repeat;}
div.odkazy a:hover.zasah{background: url(../images/button_zasah.jpg) left -60 no-repeat;}

div.odkazy a.brozura{
  display: block;
  float: none;
  clear: both;
  width: 300px;
  height: 77px;
  margin: 20px 0 0 0 !important;
  padding: 0;
  border: none;
  background: url(../images/button_brozura.gif) left top no-repeat;
}





.obtekat_vlevo {
  display: block;
  float: right;
  margin: 0 0 5px 10px;
  padding: 0;
  border: none;
  
}
.obtekat_vpravo {
  display: block;
  float: left;
  margin: 0 10px 5px 0;
  padding: 0;
  border: none;
  
}

div.banner {
  display: block;
  float: none;
  clear: both;
  width: 335px;
  _width: 445px;
  height: 70px;
  _height: 80px;
  margin: 0;
  padding: 10px 15px 0 95px;
  border: none;
  background: #ADC225 url(../images/bg_banner.jpg) left top no-repeat;
}

div.banner h3{
  color: #000 !important;
  font-size: 1.1em !important;
  padding: 0 !important;
  margin: 0 !important;
}

div.banner p{
  color: #fff !important;
  font-size: 0.75em !important;
  padding: 0 !important;
  margin: 0 !important;
}
div.banner p strong{
  color: #000 !important;
}


#content p {
  font-size: 0.74em;
  margin: 1em 0 1em 0;
  line-height: 1.5em;
}
#content p strong { color: #53554F; }
#content p a { color: #C32E29; font-weight: bold; }

#content h1 {
  /*color: #9BC225;*/
  color: #575757;
  font-size: 1.2em;
  padding-left: 35px;
  background: url(../images/h1_bg.jpg) 0 8px no-repeat;
  border-bottom: 4px solid #DFDDDD;
  margin: 0 0 0 0;
  line-height: 32px;
}

#content h2 {
  color: #9BC225;
  font-size: 1.0em;
}
#content h2 a { color: #6A90AA; }

#content h2.prodejce { color: #000; border-bottom: 1px dotted #DFDDDD; width: auto; margin-top: 1.5em; padding-bottom: 0.5em; }
#content h2.prodejce span { font-size: 0.7em; font-weight: normal; color: #8C8A8A; }

#content h3 {
  color: #888888;
  font-size: 0.9em;
}
#content h3 strong { color: #C02C2C; }

#content ul { list-style: none; margin-top: 25px; }
#content ul li {
  font-size: 0.74em;
  color: #41423F;
  background: url(../images/li_cervena_bg.gif) 0 6px no-repeat;
  padding-left: 25px;
  line-height: 20px;
}
#content ul.download li { background: url(../images/li_download.gif) 0 4px no-repeat; }

#content ul li a { color: #41423F; }
#content ul li a:hover { color: #79BB0A; }

#content ul li ul { margin-top: 5px; }
#content ul li ul li { font-size: 0.9em; color: #6E6E6E; background: url(../images/li_li_bg.gif) 0 8px no-repeat; padding-left: 15px; }

#content .aktualne {
  display: block;
  float: right;
  width: 143px;
  height: auto;
  margin: 2px 0 0 10px;
}

#content .aktualne a.kniha_jizd, #content #infobox a.kniha_jizd{
  display: block;
  float: none;
  height: 100px;
  background: url(../images/box_kniha_jizd.jpg) 0 0 no-repeat;
}
#content #infobox a.kniha_jizd{
  background: url(../images/box_kniha_jizd2.jpg) 0 0 no-repeat;
  margin-left: 10px;
}

#content .aktualne a.morava{
  display: block;
  float: none;
  height: 163px;
  background: url(../images/box_morava.jpg) 0 0 no-repeat;
}

#content .partneri, #content .specifikace {
  display: block;
  float: right;
  background: url(../images/box_partneri_bg.jpg) 0 0 no-repeat;
  width: 143px;
  height: 278px;
  margin: 2px 0 0 10px;
}
#content .partneri a {
  display: block;
  float: none;
  width: 143px;
  height: 254px;
}

#content .specifikace { background: url(../images/box_specifikace_bg.jpg) left bottom no-repeat; width: 193px; height: auto; }

#content .plus_obrazek { margin: 2px 0 0 0px; }
#content .partneri h1, #content .specifikace h1 {
  margin: 0;
  display: block;
  width: 143px;
  height: 24px;
  font-size: 0.9em;
  color: #313030;
  letter-spacing: 0.1em;
  background: none;
  border: none;
  padding: 0 0 0 24px;
}
#content .specifikace h1 {
  background: url(../images/box_specifikace_h1.jpg) 0 0 no-repeat;
  height: 34px;
  width: 193px;
}


#content .specifikace p, #content .specifikace li { font-size: 0.74em; color: #41423F; }
#content .specifikace ul { list-style: none; margin: 10px 0 10px 10px; padding: 0; width: 180px; }
#content .specifikace ul.odkazy { margin: 10px 0 15px 10px; }
#content .specifikace li {
    background: url(../images/li_bg.gif) 0 6px no-repeat;
    padding: 0 0 0 20px;
    margin-bottom: 5px;
}
#content .specifikace ul.odkazy li { background: url(../images/li_cervena_bg.gif) 0 6px no-repeat; }

#content .nahled_produktu { display:block; float: right; margin: 10px 0 0 0; padding: 0; width: auto; height: auto; text-align: center; }
#content .nahled_produktu img { }
#content .nahled_produktu a.cenik {
  display: block;
  float: left;
  background: url(../images/icon_cenik.gif) left center no-repeat;
  height: 36px;
  width: 61px;
  font-size: 0.8em;
  font-weight: bold;
  color: #D64D41;
  padding: 3px 0 0 34px;
  margin: 0 0 20px 25px;
}

#content .obrazek_v_textu { display:block; float: right; margin: 50px 10px 0 15px; border: none; }
#content .obrazek_v_textu_vlevo { display:block; float: left; margin: 0 0 0 0; border: none; }
#content .obrazek_v_textu_vpravo { display:block; float: right; margin: 0 0 0 0; border: none; }

#content .piktogram {
  display:block; 
  float: right; 
  width: auto; 
  height: auto; 
  margin: 10px 0 0 0;
}
#content .piktogram img {
  display: block; 
  float: left; 
  margin-right: 5px;
}

#content .bannery {
  display: block;
  float: left;
  margin: 10px 0 20px 38px;
}
#content .bannery a.jak_funguje, #content .bannery a.vyssi_stupen { 
  display: block; 
  float: left; 
  width: 138px; 
  height: 56px; 
  background: url(../images/banner_jak_funguje.jpg) 0 0 no-repeat;
}
#content .bannery a.vyssi_stupen { background: url(../images/banner_vyssi_stupen.jpg) 0 0 no-repeat; margin-right: 30px; }

#content #infobox {
  display: block; 
  float: right;
  width: 203px; 
  height: auto;
}
#content #infobox .specifikace { float: none; padding-bottom: 5px; margin-bottom: 20px; }
#content #infobox span.mezera { display: block; float: none; height: 10px; width: auto; }
#content #infobox .obrazek_v_textu_vpravo, #content #infobox .obrazek_v_textu_vlevo { margin-bottom: 20px; }

#content .galerie {
  display: block;
  float: none; 
  clear: left;
  width: 552px;
  height: auto;
  margin: 35px 0 20px 8px;
}
#content .galerie a {
  display: block;
  float: left;
  width: 126px;
  height: 95px;
  border: 2px solid #DFDDDD;
  margin: 0 7px 15px 0;
  text-align: center;
}
#content .galerie a:hover { border-color: #9BC225; }
#content .galerie a img { border: 1px solid #fff; }
/*#content .galerie a:hover img { border-color: #949393; }*/

#content .flashbox {
  display: block; 
  float: none;
  margin: 20px 0 20px 0;
}
#content .flashbox .flash {
  display: block;
  float: none;
  width: 445px;
  height: 400px;
}


#bottom {
  display: table;
  height: 17px;
  margin: 0;
  background: #EEECEC url(../images/bottom_bg.jpg) 0 0 repeat-x;
  text-align: center;
  color: #BCBCBC;
  font-size: 11px;
  padding-top: 3px;
}


#partneri_bottom {
  height: 165px;
  background: #fff url(../images/partneri_bottom.jpg) 0 0 no-repeat;
  border-top: 4px solid #DFDDDD;
}
#partneri_bottom img {
  border: none;
  margin:0;
  padding: 0;
  width: 986px;
  height: 165px;
}

#destiny
{
  text-align:right;
  height: 30px;
  padding-right: 20px;
}

#destiny a.created_by, a.valid
{
  color:#D8DADA;
  font-size:11px;
  text-decoration: none;
  margin-right:0px; 
}

#destiny a.created_by:hover, a.valid:hover
{
  color: #86A1C0;
  text-decoration: none;
}

#destiny a.valid { text-decoration: underline; padding-left: 10px; background: url(../images/destiny_delitko.gif) 1px 3px no-repeat; }
#destiny a.valid:hover { text-decoration: none; }

#destiny a.created_by span { padding-left: 27px; background: url(../images/destiny_off.gif) 1px 0px no-repeat; text-decoration: underline; }
#destiny a.created_by:hover span {  background: url(../images/destiny_on.gif) 1px 0px no-repeat; color: #86A1C0; text-decoration: none; }

/* pomocne objety */

a.vice{ 
  color: #41423F;
  font-size: 12px;
  padding-left: 11px;
  background: url(../images/sipka_zelena.gif) 0px 3px no-repeat;
}
a.vice:hover { background: url(../images/menu_sipka_selected.gif) 0px 3px no-repeat; }
a.uspesne_zasahy { 
  display: block;
  float: none;
  width: 144px;
  height: 27px;
  background: url(../images/a_uspesne_zasahy.jpg) left top no-repeat;
  margin-left: 5px;
}

.vpravo { text-align: right; }
.vlevo { text-align: left; }

p.chyba { font-weight: bold; text-align: center; color: #DE6207; }
#content p.chyba { font-size: 0.95em; letter-spacing: 0.01em; }

table img { border: none; }

table.tabulka {
  border: 1px solid #DFDDDD;
  padding: 0;
  font-size: 0.74em;
}
table.tabulka a {
  color: #000;
}
table.tabulka td {
  background-color: #D9F487;
  padding: 6px; margin: 0;
}
table.tabulka tr.suda td { background-color: #E7F8A5; }
table.tabulka th {
  color: #fff;
  background-color: #000;
  padding: 6px;
}
table.tabulka th.modra {
  background-color: #A7B3C1;
}

table.prodejce { 
  font-size: 0.74em; 
  /*width: 550px;*/
}
table.prodejce td{vertical-align: top;}
table.prodejce table { font-size: 1em; }
table.prodejce span { color: #8E8F8D; }
table.prodejce a { color: #79BB0A; }

span.hvezdicka { color: #F43F3F; }

strong.basic { color: #76796E; }
strong.easy { color: #E7A204; }
strong.aktiv { color: #77A6FC; }
strong.pro-aktiv { color: #C33939; }
strong.moto-aktiv { color: #3159A2; }

a.mapa {
  display: block; float: right; margin-right: 10px;
}