/* CSS Document */
body {
	margin: 0;
	padding: 0;
	background: url('../img/bg3.png') left top repeat-x rgb(39,39,39);
	color: black;
	height: 100%;
  width: 100%;
  font-family: tahoma;
  font-size: 100%;
}




body, html{
  position: relative;
  height: 100%;
  text-align: center;
}



a img{
  border: 0;
}

.mainpage {
	width: 994px;
	clear: both;
	margin: 0px auto;
	padding-top: 5px;
  overflow: hidden;

}

.header {	
	background-image:url(../img/header.jpg);
	background-repeat: repeat-y;
	width: 994px;
	height: 179px;
  text-align: left;
}

#header_title {

margin-left: 0px;

position: relative;
left: 23px;
top: 51px;
width: 296px;
height: 73px;
 
}

#header_title_small {
position: relative;
left: 825px;
top: -69px;
width: 149px;
height: 22px;
}

.mainbody {
	background-image: url(../img/bgmain.jpg); 
	width: 994px;
	clear: both;
	margin-top: 5px;
  margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
  overflow: hidden;
  
  font-size: 90%;
  text-align: left;
  position: relative;
}


.content {
	width: 565px;
	padding:0;
	margin:0;
	min-height:600px;
	_height:600px;
}
.content_heading {
	color:#FFFFFF;
	background-image:url(../img/header_bg.gif);
	background-repeat:repeat-x;
	height:24px;
	padding:0;
	margin:0;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 	
}
.content_panel {
	border:1px #999999 solid;
	padding:1px;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.content_panel a{
  color: black;
  text-decoration: none;
}

.content_panel a:hover{
  text-decoration: underline;
}


.footer {
	border-top:1px solid #9b9b9b;
	clear: both;
	width: 740px;
  text-align: center;
  font-size: 70%;
  padding: 10px 0px 5px 0px;
  margin: 15px 22px 0px 232px;
  color: #9B9B9B;
  position: relative;
}

.footer a{
  color: #9B9B9B;
}


.right-pane {
	width: 754px;
	margin: 5px 0px 0px 0px;
  padding: 0px;
	clear: right;
  padding-top: 1px;
  font-size: 90%;
  overflow: hidden;
}

.right-pane ul, .right-pane ol {
  font-size: 80%;
}

.right-pane p {
  font-size: 80%;
  text-align: justify;
}

.right-pane div.categoryText p { font-size: 90%; }

.left-pane{
  width: 220px;
  float: left;
}

.loginForm {
	
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.none {
	background-color: #003399;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 10px;
}

.lgForm {
	margin: 0px;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
  text-align: right;
  
}

.lostPwd {
	text-align: center;
	padding-top: 10px;
	clear: both;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size:10px;
}

.lostPwd a{
  color: black;

}

.login {
	border: 1px solid #CCCCCC;
	margin-top: 5px;
	margin-left: 2px;
	clear: both;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 90%;
	padding: 5px;
}

.login-input{
  width: 100px;
  	border: 1px solid #999999;
  font-size: 90%;
}


.newsbox {
	background-image: url(../img/bgnews.jpg);
	background-repeat: no-repeat;
	width: 196px;
	height: 321px;
	clear: both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0px;
	text-align: left;

}
.row {
	background-image: url(../img/bgRepeatCell.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 565px;
	clear: both;
	margin: 3px;
}
.cell {
	width: 175px;
	float: left;
	margin: 5px;
	padding: 0px;
}
.divide {
	height:1px;
	clear: both;
	width: 560px;
}
.submit_btn {
	background-image: url(../img/button_5.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 60px;
	margin: 0;
	padding:0 0 5px 0;
	background-color: #e5e5e5;
	border:0 solid #FFFFFF;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	padding-right:20px;
	font-size:11px;
	color:#585858;
	
}
.cat {
	padding: 0px;
	clear: both;
	width: 190px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.products_heading {
  color:#FFFFFF;
  background-image:url(../img/header_bg.gif);
  height:24px;
}

.next_line {
  padding:0px 10px 20px 10px;
  font-size: 90%;
  color: #535252;
  text-align: justify;
}

/* news */
.next_line .title{
  font-weight: bold;
  margin-bottom: 1em;
  text-align: left;
}

.next_line .title span{
  width: 30%;
  float: right;
  text-align: right;
}


legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #005284;
}
.req {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:right;
	color: #FF0000;
}
.text_padding {
padding:3px 2px 2px 5px ; margin:0px;
}

div.mainpage div.mainbody div#obal-obsahu { padding-top: 5px; }
div.mainpage div.mainbody div#obal-obsahu div.left-pane div.content_heading div.text_padding { color: #fff; } /* pokud to bude jeste nekdo upravovat na gray tak at vysvetli proc - polozky menu jsou pak necitelne */
div.mainpage div.mainbody div#obal-obsahu div.left-pane div.content_heading div.text_padding a { color: #fff; padding: 0px 10px; }
div.mainpage div.mainbody div#obal-obsahu div.left-pane div.content_heading div.text_padding em { padding: 0px 10px; }
div.mainpage div.mainbody div#obal-obsahu div.left-pane div.content_heading div.text_padding a#vyrobci-item {  }

.createAccount {
	margin: 6px;
	padding: 0px;
	width: 550px;
}
.acrow {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.accell_left {
	width: 170px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.accell_mid {
	width: 348px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
fieldset{
	margin:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}


.cleaner{
    clear:both;
		height:1px;
		margin: -1px 0 0 0; padding:0;
		border:none;
		visibility: hidden;
    _display: none;
}


.right{
  text-align: right;
}

.left{
  text-align: left;
}

/*
.menu-content a{
  display: block;
  height: 15px;
  margin: 0px;
  padding: 1px;
  padding-left: 2px;
  color: black;
  background-color: #D3D3D3;
  text-decoration: none;
  border-top: 1px solid #E4E4E4;
}
.menu-content a:hover{
  background-color: #B2C3D0;
}
*/

.menu-content ul {
list-style: none;
  /*list-style-image: url("../img/menu/plus.gif");*/
 padding: 0px;
  margin: 0px;
  overflow: hidden;
}



.menu-content ul li {
  padding-left: 0px;
  margin-left: 0px;
  width: 100%;
  background-color: #a9a9a9;
}

.menu-content ul li a {
background-color: #a9a9a9;
}



.menu-content ul li.list1 ul.parentcat li a {
background-color: #c1c1c1;
}
.menu-content ul li.list1 ul.parentcat li a:hover {
  background-color: #B2C3D0;
}

.menu-content ul {
background-color: #a9a9a9;
}


.menu-content ul li.list1 span.img1 {
float: left;
width: 20px;
height: 14px;
 background-image: url("../img/menu/minus_2.gif");
}

.menu-content ul li.list1 span {
float: left;
width: 20px;
height: 14px;
 background-image: url("../img/menu/plus_2.gif");
}

.menu-content ul li span {
float: left;
width: 20px;
height: 14px;
border-top: 1px solid #e4e4e4;
border-collapse: collapse;
_margin-right: -3px;
}


ul.parentcat {

}


.menu-content a{
  display: block;
  margin: 0px;
  min-height: 15px;
  padding: 1px;
  padding-left: 2px;
  color: black;
  background-color: #D3D3D3;
  text-decoration: none;
  border-top: 1px solid #E4E4E4;
}
.menu-content a:hover{
  background-color: #B2C3D0;
}




.registration input{
  border: 1px solid #999999;
  width: 200px;
	background: white;
  font-size: 90%;
  margin: 0px 0px 1px 2px;
  padding: 0px 0px 0px 1px;
  float: left;
}

.registration label{
  font-size: 80%;
	width: 160px;
  float: left;
  text-align: right;
}


.registration select {
	border: 1px solid #999999;
  width: 200px;
	background: white;
  font-size: 80%;
  z-index: 5;
  margin-left: 2px;
}
.registration p { 
  width:200px;
  height:30px;
  margin:0 0 0 163px;
  text-align:justify;
}
  
.err-register{
  border: 1px solid red;
  padding: 7px;
  color: red;
  font-size: 80%;
}

.submit{
  border: 0;
  width: auto;
}



.paging-envelope{
  border-top: 1px solid #A5A4A4;
  border-bottom: 1px solid #A5A4A4;
  margin-top: 10px;
  margin-bottom: 10px;
}

.paging{
  font-size: 80%;
  color: #707070;
  
}

.paging a{
 color: #707070;
 text-decoration: underline;
 font-weight: bold; 
 margin: 3px;
}


.paging img{
  border: 0;
}

.paging .selected{
  color: #F66209;
  font-weight: bold;
}

.next{
  width: 60px;
  text-align: right;
}

.previous{
 width: 60px;
 text-align: left;
}

.info-box{
  border: 1px solid #F07C31;
  color: #0257A8;
  font-weight: bold;
  padding: 8px 6px 8px 6px;
  font-size: 80%;
  margin-bottom: 30px;
  margin-top: 20px;
  background: #FFFFFF;
}



.left{
  text-align: left;
}

.right{
  text-align: right;
}

.center{
  text-align: center;
}

/* ---------------- error login ------------- */
#error-login ul{
 list-style: none;
 margin: 0;
 margin-top: 3em;
 padding: 0;
}

#error-login li{
  font-weight: bold;
}

#error-login p{
  font-size: 85%;
}

#error-login p a{
  color: black;
}

#error-login input{
  font-size: 90%;
  padding-left: 1px;
}

/* ---------------------------- kontakt ---------------------- */
.nadpis-obal{
  width: 100%;
  float: left;
}

div.nadpis{
  border-top: 1px solid #9F9FA1;
}

div.nadpis h1{
  margin-top: 3px;
  background: #8dc5e7;
  padding: 3px;
  padding-left: 13px;
  font-size: 90%;
  _font-size: 100%;
}

div.nadpis h1 a{
  color: black;
}

div.kontakt{
  border: 1px solid #757575;
  background: #D7D7D7;
  padding: 13px;
  font-size: 90%;
  _font-size: 100%;
  padding-bottom: 50px;
  margin-bottom: 130px;
}



.news{
  font-size: 90%;
  _font-size: 100%;
}


fieldset.error-login{
  background: #D7D7D7;
  border: 1px solid #777777;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.error-login input{
  border: 1px solid #737373;
}


.user-name{
  color: #005284;
}

.top-line{
  padding-top: 2px;
  border-top: 1px solid #9F9F9F;
}


 .shipping-condition{
   font-size: 80%; 
 }
 
 .shipping-condition table{
  _font-size: 100%;
 }
 
 .shipping-condition a{
    color: black;
    text-decoration: decoration; 
 }

 .layout-select{
    color: #9E9E9E;
    border-bottom: 1px solid #9E9E9E; 
    font-size: 85%;
    margin-top: 0px;
    _margin-bottom: -10px;
    float: left;
    position: relative;
    width: 100%;
    height: 17px;
 }
 
 .layout-select a{
    color: #999999;
    text-decoration: none;
  }
  
  .layout-select a:hover{
    color: #4E4E4E;
  }
  
  .layout-select span{
    color: #4E4E4E;
  }
  
  .layout-select span, .layout-select a{
    margin: 0.5em;
  }
  
  
  
  .sort-select{
    position: absolute;
    right: 5px;
    top: 0px;
   }
   
   
   
   
   .product-table{
      font-size: 80%;
      border-collapse: collapse;
      width: 100%;
      margin-top: 2px;
      float: left;
   }
   
   
   .product-table th{
      background: #F1F1F1;
      line-height: 100%;
      border-top: 1px solid #9E9E9E; 
      vertical-align: top;
    }
   
      
   .product-table a{
      color: #105A8C;
      font-weight: bold;
      text-decoration: none;
   }
   
   .product-table th a{
     text-decoration: none;
    color: black;
   }
   
   .product-table a img{
      border: 0;
   }
   
   .product-table td{
      border-bottom: 1px solid #D2D2D2;
      line-height: 160%;
   }
     
   .kategorie-nadpis{
   font-size: 110%;
   }
   
   #water-mark{
    width: 55px;
    height: 524px;
    position: absolute;
    bottom: 0; 
    right: -60px;
    background: url('../img/bg_watermark.png');
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg_watermark.png',sizingMethod='scale',opacity=0);
   }
   
   
   .faktura-ico img{
      border: 0;
    
   }
   
   .faktura-ico{
    color: black;
    font-size: 90%; 
    text-decoration: underline;
   }
   
   .faktura-ico span{
    text-decoration: none;
   }
   
   .news-more{
    display: block;
    text-align: right;
   }
   
   
   .other-alternatives{
    margin-top: 2em;
    font-size: 90%;
   }
   
   .help{
    position: relative;
    top: 2px;
    left: 2px;
    
   }
   
   
   .smaller{
    font-size: 90%;
   }
   
   .intro-text{
      font-size: 90%;
      color: #000000;
      text-align: justify;
      margin-bottom: 1.5em;
      width: 100%;
      float: left;
   }
   
   .intro-text p{
      font-size: 100%;
   }
   
   
   #vyrobci{
    height: 136px;
    position: relative;
   }
   
   #vyrobci a:hover{
    text-decoration: none;
   }
   
   #vyrobci a span{
    visibility: hidden;
  }
   
   
   #vyrobci #varta{
      position: absolute;    
      top: 94px;
      left: 11px;
      width: 166px;
      height: 36px; 
   }
   
   #vyrobci #csb{
     position: absolute;    
     top: 5px;
     left: 11px;
     width: 79px;
     height: 77px;
   }
   
   #vyrobci #yuasa{
    position: absolute;    
    top: 5px;
    left: 101px;
    width: 76px;
    height: 77px;
   }
   
   
   .baterie{
    position: relative;
   
   }
   
   .baterie a{
    position: absolute;
    display: block;
    text-decoration: none;
    cursor: hand;
    }
   
      
   
   .baterie a#autobaterie{
      width: 150px; height: 25px; left: 243px; top: 300px;
   }
   
   .baterie a#motobaterie{
      width: 150px; height: 22px; left: 243px; top: 327px;
   }
   
   .baterie a#zalozni-zdroje{
      width: 290px; height: 25px; left: 243px; top: 351px; 
   }
   
   .baterie a span{
    visibility: hidden;
   }
#top-ten{
  margin: 0; padding: 0;
}
#top-ten div{
  display: block;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
#top-ten div p{
  padding: 3px 2px 3px 4px;
  margin: 0px 0px 0px 0px;
}
#top-ten a{
  display: block;
  text-decoration: underline;
}
.cat .even{
  background: rgb(250,247,247);
}
.cat .odd{
  background: rgb(233,233,233);
}
.cat-left{
  width: 75px;
  float: left;
  margin: 0;
  padding: 10px 0px 0px 3px;
  font-size: 0.8em;
  _font-size: 0.8em;
}
.cat-right{
  font-size: xx-small;
  overflow: hidden;
}
.cat-right span{
  color: rgb(192,192,192);
  font-weight: bold;
  _font-size: 0.9em;
}
.cat-right span em{
  color: rgb(255,144,35);
  font-style: normal;
}

#newsletter{padding: 5px 0 0 0;}
#newsletter form{padding: 5px 0;margin: 0;}
#newsletter form fieldset{padding: 0; margin: 0;}
#newsletter label{margin: 0px 10px 0px 15px;}
#newsletter input.text{width: 105px;}
#newsletter input.submit{ margin: 5px 0px 0px 110px; _margin: 5px 0px 0px 105px;}

.cistic{
  clear: both;
  margin: 0;
  padding: 0;
  height: 1px;
  overflow: hidden;
}
#manufacturer-select{width: 100%; margin-bottom: 10px; background: transparent; margin-top: 0.75em; text-align: left;}
#manufacturer-select fieldset{border: 1px solid rgb(158,158,158); margin: 0; padding: 5px 5px;}
#manufacturer-select a{color: rgb(16,90,140);}
#manufacturer-select a, #manufacturer-select input, #manufacturer-select label {margin: 0px 2px; font-weight: normal;}
#manufacturer-select label input{margin: 0px 0px 0px 8px;}
#manufacturer-select label a{margin-top: 3px;}
#manufacturer-select strong {margin-right: 1em;} 
#manufacturer-select label{}

#parameter-search{width: 100%; line-height: 2em; margin-bottom: 10px; background: transparent; margin-top: 0.75em; text-align: left;}
#parameter-search fieldset{border: 1px solid rgb(158,158,158); margin: 0; padding: 5px 5px;}
#parameter-search a{color: rgb(16,90,140);}
#parameter-search a, #parameter-search input, #parameter-search label {margin: 0px 2px; font-weight: normal;}
#parameter-search label input{margin: 0px 0px 0px 8px;}
#parameter-search label a, #parameter-search label span{margin-top: 3px;}
#parameter-search strong {margin-right: 1em;} 
#parameter-search label strong { margin: 0 1em; font-size: 120%; }
/*#parameter-search label{}*/
/*#manufacturer-select label, #manufacturer-select strong, #manufacturer-select .vse{float: left;}*/

/*** baterie info ***/
.baterie-info{ padding: 0px 0px 0px 0px;}
.baterie-info p{text-align: justify;}
.baterie-info table{width: 100%;font-size: 90%;}
.baterie-info table tr td{vertical-align: top; padding: 3px 2px; text-align: justify;}
.baterie-info table tr td.rok{width: 100px;}
.baterie-info p span{text-decoration: underline;}
.baterie-info div span{text-decoration: underline;}
.baterie-info div.cko/*často kladené otázky*/{margin: 40px 0px 0px 0px; font-weight: bold;}
.baterie-info hr {clear: left; visibility: hidden;}
.kotvy ul{list-style: circle; } 
.kotvy ul li{}
.kotvy a{font-size: 95%; color: #000000;}
.kotvy a:hover{text-decoration: none;}

.akce10{ padding: 0px 0px 0px 20px; background: url('../img/background-e.gif') no-repeat;}
.akce10 ul{margin: 0px 0px 0px 16px; width: 385px; padding: 0px; font-size: 11px; line-height: 130%;}

#texy{}
#texy img{margin: 0px 10px 0px 0px;}
#texy .texy-nadpis{	float: left; clear: right; width: 754px; overflow: hidden; border-top: 1px solid #9F9FA1;	padding: 2px 0 0;	margin: 5px 0px 0px 0px;}
#texy .texy-nadpis h1{background: #8DC5E7; width: 754px;  padding: 3px 0px 3px 10px; padding-top: 1px;  font-size: 90%;  overflow: hidden; margin: 0;}
#texy p { font-size: 100%; }
#texy ul, #texy ol { font-size: 100%; }
#texy table { font-size: 100%; }


div.leftfield { float: left; width: 150px; }
div.leftfield a { text-decoration: none; }
div.rightfield { margin-left: 150px; }
.cleanerblack{clear:both;		height:1px;		margin: 0 0 0; padding:0;		border:none; border-top: 1px solid #000; margin: 20px 0; _margin: 0px 0 20px 0;}


/* results from ultra gr8 searcher */
div.vysledky { color: #000000; font-size: 100%; margin: 0px 0px 5px 27px; }
div.vysledky a { color:#000000; }
div.vysledky a:hover { text-decoration:none; }
div.vysledky em { font-style: normal; font-size: 90%; }
h1.vysledky { display: block; padding: 15px 0 15px 20px; font-size: 130%; margin: 0; }
h3.vysledky {  display: block; padding: 5px 0 15px 25px; font-size: 120%; margin: 0; }
a.vysledky { color:#000000; clear: left; display: block; white-space: nowrap; font-size: 80%; padding: 0px 0px 0px 20px; margin-bottom: 10px; }
a.vysledky:hover { text-decoration:none; }


/* Kalkulacka */

#kalkulackaform {margin:-50px 0 0 0;}
#kalkulackaform fieldset {padding: 5px 0 5px 0;}
#kalkulackaform fieldset img {float:right;margin: 0 40px 0 0;}
#kalkulackaform label {display:inline-block;width:300px;text-align:right;margin: 0 10px 0 0;}
#kalkulackaform .disabled {background:#ccc;color:black;}
#kalkulackaform .submit {margin: 15px 0px 0 310px;width:150px;cursor:pointer;}
#kalkulackaform div {margin:10px 20px 0 20px;background:white;border: 1px solid green;padding:10px;}
#kalkulackaform #akumulator {margin:0px 0px 0 20px;}
#kalkulackaform #label  {border:none;background:#E4E4E4;width:30px;text-align:center;font-weight:bold;}
#kalkulackaform span  {font-weight:bold;}
#status {color:red;background:white;border: 1px solid red;padding:20px;}
#status ul{margin-left:-5px;}
#status ul li{font-size: 100%;}