/*
HTML 5 Template Name: Basic 88
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

html{overflow-y:scroll;} /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */

body{margin:0; padding:0; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; color:#919191; background-color:#232323;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

code{font-weight:normal; font-style:normal; font-family:Georgia, "Times New Roman", Times, serif;}

.fl_left{float:left;}
.fl_right{float:right;}


.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block; margin:0; padding:0;}

q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'“ '; font-size:26px;}
q:after{content:' „'; font-size:26px; line-height:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}

.row1, .row1 a{color:#C0BAB6;}
.row2{color:#979797; background-color:#FFFFFF;}
.row2 a{color:#FF9900; background-color:#FFFFFF;}
.row3{color:#fff; background-color:#58a7ea;}
.row3 a{color:#fff; background-color:#58a7ea;}
.row4, .row4 a{color:#fff; background-color:#3482bf;}

/*----------------------------------------------Generalise-------------------------------------*/

#container, #footer, #copyright{display:block; width:1020px; margin:0 auto;}
#header{width:100, margin:0 auto;}
nav ul{margin:0; padding:0; list-style:none;}

h2, h3, h4, h5, h6{margin:0; padding:0; font-size:32px; font-weight:normal; font-style:italic; line-height:normal;}

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Georgia,"Times New Roman",Times,serif;}

.one_quarter, .two_quarter, .three_quarter, .four_quarter{display:block; float:left; margin:0 20px 0 0;}
.one_quarter{width:225px;}
.two_quarter{width:470px;}
.three_quarter{width:715px;}
.four_quarter{width:960px; float:none; margin-right:0; clear:both;}

.one_third, .two_third, .three_third{display:block; float:left; margin:0 30px 0 0;}
.one_third{width:300px;padding-right: 20px;}
.two_third{width:630px;}
.three_third{width:960px; float:none; margin-right:0; clear:both;}

.lastbox{margin-right:0;}

/*----------------------------------------------Header-------------------------------------*/
/*#header{padding:100px 0;background-image: url(../images/tlo.png);}*/
#header{padding:100px 0;background-image: url(../images/tlo.png);}

#header hgroup{float:left; margin:0 0 20px 0;}
#header hgroup h1, #header hgroup h2{font-weight:normal; font-style:normal; text-transform:none;}
#header hgroup h1{font-size:36px;}
#header hgroup h2{font-size:13px;}

#header nav{display:block; float:right; margin:10px 0 0 0; padding:20px 0; color:#C0BAB6; background-color:#232323;}
#header nav ul{padding:0 20px;}
#header nav li{display:inline; margin-right:25px; text-transform:uppercase;}
#header nav li.last{margin-right:0;}
#header nav li a{color:#C0BAB6; background-color:#232323;}
#header nav li a:hover{color:#FF9900; background-color:#232323;}

.logo {
	width:auto;
	position:absolute;
	margin-left:70px;
	float:left;
	margin-top:40px;
	}
.logo:hover {
    opacity:0.8;
	}
.ip{
	padding-right:100px;
	padding-top: 9px;
	float:right;
	background-image: url(../images/ip.png);
	}
b {
color: #fff49f;
}

.fb{
	padding-right:100px;
	padding-top: 30px;
	float:right;
	}
.sklep{
	margin-right:270px;
	float:right;
	}
.sklep:hover{
	opacity:0.8;
	}
.menu{
	padding: 0;
	margin: 0;
	border: 0;
	height: 132px;
	position:absolute;
	top: 320px;
	background: url(../images/menu.png) repeat-x;
	width: 100%;
	}


	@font-face {
    font-family: Crafted; /*a name to be used later*/
    src: url('http://crafted2.ugu.pl/cn2/czcionki/Crafted.otf'); /*URL to font*/
}


#navi select{
	display:none;
	padding:4px 8px;
	border: 1px dotted #CCC;
	margin:3px 0px 5px 0px;
	font-family: Crafted;
	color: #807f7f;
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;
}
.ip {background:url('../images/ip.png') no-repeat;margin:11px 0 0 0;width:215px;height:50px;float:right;}
.ip p{font-family:Crafted;font-size:31px;color:#fff;text-align:center;width:100%;height:30px;margin:1px 0 0 0;float:left;padding-left:15px;}
.statystyki p{font-family:Crafted;font-size:40px;color:#fff;width:100%;height:30px;margin:10px 0 0 0;float:left;padding-left:70px;}
.social2 {margin: -40px 0 0 0;float: right;position: relative;width: auto;height: auto;}
.social2:hover{opacity:0.8;}
.social {margin: -40px 0 0 0;float: right;margin-right: 60px;position: relative;width: auto;height: auto;}
.social:hover{opacity:0.8;}
.steve {
margin: -79px 0 0 0;
background: url(../images/steve.png) repeat-x;
position: absolute;
margin-left: 700px;
float: left;
}
#navi{
	float:left;
    padding-left: 60px;
}

#navi ul{
	float:left;
	padding:0px;
	margin:0px;
}

#navi ul li{
	float:left;
	top: 10px;
	display:inline-block;
	padding:12px 12px 13px 12px;
	list-style-type: none;
	position:relative;
}

#navi ul li:first-child{
	float:left;
	display:inline-block;
	padding:12px 12px 13px 12px;
	list-style-type: none;
	position:relative;
}

#navi ul li a, #navi ul li a:visited{
	font-family: Crafted;
	color: #044B55;
	font-size:22px;
	font-weight:normal;
	text-decoration:none;
}


#navi ul li a:hover{
	font-family: 'Crafted',Arial, Helvetica, sans-serif;
	color: #006775;
	font-weight:normal;
	text-decoration:none;
}
#navi ul li ul{
	position:absolute;
	display: none;
	z-index: 2000;
	padding-top:13px;
	margin-left:-13px;
	background-color:white;
}
#navi ul ul li {
		float: none;
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
#navi ul ul li a {
			padding: 15px 40px;
			color: #fff;
		}
#nav ul ul li a:hover {
				background: #4b545f;
			}






#nav {
     font-family: arial, sans-serif;
     position: relative;
     width: 390px;
     height:56px;
     font-size:14px;
     color:#999;
     margin: 0px auto;
	 float:left;
     padding-left: 60px;
}

#nav ul {
     list-style-type: none;
     float:left;
	 padding:0px;
	 margin:0px;

}

#nav ul li {
     float: left;
     position: relative;
	float:left;
	top: 10px;
	display:inline-block;
	padding:12px 12px 13px 12px;
	list-style-type: none;
	position:relative;
}

#nav ul li:first-child{
	float:left;
	display:inline-block;
	padding:12px 12px 13px 12px;
	list-style-type: none;
	position:relative;
}

#nav ul li a:hover{
	font-family: 'Crafted',Arial, Helvetica, sans-serif;
	color: #006775;
	font-weight:normal;
	text-decoration:none;
}

#nav ul li a {
     text-align: center;
     border-right:1px solid #e9e9e9;
     padding:20px;
     display:block;
     text-decoration:none;
	 color: #044B55;
	 font-family: Crafted;
	 font-family: Crafted;
	 font-weight:normal;
}


#nav ul li ul {
     display: none;
	position:absolute;
	display: none;
	padding-top:13px;
	margin-left:-13px;
	background-color:white;
}////

#nav ul li:hover ul {
     display: block;
     position: absolute;
}

#nav ul li:hover ul li a {
     display:block;
     background:#12aeef;
     color:#ffffff;
     width: 110px;
     text-align: center;
     border-bottom: 1px solid #f2f2f2;
     border-right: none;
}

#nav ul li:hover ul li a:hover {
     background:#6dc7ec;
     color:#fff;
}





/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:30px 0;}
#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;}
#container .last{margin:0;}
#container .more{border-bottom: 5px solid #3482bf;}
#container .more2{border-bottom: 5px solid #3482bf;margin-top: 116px;}
.film { padding-left: 7px;padding-top: 7px;padding-bottom: 7px;;background-color: #5aa8eb;height: 260px;float: left;}
.filmp p{ padding: 7px;color: #fff}
.filmp { background-color: #5aa8eb;padding-bottom: 69px;}
/* ------Slider-----*/

#container #slider{padding-top:100px;}

/* ------Main Content-----*/

#homepage {top:-70px;position:relative;}
#container #homepage{display:block; width:100%;font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;}

#container #homepage #services{}
#container #homepage #services article{}
#container #homepage #services article figure{}
#container #homepage #services article figure img{padding:7px;}
#container #homepage #services article figure figcaption{}
#container #homepage #services article figure h2{font-family: Crafted;color: #FFFFFF;font-size: 30px;text-align: center;background-color: #5aa8eb;}
#container #homepage #services article figure footer{}

#container #homepage #intro{}
#container #homepage #intro article{}
#container #homepage #intro article figure{}
#container #homepage #intro article figure img{float:right; margin:0 0 10px 0; padding:4px;}
#container #homepage #intro article figure figcaption{float:left; width:531px;background-color: #5aa8eb;}
#container #homepage #intro article figure h2{font-family: Crafted;color: #FFFFFF;font-size: 30px;text-align: center;background-color: #5aa8eb;}
#container #homepage #intro article figure footer{}

.img {margin: 0px;margin-left: 80px;margin-top: 20px;}
.teamspeak{margin: 0px;margin-left: 80px;margin-top: -3px;}
.ts { font-family: Crafted;color: #044B55;background-color: #3B6A8D;font-weight: normal;font-size: 30px;text-align: center;}
.ts p { font-family: Crafted;color: #00F5FF;font-weight: normal;text-align: center;}
.tekst p { padding: 7px;font-weight: normal;text-align: center;}


/* ------SERWERY-----*/

#serwery {top:100px;position:relative;}
#container #serwery{display:block; width:100%; line-height:1.8em;}

#container #serwery #services{}
#container #serwery #services article{}
#container #serwery #services article figure{}
#container #serwery #services article figure img{margin:0 0 15px 0; padding:5px; background: #58a7ea;}
#container #serwery #services article figure figcaption{}
#container #serwery #services article figure h2{font-size:14px; font-weight:bold;}
#container #serwery #services article figure footer{}

#container #serwery #intro{}
#container #serwery #intro article{}
#container #serwery #intro article figure{}
#container #serwery #intro article figure img{float:right; margin:0 0 10px 0; padding:4px; border:1px solid #D6D6D6;}
#container #serwery #intro article figure figcaption{float:left; width:460px;}
#container #serwery #intro article figure h2{}
#container #serwery #intro article figure footer{}




/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:30px 0; font-size:12px; line-height:1.4em;}

#footer section h2.title{margin:0 0 25px 0; padding:0; color:#FFFFFF; font-size:12px; font-weight:bold; text-transform:uppercase;}

#footer section nav li{margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #3482bf;}
#footer section nav li.last{margin:0;}

/*----------------------------------------------Copyright-------------------------------------*/

#copyright{padding:20px 0;}
#copyright p{margin: 0;color: #fff;font-family: Crafted;font-size: 20px;padding: 0;}
/*----------------------------------------------SERWERY-------------------------------------*/
.serwery {display:block; width:100%; margin:0; padding:0; text-align:left; margin-left: -20px;
list-style: none;}
.lista {width: 300px;}
.mapa {margin-bottom: 20px;}
.mapa>.img {position: relative;}
.caption {padding: 9px;color: #555555;}




.box3{
margin: 20px auto;
width: 300px;
min-height: 310px;
padding: 10px;
position: relative;
background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#FFFFFF), color-stop(.1,#FFF));
border: 1px solid #FFF;
-webkit-border-radius: 60px 5px;
-webkit-box-shadow: 0px 0px 35px rgba(11, 54, 51, 0.1) inset;
}

.box3:before{
    content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(-14px,20px)
                           skew(-20deg);
}

.box3:after{
    content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(20px,25px)
                           skew(20deg);
}

.box3 img {
    width: 100%;
    margin-top: 15px;
}

p{
    margin-top: 15px;
    text-align: justify;
	color: #0f77a1;
}

h1{
    font-size: 30px;
    font-weight: bold;
	color: #0E9BAF;
	text-align: center;
    margin-top: 5px;
    text-shadow: 1px 1px 3px #f3ff;
	line-height:normal;
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:"Crafted"
}

ul.maps {
width: 100%;
margin: 0 0 60px 0;
float: left;
}
ul.maps li {
display: inline;
padding-right: 20px;
width: 320px;
background: #faf9f8;
border-bottom: 5px solid #ebeae9;
margin: 0 0 30px 0;
float: left;}
ul.maps li p {
width: 260px;
font-family: "ptsansregular",Arial;
text-align:center;
letter-spacing: -1px;
margin: 10px 0 10px 10px;
padding-right: 20px;
color: #8c8c8c;
float: left;}
ul.maps li p i {
color: #bbbbbb;
margin: 0 5px 0 0;}

ul {
list-style: none;}

h1.main, h2.main {
font-size: 22px;
width: 100%;
padding: 0 0 10px 0;
margin: 10px 0 15px 0;
border-bottom: 6px solid #0f77a1;
float: left;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

#jakisdiv img {
    margin-right:20px;
}
#jakisdiv img:last-child {
    margin-right:0 !important;
}