@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: bold;
  src: local("PT Sans Bold Italic"), local("PTSans-BoldItalic"), url("http://www.gosnet.pl/pub/fonts/PT_Sans-Web-BoldItalic.ttf") format("TrueType");
}
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: normal;
  src: local("PT Sans"), local("PTSans-Regular"), url("http://www.gosnet.pl/pub/fonts/PT_Sans-Web-Regular.ttf") format("TrueType");
}
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: bold;
  src: local("PT Sans Bold"), local("PTSans-Bold"), url("http://www.gosnet.pl/pub/fonts/PT_Sans-Web-Bold.ttf") format("TrueType");
}
@font-face {
  font-family: "PT Sans";
  font-style: italic;
  font-weight: normal;
  src: local("PT Sans Italic"), local("PTSans-Italic"), url("http://www.gosnet.pl/pub/fonts/PT_Sans-Web-Italic.ttf") format("TrueType");
}

@blueColor: #36b5cc;
@navWidth: 740px;
@navAColor: #fff;
@navActiveColor: #ddd;
@navHoverColor: #072b4e;
@navFont: "Trebuchet MS";
@altNavFont: "Arial";
@defaultFont: "Myriad Web Pro";
@altDefaultFont: "PT Sans", sans-serif;
@stripeShadowWidth: 48px;
@stripeBoxWidth: 311px;
@fontColor: #5f5f5f;
@linkColor: #3477AC;
@oldLinkColor: #3EC6F2;

.page {
	width: 1024px;
	margin: 0 auto;
	}

.rounded(@radius: 10px) {
    -webkit-border-radius: @radius;
    -moz-border-radius: @radius;
    border-radius: @radius;
}

.navart {
	float: left;
	width: 100%;
	margin: 10px 0;
	font-weight: bold;
	border-top: #CACACA 1px solid;
	padding-top: 10px;
	}

.prevart {
	float: left;
	width: 40%;
	}
	
.nextart {
	float: right;
	width: 40%;
	}
	
.fbgbut {
	float: left;
	width: 100%;
	margin: 10px;
	}
	
.fblike {
	float: left;
	}
	
#g_plus_pulg {
	float: left; 
	margin: 10px 0;
	}

.roundedAdv(@topLeft: 10px, @topRight: 10px, @bottomRight: 10px, @bottomLeft: 10px) {
	-webkit-border-top-left-radius: @topLeft;
	-webkit-border-top-right-radius: @topRight;
	-webkit-border-bottom-right-radius: @bottomRight;
	-webkit-border-bottom-left-radius: @bottomLeft;
	-moz-border-radius-topleft: @topLeft;
	-moz-border-radius-topright: @topRight;
	-moz-border-radius-bottomright: @bottomRight;
	-moz-border-radius-bottomleft: @bottomLeft;
	border-top-left-radius: @topLeft;
	border-top-right-radius: @topRight;
	border-bottom-right-radius: @bottomRight;
	border-bottom-left-radius: @bottomLeft;	
}

.animate() {
	-webkit-transform-origin: center center;
       -moz-transform-origin: center center;
         -o-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
	}

.topNavWidth(@navElements: 8) {
	width: (@navWidth / @navElements) + (@navWidth / (@navElements * 6));// + ((@navWidth / (@navElements * 4)) / @navElements);
	}
	
.topNavWidthLast(@navElements: 8) {
	width: @navWidth / (@navElements * 2);
	}

* {
	font-family: @defaultFont, @altDefaultFont;	
}

header {
	background: @blueColor url("http://www.gosnet.pl/pub/gfx/gosnet/header_bg.png") top center no-repeat;
	width: 100%;
	float: left;
	height: 200px;
	
	.page {
	position: relative;
	}
	
		nav {
		width: @navWidth;
		float: right;
		padding: 29px 0px;
		border-bottom: #8ec0f0 1px solid;
		
			li {
			text-align: center;
			.topNavWidth(8);
			float: left;
			
				a {
				color: @navAColor;
				font: 12px/12px @navFont, @altNavFont;
				font-weight: bold;
				}
				
				a:active {
				color: @navActiveColor;
				}
				
				a:hover {
				color: @navHoverColor;
				}
			
			}
			
			li:first-child {
			.topNavWidthLast(8);
			text-align: left;
			}
			
			li:last-child {
			.topNavWidthLast(8);
			text-align: right;
			}
		}
		
		#login {
		position: absolute;
		right: 0px;
		width: 49px;
		height: 19px;
		float: right;
		/*margin-top: -31px;*/
		top: 78px;
		background: #8EC0F0;
		padding: 0px 6px 3px;
		.roundedAdv(0px, 0px, 10px, 10px);
		.animate();
		z-index: 100;
		
			form {
			display: none;
			margin: 5px 0;
			}
		
			a {
			color: white;
			font-size: 10px;
			line-height: 14px;
			}
		}
		
		#login:hover {
		.roundedAdv(0px, 0px, 0px, 10px);
		width: 170px;
		height: 121px;
		
			form {
			display: block;
			}
			
			a {
			font-size: 12px;
			line-height: 14px;
			}
		}
		
		.banner {
		background: url("http://www.gosnet.pl/pub/gfx/gosnet/banner_bg.png") top center no-repeat;
		width: 100%;
		float: left;
		padding: 16px;
		height: 402px;
		}
		
		#banner {
		width: 811px;
		height: 402px;
		margin: 0 auto;
		position: relative;
		
			img {
				position: absolute;
				top: 0px;
				left: 0px;
				}
		
			#slogan {
			position: absolute;
			top: 106px;
			left: 38px;
			width: 280px;
			/* top: 147px;
			left: 62px; */
			color: #fff;
			font-weight: bold;
			font-size: 40px;
			text-align: center;
			
				a {
				background: url("http://www.gosnet.pl/pub/gfx/gosnet/button1.png") no-repeat;
				color: #fff;
				font-size: 30px;
				line-height: 53px;
				font-weight: bold;
				text-align: center;
				width: 214px;
				height: 53px;
				float: left;
				margin: 25px;
				}
				
				a:hover {
				background: url("http://www.gosnet.pl/pub/gfx/gosnet/button1_hover.png") no-repeat;
				}
				
				a:active {
				background: url("http://www.gosnet.pl/pub/gfx/gosnet/button1_active.png") no-repeat;
				}
			}
		}
	}

header.thin {
	height: 125px !important;
	}

#stripe {
	width: 100%;
	float: left;
	background: url("http://www.gosnet.pl/pub/gfx/gosnet/stripe_bg.jpg") repeat-x;
	height: 166px;
	margin: 343px 0 16px;
	
	.page {
	width: 1029px;
	
		.shadow_left {
		background: url("http://www.gosnet.pl/pub/gfx/gosnet/stripe_left_shadow.jpg") no-repeat;
		width: @stripeShadowWidth;
		height: 164px;
		float: left;
		}
			
		.shadow_right {
		background: url("http://www.gosnet.pl/pub/gfx/gosnet/stripe_right_shadow.jpg") no-repeat;
		width: @stripeShadowWidth;
		height: 164px;
		float: left;
		}
		
		
		.box {
			width: @stripeBoxWidth;
			height: 164px;
			background: url("http://www.gosnet.pl/pub/gfx/gosnet/stripe_box.jpg") no-repeat;
			float: left;
			margin: 1px 0;
			
			img {
			float: left;
			}
			
			h1 {
			width: 165px;
			float: right;
			text-align: center;
			color: @fontColor;
			font-size: 17px;
			font-weight: bold;
			margin-top: 30px;
			}
			
			.desc {
			width: 155px;
			float: right;
			text-align: left;
			padding: 0 5px;
			font-size: 12px;
			color: @fontColor;
			margin-top: 22px;
			}
		}
	}
}

.more {
	float: right;
	padding-right: 23px;
	margin-top: 27px;
	
		a {
		color: #014479;
		font-size: 12px;
		font-weight: bold;
		}
		
		a:hover {
		color: #23669B;
		}
		
		a:active {
		color: #4588BD;
		}
	}
	
#container {
	padding: 24px;
	float: left;
	width: 970px;
	
		hgroup {
			width: 100%;
			float: left;
			border-bottom: #dedede 1px solid;
			padding: 9px;
			margin-bottom: 10px;
			
			
		}
		
		.gpcont {
			float: right;
			height: 30px;
			position: relative;
			
			.googleplus {
					position: absolute;
					bottom: 0px;
					right: 10px;
				}
		}
		
		h1 {
			font-size: 24px;
			font-weight: bold;
			color: @fontColor;
		}
			
		.content_panel {
		width: 100% !important;
		}
	
		.content, .content_panel {
		width: 620px;
		float: left;
		color: @fontColor;
		font-size: 13px;
		line-height: 16px;
		
			blockquote {
			padding: 10px;
			border: #CACACA 1px solid;
			background-color: #F0F0F0;
			background: url("http://www.gosnet.pl/pub/gfx/gosnet/quote.png") no-repeat left top,
			  			url("http://www.gosnet.pl/pub/gfx/gosnet/backquote.png") no-repeat right bottom;
							
			}
		
			.work {
			float: left;
			border-bottom: #CACACA 1px solid;
			padding-bottom: 20px;
			margin-bottom: 20px;
			
				img {
				float: left;
				margin: 8px;
				}
				
				.desc {
				float: left;
				}
			}
			
			.no_border {
			border: 0 !important;
			}
		
			img {
			max-width: 620px;
			}
			
			h2 {
			font-size: 16px;
			font-weight: bold;
			color: #2f2f2f;
			float: left; 
			width: 100%;
			padding: 16px 32px;
			text-align: left;
			margin-bottom: 0;
			}
			
			h4 {
			color: #2f2f2f;
			font-weight: bold;
			font-size: 20px;
			}
			
			p {
			margin: 10px 30px;
			text-indent: 36px;
			}	
			
			ul.list-style-disc, ol.list-style-disc {
			margin: 10px 45px;
			padding: 0 35px;
			list-style: disc;
			}
			
			a {
			font-weight: bold;
			color: @linkColor;
			}
		}
		
		aside {
		width: 260px;
		color: @fontColor;
		font-size: 12px;
		float: right;
		
			fieldset {
			clear:both;
			}
		}
	
		dl {
		width: 100%;
		float: left;
		
			dt {
			width: 35%;
			float: left;
			line-height: 23px;
			padding: 2px 0;
			}
			
			dd {
			width: 65%;
			float: right;
			}
			
		}
		
		dl.big {
		width: 100%;
		float: left;
		
			dt {
			width: 100%;
			float: left;
			}
			
			dd {
			width: 100%;
			float: right;
			
				textarea {
				width: 247px;
				}
				
				textarea.big {
				width: 100% !important;
				}
			}
			
		}
	
	}
	
input, textarea {
	width: 100%;
	border: #cacaca 1px solid; 
	padding: 4px;
	}
	
input {
	width: 156px;
	}
	
textarea {
	min-height: 94px;
	width: 100%;
	}
	
.button, input[type=submit] {
	background: url("http://www.gosnet.pl/pub/gfx/gosnet/button2.png") no-repeat;
	color: #fff !important;
	font-size: 16px;
	line-height: 27px;
	font-weight: bold;
	text-align: center;
	width: 107px;
	height: 27px;
	float: right;
	margin: 10px;
	border: 0;
	padding: 0;
	
		:hover {
		background: url("http://www.gosnet.pl/pub/gfx/gosnet/button2_hover.png") no-repeat;
		}
		
		:active {
		background: url("http://www.gosnet.pl/pub/gfx/gosnet/button2_active.png") no-repeat;
		}
	
	}

.wide {
	width: 100%;
	float: left;
	border-top: #3d3d3d 1px solid;
	background: url("http://www.gosnet.pl/pub/gfx/gosnet/wide.png") top center no-repeat;
	
		hgroup {
		float: left;
		width: 100%;
		margin: 14px 0;
		padding: 0 19px;
			
			h1 {
			font-weight: bold;
			font-size: 24px;
			color: @fontColor;
			}
		}
		
		h2 {
		font-weight: bold;
		font-size: 18px;
		color: @fontColor;
		margin-bottom: 11px;
		}
		
		h3 {
		color: @linkColor;
		font-weight: bold;
		font-size: 20px;
		width: 256px;
		}
		
		article.short {
		float: left;
		width: 460px;
		padding: 26px;
		color: @fontColor;
		font-size: 12px;
			
			img {
			float: left;
			margin: 8px;
			}
			
			.desc {
			margin: 10px 20px 10px 84px;
			/* text-indent: 36px; */
			}
			 
		}
	
	#presentation {
	border: #e7e7e7 1px solid;
	.rounded();
	float: left;
	width: 100%;
	background: #fff url("http://www.gosnet.pl/pub/gfx/gosnet/presentation_bg.jpg") repeat-x;
	
		nav {
		
			li {
			margin-right: 1px;
			background: url("http://www.gosnet.pl/pub/gfx/gosnet/presentation_nav.png");
			float: left;
			color: #2f2f2f;
			font-size: 16px;
			font-weight: bold;
			padding: 0 20px; 
			line-height: 46px;
			
			}
			
			li:first-child {
			margin-left: 34px;
			}
			
			li:hover, li.active {
			background: url("http://www.gosnet.pl/pub/gfx/gosnet/presentation_nav_active.png");
			}
			
		}
		
		#holder {
		width: 100%;
		position: relative;
		overflow: hidden;
		height: 422px;
		float: left;
		}
		
		#slider {
		position: absolute;
		width: 5120px;
		height: 402px;
		top:0px;
		left: 0px;
		}
		
		.slide {
		text-align: center;
		padding: 10px 16px 0;
		width: 992px;
		height: 354px;
		float: left;
		}
		
		.desc {
		text-indent: 36px;
		color: @fontColor;
		font-size: 12px;
		text-align: left;
		}
		
		h2 {
			font-size: 16px;
			font-weight: bold;
			color: #2f2f2f;
			float: left; 
			width: 100%;
			padding: 16px 32px;
			text-align: left;
			margin-bottom: 0;
		}
	}
}

footer {
	float: left;
	width: 100%;
	background: #1D1D1B;
	border-top: #676767 3px solid;
	margin-top: 80px;
	
	#logo_bottom {
	float: left;
	margin-top: -62px;
	}
	
	#call_us {
	float: right;
	margin-top: -26px;
	margin-right: 150px;
	}
	
	#contact_us {
	float: right;
	margin-top: -60px;
	}
	
	#site_map {
	float: left;
	width: 100%;
	}
	
	nav,#info {
	float: left; 
	width: 256px;
		
		h3 {
		color: @oldLinkColor;
		font-weight: bold;
		font-size: 20px;
		width: 256px;
		}
		
		ul {
		width: 256px;
		margin: 17px 0;
		padding: 0 18px;
		
			li {
			
				a {
				color: #fff;
				font-size: 14px;
				}
			
			}
		}
		
	}
	
	.desc {
	margin: 17px 0;
	padding: 0 18px;
	color: #fff;
	font-size: 16px;
	
		a {
		font-weight: bold;
		color: @oldLinkColor;
		}
	}
	
	#social {
	background: #242422;
	margin: 38px 0 21px;
	padding: 22px 0px;
	float: left;
	width: 100%;
	
		.icons {
		float: left;
		}
	
		h4 {
		color: #fff;
		font-size: 18px;
		}
		
		img {
		margin: 0 4px;
		}
		
		#id_newsletter {
		float: right;
		color: #fff;
		
			input[type=text] {
			width: 277px;
			margin-right: 10px;
			}
			
			.extra {
			display: none;
			}
			
			a.remove {
			font-size: 12px;
			color: #aaa;
			}
		
		}
	
	}

	#footer_info {
	float: left;
	width: 100%;
	margin: 0 0 10px;
	color: @fontColor;
	font-size: 0.6em;
	text-align: center;
	
		a {
		color: @linkColor;
		}
	
	}

}
	
table {
	width: 100%;
	border: #fff 1px solid;
	
	tr {
	
		th {
		background: #7ac2d6;
		border: #fff 1px solid;	
		color: #fff;
		text-align: center;
		font-weight: bold;
		padding: 10px;
		}
		
		th:first-child {
		.roundedAdv(10px, 0, 0, 0);
		}
		
		th:last-child {
		.roundedAdv(0, 10px, 0, 0);
		}
		
		td {
		background: #fff;
		border: #a8a8a8 1px solid;
		text-align: center;
		color: #a8a8a8;
		padding: 10px;
		}
		
		td:first-child {
		font-weight: bold;
		border-left: #fff 1px solid;
		}
		
		td:last-child {
		border-right: #fff 1px solid;
		}
	}
	
	tr:last-child {
		td {
		border-bottom: #fff 1px solid;
		}
	}
	
	
	
	}
	
	#raport {
			
		.raport_holder {
		position: relative;
		float: left;
		width: 100%;
		}	
		
		.chart_holder {
		position: absolute;
		background: #fff;
		display: none;
		}
		
			
		tr {
				td {
				min-height: 25px;
				color: #000;
				}
				
				td:first-child {
				-webkit-transform-origin: right top;
		     	  -moz-transform-origin: right top;
			        -o-transform-origin: right top;
			           transform-origin: right top;
			    -webkit-transition: all 0.2s ease-out;
			       -moz-transition: all 0.2s ease-out;
			         -o-transition: all 0.2s ease-out;
			            transition: all 0.2s ease-out;
				}
			
				td:first-child:hover {
				box-shadow: #a8a8a8 0px 0px 3px;
				-webkit-transform: scale(1.25);
			       -moz-transform: scale(1.25);
			         -o-transform: scale(1.25);
			            transform: scale(1.25);
				}
			}
			
		}
	
.ui-daterangepickercontain {
	font-size: 12px;
	}



#quickdatepicker {
	float: right;
	font-size: 12px;
	
		input {
		margin-left: 10px;
		}
	}