/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

section,
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

*, *::after, *::before {
    box-sizing: border-box;
}
strong {
	font-weight: 700;
}
.overflow, .overflow .columns {
	overflow: visible !important;
}
section {
	display: block;
	width: 100%;
}

/*================== header =====================*/
.header {
	width: 100%;
	position: relative;
	z-index: 9999;
	overflow: visible;
	height: 70px;
}
.button-orange {
	font-size: 16px;
	background: #ff5400;
	padding: 10px 30px 10px 30px;
	color: #fff !important;
	text-decoration: none;
	font-weight: 700;
	vertical-align: bottom;
	margin: 0 0 0 30px;
}
.button-orange:hover {
	text-decoration: none;
	background: #ea2c00;
}
.header .branding {
	float: left;
}
.header .contact {
	float: right;
	text-align: right;
	font-size: 30px;
	margin: 23px 100px 0 0;
}
h1.logo {
	float: left;
	margin: 10px 0 0 100px;
	font-size: 40px;
	font-weight: 700;
	color: #000;
}



		#menu {
			overflow: visible !important;
			font-size: 14px;
		}
		#menu.no_slider {
			margin-bottom: 20px;
			border-bottom: 1px solid #4B4B4B;	
		}
		ul#menu li {
			/*float: left;*/
			display: inline; 
			overflow: visible !important;
			margin: 0px 0;
		}
		ul#menu li img {
			margin: 0px 5px;
			opacity: .5;
		}
		ul#menu li img.active,ul#menu li img:hover {
			opacity: 1;
		}
		ul#menu li a{
			color: #FFFFFF;
			display: block;
			float: left; 
			overflow: visible !important;
			text-transform: uppercase;
			z-index: 99999;
			position: relative;
			padding: 15px 25px 15px 25px;
			letter-spacing: 1px;
			font-size: 15px;
			line-height: 20px;
			font-weight: 600;
			background: url('/images/arrow-down.png') no-repeat right -15px center;
			
		}
		ul#menu li a:hover {
			color: #ffffff;
			text-decoration: none;
			background: #009ebb;
			/*background: #009ebb url('/images/arrow-down.png') no-repeat right center;*/
		}
		ul#menu li a.active{
			color: #ffffff;
			text-decoration: none;
			background: #04759a;
			/*background: #04759a url('/images/arrow-down.png') no-repeat right center;*/
		}
		ul#menu li:last-child a{
			margin-right: 0px;
		}
		/* Sub Menu Unordered List Second Level Style */
		ul#menu li ul {
			display: none;
		}
		ul#menu li ul li {
			margin: 0px;
		}
		/* Before Second Level Unordered List Style */
			ul#menu li ul:before {
			content: " ";
			position: absolute;
			display: block;
			z-index: 1500;
			left: 0;
			width: 100%;
		}
		/* Sub Menu Unordered List Second Level Style
		When Parent List Item is Hovered */
		ul#menu li:hover ul {
			position: absolute;
			display: block;
			z-index: 1000;
			list-style: none;
			padding-top: 50px;
			margin-left: 0px;
		}	 
		/* Second Level Menu List Items Style */
		ul#menu li ul li {
			float: none;       
		}
		/* Second Level List Items Links Style */
		ul#menu li ul li a, ul#menu li ul li a:link {
			display: block;
			padding: 10px 10px 10px 25px;
			margin: 0px;
			border: 0px;
			letter-spacing: 0;
			background-color: #009ebb;
			background-image: none;
			color: #fff;
			text-align: left;
			text-transform: uppercase;
			font-size: 14px;
			font-weight: 400;
			width: 100%;
			min-width: 250px;
			border-bottom: 1px solid #009ebb;
			border-right: 0px solid #009ebb;
			border-left: 0px solid #009ebb; 
		}
		ul#menu li ul li a:hover {
			color: #fff;
			background-color: #04759a;
			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			-o-transition: all .5s ease;
			-ms-transition: all .5s ease;
			transition: all .5s ease;
		}
		#nav {
			background: #003658;
		}
		#nav > a {
			display: none;
		}
		#nav li {
			position: relative;
		}
		#nav li a {
			display: block;
		}
		#nav span:after {
			width: 0;
			height: 0;
			content: '';
			vertical-align: middle;
			display: inline-block;
			position: relative;
		}
		/* first level */
		#nav > ul > li {
			float: left;
		}
		/* second level */
		#nav li ul {	
			display: none;
			position: absolute;
		}
		#nav li:hover ul {
			display: block;
			left: 0;
			right: 0;
		}
		a.menucollapse {
			display: block;
			text-align: center;
			color: #FFF;
			/*font-size: 16px;*/
			text-transform: uppercase;
			letter-spacing: 3px !important;
			padding-top: 5px;
			font-weight: bold;
		}


/*================= Content ===================*/

img.scale-with-grid {
	width: 100%;
	height: auto;
}


input.button {
	color: #FFF;
	background-color: #DCAF38;
	cursor: pointer;
	text-align: center;
	padding: 10px 30px 10px 30px;
	border: none;
	font-size: 16px;
}
input.button:hover {
	background-color: #C59A32;
}


/*================== footer =====================*/

#footer {
	width: 100%;
	padding-top: 60px;
	line-height: 22px;
	padding-bottom: 60px;
	font-size: 14px;
}
#footer .copyright {
	text-align: center;
	padding: 30px 0 0 0;
	font-size: 12px;
}
.intro {
	padding: 0px 10px 40px 0px;
}


/*================== Page content =====================*/

.page-content {
	padding: 60px 0 0px 0;
}

.services {
	padding: 0 0 60px 0;
}
.services h2 {
	width: 80%;
}
.list-of-services  {
	list-style: disc !important;
	margin-top: 50px !important;
}
.list-of-services li {
	margin: 0 0 5px 30px;
}

/*================== Social media ====================*/

.social-media {
	border-top: 1px solid #d7d7d7;
	padding: 30px;
	text-align: center;
}
.social-media a {
	margin: 10px;
}

/*================== Tag cloud =======================*/

.tags {
	max-width: 1200px;
	margin: 0 auto;
}
.tag-cloud {
	padding: 90px;
	text-align: center;
	background: #e9edef;
	font-size: 30px;
	line-height: 1.1em;
}
.tag-cloud .disc {
	font-family: Arial;
	font-size: 20px;
	color: #adb1b6;
	padding: 0 10px 0 10px;
}
.tag-cloud .blue {
	color: #00448a;
}
.tag-cloud .green {
	color: #139b59;
}
.tag-cloud .yellow {
	color: #e49600;
}
.tag-cloud .orange {
	color: #ed5900;
}
.tag-cloud .red {
	color: #e81000;
}
.tag-cloud .burgundy {
	color: #b7204e;
}
.tag-cloud .purple {
	color: #5d1889;
}

/*================== Client list ======================*/

.clients {
	padding: 50px 0 30px 0;
	text-align: center;
}
.clients h2 {
	margin: 0 0 40px 0;
}
.clients .companies li {
	box-sizing: border-box;
	width: 18%;
	float: left;
	margin: 0 0 15px 20px;
	padding: 40px 20px 20px 20px;
	border: 1px solid #d0d0d0;
	height: 120px;
	text-align: center;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.0em;
	color: #000;
}
.clients .companies li:first-child {
	margin-left: 0;
}






/* ==========================================
#Media Queries
========================================== */

	@media only screen and (max-width: 1280px) {	
		
		.header {
			height: 70px;
		}
		.button-orange {
			font-size: 14px;
			padding: 10px 30px 10px 30px;
			margin: 0 0 0 30px;
		}
		.header .branding {
			float: left;
		}
		.header .contact {
			float: right;
			text-align: right;
			font-size: 24px;
			margin: 23px 100px 0 0;
		}
		h1.logo {
			float: left;
			margin: 15px 0 0 100px;
			font-size: 34px;
		}
		
	}
	
	@media only screen and (max-width: 1024px) {	

		
		.tag-cloud {
			padding: 90px;
			font-size: 22px;
			line-height: 1.1em;
		}
		.tag-cloud .disc {
			font-size: 16px;
			padding: 0 10px 0 10px;
		}
		
		.clients {
			padding: 50px 0 30px 0;
		}
		.clients h2 {
			margin: 0 0 40px 0;
		}
		.clients .companies li {
			width: 18%;
			float: left;
			margin: 0 0 0 20px;
			padding: 40px 20px 20px 20px;
			height: 120px;
			font-size: 17px;
			line-height: 1.0em;
		}

	}


	@media only screen and (min-width: 748px) and (max-width: 1240px) {
	
	
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {

		.header {
			height: 100px;
		}
		.button-orange {
			font-size: 13px;
			padding: 6px 30px 6px 30px;
			margin: 0 0 0 30px;
		}
		.header .branding {
			float: left;
			width: 100%;
			text-align: center;
		}
		.header .contact {
			float: none;
			text-align: center;
			font-size: 20px;
			margin: 23px 0px 0 0;
			width: 100%;
		}
		h1.logo {
			float: none;
			margin: 10px 0 15px 0px;
			font-size: 30px;
			text-align: center;
		}
		
		.tag-cloud {
			padding: 70px;
			font-size: 22px;
			line-height: 1.1em;
		}
		.tag-cloud .disc {
			font-size: 16px;
			padding: 0 10px 0 10px;
		}
		
		.clients {
			padding: 50px 0 30px 0;
		}
		.clients h2 {
			margin: 0 0 30px 0;
		}
		.clients .companies li {
			width: 30%;
			float: left;
			margin: 0 0 20px 20px;
			padding: 30px 20px 20px 20px;
			height: 90px;
			font-size: 16px;
			line-height: 1.0em;
		}
		.clients .companies li:nth-child(3n + 1) {
			clear: left;
			margin-left: 0px;
			
		}

		#menu {
			padding: 0 !important;
			margin: 0 !important;
		}
		ul#menu li a:hover, ul#menu li a.active{
			color: #fff;
			text-decoration: none;
		}
		/*toto je nove*/
		ul#menu li a {
			float: none;
			display: block;
		}
		.language {
			display: block !important;
		}
		.header .flags {
			display: none;
		}
		#nav {
			width: 100%;
			background: #003658;
			position: absolute;
			margin: 0px;
			height: 50px;
			padding-top: 7px;
			top: 170px !important;
			left: 0px;
			z-index: 999999!important;
			/*top: auto;
			left: auto;*/
		}
		#nav > a {
			position: relative;
		}
		#nav:not( :target ) > a:first-of-type,
		#nav:target > a:last-of-type {
			display: block;
		}
		/* first level */
		#nav > ul {
			height: auto;
			display: none;
			position: absolute;
			left: 0;
			right: 0;
			z-index: 999999!important;
			background-color: #003658;
			margin-top: 10px !important;
		}
		#nav:target > ul {
			display: block;
		}
		#nav > ul > li {
			float: none;
			display: block;
		}
		#nav > ul > li > a {
			height: auto;
			text-align: left;
			display: block;
			width: 100%;
			padding: 10px 5%;
			float: none;
			color: #FFF;
			font-size: 15px;
		}
		/* second level */
		#nav li ul {
			position: static;
		}
		#nav ul li ul li a {
			text-align: left !important;
			padding: 10px 0 10px 7% !important;
			width: 93% !important;
			margin: 0px  !important;
			left: 0px;
		}
		ul#menu li:hover ul {
			position: static;
			margin-bottom: 10px !important;
			padding-top: 0px !important;
			margin: 0px  !important;
		}
		
		#footer {
			padding-top: 20px;
			padding-bottom: 60px;
			text-align: left;
		}
		#footer .copyright {
			padding: 30px 0 0 0;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 748px) and (max-width: 959px) {
		
	}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 747px) {
	
		.header {
			height: 100px;
		}
		.button-orange {
			font-size: 13px;
			padding: 6px 30px 6px 30px;
			margin: 0 0 0 30px;
		}
		.header .branding {
			float: left;
			width: 100%;
			text-align: center;
		}
		.header .contact {
			float: none;
			text-align: center;
			font-size: 18px;
			margin: 23px 0px 0 0;
			width: 100%;
		}
		h1.logo {
			float: none;
			margin: 5px 0 5px 0px;
			font-size: 28px;
			text-align: center;
		}
		
		.services h2 {
			width: 100%;
			line-height: 1.3em;
		}
		.services {
			padding: 0 0 30px 0;
		}
		.list-of-services  {
			margin-top: 20px !important;
		}
		.services-image {
			border: 0px solid #f00;
			text-align: center;
		}
		.services-image img {
			width: 50%;
			margin: 30px 0 0 0;
			display: none;
		}
		.tag-cloud {
			padding: 70px;
			font-size: 22px;
			line-height: 1.1em;
		}
		.tag-cloud .disc {
			font-size: 16px;
			padding: 0 10px 0 10px;
		}
		
		.clients {
			padding: 30px 0 30px 0;
		}
		.clients h2 {
			margin: 0 0 20px 0;
		}
		.clients .companies li {
			width: 30%;
			float: left;
			margin: 0 0 15px 15px;
			padding: 20px 15px 20px 15px;
			height: 80px;
			font-size: 15px;
			line-height: 1.0em;
		}
		.clients .companies li:nth-child(3n + 1) {
			clear: left;
			margin-left: 0px;
			
		}
		
		#nav {
			top: 220px !important;
		}
		.intro {
    		padding: 0px 0px 40px 0px;
		}
		
		#footer {
			padding-top: 60px;
			padding-bottom: 60px;
			text-align: center;
		}
		#footer ul {
			margin-bottom: 30px;
		}
		#footer .copyright {
			padding: 30px 0 0 0;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 480px) {

		.tag-cloud {
			padding: 50px;
			font-size: 18px;
			line-height: 1.1em;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 420px) {
		.page-content {
			padding: 30px 0 0px 0;
		}
		
		.header {
			height: 100px;
		}
		.button-orange {
			font-size: 13px;
			padding: 6px 20px 6px 20px;
			margin: 0 0 0 20px;
		}
		.header .branding {
			float: left;
			width: 100%;
			text-align: center;
		}
		.header .contact {
			float: none;
			text-align: center;
			font-size: 16px;
			margin: 23px 0px 0 0;
			width: 100%;
		}
		h1.logo {
			float: none;
			margin: 5px 0 5px 0px;
			font-size: 28px;
			text-align: center;
		}
		
		.clients .companies li {
			width: 100%;
			float: left;
			margin: 0 0 10px 15px;
			padding: 15px 15px 15px 15px;
			height: 40px;
			font-size: 15px;
			line-height: 1.0em;
		}
		.clients .companies li:nth-child(1n + 1) {
			clear: left;
			margin-left: 0px;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 460px) and (max-width: 747px) {
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 459px) {

	}