* {
	/*border: 1px solid black !important;*/
	font-size: 13px;
	/*font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;*/
	font-family: 'Trebuchet MS', Trebuchet MS, 'Arial CE', Arial, 'Helvetica CE', Helvetica, sans-serif; line-height: 135%;
}
body { margin: 0; padding: 0; background: #d8811a;}
a {color: #000000; text-decoration: none;}
a:hover {	text-decoration: underline;}
.arial {font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;}
.arial-m {font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; font-size:10px;}

h1 {color: #3477cf; font-size: 18px; font-weight: bold; margin: 0 0 20px 0; padding-bottom: 4px; background: url("/design/pozadi-h1.gif") 0 bottom no-repeat;}
h2 {color: #3477cf; font-size: 18px; font-weight: bold; margin: 0 0 20px 0; padding-bottom: 4px; background: url("/design/pozadi-h1.gif") 0 bottom no-repeat;}

form {margin: 0; padding: 0;}
.obal { width: 1000px; margin: 25px auto; text-align: left;	position: relative;	top: 0;	left: 0;}
.hlavicka {	width: 997px;	height:138px;	background: url("/design/pozadi-hlavicka1.gif") no-repeat;}
#logo {position: absolute; top: 26px; left: 30px;}
#tep {position: absolute; top: 10px; left: 440px;}
.prostredek {	padding: 0 0 0 10px; min-height: 650px;	background: url("/design/pozadi-prostredek1.gif") repeat-y;}
.pravy {float: left;	width: 615px; padding: 0 15px 0 0;}
.cely {width:950px; padding:25px 15px 25px 15px;}
.paticka {background: url("/design/pozadi-paticka1.gif") top left no-repeat; height:50px;}
.paticka-ikony {text-align:right; padding:30px 10px 0 0;}
.nezobrazit {display:none;}
.nepretekat {clear:both;}
.banner {float: left; margin: 0 30px 0 0}
#seznam {margin: 0}

/* definice stylu pro hlavicku */
.klientsky {position: absolute; top: 80px; right: 20px; width: 110px; height:18px; padding: 2px 0 0 5px; background: url(/design/klientsky-servis.gif) no-repeat;}
.klientsky-odkaz a {color: #989898; font-size: 11px; text-decoration: none; padding: 0 0 0 3px;}
.klientsky-odkaz a:hover {color: White; font-size: 11px; text-decoration: none;}
#vyhledavac {position:absolute; top:114px; right:25px;}
#vyhledavac form .text {width:150px; height:14px;}
#vyhledavac form .submit {width:19px; height:19px; cursor:pointer; border:0; background:url("/design/hledat.png") no-repeat;}
.vysledky {width:900px; padding:0 10px 10px 0; margin:-20px 0 0 0; background:#f1f1f1;}
/*
.hlavicka-menu {float: left; line-height: 29px;	padding: 0 15px 0 15px;	border-right: 1px solid #a9a9a9;}
.hlavicka-menu a {	color: #bfbfbf;  font-size: 15px;}
.hlavicka-menu a:hover {text-decoration: none; color: White;}
*/

/* definice stylu pro nabidkove menu */
#nabidka {position: absolute; top: 109px; left: 10px; z-index:999;}
#nabidka ul {margin:0 0 0 -40px; list-style:none;}
#nabidka ul li {float: left;  padding: 3px 15px 5px 15px; border-right: 1px solid #a9a9a9;}
#nabidka ul li a {color: #bfbfbf;  font-size: 15px;}
#nabidka ul li a:hover, #nabidka ul li a:active, #nabidka ul li a:focus {text-decoration: none; color: White;}
#nabidka ul li a#nabidka-active {padding:10px; font-weight:bold; color:#fff; text-decoration:none;}
#nabidka ul li.first a {}
#nabidka ul li.first a#nabidka-active {}
#nabidka ul li#nabidka-last div, #nabidka ul li#nabidka-last-02 div {}
#nabidka ul li.zobrazit div {visibility:visible; margin-top:5px;}
#nabidka ul li.skryt div {visibility:hidden;}
#nabidka ul li div {width:220px; display:none; /*\*/ display:block; position:absolute;visibility:hidden; overflow:hidden; border:5px solid #0b0b0b; border-top:none; margin-left:-15px}
#nabidka ul li div a {display:block; width:210px; padding:4px 10px !important; border-bottom:1px solid #494949; background:#2b2b2b; color:#fff; font-size: 100%; text-decoration:none; text-align:left;}
#nabidka ul li div a:hover, #nabidka ul li div a:active, #nabidka ul li div a:focus {background:#6a6969; color:#fff;}
#nabidka ul li ul {margin:0; padding:0;}
#nabidka ul li ul li {float:none; width:auto; padding:0 0 0 0;}

.uvod-banner {margin: 15px 0 0 0;}
.uvod-motyl {position: absolute; top: 260px; left: 900px; z-index:999;}

/* definice stylu pro levou navigaci */
.obal-levy-menu {position: absolute; top: 185px; left: 70px;}
.nadpis-menu {	width: 235px;	font-weight: bold; padding: 5px 0 5px 0;	margin: 0 0 5px 0;	border-bottom: 1px dashed #cccccc;	background: url("/design/modra-sipka.gif") right 10px no-repeat;}
#levy {	float: left; width: 347px; min-height: 620px;	background: #f1f1f1 url("/design/pozadi-levy.gif") top left no-repeat;}
#levy ul{ margin:0; padding: 0; list-style:none;}
#levy li {color: #999999;	padding: 4px 0 0 10px; background: url("/design/orange-kosticka.gif") left 9px no-repeat;}
#levy li a {color: #3477cf;}
#levy li a:hover { }
#levy li.tucne {color: #999999;	padding: 4px 0 0 10px; background: url("/design/orange-kosticka.gif") left 9px no-repeat;}
#levy li.tucne a {color: #3477cf; font-weight: bold;}
#levy li.tucne a:hover { }


/* definice textu */
.cervena {color:#cf4c36;}
.seda {color:#BFBFBF;}
.h1-cervena {font-size: 18px; font-weight: bold; color:#cf4c36;}
.modra {color: #3477cf;}
.produkt {color: #cf4c36;}
.produkt a {color: #cf4c36; cursor: help;}
.produkt-maly {color: #cf4c36; font-size: 11px;}
.produkt-maly a {color: #cf4c36; cursor: help; font-size: 11px;}
.textovy-odkaz a {color: #3477cf;}
.textovy-odkaz a:hover {color: #cf4c36;}
.textovy-odkaz-maly a {color: #3477cf; font-size: 11px;}
.textovy-odkaz-maly a:hover {color: #cf4c36; font-size: 11px;}
.obrazek-bez-linky {border: 0px;}
.obrazek-bila-linka {border: 1px solid White;}
.predcisli-nadpis {font-size: 18px; color: Silver !important;}
.upozorneni {background:#cf4c36; font-size: 16px; font-weight: bold; padding: 5px 10px; color: White; border-left: 10px solid #d8811a;}
.upozorneni-cerna {background: Black; font-size: 16px; font-weight: bold; padding: 5px 10px; color: White; border-left: 10px solid #cf4c36;}
.upozorneni-cerna a {font-size: 16px; font-weight: bold; color: White;}
.zpet {color:#aa0000; cursor:pointer; font-weight:bold; position:absolute; top:160px; right:30px;}
.zpet:hover {text-decoration:underline;}
.box {width: 575px; background-color: white; border: 1px solid silver; padding: 5px 10px; margin-bottom: 5px}
.box .nadpis{font-weight: bold; font-size: 14px; color: #3477CF; float: left; width: 455px; }
.box .cena{font-weight: bold; font-size: 14px; color: #3477CF; float: right; width: 120px; text-align: right; }
.box p {font-size: 12px; color: #999999; width: 500px; margin: 0px; line-height: 120%;}


/* definice skupin referenci */
.zalozky {height: 26px; margin: 0 0 0 1px;}
.zal-menu a {float: left; height: 20px; color: #3477cf; font-weight: bold; font-size: 12px;	text-decoration: none; display: block; padding: 5px 10px 0 10px; text-align:center;	background: Silver; border:1px solid Silver; background-position: right 0px; cursor: default;margin-left: -1px;}
.zal-menu-off a {float: left;	height: 20px;	color: #666666; font-weight: bold; font-size: 12px;	text-decoration: none; display: block; padding: 5px 10px 0 10px; text-align:center; background: #dfdfdf; border:1px solid Silver; margin-left: -1px;}
.zal-menu-off a:hover { loat: left;	height: 20px;	color: Black; font-weight: bold; font-size: 12px; display: block;	padding: 5px 10px 0 10px;	text-align:center; background: White;}
.skupina-box {border: 1px solid Silver; background: url("/design/skupina-box-pozadi.png") repeat-x; padding: 20px 10px 10px 10px;}

/* definice stylu reference internet */
.reference-internet-obal {}
.reference-internet-levy {float:left; width:208px;}
.reference-internet-pravy {float:right; width:380px; border: 1px solid Silver; background: White; color:#666666;}
.reference-internet-obrazek a {width: 202px; height: 152px; border: 1px solid Silver; display:block;}
.reference-internet-obrazek a:hover {width: 202px; height: 152px; border: 1px solid Black; display:block;}
.reference-internet-strany a{	height: 19px;	width: 20px;	padding: 2px 0 0 0;	margin: 3px 3px 0 0;	text-align: center;	color: #969696;	text-decoration: none;	background: url("/design/pozadi-strankovani.gif") no-repeat;	background-position: 0 -21px;	float: left;}
.reference-internet-strany a:hover{	height: 19px;	width: 20px;	padding: 2px 0 0 0;	margin: 3px 3px 0 0;	text-align: center;	color: black;	text-decoration: none;	font-weight: bold;	background: url("/design/pozadi-strankovani.gif") no-repeat;	background-position: 0 0;	float: left;}
.reference-internet-pravy-nadpis{font-weight: bold; color: Black; font-size: 16px; padding: 5px 10px;}
.reference-internet-pravy-popis{font-size: 11px; padding: 5px 10px;}
.reference-internet-pravy-popis-modry{font-size: 11px; padding: 2px 10px; color:#3477cf;}
.reference-internet-odkaz-design{float: left; color: #666; margin-top: 10px}


/* definice rozbalovací div */
.cenik_info {float: left; width: 565px; background: Black; padding: 5px 10px; margin: -1px 0 20px 0; color: White; border-left: 10px solid #cf4c36; display: none}
.cenik_info .zavrit {float: right; width: 555px; height: 20px; text-align: right; border-left: 10px solid #cf4c36; background: Black url("/design/iko_zavrit.gif") no-repeat; background-position: 100% 80%; cursor: pointer; text-decoration: underline; padding-right: 20px}
.cenik_info p {color: #999999; margin: 35px 0 0 0; }
.cenik_napoveda {padding-left: 5px; cursor:help; border: 0; }