@charset "utf-8";
*, html, body {margin:0;padding:0;}
html, body {width:100%; height:100%;}
body {
	font-family: 'Open Sans Normal', Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	background-color:#EEE;
}

ul, ol { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, p { margin-top: 0;}
p {}

h1 { font-size: 21px; color:#000; margin-bottom:0em; font-weight:bold;font-family: 'NovecentowideUltraLightBold', sans-serif;}
h2 { font-size: 16px; color:#000; margin-bottom:0em; margin-top:.3em; font-weight:bold;font-family: 'NovecentowideUltraLightBold', sans-serif;}
h3 { font-size: 15px; color:#000; margin-bottom:0em; margin-top:.5em;font-family: 'NovecentowideUltraLightBold', sans-serif;}

hr { display:none;}
img {	border: none;}
a img {	border: none;}
a:link { color:#CC2228;	text-decoration: underline;}
a:visited {	color:#CC2228;	text-decoration: underline;}
a:hover {	color:#FFF;	}
a:hover, a:active, a:focus {text-decoration: underline;}
#Page {position:relative; min-height:100%; height:auto !important; _height:100%;}
.Container { width:970px;}

#HeaderContainer { position:relative; height:40px; background:url(../images/bg-nav.png) repeat-x;}
#Container { position:relative; margin: 0 auto; margin-top:8px; padding-bottom:120px;}

#Header { position:relative; height:40px; margin: 0 auto;}

#FooterContainer { position:absolute; height:100px; background-color:#004A8A; bottom:0; width:100%;}
#Footer { position:relative; margin: 0 auto; padding-top:25px; font-size:.9em; color:#FFF;}
#Footer a {color:#FFF;}
#Footer a:hover {color:#FC0;}
#Logo { position:absolute; width:360px; height:75px; left:2px; top:48px; overflow:hidden; z-index:999; border-bottom:4px solid #0060B3;}
#Navigace { position:relative; background:url(../images/bg-nav.png) repeat-x;}

#Navigace ul { list-style-type:none; line-height: 40px; font-family: 'NovecentowideUltraLightBold', sans-serif; font-size:13px; overflow:hidden;}
#Navigace ul li { display:inline-block; color:#FFF;  background:url(../images/nav-divider.png) left center no-repeat; margin-left:-1px; padding-left:2px;}
#Navigace ul li a { display:block; text-decoration:none; font-weight:bold; color:#FFF;}
#Navigace ul li span { display:block; text-decoration:none; font-weight:bold;padding-right:8px; padding-left:12px;}
#Navigace ul li a:hover {color:#FC0;}
#Navigace ul li.FirstTitle {}
#Navigace ul li:hover span, #Navigace ul li.SelectedItem span { background:url(../images/bg-nav-active.png) repeat-x;}
#Navigace ul li.SelectedItem a { text-decoration:none; padding-bottom:5px; border-bottom:5px solid #FFF;}
#Navigace ul li.Home {float:left;  }
#Navigace ul li.Home a { display:block; width:48px; height: 40px; background:url(../images/home.png) no-repeat;}
#Navigace ul li.Home a:hover { background-position: 0 -40px;}
#Navigace ul li.Home span { display:none;}

.aHome { float:left; width:48px; height:40px;}
.aHome a {display:block; width:100%; height:100%; background:url(../images/home.png) no-repeat;}
.aHome a:hover { background-position: 0 -40px;}
.aHome a span {display:none;}

#SlideShowContainer { position:relative; height:400px; margin: 0 auto; background-color:#FFF;}



#SlideShow { position:absolute; top:2px; left:2px; bottom:2px; right:2px; overflow:hidden;}

#Slideshow div.SlideShowItem { 
    position: absolute;
}

        /* Slider-specific styles */
        .aslide {
            display: none;
            background: #ffffff;
        }
        .aslide img {
            max-width: 100%;
            width: 100%;
        }
        #slider {

        }
        .aslide .text {
            color: #f8f8f8;
            text-shadow: 0 0 2px #000;
            font-weight: bold;
            font-size: 36px;
            width: 100%;
            text-align: center;
            position: absolute;
            bottom: 30px;
            font-family: sans-serif;            
        }
				
				#hslider {
            width: 90%;
            margin: 0 auto;
            margin-bottom: 15px;
            border: 6px solid #ffffff;
            box-shadow: 0 3px 10px #777;
        }



#Content {}

#Article { padding: 30px 30px 10px 30px;}
#Article p { padding-bottom:10px; line-height:1.5em;}
#Article ul { margin-left:20px; margin-top:-5px; font-size:.9em; }

#Article table {margin:0; padding:0; border:1px solid #666; border-collapse: collapse; font-size:.9em;}
#Article table td {vertical-align:top; text-align:left; padding:3px;border-bottom:1px solid #CCC;}

#ContentThumbs {padding-left:51px; padding-top:130px; font-size:14px;}

.Thumbs { margin-left:-10px;}
.Thumb { position:relative; float:left; width:174px; height:174px; margin-left:10px; margin-bottom:10px; text-align:center;}

.RoundedImage {
opacity: 1;
-webkit-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
box-shadow: 0px 1px 1px 1px rgba(192, 192, 192, 0.1);
border-radius: 8%;
-moz-border-radius: 8%;
-webkit-border-radius: 8%;
border: #fff 2px solid;
padding: 0px;
background-color:#fff;
}
.RoundedImage:hover {border:2px solid #D80003;}

.Certifikaty { margin-left:-15px;}
.Certifikat { position:relative; float:left; width:170px; margin-left:15px; margin-bottom:15px; background-color:none; text-align:center;}

#FooterLeft { float: left; width:45%; text-align:left;}
#FooterRight { float: right; width:45%; text-align:right;}
#FooterRight span { font-size:20px;}

.FloatRight { float: right;}
.FloatLeft { float: left;}
.Clearer { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.ImgBorder { border: 1px solid #000;}
.ImgRight { float: right; border: 1px solid #000; margin-left:10px;}
.fb_frame { position:absolute; top:14px; left:60px; width:164px; height:24px;}

.rotate{
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;

overflow:hidden;

}
.rotate:hover  
{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
#Navigace a#mobile-menu {
	display: none;
	font-size: 16px; color:#FFF; text-transform:uppercase; text-decoration:none; font-weight:bold; padding-left:20px;
}

@media (max-width: 970px) {
	.Container { width:100%; max-width:100%;}
	#SlideShowContainer { width:100%; amin-height: 150px; height:auto;}
	.wide {width: 100%;}
	.wide:before { content: ""; float: left; padding-bottom: 40%; }
	.wide:after { content: ""; display: table; clear: both; }
	.wrapperx {
		/*width: 100%;*/
		/* whatever width you want */
		display: inline-block;
		position: relative;
	}
	.wrapperx:after {
		padding-top: 41%;
		display: block;
		content: '';
	}
	#SlideShow {left:0px; right:0px;}

}
@media (min-width: 800px) and (max-width: 970px) {
	#Navigace ul {font-size:11px;}
	#Navigace ul li span {padding-right:5px; padding-left:9px;}
	#Logo {left:0px;}
	#FooterLeft { padding-left:20px;}
	#FooterRight { padding-right:20px;}

}
@media (max-width: 799px) {
	#Logo { position:relative; width:100%; height:75px; left:0px; top:0px; overflow:hidden; z-index:1; border-bottom:none; background-color:#FFF;}
	#Container { padding-bottom:10px;}
	#FooterContainer { position:relative; height:auto; width:100%;}
	#FooterLeft { float: none; width:auto; text-align:center; padding-bottom:20px;}
	#FooterRight { float: none; width:auto; text-align:center; padding-bottom:20px;}
	#HeaderContainer { height:auto;}
	#Header { height:auto;}
	
	#Navigace {
		z-index:2;
		border-bottom: 0;
		height: auto;
	}
	#Navigace ul {
		display: none;
		height: auto;
		margin:0;
		padding:0;
		float:none;
		line-height:40px; 
	}
	
	#Navigace a#mobile-menu {
		display: block;
		/*background-color:  #D21F36;*/
		background:url(../images/bg-nav.png) repeat-x;
		width: auto;
		height:40px;
		line-height:40px;
		position: relative;
	}
	#Navigace a#mobile-menu span {
		content:"";
		background:url(../images/mobile-menu.png) center no-repeat;
		width: 30px;
		height: 30px;
		position: absolute;
		right: 30px;
		top: 5px;
	}
	#Navigace ul li {display:block; background:url(../images/bg-nav.png) repeat-x; border-bottom:1px solid #F4EBC9;}
	#Navigace ul li a:hover {}
	#Navigace ul li.selected a { font-weight:bold; background-color:#FAF1D1; }
	#Navigace ul li span { padding-left:20px;}
	
	#Navigace ul li.Home {display:block; float:none;  }
	#Navigace ul li.Home a { display:block; width:100%; height: 100%; background:url(../images/home.png) no-repeat; margin-left:10px;}
	#aNavigace ul li.Home a:hover { background-position: 0 -40px; background: none url(../images/home.png) no-repeat;}
	#Navigace ul li.Home:hover span { background: none;}
	#Navigace ul li.Home:hover { background:url(../images/bg-nav-active.png) repeat-x;}
	#Navigace ul li.Home span { display:block; padding-left:20px; font-size:0;width:100%;}
	
	.aHome { float:none; display:inline-block; width:48px; height:40px;}
	.aHome a {display:block; width:100%; height:100%; background:url(../images/home.png) no-repeat;}
	.aHome a:hover { background-position: 0 -40px;}
	.aHome a span {display:none;}
}
@media (max-width: 420px) {
.Thumb { position:relative; float:none; margin:0 auto; margin-bottom:20px;}
.Certifikat { position:relative; float:none; margin:0 auto; margin-bottom:15px;}
}