@charset "utf-8";
@font-face {
	font-family: 'scriptina';
	src: url('fonts/Scriptina-Medium.eot');
	src: local('Scriptina Medium'), local('Scriptina-Medium'),
		url('fonts/Scriptina-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Scriptina-Medium.woff2') format('woff2'),
		url('fonts/Scriptina-Medium.woff') format('woff'),
		url('fonts/Scriptina-Medium.ttf') format('truetype'),
		url('fonts/Scriptina-Medium.svg#Scriptina-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1.2;
	font-family:Helvetica, Georgia, Times, Times New Roman, serif;
	color:#000000;
	text-align: left;
	transition: color 200ms,background-color 500ms,border-color 500ms,visibility 500ms linear;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
button {        background: none repeat scroll 0 0 transparent;
        border: medium none;
}
strong {font-weight:bold;}
a.mw {position:relative;}
a:hover .myover {display:block;}
.relativ {position:relative;}
.static {position:static;}
.clear {clear:both;}
.hidden {display:none !important;}
.show {display:block !important;}
.printonly	{display:none;}
body{ margin: 0; padding: 0;
background:#C9D4DF url('/images/srdce-tiny.png') no-repeat bottom right fixed;}
p { margin: 0 0 15px 0;	}
* {  }
img { border: 0; }
h1 { font-family:'scriptina',Helvetica;font-size:55px; line-height:60px; font-weight:bold; margin:20px 0px 0px 0px; padding:0px; text-align:center; color:#fff;}
h2 { font-size:32px; line-height:40px; font-weight:normal; margin:0px 0px 20px 0px; padding:0px;}
.h2 { font-family:'scriptina',Helvetica;font-size:32px; line-height:40px; font-weight:normal; margin:0px; padding:0px;display:block;text-align:Center;color:#fff;}
h3 { font-size:22px; line-height:30px; font-weight:normal; margin:0px; padding:0px;}
.fotka img {width:242px;height:242px;}

#top{ width:100%; height:60px; position: fixed; top: 0px; left:0px; right:0px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); z-index:1000;}
#nav{ display:block; width:980px; height:60px; margin:0px auto; padding:0px; list-style: none;}
#nav li{ display:block; float:left; margin:0px 40px 0px 0px; height:60px; }
#nav li a { display:block;font-size:22px; line-height:60px; color:#fff; text-decoration: none; }
#nav li a:hover { color:#2db4c7; text-decoration: none; }
.section { margin: 0px auto 0px auto; padding: 60px 0px 40px 0px;background: rgb(0, 0, 0); background: rgba(200, 154, 46, 0.3);min-height:200px;height:auto !important;height:250px;}
.section .wrap {height:100%;}

#home {background: rgba(162, 170, 191, 0.9); padding:90px 0px 0px 0px;}
#harmonogram { background: rgba(194, 173, 187, 0.1); color:#000;}
#prostor { background: rgba(225, 141, 154, 0.5);}
#hostina{ background: rgba(199, 207, 215, 0.3);}
#ubytovani{ background: rgba(220, 204, 215, 0.6);}
#doprava { background: rgba(182, 195, 213, 0.8);}
#ssebou {background: rgba(121, 99, 82, 0.5); }
#dekujeme { background: rgba(141, 133, 139, 0.2);}
#dary { background: rgba(192, 203, 217, 0.3);}

#fotogalerie {background: rgba(45, 180, 199, 0);}

.story { margin: 0 auto; overflow: visible; width:980px; position:relative; color:#fff;}
.story * {color:#fff;text-align:justify;}
.wrap {position:relative;}
.cup{ display:none;background:red url() 50% 0 no-repeat fixed; height: 300px; margin: 0 auto; padding: 0; position: absolute; width: 300px; z-index: 200; }
.box { display:block; padding:20px 20px 20px 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.4); position: relative; }
.fb	{ display:block;width:32px;height:32px;text-indent:-1000px;overflow:hidden;position:absolute;top:10px;right:10px;background:url('images/soc_fb.png') 0px 0px no-repeat; }

#home * {text-align:Center;}
#vitejte a {line-height:30px;}
#harmonogram #ruzetak {width:200px;position:absolute;top:-30px;right:120px;}
#harmonogram * {color:#000;}
#mapa ol {position:absolute;top:0px;right:50px;width:220px;background: rgba(200, 154, 46, 0.7);padding:10px 10px 10px 30px;}
#mapa ol li {font-size:16px;line-height:30px;}
#mapa ol li#link {list-style:none;padding-top:15px;}
#mapa ol li a {}

table {border-collapse:collapse;width:100%;}
table tr {border-bottom:1px solid #2db4c7;}
table td {padding:2px 2px 2px 2px;}
table td * {margin:0px;}
table thead tr {}
table thead tr * {font-weight:bold;}

table.table_bezramecku {border:0px !important}
table.table_bezramecku tr {border-bottom:0px solid #d7d7d7;}
table.table_bezramecku td {border-right:0px solid #ffffff;}

.story ul {padding:20px 20px 20px 20px}
.story ul li {padding:3px 0px 3px 0px}

.fotka {display:block;float:left;margin:0px 5px 5px 0px;width:240px;height:240px;position:relative;}
.fotka img {width:240px;height:240px;display:block;}
.fotka .download {display:none;}
.fotka:hover .download {z-index:10;display:block;width: 0;height: 0;border-style: solid;border-width: 0 0 50px 50px;border-color: transparent transparent rgba(0,0,0,0.9) transparent;position:absolute;bottom:0px;right:0px;text-decoration:none;}
.fotka:hover .download:before {content:'b';font-family:'csc';font-size:15px;color:#fff;position:absolute;bottom:-45px;right:5px;}

.w_full .vbox-content,
.w_half .vbox-content {max-height:90% !important;height:90% !important;}
.w_full .figlio,
.w_half .figlio {max-height:95% !important;height:auto !important;width:auto !important;max-width:95% !important;}

iframe {width:600px}

body#login {width:100%;height:100%;background:#C0CBD1 url('/images/bg.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body#login form {width:300px;height:300px;margin:30px auto;}
body#login form img {display:block;margin:10px auto;}
body#login form input,body#login form label {font-size:16px;font-weight:bold;color:#000;display:block;width:100%;min-height:25px;line-height:25px;text-align:center;margin:0px 0px 10px 0px;}
body#login form input {color:#000;font-size:14px;border:0px;outline:none;}
body#login form label {text-shadow: 0px 0px 8px #C0CBD1;}
body#login form input[type=submit] {background-color:#7D253A;color:#fff;cursor:pointer;font-size:16px;}


.w_full {}
.w_full #top {height:60px;}
.w_full #nav {width:980px;height:60px;}
.w_full #nav li a {}
.w_full #nav li#hidder {display:none}
.w_full .story {width:980px;}
.w_full .fotka img {width:240px;height:240px;}

.w_half {}
.w_half #top {height:40px;}
.w_half #nav {width:600px;height:40px;}
.w_half #nav li {margin:0px 20px 0px 0px;}
.w_half #nav li a {font-size:16px;line-height:40px;}
.w_half #nav li#hidder {display:none}
.w_half .story {width:600px;}
.w_half .section {padding: 40px 0px 20px 0px;}
.w_half  #harmonogram #ruzetak {right:0px;width:150px;top:0px;}
.w_half #mapa {background-position:-250px -30px;height:655px !important;}
.w_half #mapa ol {top:430px;left:0px;padding:10px 300px 10px 60px;}
.w_half .fotka {display:block;float:left;margin:0px 5px 5px 0px;width:195px;height:195px;position:relative;}
.w_half .fotka img {width:195px;height:195px;display:block;}



.w_mobile {background:#aaa url(none) no-repeat center center;}
.w_mobile p,.w_mobile td {font-size:14px;} 
.w_mobile #top {height:auto;}
.w_mobile #nav {width:300px;height:auto;}
.w_mobile #nav li {display:none;float:none;height:40px;}
.w_mobile #nav li a {font-size:20px;line-height:40px;}
.w_mobile #nav li#hidder {display:block;width:100%;height:50px;}
.w_mobile #nav li#hidder span {display:none;font-size:25px;text-align:Center;line-height:50px;cursor:pointer;color:#fff;}
.w_mobile #nav li#hidder span.rozroluj {display:block;text-align:left;}
.w_mobile #top.nohide {}
.w_mobile #top.nohide li {display:block;}
.w_mobile #top.nohide li#hidder {padding:20px 0px 0px 0px;}
.w_mobile #top.nohide li#hidder span.rozroluj {display:none;}
.w_mobile #top.nohide li#hidder span.sroluj {display:block;}
.w_mobile .section {padding: 50px 0px 20px 0px;}
.w_mobile  #harmonogram #ruzetak {display:none;}
.w_mobile .story {width:300px;}
.w_mobile .story * {text-align:left;}
.w_mobile .story img {max-width:280px;height:auto;}
.w_mobile table a {display:block;width:50px;height:50px;overflow:hidden;}
.w_mobile table a:before {content:'web';display:block;width:50px;height:50px;background-color:#c89a2e;line-height:50px;text-align:Center;}
.w_mobile #mapa {background-position: -155px -10px;background-size: 800px auto;height:500px !important;}
.w_mobile #mapa ol {top:255px;left:0px;padding:10px 30px 10px 50px;}
.w_mobile .fotka {display:block;float:left;margin:0px 0px 10px 0px;width:300px;height:300px;position:relative;}
.w_mobile .fotka img {max-width:300px;width:300px;height:300px;display:block;}
.w_mobile  iframe {width:300px !important}


@-webkit-keyframes blinker {  
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}
.blink2 {
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 2s; 
}	


.countdown {padding:20px 0px}
.countdown .value {font-size:200%;}