/* Autobaterie CSS */
/* colors
white:  #ffffff
black:  #000000
greys:  #aaaaaa (border)
        #ababab (a:hover)
        #2f242b (basket)
red:    #e62642
blue:   #e0e9f1
*/

* {
  padding: 0;
  margin: 0;
}

body {
	background-color: #ffffff;
	color: #000000;
	font-family: verdana, "Arial CE", arial, sans-serif;
	font-size: 12px;
}

img {
  border: 0px;
}

#Inner {
	background: url("../img/Backgr.jpg") top left repeat-x;
	height: 372px;
}

#Container {
	margin: 0px auto;
	width: 1024px;
}

#TopPart {
  width: 1024px;
/*
  border-left: 1px #aaaaaa solid;
  border-right: 1px #aaaaaa solid;
*/
}

#Head {
	display: block;
}

#HeadTop {
  background: url("../img/Head_top.jpg") top left no-repeat;
	height: 66px;
  width: 1024px;
	display: block;
}

#HeadCenter {
  background: url("../img/Head_center.jpg") top left no-repeat;
	height: 215px;
  width: 1024px;
	display: block;
}

#HeadBottom {
  background: url("../img/Head_bottom.jpg") top left no-repeat;
	height: 47px;
  width: 1024px;
	display: block;
}

#Menu {
  background: url("../img/Menu_backgr.jpg") top left no-repeat;
	height: 44px;
  width: 1024px;
  line-height: 44px;
  color: #ffffff;
  padding-left: 20px;
}

#Menu span {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  margin-right: 8px;
}

#Menu a {
  text-decoration: none;
  color: #ffffff;
}

#Menu a:hover, #Menu a.active {
	color: #ababab;
}

#Shadow {
	width: 1023px;
  border-right: 1px #555555 solid;
}

#CentralPart {
  background: url("../img/Sidemenu_continous.jpg") top left repeat-y;
	width: 1023px;
	clear: both;
}

#LeftPart {
  background: url("../img/Sidemenu_backgr.jpg") top left no-repeat;
	min-height: 465px; /*522px;*/
	width: 218px;
	float: left;
}

.SideMenu {
  margin: 4px 0px 15px 38px;
  padding-right: 5px;
}

.UnderSideMenu {
  margin: 30px 0px 35px 38px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
}

.UnderSideMenu a {
  color: #e62642;
}

.UnderSideMenu a.active, .UnderSideMenu a:hover {
  color: white;
}

.UnderSideMenu input {
  width: 110px;
  margin-right: 3px;
  border: 1px #2f242b solid;
}

.nadpis_h1 {
  font-size: 14px;
  font-weight: bold;
}

.nadpis_h2 {
  margin-top: 11px;
  color: #e62642;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

.h2 {
  margin-top: 11px;
  color: #e62642;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

h2 {
  color: #e62642;
  font-size: 14px;
  margin-bottom: 15px;
}

.SideMenu ul {
  margin-top: 8px;
  margin-bottom: 32px;
  list-style-type: none;
}

.SideMenu ul li {
  color: #ffffff;
  margin-bottom: 0px;
}

.SideMenu ul li a {
  text-decoration: none;
  color: #ffffff;
}

.SideMenu ul li a:hover, .SideMenu ul li a.active {
  color: #c0c0c0;
}

.MenuLine {
  background: url("../img/Menu_line.jpg") top left no-repeat;
	height: 3px;
	width: 190px;
}

#RightPart {
  background-color: #ffffff;
	width: 805px;
	float: right;
}

#Headline {
  background: url("../img/Headline.jpg") top left no-repeat;
  height: 86px;
  width: 240px;
  float: left;
}

h1 {
  color: #ffffff;
  font-size: 26px;
  font-weight: bold;
  font-style: italic;
  padding-top: 14px;
  padding-left: 13px;
  position: absolute;
}

#Search {
  background: url("../img/Headline2.jpg") top left no-repeat;
  height: 86px;
  width: 565px;
  float: right;
}

#Inputs {
  line-height: 45px;
  width: 222px;
  float: left;
}

#Search input {
  vertical-align: middle; 
}

#InputSearch {
  border: 1px #2f242b solid;
  height: 18px;
  width: 160px;
}

#Button {
  border: 1px #2f242b solid;
  margin-left: 10px;
  height: 20px;
  width: 50px;
}

#Basket {
  width: 343px;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 10px;
  float: right;
}

#Basket a {
  color: #2f242b;
  text-decoration: none;
}

#Basket a:hover, #Basket a.active {
  color: #2f242b;
  text-decoration: underline;
}

#Basket img {
  vertical-align: middle;
  border: 0px solid;
}

#baskText {
  margin-left: 15px;
  width: 78px;
  float: left;
}

#TextPart {
  background: url("../img/Body_backgr.jpg") top left repeat-x;
	min-height: 436px;
	margin-bottom: 30px;
}

h4 {
  color: #e62642;
  font-size: 14px;
  margin-bottom: 15px;
}

.paragraf_main {
	font-size: 12px;
  padding-top: 10px;
  padding-bottom: 13px;
  font-size: 11px;
  min-height: 220px;
  margin-right: 70px;
  margin-bottom: 20px;
  margin-left: 50px;
}

.paragraf_main a {
  color: #333333;
}

.paragraf_main a:hover, .paragraf_main a.active {
  color: #e62642;
  text-decoration: none;
}

.vyprodej {
  color: #e62642;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.zboziAkce {
  color: #e62642;
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.text_line {
  height: 3px;
  width: 660px;
  background: url("../img/Text_line.jpg") top left no-repeat;
  margin-left: 145px;
}

.paragraf_akce {
  margin-top: 15px;
  margin-left: 50px;
}

.paragraf_akce img {
  border: 1px #e0e9f1 solid;
  background-color: white;
  padding: 10px;
}

.akceDiv {
  text-align: center;
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  font-size: 11px;
}

.puvodCena {
  text-decoration: line-through;
  color: #aeaeae;
}

.newCena {
  font-weight: bold;
  font-size: 13px;
  color: #e62642;
}

.produkt_img {
  display: block;
  float: left;
  max-width: 250px;
  border-color: #e0e9f1;
  border-style: solid;
  border-width: 2px 3px;
  background-color: white;
  padding: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.produkt_popis .produkt_add {
  display: block;
  border: 1px #e62642 solid;
  background-color: #eeeeee;
  text-decoration: none;
  padding: 0px 10px;
  width: 180px;
  line-height: 40px;
  margin-bottom: 10px;
}

.produkt_popis .produkt_add img {
  vertical-align: middle;
}

.produkt_add a {
  text-decoration: none;
}

.produkt_add input {
  width: 20px;
}

.produkt_popis {
  float: left;
  border-bottom: 1px #e0e9f1 solid;
}

.cena {
  color: #e62642;
  font-size: 14px;
  font-weight: bold;
}

.tech_param td {
  padding: 5px 10px;
}

.tech_param .licheRadky td {
  background-color: #454545;
  color: white; 
}

.kosik_table {
  width: 700px;
  margin-top: 5px;
  border-collapse: collapse;
}

.kosik_table th {
  font-size: 10px;
  background-color: #555555;
  color: white; 
  padding: 3px 2px;
  vertical-align: top;
  text-align: center;
  border: white 1px solid;
}

.kosik_table th a {
  color: white; 
}

.kosik_table .tbody td{
  padding: 2px 2px;
  border: white 1px solid;
  background-color: #cdcdce;
}

.kosik_table .tbody2 .fill {
  padding: 2px 2px;
  border: white 1px solid;
  background-color: #cdcdce;
  text-align: right;
}

.kosik_table .kod {
  width: 30px;
}

.kosik_table .smaz {
  width: 5px;
  text-align: center;
}

.kosik_table .lhuta {
  width: 61px;
}

.kosik_table .cena {
  width: 50px;
}

.kosik_table .right {
  text-align: right;
}

.kosik_table .center {
  text-align: center;
}

.kosik_table input {
  font-size: 12px;
  width: 30px;
  text-align: right;
}

.kosik_table .checkbox {
  margin: 0px;
  border: 0px; 
  padding: 0px; 
  font-weight: 100%;
  width: 1.1em;
}

.choiseKosik {
  margin-top: 20px;
  width: 700px;
}

.choiseKosik a {
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  background-color: #cdcdce;
  color: #e62642;
  border: #555555 1px solid;
  line-height: 30px;
  padding: 5px;
}

.choiseKosik a:hover, .choiseKosik a.active {
  color: white;
  background-color: #555555;
  border: white 1px solid;
}

.pokracujKosik {
  float: right;
}

.zpetKosik {
  float: left;
}

.sloupce .input {
  margin: 0px 5px 4px 0px;
  border: 0px; 
  padding: 0px; 
  font-weight: 100%;
  width: 1.1em;
}

.red {
  color: rgb(208,38,4);
}

.levySloupec {
  float: left;
  width: 380px;
}

.pravySloupec {
  float: left;
  width: 300px;
}

.dodaci_udaje .h6 a {
  color: black;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: normal;
  font-size: 12px;
}

.dodaci_udaje .h6  a:hover, .dodaci_udaje a.active {
  text-decoration: none;
  color: #e62642;
}

.input_login {
  width: 150px;
}

.submit_login {
  width: 100px;
}

h5 {
  margin-top: 15px;
  margin-left: 50px;
  color: #e62642;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

h6 {
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: normal;
  font-size: 12px;
}

.kategorie_tab td {
  border-bottom: 1px #999999 solid;
  border-right: 1px #999999 solid;
}

.kategorie_polozka {
  vertical-align: top;
  padding: 0px 5px 5px 0px;
  text-align: justify;
  width: 330px;
}

.kategorie_polozka .produkt_add {
  display: block;
  float: left;
  border: 1px #e62642 solid;
  background-color: #eeeeee;
  padding: 0px 5px;
  margin-right: 5px;
  width: 108px;
  line-height: 18px;
  margin-bottom: 10px;
}

.kategorie_polozka .produkt_add img{
  width: 18px;
  height: 17px;
  vertical-align: top;
}

.kategorie_polozka .produkt_add input {
  border: 1px #e0e9f1 solid;
  height: 13px;
  font-size: 11px;
  padding-top: 0px;
  vertical-align: baseline;
}

.kateg_produkt_nadpis a {
  color: #e62642;
  font-weight: normal;
  font-size: 12px;
  text-decoration: none;
}

.kateg_produkt_nadpis a:hover, .kateg_produkt_nadpis a.active {
  text-decoration: underline;
}

.navigace {
  border-top: 1px #888888 solid;
  border-bottom: 1px #888888 solid;
  margin-bottom: 10px;
  text-align: center;
}

.navigace a {
  text-decoration: none;
  color: #e62642;
}

.navigace a:hover, .navigace a.active {
  text-decoration: underline;
}

.navigace .left {
  float: left;
}

.navigace .right {
  float: right;
}

.razeni {
  text-align: center;
  margin-bottom: 10px;
}

.cleaner {
  clear: both;
}

#Bottom {
  border-right: 1px #555555 solid;
  border-bottom: 1px #555555 solid;
  background: url("../img/Bottom.jpg") top left repeat-y;
  height: 20px;
  line-height: 20px;
  padding-left: 221px;
  margin-bottom: 10px;
}