/*************************************
	- CSS Style -
	CSS URI: http://
	Version: 1.0
	Description: CSS for browsers with Gecko core - default
	Author: Alex
	Author URI: http://www.apollo1.cz/
*************************************/

/*************************************
 +Body, Html
*************************************/

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.8em;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
}


/*************************************
 +A
*************************************/

a {
	text-decoration: none;
	color: #d00b48;
}

a:hover {
	text-decoration: underline;
}

#main-menu ul a:hover {
	text-decoration: none;
}

img {
	border: none;
	padding: 0;
}

/*a.milkbox {
	border: 1px solid #dbdbdb;
	padding: 2px;
	margin: 3px 8px 3px 0px;
	float: left;
	height: 90px;
	
}

a.milkbox:hover {
	border: 2px solid #d00b48;
	padding: 1px;
}

a.milkbox img {
	/*border: 1px solid;
	margin: 0;
	padding: 0;
}*/

h3 a:hover, h4 a:hover {
	background: #f9e4ed;
	text-decoration: none;
}

#footer a {}

#footer a:hover {}

/*************************************
 +Containers
*************************************/

#wrap {
	margin: 0;
	width: 990px;
	float: left;
	font-size: 1.2em;
}

#header {
	position: relative;
	height: 170px;
	border-bottom: 5px solid #d00b48;
}
	
	#header .mid {
		position: relative;
		float: left;
		display: block;
		width: 520px;
		top: 20px;
		text-align: center;
	}

	
	#header .mid .banner {
		position: relative;
		width: 468px;
		height: 60px;
		text-align: center;
		display: block;
	}
	

	#header .mid .fasada {
		position: relative;
		top: 35px;
		display: block;
	}
	
	.credit-cards {
		display: block;
		width: 220px; height: 120px;
		/*background: url('images/credit-cards.jpg') center center no-repeat;*/
	}
	
		.credit-cards span {
			display: none;
		}
	
	.fastbooking {
		text-align: center;
		margin: 15px 0;
		border: 1px solid #d00b48;
		display: block;
	}
	
		.fastbooking h3 {
			text-transform: uppercase;
			background: #d00b48;
			color: #fff;
			font-size: 1em;
			font-family: arial, helvetica, sans-serif;
			padding: 6px 0;
			font-weight: bold;
			margin: 0;
		}
		
		.fastbooking form {
			
		}






#contact {
	position: absolute;
	left: 830px;
	text-align: right;
	top: 14px;
	line-height: 1.2em;
	color: #555;
	font-size: .95em;
}

#wrap-content {
	position: relative;
	top: 0;
	float: left;
}

#sidebar {
	float: left;
	width: 210px;
}

#main-menu {
	width: 170px;
	margin-left: 40px;
}

#blog {
	float: left;
	width: 480px;
	padding: 7px 40px 0 40px;
}

#rightbar {
	float: left;
	width: 220px;
	padding: 5px 0 0 0;
}

#wrap-footer {
	position: relative;
	border-top: 1px solid #d00b48;
	margin: 1.5em 0 0 0;
	padding: 5px 0 5px 40px;
}

#footer {
	margin: 0;
	padding: 3px 5px 5px 5px;
	font-size: .95em;
	
}

/*************************************
 +XHTML Elements /global/
*************************************/

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li {
	margin: 0;
	padding: 0; 
}


/*************************************
 +Header
*************************************/


/*************************************
 +Main-menu
*************************************/

#main-menu ul.main-menu {
	border-top: 7px solid #d00b48;
}

#main-menu li {
	padding: 0;
	margin: 0;
	height: auto;
}

#main-menu li a {
	display: block;
	background: #dbdbdb;
	padding: 3px 5px 3px 8px;
	margin: 2px 0 2px 0;
	color: #333;
	height: auto;
}

#main-menu li#active a {
	background: #d00b48;
	color: #fff;
}

#main-menu li:hover a,
#main-menu li.hover a {
	background: #d00b48;
	color: #fff;
}

#main-menu ul.level-1 li:hover ul.level-2 li a,
#main-menu ul.level-1 li.hover ul.level-2 li a {
	background: #dbdbdb;
	color: #000;
}

#main-menu ul.level-1:hover li ul.level-2 li a:hover,
#main-menu ul.level-1.hover li ul.level-2 li a.hover {
	background: #d00b48;
	color: #fff;
}

#main-menu ul.level-2 a {
	padding-left: 15px;
}


/*************************************
 +Language
*************************************/

#language {
	display: block;
	position: relative;
	float: left;
	height: 47px;
	width: 200px;
}

#language ul {
	list-style-type: none;
	height: 16px;
	margin: 0;
	padding: 0;
}

#language ul li {
	float: right;
}

#language ul li a {
	display: block;
	width: 16px;
	height: 10px;
	margin: 3px 3px 3px 3px;
	padding: 1px;
	border: 1px solid #d00b48;
	
}

#language ul li a span {
	display: none;
	visibility: hidden;
}

#language ul li a.ru {background: url('images/flag-ru.gif') center center no-repeat;}
#language ul li a.cs {background: url('images/flag-cs.gif') center center no-repeat;}
#language ul li a.de {background: url('images/flag-de.gif') center center no-repeat;}
#language ul li a.en {background: url('images/flag-en.gif') center center no-repeat;}
#language ul li a.hu {background: url('images/flag-hu.gif') center center no-repeat;}
#language ul li a.ne {background: url('images/flag-ne.gif') center center no-repeat;}
#language ul li a.pl {background: url('images/flag-pl.gif') center center no-repeat;}

#language ul li a:hover {
	padding: 0px;
	border: 2px solid #fff;
}



/*************************************
 +Blog
*************************************/

#blog ul li {
	margin-left: 20px;
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
}

#blog div.element {
	padding-left: 15px;
}

#blog div.element hr {
	margin-left: -15px;
}




table {
	width: 100%;
	border: 1px solid #d00b48;
	border-collapse: collapse;
	padding: 1px;
}

tbody {
	
}

th a {
	color: #fff;
}

td {
	border: 1px solid #d00b48;
	padding: 2px 4px 2px 4px;
}

thead td, th {
	background: #d00b48;
	color: #fff;
	text-transform: uppercase;
	padding: 4px;
	font-size: 1em;
	font-weight: bold;
}

tbody td {
	background: #fff;
	
}

.emphasize {
	font-style: normal;
	font-weight: bold;
	background: #d00b48;
	padding: 2px;
	color: #fff;
}

/*************************************
 +Form
*************************************/

	form {
		color: #000;
	}
	
	form fieldset {
		border: 1px solid #dbdbdb;
		padding: 9px;
	}
	
	form fieldset.level-1 {
		margin-bottom: 20px;
	}
	
	form fieldset.level-1 legend {
		padding: 0 10px 2px 10px;
		background: #d00b48;
		color: #fff;
		font-weight: bold;
	}
	
	form fieldset.level-2 {
		margin-bottom: 10px;
	}
	
	form fieldset.level-2 legend {
		padding: 0 5px 0px 5px;
		background: none;
		font-weight: bold;
		color: #000;
	}
	
	form .form, form .row-long, form .row-short {
		display: block;
		padding: 2px 0 2px 0;
	}
	
	form .row-short label {
		float: left;
		width: 120px;
	}
	
	form .row-long label {
		float: left;
		width: 190px;
	}
	
	form input.long {
		width: 330px;
	}
	
	form input, form select, form textarea {
		border: 1px solid #dbdbdb;
		background: #fff;
		font-family: arial, helvetica, sans-serif;
		padding: 1px;
	}
	
	form input.submit {
		/*width: 80px;*/
		padding: 3px 15px 3px 15px;
		font-weight: normal;
		font-weight: bold;
		color: #000;
		border: 1px solid #dbdbdb;;
		margin-right: 20px;
		cursor: pointer;
	}
	
	form input.submit:hover {
		color: #fff;
		background: #d00b48;
	}
	
	form .radio {
		margin-right: 20px;
		display: inline;
	}
	
	#form-message{
		border: 1px solid #dbdbdb;
		padding: 12px;
		background: #f0f5fa;
		margin-bottom: 40px;
	}

/*************************************
 +Exchange
*************************************/

form#exchangecalc input, form#exchangecalc select, form#routeplanner input, form#routeplanner select {
	border: 1px solid #d00b48;
	padding: 1px;
}

form#exchangecalc input {
	padding: 2px;
}

form#exchangecalc select, form#routeplanner select {
	width: 130px;
	font-size: .9em;
	cursor: pointer;
}

form#exchangecalc input.num {
	width: 80px;
	font-size: .9em;
}

form#exchangecalc .equal {
	text-align: center;
}

form#routeplanner input {
	width: 166px;
	font-size: .9em;
}

form#routeplanner label {
	float: left;
	width: 50px;
}

form#routeplanner input.submit {
	margin: 0;
	width: 170px;
	font-size: 1em;
	letter-spacing: 0.02em;
}

form#exchangecalc .label, form#routeplanner .label {
	font-size: 1em;
	background: #d00b48;
	padding: 4px;
	color: #fff;
	text-align: center;
	margin-bottom: 3px;
	text-transform: uppercase;
	font-weight: bold;
}



/*************************************
 +Gallery
*************************************/

#gallery {}

#gallery .cell {
	float: left;
}

#gallery.simple .caption {
	display: none;
}

#gallery img {
	border: none;
}

#gallery a {
	margin-right: 10px;
	margin-bottom: 10px;
	display: block;
	/*width: 96px;*/
	padding: 3px;
}

#gallery a:hover {
	border: 2px solid #d00b48;
	padding: 1px;
}



/*************************************
 +Hn
*************************************/

h1, h1 a {
	float: left;
	margin: 0;
	visibility: hidden;
}

h1 a span {
	position: absolute;
	display: block;
	top: 20px;
	left: 50px;
	margin: 0;
	height: 140px;
	width: 200px;
	visibility: visible;
	cursor: pointer;
	background: url('images/penzionfan-logo.gif') left top no-repeat;
	z-index: 50;
}

h2 {
	margin: .4em 0 1em 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #d00b48;
	text-transform: uppercase;
}

h3 {
	font-size: 1.4em;
}

h3, h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", arial, helvetica, sans-serif;
	font-weight: normal;
	color: #d00b48;
	margin-bottom: 0.4em;
	line-height: 1.2em;
}

h3.toggler, h4.toggler {
	margin: 0.3em 0 0.3em 0;
}

h4 {
	font-size: 1.3em;
}



/*************************************
 +Comments
*************************************/

#comment {}

#comment textarea {
	font-size: 1em;
	width: 340px;
}

#comments .row-short label {
	width: 130px;
}

#comments .comments-menu {
	display: block;
}

#comments .comments-menu:first-child {
	display: none;
}

.wrap-comment {
	margin: 3em auto;
	border-top: 1px solid #dbdbdb;
}

.wrap-comment .comment {
	margin: 0 0 1em 0;
}



.wrap-comment .comment-row-head small {
	display: none
}

.wrap-comment .comment-row-answer {
	display: none
}

/*************************************
 +Misc
*************************************/
hr {
	height: 1px;
	border: none;
	border-top: 1px solid #d00b48;
}

.info, .error {}

.error {color: red;}
.info {color: green;}

.cleaner {clear: both;}

#statistics {display: none;}