body, html{
 margin:0;
 padding:0;
 }
body{
  background: url(https://creaweb.pl/media/img_1000/no_shd.png) center top no-repeat;
  position:relative;
 }
 
p::selection, h1::selection, p *::selection , h1 *::selection, .content *::selection, *::selection{
	background: #f99b1d; /* Safari */
	color:#fff;
	}
p::-moz-selection, h1::-moz-selection, p *::-moz-selection , h1 *::-moz-selection, .content *::-moz-selection,  *::-moz-selection{
	color:#fff;
	background: #f99b1d; /* Firefox */
}
 

.all{
 margin:0 auto;
 overflow:hidden;
 position:relative;
 min-width:470px;
}
#container{
 margin:0 auto;
 width:450px;
 position:relative;
 clear:both;
 margin-bottom:-300px;
 padding-bottom:300px;
 }


#header{
 height:280px;
 margin:0 auto;
 width:450px;
 background: url(https://creaweb.pl/media/img_1000/no_shd.png) center top no-repeat;
 margin:0 auto;
 position:relative;
 z-index:10;
 top:0;
 }
#logo{
 width:259px;
 height:84px;
 background: url(https://creaweb.pl/media/img/logo.png) center top no-repeat;
 overflow:hidden;
 line-height:200px;
 display:block;
 position:absolute;
 top:32px;
 left:90px;
 }
#header ul{
 height:45px;
 width:390px;
 position:absolute;
 left:-10px;
 top:145px;
 margin-left:0;
 padding-left:0;
 }
 
#header ul li{
 display:block;
 float:left;
 padding: 0 0;
 height:45px;
 margin:0 3px;
 font:normal 18px/40px 'PT Sans Narrow', sans-serif;
 color:#fafafa;
 text-decoration:none;
 float:right;
 }
#header ul li a{
 color:#fafafa;
 text-decoration:none;
 position:relative;
 display:block;
 float:left;
 padding:0 14px;
 height:40px;
 text-align:center;
 }
#header ul li a span{
 position:relative;
 z-index:2;
 }
#header ul li.menuactive{
 font-size:20px;
 color:#fff;
 }
.romb{
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
	outline:none;
 }
.romb span{
    -webkit-transform: skewX(20deg);
    -moz-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    -o-transform: skewX(20deg);
    transform: skewX(20deg);  
	display:inline-block;
 }
#header ul li a:hover.romb, #header ul li a:active.romb{
 background: url(https://creaweb.pl/media/img/menu_bg.png) repeat;
 }
 
 
 
.icons{
 height:45px;
 width:135px;
 position:absolute;
 top:0;
 left:10px;
 }
.icons a{
 background:red;
 width:20px;
 height:20px;
 -webkit-border-radius: 13px;
 border-radius: 13px;
 display:block;
 overflow:hidden;
 line-height:99px;
 float:left;
 margin:9px 5px;
 -webkit-box-shadow: 0px 0px 4px 2px #555555;
 box-shadow: 0px 0px 4px 2px #555555; 
 background: url(https://creaweb.pl/media/img_1000/icons.png) no-repeat;
 cursor:pointer;
 }
.icons a:hover, .icons a:active{
 -webkit-box-shadow: 0px 0px 3px 1px #6d6f6f;
 box-shadow: 0px 0px 3px 1px #6d6f6f; 
 }
.icons .email{
 background-color:#b0281a;
 background-position: 0px -43px;
 position:relative;
 }
.icons .fb{
 background-color:#3b5998;
 background-position: 0px -21px;
 }
.icons .tw{
 background-color:#32ccfe;
 background-position: 0 0px;
 }
 
 /*content */
.content{
 position:relative;
 overflow:hidden;
 color:#322f2f;
 font:normal 15px/19px arial,sans-serif;
 text-align:justify;
 }
.content b, .content strong{
 font-weight:bold;
 color:#b0321c;
 font-size:16px;
 }
.content a{
 color:#F08E18;
 text-decoration:none;
 font-weight:bold;
 font-size:14px;
 }
.content a:visited{
 color:#ae8680;
 }
.content a:hover{
 text-decoration:underline;
 }
.content h1{
 color:#b0321c;
 font-size:18px;
 }
.content h1 img{
 width:150px !important;
 height:auto !important;
}
 
 
blockquote {
	font-family: Georgia, serif;
	font-size: 16px;
	font-style: italic;
	font-weight:bold;
	padding: 0.15em 40px;
	line-height: 1.45;
	position: relative;
	color: #383838;
	margin:5px 12px;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

blockquote cite:before {
	content: "\2014 \2009";
}


.bottom{
 background: url(https://creaweb.pl/media/img/bottom.jpg) repeat;
 overflow:hidden;
 display:block;
 clear:both;
 
 }
 
 
.bottom .news{
 width:450px;
 margin:5px auto 20px auto;
 z-index:3;
 }

.bottom .news h2{
 font:normal 24px/30px 'PT Sans Narrow', sans-serif;
 padding:0;
 margin:4px 0 0 0;
 color:#322f2f;
 text-shadow: px 1px 2px #c7c5c7;
 filter: dropshadow(color=#c7c5c7, offx=, offy=1); 
 }
.bottom .news h4{
 font:bold 16px/20px 'PT Sans Narrow', sans-serif;
 padding:0;
 margin:2px 0 0 0;
 color:#322f2f;
 float:right;
 text-shadow: px 1px 2px #c7c5c7;
 filter: dropshadow(color=#c7c5c7, offx=, offy=1); 
 }
.bottom .news a{
 color:#f08e18;
 text-decoration:none;
 font:bold 16px/20px 'PT Sans Narrow', sans-serif;
 }

.bottom .news p a{
 font:normal 16px/22px 'PT Sans Narrow', sans-serif;
 }
.bottom .news p{
 margin:0;
 color:#322f2f;
 text-shadow: px 1px 2px #c7c5c7;
 filter: dropshadow(color=#c7c5c7, offx=, offy=1); 
 font:normal 16px/22px 'PT Sans Narrow', sans-serif;
 text-align:justify;
 }
 
.footy{
 background:#322f2f;
 padding:150px 0 10px 0;
 text-align:center;
 color:#CCC;
 font: 12px/20px Arial,sans-serif;
 }
.footy a{
 color:#CCC;
 text-decoration:none;
 }
.footy a:hover, .footy a:active{
 color:#b0321c;

 }
 

 
 
#kont{
 position:absolute;
 bottom:40px;
 width:400px;
 left:50%;
 margin-left:-200px;
}
#kont img{
display:none;
}
#kont h3{
 text-align:center;
 margin:41px 0 15px 0;
 color:#fff;
 font:normal 28px/30px 'PT Sans Narrow', sans-serif;
 }
#kont h3 strong, #kont h3 a{
 color:#eb8615;
 text-decoration:none;
 }

.kont_icons{
 width:160px;
 margin:2px auto;
 display:block;
 padding:0 0 0 40px;
 height:40px;
 font:normal 22px/32px 'PT Sans Narrow', sans-serif;
 color:#fff;
 text-decoration:none;
 }
a.kont_icons{
 color:#d27a18;
 }
.phone.kont_icons{
 background: url(https://creaweb.pl/media/img/kon_ico.jpg) no-repeat;
 }
.email.kont_icons{ 
 background: url(https://creaweb.pl/media/img/kon_ico.jpg) no-repeat;
 background-position: left -48px;
 }
.skype{
 background: url(https://creaweb.pl/media/img/skype.png) no-repeat;
 }
 
 
 
.rea{
 width:450px;
 height:239px;
 right:0px;
 position:relative;
 overflow:hidden;
 margin-top:-100px
}

.rea_in{
 width:450px;
 height:239px;
 background: url(https://creaweb.pl/media/img_1000/rea.png) no-repeat;
 position:absolute;
 z-index:9;
 pointer-events:none;
 }
 
 
.rea_slider{
 width:1400px;
 height:360px;
 position:absolute;
 overflow:hidden;
 }
.rea_el{
 width:678px;
 height:360px;
 float:left;
 z-index:1;
 overflow:hidden;
 position:relative;
 }
 
.rea_el img, .fg_s{
    position: absolute;
	display:block;
	width:750px;
	height:450px;
 }
.fg_s{
 background: url(https://creaweb.pl/media/img/fg.png) repeat;
 z-index:8;
 }
.parallax-viewport {
    position: relative;     /* relative, absolute, fixed */
    overflow: hidden;
}
.parallax-layer {
    position: absolute;
}

.rea_more, .rea_online{
 display:block;
 position:absolute;
 height:33px;
 width:170px;
 padding:0 10px;
 background-color:#b0321c;
 color:#fff;
 font:normal 14px/33px arial, sans-serif;
 right:0;
 z-index:11;
 cursor:pointer;
 }
.rea_more{
 top:250px;
 margin-right:-60px;
 }
.rea_more:hover, .rea_more:active{
 margin-right:-30px;
 }
.rea_online{
 top:300px;
 margin-right:-50px;
 }
.rea_online:hover, .rea_online:active{
 margin-right:-20px;
 }
 
.rea_butt{
 width:400px;
 height:40px;
 margin-left:-180px;
 left:50%;
 top:224px;
 position:absolute;
 overflow:hidden;
 z-index:19;
 }
.rea_butt .ro{
 height:30px;
 background:#f99b1d;
 }
a.ro:active{
 -webkit-box-shadow: 0px 0px 1px 1px #535353;
 box-shadow: 0px 0px 1px 1px #535353; 
 }
.ro{
 -webkit-transform: skewX(12deg);
 -moz-transform: skewX(12deg);
 -ms-transform: skewX(12deg);
 -o-transform: skewX(12deg);
 transform: skewX(12deg);   
 display:block;
 float:left;
 padding:0 20px;
 margin:0 10px;
 font:normal 20px/28px 'PT Sans Narrow', sans-serif;
 color:#fff;
 text-shadow: 1px 1px 2px #383838;
 filter: dropshadow(color=#383838, offx=1, offy=1); 
 }
.ro2{
 -webkit-transform: skewX(-12deg);
 -moz-transform: skewX(-12deg);
 -ms-transform: skewX(-12deg);
 -o-transform: skewX(-12deg);
 transform: skewX(-12deg);   
 }
 
.ro.big_m_r{
 margin-right:30px;
 }
.ro_arrows{
 padding:0 10px;
 margin:0 5px;
 font-size:24px;
 cursor:pointer;
 }
a.ro:active, a.ro:hover{
 text-shadow: 2px 2px 3px #141414;
 filter: dropshadow(color=#141414, offx=2, offy=2); 
 }
.ro span{
 -webkit-transform: skewX(-12deg);
 -moz-transform: skewX(-12deg);
 -ms-transform: skewX(-12deg);
 -o-transform: skewX(-12deg);
 transform: skewX(-12deg);
 display: inline-block;
 }
.ro2 span{
 -webkit-transform: skewX(12deg);
 -moz-transform: skewX(12deg);
 -ms-transform: skewX(12deg);
 -o-transform: skewX(12deg);
 transform: skewX(12deg);
 display: inline-block;
 }

 
#fb_all{
 position:absolute;
 width:226px;
 top:60px;
 margin-left:-194px;
 z-index:999;
 }
#fb_sh{
 width:34px;
 height:103px;
 background: url(https://creaweb.pl/media/img/fb_logo.png) no-repeat;
  -webkit-border-radius: 0px 5px 5px 0px;
 border-radius: 0px 5px 5px 0px; 
 right:0;
 top:30px;
 -webkit-box-shadow: 1px 0px 1px 1px #656565;
 box-shadow: 1px 0px 1px 1px #656565; 
 position:relative;
 z-index:1;
 float:left;
 display:block;
 outline:none;
 }
#fb_cont{
 width:184px;
 padding:4px;
 min-height:360px;
 background:#FFF;
 overflow:hidden;

 -webkit-box-shadow: 0px 0px 2px 1px #656565;
 box-shadow: 0px 0px 2px 1px #656565; 
 position:relative;
 float:left;
 z-index:2;
  -webkit-border-radius: 0px 5px 5px 0px;
 border-radius: 0px 5px 5px 0px; 
 }
#fb_cont *{
 display:block;
 float:none;
 }
#fb_cont h1{
 font:normal 16px/17px 'PT Sans Narrow', sans-serif;
 margin:2px 6px;
 }
 
 
.ind{
 width:250px;
 display:block;
 margin:0 0 0 90px;
 padding:0;
 position:absolute;
 z-index:11;
 left:50%;
 top:230px;
 font:normal 15px/16px 'PT Sans Narrow', sans-serif;
 color:#4D4D4D;
 }
.ind a{
 color:#F08E18;
 text-decoration:none;
 font:normal 15px/16px 'PT Sans Narrow', sans-serif;


 }
.ind span{
 font:normal 15px/16px 'PT Sans Narrow', sans-serif;
 }
.ind a:hover{
 text-decoration:underline;
 }
 

.block_norm{
 width:440px;
 display:block;
 float:left;
 margin:10px;
 }
 
.realisation{
 width:440px;
 height:250px;
 margin:5px;
 display:block;
 float:left;
 -webkit-box-shadow: 0px 0px 4px 0px #cdcdcd;
 box-shadow: 0px 0px 4px 0px #cdcdcd; 
 overflow:hidden;
 position:relative;
 }
.bg_realisation{ 
 width:440px;
 height:250px;
 position:absolute;
 background: url(https://creaweb.pl/media/img/all_projects.jpg) center top no-repeat;
 }
.stripe{
 background: url(https://creaweb.pl/media/img/stripe.png) center top repeat;
 width:440px;
 height:250px;
 position:absolute;
 z-index:100;
 display:none;
 }
.realisation.no_active .stripe{
 display:block;
 -webkit-box-shadow: 0px 0px 2px 0px #cdcdcd;
 box-shadow: 0px 0px 2px 0px #cdcdcd; 
 }
.info_project{
 display:block;
 min-height:30px;
 background: url(https://creaweb.pl/media/img/l_opacity.png) center top repeat;
 position:absolute;
 bottom:0;
 width:430px;
 display:none;
 padding:5px;
 font:normal 15px/15px 'PT Sans Narrow', sans-serif;
 border-top:#c8c8c8 1px solid;

 }
.realisation.active{
 -webkit-box-shadow: 0px 0px 7px 0px #cdcdcd;
 box-shadow: 0px 0px 7px 0px #cdcdcd; 

 }
.realisation.active .info_project{
 display:block;
 color:#111;
 }
.realisation .rea_more{
 top:20px;
 color:#fff!important;
 margin-right:-40px;
 }
.realisation .rea_online{
 top:70px;
 color:#fff !important;

 }
.realisation  .ro2{
 margin-right:-120px;
 font:normal 16px/29px 'PT Sans Narrow', sans-serif;
 display:none;
 }
.realisation  .ro2:hover, .realisation  .ro2:active{
 margin-right:-80px;
 }
.realisation.active  .ro2{
 display:block;
 }
.realisation .info_project h1{
 font:normal 20px/26px 'PT Sans Narrow', sans-serif;
 color:#111;
 margin:5px 0;
 padding:0;
 text-align:center;
 }
.realisation .info_project strong{
 font:normal 18px/22px 'PT Sans Narrow', sans-serif;
 text-shadow: 1px 1px 2px #cccccc;
 filter: dropshadow(color=#cccccc, offx=1, offy=1); 
 }
.realisation.jarmen  .bg_realisation{
 background-position:center -250px;
 }
.realisation.czarnieckiego .bg_realisation{
 background-position:center -500px;
 }
.realisation.gniech .bg_realisation{
 background-position:center -750px;
 }
 .realisation.yamabits .bg_realisation{
 background-position:center -1000px;
 }
.realisation.zawodprzyszlosci .bg_realisation{
 background-position:center -1250px;
 }
.realisation.covaco .bg_realisation{
 background-position:center -1500px;
 }
 
 
 

/*forms */
.cms_form label{
 width:100px;
 text-align:right;
 padding:0 4px;
 display:block;
 float:left;
 font:normal 16px/22px 'PT Sans Narrow', sans-serif;
 }
.cms_form input{
 width:310px;
 padding:4px;
 display:block;
 float:left;
 border:0;
 -webkit-border-radius: 0px;
 border-radius: 0px; 
 }
.cms_form textarea{
 width:410px;
 padding:4px;
 display:block;
 float:left;
 border:0;
 -webkit-border-radius: 0px;
 border-radius: 0px; 
 margin-left:10px;
 }
.cms_form p{
 display:block;
 float:none;
 clear:both;
 overflow:hidden;
 margin:6px 0;
 padding:2px 0;
 }
.cms_form .cms_submit, .content .cms_form .cms_submit{
 background:#F99B1D;
 color:#fff;
 font:normal 16px/17px 'PT Sans Narrow', sans-serif;
 margin:2px 2px 2px 117px;
 }
 
.cms_form .cms_submit:hover{
 background:#f97f1d;
 }
.cms_form .cms_submit:active{
 background:#f97f1d;
 -webkit-box-shadow: 0px 0px 1px 1px #535353;
 box-shadow: 0px 0px 1px 1px #535353; 

}

.cms_form .input_errors, .fb_invalid input, .fb_invalid  textarea{
 background:#FFE3F3 !important;
 }
.cms_form span.errors, .fb_invalid span.errors{
 display:block;
 color:#fce6e6;
 overflow:hidden;
 min-width:300px;
 clear:both;
 margin-bottom:4px;
 text-align:center;
 }
.content .cms_form span.errors{
 color:#858585;
 text-align:left;
 text-indent:30px;
 font-size:12px;
 padding:2px;
 }
.content #cntnt01moduleform_1{
 width:480px;
 display:block;
 float:left;
 
 }
#close_c_form_js{
 width:20px;
 height:20px;
 background: url(https://creaweb.pl/media/img/cancel_icon.png) center no-repeat;
 position:absolute;
 right:0;
 top:0;
 cursor:pointer;
 }
 
.more_link{
 display:block;
 float:right;
 margin-right:40px;
 }
 

.cms_form h3{
 padding:0 3px;
 margin:0 2px;
 }
 
.content .cms_form{
 background:none;
 }
.content .cms_form input, .content .cms_form textarea{
 background:#FEFEFE;
 -webkit-box-shadow: 1px 1px 2px 0px #CFCFCF;
 box-shadow: 1px 1px 2px 0px #CFCFCF; 
 color:#424242;
 }
 

.spec_info{
 font-size:16px;
 font-weight:normal;
 display:block;
}
.of_info tr td:not(:first-child) .ok_ix_info{
 float:none;
 display:block;
 clear:both;
 font-weight:normal;
 font-size:14px
 text-align:center;
}
.of_info tr td:not(:first-child){
 width:120px;
 padding:10px 0;
 text-align:center;
}
.of_info tr th:not(:first-child){
 background-color:#f99b1d;
 color:#fff;
 text-align:center;
 padding:10px 0;
 border:0;
 margin:0;
 }
.of_info tr th:not(:first-child):not(:last-child){
 border-right:#ffffff 1px solid;
}
.of_info tr th:nth-child(2){
 -webkit-border-radius: 10px 0 0 0;
 border-radius: 10px 0 0 0;
}
.of_info tr th:nth-child(5){
 -webkit-border-radius: 0 10px 0 0;
 border-radius: 0 10px 0 0;
}
.of_info tr td:first-child{
 text-align:right;
 padding-right:20px;
 font-weight:bold;
 font-size:18px;
}
.of_info tr:not(:first-child):not(:last-child) td{
border-bottom:#f99b1d 1px solid;
}
.of_info tr:not(:first-child) td{
border-right:#f99b1d 1px solid;
}
.of_info tr:last-child td:not(:first-child){
border-right:#f99b1d 1px solid;
border-bottom:#f99b1d 1px solid;
}


.of_info{ 
border-spacing: 0;
border-collapse: collapse;
 margin-top:30px;
 overflow:hidden;
 width:100%;
}
.prices td:not(:first-child){
 color:#b0321c;
 font-size:26px;
 font-weight:bold;
 padding:30px 0 !important;
}
.small_info{
 font-size:10px;
 display:block;
 line-height:14px;
 margin-top:4px;
 margin-bottom:4px;
}
.fb_icon_of{
 display:block;
 float:left;
}

.show_more_of, .hide_more_of{
 display:block;
 float:none;
 clear:both;
 cursor:pointer;
 font-size:12px;
}
.hide_more_of{
 font-weight:bold;
}
.of_info_in{
 text-align:justify;
 display:block;
}
/* Stylesheet: creaweb_min Modified On 2015-08-26 18:44:02 */