/* Projekt i wykonanie: JARKOM - www.jarkom.pl
--------------------------------------------------------- */

body{margin:0; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.7em; color:#2E3B48; background:#EFF3F5;}

h1{margin:0; padding:6px 0 8px 27px; line-height:32px; background:url(/images/bg-h1.gif) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; height:34px;}
	h1.title01{background:url(/images/bg-h1-title01.gif) no-repeat left top;}
	h1.title03{background:url(/images/bg-h1-title03.gif) no-repeat left top;}

h2{margin:0; padding:15px 0 5px; font-size:19px; font-weight:normal; color:#007BB7}

a{color:#007BB7; text-decoration:underline;}
a:hover{color:#C70000;}

p{padding:12px 0; margin:0;}

form{display:inline;}
form input, form select, form textarea{font-family:Arial, Helvetica, sans-serif;}

img{border:0;}


/* Szablon strony
------------------------------------------------*/

#wrapper{background:url(/images/bg.jpg) repeat-y center top;}
	#wrapper2{margin:0 auto; padding-bottom:20px; width:980px; text-align:left;}
	#wrapper3{margin:0 auto; padding-bottom:20px; width:940px; text-align:left;}

#breadcrumbs{font-size:12px;}
	#breadcrumbs a{text-decoration:none; border-bottom:1px solid #A1CEE4;}
	#breadcrumbs a:hover{border-bottom:1px solid #C70000;}
	#breadcrumbs a, #breadcrumbs span{margin:0 3px;}

#content-wrapper{float:left; margin:40px 0 20px -1px; padding:0 0 0 30px; width:659px; border-left:1px solid #D5DBE1}
	.content{margin:30px 0 20px 30px; font-size:15px;}
	.content.portfolio{margin-top:20px;}

.button01{display:block; width:106px; height:24px; text-align:center; background:url(/images/button01.gif) no-repeat center top; color:#FFF; text-decoration:none; border:0;}
	.button01:hover{background:url(/images/button01-up.gif) no-repeat center top; color:#FFF;}

.button02{width:132px; background:url(/images/button02.gif) no-repeat center top;}
	.button02:hover{background:url(/images/button02-up.gif) no-repeat center top;}

.clear{clear:both;}


/* Nag��wek
------------------------------------------------*/
#header_print{display:none;}

#header-wrapper{padding:0 5px; background:url(/images/bg.jpg) repeat-y center top;}
	#header{position:relative; top:0; margin:0 auto; width:980px; height:258px; text-align:left;}

		#logo{position:absolute; z-index:1; margin-top:29px; margin-left:20px}
		#header-graphic{position:absolute; z-index:0; top:0; left:0;}

		#menutop{float:right; margin-top:26px; width:326px; height:205px; background:url(/images/bg-menu.jpg) no-repeat center top;}
			ul.menu{list-style:none; margin:23px 0 0; padding:0;}
				ul.menu li{float:left; width:163px; height:42px; margin:0 0 11px; padding:0;}
				ul.menu li a{display:block; margin:0 8px 0 23px; padding:11px 15px; border:1px solid #4B6076; color:#FFF; background-color:#364454;}
				ul.menu li a:hover{background-color:#4B6076; border:1px solid #4B6076; color:#FFF;}
					ul.menu li.menur a{margin:0 23px 0 8px;}
						ul.menu li a.active, ul.menu li a.active:hover{margin:0 8px 0 0; padding:12px 15px 12px 38px; border:0; background:none; background-image:url(/images/menu-active.gif); background-position:right top; background-repeat:no-repeat;}
							ul.menu li.menur a.active, ul.menu li.menur a.active:hover{margin:0 0 0 8px; padding:12px 38px 12px 15px; background-position:left;}


/* Menu boczne
------------------------------------------------*/
#left-wrapper{float:left; width:250px; margin:40px 0 20px 0; border-right:1px solid #D5DBE1}
	#left{margin:0 20px 0 0;}
	ul.submenu{list-style:none; margin:0 0 40px 21px; padding:0; line-height:18px; font-size:12px;}
		ul.submenu li{margin:9px 0 0}
			ul.submenu li a{color:#2E3B48; text-decoration:none; border-bottom:1px solid #ABBDD1;}
			ul.submenu li a:hover{color:#C70000; border-bottom:1px solid #C70000;}
			ul.submenu li a.active{color:#007BB7; border:0; font-weight:bold;}

			ul.submenu.m3a li a.active{color:#1F4D83;}
			ul.submenu.m3c li a.active{color:#008CCF;}

			ul.submenu.ask{margin-top:55px;}

	.submenu-title{padding-bottom:10px; font-size:17px; font-weight:bold;}

	#left .offer-title img{margin:10px 0 6px;}


/* Strona g��wna
------------------------------------------------*/
#wrapper-offer{margin-bottom:22px; padding:25px 0; background:url(/images/bg-index.jpg) no-repeat bottom #EFF3F5;}
	#offer{margin:0 auto; width:980px; text-align:left;}
		.offer-box{float:left; padding-left:20px; width:306px;}
			.offer-box ul{list-style:none; margin:10px 0 0 27px; padding:0;}
				.offer-box ul li{margin-bottom:4px;}
					.offer-box ul li a{color:#2E3B48; text-decoration:none; border-bottom:1px solid #ABBDD1;}
					.offer-box ul li a:hover{color:#C70000; border-bottom:1px solid #C70000;}

.shops-box{float:left; padding:30px 24px 0 47px; width:255px;}
	.shops-title { margin-top:30px; }
	.shops-box ul { list-style:none; margin:0; padding:0; }
		.shops-box ul li { margin-bottom:2px; }
			.shops-box ul li a { display:block; padding:4px 15px; text-decoration:none; font-weight:bold; background:url(/images/bg-shops.gif) left top no-repeat; color:#2E3B48; }	
			.shops-box ul li a:hover { background-position:0 -32px; color:#C00; }
			
			.shops-box .button01 { display:block; float:right; width:132px; margin:10px 2px 0 0; background:url(/images/button02.gif); }
			.shops-box .button01:hover { background:url(/images/button02-up.gif); }

.projects-box{float:left; padding:30px 24px 0 47px; width:255px; height:390px; background:url(/images/bg-projects.jpg) no-repeat 5px top;}
	.projects-title img, .news-title img{margin:30px 0 10px;}
	.projects-screen img{width:255px; height:180px;}
	.projects-link, .news-link{margin:10px 0;}
		.projects-link a, .news-link a{color:#2E3B48; text-decoration:none; border-bottom:1px solid #ABBDD1;}
		.projects-link a:hover, .news-link a:hover{color:#C70000; border-bottom:1px solid #C70000;}
			.projects-link a span, .news-link a span{font-weight:bold;}
	.projects-box .button01, .news-box .button01{float:right;}

.advertise-box{float:left; padding:30px 0 0 20px;}


/* Nasze projekty
------------------------------------------------*/
.project-title{margin-left:30px; margin-top:-6px;}
.project-screen{float:left; padding:64px 45px 50px 36px; margin-top:10px; width:290px; height:205px; background:url(/images/bg-projects2.jpg) no-repeat left top}

.project-table{float:left; margin:35px 0 20px; padding:3px 15px; width:190px; border:1px solid #D5DBE1;}
	.project-table table{width:100%}
	.project-table td{padding:4px; border-top: 1px solid #D5DBE1;}
		.project-table tr.first td{border:0;}
		.project-table td.col{text-align:right;}

.project-technologies{margin-bottom:20px; font-size:12px;}
	.project-technologies span{font-weight:bold;}

.project-link{float:left;}


.portfolio-list{margin-top:40px;}
	.portfolio-box{float:left; width:303px; height:310px; padding-left:20px; margin:0;}

	.portfolio-box .portfolio-screen{padding:8px 0; margin-bottom:3px; text-align:center; border:1px solid #D5DBE1;}
	.portfolio-box .portfolio-screen img{width:290px; }

	.portfolio-box .portfolio-link a{text-decoration:none; border-bottom:1px solid #A1CEE4;}
	.portfolio-box .portfolio-link a:hover{border-bottom:1px solid #C70000;}


/* Formularze
------------------------------------------------*/
.error{padding:5px 15px; margin:0 0 30px; font-weight:bold; font-size:13px; color:#C70000; border:1px solid #FF9900;}


.form div{clear:left; margin-top:5px; font-size:13px;}
	.form div label{float:left; margin-top:2px;}

.form01 div label{width:180px;}
.form01 div input, .form01 div textarea, .form01 div select{width:200px;}
.form01 div input.button01{width:106px; font-weight:bold;}
.form01 p{font-size:12px;}




/* Stopka
------------------------------------------------*/
#footer{margin:0 auto; padding:20px 0; width:940px; text-align:left; font-size:12px; color:#587189;}

	ul.menufooter{list-style:none; margin:0 0 7px 0; padding:0; text-align:right; color:#889DB3;}
		ul.menufooter li{display:inline;}
			ul.menufooter li a{margin:0 7px; color:#587189; text-decoration:none;}
			ul.menufooter li a:hover{color:#C70000; text-decoration:none;}
			ul.menufooter li a.active{font-weight:bold;}

	ul.menufooter2{font-size:10px;}
		ul.menufooter2 li a{margin:0 4px;}

	.validator{text-align:right; margin-top:15px;}

	.footer-info{float:left; font-size:13px;}
		.footer-info img{margin-bottom:-3px;}





/* OLD site
------------------------------------------------*/
form.cform div{clear:left; margin-top:5px;}

	form.cform div.bg{padding:5px 5px 8px; width:460px; margin-top:10px;}

	form.cform div label{float:left; font-weight:bold; margin-top:2px; width:210px;}

		form.cform div label span{font-weight:normal;}

	form.cform div input, form.cform div textarea, form.cform div select{width:240px;}

	form.cform div input.button{background:url(/images/button.gif) no-repeat left; height:22px; border:none; width:64px; cursor:hand; font-family:Verdana; color:#FFFFFF; padding:0px; padding-bottom:2px; font-weight:bold; font-size:11px;}

	form.cform div input.button:hover{background:url(/images/button_up.gif) no-repeat left;}

	form.cform div img{margin:5px 0;}


#mapa{text-align:center;}
#mapa img{margin:20px auto 3px; border:1px solid #AAA;}
#map{width:600px; height:350px; border:1px solid #999; margin-bottom:30px;}