* { margin: 0; padding: 0; }



body { background: url(../images/body.jpg) no-repeat #81a92a fixed top center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }



/* hlavni styly */



p 		{ line-height: 150%; text-align: justify; margin-bottom: 10px; }

ul		{ margin-bottom: 10px; }

li		{ background: url(../images/list-icon.gif) no-repeat 4px 6px; line-height: 20px; padding-left: 25px; }

ul, li 	{ list-style-type: none; }

form p 	{ margin: 0; padding: 0; }

em		{ font-weight: bold; font-style: normal; }

strong	{ font-weight: normal }



a 			{ text-decoration: underline; color: #333333; }

a:visited 	{ text-decoration: underline; color: #333333; }

a:hover 	{ text-decoration: none; color: #333333; }

a img 		{ border: none; }

h2 a		{ color: #FFF; text-decoration: none; }

h2 a:visited{ color: #FFF; text-decoration: none; }

h2 a:hover	{ color: #FFF; text-decoration: underline; }



/* hlavni layout */



#page 		{ margin: 0 auto; width: 900px; background: #FFF; padding-bottom: 10px; }



#header 	{ background: url(../images/header-bck.jpg) no-repeat; height: 149px; }



#LeftCol 	{ float: left; width: 200px; _width: 210px; margin-left: 10px; _margin-left: 5px; }

#LeftCol h2 { height: 30px; color: #FFF; font-size: 11px; text-transform: uppercase; line-height: 30px; padding-left: 40px; margin: 0; }

#LeftCol left-nazev { height: 30px; color: #FFF; font-size: 11px; text-transform: uppercase; line-height: 30px; padding-left: 40px; margin: 0; }


#Content	{ float: left; width: 460px; margin-left: 10px; _margin-left: 0; }


#LefCol cards 	{ background: url(../images/h2-cards_03.png) no-repeat; width: 160px; font-size: 22px; color: #333; font-weight: bold; margin-bottom: 15px; }

#RightCol 	{ float: left; width: 200px; margin-left: 10px; }

#RightCol h2 { height: 30px; color: #FFF; font-size: 11px; text-transform: uppercase; line-height: 30px; padding-left: 40px; margin: 0; }

#karty 	{ background: url(../images/h2-cards_03.png) no-repeat; width: 200px;
height: 30px; color: #FFF; font-size: 11px; text-transform: uppercase; line-height: 30px; padding-left: 40px; margin: 0; font-weight: bold;
}

.karty 	{ background: url(../images/h2-cards_03.png) no-repeat; width: 200px;
height: 30px; color: #FFF; font-size: 11px; text-transform: uppercase; line-height: 30px; padding-left: 40px; margin: 0; font-weight: bold;
}

/*#cards 	.nadpis-left {font-size: 22px; color: white; font-weight: bold; margin-bottom: 15px; margin-left: 10px;}*/

#news 	{ background: url(../images/h2-list_06.png) no-repeat; width: 200px;
height: 30px; color: #FFF; font-size: 11px; text-transform: uppercase; line-height: 30px; padding-left: 40px; margin: 0; font-weight: bold;
}

#phone 	{ background: url(../images/h2-phone.png) no-repeat; width: 200px;
height: 30px; color: #FFF; font-size: 11px; text-transform: uppercase; line-height: 30px; padding-left: 40px; margin: 0; font-weight: bold;
}

#facebook 	{ background: url(../images/facebook_palec.png) no-repeat; width: 200px;
height: 30px; color: #FFF; font-size: 11px; text-transform: uppercase; line-height: 30px; padding-left: 40px; margin: 0; font-weight: bold;
}




h2-star.jpg

/* nadpisy */



h1 span		{ display: none; }

h1			{ font-size: 22px; color: #333; font-weight: bold; margin-bottom: 15px; }

h2			{ font-size: 22px; color: #333; font-weight: bold; margin-bottom: 15px; }

h2.cards 	{ background: url(../images/h2-cards_03.png) no-repeat; width: 160px; }

h2.list 	{ background: url(../images/h2-list_06.png) no-repeat; width: 160px; }

h2.phone 	{ background: url(../images/h2-phone.png) no-repeat; width: 160px; }

h2.facebook 	{ background: url(../images/h2-facebook.png) no-repeat; width: 160px; }

h2.wide 	{ background: url(../images/h2-big_03.png) no-repeat; width: 460px; height: 30px; text-align: center; line-height: 30px; font-size: 11px; color: #FFF; font-weight: bold; margin-bottom: 0;}

h2.Advice	{ color: #9C3; text-transform: uppercase; letter-spacing: -1px; font-size: 19px; }

h3 			{ margin-bottom: 10px; z-index: 100; }

h4			{ margin-bottom: 15px; }



/* Horni Navigace */



#menu-top { background: url(../images/top-bck.jpg) no-repeat; line-height: 31px; height: 31px; width: 900px; display: block; margin: 0; }

#menu-top li 	{ padding: 0 0 0 10px; font-size: 10px; float: left; background: none; line-height: 31px; }

#menu-top a 	{ padding: 0 10px 0 0; color: #FFF; font-size: 11px; text-decoration: none; }



/* hlavicka */



img#logo 	{ display: block; float: left; padding: 32px 0 0 32px; }



.kosik 					{ float: right; width: 150px; height: 50px; padding-top: 35px; margin: 0; }

.kosik li 				{ line-height: 18px; height: 18px; background: none; padding: 0;}

.CartDetail 			{ margin-top: 20px; }

.CartDetail a			{ color: #333; font-weight: bold; text-decoration: underline; }

.CartDetail a:visited	{ color: #333; font-weight: bold; text-decoration: underline; }

.CartDetail a:hover		{ color: #333; text-decoration: none; font-weight: bold; }



/* Vyhledavani a hlavni navigace */



#SearchNavigation { display: block; width: 900px; height: 28px; line-height: 28px; background: url(../images/b-menu_03.png) no-repeat; }

#SearchNavigation form { width: 200px; float: left; padding-left: 15px; height: 28px; }



input.searchbox { 

height: 17px;

position: relative;

top: -3px;

_top: -1px;

border: none; 

padding: 3px 5px; 

background: url(../images/form-top_03.png) no-repeat;

width: 156px;

font-size: 11px;

}



input.lupa { 

width: 29px; 

height: 25px; 

background: url(../images/lupa_03.png) no-repeat; 

border: 0; 

margin-top: 2px; 

position: relative; 

left: -7px; 

}



ul#MainNavigace 		{ margin: 0; }

ul#MainNavigace li 		{ float: left; color: #FFF; background: none; padding: 0; line-height: 28px; }

ul#MainNavigace li a 	{ color: #FFF; padding: 0 15px; }





/* Drobeckova navigace */



#StepNavigace { background: url(../images/step-navi-bck.jpg) no-repeat; height: 29px; line-height: 29px; padding: 0 15px; margin: 0 }

#StepNavigace a { padding: 0 7px; }



ul.menu-text { float: left; color: #FFF; padding: 5px 0 0px 0; }

ul.menu-text a { color: #FFF; text-decoration: none; font-size: 11px; padding: 0 10px 0 0; }

ul.menu-text li { padding: 0 0 0 10px; font-size: 10px; background: none; padding: 0; }



/* vyber pohlavi */



form.SexSelect 		{ width: 200px; height: 25px; line-height: 25px; background: url(../images/view_03.png) no-repeat; padding: 0 5px; }

form.SexSelect p 	{ float: left; line-height: 25px; font-weight: normal; padding: 0 4px; _padding: 0 2px; margin: 0 }

#man, #woman 		{ position: relative; margin-left: 5px; }



/* Znacky kosmetiky */



ul.type 	{ background:url(../images/stin-okno.jpg) bottom no-repeat; padding-bottom: 10px; width: 200px; }

ul.type li	{ background: none; padding: 0; }

ul.type a 	{ display: block; width: 180px; line-height: 18px; background:url(../images/znacka-bck.png) no-repeat; color: #333; text-decoration: none; padding-left: 20px; }

ul.type a:visited 	{ color: #333; text-decoration: none; }

ul.type a:hover 	{ background:url(../images/znacka-bck.png) 0 36px; }

.LogoZnacky   { float: left; margin: 3px 7px 3px 0; padding: 5px; width: 180px; text-align: center; }



/* Zasilani novinek */

#Newsletter { background: url(../images/bck-narrow-green.png) repeat-y; margin-bottom: 10px; text-align: center; }

#Newsletter p { text-align: center; }

.MailAdress { background: url(../images/search_03.png) no-repeat; width: 160px; border: 0; padding: 5px; height: 16px; margin: 10px;  font-size: 11px;}

.Prihlasit 	{ width: 89px; height: 23px; background: url(../images/search_06.png) no-repeat; border: 0; margin-bottom: 10px; cursor: pointer; }



/* Nabídka box */

.Polozka					{ background: url(../images/stin-wide.jpg) no-repeat bottom; padding-bottom: 19px; width: 460px; }

.Polozka .InsBck			{ background: url(../images/produkt-bck.jpg) repeat-y; width: 440px; padding: 10px; }

.Polozka .InsBck img.nahled { float: left; border: 1px solid #ADC480; margin-right: 10px; }

.Polozka .InsBck h3 		{ font-size: 14px; margin-bottom: 10px; }

.Polozka .InsBck p			{ float: left; width: 345px; margin-bottom: 0; }

.Polozka .InsBck a.DoKosiku	{ display: block; background: url(../images/ikona-do-kosiku.gif) no-repeat; width: 87px; height: 20px; float: right; }

.Polozka .InsBck span		{ float: left; font-size: 12px; margin-top: 5px; margin-left: 92px; }

.KolekceNahled      { float: left; width: 80px; text-align: left; margin: 3px 13px 5px 0; }

.KolekceNahled img  { border: 1px solid #CCC; }

.objem, .objem_vypis
	{	float: left; width: 30%; padding: 7px 5px 7px 5px; font-size: 12px; background-color: #F2F2F2; }
.objem
	{	margin: 5px 8px 5px 0 }
.objem_vypis
	{	margin: 5px 7px 5px 0 }



/* TOP MUZI / ZENY */

#TopMan, #TopWmn					{ float: left; width: 225px; background: url(../images/stin-top.jpg) bottom no-repeat; padding-bottom: 12px; }

#TopWmn								{ margin-left: 10px; }

#TopMan a, #TopWmn a				{ color: #333; text-decoration: none; }

#TopMan ul, #TopWmn ul				{ width: 225px; background: url(../images/stin-top.jpg) bottom no-repeat; padding-bottom: 12px; }

#TopMan ul li, #TopWmn ul li		{ background: none; padding: 0; }

#TopMan ul li a, #TopWmn ul li a 	{ display: block; padding-left: 20px; background: url(../images/top-back.jpg) no-repeat; line-height: 20px; _height: 20px; }

#TopMan ul li a:hover, #TopWmn ul li a:hover 	{ background: url(../images/top-back.jpg) 0 60px;}

#TopMan ul li a h3, #TopWmn ul li a h3 			{ font-size: 12px; color: #333; margin-bottom: 0; display: block}

#TopMan ul li a span, #TopWmn ul li a span 		{ font-size: 11px; display: block; padding: 0; }



#TopMan h2, #TopWmn h2 { height: 30px; color: #FFF; font-size: 11px; text-transform: uppercase; line-height: 30px; padding-left: 40px; margin: 0; background: url(../images/h2-star.jpg) no-repeat; width: 185px; }



/* Nahodne vyrobky */

.NahodnyVyrobek 		{ background: url(../images/bck-narrow-green.png) repeat-y; padding: 5px 5px 0 10px; }

.NahodnyVyrobek h3 		{ font-size: 12px; color: #333; margin-bottom: 5px; clear: both; _height: 0; }

.NahodnyVyrobek h3 a 		{ color: #333; text-decoration: none; }

.NahodnyVyrobek h3 a:visited 	{ color: #333; text-decoration: none; }

.NahodnyVyrobek h3 a:hover	{ color: #333; text-decoration: underline; }

.NahodnyVyrobek h4 		{ font-size: 12px; color: #333; margin-bottom: 5px; clear: both; _height: 0; }

.NahodnyVyrobek h4 a 		{ color: #333; text-decoration: none; }

.NahodnyVyrobek h4 a:visited 	{ color: #333; text-decoration: none; }

.NahodnyVyrobek h4 a:hover	{ color: #333; text-decoration: underline; }

.NahodnyVyrobek a		{ color: #333; text-decoration: none; }

.NahodnyVyrobek a:hover		{ text-decoration: underline; }

.NahodnyVyrobek a img		{ border: 1px solid #ADC480; float: left; }



.NVInfo 	{ float: left; line-height: 168%; margin-left: 5px; width: 80px; margin-bottom: 0; }

.DoKosiku2 	{ display: block; background: url(../images/ikona-do-kosiku.gif) no-repeat; width: 87px; height: 20px; margin: 5px 0; }

.DoKosiku3 	{ display: block; width: 87px; height: 20px; float: right; }

.NVPopisek	{ background: url(../images/prechod_03.png) bottom no-repeat; margin-bottom: 0; clear: both; line-height: 120%; padding: 0 12px 10px 3px; }

.NVNahled          { width: 80px; text-align:left; float:left; margin-right: 3px; }

.NVNahled img      { border: #ADC480 1px solid; }





/* tlacitka */

.BProdukty, .BDetail  { display: block;  width: 87px; height: 20px; margin-top: 10px; float: left; clear: both; }

.BProdukty 	{ background: url(../images/button-produkty.gif) no-repeat; }

.BDetail 	{ background: url(../images/button-detail.gif) no-repeat; float: right; }



/* floats */

.LFloat	{ float: left; }



/* paticka */

.copyright			{ margin: 15px auto; width: 900px; line-height: 25px; text-align: center; }

.copyright a 		{ color: #FFF; }

.copyright a:hover 	{ color: #FFF; }

.copyright a:visited{ color: #FFF; }


/* partneri */

.partneri			{ margin: 15px auto; width: 900px; line-height: 25px; text-align: center; }

.partneri a 		{ color: #FFF; }

.partneri a:hover 	{ color: #FFF; }

.partneri a:visited{ color: #FFF; }



/* obecne fce */

.cleaner { clear: both; font-size: 1px; }



.ShowPohlavi	{ font-size: 12px; font-weight: bold; margin-bottom: 15px; color: #9bc73c; }

.KolekceObrazek { float: left; margin: 3px 10px 10px 0;}

select.VyberBarvy			{ width: 200px; }

.BarvaPole					{ line-height: 15px; height: 15px; font-size: 9px; }



/* partneri styly */

h2.partneri 	{ background: url(../images/h2-partneri.png) no-repeat; width: 160px; }

ul#PartneriOdkazy		{ background:url(../images/stin-okno.jpg) bottom no-repeat; padding-bottom: 10px; width: 200px; }

ul#PartneriOdkazy li 	{ background: url(../images/partneri-bck.png) repeat-y; text-align: center; padding: 3px 10px; }

/* kontaktujte nás styly */

.phone-number {
font-size: 22px; font-weight: bold; color: #rgb(0,102,51);
}

.phone-text 		{ margin-bottom: 10px; margin-right:8px;}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
}

.mceContentBody a {
   color: #333333 !important; /* FF requires a important here */
}