/*výchozí nastavení*/
*, html {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	text-align: center;
	margin: 0px auto 0px auto;
/*vzdálenost od okraje okna!!!*/
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	background-color: #C0C0B2;
}
table {
}
h1 {
	font-size: 16px;
	margin-top: 3px;
	margin-bottom: 8px;
  color:#023D77;
}
h2 {
	font-size: 16px;
	color:#023D77;
	margin-bottom: 5px;
	position:relative;
}
h5 {/*Nadpisy v pravém a levém sloupci*/
  font-size: 15px;
  text-align:left;
  color: #ffffff;
  margin-bottom:4px;
  background-image: url(../img/h5-background.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  padding: 5px 0px 5px 8px;
}

ul, ol {
	padding-left: 25px;
}
div#error {
	border: 3px #023D77 solid;
	margin:6px 0px 4px 0px;
	padding: 3px 5px 3px 5px;
	font-size: 14px;
	color: #EE151E;
	width: 524px;
	float: right;
}
a img {
	border: none;
	text-decoration: none;
}
tr.suda {
	background-color: #ffffff;
}
tr.licha {
	background-color: #e4ebf2;
}
div#odkazy {
/*obsahuje odkazy na stránce*/
	position: absolute;
	top: 20px;
	right: 10px;
	text-align: right;
	font-size: 10px;
}
div#odkazy select {
	font-size: 10px;
}
.readonly {
/*formát pro readonly prvky formulářů*/
	background-color: #ebebeb;
	color: #666666;
}

h1 a:visited, h2 a:visited {text-decoration: none;color:#399FC6;}
h1 a:link, h2 a:link {text-decoration: none;color: #399FC6;}
h1 a:hover, h2 a:hover {text-decoration: none;color:#023D77;}
h1 a:active, h2 a:active {text-decoration: none;color:#399FC6;}

a:visited {text-decoration: none;color:#399FC6;}
a:link {text-decoration: none;color:#399FC6;}
a:hover {text-decoration: none;color:#023D77;}
a:active {text-decoration: none;color:#399FC6;}

div.spacer {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 1px;
	font-size: 1px;
}
#container {
/*entire page is in container!!*/
  padding:0px 15px 0px 15px;
  width: 910px;
	position: relative;
	text-align: left;
	margin: 0px auto;
	background-color:#ffffff;
}

/*konec výchozích nastavení*/
/*Nastavení BBcodu*/
.bold {
	font-weight: bold;
}
.italics {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.strikethrough {
	text-decoration: line-through;
}
.overline {
	text-decoration: overline;
}
.quotecodeheader {
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.codebody {
	background-color: #FFFFFF;
	font-family: Courier new, courier, mono;
	font-size: 12px;
	color: #006600;
	border: 1px solid #BFBFBF;
}
.quotebody {
	background-color: #FFFFFF;
	font-family: Courier new, courier, mono;
	font-size: 12px;
	color: #660002;
	border: 1px solid #BFBFBF;
}
.listbullet {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 15px;
}
.listdecimal {
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 15px;
}
.listlowerroman {
	list-style-type: lower-roman;
	list-style-position: inside;
	padding-left: 15px;
}
.listupperroman {
	list-style-type: upper-roman;
	list-style-position: inside;
	padding-left: 15px;
}
.listloweralpha {
	list-style-type: lower-alpha;
	list-style-position: inside;
	padding-left: 15px;
}
.listupperalpha {
	list-style-type: upper-alpha;
	list-style-position: inside;
	padding-left: 15px;
}
/*Konec nastavení BBcodu*/
/*hlavička*/
#header {position: relative; height: 115px; background-color: white;}
#x1 {background-image: url(../img/header-mid-1.jpg); background-repeat: no-repeat; border: none; position: absolute; left: 0px; height: 115px; width: 200px; }
#x2 {background-image: url(../img/header-mid-2.jpg); background-repeat: no-repeat; border: none; position: absolute; left: 200px; height: 115px; width: 142px; }
#x3 {background-image: url(../img/header-mid-3.jpg); background-repeat: no-repeat; border: none; position: absolute; left: 342px; height: 115px; width: 142px; }
#x4 {background-image: url(../img/header-mid-4.jpg); background-repeat: no-repeat; border: none; position: absolute; left: 484px; height: 115px; width: 142px; }
#x5 {background-image: url(../img/header-mid-5.jpg); background-repeat: no-repeat; border: none; position: absolute; left: 626px; height: 115px; width: 142px; }
#x6 {background-image: url(../img/header-mid-6.jpg); background-repeat: no-repeat; border: none; position: absolute; left: 768px; height: 115px; width: 142px; }
#hmenu1{
  position:absolute;
  top:3px;
  right:10px;
  z-index:150;
}

#hmenu2{
  position:absolute;
  top:81px;
  left:209px;
  z-index:150;
  color:#ffffff;
}
#hmenu2 a{
  color:#ffffff;
  font-weight:bold;
  display:block;
  float:left;
  padding:2px 4px 0px 4px;
  height:18px;
  background-image:none;
  background-repeat:repeat-x;
  background-position: left top;
}
#hmenu2 a:hover{
  color:#ffffff;
}

#navigation{
position:relative;
height: 18px;
padding:1px 0px 1px 5px;
}
table#searchresult {
	width: 100%;
}
table#searchresult td {
	padding: 3px;
}
table#searchresult tr th {
	text-align: center;
}
th#kod {
	width: 90px;
}
th#nazev {
	width: 90px;
}
th#popis {
}

#login_menu,#my_menu {
	margin-top:10px;
  font-size: 12px;
	padding: 5px 0px 10px 0px;
	color: #023D77;
}
#login_menu a {
	font-size: 14px;
	color: #023D77;
	text-decoration: underline;
	font-weight: bold;
}
#login_menu form {
	position: relative;
	width:100%;
}
#login_menu form table td {
	padding:2px 0px 0px 3px;
}
#login_menu form input.form_cell {
  border: 0;
  width: 83px;
	height: 14px;
  border: none;
  border-width:0;
	padding: 4px 4px 2px 4px;
  margin: 0px 0px 0px 0px;
	font-size: 11px;
	background-image: url(../img/form_cell.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #111111;
}
a.my_menu{
	color: #023D77;
  padding-left: 19px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../img/arrow-moje-menu.gif);
  }
a#logout {
	color: #555555;
	padding-left: 19px;
	background-image: url(../img/arrow-moje-menu-grey.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#search{
 padding:5px 10px 5px 10px;
}

#searchbox{
 padding: 3px 5px 3px 5px;
 width: 146px;
 height: 14px;
 background-repeat: no-repeat;
 background-position: left top;
 background-image: url(../img/searchbox.gif);
 border:0;
 margin:0px 0px 0px 0px;
 margin-right:5px;
}
/*konec hlavičky*/
/*levý sloupec*/
#left_column {
/*setting for left column. left column is in container!*/
  float: left;
	width: 190px;
}

#left_column ul{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 1px;
	color: #023D77;
}

#left_column ul li {
	list-style-type: none;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 0px;
}
#left_column ul li a:visited, #left_column ul li a:link, #left_column ul li a:hover, #left_column ul li a:active {
	display:block;
	padding: 5px 0px 0px 14px;
	width: 172px;
	height:24px;
	font-weight:bold;
	font-size: 13px;
	text-decoration: none;
	background-image: url(../img/arrow-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #ffffff;
}
#left_column ul li a:hover,#left_column ul li a.active {
  background-image: url(../img/arrow-2.jpg);
}
#left_column ul.pmenu li a:visited, #left_column ul.pmenu li a:link, #left_column ul.pmenu li a:hover,#left_column ul.pmenu li a:active {
	background-image: url(../img/arrow-3.jpg);
}
#left_column ul.pmenu li a:hover,#left_column ul.pmenu li a.active {
  background-image: url(../img/arrow-4.jpg);
}
#left_column ul.page_menu li a:visited, #left_column ul.page_menu li a:link, #left_column ul.page_menu li a:hover,#left_column ul.page_menu li a:active {
  font-weight:normal;
	font-size: 12px;
  background-image: url(../img/arrow-5.jpg);
	color:#399FC6;
	background-position:18px 6px;
	padding: 4px 0px 2px 36px;
	width: 150px;
	margin-bottom:3px;
	height:auto;
}
#left_column ul.page_menu li a:hover,#left_column ul.page_menu li a.active {
	font-weight:normal;
	font-size: 12px;
  background-image: url(../img/arrow-5.jpg);
	color:#023D77;
}
.otazky{
 list-style-type: none;
 margin: 3px 0px 3px 0px;
 padding: 0px 0px 0px 25px;
}
.otazky li{
 margin: 3px 0px 3px 0px;
}
.otazky a{
 text-decoration: none;
 padding-left:15px;
 background-image: url(../img/red-dot.gif);
 background-position: 4px 7px;
 background-repeat: no-repeat;	
}
.otazky a:hover{
 text-decoration: underline;
}
#infoline {
	position: relative;
	font-size: 10px;
	height: 150px;
	margin-top: 10px;
	padding-left: 10px;
	background-image: url(../img/infoline-background.jpg);
	background-repeat: no-repeat;
	background-position: left 30px;
	color: #363636;
}

#infoline h3 {
	position:absolute;
	top:112px;
	left:16px;
	font-weight: bold;
	font-size: 14px;
	color: #006600;
	font-weight: bold;
}
#infoline a {
	position: relative;
	left: 18px;
	bottom: 10px;
	font-size: 0.85em;
}

#newsletter {
	margin-top: 15px;
	padding: 5px 10px 5px 10px;
	position: relative;
	color: #363636;
}
#action_boxs{
  position:relative;
	margin-bottom: 10px;
	margin-top: 8px;
}
.action_box{
	position: relative;
	font-size: 11px;
	margin-top: 10px;
	text-align: left;
}
.action_box img{
  float:left;
  width: 63px;
}
.action_box h2{
  font-size: 12px;
  color:#363636;
  position: relative;
  font-weight: bold;
}
.action_box strong{
  color:#363636;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}
.action_box h3{
  font-size: 14px;
  color:#ff3300;
}
.action_box h4{
  font-size: 10px;
  color:#666666;
  text-decoration: line-through;
}
.action_box .action_img{
  width:auto;
  padding: 15px 0px 10px 15px;
}
.action_box a:hover {
  text-decoration: underline;
}
/*konec levého sloupce*/
/*Pravý sloupec*/
#right_column {
  background-color:#ffffff;
  float: right;
	width: 180px;
	padding:0px 0px 0px 5px;
}

#right_column a:hover{
	color: #363636;
}
#small_cart{
  position: relative;
  margin-top:10px;
  padding: 5px 14px 20px 10px;
	color: #363636;
}
#small_cart .total_line{
 border-top: 1px solid #cc0000;
}
.informace{
 list-style-type: none;
 margin: 3px 0px 3px 0px;
 padding: 0px 0px 0px 10px;
}
.informace li{
 margin: 3px 0px 3px 0px;
}
.informace a{
 text-decoration: underline; 
}
.informace a:hover{
 text-decoration: none;
}
/*Konec pravého sloupce*/
/*hlavní obsah*/
#content {
  background-color:#EDEDED;
	background-image: url(../img/container-background.jpg);
	background-repeat: repeat-x;
	background-position:left top;
}
#page{
  position:relative;
  width: 715px;
  padding-top: 0px;
  float: right;
}
div#sections {
/*contains all sections in one category*/
}
#sections ul {
	list-style-type: none;
	padding-left: 0px;
}
#sections ul li {
	float: left;
	margin: 0px 1px 1px 0px;
	padding: 0px 0px 0px 0px;
}
#sections ul li h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sections ul li h2 a {
    display: block;
	background-image: url(../img/arrow-2.gif);
	background-position: 5px 12px;
	background-repeat: no-repeat;
	height: 16px;
	width: 161px;
	padding: 7px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

#sections ul li h2 a.current,#sections ul li h2 a:hover {
	background-image: url(../img/arrow-2.gif);
	font-weight: bold;
	text-decoration: underline;
}
/*formating for small item in section/category view*/
div.small_item {
	position: relative;
	width: 341px;
	margin-right: 2px;
	margin-bottom:8px;
	float: left;
	overflow: hidden;
	background-image: url(../img/item-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
div.small_item h2 {
  font-size: 16px;
	font-weight: bold;
}
div.small_item h2.description {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #399FC6;;
}
div.small_item img.small,div.small_item img.tooltip{
	position: relative;
}
div.small_item img.handglass {
	position: absolute;
	bottom: 28px;
	right: 3px;
	border: none;
}

div.small_item img.action{
	position: absolute;
	top: 52px;
	right: 6px;
	border: none;
}

div.small_item form {
	position: absolute;
	bottom: 0px;
	right: 3px;
}
div.small_item h3.cena {
	color: #CC0000;
	font-size: 13px;
}
div.small_item h4.bezna_cena {
	color: #666666;
	font-size: 12px;
	text-decoration: line-through;
}
div.small_item input {
	text-align: right;
	position:relative;
  font-size: 14px;
}
div.small_item .prehled{
  width:auto;
  padding: 2px 0px 2px 5px;
  border: 1px rgb(255,153,51) solid;
  margin: 5px 0px 5px 0px;
}

div.paging {
  text-align:center;
	margin-bottom: 12px;
	font-size: 11px;
}
.paging a{
  font-size:12px;
  color: #023D77;
  text-decoration: underline;
}
.paging a.cur{
  font-size:14px;
  color: #121212;
  text-decoration: none;
  font-weight:bold;
}

#item_order_form {
	position: absolute;
	right: 241px;
	top:115px;
	font-size: 11px;
}
#item_order_form select {
	width: 77px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}
/*end of small item formating*/
#content div#item {
/*formating for item one item view*/
 position:relative;
 padding: 0px 3px 50px 3px;
 background: none;
}
h1#item_name {
  font-size: 23px;
  text-align:left;
  color: #02396E;
  margin-bottom:8px;
  margin-top: 5px;
  font-weight: bold;
}
#kod {
	font-size: 11px;
	color: #5e5e5e;
	font-weight: normal;
	margin-bottom: 12px;
}
#left {
/*levý  sloupec*/
  position:relative;
	float: left;
	width: 400px;
	height:400px;
}
#left div#obrazky {
	text-align: center;
	padding-top: 5px;
}

#right {
/*pravý sloupec*/
  position:relative;
  background:none;
	float: right;
	width: 480px;
}
#long_description{
  position: relative;
  border: 1px #777788 solid;
	height:135px;	
  padding:0px 0px 0px 0px;
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url(../img/prod_tabberback.jpg);
	width:466px;
  overflow: hidden;
	z-index:5;
}
#long_description div {
	position:absolute;
	top:0px;
	left:10px;
	height:130px;
	width:456px;
	padding-top:5px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#description_switch{
  position:relative;
  top:1px;
  z-index:8;
  padding-left:12px;
}
#description_switch a{
  color: #02396E;
  display:block;
  border: 1px #777788 solid;
  background-color:#ffffff;
  width:90px;
  float:left;
  height:15px;
  text-align:center;
  padding:2px 0px 2px 0px;
  margin-right:12px;
  z-index:9;
}
#description_switch a:hover{
  background-color:#31B7D9;
}

#long_stranky{
  position: relative;
	height:270px;	
  margin:0px 0px 30px 0px;
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url(../img/prod_details_bottombg.gif);
  width:902px;
}
#long_stranky div {
	position:absolute;
	top:20px;
	left:20px;
	height:260px;
	padding-top:5px;
	overflow-y: scroll;
	width:865px;
	visibility:hidden;
	z-index:5;
}
#long_stranky div p{
  margin:3px 0px 3px 0px;
}
#long_stranky div h1{
  font-size: 16px;
}
#long_switch{
  position:relative;
  top:7px;
  z-index:8;
  padding-left:12px;
  padding-bottom:5px;
  margin-bottom:0px;
  height:18px;
}
#long_switch a{
  color: #02396E;
  display:block;
  width:125px;
  float:left;
  height:18px;
  text-align:center;
  padding:2px 0px 10px 0px;
  margin-right:12px;
  z-index:9;
  background-image:none;
  background-repeat: no-repeat;
  background-position: left top;
}
#long_switch a:hover{
  color:#ffffff;
  background-image: url(../img/switch_arrow.jpg);
}

/*formátování registračního formuláře*/
#registration table {
	width: 100%;
}
#registration tr td {
	font-size: 1em;
}
#registration tr td.required {
	font-size: 1em;
	font-weight: bold;
}
#registration input, #registration select {
	width: 140px;
}
#registration input.long {
	width: 99%;
}
#registration input.right, #registration select.right {
	width: 140px;
	float: right;
}
/*konec formátování registračního formuláře*/
/*formátování nákupního košíku a volby způsobu dopravy a platby*/
#kosik {
	width: 100%;
}
#kosik a {
	font-weight: bold;
}
table#kosik input {
	text-align: right;
	width: 45px;
	font-size: 12px;
	font-weight: bold;
}
#kosik th {
	color: #023D77;
}
#kosik tr td {
	font-size: 12px;
	padding: 1px 1px 2px 1px;
}
table#platba-dodani {
	font-size: 1em;
	width: 100%;
}
#platba-dodani tr td {
}
#platba-dodani .lichy {
	background-color: #deecf9;
}
#platba-dodani .sudy {
}
#platba-dodani input {
	margin-left: 5px;
}
#platba-dodani .name_payment_spedition {
	color: #023D77;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#platba-dodani #pament_spedition_footer {
	font-size: 15px;
	color: #2e5b85;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #deecf9;
	border: 1px #023D77 solid;
}
h2.nadpis_kosik {
/*všechny h2 v košíku*/
	font-size: 18px;
	margin-top: 3px;
	margin-bottom: 8px;
	font-weight: normal;
}
/*konec formátování nákupního košíku*/
/*formátování objednávky*/
#order table {
	width: 100%;
}
#order tr td {
}
#order input.long {
	width: 99%;
}
#order input, #order select {
	width: 140px;
}
#order #kosik input {
	text-align: right;
	width: 45px;
}
#order input.right, #order select.right {
	width: 140px;
}
/*konec formátování objednávky*/
/*formátování sekce moje objednávky*/
#table_orders {
	width: 100%;
	font-size: 12px;
}
#table_orders th {
	padding: 8px 1px 8px 1px;
	text-align: center;
}
#table_orders td {
	padding: 2px 1px 2px 1px;
}
#table_ordered_items {
	width: 100%;
}
/*konec formátování "moje objednávky"*/
/*konec hlavního obsahu*/
/*zápatí*/
#footer {
  padding:10px 15px 10px 15px;
  position: relative;
	background-color:#EDEDED;
  color: #009FAA;
  font-size:11px;
}
#footer #az-eshop{
   position: absolute;
   bottom: 0px;
   left: 0px;
}
#footer #f1 {
	margin:0px 0px 8px 0px;
}
#f1 a{
  color:#009FAA;
  text-decoration: none;
  font-size: 12px;
  text-decoration: underline;
}
#f1 a:hover{
  text-decoration: none;
  color: #009FAA;
}
#footer p{
  color:#333333;
}


#footer #copyright {
	position: absolute;
	right: 0px;
	top: 95px;
}
.underfooter{
  width:280px;
  height:150px;
  float:left;
  margin:10px 0px 10px 0px;
  padding:20px 10px 0px 10px;
  border-right: 1px #CECECE solid;
}
.underfooter h2{
  color:#28A7D0;
  font-size:12px;
}
.underfooter p{
  margin:8px 0px 0px 0px;
  font-size:11px;
}
/*konec zápatí*/
/*tooltip*/
#tooltip{/*vnější obal*/
border: 2px #023D77 solid;
border-bottom-width: 8px;
position:absolute;
visibility:hidden;
background-color: white;
}
#tool_data{/*vnitřní obsah*/
margin: 5px 5px 5px 5px;
}
/*Konec tooltipu*/
.fotka{
    margin: 10px 12px 10px 12px;
    position:relative;
    float:left;
    width: 107px;
    height:107px;
}
/*Porovnávání*/
#compare{
  border-left: 1px #444444 dotted;
  background-color: #ffffff;
}
#compare td,th{
  border-right: 1px #444444 dotted;
  margin:0px 0px 0px 0px;
  text-align:center;
}
#compare td{
  background-color: #ffffff;
  padding:2px 2px 2px 2px;  
}
#compare th{
  background-color: #CEF3F8;
  color:#534E89;
  padding:6px 2px 6px 2px;
}