/****************  MAIN STYLES **************/
*{
	margin:0;
	padding:0;
	font-family: Tahoma;
}
html{background: #000;}

body{
	background-color: #fff;
	font-size: 11px;
	color: #000;
	min-height: 100%;
}
a,a:visited,a:hover,a:active{
	color: #7c7c7c;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
ul,ol{
	padding-left: 40px;
}
.cleared{
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	display: block;
}
.semantic{
	border: none;
	padding: 0;
	margin: 0;
}

/**************** /MAIN STYLES **************/
#top{
	background: transparent url(img/long-left.gif) 50% 100% no-repeat;
	border-top: 2px solid #eb7008;
}
#top .content{
	width: 950px;
	margin: 0 auto;
	position: relative;
	height: 117px;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}
#logo2{
	height:67px;
	left: 245px;
	top:27px;
	position:absolute;
	width:216px;
	background: transparent url(img/logotypy.jpg) 0 0 no-repeat;
}
#sponsor{
	height: 51px;
	left: 558px;
	top:33px;
	position:absolute;
	width: 370px;
	background: transparent url(img/sponsor.png) 0 0 no-repeat;
}
#logo{
	height:63px;
	left:15px;
	top:33px;
	position:absolute;
	width:259px;
	background: transparent url(img/logo.gif) 0 0 no-repeat;
}
#search{
	padding-top: 10px;
	float: right;
	background: transparent url(img/search-bg.png) 0 0 no-repeat;
	float: right;
	padding-right: 11px;
}
#search .links{
	float: left;
	color: #d7d7d7;
	font-size: 11px;
	padding: 6px 16px 0 0;
}
#search .links a, #search .links a:visited, #search .links a:hover, #search .links a:active{
	color: #999;
	margin: 0 3px;
}
#search .links a:hover{
	color: #f8a359;
}
#search input.text{
	border: 0px none;
	color: #b2b2b2;
	padding: 1px;
	width: 139px;
	font-size: 11px;
	float: left;
	height: 14px;
	padding: 5px 5px;
	border-left: 2px solid #d0d0d0;
	margin-right: 3px;
	background: transparent url(img/search.gif) 0 50% repeat-x;
}
#search input.submit{
	width: 29px;
	height: 24px;
	float: left;
	border: none;
	background: transparent url(img/searchInp.gif) 0 50% no-repeat;
	cursor: pointer;
}
#menu{
	height: 47px;
	list-style-type: none;
	padding: 0;
	margin-left: -14px;
	float: left;
}
#menu ul{
	display: none;
	list-style-type: none;
	padding: 0;
	position: absolute;
	top: 47px;
	left: 0;
	width: 190px;
	padding: 5px 12px 2px 17px;
	background: transparent url(img/menu-multi.png) right bottom no-repeat;
	z-index: 1000;
}
#menu ul ul{
	left: 189px;
	top: -5px;
}
#menu li{
	float: left;
	height: 100%;
}
#menu li a, #menu li a:link, #menu li a:visited, #menu li a:hover, #menu li a:active{
	display: block;
	height: 34px;
	padding: 13px 27px 0;
	text-decoration: none;
	color: #000;
	font-size: 14px;
}
#menu li.multi a{
	background: transparent url(img/menu-multi-arrow.gif) 88% 22px no-repeat;
}
#menu li.selected a{
	color: #7f7f7f;
}
#menu li a:hover {
	color: #ee7b00;
}
#menu li.multi.selected a{
	background-position: 88% -26px;
}
#menu li.multi:hover{
	background: transparent url(img/menu-multi-selected.gif) 0 0 repeat-x;
	position: relative;
}
#menu li.multi:hover a{
	color: #fff;
	background-position: 88% -74px;
}
/*
#menu li.multi:hover ul{
	display: block;
}
*/
#menu li.multi:hover > ul, #menu ul li:hover ul{
	display: block;
}
#menu li.multi ul li{
	float: none;
	border-top: 1px solid #db7100;
	position: relative;
}
#menu li.multi ul li:first-child{
	border-top: none;
}
#menu li.multi ul li a,#menu li.multi ul li a:link, #menu li.multi ul li a:visited, #menu li.multi ul li a:hover, #menu li.multi ul li a:active{
	display: block;
	padding: 8px 10px;
	height: auto;
	font-size: 12px;
	color: #fff;
	background: transparent url(img/menu-multi-bullet.gif) 180px -53px no-repeat;
}
#menu li.multi ul li a:hover{
	background-position: 180px 13px;
	font-weight: bold;
}
#mid{
	background: transparent url(img/long-right.gif) 50% 100% no-repeat;
}
#mid .content{
	width: 950px;
	margin: 0 auto;
}
.mid-subpage .content{
	border-bottom: 1px solid #efefef;
}
#mid #baner{
	float: left;
	width: 702px;
	height: 267px;
	position: relative;
}
#mid #baner a{
	display: block;
}
#mid #baner a img{
	border: none;
}
#mid #baner .navigation{
	position: absolute;
	bottom: 7px;
	right: 10px;
} 
#mid #baner .navigation span.normalSlide{
	float: left;
	margin-right: 1px;
	cursor: pointer;
	height: 30px; 
}
#mid #baner .navigation span span{
	background: #003d83;
	float: left;
	text-align: center;
	color: #fff;
	font-size: 13px;
	width: 23px;
	height: 23px;
	line-height: 20px;
	border: 1px solid #a8cce8;
}
#mid #baner .navigation span strong{
	display: none;
	float: left;
	padding: 8px 5px 0;
	height: 22px;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	background: #003d83;
}
#mid #baner .navigation span.active span{
	/*padding-right: 11px; */
	font-weight: bold;
	background: #000c21;
}
/*#mid #baner .navigation span.active strong{
	display: block;
} 
#mid .baner{
	float: left;
	background: transparent url(img/baner.jpg) 0 0 no-repeat;
	width: 702px;
	height: 267px;
}
*/
#mid .side{
	width: 236px;
	float: right;
}
#mid .subpage-baner{
	float: left;
	height: 116px;
	width: 702px;
	background: transparent url(img/subpage-baner.jpg) 0 0 no-repeat;
}

#mid .subpage-baner-empty{
	float: left;
	height: 116px;
	width: 702px;
}

#mid a.kontakt-baner{
	float: right;
	position: relative;
	right: -7px;
	width: 243px;
	height: 115px;
	background: transparent url(img/kontakt-baner.jpg) 0 0 no-repeat;
}
#breadcrumbs{
	font-size: 11px;
	height: 31px;
	float: left;
	background: transparent url(img/breadcrumbs.gif) 0 0 repeat-x;
}
#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:hover, #breadcrumbs a:active{
	float: left;
	background: transparent url(img/bread-normal.png) right center no-repeat;
	padding: 9px 19px 0;
	height: 22px;
	color: #8f9192;
}
#breadcrumbs a:first-child{
	color: #a6a9aa;
}
#breadcrumbs a.last{
	background-image: url(img/bread-last.png);
}
#klienci h3{
	font-weight: normal;
	font-size: 15px;
	color: #fff;
	padding: 6px 0 7px 15px;
	width: 150px;
	height: 20px;
	background-color: #90a6b1;
}
#klienci .main{
	height: 111px;
/*	padding-top: 11px; */
	background: transparent url(img/klienci-bg.png) 0 0 repeat-x;
	position: relative;
}
#klienci .main h3{
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	padding: 2px 0 8px 130px;
	width: 106px;
	height: 11px;
	background: none;
}
#klienci .main h3 a{
	color: #f0f0f0;
}
#klienci .main h3 a:hover{
	color: #fff;
}
#klienci .left{
	position: absolute;
	width: 13px;
	height: 20px;
	top: 47px;
	left: 10px;
	background: transparent url(img/klienci-arrows.png) 0 0 no-repeat;
}
#klienci .right{
	position: absolute;
	width: 13px;
	height: 20px;
	top: 47px;
	right: 10px;
	background: transparent url(img/klienci-arrows.png) 100% 0 no-repeat;
}
#klienci .scroll{
	overflow: hidden;
	width: 160px;
	height: 87px;
	margin: 0 auto;
}
#klienci .scroll div{
	width: 2000px;
}
#mid .kontakt{
	padding: 12px 0 0 15px;
	background: transparent url(img/kontakt.jpg) 0 0 no-repeat;
	height: 110px
}
#mid .kontakt h3{
	font-weight: normal;
	font-size: 15px;
	color: #000;
}
#mid .kontakt div{
	position: relative;
	width: 172px;
	border-right: 1px solid #d3d5d6;
	padding-top: 1px;
	margin-top: 3px; 
}
#mid .kontakt div span{
	display: block;
	font-size: 11px;
	color: #6a6b6b;
	margin-top: 6px;
}
#mid .kontakt div strong{
	color: #000;
}
#mid .kontakt .envelope{
	position: absolute;
	top: 0;
	right: -55px;
	width: 54px;
	height: 78px;
	margin: 0;
	background: transparent url(img/envelope.png) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
}
#mid-bottom .content{
	width: 950px;
	padding: 18px 0 30px;
	margin: 0 auto;
}
#mid-bottom.mid-subpage .content{
	padding: 0 0 45px;
}
#mid-bottom .box{
	padding: 0 7px;
	width: 223px;
	float: left;
}
#mid-bottom .box h2{
	font-weight: normal;
	font-size: 20px;
	color: #000;
	margin-bottom:10px;
}
#mid-bottom .box p{
	font-size: 12px;
	font-weight: bold;
	color: #000;
	height: 60px;
}
#mid-bottom .box a, #mid-bottom .box a:visited, #mid-bottom .box a:hover, #mid-bottom .box a:active{
	color: #494949;
	text-decoration: none;
	display: block;
	padding-left: 15px;
	font-size: 12px;
	margin-bottom: 7px;
	background: transparent url(img/bullet.gif) 0 3px no-repeat;
}
#mid-bottom .box a:hover{
	color: #000;
}
#mid-bottom .links{
	clear: both;
	padding-top: 17px;
}
#mid-bottom .links div{
	float: left;
	padding: 0 3px 0 103px;
	width: 131px;
}
#mid-bottom .links a, #mid-bottom .links a:visited, #mid-bottom .links a:hover, #mid-bottom .links a:active{
	display: block;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 8px 28px 0 0;
	height: 21px;
	width: 103px;
	background: transparent url(img/wiecej.png) 0 0 no-repeat;
}
#mid-bottom .links a:hover{
	background-position: 0 -29px;
}
#foot{
	background-color: #000;
	padding: 1px 0 52px 0;
}
#foot .content{
	width: 950px;
	margin: 0 auto;
}
#foot .top{
	height: 51px;
	border-bottom: 1px solid #080808;
}
#foot .menu{
	height: 100%;
	list-style-type: none;
	padding: 0;
	float: left;
}
#foot .menu li{
	float: left;
	height: 100%;
}
#foot .menu li a, #foot .menu li a:visited, #foot .menu li a:hover, #foot .menu li a:active{
	display: block;
	height: 34px;
	padding: 17px 14px 0;
	color: #fff;
	font-size: 11px;
	background: transparent url(img/footer-separator.gif) 0 0 no-repeat;
}
#foot .menu li:first-child a{
	background: none;
}
#foot .menu li span{
	display: none;
}/*
#foot .menu li.selected2{
	position: relative;
}
#foot .menu li.selected2 span{
	display: block;
	position: absolute;
	left: 48%;
	bottom: -1px;
	background: transparent url(img/footer-selected.gif) 0 0 no-repeat;
	height: 4px;
	width: 5px;
}*/
#toTop{
	float: right;
	background: transparent url(img/to-top.gif) 0 0 no-repeat;
	height: 51px;
	width: 78px;
}
span#copyright{
	display: block;
	clear: both;
	color: #333333;
	font-size: 11px;
	padding: 17px 0 0 14px;
	float: left;
}
span#iso{
	display: block;
	color: #ffffff;
	font-size: 11px;
	padding: 17px 0 0 14px;
	float: right;
}



/*********** PODSTRONA ***********/
/********  First column *************/
#mid-bottom .tresc{
	width: 680px;
	padding: 0 10px 0 12px;
	float: left;
	font-size: 13px;
}
#mid-bottom .tresc .title{
	padding: 17px 0 20px 0;
}
#mid-bottom .tresc .title h1{
	color: #000;
	font-weight: normal;
	font-size: 23px;
	width: 650px;
}
#mid-bottom .tresc .title a.print{
	float: right;
	height: 15px;
	width: 16px;
	margin-top: 5px;
	background: transparent url(img/printer.gif) 0 0 no-repeat;
}
#mid-bottom .tresc p{
	line-height: 1.6em;
	text-align: justify;
	margin-bottom: 20px;
}
#mid-bottom .tresc h2{
	color: #000;
	font-weight: normal;
	font-size: 19px;
	padding-top: 5px;
	margin-bottom: 20px;
}
#mid-bottom .tresc ul{
	list-style-type: none;
	margin-bottom: 20px;
	padding: 0;
}
#mid-bottom .tresc ul li{
	margin-bottom: 8px;
	padding-left: 40px;
	background: transparent url(img/bullet.gif) 20px 3px no-repeat;
}
/*#mid-bottom .tresc ul li img{width:675px; height:334px;}*/
#mid-bottom .tresc ol{
	margin-bottom: 20px;
}
#mid-bottom .tresc ol li{
	margin-bottom: 8px;
}
#mid-bottom .tresc a.contactButton, #mid-bottom .tresc a.contactButton:visited,
#mid-bottom .tresc a.contactButton:hover, #mid-bottom .tresc a.contactButton:active{
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	float: right;
	background: transparent url(img/contact-button.png) 0 0 no-repeat;
	width: 148px;
	height:21px;
	padding:8px 28px 0 0;
	text-align:center;
}

/********  /First column *************/


/********  Second column *************/
#mid-bottom .submenu{
	float: right;
	list-style-type: none;
	padding: 0;
	width: 213px;
	padding: 3px 12px 7px;
	background: #ff7e0f url(img/submenu.gif) 0 100% repeat-x;
}
#mid-bottom .submenu li a, #mid-bottom .submenu li a:visited, #mid-bottom .submenu li a:hover, #mid-bottom .submenu li a:active{
	display: block;
	height: 21px;
	padding: 8px 14px 0px 4px;
	background: transparent url(img/menu-multi-bullet.gif) 199px -53px no-repeat;
	border-top: 1px solid #f38221;
	color: #fff;
	text-decoration: none;
}
#mid-bottom .submenu li:first-child a{
	border-top: none;
}
#mid-bottom .submenu li a:hover{
	background-position: 199px 13px;
	font-weight: bold;
}
/********  /Second column *************/
/*********** /PODSTRONA ***********/


/*********** /BANERY ***********/

/*********** /BANERY ***********/

#clients { width: 100%; margin-top: 5px; }
#clients p { background: url(img/h_nasi_klienci.jpg) no-repeat; width: 76px; height: 12px; display: block; text-indent: -9999px; margin-left: 12px; }
#clients ul { list-style-type: none; margin: 5px 0 0 0; padding: 0; }
#clients ul li { float: left; margin-right: 16px; width: 115px;}
#clients ul li img { border: 0; }
#clients ul li.last { margin: 0; width:25px; }

#clients_tmp { width: 100%; margin-top: 5px; }
#clients_tmp ul { list-style-type: none; margin: 0; padding: 0; }
#clients_tmp ul li { float: left; margin: 5px 10px 5px 10px !important; padding: 0 !important; background: none !important; width: 115px; height: 71px }

#footer_up { 
	background: transparent url(img/long-left.gif) top center no-repeat ;
}
#footer_up .content {
	margin:0 auto;
	/*padding:1px 0 30px;*/
	padding:1px 0 10px;
	width:950px;
	border-right: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
}

ul.sub-links {  }
ul.sub-links li { padding: 0 !important; background: none !important; }
ul.sub-links li a { display: block; background: transparent url(img/link.jpg) left center no-repeat; padding-left: 20px; line-height:17px; color: #000; font-weight: bold; }


/* =============================================================================================================================================================================== */

form.addC p {
margin-bottom: 10px !important;
}
form.addC p .desc {
color:#000000;
display:block;
float:left;
font-family:Tahoma,sans-serif;
font-size:12px;
padding:5px 5px 0 0;
text-align:right;
width:100px;
}
form.addC p input.input, form.addC p textarea.input, form.addC p select.input {
border-color:#e2e2e2;
border-style:solid;
border-width:1px;
color:#3a3a3a;
font-family:Tahoma,sans-serif;
font-size:12px;
padding:5px;
width:330px;
background: transparent url(img/search.gif) repeat-x scroll left top;
}
form.addC p textarea.input {
background: #eeeeee url(img/search2.gif) repeat-x scroll left top;
}
form.addC {
/*margin-left:100px;*/
/*margin-top:30px;*/
}
form.addC span {
color:#CC0000;
font-family:Arial,sans-serif;
font-size:11px;
margin-bottom:4px;
margin-top:4px;
padding-left:105px;
}
/* =============================================================================================================================================================================== */

#dowody_skutecznosci  { background: url(img/ds_bg.png) no-repeat; width: 236px; height: 134px; margin-bottom: 10px; position: relative; }
#dowody_skutecznosci h3  { font-size: 17px; color: #000; text-shadow: 1px 1px 0px #d1d7d9; padding: 9px 15px; }
#dowody_skutecznosci p  { padding: 0 5px 0 15px; line-height: 16px; }
#dowody_skutecznosci p a  {  text-shadow: 1px 1px 0px #d1d7d9; color: #1a1d1f; }
#dowody_skutecznosci p a:hover  {  text-decoration: underline; }
#dowody_skutecznosci .image  { width: 82px; height: 65px; background: url(img/ds_img.png) no-repeat; position: absolute; left: 185px; top: 40px; }


div.navi, span.navi { color: #2470a0; }
div.navi span.fr { color: #acaa99; }
div.navi select.sel { font-size: 11px; }
div.navi a, span.navi a { display: inline-block; background-color: #def0f4; border: 1px solid #8bc4e7; color: #2470a0; margin: 0 2px; padding: 2px 5px; font-weight: normal; }
div.navi a:hover, span.navi a:hover{ background-color: #9dcfef; border-color: #2470a0; text-decoration: none; }

div.navi a.stactive,span.navi a.stactive { color: #CC0000; border: 1px solid #CC0000;}

table.hosting{border-collapse:collapse; font-size:11px; font-family:Tahoma; width:677px;}
	table.hosting th{height:40px; text-align:center; font-size:14px; color:#000000; font-weight:bold; border-right:1px solid #E5E5E5; border-top:1px solid #E5E5E5;}
		table.hosting th.first{border-top:0;}
	table.hosting td{height:49px; text-align:center; border:1px solid #E5E5E5;}
		table.hosting td.bg{background: url(img/table-td-host.jpg) repeat-x 0 0; color:#CFCFCF; border:1px solid #252525;}
		table.hosting td.price{font-size:19px; font-family:Georgia; color:#BE0000; border:1px solid #E5E5E5;}
		table.hosting .standard{background-color:#FAFAFA; font-weight:bold;}
		table.hosting td.price-st{font-size:19px; font-family:Georgia; color:#BE0000; background-color:#FAFAFA;}
		
div.tip { border: 1px solid #fbe2bc; background: #fef7da url(img/tip.bg.jpg) no-repeat; padding: 6px 10px 10px; color: #7c5517; text-shadow: 1px 1px 1px solid #fff; margin-bottom: 20px; }
div.tip p { margin: 0!important; background: url(img/tip.ico2.png) no-repeat left center; padding: 14px 0 8px 43px; }
