
@font-face {
    font-family: 'ubuntu';
    src: url('../ttf/ubuntu-l-webfont.eot');
    src: url('../ttf/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/ubuntu-l-webfont.woff') format('woff'),
         url('../ttf/ubuntu-l-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}
@font-face {
    font-family: 'ubuntu';
    src: url('../ttf/ubuntu-r-webfont.eot');
    src: url('../ttf/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/ubuntu-r-webfont.woff') format('woff'),
         url('../ttf/ubuntu-r-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}
@font-face {
    font-family: 'thetaptapregular';
    src: url('../ttf/thetaptap-webfont.eot');
    src: url('../ttf/thetaptap-webfont.eot?#iefix') format('embedded-opentype'),
         url('../ttf/thetaptap-webfont.woff') format('woff'),
         url('../ttf/thetaptap-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

* { margin:0px; padding:0px; border:0px; line-height: 1.5em; outline-style: none; }
body { font-family:'ubuntu',Arial; font-size:18px; padding:0; margin:0; background:#fff; color:#000; }

a.admin {  text-transform:uppercase !important; font-weight:normal !important; display:block; position:absolute; z-index:9; padding:0px !important; height:20px !important; width:20px !important;  text-decoration:none !important; background:url('../img/edit.png') 0px 0px no-repeat !important; margin-left:-25px;}
a.admin.admin_file { background-position:0px -20px !important; }
a.admin.admin_youtube { background-position:0px -40px !important; }
a.admin.admin_int { background-position:0px -60px !important; }


a { text-decoration:none; color:#000; } 
a:hover { text-decoration:underline; } 
h1,h2 { font-weight:normal; padding:0; text-transform:none; color:inherit; font-family:'thetaptapregular'; font-size:3.25em; line-height:1.5em; }
h3,h4 { font-weight:bold; padding:0; text-transform:none; color:inherit; font-family:'ubuntu', Arial; font-size:2em; line-height:1.5em; margin-bottom:1em; }
h4 { font-weight:normal; }

p  { color:inherit; margin-bottom:2em; }
a { color:inherit; text-decoration:none; }

.tal { text-align:left    !important; } .cl { clear:left  !important; } .fl { float:left  !important; display:block; }
.tar { text-align:right   !important; } .cr { clear:right !important; } .fr { float:right !important; display:block; }
.taj { text-align:justify !important; } .cb { clear:both  !important; }
.tac { text-align:center  !important; }

.blue { color:#0a464e; }
.red { color:#b64316; }
.black { color:#000; }
.grey { color:#66604d; }






.wrapper { width:930px; max-width:90vw; padding:0px; margin:0px auto; position:relative; }

#target_intro { background:#f9f8f3; text-align:center; padding-bottom:80px; }
#target_intro .grafika { width:100%; height:0; padding-bottom:100%; position:relative; }
#target_intro .grafika h1,
#target_intro .grafika h1 > img { display:block; margin:0; padding:0; border:none; width:100%; }
#target_intro .grafika .iframe { position:absolute; left:50%; top:55%; width:360px; max-width:96vw; height:266px; padding:0; border:1px solid #000; border-radius:10px; background:#fff; overflow:hidden; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
#target_intro .grafika .iframe iframe { max-width:96vw; }

#target_kontakt { background:#f4f2e6; padding-top:160px; padding-bottom:80px; }
#target_kontakt img { display:block; max-width:100%; margin-bottom:80px; }
#target_kontakt .kontakt { display:block; margin-top:2em; }
#target_kontakt .kontakt > strong { font-size:1.1em; font-weight:bold; }
#target_kontakt .kontakt a { color:#b64316; }
#target_kontakt .kontakt a:hover { text-decoration:underline; }

#target_footer { background:#0b4550; padding-top:75px; padding-bottom:90px; }
#target_footer .wrapper { background: url('../img/footer-lev.png') 100% 50% no-repeat; background-size:206px auto; }
#target_footer .sloupecek { float:left; border-left:1px solid #98a8b7; font-size:0.75em; line-height:1.5em; padding-right:60px; padding-left:20px; min-height:184px; margin-bottom:60px; }
#target_footer .sloupecek h3 { font-size:1.66em; font-weight:bold; color:#98999b; text-transform:uppercase; margin-bottom:0.66em; }
#target_footer .sloupecek ul li { display:block; color:#ebebdf; }
#target_footer .sloupecek ul li a { color:#ebebdf; }
#target_footer .sloupecek p { color:#ebebdf; padding:0px;}
#target_footer .sloupecek p a { color:#ebebdf; }
#target_footer .sloupecek p em { font-style:normal; color:#98999b; }
#target_footer .sloupecek p:last-child { margin-bottom:0; margin-right:230px; }


.ui-dialog { background:#c7051f; z-index:1100; -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow:    7px 7px 5px rgba(0, 0, 0, 0.5); box-shadow:         7px 7px 5px rgba(0, 0, 0, 0.5);}
.ui-dialog .ui-dialog-titlebar { display:none; }
.ui-dialog .ui-dialog-content { background:#eee; }

#target_modal { width:420px; }
#target_modal input { width:100px; height:20px; border:1px solid #999;   }
#target_modal textarea { width:398px; height:150px; border:1px solid #999;   }
#target_modal input.submit { display:block; float:right; margin-right:20px; background:#226F89; text-align:center; border:0px; height:22px; font-size:12px; padding:2px 10px 0px 10px; text-transform:uppercase; font-weight:normal; color:#fff;  cursor:pointer;}
#target_modal input.submit:hover { background-color:#000; }
#target_modal input.vzor { width:178px;  background-color:#ccc; }
#target_modal input.text { width:178px; }
#target_modal textarea.vzor { height:50px; background-color:#ccc; }

#target_message #message { position:fixed; top:80px; left:50%; margin-left:-385px; width:700px; background:#EBE8DD; border:5px solid #CD0520; padding:30px; z-index:1000; text-align:center; -webkit-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 10px 5px 0px rgba(50, 50, 50, 0.75); }
#target_message #message > a { position:absolute;top:-5px;right:-5px;background:#CD0520;color:#F2F1E3;width:40px;height:40px;text-align:center;line-height:44px;font-size:34pt;text-decoration:none; cursor:pointer; }
#target_message #message > a:hover { color:#fff; }
#target_message #message h2 { font-size:27pt; line-height:1.2em; }
#target_message #message h3 { font-size:18pt; line-height:1.2em; color:#CD0520; margin-top:6px; }
#target_message #message p { font-size:14pt; padding-bottom:0; line-height:1.2em; padding-top:0.75em; }

/* UPLOAD */
#target_modal .upload 					{ float:left; position:relative; width:120px; height:22px; text-align:center;  overflow:hidden;}
#target_modal .upload .button 			{  display:block; text-align:center; text-decoration:none; background:#226F89; font-size:12px; padding:6px 10px 2px 10px; text-transform:uppercase; font-weight:normal; color:#fff;  cursor:pointer;}
#target_modal .upload .button.hover  	{ background:#000; }
#target_modal .upload .button 			{ position:absolute; top:-1px; z-index:10; width:100%; padding-left:0px; padding-right:0px; }
#target_modal .upload .file 			{ position:absolute; top:-7px; right:-15px; display:block; width:auto; height:40px; line-height:40px; font-size:40px; cursor:pointer; z-index:20; opacity:0;  filter: alpha(opacity = 0);}
#target_modal .upload .progress 		{ position:absolute; bottom:0px; z-index:10; width:100%; height:22px; background:#226F89; padding:0px; margin:0px; padding:0px; }
#target_modal .upload .progress span 	{ display:block; 	height:33px; width:0px; background:#000; padding:0px; margin:0px !important; padding:0px;  }
#target_modal .upload .progress strong  { position:absolute;  left:0px; width:100%; text-align:center;  font-size:12px; text-transform:uppercase; font-weight:normal; color:#fff; padding:0px; margin:0px; top:5px; margin:0px; }

/* EN PREKLAD */
#target_header a.jazyk { position:absolute; top:7px; left:50%; margin-left:474px; display:block; width:26px; height:26px; background:url('../img/vlajky.png') 0px 0px no-repeat; }
#target_header a.jazyk.cz { background-position:-28px 0px; }

@media (max-width: 980px){	
	#target_intro { padding-bottom:8vw; }
	#target_kontakt { padding-top:16vw; padding-bottom:8vw; }
	#target_kontakt img { margin-bottom:8vw; }
	#target_footer { padding-top:12vw; padding-bottom:8vw; }
	#target_footer .wrapper	 { background-position:100% 100%; }

}

@media (max-width: 660px){	
	#target_intro .grafika { padding-bottom:0; height:auto; margin-bottom:200px; }
	#target_intro .grafika .iframe { top:75%; }
}
@media (max-width: 540px){	
	#target_footer .sloupecek p:last-child { margin-right:0; }
	#target_footer .wrapper { padding-bottom:200px; background-position:50% 100%; }
}
@media (max-width: 360px){	
	body { font-size:12px; }
	#target_footer .sloupecek { font-size:1em; }
	#target_footer .wrapper { background-size:80% auto; padding-bottom: 70vw; }
}