/* CSS Document */

body {font-family: FertigoProRegular, arial, serif,'trebuchet MS',verdana; margin: 0; padding: 0; text-align: center; font-size: 0.9em; background: #DDEEFB url(../img/bg.png) repeat-x left top;}
hr { display: none; border: none;}
p, img, table, tr, th, td, h1, h3, h4, h5 { border: 0px none; margin: 0px; padding: 0px;}
.resetovac { border: 0px none; margin: 0px; padding: 0px; float: none; clear: both; width: 0px; height: 0px; line-height: 0px; font-size: 0px;}
h2 { padding: 0; margin: 0; color: #8A4532; font-weight: normal; font-size: 1.6em;}
h2 a{ color: #8A4532; text-decoration: none;}
h2 a:hover{text-decoration: none;}
h3 { }
h4 {color: #1B8DE2; font-size: 1.3em; font-weight: normal; padding: 25px 25px 0 25px; margin: 0; }
a {color: #1B8DE2; text-decoration: underline; }
a:hover { text-decoration: none; }
img{ border: 4px solid #B45A41; margin: 0 20px;}
img:hover{ border: 4px solid #F2E3DF;}
.stred{ text-align: center;}
.dale{ text-align: right; margin: 0 0px; padding: 0;}
table{ width: 94%; margin: 20px auto; border-spacing: 0px; border-collapse: collapse; font-size: 1em; color: #666666;}
table th, table td{  padding: 8px 20px; border-bottom: 1px solid #dcdcdc; }
table th{ text-align: left; background: #DDEEFB; border: none; color: #1B8DE2; font-weight: normal;}




#xbody { margin: 35px auto; text-align: center; width: 982px; }

#menu { background: #FEDA10; margin: 0; width: 982px; height: 46px;}
#menu ul{padding: 0 11px; margin: 0;}
#menu ul li{list-style: none; float: left;}
#menu ul li a{float: left; color: #8A4532; font-size: 1.2em; padding: 13px 14px; text-decoration: none;}
#menu ul li a:hover{ background: #FEE456; text-decoration: underline;}


#menu ul li span.active{ background: #B45A41; float: left; color: #ffffff; font-size: 1.2em; padding: 13px 14px; text-decoration: none;}

.menu-okraj {background: url('../img/menu-okraj.gif') no-repeat; width: 982px; height: 22px; }
.corner-left {background: url('../img/corner-left.gif') no-repeat; width: 11px; height: 10px; float: left;}
.corner-right {background: url('../img/corner-right.gif') no-repeat; width: 11px; height: 10px; float: right;}
.special {margin-top: -80px;}
.out {margin: -10px -11px;}


#head {margin-top: -22px;}
#head .logo, .logo-ubytovani, .logo-cenik, .logo-tipy, .logo-lyzarske, .logo-cyklostezky, .logo-deti, .logo-fotogalerie  {width: 960px; background: #50A8EF url('../img/progress.gif') center bottom no-repeat; margin: 0 11px; height: 310px; cursor: pointer;}
#head .logo h1, .logo-ubytovani h1, .logo-cenik h1, .logo-tipy h1, .logo-lyzarske h1, .logo-cyklostezky h1, .logo-deti h1, .logo-fotogalerie h1 { width: 285px; height: 310px; }
#head .logo h1 a, .logo-ubytovani h1 a, .logo-cenik h1 a, .logo-tipy h1 a, .logo-lyzarske h1 a, .logo-cyklostezky h1 a, .logo-deti h1 a, .logo-fotogalerie h1 a { position: relative; display: block; width: 960px; height: 310px; overflow: hidden; color: #ffffff; cursor: pointer;}
#head .logo h1 a span { position: absolute; top: 0; left: 0; width: 960px; height: 310px; background: url('../img/head.jpg') top left no-repeat; }
#head .logo-ubytovani h1 a span { position: absolute; top: 0; left: 0; width: 960px; height: 310px; background: url('../img/ubytovani.jpg') top left no-repeat; }
#head .logo-cenik h1 a span { position: absolute; top: 0; left: 0; width: 960px; height: 310px; background: url('../img/cenik.jpg') top left no-repeat; }
#head .logo-tipy h1 a span { position: absolute; top: 0; left: 0; width: 960px; height: 310px; background: url('../img/tipy.jpg') top left no-repeat; }
#head .logo-lyzarske h1 a span { position: absolute; top: 0; left: 0; width: 960px; height: 310px; background: url('../img/lyzarske.jpg') top left no-repeat; }
#head .logo-cyklostezky h1 a span { position: absolute; top: 0; left: 0; width: 960px; height: 310px; background: url('../img/cyklostezky.jpg') top left no-repeat; }
#head .logo-deti h1 a span { position: absolute; top: 0; left: 0; width: 960px; height: 310px; background: url('../img/deti.jpg') top left no-repeat; }
#head .logo-fotogalerie h1 a span { position: absolute; top: 0; left: 0; width: 960px; height: 310px; background: url('../img/fotogalerie.jpg') top left no-repeat; }

#head .flags {position: absolute; background: #FEE34B; height: 120px; width: 60px; padding: 10px 5px; margin: -220px 0 0 911px;}
#head .flags ul{padding: 0; margin: 0;}
#head .flags ul li{list-style: none; padding: 4px 0;}
#head .flags ul li img {border: 4px solid #FEED78;}
#head .flags ul li img.yes {border: 4px solid #FFFFFF;}
#head .flags ul li img:hover{border: 4px solid #FEF9C1;}

#text {width: 960px; background: #ffffff; margin: 0 11px; padding: 10px 0 20px 0;}
#text p{margin: 15px 25px; line-height: 1.6em; color: #8A4532; }
.hp ul, .content ul {padding: 0 30px; margin: 0 30px;}
.hp ul li, .content ul li{ color: #666666; padding: 4px; list-style: circle;}
.hp ul li ul, .content ul li ul{padding: 0 20px; margin: 0 20px;}


.hp { float: left; width: 450px; color: #ffffff; text-align: left;}
.pruh-left {margin: 10px 0 10px -11px; background: #FEE34B; color: #ffffff; padding: 8px 35px;}


.service { background: #B45A41 url('../img/icons.gif') 5px 72px no-repeat; float: left; width: 230px; text-align: left; color: #ffffff; margin: 0 35px; padding-bottom: 20px;}
.pruh-center {margin: 10px 0 10px -11px; width: 181px; background: #FEE34B; color: #ffffff; padding: 8px 35px;}

.service ul{padding: 0; margin: 0;}
.service ul li{ list-style: none; border-bottom: 1px solid #C77963; margin: 0 10px; padding: 14px 8px 14px 78px; font-size: 1.2em; line-height: 1.4em; }


.lastmin {float: right; width: 210px; text-align: left; color: #8A4532; }
.pruh-right {margin: 10px 0 10px 0; width: 91%; background: #FEE34B; color: #ffffff; padding: 8px 15px;}
.pruh-right-kontakt {margin: 10px 0 10px 0; width: 91%; background: #FEE34B url('../img/kontakt.gif') 145px 10px no-repeat; color: #ffffff; padding: 8px 15px;}

.lastmin ul{ padding: 0; margin: 0;}
.lastmin ul li{ list-style: none; border-bottom: 1px solid #F2E3DF; margin: 0 10px; padding: 10px 8px; line-height: 1.4em; }
.lastmin ul li span{ color: #1B8DE2;}

#photos { background: #C77963; padding: 15px 35px;}
#photos img{ border: 4px solid #B45A41; margin: 0 22px;}
#photos img:hover{ border: 4px solid #F2E3DF;}


#footer { background: #B45A41;}
#footer .foot-text{margin: 0 10px; padding: 10px; color: #F7EAE6; line-height: 1.7em; }
#footer p{margin: 0; padding: 0; }
#footer p.right{text-align: right; color: #C77963;}
#footer p.right a {color: #F7EAE6;}
#footer p.right a:hover{color: #eeeeee;}
#footer p.left{text-align: left; float: left; }
#footer p.left a {color: #F7EAE6;}
#footer a:hover{padding: 0; color: #eeeeee; text-decoration: none; background: none; }



.bottom {background: none; text-align: left; padding: 10px 20px;}
.bottom .mb {float: left; margin: 0; cursor: pointer; width: 194px; height: 60px;}
.bottom .mb a { position: relative; display: block; width: 194px; height: 60px; overflow: hidden; color: #8DC6EF; cursor: pointer;}
.bottom .mb a span { position: absolute; top: 0; left: 0; width: 194px; height: 60px; background: url('../img/mb.png') left top no-repeat; }
.bottom .mb a:hover span:hover {background: url('../img/mb.png') left -70px no-repeat; }
.bottom p {color: #8DC6EF; line-height: 1.6em; text-align: right;}
.bottom a {color: #8DC6EF;}
.bottom a:hover {color: #8DC6EF; text-decoration: none;}


@font-face {
	font-family: 'FertigoProRegular';
	src: url('../font/fertigo_pro-webfont.eot');
	src: local('¢'), url('../font/fertigo_pro-webfont.woff') format('woff'), url('../font/fertigo_pro-webfont.ttf') format('truetype'), url('../font/fertigo_pro-webfont.svg#webfontxLFnpFFB') format('svg');
	font-weight: normal;
	font-style: normal;
}



.content { float: left; width: 680px; text-align: left; color: #ffffff; text-align: justify;}
.info {float: right; width: 250px; text-align: left; color: #8A4532; }
.info ul{ padding: 0; margin: 0;}
.info ul li{ list-style: none; border-bottom: 1px solid #F2E3DF; margin: 0 10px; padding: 10px 8px; line-height: 1.4em; }
.width {width: 92%;}



 /* ------------------------------ Foto ---------------------------------*/
.view { float: left; margin: 20px 25px; width: 160px; height: 160px;}
p.next{ text-align: center; padding: 0 10px; clear: both;}


/* ------------------------------ Kontakt ---------------------------------*/
#vf{width: 550px; text-align: left; margin: 30px 45px; padding: 0;}
#vf fieldset{border: none; margin: 0; padding: 0;}
#vf label{margin: 20px 5px; color: #333333; text-align: left;}
#vf em{padding-left: 10px; color:#50A8EF; font-size: 0.8em;}
#vf input, #vf select  { width: 550px; height: 25px; margin: 0; border: 2px solid #ccc;	background: #FFF; color: #000; padding: 5px 10px; margin: 5px 0 15px 0;}
#vf textarea {border: 2px solid #ccc;	background: #FFF; color: #000; padding: 10px 10px; width: 550px; font-family: arial; margin: 5px 0 15px 0;}
#vf input:hover, #vf textarea:hover { 	border: 2px solid #B45A41; }
#vf .send  { width: 80px; height: 35px;	margin: 0 235px; border: 2px solid #F2E3DF;	background: #B45A41; font-size: 1.2em; color: #ffffff; padding: 1px 3px; font-weight: bold; cursor: pointer;}
#vf .send:hover  { border: 2px solid #fafafa;	background: #50A8EF; color: #ffffff;}

.no{ color: #EC073D; background: #fafafa; border: 2px solid #EC073D; padding: 8px 15px; font-weight: bold;}
.ano { color: #5CA92E; background: #fafafa; border: 2px solid #58E107; padding: 8px 15px; font-weight: bold;}



.invisible{ display: none;}