/* CSS Document */
/*
  pozadi      #231F20 tm. seda
  oranzova:   #EE5325;
  pozadi boxu:   #2B2728;
  sv. seda:   #3D393A;
*/
body {
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: verdana, "Arial CE", arial, "Helvetica CE", helvetica, sans-serif;
	background-color: #CCCCCC;
	font-size: 90%; 
}

/* body, html {	height: 100%; }*/
.hand{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: #D37712;}
.cseda{color: #7e746b;}
.csseda{color: #dadada;}
.zelena {color: #007700;}
.cBlue {color: #97B205;}
.cCervena {color: #AF2928;}
.v70 {height: 50px; overflow: hidden; margin: 0px;}

h1{color: #25499F; margin: 10px; margin-left: 0px; padding: 0px; font-size: 15pt;}
h2.logo {letter-spacing:-1px; font-family: Helvetika}

.aleft {text-align: left;}
.aright {text-align: right;}
.acenter {text-align: center;}

.fLeft {float: left;}
.fRight {float: right;}


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

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

#div-header {height: 120px; background-image: url("/img/bg-head.jpg"); margin: 0px; padding: 0px;}
#div-top-menu {margin: 0px; height: 32px; border-left: 5px solid #2B2728; margin-bottom: 10px; background-color: #97B205;}
#div-right {width: 510px; float: right; font-size: 0.8em;}
#div-right-full {width: 743px; float: right; font-size: 0.8em; background-color: white; border-bottom: 5px solid #3D393A; paddidng: 10px;}
#div-left {width: 227px; }
#div-right2 {width: 227px; height: 100%; float: right; margin-left: 8px;}
#div-foot {margin-top: 20px; font-size: 10pt; background-color: #2B2728; padding: 8px; padding-top: 4px;
	padding-bottom: 20px; border-top: 1px solid #231F20;}

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

#img-slide {margin-left: 238px; }
#img-slide img {border-left: 1px solid white; border-right: 1px  solid white;}
#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;}

#div-right h1, #div-right-full h1 {font-family: arial; font-weight: bold; color: #DA1617;
	margin: 10px 0px; padding: 5px; padding-left: 10px; font-size: 1.3em;}

/* [top head] */
img#logo { text-align: center; border-width: 0px; position: relative; top: 23px; 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]  */

#hMenu {margin: 0px;  padding: 0px; }
#hMenu li {display: inline; list-style: none; float: left; height: 32px;
	background-color: #97B205; border-left: 1px solid #2B2728;}
#hMenu li a {color: white; font-weight: bold; font-size: 0.8em; text-decoration: none; display: block; line-height: 32px; padding: 0px 8px; height: 32px;}
#hMenu li a:hover {color: white;}
#hMenu li.on a{border-bottom: 3px solid white; color: #2B2728;}
#hMenu li.lioddelovac {color: #F7C5C5; font-weight: bold;}

/* Menu kategorii */
.div-left-menu {background-color: #2B2728; padding-bottom: 20px; border-bottom: 10px solid #3D393A;}
#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;}
li.polozka-menu a {border-left: 8px solid #3D393A; 
	font-family: Arial CE, arial,Verdana,  sans-serif;
	display: block;  font-variant: small-caps; text-decoration: none;
	line-height:20px; padding-top: 2px; padding-left: 3px;  padding-right: 7px; color: white;
	background: transparent url("../img/bg-bottom-menu.gif") bottom left repeat-x;}
li.polozka-menu a.selected-field {color: #D81815; border-left-color: #4C4748;}
#main-menu a:hover {color: #D81815; border-left-color: #4C4748;}
li.polozka-menu { font-size: 0.9em; font-weight: normal;}
li.polozka-menu a img  {float: right; border-width: 0px; position: relative; top: 2px; left: 0px;}
li.polozka-menu li.polozka-menu a {font-variant: normal; font-size: 0.9em;}

/* [menu /end ] */

/* [INDEX] */
#div-right h2, #div-right-full h2 {font-size: 11pt; font-weight: bold; color: #7E746B; margin-left: 10px;}
.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;}
h3 {color: white; font-variant: small-caps; font-size: 0.8em; padding-top: 4px;}

/* [BOXY] */
.box h3 {margin: 0px; padding: 0px; padding-left: 5px; color: #F2F2F2; }
.box h3 a {color: #F2F2F2; font-variant: small-caps; text-decoration: none;}
.box {background: #2B2728 url("../img/bg-box-bottom.gif") bottom left no-repeat;
	  color: #898989; margin: 1px 0px; padding: 0px; padding-bottom: 13px;}
.box p {padding: 0px 5px; margin: 0px; font-size: 0.9em;}
.box p a {color: white; text-decoration: none;}

#mainobsah {position: absolute; margin-bottom: 20px; float: left; left: 230px; margin-top: 200px;}


/* [Vyhledavani BOX] */
#boxVyhledavani {background: #2B2728 url("/img/bg-box-bottom.gif") left bottom no-repeat;
				 color: #F2F2F2; width: 227px; height: 80px; padding: 0px; 
				 margin: 0px; margin-bottom: 10px;}
#boxVyhledavani input {position: relative; top: 10px;}
#boxVyhledavani input.texti {position: relative; top: 6px; width: 130px; color: #393840; background-color: #EEEEEE; border-width: 0px; padding: 3px;}
#boxVyhledavani span {font-weight: bold; font-size: 10pt; font-variant: small-caps;}
#boxVyhledavani form {margin: 0px; padding: 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: #F2F2F2; font-weight:bold; text-decoration: none; border-bottom: 1px solid #F2F2F2; 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;}

/* TEXT CONTENT */
#div-page-content {padding: 0px 10px; padding-bottom: 20px; font-size: 1.1em; word-spacing: 0.1em;}
#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: #D37712; padding: 0px; font-size: 0.9em;}
#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: #898989; font-size: 9pt; padding: 6px;  background-color: #242424;}
div#drobeckova-navigace a {color: #898989; text-decoration: none;}
div#drobeckova-navigace a:hover {text-decoration: underline;}
div#drobeckova-navigace span {color: #F2F2F2;}

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

/* [FILTR zbozi razeni .. ] */
.filter-box {border: 1px solid #FFDFC1; margin-right: 10px; padding: 4px; background-color: #FFF3E8;}
.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;}
#div-right .obsah_bunka .kategorie-short-box h2 {background-color: #2B2728; padding: 2px; margin-bottom: 0px; margin: 0px;}
.kategorie-short-box h2 a {font-size: 8pt; font-weight: normal; color: white; text-decoration: none;}
.kategorie-short-box img {border-width: 0px;}

/* [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: #97B205; position: relative; top: -2px; margin-left:3px; margin-right: 5px; font-size: 10px;}
#subKategorie li span {color: #CC0033; font-size: 1.7em; font-family: sans-serif;}
.radaText {font-size: 0.9em; color: #999999;}

/* [ZBOZI - seznam] */
div.polozkaSortiment {width: 228px; float: left; margin: 10px 0px; height: 480px;}
#div-right-full div.polozkaSortiment h2, #div-right div.polozkaSortiment h2 {margin: 5px 0px; font-size: 1.1em;}
#div-right div.polozkaSortiment h2 a {color: #F25626; margin: 5px 0px; font-size: 1.1em;}
div.polozkaSortiment div.popis {height: 200px;}
div.polozkaSortiment div.foto {height: 124px; margin-bottom: 5px; text-align: center;}
div.polozkaSortiment div.foto img {margin: auto;  border: 1px solid #cdcdcd;}
div.left-line {border-left: 1px solid #B9B9B9; margin-left: 5px; padding-left: 5px; }
div.polozkaSortiment p {margin: 0px; color: #7D746B;}
div.polozkaSortiment div.cena {clear: both; text-align: right; color: #1290A9; font-weight: bold; font-size: 0.9em;}

 div.polozkaSortiment div.cena  span {font-weight: bold; font-size: 10pt; color: #AF2928;}
 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.polozkaSortiment h2 a {color: #231F20;}
div.cena input.button-vlozit {border-width: 0px; background-color: transparent;
	cursor: pointer; color: #000000; 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: 10pt; padding: 0px;}
input.i-mnozstvi {text-align: right; border:1px solid #AF2929; }

span.novinka, span.skladem, span.akce {font-size: 10px; font-weight: bold; line-height: 10px;}
span.novinkat, span.sklademt, span.akcet {font-size: 10px; font-weight: bold; line-height: 10px; color: #F4F4F4;}
span.novinka {color: #FC6204;}
span.akce {color: #00D7D9;}
span.skladem {color: #009900;}


/* [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-right: 10px; padding-bottom: 30px;}
/*#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;}

.tableVarianty {background-color: #dedede; margin: auto;}
.tableVarianty td, .tableVarianty th {background-color: white;}
.tableVarianty th {font-size: 0.9em;}
/* SOUBORY */
.soubory a {color: black;}
#div-right-full #detail-zbozi .mezera-vlevo .soubory h2 {color: #2D2D2D; margin-bottom: 3px;}
#div-right-full #detail-zbozi .mezera-vlevo .soubory p {margin: 0px; margin-bottom: 5px;}
/* obrazky */
.foto-zbozi-div-detail img {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 {padding-top: 20px;}
#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;  }


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

.vlozitDoKosiku {margin-top: 10px;}
/* [DOWNLOAD] */

/* [NOVINKY] */
.novinka-box-index {width: 157px; float: left; margin: 0px 0px; padding: 0px 5px; height: 90px;
	background-color: #EDEDED;}
.novinka-box-index span.datum {color:#1C1C1C; font-size: 11px;}
.novinka-box-index span.nadpis a{color:#0E6CB6; font-weight: bold; font-size: 11px;}
.novinka-box-index span.vice a{color:#0E6CB6;}
.novinka-box-index p {margin: 0px; padding: 3px 0px; color: #1C1C1C; font-size: 0.9em;}
.borderRight {border-right: 1px solid #2E2E2E;}

div.novinka a, .novinky-long, a.back-but {color: #0B4D9F;}

div.novinka h2 {margin: 5px 0px; font-size: 1.3em;}
div.text-long {margin-bottom: 10px;
 	padding-left: 5px;
	background-color: #F5F6FA; 
	padding-bottom: 20px; padding-top: 1px;
	border-bottom: 1px solid #0B4D9F;}
div.text-long a.icon_detail {float: right;}

/* [SEARCH ZBOZI] */
#search-div-autosock {background-color: #7D7369; color: white; 
	margin-top: 10px; margin-right: 10px; padding-bottom: 10px;}
#search-div-autosock form {margin: 0px 10px; padding: 0px; font-size: 1em;}
div#search-div-autosock h2 {margin: 10px; margin-top: 0px; margin-bottom: 10px; font-size: 1.5em;}



/* [KOSIK] */
.table-kosik {width: 95%;}
.table-kosik td a {color: #97B205;}
#boxNakupniKosik {background: #2B2728 url("/img/boxNakupniKosik.gif") left bottom no-repeat;
				 color: #898989; width: 227px; height: 87px; padding: 0px; 
				 float: right; margin: 13px;}
#boxNakupniKosik h3 {height: 25px; margin: 0px; line-height: 22px; padding-left: 5px; color: #DA1617; margin-bottom: 4px; background-image: url('/img/kosik.gif'); background-position: right center; background-repeat: no-repeat;}
#boxNakupniKosik p a {font-weight: bold; font-size: 0.8em; color: #DA1617;}
#boxNakupniKosik span {font-weight: bold; color: #DA1617; font-family: sans-serif; letter-spacing: 0.1em;}
#boxNakupniKosik h3 a {color: #DA1617; font-variant: small-caps; text-decoration: none;}
#boxNakupniKosik p {padding: 0px 5px; margin: 0px; font-size: 0.9em;}


input.button {background-color: #FC7718; border: 1px solid #FC7718; border-bottom: 3px solid #00822B;
	color: white; padding: 2px; margin-left: 3px; font-weight: bold; font-size: 10pt;}
input.button:hover {border-color: #C00;}
.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
*/



/* [OBJEDNAVKA] */
.krok {width: 230px; 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: 720px; 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;}



.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;}

/* [DOWNLOAD] */
div#div-page-content h4.download a {color: #898989; text-decoration: none; font-size: 1.2em;}
div#div-page-content p.popis-download span a {text-decoration: none;}
div#div-page-content h4.download a:hover {color: red; border-bottom: 1px dashed grey;}
.popis-download {border-bottom: 1px solid #D4D4D4;}
.download-line {width: 400px; height: 5px; font-size: 5px; line-height: 5px;}

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

/* [PATICKA] */
#div-foot { color: #676662; 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;}