/* =reset & general
----------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6,
div, span, blockquote, p, address, button,
form, fieldset, label, legend, img, textarea,
a, abbr, acronym, ul, ol, dl, dt, dd, li,
hr, table, td, th, big, small,q, iframe,
strong, em, sup, sub, del, cite, code {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
}

pre {
	font-size: 13px;
}

blockquote, q {
	quotes: none;
}

a {
	color: #053cb7;
	text-decoration: underline; 
}

a:hover, a:focus, a:active {
	text-decoration: none;
}

ul, ol { list-style: none; }

legend { display: none; }

body {
	background: #fff url('img/ui/body.png') 0 0 repeat-x;
	background: #fff url('img-ie6/ui/body.gif') 0 0 repeat-x;
	color: #000;
	font: normal 62.5% Arial, Helvetica, sans-serif; /* 10px */
}

h1, h2, h3, h4, h5 { font: normal 1em Arial, Helvetica, sans-serif; }

.input-txt, select, textarea {
	background: none;
	border: 0;
	color: #000;
	font: normal 1em Arial, Helvetica, sans-serif;
	outline: none;
}

button {
	cursor: pointer;
	display: block;
	text-indent: -9999em;
}

.floatL { float: left; }
.floatR { float: right; }

.raquo {
	color: #f00;
	font-size: 12px;
	font-weight: bold;
}

/* =clear
----------------------------------------*/

#bd:after,
.mail-information:after,
.clearfix:after,
.row:after,
.log-entry:after,
.mail-pros-main:after {
	content: " "; 
	clear: both; 
	display: block; 
	height: 0; 
	overflow: hidden;
	visibility: hidden;
}

/* =page
----------------------------------------*/

#page {
	margin: 0 auto;
	width: 980px;
}

/* =hd
----------------------------------------*/

#hd {
	background: url('img/ui/hd.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/hd.gif') 0 0 no-repeat;
	height: 69px;
	margin: 6px auto 10px;
	overflow: hidden;
	width: 980px;
}

.logo {
	float: left;
}

.logo a {
	background: url('img/ui/logo_poczta.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/logo_poczta.gif') 0 0 no-repeat;
	display: block;
	height: 51px;
	margin: 8px 0 0 15px;
	text-indent: -9999em;
	width: 187px;
}

.create-account {
	float: left;
}

.create-account a {
	background: url('img/ui/zaloz_konto_top.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/zaloz_konto_top.gif') 0 0 no-repeat;
	display: block;
	height: 38px;
	margin: 16px 0 0 310px;
	text-indent: -9999em;
	width: 158px;
}

.create-account a:hover,
.create-account a:focus {
	background-position: 0 -38px;
}

.tlen-info {
	float: right;
	margin: 5px 0 0;
	padding: 0 20px 0 0;
	width: 200px;
}

.tlen-info h4 {
	color: #1f6dbd;
	font-size: 2.1em;
}

.tlen-info h4 span {
	color: #000;
	font-weight: bold;
}

.tlen-info p {
	font-size: 1.2em;
}

/* =bd
----------------------------------------*/

#bd {
	margin: 0 8px;
	width: 964px;
}

.sidebar {
	float: left;
	padding: 0 0 10px;
	width: 265px;
}

.login-box {
	overflow: hidden;
	width: 265px;
}

.login-box .hd {
	background: url('img/ui/loginbox_hd.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/loginbox_hd.gif') 0 0 no-repeat;
	height: 44px;
	overflow: hidden;
	padding: 13px 15px 0;
	width: 235px;
}

.login-box .ft {
	background: url('img/ui/loginbox_ft.png') 0 0 no-repeat;
	_background: url('img/ui/loginbox_ft.gif') 0 0 no-repeat;
	height: 121px;
	overflow: hidden;
	padding: 10px 0 0;
	width: 265px;
}

.login-box .bd {
	background: #f8f8fb;
	border: 1px solid #adaeb0;
	border-width: 0 1px;
	overflow: hidden;
	padding: 0 9px;
	width: 245px;
}

.login-box h2 {
	font-size: 2.9em;
	font-weight: bold;
	letter-spacing: -0.01em;
}

.help {
	background: url('img/ui/ico_help.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/ico_help.gif') 0 0 no-repeat;
	display: block;
	float: right;
	height: 32px;
	text-indent: -9999em;
	width: 25px;
}

.login-form .field {
	background: url('img/ui/input.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/input.gif') 0 0 no-repeat;
	height: 28px;
	overflow: hidden;
	padding: 5px;
	width: 235px;
}

.login-form .field-focusin {
	background-position: 0 -38px;
}

.login-form .input-txt {
	font-size: 1.9em;
	height: 23px;
	line-height: 1;
	padding: 3px 5px;
	width: 225px;
}

.login-form label {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	margin: 5px 3px 2px;
}

.login-form .row {
	margin: 0 0 8px;
}

.login-form .errorMessage {
    color:#ff0200 ;
    text-align:left ;
    font-size:1.6em ;
    line-height:1.25em ;
    font-weight:bold ;
    margin:16px 0 ;
    background:url(img/ui/error-icon.png) 8px top no-repeat ;
    _background:url(img-ie6/ui/error-icon.gif) 8px top no-repeat ;
    padding-left:43px ;
}

.login-form .errorMessage a {
    font-size:0.8em ;
    color:#053cb7 ;
}

.login-form .ssl-login input,
.login-form .old-login input {
	float: left;
}

.login-form .ssl-login label {
	background: url('img/ui/ico_ssl.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/ico_ssl.gif') 0 0 no-repeat;
	float: left;
	font-weight: normal;
	margin: 1px 0 0 2px;
	padding: 0 0 0 15px;
}

.login-form .old-login label {
	color: #8b8b8b;
	float: left;
	font-weight: normal;
	margin: 1px 0 0 2px;
}

.button-login {
	background: url('img/ui/zaloguj.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/zaloguj.gif') 0 0 no-repeat;
	height: 40px;
	width: 164px;
}

.button-login:hover,
.button-login:focus {
	background-position: 0 -40px;
}

.no-account {
	font-size: 1.2em;
	margin: 1px 0 0 3px;
}

.forgot-password {
	border-top: 1px dashed #cbcbd0;
	margin: 5px 0;
	padding: 8px 0;
}

.forgot-password h3 {
	color: #1f6dbd;
	font-size: 2em;
	margin: 0 0 5px;
}

.forgot-password p {
	font-size: 1.3em;
	line-height: 1.385;
}

.forgot-password p a {
	font-weight: bold;
}

.mail-help {
	font-size: 1.6em;
	text-align: center;
}

.mail-help p {
	margin: 0 25px;
}

.mail-help li {
	float: left;
	margin: 0 3px 0 0;
	overflow: hidden;
	width: 60px;
}

.mail-help li a {
	display: block;
	float: left;
	height: 50px;
	text-indent: -9999em;
	width: 60px;
}

.mail-help ul {
	margin: 20px 0 0 10px;
}

.content {
	float: right;
	width: 690px;
}

.thumbs {
	height: 68px;
	margin: 0 0 20px;
	padding: 0 0 0 13px;
	position: relative;
	width: 677px;
}

.thumbs h4 {
	background: url('img/ui/thumbs_head.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/thumbs_head.gif') 0 0 no-repeat;
	color: #454545;
	font-size: 1.2em;
	height: 41px;
	padding: 8px 15px 0 30px;
	position: absolute; top: 0; right: 9px;
	width: 127px;
}

.thumbs img {
	border: 1px solid #b9cbdb;
	padding: 1px;
}

.thumbs a:hover img{
    border-color:#688FB1 ;
}

.thumbs li {
	float: left;
	margin: 0 6px 0 0;
}

.mail-pros {
	float: left;
	width: 415px;
}

.mail-pros-main,
.mail-pros-other {
	float: none;
	width: 690px;
}

.mail-pros h2,
.log-preview h2,
.log-more h2,
.log-main h2 {
	border-bottom: 1px dashed #d1d1d3;
	font-size: 2.2em;
	letter-spacing: -0.025em;
	margin: 0 0 10px;
}

.log-main h2 {
	font-size: 2.7em;
	margin: 10px 0 0;
	padding: 0 0 5px 10px;
}

.mail-pros-main h2,
.mail-pros-other h2 {
	font-size: 2.7em;
	margin: 10px 0 0;
	padding: 0 0 5px 10px;
}

.log-more h2 {
	margin: 5px 0 0;
	padding: 0 0 5px 5px;
}

.mail-pros h2 span,
.log-more h2 span,
.log-main h2 span {
	font-weight: bold;
}

.mail-pros h3 {
	color: #1f6dbd;
	font-size: 2em;
	letter-spacing: -0.025em;
	line-height: 1.1;
	margin: 0 0 7px;
}
 
.mail-pros h3 span {
	color: #000;
	font-weight: bold;
}

.mail-pros-other h3 {
	font-size: 1.8em;
    color: #000;
}

.mail-pros ul {
	margin: 20px 0 0;
}

.mail-pros-main ul {
	width: 345px;
}

.mail-pros-main .floatR {
	width: 330px;
}

.mail-pros li {
	margin: 0 0 20px;
	padding: 0 0 0 70px;
	position: relative;
	width: 345px;
}

.mail-pros-other ul {
	margin: 0;
}

.mail-pros-other li {
	border-bottom: 1px solid #e6e6e6;
	margin: 12px 0;
	padding: 0 0 12px 35px;
	position: relative;
	width: 655px;
}

.mail-pros-main li {
	width: 260px;
}

.mail-pros p {
	font-size: 1.2em;
	line-height: 1.5;
	padding: 0 10px 0 0;
	text-align: justify;
}

.mail-pros-main li p,
.mail-pros-other li p {
	color: #848484;
}

.mail-pros .icon {
	display: block;
	height: 57px;
	position: absolute; top: 0; left: 0;
	width: 63px;
}


.mail-pros-other .icon {
	background: url('img/ui/ico_tip.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/ico_tip.gif') 0 0 no-repeat;
	display: block;
	height: 22px;
	position: absolute; top: 0; left: 5px;
	width: 24px;
}

.icon-01 {
	background: url('img/pros/icons.png') 0 0 no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 0 no-repeat;
}

.icon-02 {
	background: url('img/pros/icons.png') 0 -57px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -57px no-repeat;
}

.icon-03 {
	background: url('img/pros/icons.png') 0 -114px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -114px no-repeat;
}

.icon-04 {
	background: url('img/pros/icons.png') 0 -171px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -171px no-repeat;
}

.icon-05 {
	background: url('img/pros/icons.png') 0 -228px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -228px no-repeat;
}

.icon-06 {
	background: url('img/pros/icons.png') 0 -285px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -285px no-repeat;
}

.icon-07 {
	background: url('img/pros/icons.png') 0 -342px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -342px no-repeat;
}

.icon-08 {
	background: url('img/pros/icons.png') 0 -399px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -399px no-repeat;
}

.icon-09 {
	background: url('img/pros/icons.png') 0 -456px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -456px no-repeat;
}

.icon-10 {
	background: url('img/pros/icons.png') 0 -513px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -513px no-repeat;
}

.icon-11 {
	background: url('img/pros/icons.png') 0 -570px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -570px no-repeat;
}

.icon-12 {
	background: url('img/pros/icons.png') 0 -627px no-repeat;
	_background: url('img-ie6/pros/icons.gif') 0 -627px no-repeat;
}

.mail-pros .more {
	background: #ebf2f8;
	font-size: 1.2em;
	padding: 10px 0;
	text-align: center;
}


.mail-pros-other .more {
	padding: 10px 0 10px 35px;
	text-align: left;
}

.mail-pros .more a {
	font-weight: bold;
}

.log-preview h2 {
	margin: 0;
}

.log-preview {
	float: right;
	width: 255px;
}

.log-entry {
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 2px;
}

.log-main .log-entry {
	padding-left: 70px;
}

.log-entry h3 {
	font-size: 1.6em;
	font-weight: bold;
}

.log-main .log-entry h3 {
	font-size: 1.8em;
	margin: 3px 0 0;
}

.log-more .log-entry h3 {
	color: #1f6dbd;
	font-weight: bold;
}

.log-more .log-entry h3 span {
	color: #000;
}

.entry-date {
	background: url('img/ui/ico_date.png') 0 2px no-repeat;
	_background: url('img-ie6/ui/ico_date.gif') 0 2px no-repeat;
	color: #8d8d8d;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 13px;
}

.entry-date-big {
	background: url('img/ui/date_big.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/date_big.gif') 0 0 no-repeat;
	float: left;
	height: 64px;
	margin: 0 0 0 -70px;
	overflow: hidden;
	padding: 5px 0 0;
	position: relative;
	text-align: center;
	width: 60px;
}

.day {
	color: #294378;
	display: block;
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1;
}

.month {
	color: #141414;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1;
}

.year {
	color: #141414;
	display: block;
	font-size: 1em;
	line-height: 1;
}

.entry-text {
	font-size: 1.1em;
	line-height: 1.364;
	margin: 7px 0 0;
	text-align: justify;
}

.log-more .entry-text,
.log-main .entry-text {
	font-size: 1.2em;
	line-height: 1.333;
	text-align: left;
}

.log-preview .more {
	font-size: 1.3em;
	font-weight: bold;
	text-align: right;
	margin-bottom:5px;
}

.mail-pros-link {
	float: right;
	font-size: 1.3em;
	margin: 18px 20px 0 0;
}

.paging .create-account {
	float: right;
}

.mail-pros-other .create-account {
	float: none;
	margin: 20px 0 20px 35px;
}

.paging .create-account a,
.mail-pros-other .create-account a {
	margin: 8px 0 0;
}

/* =paging
----------------------------------------*/

.paging {
	background: #ebf2f8;
	height: 53px;
	margin: 1px 0 0;
	padding: 0 15px;
}

.pages {
	float: left;
	margin: 16px 0 0;
}

.pages a,
.pages span {
	display: block;
	float: left;
}

.pages a {
	background: url('img/ui/paging.png') 100% -20px no-repeat;
	_background: url('img-ie6/ui/paging.gif') 100% -20px no-repeat;
	color: #242b30;
	font-size: 1.2em;
	height: 20px;
	margin: 0 2px 0 0;
	padding: 0 5px 0 0;
	text-decoration: none;
}

.pages span {
	background: url('img/ui/paging.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/paging.gif') 0 0 no-repeat;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 5px;
}

.pages .break {
	background: none;
	color: #242b30;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
}

.pages a:hover,
.pages a:focus,
.pages .active {
	background-position: 100% -60px;
}

.pages a:hover span,
.pages a:focus span,
.pages .active span {
	background-position: 0 -40px;
}

.pages .nonactive,
.pages .nonactive:hover,
.pages .nonactive:focus {
	background-position: 100% -100px;
	color: #9fa5aa;
	cursor: text;
}

.pages .nonactive span,
.pages .nonactive:hover span,
.pages .nonactive:focus span {
	background-position: 0 -80px;
	cursor: text;
}

/* =anythingSlider
----------------------------------------*/

.anythingSlider,
.slider {
	height: 196px;
	margin: 0 0 20px;
	position: relative;
	width: 690px;
}

.anythingSlider { z-index: 1; }

.slider .create-account {
	float: none;
	position: absolute; top: 135px; left: 480px;
	z-index: 2;
}

.slider .create-account a {
	background: url('img/ui/zaloz_konto_slider.png') 0 0 no-repeat;
	_background: url('img-ie6/ui/zaloz_konto_slider.gif') 0 0 no-repeat;
	height: 52px;
	margin: 0;
	width: 202px;
}

.slider .create-account a:hover,
.slider .create-account a:focus {
	background-position: 0 -52px;
}

.slider .mask {
	background: url('img/slider/mask.png') 0 0 no-repeat;
	_background: url('img-ie6/slider/mask.gif') 0 0 no-repeat;
	display: block;
	height: 196px;
	position: absolute; top: 0; left: 0;
	width: 690px;
	z-index: 1;
}

.slider .mask a {
    display:block;
    height:190px;
    left:4px;
    position:absolute;
    top:4px;
    width:280px;
    text-decoration:none ;
}    

.anythingSlider .wrapper {
	height: 196px;
	overflow: hidden;
	position: absolute; left: 0; top: 0;
	width: 690px;
	z-index: 0;
}

.anythingSlider .wrapper ul {
	height: 196px;
	position: absolute; top: 0; left: 0;
	width: 9999px;
}

.anythingSlider li {
	float: left;
	height: 196px;
	position: relative;
	width: 690px;
}

#thumbNav {
	position: absolute; top: 163px; left: 336px;
	z-index: 2;
}

.simplePagerNav li,
#thumbNav a {
	background: url('img/slider/point.png') 0 0 no-repeat;
	_background: url('img-ie6/slider/point.gif') 0 0 no-repeat;
	display: block;
	float: left;
	height: 18px;
	margin: 0 2px 0 0;
	text-indent: -9999em;
	width: 18px;
    line-height:18px ;
}

.simplePagerNav {
    overflow:hidden ;
    margin:1em 0 ;
    font-size:11px ;
}

.simplePagerNav li {
    text-indent: 0 ;
    text-align:center ;
}

.simplePagerNav li a {
    display:block ;
}


#thumbNav a:hover {
	background-position: 0 -18px;
}

.simplePagerNav li.currentPage,
.simplePagerNav li:hover,
#thumbNav .cur,
#thumbNav .cur:hover {
	background: url('img/slider/point_active.png') 0 0 no-repeat;
	_background: url('img-ie6/slider/point_active.gif') 0 0 no-repeat;
}

.anythingSlider .forward {
	background: url('img/slider/forward.png') 0 0 no-repeat;
	_background: url('img-ie6/slider/forward.gif') 0 0 no-repeat;
	display: block;
	float: left;
	height: 18px;
	margin: 0 2px 0 0;
	position: absolute; top: 163px; left: 416px;
	text-indent: -9999em;
	width: 18px;
	z-index: 2;
}

.anythingSlider .forward:hover {
	background-position: 0 -18px;
}

.anythingSlider .back {
	background: url('img/slider/back.png') 0 0 no-repeat;
	_background: url('img-ie6/slider/back.gif') 0 0 no-repeat;
	display: block;
	float: left;
	height: 18px;
	margin: 0 2px 0 0;
	position: absolute; top: 163px; left: 316px;
	text-indent: -9999em;
	width: 18px;
	z-index: 2;
}

.anythingSlider .back:hover {
	background-position: 0 -18px;
}

#start-stop {
	display: none;
}

.anythingSlider .image {
	position: absolute; top: 0; left: 0;
}

.anythingSlider h3 {
	background: #fff;
	color: #1f6dbd;
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: -0.025em;
	line-height: 1;
	padding: 8px 15px 10px;
	position: absolute; top: 0; left: 272px;
	z-index: 1;
}

.anythingSlider h3 span {
	color: #000;
	display: block;
	font-size: 1.25em;
}

.anythingSlider p {
	color: #555;
	font-size: 1.2em;
	line-height: 1.364;
	position: absolute; top: 75px; left: 315px;
	width: 360px;
}

/* =ft
----------------------------------------*/

#ft {
	border-top: 1px solid #d0dee9;
	font-size: 1.3em;
	margin: 0 8px;
	padding: 15px 0;
	text-align: center;
	width: 964px;
}

.sep {
	color: #cecece;
	margin: 0 3px;
}

#top-ads {
    margin: 1em auto ;
    text-align:center ;
}