*{
	margin:0px;
	padding:0px;
	outline: none;
}

html, body{
	height: 100%;
	background: white;
	font-family: "Tahoma","Verdana", "sans-serif";
	font-size: 11px;
	color: #303030;
}

a:link, a:visited{
	color: #303030;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a img{
	border: none;
}

h2{
	display: none;
}

#main{
	width: 862px;
	margin:0 auto;
}

#top{
	overflow: hidden;
}

#top_menu{
	height: 93px;
	overflow: hidden;
	border-bottom: solid 1px #efeef4;
}

h1{
	margin-top: 14px;
	width: 91px;
	float: left;
	margin-left: 34px;
}

#login_form{
	width: 440px;
	float: right;
	margin-top: 22px;
	margin-right: 5px;
}

#login_form label{
	font-weight: bold;
	color: #585858;
	margin-left: 20px;
}

#login, #password{
	width: 129px;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom:4px;
	margin-left: 10px;
	border-top: solid 1px #c4c4c4;
	border-right: solid 1px #f7f7f7;
	border-bottom: solid 1px #eeeeee;
	border-left: solid 1px #dbdbdb;
	font-size: 12px;
	color: #7f7f7f;
}

#login_submit{
	background: white;
	border: none;							/* Poprawidć dla IE 6.0 bo poszlo nizej */
	position: relative;
	top: 7px;
	left: -2px;
}

#login_links{
	clear: both;
	text-align: right;
	margin-right: 10px;
	position: relative;
	top: -12px;
}

#login_links li{
	list-style-type: none;
	display: inline;
}

#register_link{
	padding-left: 13px;
	background: url('/img/register.jpg') no-repeat left;
	color: #a1a1a1;
}

#forgot_link{
	padding-left: 13px;
	background: url('/img/forgot.jpg') no-repeat left;
	margin-left: 20px;
	color: #a1a1a1;
}

#poczta_link{
	padding-left: 13px;
	background: url('/img/forgot.jpg') no-repeat left;
	margin-left: 20px;
	color: #a1a1a1;
}

#top_menu_list{
	margin-top: 47px;
	text-align: right;
	margin-right: 15px;
}

#top_menu_list li{
	list-style-type: none;
	display: inline;
}

#top_menu_list li a:link, #top_menu_list li a:visited{
	font-weight: bold;
	text-decoration: underline;
	color: #616161;
	padding-left: 28px;
	padding-top: 7px;
	padding-bottom: 10px;
	margin-left: 17px;
}

#top_menu_list li a:hover{
	text-decoration: none;
}

#data_link{
	background: url('/img/top_menu_data.jpg') no-repeat left;
}

#payments_link{
	background: url('/img/top_menu_payments.jpg') no-repeat left;
}

#serwers_link{
	background: url('/img/top_menu_serwers.jpg') no-repeat left;
}

#poczta_subpage_link{
	background: url('/img/top_menu_serwers.jpg') no-repeat left;
}

#logout_link{
	background: url('/img/top_menu_logout.jpg') no-repeat left;
}

#main_menu{
	margin-top: 7px;
}

#main_menu.subpage{
	background: url('/img/subpage_top.jpg') no-repeat;
	height: 143px;
}

#main_menu.subpage h2{
	display: block;
	margin-top: 28px;
	margin-left: 25px;
	color: white;
	font-size: 28px;
	font-weight: normal;
}

#main_menu ul{
	overflow: hidden;
}

#main_menu ul.main li{
	list-style-type: none;
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	background: url('/img/menu_separator.jpg') no-repeat right;
	overflow: hidden;
}

#main_menu ul li.first a img{
	margin-bottom: 5px;
}

#main_menu ul li.last{
	background: white;
}

#firma_link{
	width: 63px;
	display: block;
	overflow: hidden;
	float: left;
}

#firma_link img{
	margin-left: 0px;
}

#firma_link:hover img{
	margin-left: -63px;
}

#oferta_link{
	width: 66px;
	display: block;
	overflow: hidden;
	float: left;
}

#oferta_link img{
	margin-left: 0px;
}

#oferta_link:hover img{
	margin-left: -66px;
}

#kontakt_link{
	width: 72px;
	display: block;
	overflow: hidden;
	float: left;
}

#kontakt_link img{
	margin-left: 0px;
}

#kontakt_link:hover img{
	margin-left: -72px;
}

#pomoc_link{
	width: 62px;
	display: block;
	overflow: hidden;
	float: left;
}

#pomoc_link img{
	margin-left: 0px;
}

#pomoc_link:hover img{
	margin-left: -62px;
}

#realizacje_link{
	width: 84px;
	display: block;
	overflow: hidden;
	float: left;
}

#realizacje_link img{
	margin-left: 0px;
}

#realizacje_link:hover img{
	margin-left: -84px;
}

#litle_main_menu{
	width: 180px;
	float: right;
	position: relative;
	top: -43px;
	left: 96px;
}

#litle_main_menu.subpage{
	top: -40px;
}

#litle_main_menu li{
	background: white;
	list-style-type: none;
	display: block;
	float: left;
	padding-right: 8px;
	padding-top: 10px;
	overflow: hidden;
	padding-left: 5px;
}

#top_content{
	height: 234px;
	background: url('/img/main_top.jpg') no-repeat;
}

#top_content a{
	position: relative;
	top: 193px;
	left: 460px;
}

#hosting{
	overflow: hidden;
}

#basic{
	width: 287px;
	height: 112px;
	padding-top: 47px;
	background: url('/img/webstart.jpg') no-repeat;
	float: left;
}

#standard{
	width: 291px;
	height: 112px;
	padding-top: 47px;
	background: url('/img/webplus.jpg') no-repeat;
	float: left;
}

#business{
	width: 284px;
	height: 112px;
	padding-top: 47px;
	background: url('/img/webekstra.jpg') no-repeat;
	float: left;
}

#basic li, #standard li, #business li{
	margin-left: 103px;
	border-bottom: solid 1px #de9700;
	color: #412300;
	padding-bottom: 10px;
	margin-top: 11px;
	margin-right: 5px;
}

#basic li.last, #standard li.last, #business li.last{
	border: none;
}

#content{
	overflow: hidden;
	margin-top: 24px;
}

#news{
	width: 578px;
	float: left;
	overflow: hidden;
	border-right: solid 1px #c7c7c7;
}

.news_left{
	width: 286px;
	float: left;
}

.news_right{
	width: 286px;
	float: right;
}

.news_left h3{
	color: #a1a1a1;
	font-size: 11px;
	font-weight: normal;
	margin-left: 12px;
	margin-bottom: 13px;
}

.news_left p{
	line-height: 23px;
	margin-left: 12px;
}

.news_right h3{
	color: #a1a1a1;
	font-size: 11px;
	font-weight: normal;
	margin-left: 21px;
	margin-bottom: 13px;
}

.news_right p{
	line-height: 23px;
	margin-left: 21px;
}

.news_bottom h3{
	margin-top: 13px;
}

#about{
	width: 283px;
	float: right;
}

#about h2{
	display: block;
	margin-left: 15px;
}

#about p{
	margin-left: 15px;
	text-align: justify;
	line-height: 20px;
	color: #5e5e5e;
	margin-top: 5px;
}

#about p.about_more{
	text-align: right;
	margin-right: 12px;
	margin-top: 5px;
}

#bottom{
	margin-top: 33px;
	padding-bottom: 20px;
	border-top: solid 1px #c7c7c7;
	overflow: hidden;
}

#middle{
	overflow: hidden;
}

#copyrights{
	width: 350px;
	float: left;
	margin-left: 8px;
	margin-top: 25px;
	color: #666666;
}

#designed{
	width: 150px;
	float: right;
	text-align: right;
	margin-top: 25px;
	margin-right: 14px;
	color: #666666;
}

#designed a{
	color: #666666;
}

#sidebar{
	width: 220px;
	margin-top: 14px;
	float: left;
	overflow: hidden;
}

#sidebar ul{
	margin-left: 12px;
	margin-right: 8px;
}

#sidebar ul li {
	list-style-type: none;
	border-bottom: solid 1px #c7c7c7;
}

#sidebar ul li.last {
	border: none;
}

#sidebar ul li a{
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 21px;
	background: url('/img/sidebar_list.jpg') no-repeat left;
}

#sidebar ul li a:hover{
	text-decoration: none;
	background: #cccccc;
}

#container{
	width: 641px;
	float: right;
	border-left: solid 1px #c7c7c7;
	overflow: hidden;
	margin-top: 7px;
}

#container p{
	margin-left: 17px;
	margin-right: 7px;
	line-height: 23px;
	text-align: justify;
	margin-bottom: 18px;
}

#container p.important{
	font-weight: bold;
}

#container p a:link, #container p a:visited{
	text-decoration: underline;
}

#container p a:hover{
	text-decoration: none;
}

#container h2{
	display: block;
	font-size: 12px;
	margin-left: 14px;
	border-bottom: solid 1px #c7c7c7;
	padding-left: 4px;
	padding-bottom: 16px;
	margin-top: 7px;
	margin-bottom: 10px;
	color: black;
}

#container h3{
	display: block;
	font-size: 12px;
	margin-left: 14px;
	padding-left: 4px;
	padding-bottom: 16px;
	margin-top: 7px;
	margin-bottom: 10px;
	color: black;
}

#container li { padding: 5px 15px 5px 15px; line-height: 23px; }

#change_size{
	display: inline;
	float: right;
	margin-right: 9px;
	margin-top: 4px;
}

#change_size li{
	list-style-type: none;
	display: inline;

}

#change_size li a:hover{
	text-decoration: none;
}

#small_size{
	color: #a3a3a3;
	font-size: 11px;
	padding-bottom: 1px;
	border-bottom: solid 1px #a3a3a3;
	margin-left: 2px;
	margin-right: 2px;
}

#medium_size{
	color: #a3a3a3;
	font-size:13px;
	border-bottom: solid 1px #a3a3a3;
	margin-left: 2px;
	margin-right: 2px;
}

#large_size{
	color: #a3a3a3;
	font-size:14px;
	border-bottom: solid 1px #a3a3a3;
	margin-left: 2px;
	margin-right: 2px;
}



/* Formularz */

.contactForm{
	margin-left: 50px;
}

.contactForm div{
	overflow: hidden;
	margin-bottom: 6px;
}

.contactForm input{
	border: solid 1px #cad5d1;
	width: 291px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 6px;
	font-family: "Tahoma", "Verdana", "sans-serif";
	font-size: 12px;
	color: #8a8a8c;
}

.contactForm label{
	color: #212c6c;
	font-weight: bold;
	display: block;
	width: 160px;
	float: left;
	margin-top: 7px;
}

.contactForm label span { color: red; }

.contactForm textarea{
	border: solid 1px #cad5d1;
	width: 291px;
	height: 144px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 6px;
	font-family: "Tahoma","Verdana", "sans-serif";
	font-size: 12px;
	color: #8a8a8c;
}

.formError{
	position: relative;
	left: 147px;
	width: 240px;
	font-size: 10px;
	color: red;
}

.formSend{
	border:0px;
	background: white;
	position: relative;
	left: 410px;
}

/* Koniec formularza */

/* Komunikaty, ze ok i ze nie ok */

.info_ok{
	border: solid 1px #c9d5d1;
	margin-left: 25px;
	margin-right: 25px;
	padding-top: 0px;
	padding-bottom: 20px;
	overflow: hidden;
	text-align:center;
	color: #377c07;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

.info_bad{
	border: solid 1px #c9d5d1;
	margin-left: 25px;
	margin-right: 25px;
	padding-top: 0px;
	padding-bottom: 20px;
	overflow: hidden;
	text-align:center;
	color: red;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}



.info_ok img, .info_bad img{
	position: relative;
	top: 10px;
	margin-right: 15px;
}

/* koniec komunikatow */

/* tabelka */

table{
	margin-left: 15px;
	border-collapse: collapse;
	color: #555658;
}

th{
	color: #222c71;
	height: 32px;
	background: url('/img/th_background.jpg') repeat-x;
	border: solid 1px #cad5d1;
}

th#uslugi{ width: 250px; }

th#faktury{ width: 160px; }

th#terminy{ width: 160px; }

th#lp{ 	width: 52px; }



td{
	border: solid 1px #cad5d1;
	#text-align: center;
	padding: 5px;
	height:31px;
}

tr.dark{
	background: #eaf4f6;
}

/* koniec tabelki */

.subh
{
	margin: 15px 0 15px 0;
	padding: 5px;
	border-bottom: 1px solid #A3B1B1;
	background-color: #DFDFDF;
}


