@charset "utf-8";
/* CSS Document */
html
{width: 100%;
height:100%;
padding:0;
margin:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;

}
body
{   
	
	position:relative;
	width: 100%;
	height:100%;
	padding:0;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	}

.indexslide{ width:100%; height:100%; overflow:hidden;}

.header{
	position:absolute; z-index:999; top:0; left:0; width:100%; height:75px; background:url(../images/headerbg.png) center top repeat-x;
	box-shadow:0 0 20px #000; -moz-box-shadow:0 0 20px #000; -ms-box-shadow:0 0 20px #000; -o-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000;}
	
#logo{ display:block; width:55px; height:55px; position:absolute; left:10px; top:10px;}
#company-name{ height:75px; line-height:75px; position:absolute; left:85px; top:0;}
#company-name h1{ font-size:18px; line-height:75px; margin:0; padding:0; color:#29ABE2;}

a { text-decoration:none;}
a img{border:none;}

#mainmenu{ list-style:none; position:absolute; top:0; right:0; height:75px; padding:0; margin:0;}
	#mainmenu li{ float:left; display:table; height:75px; position:relative; }
		#mainmenu li a{ text-decoration:none; display:table-cell; vertical-align:middle; height:75px; width:160px; padding:0 20px; color:#A9DDF3; text-align:center; font-size:13px; font-weight:bold; transition:color 0.5s , background 0.5s;-moz-transition:color 0.5s , background 0.5s;-ms-transition:color 0.5s , background 0.5s;-o-transition:color 0.5s , background 0.5s;-webkit-transition:color 0.5s , background 0.5s;}
			#mainmenu li a:hover{ color:#EEF8FD; background: rgba(169,221,243,0.2); }
			
			.main-drop{ display:inline-block; background:#00507C; position:absolute; top:-999px; opacity:0; left:0; padding:0; margin:0; transition:opacity 0.5s;-moz-transition:opacity 0.5s;-ms-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;}
			.main-drop li{ float:left; clear:both; height:50px !important;}
			.main-drop li a{ display:block; height:50px !important;  font-size:12px !important; background:#00507C;  }
			.main-drop li a:hover{color:#EEF8FD; }
			
			#mainmenu li:hover .main-drop{ top:75px; opacity:1; }
			
		.sign-in-drop{ display:inline-block; padding:10px; background:#00507C; position:absolute; top:-999px; left:0; opacity:0; transition:opacity 0.5s;-moz-transition:opacity 0.5s;-ms-transition:opacity 0.5s;-o-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;}
			#mainmenu li:hover .sign-in-drop{ top:75px; opacity:1; }

			.textinput {
			border:0px; /*important*/
			background-color:#F2F2F2; /*important*/
			position:relative; /*important*/
			width:180px;
			height:35px;
			color:#666;
			font-size:14px;
			margin:0;
			padding:0 10px;
			float:left;
			clear:both;
			outline:none;
			font-style:italic;
			}
			
			.sign-in-submit   {
			border:0px; /*important*/
			 /*important*/
			position:relative; /*important*/
			width:180px;
			height:35px;
			line-height:35px;
			font-size:12px;
			text-decoration:none;
			margin:10px 0 0 0;
			padding:0;
			float:left;
			clear:both;
			color:#FFF;  line-height:30px;
			text-transform:uppercase;
			font-weight:bold;
			
			}
			
			.bluebutton{background-color:#29ABE2;
			transition:background 0.5s;
			-moz-transition:background 0.5s;
			-ms-transition:background 0.5s;
			-o-transition:background 0.5s;
			-webkit-transition:background 0.5s;}
			.orangebutton{background-color:#EC7700;
			transition:background 0.5s;
			-moz-transition:background 0.5s;
			-ms-transition:background 0.5s;
			-o-transition:background 0.5s;
			-webkit-transition:background 0.5s;}
				.bluebutton:hover   { background:#29D9E2; cursor:pointer;}
				.orangebutton:hover   { background:#FFB000; cursor:pointer;}
				
				
/* NIVO CUSTOMIZATIONS */

.nivo-caption h1{
	font-family: "Arial Black", Gadget, sans-serif!important;
	font-weight:bold;
	font-size:50px;
	line-height:50px;
	text-shadow:0 0 20px #000; -moz-text-shadow:0 0 20px #000; -ms-text-shadow:0 0 20px #000; -o-text-shadow:0 0 20px #000; -webkit-text-shadow:0 0 20px #000;
	margin:20px 0;}
	
.nivo-caption a{
	display:inline-block !important;
	padding:0 15px !important;
	background:#00507C !important;
	color:#FFF !important;
	line-height:35px !important;
	font-size:12px !important;
	font-weight:bold;
	text-decoration:none;
	float:left; 
	clear:both;
	margin:20px 0 0 0;
	transition:background 0.5s;
	-moz-transition:background 0.5s;
	-ms-transition:background 0.5s;
	-o-transition:background 0.5s;
	-webkit-transition:background 0.5s;}
	
.nivo-caption a:hover{background:#29D9E2 !important; cursor:pointer;}


/* NIVO CUSTOMIZATIONS */


/* MOVE DOWN ARROW */

.mainarrow{ display:block; width:75px; height:75px; position:absolute; z-index:999; left:50%; margin-left:-37px; bottom:0; background:url(../images/slidedown.png) center top no-repeat; background-color:#00517E;
transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-webkit-transition:background-color 0.5s;}
.mainarrow:hover{ background-color:#29D9E2;}

/* MOVE DOWN ARROW */


.index-section{
	width:100%;
	position:relative;
	float:left;
	clear:both;
	display:inline-block;}

.sectionwrap{
	position:relative;
	display:inline-block;
	width:90%;
	padding:30px 5%;
	float:left;
	clear:both;
	display:inline-block;}
	
.third{
	width:24%;
	padding:0 4% 30px 4%;
	margin-left:1%;
	border-right:1px solid #99A2A6;
	float:left;
	position:relative;
	color:#FFF;
	font-size:12px;}
	
	.third h1{ font-size:40px; color:#29ABE2;}
	
	.third a{ font-weight:bold; text-decoration:none; color:#CCC; }
		.third a:hover{ color:#FFF; }
		
		
.fixbg{ width:100%; height:100%; background-position:center center; background-size:cover; -moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;-webkit-background-size:cover; position:fixed; z-index:-100;}
#zaluzie{ background-image:url(../images/slide1.jpg);}

     .sidebg{width:25%; padding:0 30px; max-width:500px; height:100%; background:url(../images/dark.png); position:fixed; left:0; top:0; z-index:3;   }
    .sidemenu{ width:25%; padding:0 30px; max-width:500px; height:100%; position:absolute; left:0; top:0; text-align:right; font-size:14px; color:#FFF; z-index:4;}
.sidemenu-topwrap{ display:inline-block; float:right; clear:both; position:relative; padding:0 0 50px 0; }
.sidemenu h1{ margin:100px 0px 20px 0px; font-family:"Arial Black", Gadget, sans-serif; font-size:2.5em; color:#FFF;}

.sidemenu-nav{ padding:0; margin:0; list-style:none; }
.sidemenu-nav li{ padding:10px 0; }
	.sidemenu-nav li a{ font-family:"Arial Black", Gadget, sans-serif; text-align:right; text-decoration:none; font-size:19px; color:#FFF; opacity:0.75; transition:opacity 0.5s; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
		.sidemenu-nav li a:hover, .activeside{ opacity:1 !important;}
		
.content-table , .content-container{
	position:relative;
	float:right;
	margin-right:5%;
	top:100px;
	width:65%;
	color:#F2F2F2;
	}


	.content-container .td {
		margin: 10px;
		padding: 20px;
	background-color:#011621; box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; -ms-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; 
	 vertical-align:top; font-size:14px;		
	}
	
	.table-top{
		background:#00507C !important; color:#F2F2F2;}
		.table-top img{ margin:0 30px 30px 0!important; float:left;  }
		.table-top h1{ font-size:24px !important; color:#D4EEF9; margin:0 0 20px 0;}
		
	.content-table td{ background-color:#011621; box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; -ms-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; width:33%; vertical-align:top; font-size:14px; }
	
	.content-table ul , .content-container .td ul { padding:0 0 0 20px; margin:0;}
	
	.content-table h1 , .content-container .td h1 { font-size:21px; color:#29ABE2; margin:0 0 20px 0;}
	
	.content-table img , .content-container .td img { float:left; margin:30px 0;} 

	ul.files li {
		display: inline-block;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}

	ul.files li a {
		display: inline-block;
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
		font-weight: bold;
		margin-right: 10px;
		margin-bottom: 10px;
		color: #000000;
		background: #A9DDF3;
	}

	ul.files li a:hover {
		background: #ffffff;
	}

	#warning {
		color: #ff6600;
		font-size: 16px;
		width: 450px;
		position: absolute;
		bottom: 30px;
		left: 30px;
		z-index: 100;
	}
	#warning b {
		color: #ffaa55;
	}


#slider.nivoSlider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000 none repeat scroll 0% 0%;
}

#slider .nivo-caption {
	position: absolute;
	left: 0px;
	top: 50%;
	margin: -150px 0px 0px;
	text-shadow: 0px 0px 20px #000;
	color: #FFF;
	max-width: 460px;
	font-size: 14px;
	height: 300px;
	z-index: 8;
	padding: 5px 20px;
	opacity: 1;
	overflow: hidden;
	display: none;
	background: transparent;
	bottom: auto;
}

body .nivo-controlNav {
    text-align: left;
    padding: 0px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 10;
}

body .nivo-controlNav a {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: transparent url("../images/bullets.png") no-repeat scroll left top;
    text-indent: -9999px;
    border: 0px none;
    margin: 0px 2px;
    cursor: pointer;
    float: left;
    clear: both;
}

body .nivo-controlNav a.active {
    background: transparent url("../images/bullets.png") no-repeat scroll right top;
}

#slider .nivo-caption h1 {
	color: #fff;
    font-family: "Arial Black",Gadget,sans-serif !important;
    font-weight: bold;
    font-size: 50px;
    line-height: 50px;
    text-shadow: 0px 0px 20px #000;
    margin: 20px 0px;
}

.index-section h1 {
	color: #29ABE2;
}

.sidemenu h1, .sidemenu h2, .sidemenu h3, .sidemenu h4, .sidemenu h5, .sidemenu h6,
.table-box h1, .table-box h2, .table-box h3, .table-box h4, .table-box h5, .table-box h6,
.table-top h1, .table-top h2, .table-top h3, .table-top h4, .table-top h5, .table-top h6 {
	color: #fff;
}

.sign-in-drop input {
	box-sizing: border-box;
	height: 30px;
}

.tieniaca-technika {
	width:645px;
	padding:0 0 0 75px; 
	display:inline-block; 
	position:relative; 
	left:50%; 
	margin:30px 0 30px -322px; 
	float:left; 
	clear:both; 
	color:#D1D1D1; 
	text-align:left;
	box-sizing: border-box;
}

.hands {
	color:#000; 
	width:960px; 
	display:inline-block; 
	position:relative; 
	left:50%; 
	float:left; 
	clear:both; 
	margin:150px 0 150px -480px;
	box-sizing: border-box;
}

.clear {
	clear: both;
}

.w40 {
	width: 64px;
}

.w45 {
	width: 45px;
}

.w50 {
	width: 64px;
}

.w90 {
	width: 90px;
}

.footer-column {
	padding:30px 0 30px 5%; 
	color:#999; 
	float:left;
}

.footer-column-right {
	padding:30px 5% 30px 0; 
	color:#333; 
	float:right;
}

.footer-center {
	margin: 0 auto; 
	text-align: center; 
	margin-top: -10px;
}

.thirds {
	width:100%; 
	padding:30px 0; 
	position:relative; 
	display:inline-block; 
	float:left; 
	clear:both;
}

#slider-bg {
	display: none;
}

.scrolloff {
	pointer-events: none;
}

.table-box.td h2 {
	font-size: 20px;
}

#qrcode {
	text-align: right;
}

#qrcode img {
	width: 60%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 667px) {
	.tieniaca-technika {
		width: 100%;
		margin: 30px 0;
		left: auto;
		float: none;
	}

	.hands {
		width: 100%;
		margin: 30px 0;
		left: auto;
		overflow: hidden;
		float: none;
		box-sizing: border-box;
	}

	.hands td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
		text-align: center !important;
		word-wrap: break-word;
	}

	.hands table {
		width: 100% !important;
	}

	.hands table h1 {
		text-align: center !important;
		max-width: 100%;
		word-wrap: break-word;
	}

	.thirds {
		float: none;
		left: auto;
	}

	.third {
		box-sizing: border-box;
		width: 100%;
		float: none;
		margin: 0;
		border: 0;
	}

	.header {
		position: relative !important;
		height: auto;
		top: auto;
		left: auto;
		right: auto;
		background: rgba(0,25,39,1);
		background: -moz-linear-gradient(top, rgba(0,25,39,1) 0%, rgba(0,80,123,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,25,39,1)), color-stop(100%, rgba(0,80,123,1)));
		background: -webkit-linear-gradient(top, rgba(0,25,39,1) 0%, rgba(0,80,123,1) 100%);
		background: -o-linear-gradient(top, rgba(0,25,39,1) 0%, rgba(0,80,123,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,25,39,1) 0%, rgba(0,80,123,1) 100%);
		background: linear-gradient(to bottom, rgba(0,25,39,1) 0%, rgba(0,80,123,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001927', endColorstr='#00507b', GradientType=0 );
	}

	#logo {
		padding-top: 10px;
	}

	#logo, #company-name, #mainmenu { 
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		width: 100%;
		text-align: center;
		height: auto;
	}

	#company-name h1 {
		line-height: 40px;
	}

	#mainmenu li {
		float: none;
		width: 100%;
		text-align: center;
		height: auto;
	}

	#mainmenu li a {
		width: 100%;
		height: auto;
		padding: 10px 5px;
		box-sizing: border-box;
	}

	.w40, .w45, .w50, .w90 {
		width: 100%;
	}

	.footer-column, .footer-column-right, .footer-center {
		float: none;
		margin: 0;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
	}

	.index-section {
		float: none;
		display: block;
		box-sizing: border-box;
	}

	.sectionwrap {
		width: 100%;
		box-sizing: border-box;
		float: none;
		display: block;
	}

	#slider {
		height: 300px;
	}

	#slider.nivoSlider {
		height: 300px;
	}

	#slider-bg {
		position: absolute;
		width: 100%;
		height: 300px;
		z-index: 7;
		display: block;
		background: #000 url('../images/slide1.jpg') no-repeat center center;
		background-size: cover;
	}

	#slider.nivo-caption {
		top: 0;
		margin: 0;
	}

	#slider .nivo-caption h1 {
		font-size: 22px;
		line-height: 26px;
	}

	.nivo-controlNav {
		display: none;
	}

	.mainarrow {
		display: none;
		left: auto;
	}

	.main-drop.languages {
		width: 100% !important;
	}

	#mainmenu .main-drop.languages li a {
		display: block !important;
		width: 120px;
		margin: 0 auto;
	}

	#mainmenu li:hover .main-drop.languages {
		top: 40px;
	}

	.sidebg {
		display: none;
	}

	.sidemenu {
		width: 100%;
		float: none;
		left: auto;
		top: auto;
		max-width: none;
		box-sizing: border-box;
		position: relative;
		background: transparent url("../images/dark.png") repeat scroll 0% 0%;
		height: auto;
		padding: 10px;
		text-align: left;
	}

	.sidemenu-topwrap {
		display: block;
		float: none;
		width: 100%;
		padding: 0;
	}

	.content-container {
		position: relative;
		float: none;
		margin: 0;
		box-sizing: border-box;
		top: auto;
		width: 100%;
	}

	.sign-in-drop {
		display: none;
	}

	#mainmenu li.menu-zam {
		display: none;
	}

	.content-container table {
		max-width: 100% !important;
		width: 100% !important;
	}

	.content-container {
		overflow: scroll;
	}
}