@import "undohtml.css";

/*** STRUKTURA ***/ 


#orlenbaner1 a, #orlenbaner2 a, #shellbaner1 a, #shellbaner2 a{
	display:block;
	height:357px;
	width:400px;
	background-color:transparent !important;

}
#orlenbaner1 a{
	background-image: url(../images/uclub_orlen.png);
}
#orlenbaner2 a{
	background-image: url(../images/uclub_orlen2.png)
}
#shellbaner1 a{
	background-image: url(../images/uclub_shell.png)
}
#shellbaner2 a{
	background-image: url(../images/uclub_shell2.png)
}


body {
	background:#000 url(../images/body.jpg) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;	
	float:left;

	}
	
	
a {
	text-decoration:underline;
	color:#64a8e9;
	}

a:hover{
	text-decoration:underline;

}

h1{
	font-size:16px;
	line-height:16px;
	}
	
.ayellow{
	color:#E7A731 !important;}
	
/************************************LEFT*******************************************/
#pageWrap{ float:left; width:1040px;}

#left {
	float:left;
	width:210px;
	padding-right:10px;
	}
	
.logo{
	margin-top:40px;
	/*margin-bottom:50px;*/
	height:220px;
	width:210px;
	float:left;
	display:block;
	}
	
.logo:hover{
	text-decoration:none;}
	
.menu{
	clear:both;
	float:left;
	margin-bottom:66px;}

.menu li{
float:left;
clear:both;
width:285px;}

.menu li:hover{
	opacity:0.65;
	filter: alpha(opacity=65);}

.menu li.naczym{
	height:52px;
	background:url(../images/naczym.gif) no-repeat;
	margin-bottom:10px}

.menu li.opinie{
	height:32px;
	background:url(../images/opinie.gif) no-repeat;
	margin-bottom:15px}

.menu li.sexpytania{
	height:35px;
	background:url(../images/sexpytania.gif) no-repeat;
	margin-bottom:9px}

.menu li.produkty{
	height:34px;
	background:url(../images/produkty.gif) no-repeat;
	margin-bottom:12px}

.menu li.ugaleria{
	height:39px;
	background:url(../images/ugaleria.gif) no-repeat;
	margin-bottom:0px}

.menu li.konkurs{
	height:39px;
	background:url(../images/konkurs.gif) no-repeat;
	margin-bottom:0px}


.menu li a{
	display:block;
	width:100%;
	height:100%;
	}
.menu li a:hover{
	text-decoration:none !important;}

.left_box{
	float:left;
	padding:5px;
	width:198px;
	margin-bottom:20px;}

.left_najpop{
	clear:both;
	float:left;
	text-align:center;
	width:190px;
	margin-bottom:10px;
	}

.left_najpop li{
	}

.left_najpop_foto{
	padding:7px 0 0;}


.left_najpop_nazwa{
	background:url(../images/right_transparentbg.png) repeat;
	display:block;
	margin:-100px auto 0px;
	padding-top:5px;
	padding-bottom:3px;
	position:relative;
	width:190px;
	}
	
* html .left_najpop_nazwa{
	background:none;}

.left_najpop_nazwa a{
	font-size:16px;
	color:#d050da;
	}
	
.left_najpop_nazwa a:hover{
	text-decoration:none !important;}

.left_najpop_stat{
	font-size:11px;
	color:#9A9999;
	margin-bottom:3px;}	
	



.left_newsletter{
	clear:both;
	float:left;
	/*margin-top:20px;*/
	*margin-top:-50px;
	text-align:left;
	width:210px;}

.newsletter_tytul{
	margin-left:13px;
	margin-bottom:5px;}

.newsletter_pola{
	margin-left:10px;
	margin-bottom:5px;
	}
	
.newsletter_pola form{
	background:transparent url(../images/newsletter_input.gif) no-repeat scroll 0 0;
	clear:both;
	float:left;
	width:210px;}
	
.newsletter_input{
	border:medium none;
	color:#FFFFFF;
	float:left;
	font-size:10px;
	line-height:12px;
	padding:5px 0 5px 15px;
	background:none;
	width:150px;
	*width:140px;}

.newsletter_submit{
	background:transparent url(../images/newsletter_submit.gif) no-repeat scroll 0 0;
	border:medium none;
	float:right;
	height:19px;
	margin-right:18px;
	margin-top:2px;
	width:19px;
	cursor:pointer;
	}	

.newsletter_tekst{
	font-size:10px;
	margin-left:13px;}


/************************************container*******************************************/

#container{
	float:left;
	background:url(../images/main_container.jpg) no-repeat 0 0;
	width:820px;
}


/************************************CENTER*******************************************/

#center{
width:440px;
margin-right:5px;
float:left;
	}

.nag{
	clear:both;
	float:left;
	margin-bottom:10px;}

	
	
.main_login{
	clear:both;
	float:left;
	margin-left:72px;
	margin-top:65px;}

.main_login li{}

.login_tytul{}

.login_form{}

.login_form input{
	background:transparent url(../images/main_login_input.gif) no-repeat scroll center top;
	border:medium none;
	color:#808080;
	font-size:10px;
	line-height:12px;
	padding:6px 5px;
	width:110px;
	margin-bottom:3px;
	}

.main_login_submit{
	background:transparent url(../images/main_login_submit.gif) no-repeat scroll 0 0 !important;
	height:18px;
	width:18px !important;
	padding:0 !important;
	margin-top:1px;
	cursor:pointer;
	}

.login_linki{
	color:#333;
	font-size:10px;
	text-align:center;
	}

.login_linki a{
	color:#333;
	font-size:10px;
	}

.login_linki a:hover{
	color:#555;
	}
	
.user_id{
	background:transparent url(../images/ramka.png) no-repeat scroll left top;
	clear:both;
	float:left;
	height:107px;
	margin-left:23px;
	margin-top:40px;}
	
* html .user_id{
	background:transparent url(../images/ramka.gif) no-repeat scroll left top;}

.normal_user_avatar{
	clear:both;
	float:left;
	height:80px;
	margin-left:8px;
	margin-right:10px;
	margin-top:8px;
	overflow:hidden;
	text-align:center;
	width:80px;}


.user_nick{
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	margin-left:10px;
	margin-top:7px;
	width:300px;}

.user_nick:hover{
	text-decoration:none;
	}

.user_punkty{
	color:#EF0F0F;
	display:block;
	float:left;
	font-size:11px;
	margin-left:10px;
	margin-top:-2px;
	text-align:center;
	width:160px;}

.user_status{
	float:left;
	margin-left:10px;
	margin-top:5px;
	width:300px;}
	
.user_profil_wyloguj{
	width:290px;
	margin-left:10px;
	float:left;
	font-size:10px;
	line-height:12px;
	margin-top:7px;}	
	
.user_moj_profil{
	background:transparent url(../images/edit.gif) no-repeat scroll left center;
	border-right:1px solid #191919;
	font-size:10px;
	font-weight:lighter;
	padding-right:7px;
	padding-left:12px;
	}	
	
.wyloguj{
	background:transparent url(../images/wylogujsie.gif) no-repeat scroll left center;
	color:#333333;
	padding-left:10px;
	margin-left:2px;
	}
	
	
.wyloguj:hover,.user_moj_profil:hover {
	text-decoration:underline;
}

#main_banner{
	float:left;
/* 	margin-top:60px; */
	margin-top:40px;
	width:415px;
	}

	
.main_aktualnosci{
	clear:both;
	float:left;
	margin-top:20px;
	*width:440px;
	}

.aktualnosci_avatar{
	border:1px solid #A347A9;
	float:left;
	height:120px;
	margin-right:10px;
	overflow:hidden;
	text-align:center;
	width:84px;
	clear:both;
}

.aktualnosci_avatar img{
	}

.aktualnosci_lista{
	float:left;}

.aktualnosci_lista li{
	line-height:13px;
	list-style-position:inside;
	list-style-type:circle;
	margin:8px 0;
	width:340px;
	*width:320px;
	}

.aktualnosci_lista a{
	color:#fff;
	font-size:12px;}

.aktualnosci_wiecej{
	background:transparent url(../images/aktualnosci_wiecej.gif) no-repeat scroll right center;
	clear:both;
	color:#2BB3FF;
	float:left;
	font-size:11px;
	height:19px;
	padding-right:10px;
	text-align:right;
	width:420px;}



.main_pytania{
	clear:both;
	float:left;
	margin-top:40px;
	}

.main_pytanie{
	margin-bottom:10px;
	float:left;
	clear:both;
	*width:510px;}

.mini_user_avatar{
	float:left;
	height:40px;
	margin-right:10px;
	overflow:hidden;
	text-align:center;
	width:40px;}

.mini_user_avatar img{
	}

.pytania_lista{
	float:left;
	padding:0;
	margin:0;
	width:380px;
	*width:370px;
	}

.pytania_lista li{
	width:380px;
	*width:300px;
	font-size:9px;
	line-height:10px;
	overflow:hidden;
	
	}

.pytania_pytanie a{
	color:#fff;
	font-size:14px;
	letter-spacing:0.6px;
	font-weight:lighter;
	line-height:14px;
	}

.pytania_user{
	}

.pytania_tagi{}



/************************************RIGHT*******************************************/
	

#right {
	float:left;
	width:300px;
	}
	
.right_logo{
	background:transparent url(../images/right_logo.png) no-repeat scroll 0 0;
	float:left;
	height:106px;
	margin-left:170px;
	margin-top:18px;
	margin-bottom:200px;
	width:129px;
	text-decoration:none !important;
	}

.right_logo:hover{
	text-decoration:none !important;
	}


*html .right_logo{
	background:transparent url(../images/right_logo.png) no-repeat scroll 0 0;
	}
	
	
	
.main_karuzela {
	clear:both;
	float:left;
	margin-top:25px;
	width:300px;
	overflow:hidden;}




.main_ranking {
	clear:both;
	float:left;
	margin-top:20px;
	width:300px;
	overflow:hidden;
	text-align:center;}
	

.right_przybarze{
	margin:10px auto;
	}

.right_przybarze li{
	float:left;
	margin-left:10px;
	margin-bottom:10px;}

.right_przybarze a{
	display:block;
	width:41px;
	height:41px;
	}
	
.right_przybarze a:hover{
	text-decoration:none;}
	
	
	
.main_klubowicz {
	clear:both;
	float:left;
	height:80px;
	margin-top:10px;
	width:300px;
	overflow:hidden;
	background:transparent url(../images/main_klubowicz.gif) no-repeat scroll 0 0;
	}
	
.klubowicz_ramka{
	clear:both;
	float:left;
	height:40px;
	margin-left:10px;
	margin-top:12px;
	overflow:hidden;
	text-align:center;
	width:41px;
	}
	
.klubowicz_dane{
	float:left;
	margin-left:30px;
	margin-top:30px;
	/*width:170px;*/
	width:210px;}

.klubowicz_nick{
	color:#2bb3ff;
	font-size:14px;
	margin-right:20px;
	float:left;}

.klubowicz_punkty{
	font-size:14px;
	color:#dddddd;
	float:right;
	}

.klubowicz_ranking{
	clear:both;
	float:right;
	font-size:10px;
	margin-top:6px;
	/*margin-right:50px;*/}



.main_opinia{
	clear:both;
	float:left;
	margin-top:30px;
	margin-bottom:10px;
	width:300px;
	overflow:hidden;
}

.opinia_avatar{
	clear:both;
	float:left;
	margin-right:10px;}
	
.main_opinia ul{
	
	}

.opinia_tytul{
	font-size:14px;
	font-weight:bold;
	line-height:15px;}

.opinia_opis{
	font-size:11px;
	letter-spacing:0.4px;
	margin-bottom:3px;}

.opinia_autor{
	font-size:9px;
	letter-spacing:0.4px;
	margin-bottom:3px;}

.opinia_produkt{
	font-size:9px;
	line-height:9px;
	letter-spacing:0.4px;
	margin-bottom:3px;}

	
/************************************FOOt*******************************************/

#foot{
	float:left;
	clear:both;
	margin-top:40px;
	background:url(../images/foot.jpg) no-repeat left bottom;
	min-height:130px;
	min-width:1005px;
	}
	
.foot_logo{
	float:left;
	margin-left:190px;
	margin-right:20px;
	margin-top:17px;}
	


.foot_linki{
	float:left;
	margin-left:10px;
	width:150px;
	margin-top:13px;}

.foot_linki li{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:circle;
	color:#64a8e9;}
	
.foot_linki li:hover{
	list-style-type:disc;}

.foot_linki li a{
	color:#f8f8f8;}

.foot_tytul{
	list-style-image:none !important;
	list-style-type:none !important;
	}

.foot_tytul a{
	color:#e7a731 !important;
	font-size:15px;
	}

.foot_tytul a:hover{
	text-decoration:none !important;}
	
.foot_copy{
	clear:both;
	float:left;
	line-height:11px;
	margin:6px 0 6px 200px;
	width:580px;
	}	
	
.foot_copy h4 {
	color:#E7A731;
	font-size:12px;
	font-weight:normal;
	margin:10px 0 2px;
	}

.foot_copy h5{
	color:#515151;
	font-size:11px;
	font-weight:lighter;
	}
	
.logo_mki{
	color:#515151;
	float:right;
	font-size:10px;
	line-height:18px;
	margin-right:119px;
	margin-top:30px;
	text-align:center;
	*width:100px;
	*margin-right:149px;
	opacity:0.85;
	filter: alpha(opacity=85);
	}
	
.logo_mki:hover{
	text-decoration:none;
	opacity:1;
	filter: alpha(opacity=100);
	}
	
/* HOME PAGE CAROUSEL */	
#main_banner{  }
.scrollable {
	position:relative;
	overflow:hidden;
	width:400px;
	height:357px;
}
.scrollable .items {
	width:20000em;
	position:absolute;
	padding:0; 
	margin:0;

}
.items li{ }
.items a img{ display:block; }
.items a{ background-color:transparent; }

.items li {
	float:left;
}
.items li img{ display:block; }

#carouselCtrls{ 
	margin-top:5px;
	display:block;
	height:8px; 
}
#carouselCtrls .navi{
	margin:0 auto;
	width:24px; 
}

#carouselCtrls a{ 
	background:transparent url(promocja/navigator.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:8px; width:8px;
	margin:0 2px;
}
#carouselCtrls a.active{ background-position:0 -16px; }