body {background: #006 url('./pic/bcg.gif'); color: #000; padding: 0; margin: 0; font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif; font-size: 11px; text-align: center;}

h1 {font-family: Trebuchet MS, sans-serif; font-size: 22px; font-weight: bold; font-style: italic; color: #006; padding: 5px 0 2px 0; margin: 0 0 10px 0; border-bottom: 1px solid #f60;}
h1 span {font-family: Trebuchet MS, sans-serif; font-size: 18px; font-weight: bold; font-style: italic; color: #006;}
h2 {clear: both; background: #fff url("../graf/bcg_menu.gif"); font-family: Trebuchet MS, sans-serif; font-size: 13px; font-weight: bold; padding: 4px; border-bottom: 1px solid #cecee2;}

form {margin: 0;}

input {font-size: 11px; text-align: center;}
.pocet {text-align: right;}

a:link, a:active, a:visited, a:hover {color: #009; text-decoration: underline;}
a:hover {color: #f30;}

img {border: 0;}

select {font-weight: normal; font-size: 13px; background-color: #ffd; border: 1px solid #ccc;}

ul {list-style: none; margin: 5px 0 5px 0; padding-left: 0; line-height: 1.4em;}
li {background: url("./pic/li_back.gif") no-repeat 4px 5px; padding-left: 18px; line-height: 1.4em; font-weight: normal;}

td {vertical-align: top;}

p {line-height: 1.4; margin: 5px 0 10px 0;}

fieldset {margin-bottom: 15px; padding: 0 5px; border: 1px solid #cecee2;}
fieldset table {width: 100%; margin: 5px 0 4px 0;}
fieldset p {padding: 3px 0 0 0;}
fieldset td {width: 170px;}
fieldset input {width: 150px;}
fieldset select {width: 150px;}
legend {color: #036; font-size: 10px; background: #fff url("./pic/bcg_menu.gif"); padding: 2px 10px; border-left: 1px solid #cecee2; border-right: 1px solid #cecee2;}

fieldset input,textarea {border: 1px solid #cecee2;}

#mother {display: block; position: relative; width: 760px; text-align: left; margin: 0 auto; padding: 0; background: #fff url('./pic/bcg_mother.gif');}
#header {display: block; position: relative; width: 760px; height: 180px; text-align: left; margin: 0; padding: 0; background: #fff url('./pic/bcg_top.gif') no-repeat;}
#logotyp {display: block; position: absolute; top: 34px; left: 30px; width: 127px; height: 58px; margin: 0; padding: 0;}

#header_foto {display: block; position: absolute; top: 50px; right: 20px; width: 540px; height: 60px; margin: 0; padding: 0; background: #fff url('./pic/top_foto.jpg') no-repeat;}

#header_foto_koment {display: block; position: absolute; bottom: 4px; right: 0px; margin: 0; padding: 4px 6px 0 10px; background-color: #f60; font-family: Trebuchet MS, sans-serif; font-size: 17px; font-weight: bold; font-style: italic; color: #fff;}
#header_foto_koment span {font-size: 13px;}

#header_reseni {display: block; position: absolute; bottom: 2px; left: 40px; margin: 0; padding: 4px 6px 0 10px; font-family: Trebuchet MS, sans-serif; font-size: 28px; font-weight: bold; font-style: italic; color: #fff;}
#header_reseni span {font-size: 34px;}

#header_foto_text {display: block; position: absolute; top: 3px; right: 5px; margin: 0; padding: 0; font-size: 10px; color: #fff; font-family: Arial, sans-serif;}
#header_menu {display: block; position: absolute; top: 133px; margin: 0; padding-left: 25px; font-size: 10px; color: #000;}
#header_menu a:link, #header_menu a:active, #header_menu a:visited {color: #000; text-decoration: none;}
#header_menu a:hover {color: #f30;}

#main {display: block; clear: both; margin: 0 20px;}

#menu {display: block; position: relative; float: left; top: 0; left: 0px; width: 160px; margin: 0; padding: 0; background-color: #fff; text-align: center;}

.menu_nadpis {display: block; text-align: left; padding: 2px 5px 3px 5px; margin: 0; color: #fff; background: #f60 url("./pic/linka1.gif") bottom repeat-x; text-decoration: none; font-weight: bold; width: 160px; voice-family: "\"}\""; voice-family: inherit; width: 150px;}

.menu_item {background: transparent url("./pic/bcg_menu.gif"); text-align: left;}
.menu_item a:link, .menu_item a:active, .menu_item a:visited, .menu_item a:hover {display: block; clear: both; padding: 5px 5px 5px 5px; color: #006; font-size: 11px; text-decoration: none; background: transparent url("./pic/linka1.gif") bottom repeat-x; border: 0; width: 160px; voice-family: "\"}\""; voice-family: inherit; width: 150px;}
.menu_item a:hover {display: block; clear: both; color: #000; background-color: #fff; border: 0;}


#content {display: block; position: relative; float: right; top: 5px; right: 10px; width: 520px; margin: 0; padding: 0 0 10px 0; background-color: #fff;}
#content img {position: relative; border: 1px solid #006; padding: 5px; background-color: #e5e5f0;}
#content .floatvpravo {float: right; margin: 5px 0 15px 15px;}
#content .floatvlevo {float: left; margin: 5px 15px 15px 0;}
#content .embed {display: block; width: 508px; height: 263px; text-align: left; position: relative; border: 1px solid #006; padding: 5px; background-color: #e5e5f0;}
#content .embed .text {display: block; float: right; width: 190px; text-align: left; position: relative; border: 1px solid #006; padding: 15px 5px; margin: 0px; }
#footer {display: block; clear: both; position: relative; text-align: right; margin: 0; padding: 0; background: #fff url('./pic/bcg_footer.gif') repeat-y; color: #669; font-size: 10px;}
#footer span {display: block; padding: 4px 0 6px 0; margin-right: 25px}
#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {color: #669; text-decoration: none;}
#footer a:hover {color: #006; text-decoration: underline;}

.language {position: absolute; top: 11px; right: 20px; background-color: #e5e5f0;}
.language img {margin: 0px 3px;}
.language .sipka img {margin: 0 9px 0 0;}
.language .last img {margin: 0 10px 0 5px;}
.language .text img {margin: 0;}

#content .nahoru {display: block; clear: both; width: 100%; margin: 0; padding: 5px 0 0 0; text-align: center;}
#content .nahoru img {margin: 0; padding: 0; border: 0;}

.home_table {width: 520px; border: 0;}
.home_table td {vertical-align: top;}
.home_table .delic {width: 5px; border: 0; background: #fff url('./pic/home_delic.gif') repeat-y;}
.home_table .nadpis {background: #fff url("./pic/bcg_menu.gif"); font-family: Trebuchet MS, sans-serif; font-size: 13px; font-weight: bold; padding: 5px;}

.home_table .normal ul {list-style: none; margin: 5px 0 5px 5px; padding-left: 0; line-height: 1.5em;}
.home_table .normal li {background: url("./pic/li_back.gif") no-repeat 4px 5px; padding-left: 18px; line-height: 1.5em;}

.kontakt {width: 100%;}
.kontakt td {vertical-align: top; width: 50%;}
.kontakt ul {list-style: none; margin: 5px 0 5px 0; padding-left: 0; line-height: 1.4em;}
.kontakt li {background: url("./pic/li_back.gif") no-repeat 4px 5px; padding-left: 18px; line-height: 1.4em; font-weight: bold;}
.kontakt li span {font-weight: normal;}
.kontakt p {margin: 0 0 0 18px; line-height: 1.4em; font-weight: normal;}

.vyroba {display: block; clear: both; margin: 0; padding: 3px 0 0 0; line-height: 1.2em;}

.vyroba .vice {display: block; clear: both; background: #fff url("./pic/li_back.gif") no-repeat 5px 9px; padding: 5px 0 5px 17px; margin: 0; height: 15px;}

#content .vyroba img {display: block; position: relative; float: left; margin: 0 8px 0 0; border-width: 0; padding: 0;}
.vyroba .nadpis2 {display: block; text-align: right; padding: 2px 5px; margin: 0 0 2px 0; color: #006; background: #e5e5f0; font-size: 11px; font-weight: bold;}
.vyroba .nadpis3 {display: block; text-align: right; padding: 2px 86px 2px 5px; margin: 0 0 2px 0; color: #006; background: #e5e5f0 url('./pic/vyroba.gif') right 50% no-repeat; font-size: 11px; font-weight: bold;}
.vyroba .nadpis10 {display: block; text-align: right; padding: 2px 86px 2px 5px; margin: 0 0 2px 0; color: #006; background: #e5e5f0 url('./pic/novinka.gif') right 50% no-repeat; font-size: 11px; font-weight: bold;}
.vyroba .nadpis4 {display: block; text-align: right; padding: 2px 90px 2px 5px; margin: 0 0 2px 0; color: #006; background: #e5e5f0 url('./pic/vyrobaen.gif') right 50% no-repeat; font-size: 11px; font-weight: bold;}
.vyroba .nadpis5 {display: block; text-align: right; padding: 2px 103px 2px 5px; margin: 0 0 2px 0; color: #006; background: #e5e5f0 url('./pic/vyrobage.gif') right 50% no-repeat; font-size: 11px; font-weight: bold;}
.vyroba .nadpis6 {display: block; text-align: right; padding: 2px 113px 2px 5px; margin: 0 0 2px 0; color: #006; background: #e5e5f0 url('./pic/vyrobahr.gif') right 50% no-repeat; font-size: 11px; font-weight: bold;}

.novinky {padding: 3px 0 5px 0;}
.datum {display: block; clear: both; background-color: #fff; padding: 2px 5px; margin: 3px 0 0 0;}
.datum span {background-color: #fff; font-weight: normal; font-size: 10px; color: #000; border-top: 1px solid #f60; border-bottom: 1px solid #f60;}
.novinky p {padding: 0 5px; margin: 0; line-height: 1.2em;}


#subnav {
  display: block;
  margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
	}

#subnav li {
	background-image: none;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-right: 1px solid #ccc;
	}

#subnav a {
  list-style: none;
	float: left;
	padding: 5px 8px;
	text-decoration: none;
	color: #060;
	background-color: #fff;
  border-top: 3px solid #ccc;
	}

#subnav a:hover, #subnav a:active {
	color: #000;
	background-color: #fff;
	border-top: 3px solid #063;
	}

#subnav a.active {
	background-color: transparent;
	color: #000;
	border-top: 3px solid #063;
	}

.tab_reference {border-top: 4px solid #006; border-left: 1px solid #cecee2; width: 100%;}
.tab_reference td {vertical-align: top; padding: 3px 5px; border-bottom: 1px solid #cecee2; border-right: 1px solid #cecee2;}
.tab_reference th {vertical-align: top; padding: 3px 5px; color: #fff; background-color: #006; font-weight: normal;}

.hilite
  {
  background-color: #e5e5f0;
  }

.tab_kestazeni {border-top: 1px solid #cecee2; border-left: 1px solid #cecee2;}
.tab_kestazeni td {vertical-align: top; padding: 5px 10px; border-bottom: 1px solid #cecee2; border-right: 1px solid #cecee2;}

.tab_kestazeni td img {border: 0; padding: 0;}

.tabeshop {border-top: 1px solid #cecee2; border-left: 1px solid #cecee2; width: 100%;}
.tabeshop td {vertical-align: top; padding: 3px 5px; border-bottom: 1px solid #cecee2; border-right: 1px solid #cecee2;}
.prava {text-align: right;}
.prava1 {text-align: right; width: 25px;}
.prava2 {text-align: right; width: 80px;}
.tabeshop a:link, .tabeshop a:active, .tabeshop a:visited, .tabeshop a:hover {font-weight: bold;}

.shopimg {text-align: center;}
#content .shopimage {display: block; margin: 0; padding: 0; text-align: center; position: relative; border: 1px solid #cecee2; background-color: #fff;}
#content .shopimage img {position: relative; border: 0; padding: 0; background-color: #fff; margin: 10px 0;}

.shoptable {border-top: 0; margin: 0; padding: 0; border-left: 1px solid #cecee2; width: 100%;}
.shoptable td {vertical-align: top; padding: 3px 5px; border-bottom: 1px solid #cecee2; border-right: 1px solid #cecee2;}
.shoptable th {vertical-align: top; padding: 3px 5px; border-bottom: 1px solid #cecee2; border-right: 1px solid #cecee2; color: #fff; background-color: #006; font-weight: normal;}
.shoptable .popis {background-color: #e5e5f0; width: 35%;}

.odeslat {text-align: center;}


.tab_kosik {border-top: 1px solid #cecee2; border-left: 1px solid #cecee2; width: 100%;}
.tab_kosik td {vertical-align: top; padding: 3px 5px; border-bottom: 1px solid #cecee2; border-right: 1px solid #cecee2;}
.tab_kosik .pata {background: #fff url("./pic/bcg_menu.gif");}
.tab_kosik th {vertical-align: top; padding: 3px 5px; color: #fff; border-bottom: 1px solid #cecee2; border-right: 1px solid #cecee2; background-color: #006; font-weight: normal;}
#content .odebrat_zkose {position: relative; border: 0; padding: 0; background-color: #fff; margin: 0;}

.kupujici input {text-align: left; width: 250px;}
.kupujici textarea {text-align: left; width: 250px; font-size: 11px; font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif;}

.red {list-style: decimal; line-height: 1.4em; margin-bottom: 18px; color: #f00;}
.red li {background: none; padding-left: 0px; line-height: 1.4em; font-weight: normal;}

.fotogalerie {width: 100%; margin: 0 0 10px 0;}
.fotogalerie td {vertical-align: middle; text-align: center;}
.fotogalerie img {margin-bottom: 5px;}

.zpetnagalerii {margin: 10px; padding: 0; font-size: 10px; text-align: center;}

#printfooter {display: none;}

.mapakontakt {position: relative; border: 1px solid #006; background: #e5e5f0 url('./pic/europe.gif') no-repeat center center; width: 518px; height: 350px;}
.mapakontakt_go {position: absolute; background-color: none; width: 20px; height: 20px; font-size: 5px;}

.cleaner {clear: both;}

.vypocet_zobrazeni{
position: relative;
float: left;
padding: 0 10px 12px 10px;
background-image: url("./pic/bgr_vypocet_dolni.png");
background-position: bottom left;
background-repeat: repeat-x;
}
.sloup{
position: relative;
width: 4px;
border: 1px solid #000;
z-index:2;
float: left;
background-image: url("./pic/konzole_dolni.png");
background-position: bottom left;
background-repeat: no-repeat;
}
.police{
position: absolute;
background-color: gray;
height: 4px;
width: 4px;
}
.mezi{
float: left;

}
.propojeni{
height: 0px;
border-top : 1px dashed silver;
float: left;
width: 100%;
}
#content img.kriz{
padding: 0;
margin: 0;
border: none;
float: left;
display:block;
}
.konzole{
width: 100%;
height: 2px;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
background-color: gray;
float: left;
position: absolute;
}
.strana{
position: relative;
float: left;

}
.dolni{
width: 100%;
height: 3px;
background-color: gray;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
position: absolute;
}