body,img,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,td,th {margin:0;padding:0;}

/*******************************LAYOUT****************************************/


body{

    
         
    font-family: Georgia, 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
    font-size: 13px;
    text-align: center;
    color: #0d2b7a;
    color: black;

}

#wrap{
    
    
     text-align: left;
  	 width: 950px;
     margin: 0px auto;
     margin-top: 33px;
        
}

#banner a {display: block; width: 950px; height: 217px;}
#left, #content, #right {
        float: left;
        position: relative;
        left: 950px;
        
        overflow: hidden;
}


#left {
    
    width: 210px;
    background-color: #fbf7e7;
    margin-left: -950px;
}

#content {
    
    margin-left: -724px;
    width: 514px; 
    margin-bottom: 20px;
}

#right {
    
    width: 209px;
    margin-left: -209px;
    background-color: #fbf7e7;
    
}


.box-content {
    background: url('../img/bg_box.gif') top left repeat-y;    
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 13px;
    width: 182px;
    
}

.box-bottom {
    background: url('../img/box_bottom.gif') top left;    
    
    width: 182px;
    height: 1px;
    margin-left: 13px;
    font-size: 0px;
    margin-bottom: 10px;
}

#nejprodavanejsi {
    background: url('../img/nejprodavanejsi.png') top left;
    margin-left: 13px;
    width: 182px;
    height: 42px;     

}

#kosik {
    background: url('../img/kosik.png') top left;
    margin-left: 13px;
    width: 182px;
    height: 42px;     

}

#doporucujeme {
    background: url('../img/doporucujeme.png') top left;
    margin-left: 13px;
    width: 182px;
    height: 42px;     

}

#spolupracujeme {
    background: url('../img/spolupracujeme.jpg') top left;
    margin-left: 13px;
    width: 182px;
    height: 42px;     

}


#kategorie {
    background: url('../img/kategorie.png') top left;
    margin-left: 13px;
    width: 182px;
    height: 42px;     

}

#prihlaseni {
    background: url('../img/prihlaseni.png') top left;
    margin-left: 13px;
    width: 182px;
    height: 42px;     

}

#produkty {
    background: url('../img/produkty.png') top left;
    margin-left: 13px;
    width: 182px;
    height: 42px;     

}
/**********************************nejprodavanejsi*********************/
.box-nejprodavanejsi {
    background: url('../img/box_nejprodavanejsi.jpg') top left;
    _display: inline;
    margin-top: 5px;
    margin-left: 13px;
    width: 168px;
    height: 115px; 
    overflow: hidden;  
}
.box-nejprodavanejsi div.image-product {
    _display: inline;
    float: left;
    margin-right: 2px;
    text-align: center;
	width: 60px;
	height: 115px;
	
     
	position: relative;
    overflow: hidden;
}
                    
.box-nejprodavanejsi div.image-product div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 60px;
	height: 115px;	
	
	&position: absolute;
	&height: auto;
	&top: 50%;
	&left: 50%;
	
    _position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}

.box-nejprodavanejsi div.image-product a {
	background: none !important;
}
.box-nejprodavanejsi div.image-product img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
    &top: -50%;
	&left: -50%;
	&position: relative;
}          

.box-nejprodavanejsi a.nazev {font-size: 13px; color: #ff6700; font-size: 13px;  }
.box-nejprodavanejsi p {font-size: 11px; margin-top: 5px; }
.box-nejprodavanejsi p.popis {height: 55px; overflow: hidden; line-height: 1.3;}

/******************************produktuvod*****************************************/
.produkt-uvod{
    background: url('../img/box_produktuvod.png') top left;    
    float: left;
    width: 242px;
    height: 187px;
    margin-right: 10px;
    overflow: hidden;   
}

.produkt-uvod div.image-product {
    float: left;
    text-align: center;
	width: 115px;
	height: 160px;
	
     
	position: relative;
    overflow: hidden;
}
                    
.produkt-uvod div.image-product div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 115px;
	height: 160px;	
	
	_position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
    
    &position: absolute;
	&height: auto;
	&top: 50%;
	&left: 50%;
}

.produkt-uvod div.image-product a {
	background: none !important;
}
.produkt-uvod div.image-product img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
    &top: -50%;
	&left: -50%;
	&position: relative;
}          

.produkt-uvod p.cena {color: #7e010e; font-weight: bold;}
.produkt-uvod p.popis {font-size: 11px; padding-top: 5px; padding-bottom: 5px;}
.produkt-uvod h3 a {color: #ff6700;}
/******************************************box product****************************/

.box-product{
    background: url('../img/bg_produkt.png') top left;    
    float: left;
    width: 151px;
    height: 189px;
    margin-right: 10px;
    margin-bottom: 20px;
    overflow: hidden;
       
}

.box-product div.image-product {
    float: left;
    text-align: center;
	width: 75px;
	height: 87px;
	
     
	position: relative;
    overflow: hidden;
}
                    
.box-product div.image-product div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 75px;
	height: 87px;	
	
	_position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
	
	&position: absolute;
	&height: auto;
	&top: 50%;
	&left: 50%;
}

.box-product div.image-product a {
	background: none !important;
}
.box-product div.image-product img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
    
    &top: -50%;
	&left: -50%;
	&position: relative;
	
}          

.box-product p.cena {font-size: 11px;}
.box-product p.cena span {color: #7e010e; font-weight: bold; font-size: 13px;}
.box-product p.popis {font-size: 11px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; clear: both;}

/******************************************box kosik****************************/
.kosik-product{
    background: url('../img/box_produktuvod.png') top left;    
    float: left;
    width: 242px;
    height: 187px;
    margin-right: 10px;
    overflow: hidden;  
    position: relative;
    margin-bottom: 20px 
}

.kosik-product div.image-product {
    float: left;
    text-align: center;
	width: 105px;
	height: 150px;
	margin-right: 10px;
     
	position: relative;
    overflow: hidden;
}
                    
.kosik-product div.image-product div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 99px;
	height: 150px;	
	
	&position: absolute;
	&height: auto;
	&top: 50%;
	&left: 50%;
	
    _position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}

.kosik-product div.image-product a {
	background: none !important;
}
.kosik-product div.image-product img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
    &top: -50%;
	&left: -50%;
	&position: relative;
}          

.kosik-product p.cena {color: #7e010e; font-weight: bold;}
.kosik-product p.kod {padding-top: 10px; color: #b3b3b3;}
.kosik-product h3 a {color: #ff6700; }

.kosik-product div.nazev-product {height: 40px; overflow: hidden; }
.kosik-product .pridat {background: url('../img/button_add.png') top left no-repeat; width: 22px; height: 18px; display: block; position: absolute; top: 40px; left: 110px;   }
.kosik-product .odebrat {background: url('../img/button_minus.jpg') top left no-repeat; width: 22px; height: 18px; display: block; position: absolute; top: 40px; left: 140px; }


/****************************úroduktkategorie***************************************/

div#image-hlavni {
    float: left;
    text-align: center;
	width: 205px;
	height: 269px;
	
     
	position: relative;
    overflow: hidden;
}
                    
div#image-hlavni div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 205px;
	height: 269px;	
	
	&position: absolute;
	&height: auto;
	&top: 50%;
	&left: 50%;
	
    _position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}

div#image-hlavni a {
	background: none !important;
}
div#image-hlavni img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
    &top: -50%;
	&left: -50%;
	&position: relative;
}          

div#ceny-produktu {margin-top: 50px;}
div#ceny-produktu .cena {font-size: 16px; font-weight: bold;}
div#ceny-produktu .kod {color: }

/***********************************detailproduktu*************************************/
div.box-galerie {
    float: left;
    background: url('../img/box_galerie.png') top left;
    text-align: center;
	width: 108px;
	height: 101px;
	
     
	position: relative;
    overflow: hidden;
}
                    
div.box-galerie div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 108px;
	height: 101px;	
	
	&position: absolute;
	&height: auto;
	&top: 50%;
	&left: 50%;
	
    _position: absolute;
	_height: auto;
	_top: 50%;
	_left: 50%;
}

div.box-galerie a {
	background: none !important;
}
div.box-galerie img {
	margin: 0;
	padding: 0;
	border:0;
	
	_top: -50%;
	_left: -50%;
	_position: relative;
	
    &top: -50%;
	&left: -50%;
	&position: relative;
}          





#footer {
    clear: both;
    margin: 0 auto;
    color: #8f8976;
    background: url('../img/bg_footer.jpg') top left repeat-x;
    width: 950px;
    height: 65px;
    text-align: center;
}
    #footer p {padding-top: 18px;}



/**************************odkazy**************************************/
a {color: #ff6700; }

#footer p a {color: #8f8976;}
#footer p a:hover {color: #ff6700;}



a.heslo {color: #ff6700; font-size: 9px; padding-left: 10px;}
a.registrace {color: #ff6700; font-size: 9px; padding-left: 10px;}
a.kosik {color: #ff6700; padding-left: 10px; }

#static-text p {padding-bottom: 10px;}
p.udaje {font-size: 11px; color: #9d9d9d; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}
p.uvod-text {padding-bottom: 20px; padding-right: 15px;}
.box-content p {padding-right: 7px;}
p.prihlasen {padding-left: 10px;}
/************************napdisy**********************/
h1 {font-size: 25px; color:#ff6700; font-family: Times New Roman; margin-bottom: 10px; margin-top: 10px; background: url('../img/bg_nadpis.gif') bottom left repeat-x; margin-right: 15px;}
h2 {clear: both; font-size: 20px; color:#628200; margin-bottom: 5px; margin-top: 10px; background: url('../img/bg_nadpis.gif') bottom left repeat-x; margin-right: 15px;} 
h3 {font-size: 16px; color: #ff6700; font-family: Times New Roman; }

h2.produkt {font-size: 16px;}
.kosik-product h2, .box-product h2 {font-size: 16px; font-family: Times New Roman; background: none; line-height: 1; margin-top: 0px; }


/**************************seznamy***********************************/

ul.menu-left {list-style: none; margin-left: 12px; padding-top: 12px; padding-bottom: 12px; font-size: 12px; margin-right:12px;}
ul.menu-left li {padding-bottom: 3px; font-weight: bold;}
ul.menu-left li a {color: black; text-decoration: none; display: block;}
ul.menu-left li a:hover {color: #ff6700; text-decoration: none;}

ul.subMenu {list-style: none; margin-left: 16px;  padding-bottom: 3px; font-size: 11px; margin-right:12px;}
ul.subMenu li {padding-bottom: 3px; font-weight: bold;}
ul.subMenu li a {color: #628200; text-decoration: none; display: block;}
ul.subMenu li a:hover {color: #ff6700; text-decoration: none;}

ul#top-menu {list-style: none; margin-left: 406px;}
ul#top-menu li {float: left;}
ul#top-menu li.pol1 a{display: block; background: url("../img/button_01.jpg"); width: 148px; height: 47px;}
ul#top-menu li.pol2 a{display: block; background: url("../img/button_02.jpg"); width: 199px; height: 47px;}
ul#top-menu li.pol3 a{display: block; background: url("../img/button_03.jpg"); width: 92px; height: 47px;}

/******************************formy**************************************/
form.hledat {margin-left: 10px; position: relative; }

form.hledat input {background: url('../img/input_vyhledat.png') bottom right no-repeat; border: 0; width: 134px; height: 19px; _height: 23px; padding-top: 4px;  }
form.hledat input.submit {
        
        float: right;
        margin-right: 0px;
        margin-top: 2px;
        width: 25px;
        height: 19px;
        display: block;
        background: url('../img/button_ok.png') no-repeat;
        cursor: pointer;
        border: 0px;
}



form.prihlaseni {padding-top:10px; margin-left: 10px;}
form.prihlaseni label {float: left; width:45px; font-size: 12px;}
form.prihlaseni input {background: url('../img/input_prihlasit.png') top right no-repeat; width: 117px; height: 21px; _height: 23px; padding-top: 2px; border: 0px; font-size: 11px;}
form.prihlaseni input.submit {
        
        float: right;
        margin-right: 5px;
        margin-top: 2px;
        width: 71px;
        height: 18px;
        display: block;
        background: url('../img/button_prihlasit.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.form_productuvod {padding-top:10px; margin-left: 10px;}

form.form_productuvod input {background: url('../img/input_mnozstvi.png') no-repeat; width: 134px;  height: 23px;  border: 0px;  padding-top: 4px; padding-left: 6px; font-size: 11px; color:#333333;}
form.form_productuvod input.submit {
        
        
        width: 61px;
        height: 18px;
        display: block;
        background: url('../img/button_koupit.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.form_kategorie {padding-top:10px; margin-left: 10px; }
form.form_kategorie label {font-size: 11px; }
form.form_kategorie input {text-align: center; background: url('../img/input_mnozstvi.png') top right no-repeat; width: 21px;  height: 23px;  border: 0px;  padding-top: 4px; padding-left: 6px; font-size: 11px; color:#333333;}
form.form_kategorie input.submit {
        
        
        width: 61px;
        height: 18px;
        display: block;
        background: url('../img/button_koupit.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.form_kategorie2 {padding-top:10px; margin-left: 10px; }
form.form_kategorie2 label {font-size: 11px; }
form.form_kategorie2 input {text-align: center; background: url('../img/input_mnozstvi.png') top right no-repeat; width: 21px;  height: 23px;  border: 0px;  padding-top: 4px; padding-left: 6px; font-size: 11px; color:#333333;}
form.form_kategorie2 input.submit {
        
        
        width: 61px;
        height: 18px;
        float: right;
        margin-right: 5px;
        display: block;
        background: url('../img/button_koupit.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.pridat-do-kosiku {padding-top:10px; margin-left: 10px; }
form.pridat-do-kosiku label {font-size: 11px; }
form.pridat-do-kosiku input {text-align: center; background: url('../img/input_mnozstvi.png') top right no-repeat; width: 21px;  height: 23px;  border: 0px;  padding-top: 4px; padding-left: 6px; font-size: 11px; color:#333333;}
form.pridat-do-kosiku input.submit {
        
        
        width: 61px;
        height: 18px;
        display: block;
        background: url('../img/button_koupit.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.form_nakupnikosik {padding-top:10px; margin-left: 10px; position: relative;}
form.form_nakupnikosik label {font-size: 11px; }
form.form_nakupnikosik input {text-align: center; background: url('../img/input_mnozstvi.png') top right no-repeat; width: 21px;  height: 23px;  border: 0px;  padding-top: 4px; padding-left: 6px; font-size: 11px; color:#333333;}

form.doruceni {margin-bottom: 20px; clear: both;}

form.zakaznik {margin-top: 10px; margin-left: 9px; margin-bottom: 10px; }
form.zakaznik div {margin-bottom: 5px;}
form.zakaznik label {float: left; width: 150px; color: #898989;}
form.zakaznik input {background-color: white; border: 1px solid #d3d3d3;  width: 150px; height: 16px;  padding-top: 2px; _height: 20px;  font-size: 11px; color:#333333;}
form.zakaznik select {border: 1px solid #d3d3d3;  width: 150px;  padding-top: 2px; }
form.zakaznik input.submit {
        
        float: right;
        margin-right: 10px;
        width: 74px;
        height: 23px;
        display: block;
        _display: inline;
        background: url('../img/button_prihlasit.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.zakaznik input.odeslat {
        
        float: right;
        margin-right: 10px;
        width: 74px;
        height: 23px;
        display: block;
        _display: inline;
        background: url('../img/button_odeslat.png') no-repeat;
        cursor: pointer;
        border: 0px;
}

form.zakaznik input.smazat {
        
        float: right;
        margin-right: 10px;
        width: 74px;
        height: 23px;
        display: block;
        _display: inline;
        background: url('../img/button_smazat.png') no-repeat;
        cursor: pointer;
        border: 0px;
}
/*********************OBECNE TRIDY****************************************/

.kosik {background: url('../img/nakupni_kosik.jpg') top left no-repeat; margin-left: 10px;}
.kosik a {padding-left: 25px; display: block; color: #628200;}

.objednavka {background: url('../img/button_objednavka.png') top left no-repeat; float: right; width: 162px; height: 35px; margin-right: 15px; margin-bottom: 20px; margin-top: 20px;}
.pokracovat {background: url('../img/button_pokracovat.png') top left no-repeat; float: left; width: 132px; height: 35px; margin-bottom: 20px; margin-top: 20px; }

.zarovnej-vlevo {float: left; width: 30px; margin-top: 10px; margin-left: 15px; display: inline;}
.zarovnej-vpravo {float: right; width: 420px;}
.cena {color: #628200;}
.cistic {clear: both;}
.pozor {font-size: 11px;}
.katalog-total {float: right; margin-top: 22px; margin-right: 10px; font-size: 11px;}

#skryvat {margin-top: 10px; display: none;}
.catalogSorting {padding-bottom: 10px;}
.radek-dolniradek {clear: both; padding-top: 10px;}
.katalog-radek-seradit {padding-bottom: 5px;}
hr {border-width:0;
border-top:1px solid  #dfdfdf;;
height:1px; clear: both;}

table.order-thumb {width: 497px; border-collapse: collapse; margin-left: 13px; }
table.order-thumb td {padding: 5px 5px; border-bottom: 1px solid #dfdfdf;}

table.veci-v-kosiku {width: 498px; border-collapse: collapse; background-color: #f5f7ef; margin-left: 9px;}
table.veci-v-kosiku td {padding: 3px 5px; border-bottom: 1px solid white; text-align: left;}
table.veci-v-kosiku th {text-align: left; padding: 3px 5px;}
/***************************KROKY OBJEDNAVKY********************************/

#krok1 {width: 486px; height: 46px; background: url('../img/krok1.png') top left no-repeat; margin-bottom: 20px; margin-top:20px; }
#krok1 a {display: block; width: 90px; height: 46px; margin-left: 80px;}
#krok2 {width: 486px; height: 46px; background: url('../img/krok2.png') top left no-repeat; margin-bottom: 20px; margin-top:20px; }
#krok2 a {display: block; width: 100px; height: 46px; margin-left: 170px;}
#krok3 {width: 486px; height: 46px; background: url('../img/krok3.png') top left no-repeat; margin-bottom: 20px; margin-top:20px; }
#krok3 a {display: block; width: 79px; height: 46px; margin-left: 290px;}
#krok4 {width: 486px; height: 46px; background: url('../img/krok4.png') top left no-repeat; margin-bottom: 20px; margin-top:20px; }
#krok4 a {display: block; width: 79px; height: 46px; margin-left: 370px;}
#krok5 {width: 486px; height: 46px; background: url('../img/krok5.png') top left no-repeat; margin-bottom: 20px; margin-top:20px; }

/**********************************TABULKY*******************************************/
table.nakupni-cena {border-collapse: collaps; clear: both; background-color: #fbf7e7; margin-bottom: 10px;   }
table.nakupni-cena td {width: 200px; padding: 2px;}

table.general {border-collapse: collapse; clear: both; margin-right: 10px;}
table.general th {padding: 5px; background-color: #e6e6e6; }
table.general td {padding: 5px; border-bottom: 1px solid #e6e6e6;}

/*********************************OBJEDNAVKA****************************************/
#jednotlive-kroky {margin-bottom: 20px; margin-top: 10px; clear: both; color: white;}

.mezikrok-sipka {background: url('../img/sipka.jpg') top left no-repeat; width: 40px; height: 47px; float: left;}
.krok-cerny {background: url('../img/ctverec-cerny.jpg') top left no-repeat; width: 64px; height: 45px; float: left; text-align: center;}
.krok-khaki {background: url('../img/ctverec-khaki.jpg') top left no-repeat; width: 65px; height: 45px; float: left; text-align: center;}

#jednotlive-kroky a {color: white; text-decoration: none;}
#jednotlive-kroky span {font-size: 20px; display: block;}

#provest-objednavku {background: url('../img/cont-order.gif') top left no-repeat; width: 170px; height: 29px; display: block; float: right; margin-right: 15px;}


/*****************************************************LISTA*******************************************************/

#masanta {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height:33px;
    background: url('../img/bg_lista.png') top left repeat-x;
    margin: 0px auto;
}

ul#odkazy {list-style: none;  margin-top: 6px; font-family: Verdana;}
ul#odkazy li {display: inline; padding-left: 30px;}
ul#odkazy li a {color: #dedede; text-decoration: none;}
ul#odkazy li a:hover {color: white; text-decoration: none;}


#stred {text-align: center; width: 950px;  margin: 0 auto;}
img.logo {float: left; margin-top: -5px; _margin-top: 0px; &margin-top: 0px;}
a img.logo  {border: none;}

a img {border: none;}

h2.steps {text-decoration: underline;}
h2.steps label {cursor: pointer; }



.fb_like { clear: both; float:left; margin-bottom: 15px;}
.tweet_button {float: left; margin-bottom: 15px;}