body { margin:0; padding:0; background: url('../images/bg.png') repeat; color: #999; font-size: 12px; line-height: 20px; font-weight:normal; font-family: Arial, Helvetica, sans-serif}
html {overflow-y: scroll;}

a { outline: none; }
a img { border: 0px;}


.logo {margin-top:25px;}
.h_separator {float: left; width:100%; height:4px; background:url(../images/separator.png) repeat-x; margin:0 0 20px 0;}
.sep {float: left; width:100%; height: 1px; background-color:#fff; margin:5px 0 5px 0;}
.photo {float: left; border:solid 2px #666; margin: 5px 20px 5px 0;}
.banners {float: right; border:solid 2px #333; margin:5px 0 5px 0;}
.lastproject {float: left; border: solid 2px #666; margin:5px 0 5px 0; width: 293px;}
.ok {background: url('../images/ok.png') no-repeat;  padding: 10px 0 10px 50px; color: #ccc; font-size: 18px;}
.nope{background: url('../images/nope.png') no-repeat;  padding: 10px 0 10px 50px; color: #ccc; font-size: 18px;}
.swirl{background: url('../images/swirl.png') no-repeat;  padding: 10px 0 10px 50px; color: #ccc; font-size: 18px;}

#left {float: left; width: 625px; }
#right {float: right; width:313px;}
.news {padding:3px 0 0 25px; margin-bottom:10px; border-left: solid 1px #3f3f3f; color: #999;}

#column1 {float: left; width: 450px; text-align: left;}
#column2 {float: right; width:450px; text-align: left;}

.clearfix:after {clear: both;display: block; visibility: hidden;height: 0;content: "."; border: solid; }
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */



/*================================Czcionki===================================*/
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
h1 {font-size:28px; margin-bottom:30px;color:#ccc;}
h2 {font-size:24px;margin-bottom:20px;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h5 {font-size:11px;}
h6 {font-size:10px;}
h2.grey {color:#eee;}
.white {color:#fff; font-weight:bold;}
.grey {color:#666; display:inline-block; padding:4px; margin:5px 7px 0 0;}
.blue {color:#19718e; font-weight:bold;}

.header {display: block; text-align:left; background: #126682; height:28px; padding:9px 0 0 10px ;color: #eee; font-size:24px; margin:5px 0 15px 0;}
.highlight {display:inline-block; background-color:#333; padding:4px; color: #ccc; margin:5px 7px 2px 0;}

p {margin-bottom:10px; text-align: justify;}
p.cap {margin-bottom:2px; text-align:left;}
p.rules {margin:0 0 15px 50px; text-align: justify;}
p.offer {margin:0 0 10px 50px; text-align: justify; font-size:14px;}

.right {text-align:right;}
.left {text-align:left;}
.top {margin-top:35px;}

a {text-decoration:underline; color:#999; font-size:12px;}
a:link {color:#999; font-size:12px;}
a:hover {color:#19718e;font-size:12px;}
a:active {color:#19718e;font-size:12px;}


/*================================Boksy========================================*/
#top {width:100%; background:url('../images/top2_bg.png') repeat-x;}
#footer {float: left; width:100%; height:70px;}
.wrapper {margin:0 auto; padding:0; width:960px; height:100%;}


/*================================Nawigacja górna=============================*/

/*MENU RIGHT*/
ul#navigation {
	width: 455px; 
	float:right;
	margin-top:55px;
	list-style: none;

}

ul#navigation li { display: inline; }
	
ul#navigation li a {
	display: block; float: left; height: 33px;
	background-image: url(../images/navigation.png); text-indent: -9999px;
}

	ul#navigation li a.oferta {width: 65px; background-position: 0 0px;	}
	ul#navigation li a.oferta:hover, ul#navigation li a.oferta:focus, ul#navigation li a.active1 {background-position: 0 -33px;}
	
	ul#navigation li a.portfolio {width: 82px; background-position: -65px 0;}
	ul#navigation li a.portfolio:hover, ul#navigation li a.portfolio:focus, ul#navigation li a.active2 {background-position: -65px -33px;}
	
	ul#navigation li a.szablony {width: 82px; background-position: -147px 0;}
	ul#navigation li a.szablony:hover, ul#navigation li a.szablony:focus, ul#navigation li a.active3 {background-position: -147px -33px;}
	
	ul#navigation li a.zasady {width: 69px; background-position: -229px 0;}
	ul#navigation li a.zasady:hover, ul#navigation li a.zasady:focus, ul#navigation li a.active4{background-position: -229px -33px;}
	
	/*ul#navigation li a.cennik {width: 69px; background-position: -298px 0;}
	ul#navigation li a.cennik:hover, ul#navigation li a.cennik:focus, ul#navigation li a.active5 {background-position: -298px -33px;}
	
	ul#navigation li a.blog {width: 63px; background-position: -367px 0;}
	ul#navigation li a.blog:hover, ul#navigation li a.blog:focus {background-position: -367px -33px;}*/
	
	ul#navigation li a.polecam {width: 82px; background-position: -430px 0px;	}
	ul#navigation li a.polecam:hover, ul#navigation li a.polecam:focus, ul#navigation li a.active6 {background-position: -430px -33px;}
	
	ul#navigation li a.kontakt {width: 75px; background-position: -512px 0;}
	ul#navigation li a.kontakt:hover, ul#navigation li a.kontakt:focus, ul#navigation li a.active7 {background-position: -512px -33px;}



/*================================Nawigacja dolna=============================*/

#bottom_nav {float: right; margin-bottom:30px;}
#bottom_nav li{display: inline; background-image:url('../images/navigation_sep.png'); background-repeat:no-repeat; background-position:8px 2px; padding-left:10px;}
#bottom_nav li.first_item{padding-left:10px;background-image:none;}
#bottom_nav a{text-decoration: none; font-size:11px; padding-left:10px;}
#bottom_nav a:link, #bottom_nav a:visited{color:#999; font-size:11px;}
#bottom_nav a:hover{color:#0f647d;font-size:11px;}
#bottom_nav li a#current{padding-left:10px;color:#0f647d; }


/*================================Kolumny - strona glówna=====================*/

.column {float:left; margin: 30px 0 20px 0; width: 300px; text-align:justify;}
.middle {margin-left: 30px; margin-right: 30px;}


/*================================Portfolio===================================*/

.boxgrid{width:450px; margin: 0 0 40px 0;}
.work {width:450px; height: 300px; border: solid 1px #444; }
.caption {width: 442px; padding: 5px; margin:5px 0 5px 0; border: solid 1px #444; font-family: Verdana, Arial, Helvetica, sans-serif;}
.promoWeb {background:url("../images/promoWeb.png") no-repeat scroll 0 0 transparent;height:60px;position:absolute;text-indent:-9999px;width:60px;}
.promoLogo {background:url("../images/promoLogo.png") no-repeat scroll 0 0 transparent;height:63px;position:absolute;text-indent:-9999px;width:63px;}
.promoDTP {background:url("../images/promoDTP.png") no-repeat scroll 0 0 transparent;height:63px;position:absolute;text-indent:-9999px;width:63px;}
.promoOthers {background:url("../images/promoOthers.png") no-repeat scroll 0 0 transparent;height:63px;position:absolute;text-indent:-9999px;width:63px;}


/*================================Formularz kontaktowy===================================*/

div.box {margin:0 auto; width:600px; float: left; margin: 0 0 15px 0;}
div.box label {width:100%;display: block;padding:10px 0 10px 0;}
div.box label span {display:block; color:#fff; font-weight:bold; font-size:14px; float:left; width:105px; text-align:right; padding:8px 20px 0 0;}
div.box .input_text {padding:10px 10px;width:395px;background:#333;border-bottom: 1px double #444;border-top: 1px double #444;border-left:1px double #444;border-right:1px double #444;color:#ccc;}
div.box .message{padding:7px 7px;width:400px;background:#333;border-bottom: 1px double #444;border-top: 1px double #444;border-left:1px double #444;border-right:1px double #444;overflow:hidden;height:250px;color:#ccc;}
div.box .button{margin:0 60px 25px 0; padding:8px; background:#19718e; border:0px; position:relative; top:20px; float:right; width:80px; color:#fff; font-weight:bold;}