body {text-align: center; font-family: "Verdana CE", Verdana, sans-serif; background: #006 url('../graf/bcg.gif') repeat-x top; color: #000; margin: 0; padding: 0; font-weight: normal;}
body {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small;}

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-color: #e5e5f0; font-family: Trebuchet MS, sans-serif; font-size: 120%; font-weight: bold; padding: 4px; margin: 10px 0 5px 0;}
h2.homep {clear: both; background-image: none; font-family: Trebuchet MS, sans-serif; font-size: 120%; font-weight: bold; padding: 4px 0; margin: 5px 0 5px 0; color: #f30;}

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; border: 1px solid #ccc;}

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

#content ul {list-style: none; margin: 5px 0 5px 0; padding-left: 0; line-height: 1.4em;}
#content li {background: url("../graf/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("../graf/bcg_menu.gif"); padding: 2px 10px; border-left: 1px solid #cecee2; border-right: 1px solid #cecee2;}

.topod {background-color: #e5e5f0; color: #000; padding: 10px 12px; text-align: justify; border: 1px solid #cecee2; margin: 0 0 10px 0; font-size: 95%;}
.home {display: block; position: relative; float: left; width: 300px;}

#aktualne {display: block; position: relative; float: right; width: 184px;}
#aktualne .novinky {text-align: right; padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #f60;}
#aktualne .novinky span {background-color: #f60; padding: 2px 10px; color: #fff; font-weight: bold; line-height: 8px;}
#aktualne p {border-bottom: 4px solid #e5e5f0; padding: 3px 0 10px 0;}
#aktualne p span {color: #f60; font-weight: bold; letter-spacing: -0.1em; padding: 0 5px 0 0;}

#akce {display: block; position: relative; float: left; width: 290px; margin: 15px 0;}
#akce .novinky {padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #f60;}
#akce .novinky span {background-color: #f60; padding: 2px 10px; color: #fff; font-weight: bold; line-height: 8px;}
#akce p {padding-left: 12px;}

#akceted {display: block; position: relative; float: right; width: 220px; margin: 15px 0;}
#akceted .novinky {padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #f60;}
#akceted .novinky span {background-color: #f60; padding: 2px 10px; color: #fff; font-weight: bold; line-height: 8px;}
#akceted p {padding-left: 12px;}

#realizace .nadpis {text-align: right; padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #f60;}
#realizace .nadpis span {background-color: #f60; padding: 2px 10px; color: #fff; font-weight: bold; line-height: 8px;}

.topod a {text-decoration: none; color: #000;}

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('../graf/bcg_mother.gif');}
#header {display: block; position: absolute; top: 0; left: 0; width: 760px; height: 180px; text-align: left; margin: 0; padding: 0; background: #fff url('../graf/bcg_top.gif') no-repeat;}
#logotyp {display: block; position: absolute; top: 32px; left: 37px; 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('../graf/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: 50px; line-height: 34px; margin: 0; padding: 0; font-family: Trebuchet MS, sans-serif; font-size: 25px; font-weight: bold; font-style: italic; color: #fff;}
#header_reseni span {font-size: 30px;}

#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: 127px; margin: 0; padding: 0 0 0 25px; font-size: 79%; list-style-type: none;}
#header_menu li {display: inline; margin: 0; padding: 0; background-image: none;}
#header_menu a:link, #header_menu a:active, #header_menu a:visited {color: #000; text-decoration: none; padding: 0 5px; line-height: 25px; border-left: 1px solid #999;}
#header_menu a.first {border-width: 0;}
#header_menu a:hover {color: #f30;}

#header_menu a.cerv {color: #f00;}
#header_menu a.tucne {font-weight: bold;}

#main {display: block; position: relative; padding-top: 180px; clear: both; margin: 0 20px;}
#menu {display: block; position: relative; float: left; top: 0; left: 0; width: 160px; margin: 0; padding: 0 0 15px 0; background-color: #fff; text-align: center; font-size: 85%;}

#kosimg {display: block; position: absolute; top: 1px; right: 0;}

#menu .messblock {display: block; width: 150px; position: relative; left: 5px; font-size: 90%;}
#menu input.text {display: block; position: relative; width: 148px; margin: 0 0 2px 0; font-size: 100%; border: 1px solid #cecee2; color: #666; padding: 1px 0;}
#menu img.antispam {display: block; position: relative; border: 1px solid #cecee2; width: 70px; height: 16px; float: left;}
#menu #intext {display: block; position: relative; width: 148px; height: 90px; margin: 0 0 2px 0; font-size: 100%; border: 1px solid #cecee2; color: #666; padding: 1px 0; font-family: "Verdana CE", Verdana, sans-serif;}
#menu #inkod {display: block; position: relative; float: right; width: 74px; margin: 0 0 2px 0; font-size: 90%; border: 1px solid #cecee2; color: #666; padding: 2px 0;}
#menu input.ukryt {display: none; border-width: 0;}


#menu h2 {display: block; padding: 4px 10px; line-height: 1.2em; margin: 0; color: #fff; background-color: #f60; font-weight: bold; background-image: none; text-align: left;  border-bottom: 1px solid #e5e5f0;font-size: 100%;}

#menul {background: transparent; text-align: left; padding: 0; margin: 0; border-bottom: 20px solid #e5e5f0;  font-size: 88%;}
#menul li {background-image: none; text-align: left; padding: 0; margin: 0;}
#menul a:link, #menul a:active, #menul a:visited {display: block; clear: both; padding: 4px 10px; color: #006; background: #fff; font-size: 11px; text-decoration: none; border-bottom: 1px solid #e5e5f0;}
#menul a:hover, #menul a.selected {display: block; clear: both; color: #000; background-color: #cecee2; background-image: none; border: 0; border-bottom: 1px solid #cecee2;}


#content {display: block; position: relative; float: right; top: 5px; right: 10px; width: 520px; margin: 0; padding: 0 0 10px 0; background-color: #fff; font-size: 86%;}
#content img {position: relative; border: 1px solid #006; padding: 5px; background-color: #fff;}
#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('../graf/bcg_footer.gif') repeat-y; color: #669; font-size: 10px;}
#footer p {clear: both;}
#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;}
#nahoru {display: block; position: relative; float: right; clear: both; width: 540px; right: 20px; background-color: #fff; margin: 0; padding: 12px 0 10px 0; text-align: center;}
#nahoru img {margin: 0; padding: 0; border: 0;}

.centr {text-align: center;}

.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;}

.home_table {width: 520px; border: 0;}
.home_table td {vertical-align: top;}
.home_table .delic {width: 5px; border: 0; background: #fff url('../graf/home_delic.gif') repeat-y;}
.home_table .nadpis {background-color: #e5e5f0; 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("../graf/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("../graf/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;}

.homesort {display: block; position: relative; min-height: 90px;}
.homesort h2 a {color: #fff; text-decoration: none;}
#content img.sortiment {display: block; position: absolute; top: 0; left: 0; padding: 7px; background-color: #fff; border-width: 0; border-top: 5px solid #006;}
.homesort h2 {display: block; position: relative; margin: 0 0 0 95px; font-size: 120%; line-height: 25px; padding: 0 0 0 10px; background-color: #006; color: #fff; background-image: none;}
.homesort p {display: block; position: relative; margin: 0 0 0 105px; padding: 7px 0; line-height: 1.3em;}
a.vice {background: transparent url("../graf/li_back.gif") no-repeat 0 50%; padding-left: 14px; line-height: 1.8em;}
.cistic {clear: both;}

.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("../graf/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('../graf/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('../graf/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('../graf/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('../graf/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('../graf/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("../graf/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 select {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('../graf/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("../graf/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("../graf/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;
}

.zpetne_odkazy {display: block; font-size: 9px; color: #99c; margin: 0; padding: 5px 0 15px 0;}
.zpetne_odkazy a:link    {color: #669; text-decoration: none;}
.zpetne_odkazy a:active  {color: #669; text-decoration: none;}
.zpetne_odkazy a:visited {color: #669; text-decoration: none;}
.zpetne_odkazy a:hover   {color: #99c; text-decoration: underline;}

.cerv {color: #f00;}
.tucne {font-weight: bold;}

.lmenu_note {font-size: 8px; font-weight: bold;}

.leftimage {float: left; margin: 0 15px 5px 0;}
.cistic {clear: both;}

#reference {width: 100%;}
#reference td {vertical-align: middle; text-align: center;}
#reference img {border-width: 0;}