@charset "utf-8";
/* CSS Document */

body{background:#fff url(../images/vitus/wrapper.png) repeat-x scroll 0 0;font-size:11px;line-height:1.3;text-align:justify}
input, textarea, select{background:#fff;border:1px solid #cbcbcb;color:#000;font-size:11px;line-height:1.3;font-family:Arial, Helvetica, sans-serif}
input.radio, #orderform .radios input{background:none;border:none}
label{text-transform:lowercase;font-size:11px}
input.inSubmit{font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;padding:1px 20px 1px 5px;border:none;color:#000;font-size:11px;background:#b3d1ec url(../images/vitus/basketbullet.gif) no-repeat right center;border:1px solid #699cc9;color:#fff;font-weight:bold;cursor:pointer;text-transform:uppercase}
input.inText{padding:2px}
div.text-section {margin-top:10px;}

#wrapper, #header {float:left;clear:left;width:100%}
#content ul.content-products-list li.infobox, #content p.info {width:630px;padding:5px 0;background:#f1f1f1 url(../images/vitus/wrapper.png) repeat-x scroll 0 -385px;color:#fff;font-weight:bold;margin:0 0 5px;text-align:center;text-transform:none;border-bottom:none}
#content p.error{width:630px;padding:5px 0;background:#DFF2FF;font-weight:bold;font-size:20px;margin:0 0 5px;text-align:center;text-transform:none;border-bottom:none;color:#4786BF;font-weight:normal!Important;}
#wrapper #content p.info,#wrapper #content p.error{width:670px;margin:0}
#bg{background:url(../images/vitus/bodybg.png) no-repeat left top; float:left} 
#wrapper{width:980px;margin:0 20px;padding:0 0 10px}

.other p.info, .other p.error{margin:0 15px}

.logged{padding:15px;color:#fff}
.logged span.welcome{display:block;font-size:12px}
.logged span.welcome b{font-size:14px;font-weight:bold}
.logged span.status{font-style:italic;padding:3px 0}

/* START > HEADER */

div .sciezka {float:left;position:relative; top:25px; z-index:4;font-size:13px;color:#FFFFFF; font-weight:bold;text-decoration:none;font-family:Tahoma;} 
div.sciezka a.sciezka {font-size:12px;color:#FFFFFF; font-weight:bold;text-decoration:none;float:left; font-family:Tahoma;}
div.sciezka a.sciezka:hover {color:#95caf2; font-family:Tahoma;}
div.sciezka span.sciezka {font-size:12px;color:#FFFFFF; font-weight:bold;text-decoration:none;float:left; font-family:Tahoma;}

#header{display:block;height:450px;width:100%;position:relative}
#holder{height:402px;width:805px;position:absolute;right:0;bottom:0;display:block;background:url(../images/vitus/_header.png) no-repeat scroll 0 0}
#header .kosmetykilecznicze{position:absolute;top:10px;left:0}
#header .menu{position:absolute;right:0;top:20px;background:url(../images/vitus/menu.png) no-repeat;height:40px;width:440px;display:block}
#header .menu a{position:absolute;height:29px;top:5px;display:block;text-indent:-9999px}
#header .menu a:hover{border-bottom:1px dotted #fff}
#header .menu .onas{left:0;width:85px}
#header .menu .regulamin{left:120px;width:160px}
#header .menu .kontakt{left:315px;width:115px}
#header .flash{height:268px;width:606px;position:absolute;left:149px;top:95px}
#header .flash object{position:absolute;top:24px;left:170px}
/* END // */

#container{float:left;clear:left;width:100%;margin:35px 0 0}
#container #content .newsletter{padding:15px 15px 0}

#sidebar{width:255px;margin:0 20px 0 0;float:left;overflow:hidden}
#sidebar #basket{background:url(../images/vitus/basket.png) no-repeat left bottom;width:255px;height:144px;position:relative;overflow:hidden;z-index:0}
#sidebar #basket .overlay{background:url(../images/vitus/basketbg.png) no-repeat;width:235px;height:75px;position:absolute;top:-75px;left:20px}
#container #sidebar #basket .form{padding:10px 0 0;height:80px;width:100%;float:left;clear:left}
#sidebar #basket .inner{margin:0 15px;display:inline;padding:5px 0;color:#fff;width:225px;float:left;clear:left}
#sidebar #basket .form h4{color:#fff;margin:0 0 5px 15px}
#sidebar #basket .form input.inText{z-index:999}
#sidebar #basket {padding:0 0 3px}
#sidebar #basket .inner h4{margin:0 0 5px}
#sidebar #basket .inner span{padding:0 5px}
#sidebar #basket .inner span b{font-size:110%}
#sidebar #basket h4{font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;font-weight:normal;font-size:16px;position:relative;top:3px;left:5px;width:210px;color:#fff}
#sidebar #basket h4 a{text-decoration:none;padding:0;background:none;color:#fff}
#sidebar #basket a{text-decoration:none;color:#fff;padding:3px 0 3px 16px;background:url(../images/vitus/sbullet.gif) no-repeat 0 5px}
#sidebar #basket a:hover{text-decoration:underline}
#sidebar #basket a.forgot{position:absolute;left:15px;top:35px}
#sidebar #basket a.register{position:absolute;left:15px;top:50px}
#sidebar #basket input.inText{width:100px;display:block;position:absolute;right:10px;top:16px}
#sidebar #basket input.inText.pass{top:40px}
#sidebar input.inSubmit{position:absolute;right:10px;top:64px}

#sidebar #basket .inner{border-top:1px dotted #9ad0f8}
#sidebar #basket h3{position:absolute;top:-45px}
#sidebar .box{margin:15px 0 5px;overflow:hidden;width:100%;float:left;clear:left}
#sidebar .box .body{background:url(../images/vitus/boxbody.png) repeat-y scroll 0 0;width:100%;float:left;clear:left}
#sidebar .box .body .inner{margin:0 0 0 23px;width:206px}
#sidebar .box .body .inner ul.links li.active{background:#e9f5fd}
#sidebar .box .body .inner ul.links li a{padding:3px 0 3px 22px;text-decoration:none;color:#000}
#sidebar .box .body .inner ul.links li.active a, #sidebar .box .body .inner ul.links li a:hover{background:url(../images/vitus/bullet.gif) no-repeat 8px 5px}

.box .body .inner li.selected{background: #EAF5FD !Important; }
.box .body .inner ul.links li.unselected{background: #fff; }

.box .body{overflow:hidden}
.box ul.links{width:100%;float:left;clear:left;}
.box ul.links ul{width:100%;float:left;clear:left;display:inline; background:#FFFFFF;}
.box ul.links ul a{margin: 0 0 0 10px;}
.box ul.links li{border-bottom:1px dotted #73c6ff;padding:4px 0;width:98%;float:right;clear:right}
.box ul.links li.last{border-bottom:none}
.box ul.links li.sub{padding:4px 0 0}
.box ul.links li.sub li.first{border-top:1px dotted #73c6ff}
.box ul.links li a{padding: 0 0 0 10px; color:#3a3a3a;text-decoration:none}
.box ul.links li a:hover{color:#446ba4}


#sidebar .box .body .inner ul.products-list{width:206px}
#sidebar .box .body .inner ul.products-list li{width:196px;float:left;clear:left;padding:3px 5px 20px;position:relative;min-height:100px}
#sidebar .box .body .inner ul.products-list li h3{margin:3px 5px 5px;font-weight:normal;font-size:120%;text-align:left;width:100px}
#sidebar .box .body .inner ul.products-list li h3 a{font-size:12px;color:#000;text-decoration:none}
#sidebar .box .body .inner ul.products-list li img{position:absolute;right:10px;top:5px}
#sidebar .box .body .inner ul.products-list li .details{float:left;text-align:center;width:100%;display:inline}
#sidebar .box .body .inner ul.products-list li .details .price{text-align:center;width:auto;position:relative;left:-40px}
#sidebar .box .body .inner ul.products-list li .details .price.old b{text-decoration:line-through;font-size:100%;color:#000}
#sidebar .box .body .inner ul.products-list li .details .price b{font-size:130%;display:block;color:#6a9b2a}
#sidebar .box .body .inner ul.products-list li a.goto{margin:2px 0 0;color:#7eacd5;text-decoration:none;padding:3px 0 3px 14px;background:url(../images/vitus/bullet.gif) no-repeat 0 5px;position:absolute;bottom:3px;right:25px}
#sidebar .box .body .inner ul.products-list li a.goto:hover{color:#000}

#sidebar .box .body .inner .text{padding:3px 5px}

#sidebar .box .head{width:100%;height:71px;background:url(../images/vitus/boxhead.png) no-repeat scroll 0 0}
#sidebar .box .head h3, #basket h3{padding-top:10px;color:#FFFFFF;font-family:verdana;font-size:22px;font-weight:normal;margin-right:21px;text-align:right;text-transform:lowercase;}
#content h2.title{font-family:Tahoma, Arial, Helvetica, sans-serif;font-weight:normal;position:absolute;top:-31px;right:30px;color:#fff;text-align:right;text-transform:lowercase;font-weight:normal;font-size:22px;font-family:verdana;}
#content .dark h2.title{width:233px}
#content .light h2.title{width:100%;}

#sidebar .box .tail{width:100%;height:55px;background:url(../images/vitus/boxtail.png) no-repeat scroll 0 0;float:left;clear:left}


#content{width:700px;float:left;}
#content .content-inner{float:left;clear:left;width:670px;min-height:30px;background:#fff;position:relative;padding:15px;margin:0}
#container #content .headline{margin:55px 0 15px}
#container #content .dark{background:#f0f9ff}
#container #content .dark .overlay{background:url(../images/vitus/darkbg.png) no-repeat;width:233px;height:65px;position:absolute;top:-65px;right:0}
#container #content .light .overlay{background:url(../images/vitus/lightbg.png) no-repeat;width:274px;height:51px;position:absolute;top:-48px;right:0}

#container #content b.rounded{display:block;width:30px;height:23px;position:absolute;z-index:0}
	#container #content b.lt{background:url(../images/vitus/roundedwlt.gif) no-repeat;top:0;left:0}
	#container #content .light b.lt{background:url(../images/vitus/rounded.gif) no-repeat;top:0;left:0}
	#container #content b.rb{background:url(../images/vitus/roundedwrb.gif) no-repeat;right:0;bottom:0}
#container #content .dark b.rounded{display:block;width:41px;height:34px;position:absolute;z-index:0}
	#container #content .dark b.lt{background:#fff url(../images/vitus/roundedtl.png) no-repeat;top:0;left:0}
	#container #content .dark b.rb{background:#fff url(../images/vitus/roundedbr.png) no-repeat;right:0;bottom:0}

.content-inner {position:relative;float:left}
#content p{margin:0 0 5px;font-size:12px;}
#content p.information {color:#4786BF;font-size:20px;background:#DFF2FF none repeat scroll 0 0;text-align:center;}
#content{}
#content .content-inner.other{margin:20px 0 0}
#content .content-inner.other h2{position:static;color:#000;font-size:14px;text-align:left;font-weight:bold;text-transform:uppercase;margin:0 0 5px}
#content .newsletter form{display:inline;float:left;margin:0 5px;width:310px;position:relative;top:-5px}
#content .newsletter form#search{float:right}
#content .newsletter form input{float:left;margin:0 2px}
#content .newsletter form label{display:block;float:left;text-align:right;padding:0 5px 0 0;width:85px}

#content ul.content-products-list{margin:10px 0 0 15px;width:665px;float:left;clear:left}
#content ul.content-products-list li{display:inline;float:left;background:url(../images/vitus/cboxbody.png) repeat-y;width:191px;padding:0 10px 0 0;text-align:center;margin:0 5px 20px}
#content ul.content-products-list li.left{clear:left}
#content ul.content-products-list li.center{margin:0 21px 20px}
#content ul.content-products-list li .head{background:url(../images/vitus/cboxhead.png) no-repeat;width:191px;padding:1px 10px 3px 0;min-height:37px;text-align:center}
#content ul.content-products-list li .head h3{padding:5px 0 0;font-size:110%}
#content ul.content-products-list li .head h3 a{color:#1D425F;text-decoration:none;margin:0 4px;font-weight:normal;}
#content ul.content-products-list li .head h3 a:hover{color:#000;}
#content ul.content-products-list li .body{padding:5px 0;display:table;vertical-align:middle;text-align:center;width:191px;height:180px;border-top:1px dotted #6a9b2a;border-bottom:1px dotted #6a9b2a; height: 180px;}
#content ul.content-products-list li .tail{background:url(../images/vitus/cboxtail.png) no-repeat bottom;width:191px;padding:3px 10px 12px 0;min-height:20px;text-align:center}
#content ul.content-products-list li .tail .price b{color:#6a9b2a;padding:0 1px;font-size:110%}
#content ul.content-products-list li .tail a.goto{margin:0 0 0 5px;color:#7eacd5;text-decoration:none;padding:3px 0 3px 14px;background:url(../images/vitus/bullet.gif) no-repeat 0 5px}
#content ul.content-products-list li .tail  a.goto:hover{color:#000}

#content .dark ul.content-products-list li .body img, #sidebar .box .body .inner ul.products-list li img, #product-info .product-images img.big-image, #content #product-info .product-images .minimages li a img{background:url(../images/vitus/imgbg.gif) no-repeat bottom right;padding:5px 15px 15px 5px}
#content .light ul.content-products-list li .body img{background:url(../images/vitus/imgbgl.gif) no-repeat bottom right;padding:5px 15px 15px 5px}

.recommend-product{float:left;clear:left;width:100%;background:#eff8fe;margin:5px 0 0}
.recommend-product .rinner{padding:10px}
.recommend-product label{padding:0 10px 0 0}
#product-info .recommend-product input.inText {width:120px}
.recommend-product h4{text-transform:uppercase;font-size:12px;margin:0 0 3px}

#pagination {border-top:1px dotted #9AD0F8;float:left;clear:left;width:100%;padding:3px 0 2px}
#pagination li{float:left;display:inline;padding:1px}
#pagination li.first, #pagination li.last, #pagination li.first b{border:none}
#pagination li a, #pagination li b{display:block;padding:3px 5px;line-height:1;text-decoration:none;border:1px solid #cbcbcb;color:#333}
#pagination li a{background:#d7d8fd}
#pagination li a:hover{background:#9AD0F8}

#container #content ul.dark-products-list li{background:url(../images/vitus/ccboxbody.png) repeat-y}
#container #content ul.dark-products-list li .head{background:url(../images/vitus/ccboxhead.png) no-repeat}
#container #content ul.dark-products-list li .tail{background:url(../images/vitus/ccboxtail.png) no-repeat bottom}

	#centeredBox{width:100%;height:400px;position:relative}
        #centeredBox div.text{padding:5px 0}
            #centeredBox div.text h1{font-size:150%;line-height:1;font-weight:normal}
                #centeredBox div.text h1 b{font-size:110%;font-weight:normal}
            #centeredBox div.text span{margin:10px 0;font-size:100%;display:block}
            #centeredBox div.text a:hover{text-decoration:underline}
            #centeredBox div.text h2{margin:10px 0 10px 0;color:#6A9B2A;font-size:160%;font-weight:normal;float:none}
            #centeredBox div.text ul{list-style:square inside;margin:10px 0 0 15px;font-size:120%}
            #centeredBox div.text p{font-size:130%;margin-top:20px}
			#centeredBox div.text p a {color:#67A0CF;text-decoration:none;}
			#centeredBox div.text p a:hover {color:#6A9B2A;}
			
            
/* START > FOOTER */

.footer-img {clear:left;float:left;width:100%;}
.footer-img img#unit {margin-left:830px;}
#footer{float:left;clear:left;font-family:Tahoma;height:60px;width:100%;background:#8cbfe7 url(../images/vitus/footer.png) repeat-x scroll top center;}
	#footer .inner{font-size:12px;color:#676767;position:relative;padding:5px 15px 0}
		#footer .inner a{color:#FFF;text-decoration:none;border-right:1px solid #fff;padding:0 8px;}
		#footer .inner a:hover{color:#f2f2f2;text-decoration:underline}
		#footer .inner li.active a{font-weight:bold;color:#2f77cb}
		#footer .inner ul{margin-left:270px;top:5px}
			#footer .inner ul li{float:left;padding:20px 0;}
				#footer .inner ul li.last a{border-right:none}
				#footer .inner ul li.mimo a {color:#fff;top:5px;padding:0 0 0 240px;border:none}
				#footer .inner ul li.mimo em {color:#fff;font-style:normal;}


	/* END // */
ul.search{width:98%;margin:0 1%}
	ul.search li .title{color:#666;font-variant:small-caps;font-weight:bold}
	ul.search li{float:left;clear:left;width:100%;padding:0 0 5px;margin:0 0 5px;border-bottom:1px dotted #cbcbcb}
	ul.search li li{border:none;margin:10px 0 0;padding:0; }
	ul.search li .price {color:#67A0CF; font-size:13px;}
	ul.search li.produkt a img{float:right;opacity:0.8;border:1px solid #cbcbcb}
	ul.search li.produkt a:hover img{opacity:1}
	ul.search li.produkt .sinfo a{margin:2px 0 0; color:#6A9B2A; font-size:15px; text-decoration:none;}
	ul.search .sinfo h3 a{font-size:110%;color:#000;margin:0 0 3px}
	ul.search .produkt .sinfo{width:500px;float:left}
	ul.search .produkt .sinfo p{margin:5px 0 5px;}
	ul.search li.produkt li.linkMore{text-align:right; padding-top:50px;}
	
	ul.search li.kategoria a:hover img{opacity:1}
	ul.search li.kategoria .sinfo a{margin:2px 0 0; color:#6A9B2A; font-size:15px; text-decoration:none;}
	ul.search .kategoria .sinfo{width:500px;float:left}
	ul.search li.kategoria li.linkMore{text-align:right; padding-top:5px;}
	
	ul.search li.podstrona a:hover img{opacity:1}
	ul.search li.podstrona .sinfo a{margin:2px 0 0; color:#6A9B2A; font-size:15px; text-decoration:none;}
	ul.search .podstrona .sinfo{width:100%;float:left}
	ul.search li.podstrona li.linkMore{text-align:right; padding-top:5px;}
	
	ul.search li.producent a:hover img{opacity:1}
	ul.search li.producent .sinfo a{margin:2px 0 0; color:#6A9B2A; font-size:15px; text-decoration:none;}
	ul.search .producent .sinfo{width:100%;float:left}
	ul.search li.producent li.linkMore{text-align:right; padding-top:5px;}
	
	ul.search li.linkMore a.goto{margin:2px 0 0;color:#000;text-decoration:none;padding:3px 0 3px 14px;background:url(../images/vitus/bullet.gif) no-repeat 0 5px;position:absolute;bottom:3px;right:25px}
	.text-section ul.search li p{margin:0 0 3px}
	img.unit{float:left;margin: 3px 3px 0px;top:25px }