/* kolumeny */
 
div.col_1_3   {width:140px; overflow: hidden; height: 100%; margin-right: 5px; float: left;}
p.patrzmardeb  {text-transform: capitalize;}
/* ---------- SRODEK ----------- */

#srodkowa_czesc			{width: 480px; float: left;}

#srodkowa_czesc h1		{}
#srodkowa_czesc h2		{}
#srodkowa_czesc p		{font: 12px tahoma, verdana, arial; text-align: justify;}

div.columns ul {display:list-item}
div.columns li {display:list-item; list-style:none}

div.d1_3	{width:33%; height:auto; float:left; overflow:hidden;}
div.d2_3	{width:66%;height:auto; float:left; overflow:hidden; }
div.d1_4	{width:25%; height:auto;float:left; overflow:hidden; }

/* messagebox */

#messagebox			{clear: both; padding: 10px; overflow: hidden;}
#messagebox div			{padding: 10px; border: 1px dotted #AA0000;}
#messagebox h1			{display: inline; margin: 0px 5px 2px 0px; background: none; border: none; font: bold 12px tahoma; text-transform: uppercase;}
#messagebox p			{display: inline; font: normal 11px verdana; color: #404040;}
#messagebox a			{text-decoration: underline; color: #000000;}
#messagebox a:hover		{text-decoration: none;}

#messagebox .green		{background: #E4FFE4;}
#messagebox .red		{background: #FFE5E5;}
#messagebox .yellow		{background: #FFFFE4;}

#messagebox .green h1		{color: #00C000;}
#messagebox .red h1		{color: #E00000;}
#messagebox .yellow h1		{color: #C0C000;}



.blok				{clear: both; margin-bottom: 20px; background: #fbfbfb; border: 1px dotted #AA0000; overflow: hidden;}
* html .blok			{height: 100%;}
div.blok p			{padding: 5px 28px; font: 11px tahoma;}
p.miasto			{color: #808080; text-transform: uppercase;}
p.pseudo 			{color: #404040; text-transform: capitalize;}
p.pseudo a			{text-transform: capitalize !important;}
p.wojewodztwo			{color: #808080; text-transform: lowercase;}
img:hover			{border-color: #808080;}


#galeria_anonsow		{padding: 18px; padding-top: 8px; padding-bottom: 8px;}
#galeria_anonsow p		{padding: 0px; font-weight: bold;}
#galeria_anonsow div.anons	{width: 80px; float: left; margin: 10px;}
#galeria_anonsow img		{width: 100px; height: 100px; border: 1px solid #e0e0e0;}

#galeria_anonsow_top		{padding: 18px; padding-top: 8px; padding-bottom: 8px;}
#galeria_anonsow_top div.anons	{width: 190px; float: left; margin: 15px;}
#galeria_anonsow_top img	{width: 188px; height: 188px; border: 1px solid #e0e0e0;}

* html #galeria_anonsow		{padding: 8px; padding-bottom: 18px;}
* html #galeria_anonsow_top	{margin-left: -5px; padding: 8px; padding-bottom: 18px;}

.szczegoly			{padding: 18px; clear: both; overflow: hidden;}
.szczegoly2			{padding: 18px; clear: both; overflow: hidden;}
.szczegoly3			{padding: 18px; clear: both; overflow: hidden;}
.szczegoly2 .foto img		{width: 80px; height: 80px; margin-left: 5px; margin-bottom: 5px;}
.szczegoly3 .foto img		{width: 80px; height: 80px; margin-left: 14px; margin-bottom: 5px;}
.szczegoly_male			{padding: 18px; clear: both; overflow: hidden;}
.szczegoly_male .dane		{width: 75%;}
.szczegoly_male .foto		{width: 25%;}
.szczegoly_male .foto img	{width: 88px; height: 88px; border: 1px solid #e0e0e0;}



* html .szczegoly		{padding: 28px; height: 100%;}
* html .szczegoly2		{padding: 28px; height: 100%;}
* html .szczegoly_male		{padding: 18px; height: 100%;}

.wyszukaj			{width: 90%; margin: auto;}
.wyszukaj td			{width: 50%;}
.dane				{width: 50%; float: left;}
.dane input			{width: 100px;}
.col1				{width: 40%; height: 20px; padding-right: 5px; text-align: right; color: #808080;}
.col2				{height: 20px;}

.col25				{width: 90%;  margin: auto;}
.col25 td			{width: 25%; height: 20px;}



table.foto_male			{width: 448px; margin-top: -12px; clear: both; text-align: right;}
td.foto_male img		{width: 88px; height: 88px; border: 1px solid #e0e0e0; margin-left: 16px;}

.foto				{width: 50%; float: left; overflow: hidden;}
.foto td			{width: 100%; text-align: right; text-align: right !important; vertical-align: middle;}
.foto img			{border: 1px solid #e0e0e0;}


div.blok p.opis			{padding: 28px; padding-top: 18px; padding-bottom: 0px; font: normal 12px tahoma !important;}
div.blok p.pokaz		{padding: 20px; text-align: center !important;}
div.blok p.pokaz a		{font: bold 13px tohoma; text-transform: uppercase; letter-spacing: 1px;}



#logowanie			{padding: 18px; overflow: hidden;}
#logowanie p			{width: 150px; margin-left: auto; margin-right: auto; margin-bottom: 5px;}
#logowanie img			{margin: 20px;}

#stronnicowanie			{padding: 5px; text-align: center;}
#stronnicowanie .active		{text-decoration: underline;}

img.img_left			{float: left; clear: left; margin: 2px; margin-right: 7px;}
img.img_right			{float: right; clear: right; margin: 2px; margin-left: 7px;}
#srodkowa_czesc p.center	{text-align: center;}
#srodkowa_czesc p.center img	{margin-top: 10px;}
#srodkowa_czesc p.small		{font-size: 10px;}



/* ---------- MENU ----------- */
#lewe_menu			{width: 140px; float: left; margin-right: 10px; overflow: hidden;}
#lewe_menu div			{margin-bottom: 10px; background: #fbfbfb; border: 1px dotted #AA0000; overflow: hidden;}

#wyszukiwarka p			{text-align: center;}
#wyszukiwarka input		{width: 100px;}
#newsletter input		{width: 100px;}
#login input			{width: 100px;}

#lewe_menu ul			{}
#lewe_menu li			{}
#lewe_menu li a			{}
#lewe_menu li a:hover		{}
#lewe_menu p			{padding: 5px;}

#prawe_menu			{width: 140px; float: right; margin-left: 10px; text-align: right; overflow: hidden;}
#prawe_menu div			{margin-bottom: 10px; background: #fbfbfb; border: 1px dotted #AA0000; overflow: hidden;}

#prawe_menu ul			{}
#prawe_menu p			{padding: 5px;}

#nowe_oferty img		{width: 88px; height: 88px; margin: 5px; margin-left: 24px; border: 1px solid #e0e0e0;}
#top_oferty img			{width: 88px; height: 88px; margin: 5px; margin-right: 24px; border: 1px solid #e0e0e0;}

/* ---------- TOP AREA ---------- */
#intro				{width: 780px; clear: both;}
#baner				{width: 778px; clear: both; border: 1px dotted #FFFDC7; background: #F8F0D8;}
#baner h1			{font: bold 24px verdana; color: #808080; text-align: left; text-transform: uppercase; letter-spacing: 8px; word-spacing: 15px; background: #F8F0D8;}
#baner img			{margin-right: 5px; vertical-align: text-bottom;}




#gorne_menu ul			{padding: 5px; text-align: right;}
#gorne_menu li			{display: inline; margin: 0 3px 0 3px;}
#srodkowe_menu ul		{padding: 5px; text-align: center;}
#srodkowe_menu li		{display: inline; margin: 0 3px 0 3px; font-weight: bold; text-transform: capitalize;}



/* ---------- BOTTOM AREA ---------- */
/*
#bottom_area div		{width: 146px; float: left; margin-right: 10px; background: #fbfbfb; border: 1px dotted #AA0000;}
*/
div#dolne_menu			{width: 780px; clear: both; margin: 0px; background: none; border: none;}
#dolne_menu ul			{padding: 5px; text-align: center;}
#dolne_menu li			{display: inline; margin: 0 3px 0 3px; font-weight: bold; text-transform: uppercase;}

.listadolna_wiersz		{width: 790px; clear: both; margin: 0px -10px 10px 0px; overflow: hidden; height: 100%;}
.listadol, .listadol5		{width: 146px; float: left; margin-right: 10px; background: #fbfbfb; border: 1px dotted #AA0000;}
.listadol4			{width: 186px; float: left; margin-right: 9px; background: #fbfbfb; border: 1px dotted #AA0000;}

div#listadol5			{margin-right: 0px;}

div#stopka			{width: 770px; clear: both; margin: 0px; padding: 5px; background: none; border: none;}
#stopka h1			{background: none; font: bold 12px verdana; color: #808080; text-align: right;}



/* ---------- TEXT ----------- */
td				{vertical-align: top;}
img				{border: none;}
a				{color: #606060; text-decoration: none;}
a:hover				{color: #000000; text-decoration: none;}
.left				{text-align: left;}
.right				{text-align: right;}
.center				{text-align: center;}
.bold				{font-weight: bold;}
.underline			{text-decoration: underline;}
.important			{font-weight: bold; color: #e00000;}

h1				{padding: 2px; font: bold 12px Tahoma; background: #AA0000; color: #FFFFFF;}
h2				{padding: 2px; font: bold 14px Tahoma; text-align: center; background: #FFFDC7; border-top: 1px dotted #c0c0c0; border-bottom: 1px dotted #c0c0c0; color: #404040;}
h3				{margin-top: 10px; margin-bottom: 10px; padding: 2px; font: bold 12px Tahoma; text-align: center; border-bottom: 1px dotted #c0c0c0; color: #FFCC00;}

li				{list-style: none;}	

input				{font: 11px verdana;}
textarea			{width: 420px;}

/* ---------- GLOWNE ---------- */
*				{margin: 0; padding: 0;}
body				{background: #FFFDC7; font: 12px verdana, tahoma, arial;}
#whole 				{width: 780px; margin: auto; padding: 0 9px 0 9px; border-left: 1px dotted #c0c0c0; border-right: 1px dotted #c0c0c0; background: #F8F0D8; overflow: hidden;}
#whole2				{}
#top_area			{clear: both; /* border-bottom: 1px dotted #c0c0c0; */ }
#middle_area			{clear: both; background: url("gfx/bg_middle_area.gif") repeat-y center; overflow: hidden; height: 100%;}
#bottom_area			{clear: both; /* border-top: 1px dotted #c0c0c0; */ height: 100%;}

* html #middle_area		{background: url("gfx/bg_middle_area_ie.gif") repeat-y center;}


#wejscie			{width: 620px; position: absolute; left: 50%; top: 50%; margin-left: -250px; margin-top: -20%; padding: 20px; background: #F8F0D8; border: 1px dotted #c0c0c0;}
#wejscie h1			{background: none; font: bold 58px tahoma; text-align: center; text-transform: uppercase; letter-spacing: 5px;}

#wejscie p			{padding: 01px; font: 14px verdana; text-align: center; line-height: 18px;}
#wejscie a			{margin-left: 40px; margin-right: 20px; font: bold 13px tohoma; text-transform: uppercase; letter-spacing: 1px;}

#slantedmenu{
font-weight: bold;
font-size: 90%;
}

/* ---------- SMS---------- */
#wyslijsms {
	position:absolute;
/*	display:none; */
	z-index:2;
	width:552px;
	height:320px;
	margin:0;
    text-decoration: none;
    margin:-70px 0px 0px -40px;
    background-color:white;
    overflow:hidden;
}

#wyslijsms h2 {
	background-color:none;
	letter-spacing:2px;
	color:black;
}

#wyslijsms .h {
	width:552px;
	height:26px;
	background-color:white;
}

#wyslijsms .sms {
	float:left;
	height:26px;
	width:27px;
	background:url('/images/sms_sms.png') no-repeat;
}

#wyslijsms .bg {
	float:left;
	height:26px;
	width:502px;
	background:url('/images/sms_bg.png') repeat-x;
	color:white;
	font-size:1.5em;
	text-align:center;
}

#wyslijsms .close {
	float:left;
	height:26px;
	width:23px;
}

#wyslijsms img {
	border:none;
}
#wyslijsms .b {
	width:548px;
	height:290px;
	background-color:white;
	border:solid 2px #0043CF;
	margin:-4px 0 0 0;
}

#wyslijsms .titlesms {
	text-align:center;
	margin-top:30px;
}
/* ---------- Obsluga bledow---------- */
.input {border-style:solid;border-width:1px;border-color:#888888;font-family:verdana;font-size:11px;width:70px;}
.inpanons {font-size:10px;width:350px;}
.inpredanons {background:#FF9999;font-size:10px;width:350px;}
.inp2 {width:30px;}
.inpred {background:#FF9999;}
.inp2red {background:#FF9999;width:30px;}



/* ---------- MENU1 slantdivider.gif---------- */
#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;/* X1 */ }

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}
/* ---------- MENU2 ---------- */

#slidetabsmenu {
float:left;
width:100%;
font-size:90%;
line-height:normal;
border-bottom: 1px solid gray;
}

* html #slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

#slidetabsmenu ul{
list-style-type: none;
margin:0;
margin-left: 10px;
padding:0;
}

#slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

#slidetabsmenu a {
float:left;/* X3 */ margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

#slidetabsmenu a span {
float:left;
display:block;/* X2 */ padding:3px 14px 3px 5px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

#slidetabsmenu a:hover span {
color: black;
}

#slidetabsmenu #current a {
background-position:0 -125px;
}

#slidetabsmenu #current a span {
background-position:100% -125px;
color: black;
}

#slidetabsmenu a:hover {
background-position:0% -125px;
}

#slidetabsmenu a:hover span {
background-position:100% -125px;
}


/* ---------- MENU3 ---------- */
#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: black;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(http://www.ogloszenia-erotyczne.pl/images/menu/poziome/pinkbg.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; /*top border style*/
border-bottom: 3px solid #ffa1a3; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
}

#thicktabs li a:hover{
color: black;
background-image: url(http://www.ogloszenia-erotyczne.pl/images/menu/poziome/pinkbgover.gif); /*background image swap on hover*/
}

/* ---------- MENU4 basictab zmienic <ul class="basictab"> <li class="selected">---------- */
.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: none;
background-color: #f6ffd5;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #DBFF6C;
color: black;
}

.basictab li a:active{
color: black;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #DBFF6C;
color: black;
}
/* ---------- MENU5 underlinemenu---------- */


#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;/* X6 */ }

#underlinemenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid black;
padding-bottom: 0;
}
/* ---------- MENU6 ---------- <ul class="bevelmenu">*/
.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #FFF2BF;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
/* ---------- MENU7 ---------- <ul class="bevelmenu">*/