@import "default.css";

/* ==============================================[ pozicni bloky ]============================ */

body {
	margin: 0;
	padding: 0 0 20px;
	text-align: center;
}

#all {
   position: relative;
   margin: -1px auto 0;
	width: 950px;
   border-top: 1px solid white;
	text-align: left;
}

#head {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   margin: 0;
   width: 100%;
   height: 207px;
   background: no-repeat 100% 15px;
   overflow: hidden;
}

#foot {
   height: 42px;
   background: url(../img/foot.gif) no-repeat;
   color: #89a18d;
   font-size: 9px;
   text-align: right;
   text-transform: uppercase;
   letter-spacing: 2px;
}

#foot .container {
   padding: -30 0 0 0;
}

#wrap {
   margin: 207px 0 0;
   background: url(../img/wrap.gif) repeat-y;
}

#inner {
   float: left;
   width: 750px;
}

#lcolumn,
#rcolumn {
   width: 200px;
   color: #959595;
   overflow: hidden;
}

#lcolumn {
   float: left;
}

#rcolumn {
   float: right;
}

#main {
   float: right;
	width: 550px;
   overflow: hidden;
}

#main .container {
	margin: 0 30px;
}

#reset {
   visibility: hidden;
   clear: both;
   height: 0;
   font-size: 0;
}

/* ==============================================[ logo ]============================ */

#logo {
   position: absolute;
   top: 31px;
   left: 0;
   z-index: 2;
   margin: 0;
}

#logo a img {
   border: none;
}
/* ==============================================[ header ]============================ */

.header {
	position: absolute;
	top: 13px;
	left: 322px;
	z-index: 2;
	margin: 0;
	padding: 0;
	width: 628px;
	height: 147px;
}

.header img {
   border: none;
}

/* ==============================================[ hlavni menu ]============================ */

#mainmenu {
   position: absolute;
   top: 160px;
   left: 0;
   margin: 0;
   padding: 0;
   list-style: none outside;

}

#mainmenu li {
   float: left;

}

#mainmenu a {
   display: block;
   height: 32px;
   background: url(../img/mainmenu.jpg) no-repeat;

}

#mainmenu li.n01 a {
   width: 97px;
   background-position: 0 0;
      text-transform: uppercase;
       
}

#mainmenu li.n01 a:hover {
   background-position: -950px 0;
}

#mainmenu li.n02 a {
   width: 70px;
   background-position: -97px 0;
}

#mainmenu li.n02 a:hover {
   background-position: -1047px 0;
}

#mainmenu li.n03 a {
   width: 68px;
   background-position: -167px 0;
}

#mainmenu li.n03 a:hover {
   background-position: -1117px 0;
}

#mainmenu li.n04 a {
   width: 128px;
   background-position: -235px 0;
}

#mainmenu li.n04 a:hover {
   background-position: -1185px 0;
}

#mainmenu li.n05 a {
   width: 121px;
   background-position: -363px 0;
}

#mainmenu li.n05 a:hover {
   background-position: -1313px 0;
}

#mainmenu li.n06 a {
   width: 72px;
   background-position: -484px 0;
}

#mainmenu li.n06 a:hover {
   background-position: -1434px 0;
}

#mainmenu li.n07 a {
   width: 60px;
   background-position: -556px 0;
}

#mainmenu li.n07 a:hover {
   background-position: -1506px 0;
}

#mainmenu li.n08 a {
   width: 92px;
   background-position: -616px 0;
}

#mainmenu li.n08 a:hover {
   background-position: -1566px 0;
}

#mainmenu li.n09 a {
   width: 60px;
   background-position: -708px 0;
}

#mainmenu li.n09 a:hover {
   background-position: -1658px 0;
}

#mainmenu li.n10 a {
   width: 92px;
   background-position: -768px 0;
}

#mainmenu li.n10 a:hover {
   background-position: -1718px 0;
}

#mainmenu li.n11 a {
   width: 90px;
   background-position: -860px 0;
}

#mainmenu li.n11 a:hover {
   background-position: -1810px 0;
}

#mainmenu span {
   display: none;
}

/* ==============================================[ uzivatelske menu ]============================ */

#userinfo {
   position: absolute;
   top: 56px;
   left: 0;
	width: 200px;
	height: 103px;
	background: url(../img/usermenu.gif) no-repeat;
   text-align: right;
}

#userinfo .container {
	margin: 20px 10px;
}

#userinfo .text {
   margin: 5px 0;
   padding: 5px;
   background: url(../img/userinfo.gif) repeat-y right top;
}

#userinfo span {
   float: left;
   color: #afafaf;
   font-size: 82%;
   text-transform: uppercase;
}

#userinfo strong {
   font-size: 91%;
}

#usermenu {
   position: absolute;
   top: 44px;
   left: 216px;
   margin: 0;
   padding: 0;
   list-style: none outside;
}

#usermenu li {
   margin: 0 0 12px;
   padding: 0 0 0 18px;
   background: url(../img/usermenu_bullet.gif) no-repeat left center;
}

#usermenu a {
   color: #7d7d7d;
   font-weight: bold;
   text-decoration: underline;
   text-transform: uppercase;
}

#usermenu a:hover {
   color: #5dbb2a;
}

/* ==============================================[ pozadi hlavicky ]============================ */

#head.mobil {
	background-image: url(../img/head_mobil.jpg);
}

#head.foto {
	background-image: url(../img/head_foto.jpg);
}

#head.navigace {
	background-image: url(../img/head_navigace.jpg);
}

/* ==============================================[ horni lista ]============================ */

#topbar {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 13px;
   background-color: #ededed;
   font-size: 11px;
   text-align: center;
}

#topbar a {
   color: black;
   font-weight: normal;
   text-decoration: underline;
}

/* ==============================================[ nadpisy ve sloupcich ]============================ */

#lcolumn h3,
#rcolumn h3 {
   margin: 5px 0;
   padding: 0 10px 0 20px;
   height: 24px;
   line-height: 24px;
   background: url(../img/h3_lcolumn.jpg) no-repeat;
   color: white;
   font-size: 10px;
   text-transform: uppercase;
   white-space: nowrap;
}

#rcolumn h3 {
   padding: 0 5px 0 30px;
   background-image: url(../img/h3_rcolumn.jpg);
}

#lcolumn h3.first {
   margin-top: 0;
   background-image: url(../img/h3_lcolumn_first.jpg);
}

#rcolumn h3.first {
   margin-top: 0;
   background-image: url(../img/h3_rcolumn_first.jpg);
}

/* ==============================================[ prihlaseni uzivatele ]============================ */

#loginform {
   margin: 0 10px 0 15px;
}

#loginform fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

#loginform .wrap {
   position: relative;
   margin: 0 0 2px;
   height: 19px;
}

#loginform label {
   display: block;
   float: left;
   width: 38px;
   color: #79bd15;
   font-size: 10px;
   text-transform: uppercase;
}

#loginform input {
   width: 110px;
   border: none;
   background-color: #cecece;
}

#loginform input.submit {
   position: absolute;
   top: 0;
   right: 0;
   width: 19px;
   height: 19px;
   background: transparent url(../img/loginform_submit.gif) no-repeat;
   cursor:hand;
}

#loginform a {
   color: #979797;
   font-size: 82%;
   font-weight: normal;
}

/* ==============================================[ hledani ]============================ */

#searchform {
   margin: 0 20px 0 22px;
}

#searchform fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

#searchform .wrap {
   position: relative;
   margin: 0 0 2px;
   height: 19px;
}

#searchform input {
   width: 140px;
   border: none;
   background-color: #cecece;
}

#searchform .submit {
   position: absolute;
   top: 0;
   right: 0;
   width: 19px;
   height: 19px;
   background: transparent url(../img/loginform_submit.gif) no-repeat;
   cursor:hand;
}

/* ==============================================[ kategorie ]============================ */

#kategorie {
   margin: 1px 1px;
   padding: 0;
   list-style: none outside;
}


/* ==============================================[ nakup na splatky ]============================ */

#splatky {
   margin: 14px 26px;
   font-weight: bold;
}

/* ==============================================[ deset duvodu proc u nas ]============================ */

#deset {
   margin: 0 10px;
   padding: 0;
   list-style: none outside;
}

#deset li {
   margin: 2px 0;
   padding: 7px 0 7px 50px;
   background: no-repeat left center;
}

#deset li.n01 {
   background-image: url(../img/deset_01.gif);
}

#deset li.n02 {
   background-image: url(../img/deset_02.gif);
}

#deset li.n03 {
   background-image: url(../img/deset_03.gif);
}

#deset li.n04 {
   background-image: url(../img/deset_04.gif);
}

#deset li.n05 {
   background-image: url(../img/deset_05.gif);
}

#deset li.n06 {
   background-image: url(../img/deset_06.gif);
}

#deset li.n07 {
   background-image: url(../img/deset_07.gif);
}

#deset li.n08 {
   background-image: url(../img/deset_08.gif);
}

#deset li.n09 {
   background-image: url(../img/deset_09.gif);
}

#deset li.n10 {
   background-image: url(../img/deset_10.gif);
}

#rcolumn .vice {
   margin: 5px 0;
   text-align: center;
}

#rcolumn .vice a {
   color: #32a012;
   font-weight: bold;
}

/* ==============================================[ banner (doprava zdarma) ]============================ */

#banner {
   margin: 0 0 10px;
   text-align: center;
}

/* ==============================================[ vypis produktu na hlavni strane ]============================ */

#produkty {
   margin: 10px 0;
}

#produkty .item {
   float: left;
   margin: 0 2px 2px 0;
   width: 160px;
   text-align: center;
}

#produkty .text {
   margin: 0 0 10px;
   color: #6e6e6e;
   font-weight: bold;
   font-size: 12px;
}
#produkty .item .cenovka {
   color: #000000;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 118%;
   white-space: nowrap;
   text-align: center;
}


/* ==============================================[ nadpisy ]============================ */

.inline {
   display: inline;
}

/* ==============================================[ detail ]============================ */

.detail {
   float: right;
   margin: 0 0 0 40px;
   width: 320px;
}

.detail h2 {
   color: #489930;
   font-size: 145%;
   font-weight: normal;
   text-transform: none;
}

/* ==============================================[ levy sloupec u detailu ]============================ */

.img {
   float: left;
   width: 130px;
   text-align: center;
}

.img .vice {
   margin: 5px 0 20px;
}

.img .button {
   float: left;
   margin: 5px 0;
   width: 104px;
   height: 36px;
   background: url(../img/img_detail.gif) no-repeat;
}

.img .n02 {
   width: 115px;
   height: 50px;
   background-image: url(../img/img_pridat.gif);

}

.img .button a {
   display: block;
   height: 100%;
}

.img .button span {
   display: none;
}

/* ==============================================[ cenovka ]============================ */

.cena {
   clear: right;
   padding: 30px 0;
   text-align: right;
}

.cenovkaLeft 
{
   margin: 10px 0 0 70px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 118%;
   text-align:left;
   white-space: nowrap;
}
.cena .cenovka{
   margin: 0 145px 10px 0;
   color: #79b130;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 118%;
   white-space: nowrap;
}

.cena .cenovka strong {
   font-size: 115%;
}

.cena .splatky {
   margin: 0 145px 0 0;
}

.cena .splatky span {
   color: #79b130;
   font-size: 82%;
}

.cena .splatky a {
   font-weight: normal;
   text-decoration: underline;
}

* html .cena .cenovka,
* html .cena .splatky {
   margin-right: 155px;
}

/* ==============================================[ formular pro pridani do kosiku ]============================ */

.pridat {
   float: right;
   margin: 5px 10px;
   width: 125px;
}

.pridat fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

.pridat input {
   padding: 2px 0 8px 4px;
   width: 26px;
   height: 19px;
   border: none;
   background: url(../img/input_small.gif) no-repeat;
}

* html .pridat input {
   background-attachment: fixed;
}

.pridat input.submit {
   margin: 0;
   width: 91px;
   height: 33px;
   background-image: url(../img/input_pridat.gif);
   cursor:hand;
}
.addToBasket {
   margin: 0;
   width: 91px;
   height: 33px;
   background-image: url(../img/input_pridat.gif);
}

/* ==============================================[ formular na dotazy ]============================ */

#dotaz {
   margin: 10px 0 30px;
   font-size: 82%;
}

#dotaz fieldset {
   float: left;
   margin: 0;
   padding: 0;
   width: 220px;
   border: none;
}

#dotaz fieldset.n01 {
   width: 270px;
}

#dotaz p {
   margin: 5px 0;
}

#dotaz label {
   display: block;
   float: left;
   width: 80px;
   color: #1daedc;
   font-weight: bold;
   text-transform: uppercase;
}

#dotaz fieldset.n02 label {
   width: 90px;
}

#dotaz input {
   width: 160px;
}

#dotaz textarea {
   width: 160px;
   height: 74px;
}

#dotaz input.submit {
   margin: 10px 5px 0;
   width: 74px;
   height: 27px;
   border: none;
   background: url(../img/input_submit.gif) no-repeat;
   color: white;
   cursor:hand;
}

/* ==============================================[ razeni vyberu ]============================ */

#razeni {
   margin: 10px 0 30px;
   padding: 0 10px;
   height: 27px;
   line-height: 27px;
   background: url(../img/razeni.gif) no-repeat;
   font-size: 91%;
   white-space: nowrap;
}

#razeni .porovnani {
   display: block;
   float: right;
   padding: 0 25px 0 0;
   background: url(../img/razeni_sipka.gif) no-repeat right center;
   text-transform: uppercase;
}

#razeni h3 {
   float: left;
   margin: 0 20px 0 0;
   text-transform: uppercase;
}

#razeni input {
   position: relative;
   top: 2px;
}

/* ==============================================[ souvisejici vyrobky ]============================ */

.produkt {
   margin: 20px 0;
}

.produkt img {
   float: left;
   margin: 0 10px 0 0;
}

.produkt h3 {
   margin: 0;
   color: #489930;
   font-size: 109%;
}

.produkt .text {
   margin: 10px 0 0;
}

/* ==============================================[ oddelovac ]============================ */

.oddelovac {
   clear: both;
   border-top: 1px solid #c7d2e2;
}

/* ==============================================[ strankovac ]============================ */

#strankovac {
   margin: 40px 0 0;
   text-align: center;
}

#strankovac .wrap {
   position: relative;
   margin: 0 auto;
   padding: 4px 0;
   width: 220px;
}

#strankovac .n01,
#strankovac .n02,
#strankovac .n03,
#strankovac .n04 {
   display: block;
   position: absolute;
   top: 0;
   width: 15px;
   height: 19px;
   background: url(../img/strankovac_ll.gif) no-repeat;
}

#strankovac .n02,
#strankovac .n03 {
   width: 10px;
   background-image: url(../img/strankovac_l.gif);
}

#strankovac .n01 {
   left: 0;
}

#strankovac .n02 {
   left: 30px;
}

#strankovac .n03 {
   right: 0;
   background-image: url(../img/strankovac_r.gif);
}

#strankovac .n04 {
   right: 30px;
   background-image: url(../img/strankovac_rr.gif);
}

#strankovac a span {
   display: none;
}

/* ==============================================[ subkategorie ]============================ */

#subkategorie {
   margin: 0 0 10px;
	width: 292px;
	background: url(../img/subkategorie.gif) repeat-y;
}

#subkategorie h3 {
	margin: 0;
	height: 26px;
	background: url(../img/subkategorie_top.gif) no-repeat;
}

#subkategorie h3 span {
	display: none;
}

#subkategorie ul {
   margin: 0;
	padding: 4px 20px 10px;
	background: url(../img/subkategorie_bottom.gif) no-repeat left bottom;
   list-style: none outside;
}

#subkategorie li {
   
}

#subkategorie a {
   color: white;
   font-weight: normal;
}

#subkategorie a:hover {
	text-decoration: underline;
}

.subkategorieImg {
	margin: 0 0 10px;
	float: right;
	}

/* ==============================================[ vlastni  ]============================ */
.labelon  {color: #000000; font-weight: bold; font-size: 12px;}

.labeloff {color: #cccccc; font-weight: bold; font-size: 12px;}

.sublabel {
   color: #1daedc;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
  }
.notext {
	border: none;
	float: left;

/* ==============================================[  ]============================ */