/**
 * Main Style
 *
 * @project		Singltrek pod Smrkem
 * @version		1.0
 * @package		xhtml-css
 * @author		Jakub Matějka <jakub.matejka@keboola.com>
 * @copyright	2010 by Singltrek.cz
 * @cssdoc		version 1.0-pre
 */

@import url('reset.css');



/**
 *
 * General classes
 *
 * @section general classes
 */
.brownBoxWithShadow {
	background: url('images/bg/box-top-brown.png') no-repeat 50% 0;
	padding-top: 3px; margin-bottom: .25em;
}
.brownBoxWithShadow>.bg {
	background: url('images/bg/box-end-brown-shadow.png') no-repeat 50% 100%;
	padding-bottom: 8px;
}
.brownBoxWithShadow>.bg>.content {
	background: #2e2c2d; color: #fff;
}
.brownBoxWithShadow .content a {
	color: #fff;
}

.threeColumnsBox {
	background: url('images/bg/box-threeColumns-top.png') no-repeat 50% 0;
	padding-top: 6px; margin-bottom: .25em;
}
.threeColumnsBox>.bg {
	background: url('images/bg/box-threeColumns-end.png') no-repeat 50% 100%;
	padding-bottom: 8px;
}
.threeColumnsBox>.bg>.content {
	background: url('images/bg/box-threeColumns.png') repeat-y 50%;
	overflow: hidden; padding: 0 4px;
}
.threeColumnsBox .firstColumn {
	float: left; width: 235px;
	margin-right: 4px; padding: 0 10px 1em;
}
.threeColumnsBox .secondColumn {
	float: left; width: 322px;
	margin-right: 4px; padding: 0 10px 1em;
}
.threeColumnsBox .thirdColumn {
	float: left; width: 275px;
	padding: 0 10px 1em;
}

.row {
	overflow: hidden;
}

.formElement {
	overflow: hidden; margin-bottom: .5em;
}
.formElement label {
	float: left; width: 140px; margin: 2px 10px 0 0;
	text-align: right;
}
.formElement label.error {
	float: left; width: auto; margin: 2px 0 0 10px;
	text-align: left;
	font-weight: bold;
	color: red;
}

.formElement input,
.formElement select {
	float: left; width: 200px;
}
.formElement input.inputCheckbox {
	float: none; width: auto;
	border: none;
}
.formElement .note {
	float: left; margin: 3px 0 0 5px;
	font-size: 90%;
	color: #333;
}
.errors,
span.required {
	font-weight: bold;
	color: red;
}
.noLabel {
	margin-left: 150px;
}
fieldset {
	margin: 0 0 1em;
}
legend {
	font-weight: bold;
}
.checkboxContainer {
	width: 355px;
}
.checkboxDiv {
	float: left; margin-right: 10px;
}
.checkboxDiv input {
	position: relative; top: 2px;
}

.link {
	text-align: right;
}
.alignRight {
	text-align: right;
}
.overflow {
	overflow: hidden;
}
.width355 {
	width: 355px;
}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.twoColumns {
	width: 50%;
}

.autoHeight {
	min-height: 500px;
}


/**
 *
 * General tags
 *
 * @section general tags
 */
a {
	color: #1c1c1c;
}
a:hover {
	text-decoration: underline;
}
input {
	border: solid 1px #2A2A2A; background: #fff;
	height: 1.4em;
	vertical-align: bottom;
}
textarea {
	border: solid 1px #2A2A2A; background: #fff;
	vertical-align: bottom;
	width: 350px;
}
button {
	border: solid 1px #2A2A2A; background: #fff;
	text-transform: uppercase;
	height: 1.8em; padding: 0 10px;
	vertical-align: bottom;
}

table {
	margin: 1em 0;
}

h3 a,
h2 a {
	text-decoration: none;
}
h3 a:hover,
h2 a:hover {
	text-decoration: underline;
}


/**
 *
 * Page style
 *
 * @section page style
 */
body {
	background: #fff url('images/bg/page.png') repeat; color: #1c1c1c;
	font: .75em/1.25em Arial, Helvetica, sans-serif;
}
.pageBg {
	background: url('images/bg/page-motive.png') no-repeat 50% 0;
}
.page {
	width: 908px;
	margin: 0 auto;
}



/**
 *
 * Page header
 *
 * @section page header
 */
.header {
	overflow: hidden;
	width: 900px; margin: 0 4px;
}

.searchBox {
	margin: .4em 0 0 2px;
}
.searchBox,
.searchBox form {
	float: right; overflow: hidden;
}
.searchBox input {
	border-right: none;
	width: 110px;
}
.searchBox input,
.searchBox button
{
	font-size: 80%;
	float: left;
}

.languageIcons {
	float: right;
}
.socialIcons {
	float: right;
}
.languageIcons,
.socialIcons,
.smallMenu {
	padding: .5em 0;
	overflow: hidden;
	font-weight: bold; font-size: 90%;
}
.smallMenu {
	float: left;
}
.smallMenu li {
	float: left; margin-right: 7px;
}
.smallMenu a {
	text-decoration: none;
}
.smallMenu a:hover {
	text-decoration: underline;
}
.languageIcons li,
.socialIcons li {
	float: left; margin-right: 4px;
}

.header .logo {
	margin: 1em 0 1em;
}

.header .webLogin {
	float: right; overflow: hidden;
	margin: 15px 0 0;
}
.webLogin .inputsFieldset {
	float: left; margin-right: .5em;
}
.webLogin label {
	width: 120px;
	text-align: right;
}
.webLogin .inputsFieldset input {
	width: 100px;
}
.webLogin .buttonsFieldset {
	float: right;
}
.webLogin .buttonsFieldset div {
	margin-bottom: .5em;
}
.header .webLogin,
.webLogin input,
.webLogin button
{
	font-size: 90%;
}
.webLogin fieldset {
	margin-bottom: .5em;
}
.header .wlpeMessageText {
	text-align: right;
	margin: 0 0 .5em;
}


.mainMenu {
	padding-top: 4px;
}
.mainMenu>.bg>.content {
	overflow: hidden; padding: .25em 5px;
}
.mainMenu ul {
	float: left;
}
.mainMenu li {
	float: left; margin: 0 10px; max-width: 80px;
	display: table; height: 3em;
}
.mainMenu li div {
	display: table-cell; vertical-align: middle;
}
.mainMenu a {
	color: #fff; text-decoration: none;
	display: block; max-width: 80px;
	
}
.mainMenu a:hover {
	color: #ffdc00; text-decoration: none;
}


.slides {
	overflow: hidden;
	width: 900px; margin: 0 4px .5em;
}
.slides .biggerSlides {
	float: left;
}
.slides .smallerSlides {
	float: right;
}
.slides img {
	display: none;
}



/**
 *
 * Home page
 *
 * @section home page
 */
.infoline {
	 padding-top: 6px;
}
.infoline .bg {
	 padding-bottom: 10px;
}
.infoline .content {
	margin: 0 4px; padding: 0 10px;
}

.promoBoxes .content {
	height: 109px;
}

.hpContent {
	font-size: 90%; line-height: 1.25em;
}
.hpContent p {
	margin: 0 0 .75em;
}
.hpContent a {
	text-decoration: none;
}
.hpContent a:hover {
	text-decoration: underline;
}
.firstColumn .hpPageContent {
	margin: 5px 5px 2em; padding-left: 40px;
	min-height: 30px;
	color: #361400; background: url('images/bg/hpContent.png') no-repeat 0 0;
}
.hpPageContent a {
	color: #361400;
}

.firstColumn .testimonialsPreview {
	margin: 5px; padding-left: 40px;
	min-height: 30px;
	color: #005889; background: url('images/bg/testimonialsPreview.png') no-repeat 0 0;
}
.testimonialsPreview p {
	margin: 0 0 .75em;
}
.testimonialsPreview a {
	color: #005889;
}

.newsPreviewList {
	margin: 5px; padding-left: 40px;
	min-height: 30px;
	background: url('images/bg/newsPreviewList.png') no-repeat 0 0;
}
.newsPreviewList h2 {
	color: #637a0a;
	font-size: 110%;
	margin-bottom: 1em; padding-top: 3px;
}
.newsPreview {
	margin: 0 0 1em;
}
.newsPreview h3 {
	color: #637a0a;
	font-size: 100%;
	margin-bottom: 1em; padding-top: 3px;
}
.newsPreview h3 a {
	color: #637a0a;
	text-decoration: none;
}
.newsPreview h3 a:hover {
	text-decoration: underline;
}
.newsPreview .meta {
	color: #637a0a;
	font-size: 90%;
	overflow: hidden;
}
.newsPreview .date {
	float: left;
}
.newsPreview .link {
	float: right;
}
.newsPreview .link a {
	color: #637a0a;
}

.partners {
	margin: 5px;
}




/**
 *
 * Other pages
 *
 * @section other pages
 */
.breadcrumbs {
	 padding-top: 6px;
}
.breadcrumbs .bg {
	 padding-bottom: 10px;
}
.breadcrumbs .content {
	margin: 0 4px; padding: 0 10px;
	font-size: 90%;
}
.breadcrumbs a {
	text-decoration: none;
}
.breadcrumbs br {
	display: none;
}
.breadcrumbs .B_lastCrumb {
	color: #FCDC18;
}

.pageContent {
	background: url('images/bg/pageContent-top.png') no-repeat 50% 0;
	padding-top: 11px; margin-bottom: .25em;
}
.pageContent>.bg {
	background: url('images/bg/pageContent-end.png') no-repeat 50% 100%;
	padding-bottom: 10px;
}
.pageContent>.bg>.content {
	background: url('images/bg/pageContent.png') repeat-y 50% 0;
	padding: 0 4px; overflow: hidden;
}

.pageContentWithMenu {
	background-image: url('images/bg/pageContentWithMenu-top.png');
}
.pageContentWithMenu>.bg {
	background-image: url('images/bg/pageContentWithMenu-end.png');
}
.pageContentWithMenu>.bg>.content {
	background-image: url('images/bg/pageContentWithMenu.png');
}



.leftColumn {
	width: 256px;
	float: left;
}
.leftMenu {
	background: #2e2c2d url('images/bg/leftMenu-end.png') no-repeat 0 100%;
	padding: 0 10px 2em; margin-bottom: 2em;
}
.leftMenu li ul {
	margin-left: 10px;
}
.leftMenu li a {
	display: block; padding: .15em .5em .15em 25px;
	color: #fff; background: url('images/li-leftMenu.png') no-repeat 0 50%;
	text-decoration: none;
}
.leftMenu br {
	display: none;
}
.leftMenu li a:hover {
	background-image: url('images/li-leftMenu-active.png');
}



.mainColumn {
	width: 868px; margin: 0 20px 1em; min-height: 200px;
	float: right;
	font-size: 90%;
}
.pageContentWithMenu .mainColumn {
	width: 620px; margin: 0 10px 1em;
}
.mainColumn h1 {
	font-size: 120%;
	margin: 0 0 1.25em;
}
.mainColumn h2 {
	font-size: 110%;
	margin: 0 0 1em;
}
.mainColumn p {
	margin: 0 0 .75em;
}
.mainColumn form {
	margin: .5em 0 1em;
}

.mainColumn li {
	list-style:circle; margin-left:10px;
}

.mainColumn td {
	padding:0px; margin:0px;
}
.tosFrame {
	width: 400px; height: 100px; padding: 5px;
	overflow: scroll;
	border: solid 1px #2A2A2A;
}
.mainColumn .webLogin .inputsFieldset {
	float: none;
}
.mainColumn .webLogin .buttonsFieldset {
	float: none;
	margin-left: 130px;
}

.wlpeMessage {
	font-weight: bold; font-size: 110%;
	color: red;
}

.ajaxSearch_intro {
	margin: 1em 0 1.25em;
}



/**
 *
 * Galleries
 *
 * @section galleries
 */

.moviesList,
.childGalleries,
.gallery {
	overflow: hidden;
}
.moviePreview,
.galleryPicture {
	float: left;
	margin: 4px 10px 10px 0;
	width: 192px;
}
.gallery .galleryPicture {
	height: 129px;
}
.guidepostPreview>div,
.moviePreview>div,
.galleryPicture>div {
	display: table;
	border: 1px solid #999999;
	padding: 3px;
	width: 186px; height: 125px;
}
.guidepostPreview .image a,
.moviePreview a,
.galleryPicture a {
	width: 186px; height: 125px;
	display: table-cell; vertical-align: middle;
	text-align: center;
}
.guidepostPreview img,
.moviePreview img,
.galleryPicture img {
	max-height: 123px; max-width: 185px;
	vertical-align: middle;
}


.guidepost {
	overflow: hidden;
}
.guidepostPreview {
	overflow: hidden;
	margin-bottom: 20px;
}
.guidepostPreview div.image {
	float: left;
	margin-right: 10px;
}
.guidepostPreview h3 {
	padding: 0 0 5px;
	text-decoration: none;
	color: #664b38;
}
.guidepostPreview p {
	font-size: 90%;
}



.childGalleryTitle,
.movieTitle {
	text-align: center;
}



.navigator {
	margin: 40px auto;
	text-align: center;
}

.navigator ul li {
	border: 1px solid #bab7b0;
	padding: 3px 0;
	margin: 0px 2px;
	display: inline;
	list-style: none;
}
.navigator ul li.current {
	padding: 3px 7px;
}
.navigator ul li a {
	text-decoration: none; color: #000;
	display: inline; padding: 0 7px;
}
.navigator ul li a:hover {
	text-decoration: underline;
}

.navigator ul li:hover, .navigator ul li.current {
	background-color: #eaeaea; font-weight: bold;
}

.navigator ul li.first, .navigator ul li.first:hover {
	border: 0px; background: none;
	margin-right: 0;
}

.navigator ul li.last, .navigator ul li.last:hover {
	border: 0px; background: none;
	margin-left: 0;
}



/**
 *
 * Footer
 *
 * @section footer
 */
.footer {
	overflow: hidden; margin: 0 4px 2em;
	font-size: 80%;
}
.footer .content {
	padding: 0 5px;
}
.footer .socialIcons,
.footer .smallMenu {
	float: left; margin-right: 10px; padding: 0;
}
.footer .languageIcons {
	float: right; padding: 0;
}
.footer .socialIcons,
.footer .languageIcons {
	margin-top: 1px;
}
.footer .socialIcons img,
.footer .languageIcons img {
	height: 11px;
}