body     {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	background-image: url(images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	padding: 0;
	background-color: #C1C1C1;
	margin: 0px;
}
/*elements*/
/*h1 {
	color: #2F2F2F;
	font-size: 1.7em;
	line-height: 1.3em;
	margin-bottom: 20px;	
}*/
h1 {
	color: #2F2F2F;
	font-size: 1.5em;
	line-height: 1.3em;
	background-image: url(images/h1_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 63px;
	padding-top: 10px;
	padding-left: 15px;
	margin-bottom: 10px;
}
h2 {
	color: #3894B7;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 25px;
	margin-bottom: 10px;
}
h2#nadpis_quick {
	width: 569px;
	height: 30px;
	background-image: url(images/h2_quickconnect.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
h2#nadpis_quick span { display: none; }

h2#nadpis_multi {
	width: 337px;
	height: 50px;
	background-image: url(images/h2_multigrip.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
h2#nadpis_multi span { display: none; }

h3 {
	color: #3894B7;
	font-size: 1.1em;
	line-height: 49px;
	height: 49px;
	margin-left: 30px;
	padding-left: 18px;
	background-color: #D3E8EF;
	background-image: url(images/h3.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
h3#first { margin-top: 0px; margin-bottom: 5px; }
h3#second { margin-top: 5px; }
p { color: #2F2F2F; font-size: 0.9em; text-align: justify; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; }
a { color: #448CCA; }
a:hover { color: #f00; }
a:focus { outline:none; }
img {
	background-color: #FFFFFF;
	padding: 1px;
	border: 4px solid #D3E8EF;
}

.clanky_fotogroup {
	padding-right: 6px;
}
.clanky_fotogroup a img {
	background-color: #FFFFFF;
	padding: 1px;
	border: 4px solid #D3E8EF;
}
.clanky_fotogroup a:hover img {
	background-color: #FFFFFF;
	padding: 1px;
	border: 4px solid #f5821f;
} 

ol { color: #2F2F2F; font-size: 90%; margin-left: 18px; }
ul { color: #2F2F2F; font-size: 90%; margin-top: 10px; margin-bottom: 10px; margin-left: 18px; padding-left: 0; }
ul li {
	padding-left: 5px;
	list-style-type: square;
	list-style-image: none;
	list-style-position: outside;
}
ul li ul li { font-size: 110%; }
table {
	font-size: 80%;
	width: 652px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	background-color: #D3E8EF;
	margin-left: 1px;
}
th { color: #FFFFFF; background-color: #0076A3; }
th, td { padding: 2px 10px; border: solid 1px #d9d9d9; }
form { margin: 0; padding: 0; }
fieldset { margin-bottom: 10px; padding: 15px; border: solid 1px #fff; }
label {
	float: left;
	width: 130px;
}
label.error {
	float:none;
	width: 315px;
	display:block;
	background-image: url(images/error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 80%;
	font-weight:bold;
	color: #D71920;
	margin-left: 130px;
	margin-top: 3px;
}
input.inp {
	height: 25px;
	border: 1px solid #808080;
	font-size: 1.2em;
	padding-left: 5px;
	
}
hr { display: none; }
/*division*/
#content {
	text-align: left;
	position: relative;
	width: 998px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/bg_content.gif);
	background-repeat: repeat-y;
	/*z-index: 3;*/
}
#header { background-image: url(images/header.gif); background-repeat: no-repeat; position: absolute; top: 0; left: 0px; width: 998px; height: 276px; overflow: hidden; }
#logo, #logo span { width: 401px; height: 252px; overflow: hidden; }
#logo span {
	background-image: url(images/logo1.gif);
	background-repeat: no-repeat;
	width: 401px;
	height: 252px;
	cursor: pointer;
	display: block;
	
}
#upoutavka {
	position: absolute;
	left: 455px;
	top: 100px;
	right: 40px;
}
#upoutavka p {
	font-size: 1.4em;
	line-height: 1.2em;
	color: #FFFFFF;
	text-align: left;
}
#upoutavka a {
	color: #FFFF00;
}
#upoutavka a:hover
	{
	text-decoration: none;	
}
#flags {
	position: absolute;
	left: 507px;
	top: 38px;
}
#flags img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#find {
	position: absolute;
	left: 710px;
	top: 30px;
	
}
#find input.inp {
	width: 150px;	
}
#find p { 
	float: left;
	padding-right: 10px;
	
}
.tlac {
	background-image: url(images/tlac.gif);
	background-repeat: repeat-x;
	height: 29px;
	cursor: pointer;
	color: #FFFFFF;
	background-color: #F18120;
	font-weight:bold;
	
}

.email {
	width:140px;
	float:left;
	margin-right: 10px;
}
.drobky {padding-bottom: 15px;}
/*navigace */
ul#navigace {
	color: #fff;
	height: 52px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 302px;
	top: 224px;
}
ul#navigace li { float: left; list-style: none; background-image: none; margin-left: 0; padding-left: 0; }
ul#navigace li a {
	display: block;
	float: left;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 52px;
	background-image: url(images/nav_separator.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
	height: 52px;
	padding: 0 10px;
	
}
ul#navigace li a.last { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
ul#navigace li a:hover { color: #212E50;  position: relative; }
body.uvod #navigace li#nav-1 a, 
body.spol #navigace li#nav-2 a, 
body.zbo #navigace li#nav-3 a, 
body.pro #navigace li#nav-4 a,
body.nov #navigace li#nav-5 a,
body.kes #navigace li#nav-6 a,
body.kon #navigace li#nav-7 a {
	color: #212E50;
	position: relative;
	
}

/*subnavigace*/
ul#subnav {
	margin-right: 22px;
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 0px;
}
ul#subnav li {
	background-image: none; 
	margin-left: 0px; 
	padding-left: 0px; 
	list-style-type: none; 
	list-style-image: none;
}
ul#subnav li a {
	color: #000000;
	font-weight: bold;
	background-image: url(images/subnav_li.gif);
	background-repeat: no-repeat;
	background-position: 18px center;
	text-decoration: none;
	min-height: 17px;
	margin-left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 36px;
	display: block;
}
ul#subnav li a.noobr { 
	background-image: none; 
}
ul#subnav li a:hover { 
	color: #FFFFFF; 
	background-color: #0076A3; 
	text-decoration: none; 
	background-image: url(images/subnav_li_white.gif);
	background-repeat: no-repeat;
	background-position: 18px center;
}
ul#subnav li a.sel {
	color: #FFFFFF;
	background-color: #0076A3;
	text-decoration: none;
	background-image: url(images/subnav_li_wt_arrow.gif);
	background-repeat: no-repeat;
	background-position: 18px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

/*vnorene UL */
ul#subnav li ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px; 

}
ul#subnav li ul li a { 
	color: #666; 
	font-size: 100%; 
	font-weight: bold; 
	background-image: url(images/subnav_li_smaller_rd.gif); 
	background-repeat: no-repeat; 
	background-position: 33px center; 
	min-height: 15px; 
	margin-left: 0; 
	padding: 5px 5px 5px 43px; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: block; 
}
ul#subnav li ul li a:hover {
	color: #D71920;
	background-color: #FFFFFF;
	text-decoration: none;
	background-image: url(images/subnav_li_smaller_rd.gif);
	background-repeat: no-repeat;
	background-position: 33px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
ul#subnav li ul li a.subsel {
	color: #D71920; 
	/*background-color: #CCCCCC;*/
	text-decoration: none; 
	background-image: url(images/subnav_li_rd_arrow.gif);
	background-repeat: no-repeat;
	background-position: 32px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}	

/*other divison*/
#left, #right {
	margin-top: 282px;
	display: inline;
	
}
#left { width: 313px; float: left; margin-left: -996px; }
#left p { text-align: left; }
#right { width: 683px; float: left; margin-left: 313px; }
#footer {
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 998px;
	height: 49px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#copy { padding-top: 5px; padding-right: 5px; padding-left: 5px; }
#copy p {
	color: #fff;
	font-size: 0.7em;
	line-height: 1.2em;
	text-align: left;
	margin: 0;
	padding: 8px 0 0 0;
	text-align: center;	
}
#copy a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	
}
#copy a:hover { text-decoration: underline; }
#copy img { position: absolute; top: 9px; left: 85px; }
#copy a img { border: solid 1px #fff; }
#copy a:hover img { border: solid 1px #f00; }
.foto a img { border: 5px solid #4B4B4B; }
.foto a:hover img { border: 5px solid #FF8B00; }
.user { background-color: #D3E8EF; padding: 10px; }
.user p { background-color: #D3E8EF; }
.align_right { text-align:right;}
.box_uvod_left {
	background-image: url(images/uvod_box.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 216px;
	width: 321px;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.box_uvod_right {
	background-image: url(images/uvod_box.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 216px;
	width: 321px;
	float:left;
	margin-bottom: 10px;
}
.box_uvod_left p, .box_uvod_right p {
	font-size: 0.8em;
	color: #FFFFFF;
	margin-right: 30px;
	margin-left: 30px;
	text-align: left;
}
.box_uvod_left a, .box_uvod_right a {
	color: #FFFFFF;
}
.box_uvod_left a:hover, .box_uvod_right a:hover {
	text-decoration: none;
}

.col_uvod_left {
	width: 321px;
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}
.col_uvod_right {
	width: 321px;
	margin-bottom: 20px;
	float: left;
}
.d2 { float:left; width: 315px; }
.d3 { float:left; width: 315px; }

.d4 { float:left; width: 315px; }
.d5 { float:left; width: 300px; margin-left: 15px; }


.mapa_cr { width: 220px; float: left; margin-right: 30px; }
.mapa_cr p { text-align:left; }
.mapa_cr img { float:left; margin-right: 5px; margin-top: 4px; } 
.loga_legenda { margin-top: 20px; }
.loga_legenda p {
	margin-top: 0;
}
.loga_legenda img {
	margin-bottom: 10px;
}
.legenda_top {
	padding: 10px 10px 0 10px;
	border-top: 2px solid #0076A3;
	border-bottom: 2px solid #0076A3;
	margin-bottom: 10px;
	background-color: #D3E8EF;
}	
.legenda_top p {
	padding-top: 8px;
}	
		
.vypis_mapy { width: 396px; float:left; }
.prodejci_karta {
	padding: 10px;
	margin-bottom: 10px;
	background-color:#D3E8EF;
	background-image: url(images/karta_roh.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #0076A3;
}
.prodejci_obor {
	padding: 0 0 5px 0;
	margin-bottom: 5px;
	border-left: 0 none;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 2px solid #0076A3;
	background-color: #D3E8EF;
}

.box_small_logo {
	width: 66px;
	float:right;
	margin-right: 10px;
	margin-top: 10px;

	
}
.lide, .lide_sk {
	background-color: #DCE9FF;
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 5px;	
}
.lide img, .lide_sk img {
	float:left;
	border: 1px solid #4B4B4B;
}
.lide p {
	margin-left: 90px;
}
.lide_sk p {
	margin-left: 80px;
	margin-top: 0;
}	
.lide h2{
	margin-left: 90px;
	margin-top: 0px;
}
.lide_sk h2 {
	margin-left: 80px;
	margin-top: 0;
}	 
p#zprava_odeslano {
	padding: 10px;
	font-weight:bold;
}
.foto_seznam_obal {
	float: left;
	width: 210px;
	margin: 0 10px 0 0;
}
.foto_seznam_obal2 {
	float: left;
	width: 210px;
	margin: 0;
}
.foto_seznam_obal p, .foto_seznam_obal2 p {
	text-align: center;
	font-weight: bold;
}


.foto_seznam {	
	min-height: 150px;
	text-align: center;
	background-color: #FFFFFF;
	padding: 1px;
	border: 4px solid #D3E8EF;
}	
.foto_seznam:hover {
	border: 4px solid #F5821F;
}	
.foto_seznam a img {
	padding: 0;
	margin-bottom: -3px;
	border: 0 none;
}	
.novinky_foto {
	float: left;
	margin-right: 4px;
}
.novinky_foto p {
	text-align: center;
}	
.novinky_sk {
	background-color: #FFFFCC;
	border: 1px solid #000000;
	width: 300px;
	margin-top: 25px;
	padding: 10px;
}
.novinky_sk h2 {
	margin-top: 0;
}	

/*classes*/
.cleaner { font-size: 1px; line-height: 1px; float: none; clear: both; }
.fl_left { float: left; margin-right: 10px; margin-bottom: 10px; }
.fl_right { float: right; margin-bottom: 10px; margin-left: 10px; }
.inner {
	margin-right: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.inner2 {
	margin-right: 22px;
	margin-left: 54px;
	margin-bottom: 10px;
}
.center { text-align: center; }
.nobr_mar { margin: 0px; padding: 0px; border-style: none; border-width: 0; }
.nobr { border-style: none; border-width: 0; }
.info { background-color: #F5821F; padding: 10px; border: solid 1px #534741; }
.info_box {
	background-color: #fff6b7;
	border: solid 1px #534741;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.info_box p { background-color: #fff6b7; }
.info_box a { background-color: #fff6b7; }
.info p { background-color: #fff6b7; text-align: left; }
.info a { background-color: #fff6b7; }
.larger {
	font-size: 1.2em;
	font-weight:bold;
}
.noscreen { display: none; }
.pdf { 
	background-image: url(images/pdf.gif); 
	background-repeat: no-repeat; 
	background-position: left center;
	 padding-left: 25px; 
}
.pdf_back {
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}
.out, .out_blue {
	background-image: url(images/out.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
.out_blue {
	background-image: url(images/out_blue.gif);
}
.personalistika {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 10px;
}
.personalistika h2 {
	margin-top: 0px;
}
p.pod_kat { font-size: 0.9em; font-weight: bold; background-image: url(images/folder.gif); background-repeat: no-repeat; padding-left: 20px; }
.block_size { float:left; width: 200px; }
.block_size2 { float:left; width: 80px; }
.block_size3 { float:left; width: 230px; }
.block_size4 { float:left; width: 150px; }
.block_size5 { float:left; width: 60px; }

.odsaztop {
	margin-top: 35px;
}	
.upoutavka_box, .upoutavka_box3 {
	width: 310px;
	border: 4px solid #D3E8EF;
	padding: 1px;
	margin-bottom: 10px;
}
.upoutavka_box3 {
	border: 4px solid #F5821F;
}
.upoutavka_box p, .upoutavka_box3 p {
	text-align: left;
	margin: 0;
}
.upoutavka_box_in {
	background-color: #D3E8EF;
	background-image: url(images/upoutavka_arrows.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 73px;
}
.upoutavka_box_in h2, .upoutavka_box_in2 h2 {
	margin-top: 0;
}	
.upoutavka_box_in2, .upoutavka_box_in3 {
	background-color: #D3E8EF;
	padding: 10px;
}
.upoutavka_box_in3 {
	background-color: #F5821F;
}	
.upoutavka_box_in3 p {
	color: #FFFFFF;
}	
.upoutavka_box_in3 a {
	color: #FFFFFF;
}
.upoutavka_box_in3 a:hover {
	color: #000000;
}
.upoutavka_box_in2 a:hover {
	color: #f00;
}

.bydlik_tour {
	margin-bottom: 10px;
}	

.delitko { background-image: url(images/delitko.gif); background-repeat: no-repeat; height: 4px; float: none; clear: both; margin-top: 10px; margin-bottom: 10px; }
#chyba {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	text-align: center;
	border: 2px dotted #ED1C24;
}
.orange {
	color: #F5821F;
}
a.hover_bg img {
	background-color: #FFFFFF;
	padding: 1px;
	border: 4px solid #D3E8EF;
}
a.hover_bg:hover img {
	background-color: #FFFFFF;
	padding: 1px;
	border: 4px solid #F5821F;
}
form.kontakt { display:none; }
/*printit*/
.top { white-space:nowrap; background-image: url(images/top.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; margin-left: 10px; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; }
.print { white-space:nowrap; background-image: url(images/print.gif); background-repeat: no-repeat; background-position: left center; margin-bottom: 0; padding-top: 0.1em; padding-bottom: 0.1em; padding-left: 20px; }
p.printit { text-align: right; margin: 0; padding: 0; }

/*novinky*/
.novinka_datum { background-image: url(images/datum.gif); background-repeat: no-repeat; height: 16px; margin-bottom: 0; margin-left: 0; padding: 0 0 0 20px; border-style: none; border-width: 0; }
.novinka_text { margin: 0 0 1em; padding: 0; }
.novinka_archiv { background-image: url(images/archiv_news.gif); background-repeat: no-repeat; background-position: left center; height: 16px; padding-left: 20px; }

/*security*/
#security {
	font-size: 0.8em;
	background-color: #f1f3f5;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	border: solid 1px #bbbdbe;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#security fieldset {
	background-color: #d8dadc;
	border: solid 1px #bbbdbe;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#security label { color: #000; text-align: left; width: 130px; margin-right: 10px; float: left; }
#security input.vst_pole { width: 170px; }
.odst1 { width: 64px; float: left; margin-right: 10px; padding-top: 15px; }
.odst2 { width: 180px; float: left; margin-right: 10px; padding-top: 15px; }
.odst3 { width: 347px; float: left; }
 
/*card*/
.card {
 	width: 155px;
	float: left;
	margin-right: 7px;
}
.card p {
	text-align: center;
	margin-top: 0;
}		

ul li.hidden { display:none;}

#ke_stazeni {
margin-top: 30px;}

#ke_stazeni p {
	margin: 0 ;
	padding: 0;
}

#ke_stazeni ul {
	margin-top: 5px;
}

/*left logos*/
.left_logo_elektro, .left_logo_tool, .left_logo_energy, .left_logo_bals, .left_logo_space, .left_logo_popp {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 70px;
}
.left_logo_elektro {
	background-image: url(images/left_logo_elektro.gif);
}
.left_logo_tool {
	background-image: url(images/left_logo_tool.gif);
}	
.left_logo_energy {
	background-image: url(images/left_logo_energy.gif);
}
.left_logo_bals {
	background-image: url(images/left_logo_bals.gif);
}
.left_logo_space {
	background-image: url(images/left_logo_space.gif);
}
.left_logo_popp {
	background-image: url(images/left_logo_popp.gif);
}

.partner {
	float: left;
	width: 200px;
	min-height: 240px;
	_height: 240px;
	padding: 4px;
	margin: 0 4px 4px 0;
	border: 2px solid #D3E8EF;
}
.partner_img {
	text-align: center;
	height: 160px;
}	
.partner_img img {
	border: 0 none;
	padding: 0;
}	
.partner p {
	text-align: center;
}	

/*kalendar akci*/
#date {
	margin: 0;
	clear: both;
	float: none;
}	
#hledani_akci {
	padding: 1px;	
	margin-bottom: 10px;
	border: 1px solid #0076A3;
}
#hledani_akci_in {
	background-color: #D3E8EF;
	padding: 10px 10px 5px 10px;
}

#hledani_akci select {
	width: 273px;
}	
#hledani_akci input.vyhledat_slovo {
	width: 269px;
}	


label.left_lab {
	text-align: right;
	margin-right: 5px;
	width: auto;
}
label.right_lab {
	text-align: right;
	margin-right: 5px;
	margin-left: 30px;
	width: auto;
}
.trideni_odsaz {
	float: left;
	width: 120px;
}
.trideni_left {
	float: left;
}
.trideni_right {
	float: right;
}
.hledani_akci_vyhledat {
	margin-left: 320px;
}
.prosle_datum {
	background-color:#FFFFCC;
}	

.kalendar_legend {
	margin: 20px 0 10px 0;
}	
.kalendar_legend a {
	color: #000000;
}	
.kalendar_legend a:hover {
	color: #FF0000;
}
.budouci {
	padding: 5px;
	background-color: #D3E8EF;
	border: 1px solid #0076A3;
}
.uskutecnena {
	padding: 5px;
	background-color: #FFFFCC;
	border: 1px solid #0076A3;
}
	
/*referencer*/
h2.reference {
	background-image: url(images/reference_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 35px;
	padding-left: 58px;
}
.seznam_archiv {
	margin-left: 73px;
}