@charset "utf-8";
@media print { .noprint { display: none; } }
html { overflow-y: scroll; overflow: -moz-scrollbars-vertical; }

/*----------------------------------------------------------------------------------*/

.pan { position:relative; float:none; clear:both; min-width:200px; min-height:80px!important; border: 0; background-repeat:no-repeat; background-position:center top; background-size:cover; } 

.BlackCover { visibility:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:9; }
.LoginSquare { position:absolute; left:0; top:0; width:15px; height:15px; z-index:9999; }
	
.tempx { border:1px dotted #999; padding:10px 15px; margin:10px 0; background-color:rgba(255,255,255,0.5); color:#333; } 
.ui-state-highlight { display:block; width:100%; background-color:#F8F8F8!important; border:1px dotted #F09!important; padding:10px }

/*----------------------------------------------------------------------------------*/

/*body { background-color:#EEE; color:#000; font-family:"Open Sans Condensed",sans-serif; font-size:19px; font-weight:400; margin:0; padding:0; } */
body { background-color:#EEE; color:#000; font-family:"Open Sans Condensed",sans-serif; font-size:19px; font-weight:400; margin:0; padding:0; } 

table { float:none; clear:both; } 

.col25 { float:left; width:25%; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.col33 { float:left; width:33%; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.col50 { float:left; width:50%; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.col66 { float:left; width:66%; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.col75 { float:left; width:75%; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.col100 { float:left; width:100%; padding:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.nopad { padding-top:0!important; }

td { margin:0; padding:2px 5px; }
p { margin:0; padding:10px 0; }

b, strong { font-weight:700; }

.hrhid { display:block; clear:both; float:none; visibility:hidden; padding:0!important; margin:0!important; height:0!important; border:0!important; } 

hr { display:block; clear:both; float:none; height:0; border:none; border-top:1px solid #999!important; width: auto; margin:20px 0!important; text-align:center!important; } 
.hr-short-orange { width:100px; border-top:3px solid #F90!important; text-align:center!important; margin:15px 0 10px 0!important; }
/*
h1+hr, h2+hr, h3+hr, h4+hr { margin:0!important; padding:10px 0 10px 0!important; } 
hr+h1, hr+h2, hr+h3, hr+h4 { margin:0!important; padding:10px 0 10px 0!important; } 
h2+h1 { margin:0!important; padding:0!important; } 
*/
h1,h2,h3,h4,h5 { float:none; clear:both; font-family:"Open Sans Condensed",Arial,Sans-Serif; color:#000; margin:10px 0; font-weight:400; 
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 
} 
/*
h1 { font-size: 48px; letter-spacing:-1px; line-height:56px; } 
h2 { font-size: 36px; line-height:44px; }  
*/
h1 { font-size: 44px; letter-spacing:-1px; line-height:48px; } 
h2 { font-size: 32px; line-height:36px; }  
h3 { font-size: 22px; } 
h4 { font-size: 18px; } 
h5 { font-size: 16px; } 
.hidden{display:none; } 

.trans1, .trans2 { font-size:72px; }

a { color:#000; /*text-decoration:none;*/ } a:hover { color:#F90; } 

input[type="button"], .btnx {
	font-family:"Roboto Condensed", Arial, Helvetica, sans-serif; font-size:14px!important; padding:2px 5px; border:1px solid #CCC; display:inline-block; color:#333; text-decoration:none; 
	background: #BBB; /* Old browsers */
	background: -moz-linear-gradient(top,  #EEE 0%, #BBB 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #EEE 0%,#BBB 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #EEE 0%,#BBB 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#EEE", endColorstr="#BBB",GradientType=0 ); /* IE6-9 */	
	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; 	
}
input[type="button"]:hover, .btnx:hover {
	background: #EEE; /* Old browsers */
	background: -moz-linear-gradient(top,  #BBB 0%, #EEE 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #BBB 0%,#EEE 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #BBB 0%,#EEE 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#BBB", endColorstr="#EEE",GradientType=0 ); /* IE6-9 */
}

.max1200 { max-width:1200px; }
.prednostdiv { padding:10px 30px; height:40px; display:table-cell; vertical-align:middle; border:2px solid #000; font-size:24px; }

.TabLoga td { height:130px; width:260px; background-color:#FFF; text-align:center; }
.TabLoga img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.TabLoga img:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%);  } 

/* ACCORDION STYLES START */
.AccTitle { position:relative; margin-top:10px; background-color:#CCC; color:#FFF; font-weight:bold; padding:10px 30px 15px 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; cursor:pointer; }
	.AccTitle img { position:relative; left:12px; top:2px;}
.AccText { position:relative; margin-bottom:10px; display:none;background-color:#EEE; padding:20px 30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
/* ACCORDION STYLES END */

.Video { padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.Maps { padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

.FV48 { font-size:48px; }
.FV36 { font-size:36px; }
.FV28 { font-size:28px; }
.FV26 { font-size:26px; }
.FV24 { font-size:24px; }
.FV22 { font-size:22px; }
.FV18 { font-size:18px; }

/* Z LAYOUTU*/
body { position:relative; }
.T { visibility:hidden; background-color:#444; }
	#T { }
.M { visibility:hidden; }
	#M { min-height:800px; }
.B { visibility:hidden; }
	#B { min-height:60px; }

.home-1 { background-position:center center; background-size:cover;  }
.home-1-1 { position:absolute; width:100%; left:0; top:0; color:#FFF; } .home-1-1 a:hover { color:#FFF; }
.home-1-2 { position:absolute; width:100%; left:0; bottom:0; text-align:center; /* background-color:rgba(34,54,84,0.8); */ /* 3c5a8c */ color:#FFF; font-size:24px; }	
.max1160 { max-width:1160px; position:relative; text-align:left; }
.max1200 { max-width:1200px; position:relative; text-align:left; }

.home-1-2-bot-left { float:left; padding:25px 0; }
.home-1-2-bot-right { float:right; padding:25px 0; }

.home-2 { padding:40px 0; }
	.trans1 { position:relative; animation:mymove 1s ease-in-out 0s backwards;-webkit-animation:mymove 1s ease-in-out 0s backwards;}
.trans2 { position:relative; animation:nothing 0.5s, mymove 1s ease-in-out 0.5s backwards;-webkit-animation:nothing 0.5s, mymove 1s ease-in-out 0.5s backwards; }
.trans3 { position:relative; animation:nothing 1s, mymove 1s ease-in-out 1s backwards;-webkit-animation:nothing 1s, mymove 1s ease-in-out 1s backwards; cursor:pointer; } /* animation-delay: 2s; -webkit-animation-delay: 2s; */
.trans3 img { position:relative; top:5px; left:10px; }

@keyframes mymove { from { left:180px; opacity:0; } to { left:0; opacity:1; } } 
@-webkit-keyframes mymove { from { left:180px; opacity:0; } to { left:0; opacity:1; } } 

@keyframes nothing { from { opacity:0; } to { opacity:0; } }
@-webkit-keyframes nothing { from { opacity:0; } to { opacity:0; } }

.Clen { position:absolute; top:0; left:0; width:90%; max-width:640px; padding:40px 20px; background-color:#F90; font-size:24px; text-align:center; line-height:40px;
	-moz-box-shadow: 0 0 40px rgba(0,0,0,0.8); -webkit-box-shadow:0 0 40px rgba(0,0,0,0.8); box-shadow:0 0 40px rgba(0,0,0,0.8);
	-moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; border-radius:7px;
}
.Cross { position:absolute; top:2px; right:12px; font-size:24px; color:#000; cursor:pointer; z-index:99; }
	
	/* KONEC LAYOUTU*/

@media screen and (max-width: 1200px) { 
	.Mbig { display:none; } .Msmall { display:block; } 
	.Phid { display:none; }
	.col20, .col25, .bott25 { width:50%; padding:20px 10px; }  .bott50, .col33, .col50, .col66, .col75 { width:100%; padding:20px 10px; }
	h1 { font-size: 44px; letter-spacing:-1px; line-height:52px; } 
	h2 { font-size: 32px; line-height:40px; }
	.trans1, .trans2 { font-size:60px; }
	.home-1-1, .home-1-2 { position:relative; }
	.FV48 { font-size:44px; }
	.FV36 { font-size:32px; }
	.FV28 { font-size:28px; }
	.FV26 { font-size:26px; }
	.FV24 { font-size:24px; }
	.FV22 { font-size:22px; }
} 
@media screen and (max-width: 800px) { 
	.Mbig { display:none; } .Msmall { display:block; } 
	.Phid { display:none; }
	.col40, .col60, .bott25, .bott50, .col20, .col25, .col33, .col50, .col66, .col75 { width:100%; padding:20px 10px; }
	h1 { font-size: 28px; letter-spacing:-1px; line-height:32px; } 
	h2 { font-size: 22px; line-height:26px; }
	.trans1, .trans2 { font-size:40px; }
	.home-1-1, .home-1-2 { position:relative; }
	.FV48 { font-size:32px; }
	.FV36 { font-size:24px; }
	.FV28 { font-size:22px; }
	.FV26 { font-size:21px; }
	.FV24 { font-size:20px; }
	.FV22 { font-size:18px; }
} 

/* NOVY HOME */
.Home-Flex-Out { display:flex; align-items:center; justify-content:center; width:calc(100vw - 30px); height:calc(100vh - 20px); position:relative; top:30px; }
.Home-Flex-In { display:block; width:100%; max-width:1160px; text-align:left; }	
	.HomeTrans1 { opacity:0; position:relative; font-size:72px; font-weight:700; color:#F90; }
	.HomeTrans2 { opacity:0; position:relative; font-size:72px; font-weight:700; color:#444; }	
.HomeFlexBottom { position:absolute; bottom:20px; color:#FFF; }
	.HomeBott1 { font-size:42px; font-weight:700; color:#AAA; }
	.HomeBott2 { font-size:28px; font-weight:400; color:#000; background-color:rgba(255,255,255,0.6); padding:10px 50px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	.HomeArrDown { opacity:0; position:relative; left:10px; top:5px; animation: arrowpulse 1s infinite; cursor:pointer; }

.HomeTrans1Go { animation: hometrans 1s ease forwards; }
.HomeTrans2Go { animation: hometrans 1s ease 0.5s forwards; }
@keyframes hometrans { 0% { left:200px; opacity:0; } 100% { left:0; opacity:1; } } 
@-webkit-keyframes hometrans { 0% { left:200px; opacity:0; } 100% { left:0; opacity:1; } } 

@keyframes arrowpulse { 0% { top:-10px; opacity:0; } 100% { top:10px; opacity:1; } } 
@-webkit-keyframes arrowpulse { 0% { top:-10px; opacity:0; } 100% { top:10px; opacity:1; } } 

@media screen and (max-width: 900px) { 
	.Home-Flex-Out { display:block; width:auto; height:auto; padding:120px 20px 20px 20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	.HomeFlexBottom { position:relative; padding:20px 0; }
	.HomeTrans1, .HomeTrans2 { font-size:54px; opacity:1; }
	.HomeBott1 { font-size:36px; padding:20px 0; }
} 
@media screen and (max-width: 600px) { 
	.Home-Flex-Out { display:block; width:auto; height:auto; padding:120px 20px 20px 20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
	.HomeFlexBottom { position:relative; padding:20px 0; }
	.HomeTrans1, .HomeTrans2 { font-size:38px; opacity:1; }
	.HomeBott1 { font-size:28px; padding:20px 0; }
}