/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 16px 'Open Sans', Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f; text-decoration:none;}
a:hover {color: #69f; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #0F90EB; color: #fff; text-shadow: none;}
::selection {background: #0F90EB; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

a,li,button{
  -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  transition:.2s;
}

/* Layout
-------------------------------------------------------------------------------*/
body{
	background:url(./../img/bg.jpg) no-repeat center 0;
	color:#000;
}
.wrapper{
	margin:0 auto;
	width:1080px;
}

header{
	background:url(./../img/bg_header.png);
	height:100px;
}

footer{
	background:#000 url(./../img/bg_footer.png) no-repeat center 0;	
	height:122px;
}
.col{
	float:left;
}
.col_1_3{
	width:33%;
}
.col_1_2{
	width:50%;
}
/* Headings & Text
-------------------------------------------------------------------------------*/
h3{
	font-size:18px;
	text-transform:uppercase;
}
/* Classes
-------------------------------------------------------------------------------*/
.hide{
	display:none;
}
.read-more{
	background:#fff url(./../img/btn_read_more.png) no-repeat 0 center;
	border:1px solid #e2e2e2;
	color:#0074ca;
	display:block;	
	font-size:12px;
	height:35px;
	line-height:30px;
	padding-left:42px;
	text-align:center;
	width:140px;
}
.read-more:hover{
	background-color:#0088EF;
	color:#fff;
}
/* Header
-------------------------------------------------------------------------------*/
header .wrapper{
	padding:0 20px;
	position:relative;
}
header h1{
	background:url(./../img/logo.png) no-repeat;
	float:left;
	height:77px;
	width:213px;
	position:relative;
	top:10px;
	margin-right:20px;
}
header h1 a{
	display:block;
	height:100%;
	text-indent:-9999em;
	width:100%;
}
header nav li{
	display:inline;
}
header nav li a{
	border-bottom:5px solid #55beeb;
	background-image:url(./../img/icons_nav.png);
	background-repeat: repeat-y;
	color:#000;
	display:block;
	font-size:13px;
	float:left;
	margin-right:5px;
	height:100px;
	padding-top:75px;
	width:109px;
	text-align:center;
}
header nav li:nth-child(1) a{background-position:40px 15px;}
header nav li:nth-child(2) a{background-position:-80px 15px;}
header nav li:nth-child(3) a{background-position:-194px 15px; width:116px} 
header nav li:nth-child(4) a{background-position:-305px 15px;}
header nav li:nth-child(5) a{background-position:-417px 15px;}

header nav li.current:nth-child(1) a,
header nav li:nth-child(1) a:hover{background-position:40px  115px;}
header nav li.current:nth-child(2) a,
header nav li:nth-child(2) a:hover{background-position:-80px 115px;}
header nav li.current:nth-child(3) a,
header nav li:nth-child(3) a:hover{background-position:-194px 115px;}
header nav li.current:nth-child(4) a,
header nav li:nth-child(4) a:hover{background-position:-305px 115px;}
header nav li.current:nth-child(5) a,
header nav li:nth-child(5) a:hover{background-position:-417px 115px;}

header nav li a:hover,
header nav li.current a{
	/*background: radial-gradient(#078ee1, #0079c2); */
	background-color:#0079c2;
	
	border-color:#017DC8;
	color:#fff;
}

header .contact{
	color:#34a5e2;
	font-size:18px;
	float:right;
	line-height:50px;
	width:208px;
}
header .contact strong{
	background-color:#0a89d5;
	color:#fff;
	display:block;
	font-size:24px;
	font-weight:normal;
	text-align:center;
}
header .contact strong span{
	font-weight:bold;
}

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

.content .wrapper{
	background:url(./../img/bg_content.png) no-repeat;
	padding:85px 110px 0 175px;
	margin-top:510px;
	height:1352px;
	position:relative;
	font-size:16px;
	color:#000;

}
.content .wrapper h2:before{
	content:'';
	display:block;
	height:32px;
	width:33px;
	position:absolute;
	top:55px;
	left:105px;
}
#content-firm h2:before{background-image:url(./../img/icon_firm.png)}
#content-offer h2:before{background-image:url(./../img/icon_offer.png)}
#content-park h2:before{background-image:url(./../img/icon_park.png)}
#content-gallery h2:before{background-image:url(./../img/icon_gallery.png)}
#content-contact h2:before{background-image:url(./../img/icon_contact.png)}

.content .wrapper h2{
	color:#057fcd;
	font-size:20px;
	font-weight:bold;
	margin-bottom:62px;
	text-transform:uppercase;
}
.content p{
	line-height:30px;
	margin-bottom:25px;
}
.content .main{
	margin-top:200px;
	min-height:568px;
		
}
.content a{
	color:#0099e1;
}
.content p a:hover,
.content li a:hover{
	color:#057fcd;
}
/* Services */
.services{
	background:url(./../img/icons_services.png) no-repeat 55px 0;;
	height:440px;
	margin-top:60px;
	position:relative;
}
.services li{
	display:block;
	float:left;
	font-size:14px;
	line-height:30px;
	margin-bottom:35px;
	margin-top:95px;
	height:70px;
	width:198px;
	text-align:center;
}
.services li:nth-child(4n+1){width:188px;}
.services li:nth-child(4n+2){width:220px; margin-left:8px;}
.services li:nth-child(4n+3){width:201px;}
.services li:nth-child(4n+4){width:160px; margin-left:15px;}

/* Home */
#content-home .wrapper{
	background:none;
	height:1051px;;
	margin-top:657px;
	padding:0;	
	position:relative;
}
#content-home #wire{
	background:url(./../img/wire.png) no-repeat;
	height:796px;
	width:383px;
	position:absolute;
	top:255px;
	left:-51px;
}
#intro{
	height:275px;
}
#intro section{
	float:left;
}
#intro h3,
#intro button{
	height:50px;
	line-height:50px;
	padding:0;	
}
#intro section:first-child h3{
	background-color:#0192fe;
	color:#00f6ff;
	float:left;
	text-align:center;
	width:220px;
}
#intro section:first-child h3 strong{
	color:#fff;
}
#intro section:first-child button{
	background:rgba(0,0,0,0.7);
	border:none;
	color:rgba(255,255,255,0.6);
	font-size:17px;
	text-align:center;
	text-transform:uppercase;
	width:197px;
}
#intro section:first-child button:hover{
	color:#fff;
}
#intro section:first-child .read-more{
	border-color:#0973c2;
	font-size:14px;
	height:44px;
	line-height:44px;
	width:226px;
	position:relative;
	top:-22px;
	float:right;
	margin-right:50px;
	z-index:100;
}
#intro section:first-child p{
	background:radial-gradient(#209ffe,#0379d1);
	color:#fff;
	font-size:16px;
	line-height:25px;
	height:205px;
	margin-bottom:0;
	padding:35px 35px 10px 35px;
	width:417px;
}
#intro section:last-child h3{
	color:#fff;
	padding-left:72px;
}
#intro section:last-child h3 strong{
	color:#004a82;
}
#intro section:last-child ul{
	margin-top:40px;
	margin-left:57px;
}
#intro section:last-child li{
	display:inline;
}
#intro section:last-child img{
	display:block;
	float:left;
}
#main{
	background:url(./../img/bg_content_home.jpg) no-repeat;
	margin-left:214px;
	margin-top:170px;
	padding-left:47px;
	padding-top:260px;
}
#main .col{
	padding:0 10px;
	text-align:center;
	width:280px;
}
#main .col:last-child{
	width:255px;
	padding-right:0;
}
#main h3{
	font-size:16px;
}
#main a{
	margin:0 auto;
}
/* Kontakt */
#content-contact .wrapper{
	padding-right:180px;	
}
#content-contact .col_1_2{
}
#content-contact p{

	text-align:justify;
}
#content-contact dl{
	margin-top:80px;
}
#content-contact dl div{
	float:left;
	line-height:30px;
	text-align:center;
	width:33%;
}
dl dt img{
	display:block;
	margin:0 auto 20px;
}
/* Galllery */
#content-gallery .wrapper{
	padding-right:60px;
}
.gallery{
	margin-top:100px;
}
.gallery li{
	display:inline
}
.gallery a{
	border:2px solid #0998e0;
	display:block;
	float:left;
	height:145px;
	width:190px;
	margin:0 10px 50px 0;
	box-shadow:2px 2px 3px rgba(0,0,0,0.1);
}

/* park */
#content-park .wrapper{
	position:relative;
}
#content-park h2{
	width:200px;
	cursor:pointer;
}
#content-park .nav{
	position:absolute;
	top:86px;
	right:128px;
	width:570px;
}
#content-park .nav li{
	display:inline-block;
}
#content-park .nav button{
	background:url(./../img/bg_nav_park_left.png) no-repeat 0 -38px , url(./../img/bg_nav_park_right.png) no-repeat right -38px;
	border:none;
	color:#fff;
	font-size:14px;
	height:31px;
	margin-bottom:10px;
	padding:0 14px 0 15px;
	transition:none;
}
#content-park .nav button span{
	background:rgba(116,116,116,0.64);	
	line-height:31px;
	display:block;
	min-width:128px;
	padding:0 5px;
	position:relative;
	top:-1px;
}
#content-park .nav button:hover,
#content-park .nav button.current{
	background:url(./../img/bg_nav_park_left.png) no-repeat 0 0,url(./../img/bg_nav_park_right.png) no-repeat right 0px;
}
#content-park .nav button:hover span,
#content-park .nav button.current span{
		background:#0998e0;
}


#content-park #park-intro{
	left:160px;
}
#content-park #park-intro figure{
	float:none;
	display:block;
}
#content-park #park-intro p{
	width:800px;
	text-align:justify;
}
#content-park .gallery{
	display:none;
	position:absolute;
	top:120px;
	left:140px;
}
#content-park .gallery.current{
	display:block;
}
#content-park #park-gallery-3,
#content-park #park-gallery-5{
	left:286px;
}
.gallery figure{
	border:2px solid #0998e0;
	display:block;
	float:left;
	box-shadow:2px 2px 3px rgba(0,0,0,0.1);
	margin:0 38px 38px 0;
}
.gallery figcaption{
	background-color:#0998e0;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	font-size:14px;
	line-height:18px;
	height:37px;
	text-align:center;
	width:255px;
}
.gallery figure img{
	display:block;
}
.gallery .fig-tight{
	margin-bottom:14px;
}
.gallery .fig-center{
	clear:left;
	margin-left: 297px;
}
.gallery .fig-solo figcaption{
	width:557px;
}
/* gallery */
#content-gallery .gallery{
	display:none;
	position:absolute;
	top:120px;
	left:174px;
}
#content-gallery .gallery.current{
	display:block;
}
#content-gallery #pagination{
	position:absolute;
	bottom:80px;
	left:350px;
}
#content-gallery button{
	border:none;
	background:none;
	color:rgba(0,0,0,0.37);
	font-weight:bold;
	font-size:24px;
	height:127px;
	text-align:center;
	width:50px;
}
#content-gallery button.current{
	background:url(./../img/btn_pagination_bg.png) right center;
	color:#14a3e7;	
	width:300px;
	
}
/* Footer
-------------------------------------------------------------------------------*/
footer{
	padding-top:43px;
}
#copyrights{
	color:#119aeb;
	font-size:12px;
	font-weight:bold;
	height:79px;
	float:left;
	line-height:79px;
	width:470px;
}
#copyrights a{
	color:#fff;
	font-weight:normal;
}
#copyrights a:hover{
	color:#119aeb;
}
footer nav ol{
	background:url(./../img/nav_separator_footer.png) no-repeat right 0;
	width:589px;
	float:right;
}
footer nav li{
	background:url(./../img/nav_separator_footer.png) no-repeat 0 0;
	display:inline-block;
	padding:0;
	margin:0;
	text-indent:0;
}
footer nav li a{
	background:url(./../img/nav_separator_footer.png) no-repeat 0 0;
	background-position:center 18px;
	background-size:21px 20px;
	color:#fff;
	display:block;
	float:left;
	font-size:12px;
	padding-top:46px;
	height:79px;
	width:114px;
	text-align:center;
	opacity:0.5;
}
footer nav li a:hover{
	color:#fff;
	opacity:0.9;
	
}

footer nav li:nth-child(1) a{background-image:url(./../img/icon_firm.png)}
footer nav li:nth-child(2) a{background-image:url(./../img/icon_offer.png)}
footer nav li:nth-child(3) a{background-image:url(./../img/icon_park.png); padding-left:5px;}
footer nav li:nth-child(4) a{background-image:url(./../img/icon_gallery.png)}
footer nav li:nth-child(5) a{background-image:url(./../img/icon_contact.png)}


/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {
	
		
}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}