@charset "utf-8";
/* CSS Document - main stylesheet */

/* -- universal stylesheet's -- */
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	}
html, body {
	background: black;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: black;
	}	
h1 {
	margin: 0px;
	height: 90px;
	color: white;
	text-align: left;
	font-size: 16px;
	}
h2 {
	margin: 5px 0px 5px 0px;
	color: white;
	font-size: 14px;
	}
h3 {
	text-align: center;
	display: block;
	margin: 15px 0px 15px 0px;
	font-size: 14px;
	color: #FFCC00;
	}
h4 {
	border-bottom: 1px solid #FF3333;
	}
h5 {
	width: 520px;
	margin: 5px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	display: block;
	font-size: 13px;
	background: #333333;}
h6 {
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	margin: 5px;
	display: block;
	text-align: left;}
img {
	margin: 0px auto 20px auto;
	border: none;
	}
img.img_m {
	margin: 10px auto;
	}
img.img_akce {
	margin: 0px auto;
	}

.end {
	clear: both;
	}
.red {
	color: #CC0000;
	font-weight: bold;
	display: block;
	}
.red_2 {
	color: #FF3300;
	font-weight: bold;
	display: block;
	width: 520px;
	text-align: center;
	margin-top: 20px;
	}
	
.bold {
	font-weight: bold;}
.yellow {
	color: #FFCC00;
	font-weight: bold;}
.textik {
	font-size: 11px;
	display: block;
	margin: 5px;}
a {
	color: #FFCC00;
	font-weight: bold;}
a:hover {
	color: #CC0000;}
/* -- end of  universal stylesheet's -- */
/* -- main div block's -- */
#main {
	margin: 0px auto;
	text-align: center;
	width: 768px;
	_height: 500px;
	min-height: 500px;
	border-left: 2px solid white;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	background-image: url('../images/other/back.gif');
	}
#left {
	width: 550px;
	min-height: 400px;
	_height: 400px;
	float: left;
	padding: 10px 0px 0px 0px;
	}
#right {
	float: right;
	}
#text-right {
	text-align: center;
	width: 180px;
	color: white;
	font-weight: bold;
	margin: 80px 0px 30px 20px;
	}
#footer {
	width: 550px;
	height: 20px;
	padding-top: 5px;
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	}
#menu-bottom {
	width: 550px;
	height: 20px;
	background: white;
	}
#menu-bottom a {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 10px;
	color: black;
	border-right: 2px solid black;
	}
#menu-right ul {
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
	}
#menu-right ul li {
	width: 195px;
	height: 23px;
	margin: 5px 0px 5px 15px;
	background-image: url('../images/other/menu_back.gif');
	text-align: left;
	}
#menu-right ul li a {
	color: white;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	width: 170px;
	height: 18px;
	_height: 18px;
	display: block;
	padding-left: 10px;
	padding-top: 5px;
	}
#menu-right ul li a:hover {
	text-decoration: underline;
	border-left: 2px solid white;
	}
#menu-bottom a.last {
	border-right: none;
	}	
#menu-bottom a:hover {
	text-decoration: underline;
	}
#menu-eshop {
	width: 120px;
	height: 75px;
	background: #333333;
	margin-left: 100px;
	padding-top: 3px;
	}	
#menu-eshop ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px;
	}
#menu-eshop ul li {
	margin: 5px auto;
	width: 120px;
	height: 20px;
	color: white;
	}	
#menu-eshop ul li a {
	width: 120px;
	height: 15px;
	display: block;
	color: white;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#menu-eshop ul li a:hover {
	background: #d7352c;
	}	

#menu-sortiment {
	margin: 20px 0px 10px 7px;
	text-align: right;
	width: 206px;
	}
#menu-sortiment ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#menu-sortiment ul li {
	margin: 5px 0px;
	display: block;
	color: white;
	}	
#menu-sortiment ul li.nadpis {
	background: #780517 url('../images/other/sipka_down.gif') top right no-repeat;
	padding: 9px 25px 5px 0px;
	font-weight: bold;
	}
#menu-sortiment ul li a {
	padding: 0px 7px 0px 0px;
	min-height: 20px;
	_height: 20px;
	display: block;
	color: white;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-right: 2px solid #333333;
	line-height: 25px;
	}
#menu-sortiment ul li a:hover {
	background: #780517;
	border-right: 2px solid white;
	}
#menu-sortiment ul li a.sort-active {
	background: #780517;
	border-right: 2px solid white;
	}
#logo {
	background: url('../images/other/logo.jpg') no-repeat;
	text-align: left;
	margin: 0px 10px;
	display: block;
	width: 200px;
	height: 100px;
	}	
#logo a {
	visibility: hidden;
	}
#left-text {
	width: 300px;
	float: left;
	color: white;
	}	
#left-other {
	width: 230px;
	min-height: 150px;
	_height: 150px;
	float: right;
	color: white;
	text-align: center;
	}	
.text {
	text-align: justify;
	padding: 0px 5px 5px 10px;
	}	
.none {
	display: none;
	}	
#eshop {
	margin-top: 150px;
	color: white;
	text-align: left;
	margin: 20px 10px 10px 10px;
	min-height: 500px;
	_height: 500px;}
	
/* -- seznam zbozi ve skupine -- */
.zbozi-small {
	width: 520px;
	margin: 5px 5px 5px 5px;
	border-bottom: 1px solid white;}
.zbozi-small-header {
	width: 520px;
	min-height: 5px;
	_height: 0px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	display: block;
	background: #333333;}
.zbozi-small-left {
	width: 130px;
	_height: 105px;
	min-height: 105px;
	float: left;
	text-align: center;}
.zbozi-small-left img {
	margin: 5px auto;
	border: none;}
.zbozi-small-middle {
	width: 264px;
	_height: 105px;
	min-height: 105px;
	float: left;}
.zbozi-small-middle a {
	display: block;
	font-weight: bold;
	margin: 3px 0px 5px 5px;
	font-size: 18px;
	color: #FFCC00;}
.zbozi-small-middle a.vice {
	font-size: 12px;
	color: white;
	display: inline;}
.zbozi-small-middle a.vice:hover {
	text-decoration: underline;}
.zbozi-small-middle a:hover {
	color: #d7352c;}
.zbozi-small-right {
	width: 120px;
	_height: 105px;
	min-height: 105px;
	float: right;
	text-align: right;}
.zbozi-small-right .cena_nadpis {
	font-weight: bold;
	font-size: 12px;
	color: #FFCC00;
	display: block;
	margin: 5px 5px 5px 0px;}
.zbozi-small-right .cena_not {
	text-decoration: line-through;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 5px 10px 0px;}
.zbozi-small-right .cena_main {
	font-weight: bold;
	font-size: 15px;
	color: #FF3300;
	margin: 0px 5px 10px 0px;}
.zbozi-small-footer {
	height: 20px;
	color: white;
	background: #333333;
	border-left: 1px solid white;
	border-right: 1px solid white;}
.zbozi-small-footer-nmb {
	float: left;
	font-weight: bold;
	margin: 0px 0px 0px 6px;
	line-height: 20px;}
.zbozi-small-footer-kosik {
	float: right;
	width: 150px;
	font-weight: bold;}
#eshop form {
	margin: 2px 0px 2px 0px;
	padding: 0px;}
#eshop form fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
	}
#eshop form input, label {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	border: none;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	height: 15px;
	}
#eshop form input.kosik_ks {
	background: white;
	width: 15px;
	text-align: center;
	color: black;
	}
#eshop form input.koupit   {
	background: #333333;
	width: 53px;
	text-align: center;
	color: #FFCC00;
	font-size: 11px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	}
	
/* -- detail zbozi -- */
.zbozi {
	width: 520px;
	margin: 5px 5px 5px 5px;
	border-bottom: 1px solid white;}
.zbozi-header {
	width: 520px;
	min-height: 20px;
	_height: 20px;
	color: white;
	font-weight: bold;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	display: block;
	background: #333333;
	line-height: 20px;}
.zbozi-header a {
	color: #FFCC00;}
.zbozi-header a:hover {
	color: #d7352c;}
.zbozi-left {
	width: 200px;
	_height: 105px;
	min-height: 105px;
	float: left;
	text-align: center;
	padding-top: 10px;}
.zbozi-right {
	width: 320px;
	float: right;
	}
.zbozi-right .nazev {
	display: block;
	font-weight: bold;
	margin: 3px 0px -10px 5px;
	font-size: 18px;
	color: #FFCC00;}
.zbozi-right .cena {
	position: relative;
	top: -10px;
	left: 200px;
	display: block;
	width: 120px;
	height: 90px;
	text-align: right;}
.zbozi-right .cena .cena_nadpis {
	font-weight: bold;
	font-size: 12px;
	color: #FFCC00;
	display: block;
	margin: 5px 5px 5px 0px;}
.zbozi-right .cena .cena_main {
	font-weight: bold;
	font-size: 15px;
	color: #FF3300;
	margin: 0px 5px 10px 0px;}
.zbozi-right .cena .cena_not {
	text-decoration: line-through;
	font-weight: bold;
	font-size: 13px;
	margin: 0px 5px 10px 0px;}
.zbozi-right-text {
	margin: 10px 5px 5px 5px;
	text-align: left;
	}
.strankovani {
	width: 519px;
	margin: 5px 5px 5px 5px;
	height: 16px;
	text-align: center;
	font-weight: bold;
	background: #333333;
	color: white;
	border-left: 1px solid white;
	border-right: 1px solid white;}
.strankovani a {
	color: white;}
.strankovani a:hover {
	text-decoration: underline;
	}	
	
/* -- tabulka objednavka -- */
#objednavka {
	min-height: 320px;
	_height: 320px;}
table#table-objednavka {
	width: 521px;
	border-collapse: collapse;
	border: 2px solid white;
	margin: 20px 0px;
	color: white;
	font-size: 11px;}
table#table-objednavka td {
	border: 1px solid white;
	height: 30px;
	text-align: center;
	font-weight: bold;}
table#table-objednavka td.obj_cislo_main, td.obj_nazev_main, td.obj_ks_main, td.obj_cena_main, td.obj_cena-celk_main {
	color: #FFCC00;}
table#table-objednavka td.obj_cislo_main {
	width: 65px;}
table#table-objednavka td.obj_cena_main {
	width: 75px;}
table#table-objednavka td.obj_cena-celk_main {
	width: 75px;}
table#table-objednavka td.obj_aktualizovat_main {
	width: 90px;}
table#table-objednavka td.obj_ks_main, td.obj_ks {
	width: 50px;
	text-align: center;}
table#table-objednavka form, fieldset, input {
	margin: 0px;
	padding: 0px;
	border: 0px;}
table#table-objednavka input.obj_input_ks {
	width: 30px;
	height: 15px;
	text-align: center;
	font-weight: bold;
	}
table#table-objednavka input.obj_input_akt {
	width: 80px;
	font-weight: bold;
	border: 1px solid #FFCC00;
	color: white;
	background: black;}
table#table-objednavka td.objednat {
	text-align: right;
	background: #333333;}
table#table-objednavka td.zpet {
	text-align: left;
	background: #333333;}
table#table-objednavka a {
	color: white;
	margin: 3px 3px 3px 0px;
	border: 1px solid #FFCC00;
	height: 20px;
	padding: 3px 10px;
	}	
table#table-objednavka a:hover {
	color: #FFCC00;
	border: 1px solid white;}
#zakaznik {
	margin: 0px 0px;
	padding: 0px 20px;
	text-align: left;
	width: 500px;
	border-left: 2px groove #FFCC00;} 
#zakaznik fieldset {
	width: 460px;}
#zakaznik textarea {
	width: 480px;
	height: 60px;
	border: 1px solid #FFCC00;
	margin: 0px 0px 15px 0px;
	font-size: 11px;}
#zakaznik select {
	width: 480px;
	height: 20px;
	border: 1px solid #FFCC00;
	margin: 0px 0px 30px 0px;
	font-weight: bold;}
#zakaznik option {
	font-weight: bold;}
#zakaznik legend {
	color: #FFCC00;
	font-weight: bold;
	font-size: 13px;}
#zakaznik input {
	margin: 3px 10px;
	background: #333333;
	width: 220px;
	border: 1px solid #FFCC00;
	height: 17px;
	display: block;
	color: white;}
#zakaznik input#objednat {
	border: 2px solid #FFCC00;
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	}

/* -- dotaznik -- */

form#form-dotaz {
	width: auto;
	margin: 10px;
	text-align: left;
	}
form#form-dotaz fieldset {
	border-right: 1px solid #FFCC00;}
form#form-dotaz legend {
	margin-left: 70px;
	color: #FFCC00;
	font-weight: bold;}
form#form-dotaz label, input, textarea {
	font-weight: bold;
	display: inline;
	margin-bottom: 5px;
	width: 200px;
	border: none;}
form#form-dotaz input#dotaz-send {
	_margin-left: 10px;}
#distribute img {
	margin: 2px;
	}