@charset "utf-8";
/* CSS Document */
.cleaner {
	clear: both !important;
	display: block !important;
	float: none !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}
.grey-text {
  color: #616161;
	font-size: 14px;
}
.orange {
  color: #eb7700;
}
.dark {
  color: #363636;
}
.fl-left {
  float: left;
  margin-right: 20px;
  width: 140px;
}
.fl-left a {
clear: both;
}
a {
  color: #FFF;
  font-size: 12px;
  text-decoration: none;
}
p {
  color: #000;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
}
h1 {
  color: #eb7700;
  font-size: 20px;
  margin-top: 3px;
  margin-bottom: 7px;
}
h2 {
  color: #5A5A5A;
  font-size: 18px;
  margin-top: 3px;
  margin-bottom: 7px;
}
h3 {
  color: #5A5A5A;
  font-size: 16px;
  margin-top: 3px;
  margin-bottom: 7px;
}
hr {
  border: 1px #7a7a7a solid;
  display: block;
}
body {
	margin: 0;
	padding: 0;
	text-align: left;	
	background: #f0f0f0 url(../img/bg.jpg) repeat-x center top;
	font: 100% Arial, sans-serif;
	line-height: 1.4;
	min-width: 1024px;
  width: expression( document.body.clientWidth < 1024 ? "1024px" : "auto" ); /* set min-width for IE */
}
sub {
  vertical-align: sub;
  font-size: 70%;
}
sup {
  vertical-align: text-top;
  font-size: 70%;
}
input {
  vertical-align: middle;
}
#obal {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* HEADER */
#header {
  background: url(../img/bg_header.png) repeat-x;
}

.header-obal {
  background: url(../img/header.png) no-repeat right top;
  height: 202px;
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}
.logo {
  height: 44px;
  width: 574px;
  display: block;
  position: relative;
  top: 35px;
  left: 4px;
}
.search {
  position: relative;
  top: 55px;
  left: 5px;
  width: 400px;
  height: 41px;
  margin-bottom: 20px;
}
.search input {
  border: 0px none;
}
.search table {
  border-collapse: collapse;
}
.search table tr {
  height: 28px;
}
.search .hledej {
  background: url(../img/search.jpg) no-repeat;
  height: 36px;
  width: 280px;
  padding: 5px 10px 0px 37px;
  margin: 0px;
}
.search .lupa {
  background: url(../img/lupa.jpg) no-repeat;
  height: 31px;
  width: 71px;
  padding: 0px;
  margin: 0px;
  cursor: pointer; 
}
#menu {
  text-align: left;
  height: 40px;
  width: 980px;
  position: relative;
  top: 56px;
  padding-top: 8px;
}

#menu ul {
padding-left: 22px;
}

#menu ul li {
  display: inline-block;
}

#menu ul li a {
  height: 15px; 
  text-align: center;
  padding: 0px 28px 0px 28px;
  border-right: 1px solid #fff;
}

#menu ul li a:hover {
  color: #000;
}
/* HEADER end */

/* LEVE-SUBMENU , KONTAKT*/
.left-side {
  width: 240px;
  float: left;
}
.eshop {
  margin-top: 37px;
  margin-bottom: 30px;
  height: 61px;
}
.eshop a {
  font-size: 12px;
  color: #4197ee;
  font-weight: 600;
}
.eshop img {
  margin: -7px 15px -17px 27px;
  float: left;
}

.eshop-detail {
  font-size: 12px;
  margin-top: 3px;
  margin-left: 99px;
}

.leve-submenu ul li {
  height: 31px;
  background: url(../img/submenu.jpg) no-repeat left;
}
.leve-submenu a {
  padding-top: 9px;
  padding-bottom: 6px;
  display: block;
  margin-left: 23px;
}
.leve-submenu li:hover {  
  background: url(../img/submenu2.jpg) no-repeat left;
}
.leve-submenu .active {  
  background: url(../img/submenu2.jpg) no-repeat left;
}
.level2 {
  margin: 0px 0px 15px 0px;
}

.level2 li {
  background: url(../img/style.jpg) no-repeat 6px 13px !important;
  border: none !important;
  margin: 0px 5px 0px 20px;
  height: 25px !important;
}

.level2 a {
  color: #000;
}

.level2 a:hover{
  color: #eb7700;
}
.kontakt {
  background: url(../img/kontakt.jpg) no-repeat;
  width: 240px;
  height: 182px;
  margin-top: 22px;
}
.kontakt h1 {
  padding: 10px 5px 0px 20px;
  margin-bottom: 15px;
}
.kontakt p {
  padding: 70px 5px 0px 80px;
}

.kontakt img  {
  float: left;
}

.kontakt a {
  color: #363636;
}
.kontakt a:hover {
  text-decoration: underline;
}
.line {
  background: url(../img/line.jpg) repeat-x center;
  height: 2px;
  margin-left: 10px;
  margin-right: 10px;
}
.bestdrive {
  margin: 0px 10px 20px 49px;
}
/* LEVE-SUBMENU , KONTAKT end */

/* CONTENT, MAINCONTENT , PRODUCT */
#content {
  width: 730px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
}
.promo {
  background: url(../img/obr.png) no-repeat;
  height: 257px;
  width: 713px;
  margin-bottom: 10px;
}
.promo p {
  font-size: 26px;
  position: relative;
  top: 130px;
  padding: 30px;
}
.maincontent {
  padding: 9px 0px 30px 17px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.maincontent a {
  color: #eb7700;
} 
.maincontent a:hover {
  color: #eb7700;
  text-decoration: underline;
}      
.product {
  background-color: #FFF;
  border: 1px #cfd0d2 solid;
  text-align: center;
  width: 207px;
  padding-bottom: 10px;
  padding-top: 5px;
  float: left;
  margin: 8px 38px 8px 3px;
}

.product h2 {
  padding-left: 4px;
  padding-right: 4px;
  line-height: 18px;
  height: 50px;
  margin-bottom: 0px;
}

.product h2 a {
  color: #FF9204;
  font-size: 15px;
  font-weight: bold;
}
.product img {
  margin: 10px;
}
.product p {
  color: #000;
}
.product input {
  background: url(../img/detail.jpg) no-repeat;
  width: 182px;
  height: 36px;
  border: none;
  color: #FFF;
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  cursor: pointer;
  padding-left: 10px;
}
.detail_product {
  border-left: 1px #7A7A7A solid;
  padding-left: 30px;
  float: right;
  width: 450px;
}
.detail_product table {
  border-collapse: separate;
  border-spacing: 10px;
  font-size: 12px;
  color: #FFF;
}
input.detail-bt {
  background: url(../img/bt.jpg) no-repeat;
  height: 22px;
  width: 100px;
  border: none;
  cursor: pointer;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
}
/* CONTENT , MAINCONTENT , PRODUCT end */

/* FOOTER */
#footer {
  color: #797979;
  clear: both;
  background: #505050;
  height: 60px;
  padding-top: 8px;
  margin-bottom: 15px;
}
#footer p {
  color: #fff;
  font-size: 11px;
}
#footer a {
  color: #fff;
}

/* FOOTER end */



.pagecontent {
  padding: 30px;
  float: right;
  width: 680px;
}

.produkt-menu {
  background: url(../img/detail.jpg) no-repeat;
  width: 209px;
  height: 41px;
  margin: 5px 0px 10px -1px;
}

.produkt-menu span {
width: 100px;
text-align: center;
line-height: 36px;
color: white;
font-weight: bold;
}

.produkt-menu .koupit {
float: right;
}

.produkt-menu img {
margin: 0px;
}

.kategorie-img {
height: 180px;
padding-top: 5px;
}

.strankovani {
  text-align: center;
  margin-top: 20px;
  font-weight: bold;
}

.strankovani a {
padding: 3px;
color: #000;
}

.strankovani a.active {
color: #eb7700;
color: #4594E5;
font-weight: bold;
text-decoration: underline;
}

.error {
color: red;
}

.error input {
border: solid 1px red;
color: red;
}

.table-kosik, .registrace, .prihlaseni, .objednavky  {
border-collapse: collapse;
color: #383838;
font-size: 9pt;
}

.table-kosik tr {
border: solid 1px gray;
}

.table-kosik td {
padding: 10px;
}

.registrace td, .prihlaseni td, .objednavky td {
padding: 3px;
padding-left: 10px;
padding-right: 10px;
}

.table-kosik th, .registrace th, .objednavky th {
padding: 10px;
background: gray;
color: white;
}

.prihlasen {
text-align: center;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
}

.red {
color: red;
font-weight: bold;
}

.mapa-stranek li.druhy {
  padding-left: 25px;
  font-weight: normal;
}

.mapa-stranek li.prvni {
  padding-left: 15px;
  font-weight: normal;
}

.mapa-stranek li {
font-weight: bold;
}

table p {
padding: 0px;
margin: 0px;
}

td, th {
  vertical-align: middle !important;
  padding: 3px;
}

table {
  font-size: 9pt;
}

table h2 {
  font-size: 11pt;
}

h2.detail {
  clear: both;
  margin-top: 10px;
  padding-top: 20px;
}

.technicke-udaje {
  background: #5A5A5A;
  clear: both;
  color: white;
  width: 100%;
  margin-top: 10px;
}

.technicke-udaje td {
  padding: 6px;
  border: solid 1px #333;
}

div.filtr {
  background: url(../img/filtr.jpg) no-repeat;
  color: #5a5a5a;
  font-size: 9pt;
  padding: 10px;
  margin-bottom: 10px;
  margin-top: 33px;
  height: 153px;
}

table.filtr {
  margin-left: 16px;
  font-weight: bold;
  height: 55px;
}

table.filtr td {
  padding: 5px;
}

table-filtr {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.razeni{
  margin-left: 22px;
  height: 27px;
  margin-top: 11px;
  font-weight: bold;
}

.zobrazit  {
  background: url(../img/zobrazit.jpg) no-repeat;
  cursor: pointer;
  width: 57px;
  height: 26px;
  border: 0px none;
}

.filtr_ostatni  {
  margin-left: 34px;
  margin-right: 11px;
  width: 129px;
}

.strike {
  color: red;
  text-decoration: line-through;
  font-weight: bold;
  display: block;
  font-size: 10pt;
  margin-bottom: 15px;
}

.leve-submenu {
  width: 224px;
}

.leve-submenu ul li.no-li {
  height: 30px;
  background: transparent;
  border: none;
}

.leve-submenu ul li.li-pneu {
  height: 23px;
  background: url(../img/pneu.png) no-repeat left bottom;
  border: none;
  padding: 27px 0px 0px 22px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.leve-submenu ul li.li-bat {
  height: 24px;
  background: url(../img/baterie.png) no-repeat left bottom;
  border: none;
  padding: 24px 0px 0px 22px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.poznamky {
  font-size: 8pt;
  color: #000;
  margin-top: 15px;
}

.selecty {
  width: 100%;
  margin-top: 4px;
  margin-left: 16px;
  font-weight: bold;
}

.selecty select {
  width: 131px;
}

.drob-nav {
  margin: 5px 0px 30px 1px;
  font-size: 12px;
  font-weight: bold;
}

.drob-nav a {
 padding-left: 3px;
 margin-right: 10px;
 font-weight: 600;
}

.drob-nav .sipka {
  background: url(../img/vehar-sipka.png) no-repeat left center;
}

.hledani-baterie {
  float: right;
  margin-top: -40px;
  width: 330px;
}

.hledani-baterie img {
  float: right;
}

.hledani-baterie p {
  color: white;
  margin: 0px;
  padding: 0px;
  float: left;
}

#content ol {
  list-style: decimal;
}

#content ul {
  list-style: disc;
}

#content ol, #content  ul {
  color: #383838;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 15px;
  margin-left: 30px;
}

.veta {
  text-align: right;
  float: right;
  padding: 0px;
  margin: 0px;
  padding-right: 7px;
  color: #383838;
  font-size: 11px;
  margin-bottom: -10px;
  margin-top: 4px;
}

#menu ul li a.login  {
  background: url(../img/profil_img.png) no-repeat 5px 0px;
  border-right-style: none;
  font-weight: bold;
}

.odhlasit{
  background: url(../img/odhlasit.png) no-repeat;
  border-style: none;
  cursor: pointer;
  width: 71px;
  height: 27px;
  margin-top: -3px
}  

#odkazy {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  color: #383838;
}

#odkazy a {
  color: #EB7700;
}

.proklik  {
  background: url(../img/bg_proklik.png) no-repeat;
  width: 725px;
  height: 168px;
  padding-top: 6px;
  margin-bottom: 20px;
  margin-top: -30px;
}

.proklik ul {
   list-style: none !important;
}

.proklik ul li  {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
}

.proklik a  { 
  background-repeat: no-repeat;
  font-size: 13px;
  color: #000;
  font-weight: bold;
  display: block;
  text-decoration: none;
  width: 146px;
  height: 24px;
  padding-top: 115px;
}

.proklik a:hover  {
  background: #ffab40;
  color: #fff;
  text-decoration: none;
}

.proklik a.letni-pneu {
  background: url(../img/letni-pneu.png);
}

.proklik a.letni-pneu:hover {
  background: url(../img/letni-pneu_h.png);
}

.proklik a.zimni-pneu {
  background: url(../img/zimni-pneu.png);
}

.proklik a.zimni-pneu:hover {
  background: url(../img/zimni-pneu_h.png);
}
.proklik a.autobaterie-varta {
  background: url(../img/baterie-varta.png);
}

.proklik a.autobaterie-varta:hover {
  background: url(../img/baterie-varta_h.png);
}
.proklik a.autobaterie-freedom {
  background: url(../img/baterie-freedom.png);
}

.proklik a.autobaterie-freedom:hover {
  background: url(../img/baterie-freedom_h.png);
}

.akcni-nabidka  {
  background: url(../img/bg_akcni-nabidka.jpg) no-repeat;
  width: 712px;
  height: 253px;
  margin-bottom: 20px;
  margin-left: 6px;
}

.akcni-nabidka h2 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin-left: 35px;
}

.akcni-nabidka p {
  margin-top: 20px;
  margin-left: 34px;
  margin-bottom: 10px;
  width: 411px;
  color: #424242;
  font-size: 12px;
}

.akcni-nabidka ul {
  list-style: none !important;
  margin-left: 36px !important
}

.akcni-nabidka ul li{
  background: url(../img/bg_li.png) no-repeat 0px 5px;
  padding-left: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
}

.seo-text{
  border: 1px solid #cdcdcd;
  background-color: #ffffff;
  padding: 10px 20px 3px 20px;
  margin-left: 3px;
  margin-top: 10px;
}