/* CSS Document */
@CHARSET "UTF-8";
/*
  pozadi      #231F20 tm. seda
  oranzova:   #EE5325;
  pozadi boxu:   #2B2728;
  sv. seda:   #3D393A;
*/
body {
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: "Arial CE", arial, verdana, "Helvetica CE", helvetica, sans-serif;
	background: #FFFFFF url("/img/template/bg-main.jpg") repeat-x top left;
}

/* body, html {	height: 100%; }*/
.hand, .button{cursor: pointer;}
.noBorder {border-width: 0px; margin: 0px; padding: 0px;}
.cleaner {line-height: 0px; height: 0px; margin: 0px; padding: 0px; clear: both;}
.hidden {display: none;}

.corange{color: #FF5507;}
.cseda{color: #7e746b;}
.csseda{color: #dadada;}
.cBlue {color: #7e746b;}
.cModra {color: #1CAD24;}
.cCervena {color: #AF2928;}
.v70 {height: 50px; overflow: hidden; margin: 0px;}

h1{margin-left: 0px; padding: 0px; font-size: 15pt;}
h2.logo {letter-spacing:-1px; font-family: Helvetika}
h3 {font-variant: small-caps; font-size: 0.8em; margin: 0px; color: #000;}

.aleft {text-align: left;}
.aright {text-align: right;}
.acenter {text-align: center;}
.vTop {vertical-align: top;}
.vBottom {vertical-align: bottom;}
.fLeft {float: left;}
.fRight {float: right;}
.strong {font-weight: bold;}

.w100 {width: 100px;}
.w140 {width: 130px;}
.w200 {width: 200px;}
.w300 {width: 300px;}
.w20 {width: 20px;}
.w40 {width: 40px;}
.w80 {width: 80px;}

.mezera-top {line-height: 0px; height: 0px; margin: 0px; padding: 0px; margin-top: 40px;}
.mezera-vlevo {padding: 0px;}
#div-obalka2 {margin: auto; width: 980px; }

#top-zalozky {height: 35px;}

.cSkladem {color: #339900;}


#obsah {margin-top: 179px; }
#head {position: absolute; top: 0px; z-index: 20; width: 980px;
	background: url('/img/template/bg-img.png') top center no-repeat;}

/* HLAVICKA */
#div-header {height: 80px;}
#header-panel {float: right; width: 746px;  height: 163px; marign: 0px; padding: 0px;}
#header-panel img {border-width: 0px;}
#header-panel-nadpis { background: #FF7B06 url("/img/template/roh-right-orange-header.gif") no-repeat right top;
	height: 29px; color: white; font-size: 0.9em; font-weight: bold; line-height: 28px; padding: 0px;}
#header-pan-nadpis1{position: absolute; margin-left: 10px; }
#header-pan-nadpis2{position: absolute; margin-left: 241px; border-left: 1px solid #FFC089;}
#header-pan-nadpis3{position: absolute; margin-left: 483px; border-left: 1px solid #FFC089;}

#div-left {width: 800px; float: left;}
#div-right {width: 175px; font-size: 0.8em; float: right;}
#div-right-full {width: 756px; float: right; font-size: 0.9em; paddidng: 10px;}
#div-left2 {width: 220px; float: left;}
	
#div-left-content {float: right; width: 615px; vertical-align: top; padding-top:3px;}
#div-left-menu {width: 180px;}
#div-left-menu h3 {padding-left: 10px; padding-top: 4px; padding-bottom: 3px; background-color: #3F3A3B;}
#div-left-menu h3 a {color: #fff;}
#div-left-menu  .box .panelBlokContent p {font-size: 0.8em;}

/* PATICKA */
#div-foot {margin-top: 20px; font-size: 10pt; background-color: #343434; padding: 8px; padding-top: 4px;
	border-top: 3px solid #8C8C8C; padding-bottom: 80px;}

#main-info-stranky {position: absolute; z-index: 999; margin: auto; margin-left: 350px; font-size: 2px; color: #231F20;}


#kolaz {float: right; position: relative; left: -20px; top: 38px;}

#langs {position: relative; float: right; top: 50px; font-size: 7pt; font-weight: bold;}
#langs img {border: 1px solid #DFDFDF; vertical-align: middle; margin: 2px;}

/* [LOGO] */
img#logo { text-align: center; border-width: 0px; position: relative; top: 0px;
	left: 10px; float: left;}
#logo a {color: black; font-size: 30px;} 

#banner {left: 10px; position: relative;}

#ikony {height: 45px;  background-color: #B8B8BA; border-bottom: 5px solid #E5E5E5; text-align: center;
   border-right: 1px solid white;}
#ikony img {margin-top: 10px; border-width: 0px;}

.right20 {margin-right: 30px;}

.but {float: left; width: 170px; height: 40px; margin-top: 5px; border-right: 1px solid white;
   line-height: 30px; _line-height: 17px; text-align: right; padding-right: 6px; 
   padding-top: 10px;}
.but a {position: relative;  font-weight: bold; text-decoration: none; color: #E5E5E5;  font-style: italic;}
.but a:hover {color: white;}
a.mon {color: white;}
#middle-content {padding: 0px; margin:0px; border-top: 1px solid white;}

.cqs {position: relative; top: -10px; margin-top: 5px; border-width: 0px; }

/*  MENU  */
#div-top-menu {height: 32px; margin-bottom: 1px;
	background: #1CAD24 url("/img/template/bg-topmenu.png") repeat-x top left; }
#hMenu {margin: 0px;  padding: 0px; margin-left: 10px;}
#hMenu li {display: inline; list-style: none; float: left; height: 27px;}
#hMenu li a {color: white; font-weight: bold; font-size: 0.8em; text-decoration: none; display: block;
	line-height: 32px; height: 29px;}
#hMenu li a:hover {color: white;}
#hMenu li.on a{border-bottom: 3px solid #000; color: #000;}
#hMenu li.lioddelovac {color: #fff; font-weight: normal; font-size: 15px; line-height: 32px; padding: 0px 5px;}

/* Menu kategorii */
.div-left-menu {background-color: #2B2728; padding-bottom: 10px;}
#main-menu, ul#main-menu ul {margin: 0px; padding: 0px;}
ul#main-menu li , ul#main-menu li ul li{list-style: none; margin-left: 10px; padding: 0px;}
ul#main-menu li {margin-left: 0px; padding: 0px;}
li.polozka-menu a {font-family: Verdana, Arial CE, arial, sans-serif; font-size: 0.8em;
	display: block; font-weight: normal; font-variant: small-caps;
	line-height:20px; padding-top: 1px; padding-left: 10px;  color: white;
	border-bottom: 1px dashed #343434; padding-bottom: 2px;}
li.polozka-menu a.selected-field {color: #FFAA00; font-weight: bold;}
#main-menu a:hover {color: #FFAA00;}
li.polozka-menu a img  {float: right; border-width: 0px; position: relative; top: 2px; left: -5px;}

/* [menu /end ] */

/* [INDEX] */
#div-right h2, #div-right-full h2 {font-size: 11pt; font-weight: bold; color: #CF3130;}
.akcni-nadpis {background-color: #EEF5FB; padding: 3px 10px; border-bottom: 1px solid #D6D6D6;}

/* [BLOKY] */
.blok {color: #898989; margin: 1px 0px; padding-bottom: 13px; border-bottom: 8px solid #3D393A;
	background-color: #2B2728; margin-top: 8px;}
.blok-in {margin: 4px; margin-top: 10px;}
.blok-in p {font-size: 0.8em;}

.panelBlok h3 {background: url("/img/template/bg-top-blue-box.gif") left top no-repeat #40B649;
	height: 30px; line-height: 33px; font-size: 1.1em; padding-left: 5px;}
.panelBlok h3 a {color: white;}
.panelBlok  {background: url("/img/template/bottom-blue-box.gif") left bottom no-repeat #24AC28;
	margin-bottom: 5px;}
.panelBlokContent {padding: 5px; padding-bottom: 10px;}
.panelBlokContent p {margin: 0px; color: #fff;}
.panelBlokContent p a, .content-blok .padding-block p a {color: #FF9900;}
.panelBlokContent strong {font-weight: normal;}
/* [BOXY] */
.box h3.header-box {margin: 0px; padding: 0px; color: #DA2627; height: 30px; line-height: 32px;}
.box h3 a {color: #DA2627; font-variant: small-caps; text-decoration: none;}
.box {background-color: #2B2728; color: #898989; padding: 0px; padding-bottom: 13px; border-bottom: 2px solid #39B83F;}
.box p {padding: 0px 5px; margin: 0px; font-size: 0.9em;}
#mainobsah {position: absolute; margin-bottom: 20px; float: left; left: 230px; margin-top: 200px;}


/* [Vyhledavani BOX] */
#boxVyhledavani {float: right; width: 340px;}
#boxVyhledavani input {position: relative; }
#boxVyhledavani input.texti {position: relative;width: 250px; color: #393840;
	background-color: #EEEEEE; border-width: 0px; padding: 1px;}
#boxVyhledavani span {font-weight: bold; font-size: 9pt; font-variant: small-caps;}
#boxVyhledavani form, #boxVyhledavani form p {margin: 0px; padding: 0px;}

/* TMAVY TEXT */
.tmavy-obsah {background-color: #2F2F2F; margin-bottom: 3px;} 
.head-dark {background-color: #2B2728; color: #FF7B06; width: 100%; padding: 5px 0px; 
			margin: 0px; border-bottom: 2px solid #484848; font-weight: bold;
			}
.head-dark-nadpis {font-size: 15px; position: relative; left: 5px; }


div#div-right-full div.tmavy-obsah p {margin: 0px;}

/* [Login BOX] */
#login-box form {padding: 0px 5px; text-align: right; margin: 0px;}
#login-box form label {font-size: 0.8em; font-weight: bold;}
#login-box form input {background-color: #363435; border: 1px solid #666465; color: #8A8A8A; margin-top: 1px;}
#login-box form .tlacitko {border-width: 0px; font-size: 7pt; margin-top: 4px;
	background-color: transparent; color: #CC0000; font-weight:bold; text-decoration: none; border-bottom: 1px solid #CC0000; height: 20px;  line-height: 20px; padding: 0px;}
#login-box form  a {color: #ababab; font-size: 8pt; padding-bottom:3px; text-decoration: none; border-bottom: 1px solid #ababab;}
#login-box form  a:hover {border-bottom-color: white;}
#login-box h3 {margin-bottom: 6px; }

/* OBSAHOVY TEXT - STRANKY*/
.content-blok, #detail-zbozi {background-color: #FCFCFC;
	padding: 0px; margin: 0px; border: 1px solid #96CE97;
	margin-bottom: 4px;}
.content-blok .padding-block, #detail-zbozi .padding-block {margin: 0px; padding: 5px;}
.content-blok .padding-block h1 {margin-top: 0px; margin-bottom: 2px; font-size: 1.1em; color: #1CAD24;}
.content-blok .padding-block h2 {margin-top: 0px; margin-bottom: 2px; font-size: 1.1em;}
.content-blok .padding-block p {margin: 0px; font-size: 0.9em; padding-top: 3px;}
.blueHead {background: url("/img/template/top-head-blue.gif") top left repeat-x #1CAD24;
	color: white; font-size: 0.9em; margin: 0px; height: 22px; padding-left: 4px; padding-top: 2px;
	line-height: 20px; border-top: 2px solid #ABEEB9;}

/* TEXT CONTENT */
#div-page-content {padding: 0px 10px; padding-bottom: 20px; font-size: 1.1em; word-spacing: 0.1em; background-color: white;}
#div-page-content a {color: #FF5507}
#div-page-content img.img-title {float: right; margin: 5px; margin-top: 0px;}
#div-page-content h1 {color: #CC0033; margin-bottom: 10px; margin-top: 15px; }
#div-page-content h2 {color: #FF5507; font-size: 1em; margin: 0px; padding: 0px;}
#div-page-content h3 {margin: 0px; color: #FF5507; padding: 0px; font-size: 0.9em; margin-top: 5px;}
#div-page-content h4 {margin: 0px; color: black; padding: 0px; font-size: 0.8em;}
#div-page-content p {text-align: left; color: #333333; margin: 0px;  padding: 0px;}

#infotext-stred {background-color: #282828; padding: 0px; color: #D6D6D6; width: 505px;}
#infotext-stred div p {padding: 0px; margin: 0px;}

/* [DROBECKOVA NAVIGACE] */
div#drobeckova-navigace {color: #fff; font-size: 9pt; background-color: #666666;
	margin-bottom: 3px; height: 30px; line-height: 29px; padding-left: 10px;}
div#drobeckova-navigace a {color: #fff; text-decoration: none; padding: 6px 3px; }
div#drobeckova-navigace a:hover {text-decoration: underline;}
div#drobeckova-navigace span {font-weight: bold;}

/* [STRANKOVANI] */
.page-colector {margin-top: 3px; clear: both; border: 1px solid #FF9430; margin-right: 0px; padding: 4px; background-color: #FFF3E8;}
.page-colector a {font-size: 0.8em;} 
.page-colector a.ON {font-weight: bold; font-size: 1em;} 

/* [FILTR zbozi razeni .. ] */
.filter-box {border: 1px solid #1CAD24; padding: 4px; background-color: #E8FFEC; margin-top: 3px;}
.filter-box img {border-width: 0px; vertical-align: middle; margin: 0px 3px;}

/* [KATEGORIE] */
#path-div {margin-top: 10px;}
.popis-kategorie {margin-bottom: 10px; width: 605px; font-size: 0.9em;}
/*h1#nadpis-kategorie {color: #1C445D; font-size: 1.5em; font-weight: bold;}*/

.kategorie-short-box {width: 165px; float: left; height: 155px; margin-right: 4px;}
.kategorie-short-box h2 {background-color: #2B2728; padding: 2px; margin-bottom: 0px;}
.kategorie-short-box h2 a {font-size: 8pt; font-weight: normal; color: white; text-decoration: none;}
.kategorie-short-box img {border-width: 0px;}

.popisKategorie {padding: 5px; color:#D6D6D6;}

/* [SUBKATEGORIE] */
div#div-right-full h2.nSubkategorie, div#div-right h2.nSubkategorie {font-size: inherit; color: #7F7F7F;}
#subKategorie {margin: 0px; padding: 0px; margin-top: 5px; margin-bottom: 10px;}
#subKategorie li {display: inline;  color: #008282; font-weight: bold;}
#subKategorie li a {color: #008282; position: relative; top: -2px; margin-left:3px; margin-right: 5px;}
#subKategorie li span {color: #CC0033; font-size: 1.7em; font-family: sans-serif;}
.radaText {font-size: 0.9em; color: #999999;}

/* [ZBOZI - seznam] */
div.polozkaSortiment {margin:0px; background-color: #fff; border-bottom: 1px solid #1CAD24;
	padding-top: 3px;}
div.polozkaSortiment h3 a { font-size: 14px; color: black; text-decoration: none;}
div.polozkaSortiment h3 a:hover {text-decoration: underline;}
.polozkaSortiment h3 {margin: 0px; padding: 0px; line-height: 18px;}
div.polozkaSortiment div.popis {font-size: 0.9em; width: 400px; margin-left: 65px;
	color: #444444; margin-top: 5px;}
div.polozkaSortiment div.foto {float: left; margin-right: 4px;}
div.polozkaSortiment div.foto img {margin: auto;  border: 1px solid #cdcdcd;}
div.left-line {margin-left: 10px;}
div.polozkaSortiment p {margin: 0px; color: #7D746B;}
div.polozkaSortiment div.cena {text-align: right; font-weight: bold; font-size: 0.8em;
	padding-right: 4px; width: 130px; float: right; clear: right; margin-top: 4px;}
div.polozkaSortiment div.cena span.cenaSDPH {font-size: 7pt; font-weight: normal;}
div.polozkaSortiment div.cena  span.castka{font-size: 17pt; color: #CC0000; font-family: arial; line-height: 22px; font-veight: bold;}
div.cena form{margin: 0px; padding: 0px;}

div.oddelovac-radku {clear: both; border-bottom: 1px solid #B9B9B9; height: 1px; line-height: 1px; margin-right: 10px;}

div.second-line {background-color: #F4F9F5;}

div.cena input.button-vlozit {border-width: 0px; background-color: transparent;
	cursor: pointer; color: #1D4461; font-weight: bold; border-bottom: 1px solid #AF2929;
	width: 113px;}
div.cena input.button-vlozit:hover {border-bottom: 2px dotted #FC6204;}
div.polozkaSortiment input {font-size: 11pt; padding: 0px;}
input.i-mnozstvi {text-align: right; border:1px solid #1C97FE;}

div.AkceNovinkaSkladem {width: 300px;}
span.novinka, span.skladem, span.akce {font-size: 11px; font-weight: bold; line-height: 10px; float: left;
	background-color: #EEEEEE; border: 1px solid #D8D8D8; padding: 2px; margin-left: 1px; text-align: center;}
span.novinkat, span.sklademt, span.akcet {font-size: 11px; font-weight: bold; line-height: 10px; color: #F4F4F4; float: left;
	background-color: #aaa; padding: 2px; margin-left: 1px; text-align: center;}
span.novinka {color: #FC6204;}
span.akce {color: #CC0000;}
span.skladem {color: #339900;}


/* [ZBOZI - detail] */
#hlavniFoto {float: left; margin-right: 10px; margin-bottom: 10px;	border: 1px solid #cdcdcd;}
.seznam-zbozi-div{width: 605px; margin-bottom: 10px; clear: right;}
#detail-zbozi {padding-bottom: 30px; background-color: white;}
/*#detail-zbozi h1 {color: #231F20; font-size: 1.4em; font-weight: bold;}*/
#detail-zbozi div.cena { text-align: right; color: #7e746b; font-weight: bold; font-size: 1em; padding-top: 5px;}


/* obrazky */
.foto-zbozi-div-detail {}
.foto-zbozi-div-detail img {margin-top: 5px; border: 1px solid #CDCDCD; border-right-color: #231F20; border-bottom-color: #231F20;}
.foto-zbozi-div-detail img:hover {border: 1px solid #CDCDCD; border-left-color: #231F20; border-top-color: #231F20;}
.foto-zbozi-div-detail h3 {margin: 0px; margin-bottom: 3px; font-size: 0.9em;}
/* parametry zbozi */
#parametry-zbozi-div {float: left; width: 230px; padding-top: 4px;}
#parametry-zbozi-div table caption {background-color: #231F20; color: white; font-weight: bold; padding: 3px; font-size: 0.8em;  text-align: left; border-bottom: 2px solid #FF9000; white-space: nowrap;}
#parametry-zbozi-div table th, #parametry-zbozi-div table td {font-size: 0.8em;
	 padding: 2px; font-weight: normal; border-bottom: 1px solid #EAEAEA;}
#parametry-zbozi-div table th { padding-right: 10px; text-align: right;  }
#parametry-zbozi-div table td {font-weight: bold; text-align: left; }
#parametry-zbozi-div table {margin-bottom: 10px;  }


/* REKLAMA */
.reklama-pneumatiky{width: 300px; float: left;}

/* cena */
.cenaBezDph {color: #2D2D2D; font-size: 1.1em; font-weight: bold;}
.cenaSDph {color: #D91916; font-size: 1.5em; font-weight: bold;}

/* [DOWNLOAD] */

/* [NOVINKY] */
.novinka-box-index {width: 178px; float: left; margin: 5px 3px; padding: 0px 3px;}
.novinka-box-index span.datum {color:#333333; font-size: 11px; font-weight: bold;}
.novinka-box-index span.nadpis a{color:#1C97FE; font-weight: bold; font-size: 12px;}
.novinka-box-index span.vice a{color:#FD281A; font-size: 0.8em; }
.novinka-box-index p {margin: 0px; padding: 2px 0px; color: #7F7F7F; font-size: 8pt;}
.borderRight {border-right: 1px solid #AFAFAF;}


.kategorie-box-index {width: 173px; float: left; margin: 5px 3px; padding: 0px 3px; height: 75px; text-align: center;}

/* [SEARCH ZBOZI] */



/* [KOSIK] */
.table-kosik {width: 100%;background-color: white;}
.table-kosik th {background-color: #FC7718; color: #fff; font-size: 9pt;}
.table-kosik td {background-color: #f5f5f5; font-size: 9pt;}
.table-kosik td a {color: #000; font-weight: bold;}
.table-kosik tr.rowCelkovaCena td{height: 38px; background-color: #FFE2C6; border-top: 1px solid #FF7719;
	border-bottom: 2px solid red;}
.table-kosik tr.rowCelkovaCena td strong { font-size: 1.2em;}


#boxNakupniKosik {color: #2B2728; width: 278px; height: 77px; padding: 0px; margin: 0px;
				  background: url("/img/template/bg-kosik-top.png") top left no-repeat transparent;
				  position: relative; top: -15px; float: right; font-weight: bold;}
.tlacitkaKosiku {float: right; width: 80px; font-size: 11px; line-height: 28px; margin-top: 12px;}
.tlacitkaKosiku a {color: #F2AA2E;}
.pocetPolozek {color: #F2AA2E; font-weight: bold; position: relative; top: 47px; left: 13px;}
.cenaDiv {margin-left: 70px; line-height: 25px;}
.cenaDiv span {color: #FF2819; font-weight: bold; font-size: 20px;}
input.button {background-color: #FC954B; border: 1px solid #FC7718; border-bottom: 3px solid #FC7718;
	color: white; padding: 2px; margin-left: 3px; font-weight: bold; font-size: 10pt;}
input.button:hover {border-color: #C00; background-color: #FC7718}
.specialButton a{display: block; width: 350px; background-color: #231F20; border-bottom: 2px solid #7E746B; color: white;}
.specialButton a:hover{border-bottom-color: #CC0000;}
/* 
   - zmena barev loga
   - dodelat pripocteni slevy do objednavky, kosiku, 
   - dodelat moznost akce
   - kontakt dorucovaci a fakturacni adresa
   - kontakt - povinny telefon
   - export zbozi na seznam.cz
*/


/* [VYHLEDAVANI] */
.pneuSearch th, .penuSearch td {font-size: 10px; color: white;}
.pneuSearch th.aright input {border: 1px solid white; background-color: #1CAD24; color: white;}
/* [OBJEDNAVKA] */
.krok {width: 180px; float: left;}
div #krokyObjednavky {height: 52px; border-bottom: 2px dotted grey; margin-bottom: 15px;}
.cisloKrokuObjednavky {width: 50px; height: 45px; text-align: center;  padding-top: 6px;
	background: white url('/img/krok-objednavky.gif') no-repeat center top; float: left;}
.cisloKrokuObjednavky span {color: white; font-size: 25px; font-family: arial; font-weight: bold;}
.popisKroku {font-size: 0.9em; font-weight: bold; position: relative; top: 13px; color: grey;}

.krok.on .cisloKrokuObjednavky{background-image: url('/img/krok-objednavky-on.gif');}
.krok.on .popisKroku {color: black;}
	 
.informace-but {display: block; width: 160px; border: 1px solid #009966; padding: 2px; background-color: #efefef;
    color: black; text-align: center; border-left: 4px solid #009966; font-size: 0.8em;}
.cenaDopravyPlatby {font-weight: bold;}
.cenaDopravyPlatby span {font-weight: normal;}

.tableDopravaPlatba {width: 550px; background-color: white;}
.tableDopravaPlatba td {background-color: #f5f5f5;}

.kontakt-table {width: 100%; background-color: white;}
.kontakt-table td, .kontakt-table th {background-color: #f5f5f5;}
.kontakt-table th {text-align: right;}

.squareRadio {background-color: #7C7C7C; width: 18px; height: 18px;}
.sideRadio {background-color: #F5F5F5; padding: 0px 6px; font-size: 0.9em; font-weight: bold; color: #3E3E3E;}
.error {background-color: #F2F2F2; border-top: 1px solid #E5E5E5; border-bottom: 2px solid #E5E5E5; padding: 5px 2px;}
.error span {color: #009900;}
.error h3{color: red; font-size: 1.1em;}
.divTlacitka{}


/* [REGISTRACE] */
.error-messages {color: red; font-weight: bold;}

/* [PATICKA] */
#div-foot { color: #F2F2F2; font-size: 0.8em;}
#copy {float: right; line-height: 17px; }
#copy a {color: #FC6204; text-decoration: none; font-weight: bold;}
#copy a:hover {text-decoration: underline;}
.center-content {width: 990px; margin: auto;}
#foot-partneri {width: 450px; float: left;}
#foot-partneri a {color: white;}