html {background: #525252; }

body {font-family: Tahoma, Verdana, Arial; background: #EFF3F6 url(images/menu_bcg.jpg) repeat-x center top; min-width: 960px; color: #656565;}

#container {width: 960px; margin: 0 auto; z-index: 2; overflow: hidden; height: auto; position: relative;}
a#logo {width: 350px; height: 162px; overflow: hidden; float: left; display: block;}

h2#info_top {text-indent: -9999px; position: absolute;}

form#top_form { float: left; width: 410px; height: 147px; background: url(images/map.jpg) no-repeat left top; font-size: 11px; color: #525252; padding-left: 200px; padding-top: 15px; position: relative;}

fieldset#login, fieldset#pass {display: block; width: 150px; float: left; padding-left: 5px; }

fieldset#login input, fieldset#pass input {margin-top: 5px; border: 1px solid #C5C7C7; width: 142px; background: #fff; font-size: 11px; color: #C5C7C7; padding: 5px 4px; height: 14px;}

form#top_form legend {font-weight: bold; position: relative;}

form#top_form #login_s {background: #494949 url(images/button_01.jpg); border: 1px solid #434343; color: #F9FAFB; font-size: 11px; padding: 4px 15px; position: absolute; right: 20px; top: 31px; width: 65px; zoom: 1;}

form#top_form div {display: block; clear: both; padding-top: 5px; padding-left: 5px; color: #a1a1a1; letter-spacing: 0.6px; zoom: 1;}

a.remind {color: #a1a1a1; text-decoration: none;}
a.reg {color: #87D639; text-decoration: underline;}  

div#main_menu {width: 960px; height: 46px; background: url(images/menu.jpg) no-repeat left top; display: block; clear: both;}

div#main_menu ul {float: right; right: 75px; margin-top: 10px; position: relative}

div#main_menu ul li {display: block; float: left; padding: 0 10px;}

div#main_menu ul li a {font-size: 11px; font-weight: bold; display: block; padding: 5px 0; color: #4A4A4A; text-decoration: none; margin: 0 5px;}

div#main_menu ul li a.act {border-bottom: 4px solid #8AE530 !important;}
div#main_menu ul li a:hover {border-bottom: 4px solid #D1D1D1;}

div#content {background: #EFF3F6; font-size: 12px; line-height: 150%; padding-top: 15px;}

div#content h2 {margin: 1px; padding-left: 15px; background: url(images/dot_01.jpg) no-repeat left center; font-size: 14px;}

div#col-1 {width: 212px; height: auto; overflow: hidden; float: left;}
div#col-2 {margin-left: 10px; width: 200px; height: auto; overflow: hidden; float: left;}
div#col-3 {margin-left: 10px; width: 518px; height: auto; overflow: hidden; float: left;}
div#col-4 {margin-left: 10px; width: 518px; height: auto; overflow: hidden; float: left;}
div#right-full {margin-left: 10px; padding-left: 3px; width: 734px; min-height:500px; height: auto; overflow: hidden; float: left;}
div#footer {background: #525252 url(images/footer.jpg) repeat-x center top; height: 75px; text-align: right; color: #fff; font-size: 10px;}



h3 {font-size: 14px; text-transform: uppercase; color: #4A4A4A;}

h4 {margin: 1px; padding-left: 15px; background: url(images/dot_01.jpg) no-repeat left center; font-size: 11px;}

input.loc {float: left; border: 1px solid #C5C7C7; background: #fff; color: #C5C7C7; font-size: 11px; padding: 4px; width: 125px; display: block; margin-right: 5px;}

.submit_01 {background: #77D21D url(images/button_02.jpg) center center; border: 1px solid #77D21D; color: #F9FAFB; font-size: 11px; padding: 3px 15px; width: 65px; zoom: 1; display: block; height: 23px;}

ul#left_menu {
	background: #FBFBFD url(images/menu.jpg) no-repeat -100px bottom;
	border-top: 4px solid #525252;
	padding-bottom: 5px;
}

ul#left_menu li a {
	display: block;
	text-decoration: none;
	padding: 3px 6px;
	color: #444;
	font-weight: bold;
	zoom: 1;
}
	
ul#left_menu li ul li {font-size: 11px; padding-left: 15px;}
	
ul#left_menu li a:hover {
	text-decoration: underline;
	color: #000;
	}
	
ul#left_menu li a.act {
	text-decoration: underline;
	padding-left: 10px;
	}

#free-acc {display: block; margin-top: 25px; text-align: center; background: #525252; line-height: 150%;padding: 15px 15px 0 15px;}
#free-acc span {display: block; padding-bottom: 15px;}

#free-acc1 {display: block; margin-top: 25px; text-align: center; background: #525252; line-height: 150%;padding: 15px 15px 0 15px;}
#free-acc1 span {display: block; padding-bottom: 15px;}


#partnerzy {margin-top: 25px;}
#partnerzy h3 {padding: 5px 0;}
#partnerzy ul li {width: 70px; height: 70px; display: block; float: left; text-align: center;}

ul#news li {margin-top: 5px; display: block; clear: both; font-size: 11px; line-height: 15px;}
ul#news li span.time {display: block; color: #7AD321; letter-spacing: 1px; font-weight: bold;}
ul#news li a.more {display: block; text-align: right; color: #4E78B5; letter-spacing: 0.8px; font-weight: bold; text-decoration: none; margin-top: 5px;}
ul#news li a.more:hover {text-decoration: underline;}

#col-3 p, #col-4 p, #col-5 p {font-size: 11px; margin-bottom: 10px; text-indent: 30px; line-height: 16px;}

p.info {font-size: 11px; margin-bottom: 10px; text-indent: 0 !important; line-height: 16px;}

form#remind_pass {width: 300px; float: left;}

form#remind_pass div {display: block; margin-bottom: 5px;}

form#remind_pass label.zew {float: left; display: block; width: 130px; text-align: right; padding-right: 20px; padding-top: 3px;}

form#remind_pass input, form#remind_pass img {border: 1px solid #C5C7C7; background: #fff; color: #5A5A5A; font-size: 11px; padding: 4px; width: 125px; display: block;}

form#remind_pass .submit {background: #494949 url(images/button_01.jpg); border: 1px solid #434343; color: #F9FAFB; font-size: 11px; padding: 4px 15px; width: 66px; zoom: 1; position: relative; left: 150px;}

div#info_d {width: 215px; float: left; font-size: 11px; line-height: 16px;}


form#register_form {width: 518px; float: left;}

form#register_form label.zew {float: left; display: block; width: 130px; text-align: right; padding-right: 20px; padding-top: 3px;}

form#register_form div {display: block; margin-bottom: 5px;}

form#register_form div input, form#register_form div img {border: 1px solid #C5C7C7; background: #fff; color: #5A5A5A; font-size: 11px; padding: 4px; width: 125px; display: block;}

form#register_form .submit {background: #494949 url(images/button_01.jpg); border: 1px solid #434343; color: #F9FAFB; font-size: 11px; padding: 4px 15px; width: 66px; zoom: 1; position: relative; left: 150px;}

div#footer div {margin: 0 auto; width: 960px; padding-top: 60px;}
div#footer div a {color: #fff; text-decoration: none; font-weight: bold;}

table.table_01 {
	width: 100%;
	margin-top: 5px;
	border: 1px solid #E3E5EA;
	}
	
table.table_01 th {background: #E3E5EA; padding: 3px; border-bottom: 1px solid #656565;}
table.table_01 td {background: #EFF3F6; padding: 3px; border-bottom: 1px solid #E3E5EA; text-align: center; vertical-align: middle;}
table.table_01 td.opts {width: 90px;}
table.table_01 td img {vertical-align: middle;}

table.table_01 tr.hover td {background: #fff;}


table.table_02 {
	width: 100%;
	margin-top: 5px;
	border: 2px solid #E3E5EA;
	}

table.table_02 th {background: #E3E5EA; padding: 3px; border-bottom: 2px solid #656565;}
table.table_02 td {background: #EFF3F6; padding: 3px; border-bottom: 2px solid #E3E5EA; text-align: left; vertical-align: middle;}
table.table_02 td.opts {width: 90px;}
table.table_02 td img {vertical-align: middle;}
table.table_02 tr.hover td {background: #fff;}


table.table_03 {
	width: 100%;
	margin-top: 5px;
	border: 2px solid #E3E5EA;
	}

table.table_03 th {background: #E3E5EA; padding: 3px; border-bottom: 2px solid #656565;}
table.table_03 td {background: #EFF3F6; padding: 3px; border-bottom: 2px solid #E3E5EA; text-align: left; vertical-align: middle;}
table.table_03 td.opts {width: 90px;}
table.table_03 td img {vertical-align: middle;}
table.table_03 tr.hover td {background: #fff;}



.button_01 {background: #77D21D url(images/button_02.jpg) center center; border: 1px solid #77D21D; color: #F9FAFB; font-size: 12px; padding: 1px 15px; width: 120px; display: block; height: 20px; text-decoration: none; text-align: center;}

form#monit_form {width: 450px; float: left;}

form#monit_form div {display: block; margin-bottom: 5px;}

form#monit_form label.zew {float: left; display: block; width: 200px; text-align: right; padding-right: 20px; padding-top: 3px;}

form#monit_form input {border: 1px solid #C5C7C7; background: #fff; color: #5A5A5A; font-size: 11px; padding: 4px; width: 195px; display: block;}

form#monit_form select {border: 1px solid #C5C7C7; background: #fff; color: #5A5A5A; font-size: 11px; padding: 4px; width: 205px; display: block;}

form#monit_form textarea {border: 1px solid #C5C7C7; background: #fff; color: #5A5A5A; font-size: 11px; padding: 4px; width: 205px; display: block; font-family: Tahoma, Verdana, Arial;}

form#monit_form select.mails {float: left; margin-right: 15px;}

form#monit_form .submit {background: #494949 url(images/button_01.jpg); border: 1px solid #434343; color: #F9FAFB; font-size: 11px; padding: 4px 15px; width: 66px; zoom: 1; position: relative; left: 220px; margin-top: 20px;}

label.nag {text-align: center; display: block; font-weight: bold; margin: 15px 0 5px;}

fieldset.top_margin {margin-top: 15px;}

div.float_left {float: left; width: 225px;}

.info_frame {position: absolute; width: 500px; left: 50%; top: 0; margin-left: -265px; background: #fff; padding: 15px; border: 3px double #77D21D;}

#ostatnie_akcje {line-height: 200%;}
#ostatnie_akcje li a {color: #4B4B4B;}

#kontakt_dane {width: 400px; font-size: 11px; margin-left: 50px; overflow: hidden; float: left;}
#kontakt_mail {width: 350px; font-size: 12px; margin-left: 500px; margin-top: 50px; overflow: hidden;}

#wspolpraca_tresc {width: 500px; font-size: 11px; margin-left: 50px; overflow: hidden; float: left;}
#wspolpraca_kody {width: 350px; font-size: 12px; margin-left: 0px; margin-top: 0px; overflow: hidden;}

div#pingRes {font-size:11px; border: 1px solid #C5C7C7; background: #fff; width: 600px}
div#tracerouteRes {font-size:11px; border: 1px solid #C5C7C7; background: #fff; width: 600px}
div#digRes {font-size:11px; border: 1px solid #C5C7C7; background: #fff; width: 600px}






/* STYLE dla monity - novem */
div#ostabelka{
float: left;
width: 534px;
}
div#ostitle{
	width: 534px;
	height: 53px;
	float: left;
	background: url(img/os_bg.gif) repeat-x top #fbfbfd;
}
div#ostitle h5{
	padding: 16px 0 0  20px;
	margin: 0;
	font-size: 24px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #474747;
}
div#ostitle img{
	margin: -7px 0 0 16px;
}

div#osform{
	padding:  13px 20px 0 20px;
	width: 494px;
	float: left;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fbfbfd;
	color: #444444;
}
div#osform ul{
	padding: 0;
	margin: 0 0 35px 28px;
	float: left;
	list-style-image: url(img/os_arrow.gif);
}
div#osform  .inptext{
	border-style: solid;
	border-color: #8c8c8c;
	border-width: 1px;
	width: 128px;
	height: 19px;
	margin: 0 18px 0 10px;
}

div#osform .checkbtn{
	border-color: #3b3b3b;
	float: left;
	background-color: #FFFFFF;
	margin: 0 5px 0 0;
}
div#osform ul li{
	margin-top: 10px; 
	padding: 0 0 0 10px;
	
	text-align: left;
}
div#osform ul li span{
	font-weight: bold;
}
div#osform a, div#osdol a{
	text-decoration: underline;
	color: #e85810;
	padding: 0 10px 0 0;
	font-weight: normal;
	font-size: 12px;
	background: url(img/a_bg.gif) bottom right no-repeat;
}
div#osform a:hover, div#osdol a:hover{
	color: #c14508;
}
div#osdol{
	padding:  0 20px 0 20px;
	width: 494px;
	height: 42px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background: url(img/osdol_bg.gif) top no-repeat;
}

/* bloczek novem */


div#bloczek, div#bgora, div#bsrodek, div#bdol{
float: left;
width: 213px;
}
div#bdol{
height: 33px;
background: url(img/bdol.gif) top no-repeat #fbfbfd;
}
div#bgora{
height: 33px;
background: url(img/bgora.gif) top no-repeat #fbfbfd;
}
div#bsrodek{
font-family: Arial;
font-size: 12px;
font-weight: bold;
background: url(img/bsrodek_bg.gif) left bottom no-repeat #fbfbfd;
color: #fd6a02;
}
div#bsrodek a{
	
	margin-left: 95px;
}
div#bsrodek p{
	padding: 0;
	margin: 3px 0 40px 20px;
}
div#bsrodek a{
	text-decoration: none;
}
div#bsrodek img{
	border: none;
}


/* panel strona informacyjna */

div.gorapo{
	width: 738px;
	float: left;
	background: url(img/gorapo_bg.gif) repeat-y top;
}
div#podstronakontener a{
	color: #018705;
	text-decoration:  none;
}
div#podstronakontener a:hover{
	color: #005703;
}
div#podstronakontener{
	width: 738px;
	float: left;
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
}
div#podstronakontener h6{
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #525252;
}
.pokno{
	background-color: #fbfbfd;
	border-style: solid;
	border-width: 3px 0 0 0;
	border-color: #525252;
	padding: 6px;
}
div#aktualnosci{
	width: 461px;
	float: left;
}
div#aktualnosci ul, div#pakiet ul, .lastip ul, div#ostatnie ul{
	margin: 5px 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
	color: #525252;
}
div#pakiet ul{
	margin-bottom: 10px;
}
div#aktualnosci ul li, div#pakiet ul li, .lastip ul li, div#ostatnie ul li{
	padding: 0 5px 1px 0;
	margin: 5px 0 0 0;
	border-style: dashed;
	border-width: 0 0 1px 0;
	border-color: #e1dada;
}
div#ostatnie ul li{
	padding: 3px 0 5px 0;
	margin: 0;
	font-size: 12px;
}
div#ostatnie ul li img{
	margin: 0 5px -4px 0;
	
}
.lastip ul li{
	border: none;
}
div#aktualnosci span, .lastip span{
	font-size: 10px;
	color: #a09e9e;
}
div.zobaczjak{
	margin: 5px 0 15px 0;
	float: left;
}
div.zobaczjaktekst .obraz{
	float: right;
	width: 65px;
	height: 77px;
	margin: 0 10px;
	
}
div.zobaczjak p, div#pakiet p{
	margin: 0;
	padding: 0;
	text-align: right;
}
div#pakiet p{
	margin: 0 0 5px 0;
}
div.zobaczjak a, div#pakiet a{
	padding: 0 10px 0 0;
	background: url(img/pa_bg.gif) right no-repeat;
}
div.zobaczjaktekst{
	float: left;
	width: 460px;
}
div#pakiet{
	width: 231px;
	margin: 0 0 0 7px;
	float: left;
}
div#ostatnie{
	width: 719px;
	margin: 7px 0 0 0;
	float: left;
}




#boxes ul, #boxes li {
    list-style: none;
    }
#boxes li {
    float: left;
    padding: 4px 0 0 4px;
    margin: 0 8px 8px 0;
    position: relative;
    width: 163px;
    height: 163px;
    }
#boxes .last { margin-right: 0; }
#boxes a {
    text-decoration: none;
    }
#boxes a span { position: absolute; top: 5px; right: 12px; color: #fff; font-size: 11px; font-weight: bold; line-height: 14px; text-align: right; }
#boxes a div {
    position: absolute;
    top: 0;
    left: 0;
    width: 163px;
    height: 163px;
    background: url( img/frame_set.png ) no-repeat top;
    overflow: hidden;
    }
#boxes a:hover div {
    background-position: bottom;
    }