body { background: #F7F6F6; font-family: 'Dosis', sans-serif;margin: 0;}
header{width:100%; background:#222222; float:left;}
.wrapper{width:960px; display:block; margin: 0 auto; }
h1{font-size:45px; color:#fff;width:370px; float:left;}

#logo {font-size:28px;padding:10px 0px; float:left;}
#logo a{color:#fff; text-decoration:none;  }
#logo a span{color:#E75302 }

#menu {float:right; }
#menu ul {float:left; width:100%; padding:0; margin:0; list-style-type:none;}
#menu a{float:left; text-decoration:none; color:white; padding:20px 35px; }
#menu .o-nas a:hover {background:#E75302; }
#menu ul li.o-nas.active a{background:#E75302; }
#menu .glowna a:hover {background:#0098DA;}
#menu ul li.glowna.active a {background-color:#0098DA }
#menu .cennik a:hover {background-color:#4A1861;}
#menu ul li.cennik.active a {background-color:#4A1861;}
#menu .portfolio a:hover {background-color:#C70000;}
#menu ul li.portfolio.active a {background-color:#C70000;}
#menu .kontakt a:hover {background-color:#49A396;}
#menu ul li.kontakt.active  a{background-color:#49A396;}

#menu li {display:inline;}


#gora{float:left; height:auto; width:100%; background:#0098DA; }
#gora1 {float:left; height:50px; background:#4A1861;width:100%; }
#gora2 {float:left; height:50px; background:#E75302; width:100%; }
#gora3 {float:left; height:50px; background:#C70000; width:100%; }
#gora4 {float:left; height:50px; background:#49A396; width:100%; }
#wycena{float:left; margin-top:20px;}


#wycena a{
    color:#fff;
    text-decoration:none;
    font-size:37px;
	width: 286px;
	padding: 0px 24px 9px 24px;
    background-color:#E75302;
	background-image: url(/img/wycena.png);
	background-repeat: no-repeat;
	background-position: -285px 0;
	-webkit-transition: background-position .3s ease;
	   -moz-transition: background-position .3s ease;
	     -o-transition: background-position .3s ease;
	        transition: background-position .3s ease;
}

#wycena a:hover {
	background-position: 0px 0px;
    color:#E75302	
}

#grafiki{background:url(/img/grafiki.png) no-repeat; width:532px; height:247px; float:right; margin:50px 0px 120px;}
#lista {float:left; margin-bottom:20px;}
#lista ul {float:left; width:100%; padding:0; margin:0; list-style-type:none;}
#lista li {display:inline; width:205px;float:left;text-align:center;margin-right:35px;margin-top:-100px}

.projekt {background: url(/img/projekt.png) no-repeat top center; padding-top:205px;}
.zamow {background: url(/img/zamow.png) no-repeat top center; padding-top:205px;}

.gotowe {background: url(/img/strona.png) no-repeat top center; padding-top:205px;}
.kodujemy .grafika {background: url(/img/kodujemy.png) no-repeat top center; width:204px; height:204px;}
.kodujemy .grafika:hover {
-webkit-animation: spin 2.7s infinite linear;
-moz-animation: spin 2.7s infinite linear;
-o-animation: spin 2.7s infinite linear;
-ms-animation: spin 2.7s infinite linear;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin {
0% { -o-transform: rotate(0deg);}
100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg);}
100% { -ms-transform: rotate(360deg);}
}

footer{width:100%; background:#222222; float:left;}
footer h2{color:#fff; }
#formularz{width:370px;float:left;margin-right:120px;}
#formularz .left{float:left; width:150px; margin-right:20px;}
#formularz .right{float:right;width:200px; }
#formularz input{padding:5px; border:none;margin:10px 0px;width:150px;}
#formularz textarea{padding:5px;  border:none;margin:10px 0px;width:200px;height:61px;font-family:Arial,sans-serif;font-size:14px;}
#formularz .right input{padding:5px; border:none;margin:10px 0px; background: #E75302;width:211px;color:#fff}
#formularz .right input:hover{background: #F49C0A}

#menu-stopka{float:left; color:#fff; }
#menu-stopka ul{padding-left:13px;margin-top:57px; }
#menu-stopka li a{color:#fff; text-decoration:none;font-size:18px;line-height:26px;}
#menu-stopka li a:hover{color:#F49C0A}

#social{float:right; margin-right:20px}
#social ul{padding-left:0px }
#social li{display:inline; list-style-type:none; }
.facebook a{width:63px; height:63px; float:left; margin-right:20px;background-image: url(/img/face1.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
	-webkit-transition: background-position .3s ease;
	   -moz-transition: background-position .3s ease;
	     -o-transition: background-position .3s ease;
	        transition: background-position .3s ease;}
.facebook a:hover,.google a:hover,.behance a:hover{background-position:0px -72px }
.google a{ width:63px; height:63px; float:left;margin-right:20px;background-image: url(/img/google1.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
	-webkit-transition: background-position .3s ease;
	   -moz-transition: background-position .3s ease;
	     -o-transition: background-position .3s ease;
	        transition: background-position .3s ease;} 
.behance a{ width:63px; height:63px; float:left;background-image: url(/img/behance1.png);
	background-repeat: no-repeat;
	background-position: 0px 0;
	-webkit-transition: background-position .3s ease;
	   -moz-transition: background-position .3s ease;
	     -o-transition: background-position .3s ease;
	        transition: background-position .3s ease; }
			

.content{width:550px;margin-right:100px;}
.sidebar{width:280px;margin:0 10px;}
.col{margin-top:15px;float:left;}
    .circle {
        width:280px;
        height:280px;
        border-radius:50% 50% 50% 50%;
        overflow:hidden;
        
        border: 6px solid #E75302; margin:0 auto;}
		
    .circle img {
}
.line{width:100%; height:20px;}
.orange{background:#E75302;}
h3.member-name{font-size:30px;text-align:center;margin:0;padding:0;}
p.member-phone{font-size:25px;font-weight:bold;text-align:center;margin:0 0 45px;padding:0;}
p.member-email{text-align:center;margin:0;padding:0;font-size:20px;}
p.member-email a{color:#ff5900;font-weight:bold;}
.content p{font-size:14px;}
.clr{    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;}
.column-cost h3{margin:0 0 10px;font-size:25px;}
.column-cost{width:300px;float:left;margin-bottom:20px;}
.sidebar-contact{width:600px;float:left;margin-bottom:20px;}
.contact-margin{margin:20px;}
.contact-heading{margin-left:20px;}
.row span{float:right;font-weight:bold;color:#4A1861;}
.cost-button{text-align:center;margin-bottom:-40px;}
.cost-button input{cursor:pointer;font-family: 'Dosis', sans-serif;color:#fff;background:#E75302;padding:7px 10px;font-size:30px;font-weight:bold;border:3px solid #fff;text-align:center;margin-top:15px;}
.cost-info{padding:8px;}
.cost-info ul{list-style:none;margin:0;padding:0;font-weight:bold;}
.cost-info span{float:right;}

.cost-total{padding:8px;background:url('/img/bg/bg-total.png') top repeat-x}
.cost-total {font-weight:bold;}
.cost-total span{float:right;font-size:20px}

.sidebar-cost{background:#4A1861;color:#fff;}
.sidebar-cost{width:350px;float:left;margin:80px 0 0 20px;padding:7px;}
.sidebar-cost h3{font-size:35px;color:#fff;font-weight:bold;margin:0px 0px 0px 7px;}
.content h2{font-weight:bolder;margin-top:0px;}
.check-box span{margin-left:10px;}
header h1{font-size:28px;font-weight:normal;width:300px;margin:0;padding:0;}
.cost-form .check-box{background:#ececec;padding:10px 15px;margin:3px 0;font-weight:bold;}
.additional-tabs{background:#ececec;padding:15px;}
.cost-form .check-box p{font-size:12px;}
.check-box .price{float:right;font-size:25px;color:#3f0c4a;font-weight:bold;}
.cost-form .separator{margin:15px 0;height:3px;background:url('/img/bg/bg-separator.png') repeat-x;}
input[type=radio]{
							  position: absolute; 
							overflow: hidden; 
							clip: rect(0 0 0 0); 
							height:1px; 
							width:1px; 
							margin:-1px; 
							padding:0;
							border:0;
						}

						input[type=radio] + label {
							padding-left:30px;
							height:15px; 
							display:inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:15px;
							vertical-align:middle;
							cursor:pointer;
						}

						input[type=radio]:checked + label{
							background-position: 0 -15px;
						}
						.form label{ background-image:url(/img/bg/bg-check.png); margin-right:20px;}
h4{margin:0;padding:0;}
.info-box p{font-size:12px;margin:0;padding:0;}
.info-box .row{margin:10px 0;}
.header-amount h3{float:left;}
.number{font-size:20px;height:40px;line-height:40px;background:#ff4c00;color:#fff;font-weight:bold;padding:0 10px;float:right;}

.gallery{margin:20px 0px;  }
.gallery img{width:280px;height:280px;border:6px solid #C70000;-webkit-border-radius: 140px;
-moz-border-radius: 140px;
border-radius: 140px;      -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(filters.svg#grayscale); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */  margin:0;padding:0;
  }
	.gallery img:hover{     filter: none;
    -webkit-filter: grayscale(0);}
.captcha img {float:left;}
.captcha a{color:#fff;padding:5px;}
.left1{background:#84C5BF; float:left; width:590px; padding:10px; color:#fff; font-size:14px;margin:30px 0px }
.left1 h2, .right1 h3{color: #0C4038}
.right1{background:#49A396; float:right; width:306px; padding:10px;color:#fff;margin:30px 0px}
.right1 a{text-decoration:none; color:#FFF;line-height:30px;}
.right1 a:hover{color:#0C4038 }

.column-contact label{font-weight:bold;display:block;margin-bottom:4px;}
.column-contact textarea{border:3px solid #b4b5b4;display:block;padding:4px;width:90%;}

.column2-contact{width:50%;float:left;}
.column2-contact label{font-weight:bold;display:block;margin-bottom:4px;}
.column2-contact input{border:3px solid #b4b5b4;display:block;padding:4px;width:200px;}
.contact .left{float:left; width:250px; }
.contact .right{float:right;width:340px;}
.contact input{padding:7px; border:none;margin:10px 0px;width:200px;}
.contact textarea{padding:7px; border:none;margin:10px 0px;width:320px;height:116px;font-family:Arial,sans-serif;font-size:14px;}
.contact .right input{padding:5px; border:none;margin:0px 0px; background: #0C4038;width:90px;color:#fff}
.contact .right input:hover{background: #126357;}