@import url("reset.css");
@import url("textFormat.css");
@import url("tables.css");

.clear {
	clear: both;
}

body {
	background: #198EC6;
	text-align: center;
}

#container-out {
	width: 995px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/*
//#container {
//	background: #B2B2B2 url(../gfx/bg-container.gif) repeat-x;
//}
*/

#containerIn {
	
}

#contentOut {
	background: #B2B2B2 url(../gfx/bg-content.gif) repeat-y;
}

#content {
	background: transparent url(../gfx/bg-content-bottom.gif) 770px bottom no-repeat;
}

#contentIn {
	padding-bottom: 35px;
	background: transparent url(../gfx/bg-content-top.gif) 770px 41px no-repeat;
}

#col1, #col2, #col3 {
	float: left;
}

#col1 {
	width: 170px;
	position:relative;
}

#col2 {
	width: 565px;
	padding: 20px 0 0 20px;
	overflow: hidden;
}

#col3 {
	width: 225px;
	padding-top:20px;
	padding-left: 15px;
	padding-bottom: 30px;
	overflow: hidden;
}

#col3 div.mod {
	background:#CCCCCC url(/inc/gfx/bg-content-top.gif) no-repeat 0 -102px;
	width:207px;
	}

*/

#content p {
	margin-bottom: 15px;
}

#content h2 {
	margin: 15px 0 5px 0;
	font-size: 13px;
	color: #780342;
}

#content .news h2, #content .news p {
	margin: 0;
}

#logo {
	padding: 10px 0 0px 5px;
	background: #198EC6;
}

.leftMenu {
	background: #CACACB url(../gfx/bg-leftmenu-bottom.jpg) 0 bottom no-repeat;
	position:relative;
	top:-1px;
}

.leftMenu ul {
	background: transparent url(../gfx/bg-leftmenu-top.jpg) no-repeat;
	margin: 0;
	padding: 10px 0 30px 14px;
}

.leftMenu a {
	color: #684156;
	font-size: 14px;
	font-weight:bold;
	display: block;
	padding: 5px 0 9px 20px;
	background:url(../gfx/bul_pink.gif) no-repeat 0 8px;
	text-decoration: none;
}

.leftMenu li {
	background:url(../gfx/brd-circle.gif) repeat-x left bottom;
	width:143px;
	padding: 0;
	}


.topMenu ul {
	margin: 0;
	padding-top: 86px;
	}

.topMenu li {
	padding: 0;
	display: inline;
	background: none;
	}

.topMenu a {
	display:block;
	height:22px;
	float: left;
	color: #F7F7F7 !important;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
	}

li.strona_glowna {
	display: none;
}

li.aktywacja a {
	background-image:url(../gfx/menu-li-1.gif);
	width:172px;
	}	
	
li.doladowania a {
	background-image:url(../gfx/menu-li-2.gif);
	width:165px;
	}	
	
li.twoje_uslugi a {
	background-image:url(../gfx/menu-li-3.gif);
	width:165px;
	}	
	
li.wspolpraca a {
	background-image:url(../gfx/menu-li-4.gif);
	width:157px;
	}				
	
li.kontakt a {
	background-image:url(../gfx/menu-li-5.gif);
	width:166px;
	}			
	
.box1 {
	background:url(../gfx/bg-top-box1.gif) no-repeat left top;
	padding-top:35px;
	width:181px;
	}	
	
.box1-out {
	background:url(../gfx/bg-bottom-box1.gif) no-repeat left bottom;
	padding-bottom:18px;
	width:181px;
	}	
	
.box1-in {
	background:url(../gfx/bg-box1.gif) repeat-y left top;
	width:141px;
	padding-left:20px;
	padding-right:20px;
	}	
	
h1.you-and-fun {
	background:url(../gfx/h-you-and-fun.gif) no-repeat left top;
	width:108px;
	height:21px;
	text-indent:-4000px;
	margin-top:20px;
	margin-left: 10px;
	}
	
h1.you-and-news {
	background:url(../gfx/h-you-and-news.gif) no-repeat left top;
	width:131px;
	height:21px;
	text-indent:-4000px;
	margin-bottom:20px;
	margin-left: 10px;
	}	

div.news {
	width: 270px;
	float: left;
}

div.newsRight {
	margin-left: 20px;	
}

.news p.read-more a {
	color: #000;
}

div.logos {
	}

div.news h2 a {
	color:#520C31;
	font-size:14px;
	text-decoration:none;
	}
	
	
div.news h2 a:hover {
	text-decoration:underline;
	}	
	
#content .news p.date {
	color:#C30E6F;
	font-size:9px;
	margin-bottom:10px;
	}	
	
div.news-left {
	width:250px;
	float:left;
	margin-right:30px;
	display:inline;
	}

div.news-right {
	width:250px;
	float:left;
	display:inline;
	}
	
div.news p.read-more {
	text-align:right;
	}		
	
.box2 {
	background:url(../gfx/bg-box2.gif) repeat-y;
	width: 207px;
}

.box2-out {
	background:url(../gfx/bg-box2-bottom.gif) 0 bottom no-repeat;
}

.box2-in {
	background:url(../gfx/bg-box2-top.gif) no-repeat;
	padding: 15px;
}

div.logos_wrapper {
	text-align:center;
	}

div.logos {
	/*background:url(../gfx/brd-vertical-red.gif) repeat-y left top;*/
	margin:0 auto;
	padding-bottom:0px;
	}

ul.logos {
	text-align:center;
	/*background:url(../gfx/brd-vertical-red.gif) repeat-y right top;*/
	padding-bottom: 15px;
	margin-left: -15px;
	}

ul.logos li {
	display:inline;
	padding: 0;
	margin-left:7px;
	margin-right:7px;
	background: none;
	}	
	
.box-you-and-fun {
	height:115px;
	}	
	
.box1 h2, .box3 h2 {
	font-size:13px;
	color:#561638;	
	position:relative;
	top:-15px;
	}	
	
.box1 h3, .box3 h3 {
	color:#C95994;
	font-size:15px;
	position:relative;
	top:-13px;
	}	
	
.box1 p, .box3 p {
	position:relative;
	top:-6px;
	background:url(../gfx/brd-horizontal-red.gif) repeat-x left top;
	padding-top:10px;
	}	
	
.box1 p.read-more, .box3 p.read-more {
	background:none;
	padding-top:15px;
	}	
	
.box1 .fr, .box3 .fr {
	float:right;
	margin-left:5px;
	position:relative;
	}	

.box3 h2, .box3 h3, .box3 p {
	position: static;
}	

.box3 p {
	background: none;
}
	
fieldset.search {
	
}	
	
fieldset.search input {
	vertical-align: middle;
}	
	
.search input.text {
	background:#CCCCCC url(../gfx/bg-input-search.gif) no-repeat;;
	border:none;
	height:21px;
	width:199px;
	padding: 7px 4px 1px 4px;
	font-size: 12px;
	margin-bottom: 2px;
	}

#content h1 {
	font-size: 12px;
	margin-bottom: 20px;
	color: #008BCB;
}

.center {
	text-align: center;
}

.newLeftMenu ul {
	margin: 0;
}

.newLeftMenu li {
	background: none;
	padding: 0;
	display: inline;
}

.newLeftMenu li a {
	display: block;
	height: 23px;
	padding-top: 25px;
	text-align: center;
	background: #4EA2D1 url(../gfx/bg-newmenu.gif) no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #4C4C4C;	
}

.newLeftMenu li.oferta a {background-color: #77B4D8; background-position: 0 -54px;}
.newLeftMenu li.dokumenty a {background-color: #9FC9E1; background-position: 0 -109px;}
.newLeftMenu li.pomoc a {background-color: #B3D1E4; background-position: 0 -161px;}
.newLeftMenu li.mapa_serwisu a {background-color: #C0C0C0; background-position: 0 -214px;}
.newLeftMenu li.pod_reka a {background-color: #B2B2B2; background-position: 0 -266px;}

.newLeftMenu li a:hover {
	color: #4C4C4C;
}

.newLeftMenu ul ul a {
	background: #4EA2D1;
	font-weight: normal;
	height: 16px;
	padding-top: 4px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #000;
}

.newLeftMenu ul ul.oferta a {background: #77B4D8;}
.newLeftMenu ul ul.dokumenty a {background: #9FC9E1;}
.newLeftMenu ul ul.pomoc a {background: #B3D1E4;}
.newLeftMenu ul ul.mapa_serwisu a {background: #C0C0C0;}
.newLeftMenu ul ul.pod_reka a {background: #B2B2B2;}

.box3 {
	width: 148px;
	margin: 0 auto;
	background: url(../gfx/bg-box3.gif) repeat-y;
}

.box3-out {
	background:url(../gfx/bg-box3-bottom.gif) no-repeat left bottom;
}

.box3-in {
	background:url(../gfx/bg-box3-top.gif) no-repeat left top;
	padding: 10px;
}

ul.topButtons {
	position: relative;
	margin: 0 0 20px;
	height: 62px;
}

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

ul.topButtons a {
	display: block;
	width: 285px;
	height: 66px;
	background: url(../gfx/btn-aktywuj.gif) no-repeat;
}

ul.topButtons li.doladuj a {
	background-image: url(../gfx/btn-doladuj.gif);
	width: 294px;
	position: absolute;
	right: 5px;
	top: 0;
}

ul.topButtons a span {
	display: none;
}

.boxOut {
	background: #E2E2E2 url(../gfx/bg-box.gif) repeat-y;
	width: 558px;
	margin-bottom: 20px;
}

.box {
	background: transparent url(../gfx/bg-box-bottom.gif) 0 bottom no-repeat;
}

.boxIn {
	background: transparent url(../gfx/bg-box-top.gif) no-repeat;
	padding: 15px 25px;
	font-size: 12px;
}

.bottomNav {
	text-align: center;
	position: absolute;
	bottom: 15px;
	left: -30px;
	width: 100%;
}

.bottomNav ul {
	text-align: center;
	margin-bottom: 0;
}

.bottomNav ul li {
	display: inline;
	border-left: 1px solid #231F1E;
	padding: 0 0 0 6px;
	background: 0;
	font-size: 9px;
}

.bottomNav ul li.first {
	border: none;
	padding-left: 0;
}

.bottomNav ul a {
	color: #231F1E;
	font-size: 12px;
}

.banner-doladuj {
	margin-bottom: 20px;
}

#content .box h2 {
	text-align: center;
	color: #000;
	margin: 0 0 20px;
	font-size: 12px;
}

.box3 h2 {
	margin-bottom: 10px;
}

p#updDate {
	position: absolute;
	right: 75px;
	bottom: 15px;
	color: #fff;
}

ul.news {
	margin: 0;
}

ul.news li {
	background: none;
	padding: 0;
	margin: 0 0 15px 0;
}

#content ul.news p.dateTitle {
	margin-bottom: 8px;
}

.searchInside .buttonsearch {
	display: none;
}

p.sbar {
	margin-top: 15px;
}