@import "reset.css";

body 	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background:#fff;
	color:#636363;
	line-height:1.7;
	}
p {
	margin:0;
  padding:10px 0 0 0;
	font-size:1em;
	}
hr, .no {
	display:none;
	}
a {
	color:#ff0000;
	text-decoration:underline;
	outline:none;
	}
a:hover{
	color:#ff0000;
	text-decoration:none;
	}


/* H1 REPLACE
------------------------------*/
#top h1 {
	display:block;
	position:absolute;
	width:215px;
	height:98px;
	left:0;
	top:0;
	text-align:center;
	font-size:2em;
	text-indent:-9999px;
	background:url(../design/logo.png) 0 0 no-repeat;
	}
#top h1 span {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:url(../design/logo.png) 0 0 no-repeat;
	cursor:pointer;
	}

/* LAYOUT
------------------------------*/
#all {
	position:relative;
	width:960px;
	margin:0 auto;
	}
#top {
	position:relative;
	width:100%;
	height:98px;
	background:url(../design/top.png) top right no-repeat;
	}
#container {
	width:960px;
	background:url(../design/container.gif);
	position:relative;
	}
#container-wrapper {
	width:960px;
	background:url(../design/container-wrapper.gif) center top no-repeat;
	position:relative;
	}
.clean {
	clear:both;
	width:960px;
	font-size:0;
	height:30px;
	background:#fff url(../design/footer.gif) no-repeat;
	}

/* LAYOUT
------------------------------*/
#top ul {
	height:21px;
	width:552px;
	overflow:hidden;
	position:absolute;
	top:77px;
	left:215px;
	list-style:none;
	}
#top ul li {
	height:21px;
	width:108px;
	float:left;
	margin-right:2px;
	list-style:none;
	}
#top ul li a {
	display:block;
	border:1px solid #cfcfcf;
	border-bottom:none;
	height:20px;
	width:106px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	background:#ededed url(../design/topmenu.png) 0 0 no-repeat;
	color:#000;
	font-weight:bold;
	}
#top ul li a:hover {
	text-decoration:none;
	border:1px solid #489ae6;
	border-bottom:none;
	background:#489ae6 url(../design/topmenu.png) 0 -20px no-repeat;
	color:#fff;
	}
#top .t1 {
	width:109px;
	}
#top .t1 a {
	width:107px;
	}

/* SIDEBAR
------------------------------*/
#sidebar {
	float:left;
	width:215px;
	padding:21px 0 0 0;
	}
.login {
	background:#daebfa url(../design/login.gif) repeat-y;
	width:198px;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:8px;
	}
.login label {
	display:inline-block;
	width:45px;
	float:left;
	margin-top:4px;
	clear:both;
	}
.login input {
	float:left;
	margin:4px 0 0 0;
	padding:0;
	}
.login .login-input,
.login .login-input2 {
	height:19px;
	width:139px;
	background:url(../design/login-input.gif) no-repeat;
	border:none;
	padding:2px 5px 0 5px;
	border-right:1px solid #ccc;
	}
.login .login-input2 {
	width:120px;
	border-right:none;
	}
.login .login-submit {
	height:21px;
	width:20px;
	background:url(../design/login-submit.gif) no-repeat;
	border:none;
	}
.login form {
	height:60px;
	}
.login p {
	color:#636363;
	text-align:right;
	position:relative;
	clear:both;
	padding:0 4px 0 0;
	margin:0;
	}
.login a {
	color:#636363;
	}

#sidebar .menu {
	background:#0062bd url(../design/produkty.gif) top left no-repeat;
	width:215px;
	padding:25px 0 0 0;
	}
#sidebar ul {
	width:215px;
	list-style:none;
	}
#sidebar ul li {
	width:215px;
	list-style:none;
	border-bottom:1px solid #297bc8;
	background:#0062bd
	/*background:#0062bd url(../design/ulli.png) repeat-y;*/
	}
#sidebar ul li img{
	margin-left:10px;
	}

#sidebar ul li a {
	width:179px;
	color:#fff;
	text-decoration:none;
	padding:2px 10px 2px 6px;
/*
	display:block;
	background:url(../design/plus.gif) 7px 8px no-repeat;
*/
	}

#sidebar ul li a:hover {

	background:#5ba7ed;
	}
#sidebar ul li.active a {
	background:#448fd5;
	}


#sidebar ul ul {
	background:#5ba7ed;
	}
#sidebar ul ul li {
	border-top:1px solid #75b5f0;
	border-bottom:none;
	background:#5ba7ed url(../design/ululli.gif) repeat-y;
	}
#sidebar ul ul li a,
#sidebar ul li.active ul li a {
	background:url(../design/ulul.gif) 26px 9px no-repeat;
	padding:2px 10px 2px 40px;
	width:165px;
	}
#sidebar ul ul li a:hover,
#sidebar ul li.active ul li a:hover {
	text-decoration:underline;
	}

.copyright {
	text-align:right;
	width:195px;
	padding:40px 10px 0 10px;
	font-size:0.9em;
	}

/* CONTENT
------------------------------*/
#content {
	width:524px;
	float:left;
	overflow:hidden;
	padding:17px 13px 15px 13px;
	}
h2 {
	color:#0062bd;
	font-size:1.7em;
	font-weight:normal;
	margin:0;
	padding:15px 0 0 0;
	}
h3 {
	font-size:1.3em;
	font-weight:bold;
	margin:0;
	padding:15px 0 0 0;
	color:#0062bd
	}
h4 {
	font-size:1.2em;
	font-weight:bold;
	color:#0062bd;
	border-bottom:1px dashed #ccc;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	}
#content ul {
	margin:0;
	padding:12px 0 5px 27px;
	list-style:square;
	position:relative;
	}
#content ul ul {
	margin:0;
	padding:5px 0 5px 27px;
	list-style:disc;
	position:relative;
	font-size:0.9em;
	}
#content ul li {
	padding:0 0 0 7px;
	font-size:1.1em;
	}
#content ol {
	margin:12px 0 5px 34px;
	padding:0;
	list-style:decimal;
	}
#content ol li {
	margin:0;
	padding:0;
	font-size:1.1em;
	}
table {
	margin:12px 0;
	}
table td {
/*
	border-bottom:1px solid #DBDBDB;
	border-right:1px solid #DBDBDB;
	padding:4px 5px;*/
	}
table tr.nadpis-tabulky td {
	font-weight:bold;
	background-color:#efefef;
	border-bottom:1px solid #999999;
	border-right:0;
	}


.drobky {
	border-bottom:1px dashed #ccc;
	padding-bottom:4px;
	}
.firmy {
	background-color:#636363;
	width:495px;
	padding:2px 14px 2px 15px;
	margin:10px 0;
	}
#content .firmy ul {
	list-style:none;
	background-color:#636363;
	margin:0;
	padding:0;
	}
#content .firmy ul li {
	width:165px;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	line-height:1.3em;
	}
#content .firmy ul li a {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.9em;
	}
#content .firmy ul li a:hover {
	color:#fff;
	text-decoration:underline;
	}
.cl {
	clear:both;
	height:1px;
	font-size:0;
	width:100%;
	}

#razeni {
	text-align:right;
	}
#razeni * {
	vertical-align:middle;
	}

.box {
	width:524px;
	background:url(../design/box.png) no-repeat;
	margin-top:5px;
	position:relative;
	padding-top:7px;
	}
.box table {
	width:510px;
	margin:0 7px;
	}
.box table td {
	border:none;
	vertical-align:top;
	padding:0;
	position:relative;
	}
.box table h3 {
	font-size:1.1em;
	font-weight:bold;
	color:#000000;
	padding:0;
	margin:0;
	}
.box table h3 a {
	color:#000000;
	}

.pridat {
	width:123px;
	height:101px;
	background-color:#f2f2f2;
	position:absolute;
	right:7px;
	bottom:7px;
	}
.pridat p {
	text-align:center;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	}
.pridat p span {
	text-align:center;
	color:#000;
	font-size:0.75em;
	font-weight:normal;
	}
.add {
	background:url(../design/koupit.gif) no-repeat;
	height:34px;
	width:123px;
	position:absolute;
	left:0;
	bottom:0;
	padding:0;
	}
.image {
	height:140px;
	width:140px;
	}
.cl-box {
	width:100%;
	height:5px;
	font-size:0;
	background:url(../design/box-bottom.png) no-repeat;
	}

.pridat-kosik {
	width:510px;
	background:url(../design/box.png) no-repeat;
	position:relative;
	padding:7px;
	}
.pridat-kosik p {
	padding-top:5px;
	padding-bottom:5px;
	}
.pridat-text {
	color:#000;
	background-color:#e0e0e0;
	padding:3px 5px !important;
	margin:0;
	font-weight:bold;
	}
.pridat-nazev {
	margin:5px 0 5px 0;
	font-size:1.1em;
	color:#0062BD;
	font-weight:bold;
	border-bottom:1px dashed #ccc;
	}
.pridat-input {
	width:27px;
	text-align:center;
	}
.cervena {
	color:#FF0000;
	}
.zelena {
	font-weight:bold;
	color:#659d07;
	}
.kosik {
	position:absolute;
	right:10px;
	bottom:0px;
	width:auto;
	}
.cl-box2 {
	width:524px;
	position:absolute;
	bottom:0;
	left:0;
	height:5px;
	font-size:0;
	display:block;
	background:url(../design/box-bottom.png) no-repeat;
	}

.success {
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	background-color:#0062BD;
	width:210px;
	text-align:center;
	height:35px;
	line-height:35px;
	margin:30px auto 25px auto;
	display:block;
	}

.kosik-buttony {
	height:35px;
	}
.kosik-buttony a {
	font-size:11px;
	text-transform:uppercase;
	padding:2px 7px;
	float:left;
	margin-right:10px;
	background-color:#0062bd;
	color:#fff;	
	text-decoration:none;
	}
.kosik-buttony a:hover {
	background-color:#63991d;
	color:#fff;	
	text-decoration:none;
	}
.right {text-align:right;}
.left {text-align:left;}
.kosik-tab td {
	background-color:#e0e0e0;
	}
.upravit {
	font-size:11px;
	text-transform:uppercase;
	padding:3px 7px;
	background-color:#63991d;
	color:#fff;	
	text-decoration:none;
	border:none;
	cursor:pointer;
	}
.upravit:hover {
	background-color:#000;
	}
.zebra td {
	background-color:#F4F4F4;
	}
.soucet {
	border-top:1px solid #F4F4F4;
	font-size:1.1em;
	}

/* PAGES
------------------------------*/
#pages {
	position:relative;
	padding:15px 0 0 0;
	}
#pages ul {
	margin:0 !important;
	padding:0 !important;
	font-weight:bold;
	position:relative;
	list-style:none;
	color:#000;
	font-size:11px;
	}
#pages ul li {
	position:relative;
	height:18px;
	line-height:18px;
	width:20px;
	float:left;
	text-align:center;
	display:block;
	padding:0;
	margin:0 3px 0 0;
	}
#pages ul li.this a {
	background-color:#636363;
	color:#fff;
	border:1px solid #636363;
	}
#pages ul li.this a:hover {
	background-color:#636363;
	color:#fff;
	}
#pages ul li a {
	text-decoration:none;
	border:0;
	display:block;
	line-height:18px;
	height:18px;
	display:block;
	color:#000;
	border:1px solid #000;
	}
#pages ul li a:hover {
	text-decoration:none;
	background-color:#0062bd;
	color:#fff;
	}

/* SIDEBAR2
------------------------------*/
#sidebar2 {
	float:right;
	width:195px;
	overflow:hidden;
	padding:21px 0 0 0;
	}
.hledani {
	background:url(../design/sidebar2-modra.gif) repeat-y;
	padding:10px 9px 5px 9px;
	border-bottom:1px solid #ccc;
	}
.hledani input {
	float:left;
	margin:4px 0 0 0;
	padding:0;
	}
.hledani .hledani-input {
	height:19px;
	width:145px;
	background:url(../design/login-input.gif) no-repeat;
	border:none;
	padding:2px 5px 0 5px;
	border-right:none;
	}
.hledani .hledani-submit {
	height:21px;
	width:20px;
	background:url(../design/login-submit.gif) no-repeat;
	border:none;
	}
.hledani #vse {
	margin-top:8px;
	clear:both;
	float:none;
	}
.hledani label {
	padding-left:2px;
	position:relative;
	}

.newsletter-submit {
	height:21px;
	width:75px;
	background:url(../design/newsletter-submit.gif) no-repeat;
	border:none;
	margin-top:4px;
	}
.skype {
	width:195px;
	padding:25px 0 0 0;
	background:url(../design/skype.gif) no-repeat;
	}
.skype div {
	width:194px;
	height:60px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	}
.newsletter {
	width:195px;
	background:url(../design/newsletter.gif) no-repeat;
	padding:25px 0 0 0;
	border-bottom:1px solid #ccc;
	}
.newsletter div {
	background:url(../design/sidebar2-modra.gif) repeat-y;
	padding:10px 9px 5px 9px;
	}
.hledat {
	height:19px;
	width:166px;
	background:url(../design/hledat.gif) no-repeat;
	border:none;
	padding:2px 5px 0 5px;
	}
.newsletter-submit {
	height:21px;
	width:75px;
	background:url(../design/newsletter-submit.gif) no-repeat;
	border:none;
	margin-top:4px;
	}
#odhlasit {
	position:relative;
	top:-7px;
	margin-left:15px;
	}
.newsletter label {
	position:relative;
	top:-7px;
	}

#sidebar2 .reklama {
	width:178px;
	margin:0 8px 0 9px;
	padding:12px 0;
	line-height:normal;
	font-size:0;
	}

.info {
	background:url(../design/info.gif) no-repeat;
	padding:21px 10px 0 10px;
	}
.info h3 {
	font-size:1em;
	padding:0 0 0 20px;
	margin:0;
	background:url(../design/datum.gif) 0 2px no-repeat;
	color:#b6c8eb;
	}
.info h3 a {
	color:#636363;
	}
.info h3 a:hover {
	color:#636363;
	}
.news {
	padding:10px 0 10px 0;
	border-bottom:1px solid #f1f1f1;
	}
.info p {
	padding:5px 0 0 0;
	position:relative;
	margin:0;
	color:#636363;
	font-size:1em;
	}
.info .datum {
	color:#999;
	}

.empty {
	width:195px;
	padding:0px 0 0 0;
	background:url(../design/empty.gif) no-repeat;
	}

.empty .title{
	color:white;
	font-weight:bold;
	font-size:11px;
	text-transform : uppercase;
	padding:5px 0 2px 10px;
	}

/* LEFT + RIGHT
------------------------------*/
.vlevo {
	float:left;
	margin:0 10px 10px 0;
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #e7e7e7;
	z-index:1;
	}
.vpravo {
	float:right;
	margin:0 0 10px 10px;
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #e7e7e7;
	z-index:1;
	clear:left;
	}
.center {
	text-align:center;
	}

/* FORMULÁŘ
------------------------------*/
#form label {
	display:inline;
	line-height:1.8;
	vertical-align:top;
	position:relative;
	left:-183px;
	font-size:13px;
	width:115px;
	font-weight:bold;
	}
#form ol li input,
#form ol li select,
#form ol li textarea {
	position:relative;
	left:110px;
	width:180px;
	padding:1px;
	font-size:13px;
	border:1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	}
#form ol li textarea {
	width:280px;
	height:200px;
  }
#form ol li label.zemTextarea {
	left:-283px;
	}
#form fieldset {
	border:0;
	margin:10px 0;
	padding:10px 0 20px 0;
	position:relative;
	}
#form fieldset ol {
	margin:0;
	padding:15px 0 0 0;
	position:relative;
	height:auto;
	}
#form fieldset li {
	list-style:none;
	position:relative;
	padding:3px 0;
	}
legend {display:none;}
#form input.zemSubmit {
	width:90px;
	height:25px;
	}
#form input.zemRequired {background-color:#FFFFE8;}
#form input.zemRequirederrorElement {background-color:#FFDDDD;}
#form .alert {color:#ff3700;}
#form ul.zemError li {
	padding:0 0 0 10px !important;
	margin:0;
	list-style:square;
	}