/*** CSS RESET ***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,a { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
fieldset,img,a { border: 0; outline: none;} 
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } 
ol,ul { list-style: none; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } 
q:before,q:after { content: ''; } 
abbr,acronym { border: 0; }

html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #fff url('../image/bg.jpg') repeat-x top; 
  font-size: 95%; 
  font-family: Verdana, sans-serif; 
  line-height: 1.3;
}

body, td, th, input, textarea, select, a {
	font-size: 12px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}

div#menu_center {
position:absolute; 
margin-left: 600px; 
width: 340px;  
padding: 10px;
text-align: right;
list-style: none;
}

#slideshow {
    position:relative;
    height:237px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


div#banners {height: 210px; width: 274px; float:left;}   
  div#banners img {padding: 0; margin: 0;}

div#javabox {
height: 210px; 
max-width:686px;
float:center;
overflow: visible;
text-align: center;
}


div#menu_center ul li {  
padding: 6px; 
font-weight: bold;
font-size:15px; 
color: #fff; 
margin: 2px 0 0 0; 
background:transparent url('../image/center_menu_bg.png') no-repeat;
background-position: right; 
_background: none;
list-style: none;  
}

div#menu_center ul li a {
text-decoration: none;  
color: #fff;
}

div#menu_center ul li a:hover {
text-decoration: underline; 
color: #fff;
}

a, a:visited {
	color: #1B57A3;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}
p {
	margin-top: 0px;
}
/* layout */
#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	overflow: visible;
}
#header .div2 {
	float: left;
	padding-top: 30px;
	padding-left: 6px;
}
#header .div3 {
	float: right;
	padding-top: 7px;
	height: 38px;
}
#header .div3 a {
	margin-left: 15px;
	padding: 1px 0px 2px 20px;
	background-repeat: no-repeat;
	background-position: left center;
}
#header .div4 {
	font-size: 16px; 
  color: #b3b3b3; 
  float:right; 
  text-align:right; 
  margin-top: 25px; 
  margin-bottom: 0px;
}

div#copyrights{
font-size: 12px; 
font-family: Tahoma; 
color: #5e5e5e; 
text-align: center; 
margin: 0 0 10px 0; 
}

div#copyrights a { text-decoration: none; color: #5e5e5e; }
div#copyrights a:hover { text-decoration: underline; color: #5e5e5e; } 

div#acc { float: right; }
div#acc a { color: #505050; }
div#acc a:hover { text-decoration: underline;} 

.form {border:1px solid #c7c4b8; width: 273px; height: 25px; padding-left:5px; padding-top: 5px; font-family: Arial, "Arial CE", arial, sans; font-size: 12px; color: #000000;} 

div#topmenu {
background-color:#000000;
height:21px;
clear:both;
margin:2px 0 1px;
width:959px;
font-size: 15px;
text-align: left;
}
div#topmenu ul { padding: 0; margin: 0; }
    div#topmenu ul li {float: left; text-align: left; height: 22px; display: inline; padding:0 0 0 0px;}         
    div#topmenu ul a {color: #ffffff; font-size: 12px; border-right: 1px #ffffff solid; text-decoration: none; padding:10px; text-transform: uppercase;}
    div#topmenu ul a:hover {background-color:#fff; color:#000;}


#header .div4 a {
	color: #818181; 
  text-decoration: none;
  padding: 0 10px 0 10px;
	text-transform:uppercase;
}

#header .div4 a:hover {
	color: #3A3A3A;
}

#header .div5 {
	clear: both;
}

#header .div6 {
	clear: both;
	margin-bottom: 10px;
}
#header .div6 .left {
	background: url('../image/header_2_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#header .div6 .right {
	background: url('../image/header_2_right.png') no-repeat;
	width: 5px;
	height: 32px;
	float: right;
}
#header .div6 .center {
	background: url('../image/header_2_center.png') repeat-x;
	height: 32px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
#header .div7 {
	float: right;
	padding-top: 2px;
}
#header .div8 {
	float: left;
}
#header .div9 {
	float: right;
}
#header .div10 {
	float: right; 
}

#header .div10 a {
  	text-decoration: none;
}

#search {
	color: #FFFFFF;
	font-weight: bold;
  margin-top: 35px;
}
#search select {
	border: 1px solid #0A5391;
	padding: 1px;
}
#search a {
	color: #FFFFFF;
}
#search input {
background-color:#FFFFFF;
border:1px solid #DADADA;
font-family:Verdana;
font-size:11px;
margin: 0;
padding:0;
width:200px;
height: 17px;
}

#breadcrumb {
	float: left;
	padding-top: 7px;
	padding-bottom: 11px;
	height: 13px;
	margin-bottom: 10px;
	color: #000000;
}
.switcher {
	float: right;	
	margin-top: 3px;
	margin-left: 10px;
}
.switcher a {
	text-decoration: none;
	display: block;
}
.switcher .selected {
	background: #FFFFFF url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
	border: 1px solid #CCCCCC;
	background: url('../image/arrow_down.png') 116px center no-repeat;
	color: #666666;
	padding: 2px 5px 2px 5px;
	width: 121px;
}
.switcher .selected a:hover {
	background: #F0F0F0 url('../image/arrow_down.png') 116px center no-repeat;
}
.switcher .option {	
	position: absolute;
	z-index: 3;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	display: none;
	width: 131px;
}
.switcher .option a {
	color: #000;
	padding: 3px 5px 3px 5px;
}
.switcher .option a:hover {
	background: #FFC;
}
.switcher img {
	position: relative;
	top: 1px;
}
#column_left {
	float: left;
	width: 180px;
	margin-right: 10px;
	clear: left;
}

#column_right {
	float: right;
	width: 180px;
	margin-left: 10px;
	clear: right;
}

#content {
	margin-left: 190px;
	margin-right: 0px;
	margin-bottom: 10px;
}
#content .top .left {
	background: url('../image/content_top_left.png') no-repeat;
	width: 5px;
	height: 32px;
	float: left;
}
#content .top .right {
	background: url('../image/content_top_right.png') no-repeat;
	width: 5px;
	height: 32px;
	float: right;
}
#content .top .center {
	background: url('../image/content_top_center.png') repeat-x;
	margin-left: 5px;
	margin-right: 5px;
}
#content .top h1 {
	padding: 8px 0px 8px 7px;
}
#content h1, .heading {
	color: #000000;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
}
.heading {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
#content .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
	min-height: 380px;
	width:748px;
}
#content .bottom .left {
	background: url('../image/content_bottom_left.png') no-repeat;
	width: 5px;
	height: 5px;
	float: left;
}
#content .bottom .right {
	background: url('../image/content_bottom_right.png') no-repeat;
	width: 5px;
	height: 5px;
	float: right;
}
#content .bottom .center {
	background: url('../image/content_bottom_center.png') repeat-x;
	height: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
.box {
	margin-bottom: 10px;
	background: url('../image/box_top.png') no-repeat;
}
.box .top {
	padding: 8px 0px 8px 7px;
	color: #000000;
	font-size: 14px;
	font-family:Verdana,  Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.box .top img {
	float: left;
	margin-right: 5px;
}
.box .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
}
.box .bottom {
	height: 5px;
	background: url('../image/box_bottom.png') no-repeat;
}
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
.button {
	padding-left: 8px;
	display: inline-block;
	margin-right: 5px;
	text-decoration: none;
	color:#FFF;
}

.buttonsearch span {
  width:23px;
  font-family:Verdana;
  font-size:11px;
  text-align:center;
	display: inline-block;
	text-decoration: none;
	color: #000000;
}

.buttonsearch a {
text-decoration: none;
}

.buttonlogin {

	display: inline-block;
	text-decoration: none;
	color:black;
}

.buttonlogin span {
  background: url('../image/prihlas.jpg') no-repeat;
}

.button span {
	color: #FFF;
	display: block;
	padding: 4px 12px 5px 5px;
	background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	padding: 5px;
	margin-bottom: 10px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.content2 {
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	padding: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
}
.list {
	margin-bottom: 10px;
	width: 100%;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-bottom: 10px;
}
.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}

.sort .div {
	float: left;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}

.sort .div a {
 color: #000000;
 text-decoration: none;
 font-weight: bold;
}

.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.tabs {
	width: 100%;
	height: 31px;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 15px;
	margin-right: 2px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab_3.png') repeat-x;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.tab_page {
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
	display: block;
	z-index: 2;
	margin-bottom: 10px;
}

.ClearingLine {
clear: both; 
width: 100%; 
height: 1px; 
margin: 1; 
}


div#way {padding: 10px; font-family: Verdana; font-size: 12px; color:#222222;}
div#way a { color:#222222; text-decoration:none;}
div#way a:hover {text-decoration:underline;}
div#thumbnail {font-family: Tahoma; border: 1px solid #e7e7e7; float: left; padding: 10px; text-align: center; clear: left;}
div#thumbnail a {font-size: 11px; color:#4d4d4d; text-decoration: none; padding-left: 20px; background: url('images/lupa.jpg') no-repeat;}
div#thumbnail a:hover {text-decoration: underline;}
  div#item_info ul {float: right; list-style-type: none; text-align: left; display: block; width: 420px;} 
  div#item_info ul li { font-size: 12px; color:#545454; font-weight: bold; float: left; text-align: left; padding: 5px 0 5px 10px; display: block; width: 410px; height: 12px; border-bottom: 1px solid #d7d7d7;}
 div#item_info p {font-size: 12px; color: #545454; float: right; width: 420px; background: url('images/popis.jpg') no-repeat; padding-top: 20px;}


div#footer {padding-top: 35px; color: #333333; font-size: 12px; font-weight: normal; height: 95px; width: 960px; background: #fff url('../image/f_bg.jpg') repeat-x; margin: 2px 0 5px 0;}
div#footer a { text-decoration: none; }


div#akcia {float: left; width: 500px; height: 150px; margin-bottom: 10px;}  
div#ineakcie {float: right; width: 268px; height: 150px; margin-bottom: 10px;}
div#ineakcie img {margin: 0 0 1px 0; padding: 0;}

div#footer h1 {
color: #b50000; 
font-weight: bold; 
font-size: 12px; 
margin: 0; }

div#footer strong {
color: #b50000;
font-size: 11px;
font-weight: normal;  
}

div#newsletter {
height: 60px; 
width: 240px; 
border-right:1px solid #cecece; 
float:left; 
padding: 5px 15px 5px 15px;
}

div#news_form {background-color: #fff; border: 1px #c3c3c3 solid; padding: 5px; width: 210px; }
input#mail {background-color: #fff; border: 1px #dadada solid; width: 176px; height: 17px; font-family: Verdana; font-size: 11px; margin: 0; padding: 0;}  
input#send {background-color: #fff; border: 1px #dadada solid; width: 23px; height: 19px; font-family: Verdana; font-size: 11px; color:#3b3b3b; padding: 0; margin: 0 0 0 5px;}
div#loginzone {height: 60px; width: 255px; border-right: 1px solid #cecece; float:left; padding: 0px 15px 5px 15px;}
div#loginzone table td {padding-right: 5px;}
input#login_input {width: 126px; height: 20px; font-family: Verdana; font-size: 11px; margin: 0; padding: 0; border: 1px #d1d1d1 solid; }
input#pass_input {width: 126px; height: 20px; font-family: Verdana; font-size: 11px; margin: 0; padding: 0; border: 1px #d1d1d1 solid; }
input#prihlas {margin: -1px;}

div#kontakt {height: 60px; float:left; padding: 5px 15px 5px 15px;}
div#kontakt td {padding-right: 20px;font-size: 11px;}

  div#leftmenu {float: left;}
  div#leftmenu div {float: left; clear: left;  background: #fff url('../image/menu_h1_bg.jpg') repeat-x; }
  div#leftmenu h1 {font-family: Verdana; font-size: 12px; color: #454545; font-weight: bold; margin: 0; padding: 10px 0 6px 6px;}
  div#leftmenu ul {list-style-type: none; text-align: left; display: block; width: 170px;} 
  div#leftmenu ul li { float: left; text-align: left; padding: 2px 0 0 18px; display: block; width: 152px; height: 22px; border-bottom: 1px solid #d7d7d7;}
  div#leftmenu a {font-weight: normal; font-size: 12px; color: #454545; text-decoration: none; font-family: Verdana;}
  div#leftmenu a:hover {padding-left: 5px;}

div#first_menu { margin-bottom: 20px; margin-top: 20px; margin-left: 20px; }    
div#first_menu ul {list-style-type: none; text-align: left; font-size: 10px;}
div#first_menu ul { line-height: 18px; }
div#first_menu ul li a { font-weight: bold; text-decoration: none; color: #454545;}   
div#first_menu ul li a:hover { text-decoration: underline; }

.table a { color: #797979; text-decoration: none; }
.table a:hover { color: #454545;  }

.box_item { text-align: center; float: left; width: 155px; height: 250px; border: 1px solid #e7e7e7; margin: 5px 0 5px 5px; padding: 5px; _margin: 4px 0 4px 8px; background: #fff url('image/data/item_bg.jpg') no-repeat; }

#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_2.png');
}
.cart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}

.errornewsletter {
  position:relative;
  margin:auto;
  width:400px;
  text-indent:25px; 
  padding: 10px 10px;
    margin:auto;
    top: 20px;
    color: #333;
    background:#ffebe8 no-repeat 10px 10px;
    border: 1px solid #dd3c10;
}

.successnewsletter {
  position:relative;
  margin:auto;
  width:400px;
  text-indent:25px; 
  padding: 10px 0px;
    margin:auto;
    top: 20px;
    color: #333;
    background:rgb(192,255,176) no-repeat 10px 10px;   
    border: 1px solid rgb(0,144,0);
}

.headertab{
    position:relative;
    left:0px;
    top:1px;
    width: 100%;
    height: 2.5%;  
    margin:auto;
    background-color: red;   
    color: white;      
    text-decoration: none;
    text-align:center;   
}