﻿/*
* CSS StyleSheet
* ==============================================================================
*
* Project Name:         A-TOM
* Graphic Design:       © Adam Kudrna 2012 | www.adamkudrna.cz
* HTML & CSS:           © Adam Kudrna 2012
*
*
* Colors Used
* ==============================================================================
*
*	BRAND COLORS
*
*	- Brand blue:   #1B3165 (text, backgrounds)
*	- Blue 2:       #7683A2 (light backgrounds)
*	- Blue 3:       #8D98B2 (active items on blue)
*	- Blue 4:       #D9E8F0 (page background)
*
*	- Orange:       #FB9100
*	- Green:        #689526 (text, backgrounds)
*
*
*	OTHER COLORS
*
*	- Black:        #000 (body text)
*	- Gray 1:       #777
*	- Gray 2:       #999
*	- Gray 3:       #ccc
*	- White:        #fff
*
*
* Stylesheet Index
* ==============================================================================
*
*   FONT-FACE
*
*   SCREEN STYLES
*
*   1. ......... TYPOGRAPHY
*       1.1. ...... Headings
*       1.2. ...... Links
*       1.3. ...... Text
*       1.4. ...... Lists
*       1.5. ...... Tables
*   2. ......... SHARED CLASSES
*   3. ......... LAYOUT
*       3.1. ...... Grid System
*       3.2. ...... Document
*       3.3. ...... Header
*       3.4. ...... Body
*       3.5. ...... Footer
*   4. ......... COMMON APPLICATION ENVIRONMENT
*       4.1. ...... Forms
*       4.2. ...... Buttons
*       4.3. ...... Icons
*       4.4. ...... Paging
*   5. ......... PAGES
*   6. ......... DIAGNOSTICS
*   7. ......... NARROW
*   8. ......... MOBILE
*
*   PRINT STYLES
*
*
* Elements' Property Structure
* ==============================================================================
*
*	1. Box Model:
*		- box-sizing
*		- width
*		- height
*		- display
*		- position
*		- z-index
*		- float
*		- clear
*		- overflow
*		- margin
*		- padding
*		- vertical-align
*	2. Typography:
*		- font
*		- text
*		- text-shadow
*	3. Decoration:
*		- border
*		- background
*		- color
*		- box-shadow
*		- cursor
*
*/



/*
* ==============================================================================
*                                  FONT-FACE
* ==============================================================================
*/

/* Running Google WebFonts */



/*
* ==============================================================================
*                               SCREEN STYLES
* ==============================================================================
*/

@media screen, projection, handheld, tv {




	/*
	 =======================================================================
	 Typography
	 =======================================================================
	*/


	html {
        -webkit-font-smoothing: antialiased;
		background: #D9E8F0 url('../images/bg_page.jpg') repeat-x center top;
	}
	body {
		padding-bottom: 3em;
		/* Default header background */
		background: transparent url('../images/bg_a-tom.jpg') no-repeat center top;
		color: #333;
		font: .9em/150% 'PT Sans', arial, sans-serif; /* 16px/24px */
	}

	/* Headings */
	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 1.5rem; /* 24px */
	}

	h1 {
		color: #1B3165;
		font-size: 1.5em;
		line-height: 1em;
	}
	h2 {
		color: #1B3165;
		font-size: 1.375em;
		line-height: 1.0909em;
	}
	h3 {
		font-size: 1.25em;
		line-height: 1.2em;
	}
	h4 {
		font-size: 1.125em;
		line-height: 1.333em;
	}
	h5, h6 {
		font-size: 1em;
		line-height: 1.5em;
	}

    .heading-offset {
        margin-top: 1.25em;
        margin-bottom: .5em;
    }

    .heading-facebook,
    .heading-instagram,
    .block-simple-instagram-feed h2 {
      padding-left: 30px;
      margin-top: 0 !important;
      background-color: transparent;
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: left top;
    }

    .heading-facebook {
      background-image: url(../images/facebook.svg);
    }

    .heading-instagram, .block-simple-instagram-feed h2 {
      background-image: url(../images/instagram.svg);
    }

	.offset-bottom {
		margin-bottom: 1.5em;
	}

	/* Paragraph */
	p {
		margin-bottom: 1.5em;
	}

	/* Perex of article (excluding chalupy) */
	.main-content article.node:not(.node-page-geolocated) p:first-of-type:not(:last-of-type) {
		color: #1B3165;
		font-size: 1.125em;
		line-height: 1.333em;
	}

	/* Links */
	a:link, a:visited {
		color: #1B3165;
		text-decoration: underline;
	}

	a:hover, a:focus {
		color: #333;
	}

	:focus, :active {
		outline: none;
	}

	/* External links */
	.main-content a[rel*="external"] {
		padding-right: 1em;
		background: transparent url('../images/css/external_gray.png') no-repeat right 5px;
	}

	/* E-mail links */
	.main-content a[href^="mailto:"] {
		padding-right: 1.5em;
		background: transparent url('../images/css/email_gray.png') no-repeat right 5px;
	}

	/* Lists */
	.main-content ul,
	.main-content ol {
		margin-bottom: 1.5em;
	}
	.main-content li {
		line-height: 150%;
	}

	/* Tables */
	table, .table {
		margin-bottom: 3em;
	}
	table, .table, th, td {
		border-radius: 0 !important;
			-moz-border-radius: 0 !important;
			-webkit-border-radius: 0 !important;
	}
	.table th {
		border-bottom: none;
	}
	th.center, td.center {
		text-align: center;
		vertical-align: middle;
	}

	/* Quotations */
	blockquote p {
		margin-bottom: 1.5em;
		font-size: 1em;
		line-height: 150%;
	}

	/* Print only */
	.print {
		display: none;
	}




	/*
	 =======================================================================
	 Animations
	 =======================================================================
	*/


	/* Slow */
	/* {
		transition: all 0.4s ease-out;
			-o-transition:		all 0.4s ease-out;
			-moz-transition:	all 0.4s ease-out;
			-webkit-transition:	all 0.4s ease-out;
			-ms-transition:		all 0.4s ease-out;
	}*/

	/* Medium */
	a.well.promo,
	a.well.promo > * {
		transition: all 0.2s ease-out;
			-o-transition:		all 0.2s ease-out;
			-moz-transition:	all 0.2s ease-out;
			-webkit-transition:	all 0.2s ease-out;
			-ms-transition:		all 0.2s ease-out;
	}

	/* Fast */
	.btn:not(.btn-promo),
	a.brand h1,
	aside .nav-stacked li > a,
	.navbar .nav li > a,
	.carousel .overlay,
	.carousel .controls a,
	a.webdesign img {
		transition: all 0.15s ease-in-out;
			-o-transition:		all 0.15s ease-in-out;
			-moz-transition:	all 0.15s ease-in-out;
			-webkit-transition:	all 0.15s ease-in-out;
			-ms-transition:		all 0.15s ease-in-out;
	}



	/*
	 =======================================================================
	 Grid adjustments
	 =======================================================================
	*/


	/* Admin toolbar */
	#admin .container {
		width: auto;
	}

	/* Messages */
	#messages {
		margin-bottom: 2em;
	}

	/* Vertical spacing */
	.well,
	.website-header .navbar,
	.mini-list,
	.row-offset {
		margin-bottom: 34px;
	}



	/*
	 =======================================================================
	 General elements and components adjustment
	 =======================================================================
	*/


	/*** Buttons ***/

	.btn, a.btn {
		border: none;
		border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		background-color: #FB9100;
		background-image: none;
		color: white;
		font-size: 100%;
		text-decoration: none;
		text-shadow: none;
		box-shadow: none;
	}

	/* Hover state */
	.btn:hover, a.btn:hover {
		background-color: #CC3300; /*#FD6000;*/
		color: white;
	}

	/* Active state */
	.btn:active, a.btn:active,
	.btn:focus, a.btn:focus {
		background-color: #CC3300; /*#FD6000;*/
		color: white;
	}

	/* Button after paragraph */
	p + .btn {
		margin-top: 1em;
	}

	/* Buttons in form */
	form .btn {
		margin-right: 1ex;
	}

	/* Primary button */
	.btn-primary, a.btn-primary {
		background-color: #CC3300;
	}

	/* Hover state */
	.btn-primary:hover, a.btn-primary:hover {
		background-color: #8f2400;
	}

	/* Promo button */
	.btn-promo, a.btn-promo {
		border: 1px solid white;
		background-color: rgb(253,169,0);
		/* CSS gradient: http://www.colorzilla.com/gradient-editor/#fda900+0,fd6000+100;Custom */
		background: -moz-linear-gradient(top,  rgba(253,169,0,1) 0%, rgba(253,96,0,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,169,0,1)), color-stop(100%,rgba(253,96,0,1)));
			background: -webkit-linear-gradient(top,  rgba(253,169,0,1) 0%,rgba(253,96,0,1) 100%);
			background: -o-linear-gradient(top,  rgba(253,169,0,1) 0%,rgba(253,96,0,1) 100%);
			background: -ms-linear-gradient(top,  rgba(253,169,0,1) 0%,rgba(253,96,0,1) 100%);
			background: linear-gradient(top,  rgba(253,169,0,1) 0%,rgba(253,96,0,1) 100%);
			background-repeat: repeat-x;
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda900', endColorstr='#fd6000',GradientType=0 );
		font-weight: bold;
	}

	/* Promo button on light background (in content) */
	.main-content .btn-promo, .main-content a.btn-promo {
		border-color: #ccc;
	}

	/* Hover state */
	.btn-promo:hover, a.btn-promo:hover {
		background-color: #FD6000;
	}



	/*** Forms ***/

	select.day,
	select.month,
	select.year {
		width: 6em;
	}

	/* HOTFIX: hide some fields from user (WTF) */
	#webform-component-tohle-pole-bude-skyte,
	#webform-component-email-notification {
		display: none;
	}



	/*** Wells ***/

	.well {
		border-top-color: #ddd;
		border-right-color: #ddd;
		border-bottom-color: #ccc;
		border-left-color: #ddd;
		border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		background-color: white;
		box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
	}
	a.well {
		display: block;
		text-decoration: none;
	}



	/*** Labels ***/

	.label {
		display: inline-block;
		margin-right: 1ex;
		margin-bottom: .5em;
		padding-left: .75ex;
		padding-right: .75ex;
		border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		background-color: #97a5b3; /*#8c97b0; /*#7683A2;*/
		font-size: .9em;
		line-height: 150%;
		font-weight: normal;
		text-shadow: none;
		color: white;
	}
	a.label {
		text-decoration: none;
		color: white;
	}

	/* Success */
	.label-success {
		background-color: #689526;
	}

	/* Hover state */
	a.label:hover {
		background-color: #1B3165;
		color: white;
		text-decoration: none;
	}



	/*** Badges ***/

	.badge {
		font-size: .9em;
		line-height: 150%;
	}



	/*
	 =======================================================================
	 AJAX
	 =======================================================================
	*/


	/*** AJAX page ***/

	html.ajax, html.ajax body {
		padding-bottom: 0;
		background: white none;
	}



	/*
	 =======================================================================
	 Navigation
	 =======================================================================
	*/


	/*** Site menu ***/

	/* Menu item */
	.website-header .nav-pills > li > a {
		position: relative;
		margin: 1em 0 1em .75ex;
		padding: 0 10px;
		border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		color: #fff;
		background-color: #a6cadd;
		background-color: rgba(255, 255, 255, 0.45);
		line-height: 200%;
		text-decoration: none;
	}

	/* Add arrow to active site */
	.website-header .nav-pills > li > a:after {
		content: '';
		position: absolute;
		top: 100%;
		left: 50%;
		width: 0;
		height: 0;
		display: none; /* hide by default */
		margin-left: -0.5em;
		border: .5em solid transparent;
		border-top-color: rgba(255, 255, 255, 0.45);
	}

	/* Use white icons */
	.website-header .nav-pills i {
		margin: 2px .75ex 0 0;
		background-image: url('../images/glyphicons-halflings-white.png');
	}

	/* Site colors */
	.website-header .nav-pills > li > a[href*="www."] {
		background-color: #1B3165;
	}

	.website-header .nav-pills > li > a[href*="vzdelavani."] {
		background-color: #dd7800;
	}

	.website-header .nav-pills > li > a[href*="procleny."],
	.website-header .nav-pills > li > a[href*="user"],
	.website-header .nav-pills > li > a[href*="evidence."] {
		background-color: #377495;
	}

	/* Active site arrow color */
	.domain-www .website-header .nav-pills > li > a[href*="www."]:after {
		display: block; /* reveal */
		border-top-color: #1B3165;
	}

	.domain-vzdelavani .website-header .nav-pills > li > a[href*="vzdelavani."]:after {
		display: block; /* reveal */
		border-top-color: #dd7800;
	}

	.domain-procleny .website-header .nav-pills > li > a[href*="procleny."]:after {
		display: block; /* reveal */
		border-top-color: #377495;
	}

	/*** Main navigation ***/

	/* Navigation bar */
	.website-header .navbar {
		color: white;
	}
	.website-header .navbar-inner {
		height: 48px;
		padding-left: 10px;
		/*border: 1px solid #0A1123;*/
		border: none;
		border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		background-color: #1B3165;
		background-image: none;
		/* CSS gradient: http://www.colorzilla.com/gradient-editor/#314574+0,162751+100;Custom */
		/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxNDU3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjI3NTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(49,69,116,1) 0%, rgba(22,39,81,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(49,69,116,1)), color-stop(100%,rgba(22,39,81,1)));
			background: -webkit-linear-gradient(top,  rgba(49,69,116,1) 0%,rgba(22,39,81,1) 100%);
			background: -o-linear-gradient(top,  rgba(49,69,116,1) 0%,rgba(22,39,81,1) 100%);
			background: -ms-linear-gradient(top,  rgba(49,69,116,1) 0%,rgba(22,39,81,1) 100%);
			background: linear-gradient(top,  rgba(49,69,116,1) 0%,rgba(22,39,81,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314574', endColorstr='#162751',GradientType=0 );*/
		filter: none;
		box-shadow: none;
	}

	/* Menu item */
	.website-header .navbar .nav > li > a {
		padding: 11px 0 13px 10px;
		color: white;
		font-size: 1.125em;
		line-height: 24px;
		white-space: nowrap;
	}

	/* Menu items divider */
	.website-header .navbar .nav > li > a:after {
		content: '';
		margin-left: 10px;
		border-left: 1px solid #080D18;
		border-right: 1px solid #40527C;
	}

	/* Last item */
	.website-header .navbar .nav > li:last-child > a:after {
		border: none;
	}

	/* Hover state */
	.website-header .navbar .nav > li > a:hover {
		color: #8D98B2;
	}

	/* Active state */
	.website-header .navbar .nav .active > a,
	.website-header .navbar .nav .active > a:hover,
	.website-header .navbar .nav .active-trail > a,
	.website-header .navbar .nav .active-trail > a:hover {
		background: none;
		color: #8D98B2;
		font-weight: bold;
	}

	.website-header .navbar .navbar-right {
		min-width: 285px;
		text-align: right;
	}



	/*** Secondary navigation ***/

	/* Menu */
	aside .nav {
		margin: 0 20px 3em;
	}

	/* Menu item */
	aside .nav li > a {
		margin: 0 !important;
		padding: 1em 0;
		text-decoration: none;
		border-radius: 0;
		border-bottom: 1px solid white;
	}

	/* Last item */
	aside .nav li:last-child > a {
		border-bottom: none;
	}

	/* Hover state */
	aside .nav li > a:hover,
	aside .nav .active > a:hover {
		padding-left: 1em;
		background: none;
	}

	/* Active state */
	aside .nav .active > a,
	aside .nav .active-trail > a {
		background: none;
		color: #1B3165 !important;
		font-weight: bold;
	}
	aside .nav .active > a:after {
		content: '>';
		float: right;
	}



	/*** Breadcrumb ***/

	/* Breadcrumb navigation */
	.breadcrumb {
		margin: -10px 0 24px;
		padding: 0 20px;
		border: none;
		background: none;
		filter: none;
		box-shadow: none;
	}

	/* Menu item */
	.breadcrumb > li {
		text-shadow: none;
	}
	.breadcrumb li > a {
		text-decoration: none;
		color: #1B3165;
	}

	/* Hover state */
	.breadcrumb li > a:hover {
		text-decoration: underline;
	}



	/*** Tabs ***/

	/* Tabs navigation */
	.nav-tabs {
		margin-bottom: 1.5em !important;
	}

	.nav-tabs a {
		text-decoration: none;
	}

	/* Don't show outline on active tabs */
	.nav-tabs .active, .nav-tabs .active a {
		outline: none;
	}



	/* Modify tab control from original display block/none to off-left
	 * technique so the content of inactive tab is always loaded.
	 * This is primarily intended for Google Map in a tab (chalupy). */

	/* Tab */
	.tab-content > .tab-pane {
		display: block;
		visibility: hidden;
		position: absolute;
		left: -10000px;
	}

	/* Active tab */
	.tab-content > .active {
		visibility: visible;
		position: static;
		left: auto;
	}

	/* Tabs within article (chalupy) */
	article .tab-pane {
		min-height: 300px;
	}



	/*** Label cloud ***/
	/* FIXME: Should be better controlled via .label-cloud class */

	.page-bottom h2 {
		/*color: #7683A2;*/
	}

	/* Menu item */
	.page-bottom .nav a {
		margin: 0 5px 6px 0;
		padding: .3em .4em;
		text-decoration: none;
		border-radius: 0;
		background-color: #1B3165;
		color: #cfd6e7;
	}

	/* Hover state */
	.page-bottom .nav a:hover {
		background-color: #7683A2;
		color: white;
	}



	/*** Pagination ***/

	/* Pagination container */
	.pagination {
		clear: both;
		padding-top: 1.5em;
		text-align: center;
	}

	/* Pagination list */
	.pagination ul {
		margin-left: auto;
		margin-right: auto;
	}

	.pagination a {
		text-decoration: none;
	}



	/*
	 =======================================================================
	 Header
	 =======================================================================
	*/


	/*** Logo & brand ***/

	/* Logo and website heading */
	.website-header .brand {
		width: 33.333%;
		display: block;
		position: relative;
		margin: 40px 0;
	}

	/* Website heading */
	.website-header .brand h1 {
		position: absolute;
		left: 130px;
		bottom: 0;
		margin-bottom: 0;
		color: #333;
		font-weight: normal;
		font-size: 1.2em; /*1.125em;*/
		line-height: 120%; /*1.125em; /*1.333em;*/
	}

	/* Hover state */
	.website-header .brand:hover h1 {
		color: #666;
	}



	/*** Promo link and site search ***/

	/* Promo button */
	.website-header .navbar .btn {
		margin: 7px 10px 7px 0;
		padding: 4px 10px;
		font-size: 110%;
		line-height: 22px;
	}

	/* Search form */
	.navbar-search {
		position: relative;
		display: inline-block;
		float: right;
		margin-top: 10px;
	}

	/* Search query */
	.navbar-search .search-query,
	.navbar-search .search-query:focus,
	.navbar-search .search-query.focused {
		/*box-sizing: content-box;*/
		width: 113px;
		padding: 4px 9px;
		border: 1px solid #333;
		border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		background-color: white;
		color: #333;
	}

	/* Focus state */
	.navbar-search .search-query:focus,
	.navbar-search .search-query.focused {
		border-color: #ccc;
	}

	/* Search button */
	input[type="image"] {
		width: auto;
		position: absolute;
		right: 5px;
		top: 5px;
	}




	/*
	 =======================================================================
	 Body
	 =======================================================================
	*/


	/*** Main content ***/

	/* Content */
	.main-content {
		min-height: 138px; /* same height as promo box */
		padding: 29px;
	}



	/*** More link ***/

	/* More link positioned on top */
	.top-more-link {
		position: relative;
	}
	.top-more-link .more-link {
		position: absolute;
		right: 0;
		top: -3.4em;
	}



	/*** Field label ***/

	/* Heading/label (article gallery, article attachments) */
	.field-label {
		clear: both;
		margin-bottom: 1em;
	}



	/*** Title image ***/

	.title-image {
		margin-bottom: 1.5em;
	}
	.title-image.pull-left {
		margin-bottom: 3em;
		margin-right: 1.5em;
	}



	/*** Tables in main content ***/

	/* Table */
	.main-content table {
		width: 100%;
	}



	/*** Download list (download page) ***/

	/* Category title */
	.download-list + h2 {
		margin-top: 2.5em;
	}

	/* List */
	.download-list {
		margin-bottom: 2em;
		padding-left: 30px;
	}

	/* Hover state */
	.download-list:hover {
		background-color: #EEF0F2;
	}

	/* Heading */
	.download-list h3 {
		margin-bottom: 0;
	}

	/* Description */
	.download-list p {
		margin-bottom: .25em;
	}

	/* File list */
	.download-list ul {
		margin-left: 0;
		margin-bottom: 0;
	}

	/* Item - file */
	.download-list ul > li {
		display: block;
		list-style-type: none;
	}



	/*** Object properties (chalupy) ***/

	/* Definition list */
	.object-properties dl {
		margin-bottom: 1.5em;
		line-height: 150%;
	}

	/* Definition term */
	.object-properties dl > dd {
		margin-left: 0;
		margin-bottom: 1em;
	}

	/* Badge (capacity) */
	.object-properties .badge {
		display: inline-block;
		margin-top: 1em;
	}



	/*** Google Map (Drupal Geofield module) ***/
	/* Overrides default Bootstrap style of IMG. */

	.geofieldMap img {
		max-width: none;
		vertical-align: auto;
	}



	/*
	 =======================================================================
	 Boxes
	 =======================================================================
	*/


	/*** Box ***/

	/* Box */
	.box {
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		height: 198px;
		position: relative;
		background-color: white;
		background-image: url('../images/box.png');background-position:right bottom;
		background-repeat: no-repeat;
	}

	/* Promo heading */
	.box h2 {
		margin: .5em 0;
		color: #377495;
	}

		/* Contact box */
		.box.contact {
			background-image: url('../images/box_contact.png');
		}


	/* More label */
	.box .more {
		display: block;
		position: absolute;
		left: 20px;
		bottom: 15px;
		color: white !important;
		font-weight: bold;
		text-decoration: none;
	}



	/*** Promo box ***/

	/* Promo content */
	.box.promo p {
		width: 50%;
		color: #666 !important;
		line-height: 135%;
	}

	/* Hover state */
	.box.promo:hover h2 {
		margin-top: .8em;
	}
	.box.promo:hover .more {
		padding-left: .5em;
	}



	/*** Adjustments ***/

	/* Layout */
	.box.promo.evidence p { width: 60%; }

	/* Backgrounds */
	.box.promo.a-tom            { background-image: url('../images/promo_atom.jpg'); }

	.box.promo.a-tom.month-1,
	.box.promo.a-tom.month-2,
	.box.promo.a-tom.month-3,
	.box.promo.a-tom.month-4 {
		background-image: url('../images/promo_atom_1.jpg'); background-position:right bottom;
	}

	.box.promo.a-tom.month-5,
	.box.promo.a-tom.month-6,
	.box.promo.a-tom.month-7,
	.box.promo.a-tom.month-8 {
		background-image: url('../images/promo_atom_2.jpg');
	}

	.box.promo.a-tom.month-9,
	.box.promo.a-tom.month-10,
	.box.promo.a-tom.month-11,
	.box.promo.a-tom.month-12 {
		background-image: url('../images/promo_atom_3.jpg');
	}

	.box.promo.chalupy  { background-image: url('../images/promo_chalupy.jpg');  background-position:right bottom;}
	.box.promo.kct      { background-image: url('../images/promo_kct.jpg'); }
       .box.promo.chalupy-oddilu { background-image: url('../images/promo_chalupy-oddilu.jpg'); }
	.box.promo.tomik    { background-image: url('../images/promo_tomik.jpg');background-position:right bottom; }
       .box.promo.chalupy-oddilu { background-image: url('../images/promo_chalupy-oddilu.jpg'); }
	.box.promo.soutez    { background-image: url('../images/web_soutez.jpg'); background-position:right bottom;}
	.box.promo.snem     { background-image: url('../images/promo_snem.jpg'); }
	/*.box.promo.evidence { background-image: url('../images/promo_evidence.png'); }*/
	.box.promo.lts      { background-image: url('../images/promo_lts.jpg');background-position:right bottom; }
	.box.promo.ceska-taborova-skola    { background-image: url('../images/promo_ceska-taborova-skola.jpg'); }
	.box.promo.moravska-taborova-skola { background-image: url('../images/promo_moravska-taborova-skola.jpg'); }
	.box.promo.vodacka-taborova-skola  { background-image: url('../images/promo_vodacka-taborova-skola.jpg'); }

	.box.promo.vzdelavani  { background-image: url('../images/promo_vzdelavani.jpg'); background-position:right bottom;}
	.box.promo.vzdelavani-nabidka  { background-image: url('../images/promo_vzdelavani-nabidka.jpg');  background-position:right bottom;}
	.box.promo.vzdelavani-lektori  { background-image: url('../images/promo_vzdelavani-lektori.jpg'); background-position:right bottom; }
	.box.promo.vzdelavani-lts      { background-image: url('../images/promo_vzdelavani-lts.jpg');  background-position:right bottom;}
	.box.promo.horec  { background-image: url('../images/promo_horec.png'); }



	/* Colors */
	.box.a-tom, .box.a-tom > *        { color: #1B3165; }
	.box.chalupy, .box.chalupy > *    { color: #689526; }
	.box.tomik, .box.tomik > *        { color: #cb3416; } 
/*	.box.tomik, .box.tomik > *        { color: #FB9100; } */
	.box.snem, .box.snem > *          { color: #FB9100; }
	.box.evidence, .box.evidence > *  { color: #377495; }
	.box.lts, .box.lts > *            { color: #CC3300; }
	.box.ceska-taborova-skola, .box.ceska-taborova-skola > *         { color: #CC3300; }
	.box.moravska-taborova-skola, .box.moravska-taborova-skola > *   { color: #CC3300; }
	.box.vodacka-taborova-skola, .box.vodacka-taborova-skola > *     { color: #CC3300; }
	.box.soutez , .box.soutez > *            { color: red; }

	.box.vzdelavani, .box.vzdelavani > *,
	.box.vzdelavani-nabidka, .box.vzdelavani-nabidka > *,
	.box.vzdelavani-lektori, .box.vzdelavani-lektori > *,
	.box.vzdelavani-lts, .box.vzdelavani-lts > *                     { color: #dd7800; }




	/*
	 =======================================================================
	 Media
	 =======================================================================
	*/


	/*** Media box ***/

	/* Media container */
	.media {
		display: block;
		clear: both;
		margin-bottom: 2.5em;
	}
	a.media {
		color: #333;
		text-decoration: none;
	}

	/* Media header */
	.media header {
		margin-bottom: .2em;
	}

	/* Published date in header */
	.media header time {
		margin-right: 1ex;
		color: #666;
		font-size: .9em;
	}

	/* Media heading */
	.media h1 {
		font-size: 1.375em;
		line-height: 1.0909em;
	}

	.media p {
		line-height: 140%;
	}

	/* Hover state */
	a.media:hover {
		background-color: #EEF0F2;
	}



	/*** Mini list of media boxes ***/

	.mini-list {
		margin-top: 1.5em;
	}

	/* Mini list */
	.mini-list .media {
		margin-bottom: 1.5em;
	}

	/* Media heading */
	.mini-list .media h1 {
		margin-bottom: .3em;
		font-size: 1em;
		line-height: 140%;
	}

	/* Hover state */
	.mini-list a.media:hover {
		background-color: white; /* fallback */
		background-color: rgba(255, 255, 255, 0.5);
	}

	#introduction .span4 h2 {
		margin-top: .75em;
	}



	/*** Large list of media boxes ***/

	/* Media content container (including article header) */
	.main-content .media article {
		position: relative;
		margin-left: 150px;
	}

	/* Media heading */
	.main-content .media h1 {
		margin-bottom: .6em;
	}

	/* Media image */
	.main-content .media article img {
		float: left;
		margin: -1.9em 0 2em -150px;
	}



	/*
	 =======================================================================
	 Articles
	 =======================================================================
	*/


	/* Full article */
	.main-content article.node {
		margin-bottom: 3em;
	}

	/* Article header, including article preview */
	.main-content article header {
		margin-bottom: .5em;
	}

	/* Full article header */
	.main-content article.node header {
		margin-bottom: 1.5em;
	}

	/* Article header in gallery */
	.main-content .gallery header {
		margin-bottom: 1em;
	}

	/* Published time */
	.main-content .meta time {
		margin-right: 1em;
	}

	/* Author */
	.main-content .meta .author {
		margin-right: 1em;
	}

	/* Images in article */
	.image-left,
	.image-thumbnail-bez-oriznuti-vlevo {
		float: left;
		margin: 0 1.5em 1.5em 0;
	}
	.image-right,
	.image-thumbnail-bez-oriznuti-vpravo {
		float: right;
		margin: 0 0 1.5em 1.5em;
	}
	.colorbox img {
		border: none !important;
	}

	/* Gallery - album description */
	.main-content .gallery .description {
		margin-bottom: 1.5em;
		/* Override first paragraph style */
		color: #333 !important;
		font-size: 1em !important;
		line-height: 150% !important;
	}



	/*
	 =======================================================================
	 Carousels
	 =======================================================================
	*/


	/*** Carousel ***/

	/* Carousel container */
	.carousel {
		overflow: hidden;
		line-height: 150%;
	}
	.well.carousel {
		padding: 0;
	}

	/* Carousel with description */
	.well.carousel.with-description {
		padding: 19px 19px 0;
	}



	/*** Slide ***/

	.slide {
		position: relative;
	}

	/* Image */
	.slide img {
		max-width: none;
	}



	/*** Overlay ***/

	.overlay {
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		position: absolute;
		padding: 19px;
	}

	.overlay h1 a {
		text-decoration: none;
	}

	.overlay h1 a:hover,
	.overlay h1 a:focus {
		text-decoration: underline;
	}

		/* Light overlay */
		.overlay-light {
			background-color: white; /* fallback */
			/* background-color: rgba(255, 255, 255, 0.7); */
		}

		/* Dark overlay */
		.overlay-dark {
			background-color: black; /* fallback */
			background-color: rgba(0, 0, 0, 0.5);
		}

			/* Heading */
			.overlay-dark h1 a {
				color: #bbb;
			}

			/* Text */
			.overlay-dark p {
				color: white;
			}


		/* Bottom overlay */
		.overlay-bottom {
			width: 100%;
			height: 115px;
			left: 0;
			right: 0;
			top: auto;
			bottom: 0;
		}

			/* Heading */
			.overlay-bottom h1 {
				margin-bottom: .75em;
				margin-right: 3em;
				font-size: 1.333em;
				line-height: 100%;
			}

			/* Text */
			.overlay-bottom p {
				margin-right: 160px;
			}

			/* More link - button */
			.overlay-bottom .btn.more-link {
				position: absolute;
				right: 20px;
				bottom: 20px;
			}


		/* Right overlay */
		.overlay-right {
			width: 215px;
			height: 100%;
			left: auto;
			right: 0;
			top: 0;
			bottom: 0;
			padding: 20px;
		}

			/* Heading */
			.overlay-right h1 {
				margin-top: .5em;
				margin-bottom: 1em;
				/* Break line before slideshow counter */
				margin-right: 3em;
				font-size: 1.125em;
				line-height: 110%;
			}

			/* Text */
			.overlay-right p {
				line-height: 135%;
			}

			/* More link - button */
			.overlay-right .btn.more-link {
				position: absolute;
				right: 20px;
				bottom: 20px;
			}


	/*** Description ***/

	.carousel .description {
		padding-top: 1.5em;
	}

	/* Heading */
	.carousel .description h1 {
		margin-bottom: 1em;
		font-size: 1.333em;
		line-height: 100%;
		color: #689526;
	}



	/*** Controls ***/

	/* Controls */
	.carousel .controls {
		position: absolute;
		right: 19px;
		top: 285px;
		z-index: 100;
		margin-top: 1.25em;
	}

		/* Controls on overlay */
		.carousel.with-description .controls {
			top: 260px;
		}


	/* Control */
	.carousel .controls a {
		display: inline-block;
		padding: 2px 6px;
		background-color: #1B3165;
		color: white;
		font-size: 1.125em;
		line-height: 18px;
		font-weight: bold;
		text-decoration: none;
	}

	/* Hover state */
	.carousel .controls a:hover {
		background-color: #eee;
		color: #1B3165;
	}



	/*** Slide counter ***/

	.carousel .counter {
		position: absolute;
		right: 39px; /* 20 + 19 */
		top: 39px; /* 20 + 19 */
		z-index: 100;
		padding-top: .77em;
		color: #ddd;
		line-height: 100%;
	}

	/* Divider */
	.carousel .counter .divider {
		/*display: inline-block;
		margin: 0 .5ex;*/
	}



	/*** Hover state ***/

	/* Heading */
	.carousel h1 a:hover {
		text-decoration: none;
	}

	/* Light overlay */
	.carousel:hover .overlay-light {
		background-color: white; /* fallback */
		background-color: rgba(255, 255, 255, 0.9);
	}

	/* Dark overlay */
	.carousel:hover .overlay-dark {
		background-color: black; /* fallback */
		background-color: rgba(0, 0, 0, 0.66);
	}



	/*
	 =======================================================================
	 Calendars
	 =======================================================================
	*/


	/*** Calendar in a pop-up window ***/

	/* Calendar container */
	.calendar-popup {
		width: 100%;
		padding-top: 1.25em;
	}

	/* Day headers */
	.calendar-calendar th.days {
		background-color: #dfdfdf;
		color: #333;
	}

	/* Today */
	.calendar-calendar .month-view .full td.date-box.today,
	.calendar-calendar .month-view .full tr td.single-day.today {
		border-color: #333 !important;
	}



	/*** Calendar navigation ***/

	.calendar-popup .date-nav-wrapper .date-prev,
	.calendar-popup .date-nav-wrapper .date-next {
		max-height: 22px !important;
		overflow: hidden;
	}



	/*** Calendar legend ***/

	/* Legend */
	.calendar-legend {
		position: absolute;
		left: 8px;
		top: 2em;
	}

	/* Item */
	.calendar-legend-item {
		display: inline-block;
		margin-right: .5em;
		padding: .5em;
		color: white;
	}



	/*** Events ***/

	/* Cell - single-day */
	.calendar-calendar .month-view .full td.single-day {
		min-height: 3em;
		max-height: 3em;
		height: 3em !important;
		padding: 0;
		line-height: 0;
	}

		/* Occupied (by default) */
		.calendar-occupied,
		/* Single-day */
		.calendar-calendar .month-view .full td.single-day,
		.calendar-calendar .month-view .full td.single-day.today,
		/* Multi-day */
		.calendar-calendar .month-view .full td.multi-day div.monthview,
		.calendar-calendar .month-view .full td.multi-day .inner .monthview .continues,
		.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff {
			background-color: #A32900;
		}

		/* Free */
		.calendar-free,
		/* Single-day */
		.calendar-calendar .month-view .full td.single-day.no-entry {
			background-color: #689526;
		}

		/* Multi-day */
		.calendar-calendar .month-view .full td.single-day.noentry-multi-day,
		.calendar-calendar .month-view .full td.multi-day.no-entry {
			background-color: white;
		}

		/* Hover state */
		.calendar-calendar .month-view .full td.multi-day div.monthview:hover,
		.calendar-calendar .month-view .full td.multi-day div.monthview:hover .continues,
		.calendar-calendar .month-view .full td.multi-day div.monthview:hover .cutoff {
			background-color: #333;
			cursor: default;
		}


	/* Item - single-day (hidden) */
	.calendar-calendar .month-view .full td.single-day > div {
		/* Hide item */
		display: none;
	}

	/* Item - multi-day */
	.calendar-calendar .month-view .full td.multi-day div.monthview,
	.calendar-calendar .week-view .full td.multi-day div.weekview,
	.calendar-calendar .day-view .full td.multi-day div.dayview
	{
		/*background-color: transparent !important;*/
		color: white !important;
	}

	.calendar-calendar .month-view .full td .stripe {
		display: none;
	}



	/*
	 =======================================================================
	 Gallery
	 =======================================================================
	*/


	/*** Thumbnails ***/
	/* Used for albums only. For image thumbnails see .thumbnails-custom. */

	/* Thumbnail container */
	.thumbnail {
		padding: 9px;
		border-radius: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
		background-color: white;
	}

	/* Image */
	.thumbnail img {
		margin-bottom: .75em;
	}

	/* Headings/labels */
	.thumbnail h2 {
		height: 60px;
		overflow: hidden;
		margin-bottom: .2em;
		font-weight: normal;
		font-size: 1em;
		line-height: 135%;
	}
	.thumbnail h3 {
		margin-bottom: .1em;
		font-size: 1em;
		line-height: 135%;
	}
	.thumbnail hgroup {
		margin-bottom: .4em;
	}
	.thumbnail hgroup h2 {
		margin-bottom: .2em;
		font-size: 1.125em;
		line-height: 1.333em;
	}

	a.thumbnail,
	a.thumbnail:hover {
		text-decoration: none;
	}


	/*** Large thumbnails (chalupy) ***/

	/* Thumbnail container */
	.large-items .thumbnail {
		position: relative;
		overflow: hidden;
		padding: 15px;
		border: none;
	}

	/* Image */
	.large-items .thumbnail img {
		margin-bottom: .75em;
	}

	/* Heading */
	.large-items .thumbnail hgroup h2 {
        max-width: 100%;
		height: auto;
		font-weight: bold;
        white-space: nowrap;
        text-overflow: ellipsis;
	}

	/* More link */
	.thumbnail .more-link {
		position: absolute;
		right: 15px;
		bottom: 15px;
		margin: 0 0 -15px;
		opacity: 0;
	}

	/* Hover state */
	.thumbnail:hover .more-link {
		margin-bottom: 0;
		opacity: 1;
	}



	/*** Thumbnails - custom ***/
	/* Used for image thumbnails in standalone galleries, article galleries and chalupy galleries. */

	/* Thumbnails wrapper */
	.thumbnails-custom {
		margin-top: 3em;
		margin-right: -20px;
	}

	/* Thumbnails wrapper in tabs */
	.tab-pane .thumbnails-custom {
		margin-top: 0;
	}

	/* Thumbnail */
	.thumbnails-custom a {
		display: inline-block;
		margin: 0 13px 20px 0;
	}

	/* Hover state */
	.thumbnails-custom a:hover {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	}



	/*
	 =======================================================================
	 Comments
	 =======================================================================
	*/

	/* Comment header */
	.comment header {
		margin-bottom: 1.5em !important;
	}

	/* Comment heading */
	.comment h3 {
		margin-bottom: .15em;
	}

	/* Hover status */
	.comment h3 a:hover {
		text-decoration: none;
	}

	/* Add hash # to comment heading to denote permalink */
	.comment h3 a:hover:after {
		content: '#';
		margin-left: 1ex;
		color: #aaa;
		/*font-weight: normal;*/
	}

	/* Comment body */
	.comment blockquote {
		margin-bottom: 1em;
	}
	.comment blockquote p {
		margin-bottom: .5em;
	}

	/* Comment actions */
	.comment .links {
		margin-left: 20px;
	}

	/* Comment actions item */
	.comment .links > * {
		padding: 0;
		font-size: 90%;
		text-transform: capitalize;
	}
	.comment .links a {
		display: inline-block;
		margin-right: .5ex;
		padding: 2px 6px;
		background-color: #eee;
		text-decoration: none;
	}

	/* Hover state */
	.comment .links a:hover {
		background-color: #1B3165;
		color: white;
	}



	/*
	 =======================================================================
	 Footer
	 =======================================================================
	*/


  footer {
    padding-top: 1.4em;
  }

	footer .span4 {
		padding-top: .75em;
		border-top: 1px solid #7683A2;
		color: #1B3165;
		font-size: .9em;
	}

	/* Facebook like box */
	.fb-social-likebox-plugin {
		margin-bottom: 2.4em; /* 34px */
	}



	/*
	 =======================================================================
	 Domain-specific adjustments
	 =======================================================================
	*/


	/*** A-TOM - www.a-tom.cz ***/

	/* Search */
	.domain-www .website-header .navbar .container > .pull-right {
		min-width: 280px;
		text-align: right;
	}

	/* Region select - label cloud in footer */
	.domain-www .page-bottom .span8,
	.domain-lts .page-bottom .span8,
	.domain-vzdelavani .page-bottom .span8 {
		box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		margin-left: 20px;
		padding-left: 300px;
		background: transparent url('../images/czech-republic.png') no-repeat left center;
	}

	.domain-www .page-bottom .span8 {
		padding-left: 320px;
	}



	/*** Chalupy - chalupy.a-tom.cz ***/

	/* Page background */
	.domain-chalupy {
		background-image: url('../images/bg_chalupy.jpg');
	}

	/* Logo and website heading */
	.domain-chalupy .website-header .brand {
		width: 30%;
	}

	/* Site menu */
	.domain-chalupy .website-header .nav-pills > li > a[href*="chalupy."] {
		background-color: #689526;
		color: white;
		text-decoration: none;
	}

	/* Main navigation */
	.domain-chalupy .website-header .navbar-inner {
		/*border-color: #48681B;*/
		background-color: #689526;
		/* CSS gradient: http://www.colorzilla.com/gradient-editor/#6e9f27+0,5a8222+100;Custom */
		background: rgb(110,159,39);
			background: -moz-linear-gradient(top,  rgba(110,159,39,1) 0%, rgba(90,130,34,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(110,159,39,1)), color-stop(100%,rgba(90,130,34,1)));
			background: -webkit-linear-gradient(top,  rgba(110,159,39,1) 0%,rgba(90,130,34,1) 100%);
			background: -o-linear-gradient(top,  rgba(110,159,39,1) 0%,rgba(90,130,34,1) 100%);
			background: -ms-linear-gradient(top,  rgba(110,159,39,1) 0%,rgba(90,130,34,1) 100%);
			background: linear-gradient(top,  rgba(110,159,39,1) 0%,rgba(90,130,34,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e9f27', endColorstr='#5a8222',GradientType=0 );
	}

		/* Menu items divider */
		.domain-chalupy .website-header .navbar .nav > li > a:after {
			border-left-color: #55791F;
			border-right-color: #8DB555;
		}

		/* Hover state */
		.domain-chalupy .website-header .navbar .nav > li > a:hover {
			color: #CCDDB3;
		}

		/* Active state */
		.domain-chalupy .website-header .navbar .nav .active > a,
		.domain-chalupy .website-header .navbar .nav .active > a:hover,
		.domain-chalupy .website-header .navbar .nav .active-trail > a,
		.domain-chalupy .website-header .navbar .nav .active-trail > a:hover {
			color: #CCDDB3;
		}


	/*** Tabs ***/

	.domain-chalupy .tab-content {
		overflow: hidden;
	}


	/*** Carousel ***/

	/* Controls */
	.domain-chalupy .carousel .controls a {
		background-color: #689526;
	}

	/* Hover state */
	.domain-chalupy .carousel .controls a:hover {
		background-color: #eee;
		color: #689526;
	}



	/*** Date - text status (temporary calendar replacement) ***/

	/*#status {
		margin-bottom: 1.5em;
	}
	.date-display-end:after {
		content: '';
		display: block;
	}*/



  /*** Main domain ***/
  /* Introduction */
  .domain-www .introduction-sidebar {
    margin-bottom: -400px;
  }



	/*** Členové - procleny.a-tom.cz ***/

	/* Page background */
	.domain-procleny {
		background-image: url('../images/bg_clenove.jpg');
	}

	/* Logo and website heading */
	.domain-procleny .website-header .brand {
		width: 27%;
	}

	/* Main navigation */
	.domain-procleny .website-header .navbar-inner {
		background-color: #377495;
	}

	.domain-procleny .website-header .navbar .navbar-right {
		min-width: 140px;
	}

		/* Menu items divider */
		.domain-procleny .website-header .navbar .nav > li > a:after {
			border-left-color: #2C5D77;
			border-right-color: #5F90AA;
		}

		/* Hover state */
		.domain-procleny .website-header .navbar .nav > li > a:hover {
			color: #9BBACA;
		}

		/* Active state */
		.domain-procleny .website-header .navbar .nav .active > a,
		.domain-procleny .website-header .navbar .nav .active > a:hover,
		.domain-procleny .website-header .navbar .nav .active-trail > a,
		.domain-procleny .website-header .navbar .nav .active-trail > a:hover {
			color: #9BBACA;
		}



	/*** LTŠ - lts.a-tom.cz ***/

	/* Page background */
	.domain-lts {
		background-image: url('../images/bg_lts.jpg');
	}

	/* Logo and website heading */
	.domain-lts .website-header .brand {
		width: 31%;
	}

	/* Main navigation */
	.domain-lts .website-header .navbar-inner {
		background-color: #CC3300;
	}

		/* Menu items divider */
		.domain-lts .website-header .navbar .nav > li > a:after {
			border-left-color: #A32900;
			border-right-color: #D96640;
		}

		/* Hover state */
		.domain-lts .website-header .navbar .nav > li > a:hover {
			color: #EBAD99;
		}

		/* Active state */
		.domain-lts .website-header .navbar .nav .active > a,
		.domain-lts .website-header .navbar .nav .active > a:hover,
		.domain-lts .website-header .navbar .nav .active-trail > a,
		.domain-lts .website-header .navbar .nav .active-trail > a:hover {
			color: #EBAD99;
		}



	/*** Carousel ***/

	/* Controls */
	.domain-lts .carousel .controls a {
		background-color: #CC3300;
	}

	/* Hover state */
	.domain-lts .carousel .controls a:hover {
		background-color: #eee;
		color: #CC3300;
	}



	/*** Vzdělávání - vzdelavani.a-tom.cz ***/

	/* Main navigation */
	.domain-vzdelavani .website-header .navbar-inner {
		background-color: #f39200;
	}

		/* Menu items divider */
		.domain-vzdelavani .website-header .navbar .nav > li > a:after {
			border-left-color: #dd8007;
			border-right-color: #f7be72;
		}

		/* Hover state */
		.domain-vzdelavani .website-header .navbar .nav > li > a:hover {
			color: #f4dfc6;
		}

		/* Active state */
		.domain-vzdelavani .website-header .navbar .nav .active > a,
		.domain-vzdelavani .website-header .navbar .nav .active > a:hover,
		.domain-vzdelavani .website-header .navbar .nav .active-trail > a,
		.domain-vzdelavani .website-header .navbar .nav .active-trail > a:hover {
			color: #f4dfc6;
		}



	/*** Carousel ***/

	/* Controls */
	.domain-vzdelavani .carousel .controls a {
		background-color: #f39200;
	}

	/* Hover state */
	.domain-vzdelavani .carousel .controls a:hover {
		background-color: #eee;
		color: #f39200;
	}



} /* @media */





/*
* ==============================================================================
*                               PRINT STYLES
* ==============================================================================
*/

@media print {



	/*** Page ***/

	@page {
		margin: 2cm 1.5cm;
	}



	.hide, .accessibility, .screen,
	.nav, .carousel,
	form {
		display: none;
	}



	/*** Typography ***/

	body {
		font: .9em/150% 'PT Sans', arial, sans-serif;
	}

	hr {
		margin: 1.5em 0;
	}

	/* Headings */
	h1, h2, h3, h4, h5, h6 {
		clear: both;
	}

	h1 {
		margin-bottom: 1.5em;
	}

	/* Links */
	a, a:link, a:visited {
		color: black;
	}

	/* Relative links */
	a[href^="/"]:after, a[href^="#"]:after {
		display: none; /* Hide all relative links URIs */
	}
	p a {
		word-wrap: break-word;
	}
	p a[href^="/"]:after{
		content: " (www.a-tom.cz" attr(href) ")"; /* Show full URL for relative links in text */
	}

	/* Lists */
	dt {
		font-weight: bold;
	}

	/* Interactive content */
	object:after{
		content: "Flash/video obsah. Prohlédněte si jej na www.hospicknizetevaclava.cz.";
	}

	/* Labels */
	.label {
		margin-right: 1ex;
	}



	/*** Articles ***/

	article section {
		margin-bottom: 3em;
	}

	/* Article properties */
	article header {
		margin-bottom: 3em;
	}
	.main-content .meta time,
	.main-content .meta .author {
		margin-right: 1em;
	}

	/* Images in article */
	.image-thumbnail-bez-oriznuti-vlevo {
		float: left;
		margin: 0 1.5em 1.5em 0;
	}
	.image-thumbnail-bez-oriznuti-vpravo {
		float: right;
		margin: 0 0 1.5em 1.5em;
	}



	/*** Media ***/

	.media {
		margin-bottom: 1.5em;
	}
	a.media {
		text-decoration: none;
	}
	.media header {
		margin-bottom: 1.5em;
	}
	.media h1 {
		margin-bottom: .5em;
	}
	.media img {
		float: left;
		margin: 0 1em 3em 0;
	}



	/*** Gallery ***/

	/* Thumbnails wrapper */
	.thumbnails-custom {
		margin-top: 3em;
	}

	/* Thumbnail */
	.thumbnails-custom a {
		display: inline-block;
		margin: 0 .5cm .5cm 0;
	}



	/*** Header ***/

	.website-header {
		margin-bottom: 6em;
	}

	/* Logo in print resolution */
	header .logo img.print {
		width: 2.5cm;
	}

	/* Site URL */
	header:after {
		content: "www.a-tom.cz";
		position: absolute;
		right: 0;
		top: 0;
		font-size: smaller;
	}



	/*** Footer ***/

	footer {
		clear: both;
		margin: 3em 0 0;
		padding: 1em 0;
		border-top: .5mm solid black;
	}



} /* @media */



thead th{
background:#1B3165 ;
color:white;
padding:5px 10px;
}


.sticky-enabled tbody td{
padding:5px 10px;
}

tr.even {
    background-color: #fff;
}

#node-48 hr{
clear:both;
}

#node-48 img{
    margin: 0px 10px 10px 0px;
}

.view-casopis .field-content {display: inline-block; padding: 10px 5px; margin-bottom: 5px;}
.view-casopis .field-content:hover {background: #D9E8F0;}
.view-casopis {text-align: center;}
.view-casopis h3 {border-top: 1px solid #377495; padding-top: 15px;}

a.akce-odkaz {display: block; background: white; width: 940px; height: 150px; text-decoration: none; position: relative; color: #640b03;}
a.akce-odkaz .nazev-akce {display: block; padding: 20px 0px 10px 20px; font-size: 40px; line-height: 25px; font-weight: bold;}
a.akce-odkaz .datum-akce {display: block; padding: 12px 0px 0px 50px; font-size: 26px; line-height: 25px; font-weight: bold;}
a.akce-odkaz .akce-se-kona .date-display-single {display: none;}
a.akce-odkaz .akce-se-kona, a.akce-odkaz .prihlasit-se {display: inline-block;}
a.akce-odkaz .cist-vice {display: block; border-top: 6px solid #f06d59; background: #640b03; width: 100%; max-width: 940px; font-size: 20px; color: white; position: absolute; top: 110px; padding-top: 10px; padding-bottom: 10px; font-weight: bolder;}
a.akce-odkaz .cist-vice span {padding-left: 20px;}
a.akce-odkaz:hover .cist-vice span {padding-left: 30px;}
a.akce-odkaz .cist-vice,
a.akce-odkaz .cist-vice > * {
		transition: all 0.2s ease-out;
			-o-transition:		all 0.2s ease-out;
			-moz-transition:	all 0.2s ease-out;
			-webkit-transition:	all 0.2s ease-out;
			-ms-transition:		all 0.2s ease-out;
	}

.node-event .field-label {display: inline-block;}
.views-slideshow-cycle-main-frame-row-item {position: relative;}
.banner-pozadi {position: absolute; top: 0px; z-index: -10;}
.s-bannerem a.akce-odkaz {background: transparent; color: #ddeaf2;}

/** OHLASY **/
.view-ohlasy {margin-bottom: 20px}
.ohlasy {padding: 15px; background: white;}
.ohlasy h3 {margin-bottom: 10px; text-align: right; font-size: 1em;}

.refe-txt {
    font-style: italic;
    line-height: 16px;
    position: relative;
    padding: 10px 10px 10px 50px; 
}

.refe-txt::before {
    content: "\201D";
    font-size: 90px;
    position: absolute;
    left: 0px;
    font-weight: 700;
    display: block;
    top: 20px;
    color: #c1c1c1;
}

.view-nabidka-chalup .views-row {display: inline-block; margin: 1px;}
.view-nabidka-chalup .span4 {margin-left: 15px;}

/* rezervace */

.denvmesici.rezervace {color: white; background: #1B3165;}

.denvmesici.rezervace.start {
    background-image: -webkit-linear-gradient(left, #346f8e 0%, #346f8e 50%, #1B3165 50%, #1B3165 100%);
    background-image: -moz-linear-gradient(left, #346f8e 0%, #346f8e 50%, #1B3165 50%, #1B3165 100%);
    background-image: -ms-linear-gradient(left, #346f8e 0%, #346f8e 50%, #1B3165 50%, #1B3165 100%);
    background-image: -o-linear-gradient(left, #346f8e 0%, #346f8e 50%, #1B3165 50%, #1B3165 100%);
    background-image: linear-gradient(left, #346f8e 0%, #346f8e 50%, #1B3165 50%, #1B3165 100%);
}

.denvmesici.rezervace.konec {
    background-image: -webkit-linear-gradient(left, #1B3165 0%, #1B3165 50%, #346f8e 50%, #346f8e 100%);
    background-image: -moz-linear-gradient(left, #1B3165 0%, #1B3165 50%, #346f8e 50%, #346f8e 100%);
    background-image: -ms-linear-gradient(left, #1B3165 0%, #1B3165 50%, #346f8e 50%, #346f8e 100%);
    background-image: -o-linear-gradient(left, #1B3165 0%, #1B3165 50%, #346f8e 50%, #346f8e 100%);
    background-image: linear-gradient(left, #1B3165 0%, #1B3165 50%, #346f8e 50%, #346f8e 100%);
}





	/*
	 =======================================================================
			Rezervační systém
	 =======================================================================
	*/

a#napoveda-tt{
background:#333333;
font-size: 18px;
display: block;
width:21px;height:21px;text-align:center;line-height:21px;
font-weight:700;
color:white;
text-decoration:none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

a#napoveda-tt:hover{
background:black;
}

.main-content{
position:relative;
}

#napoveda{
    position: absolute;
top: -50px;
right: 28px;    z-index: 1010;
    display: none;
    width: 276px;
    padding: 10px;
    text-align: left;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}

.ttactive #napoveda{
display:block;  
}

.nap{
top:20px;right:20px;
    position: absolute;
}


#napoveda p{
margin-bottom:10px;
}

#napoveda p:last-child{
margin-bottom:0px;
}

#napoveda::after {
    position: absolute;
    display: block;content: "";
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;    border-width: 10px;
    right: -10px;
    border-right-width: 0;
    border-left-color: #ffffff;
    top: 50%;
    margin-top: -10px;
}


/***** form ****/

.grippie{
display:none !important;
}

#edit-spamicide{display:none;}

#reservation-building-form * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.rezervace-title{
padding: 0;
margin-bottom: 20px;
font-size: 1.35em;
line-height: 3em;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}


.akce-rezervace{
margin-top: 1.5em;
margin-bottom: 1.5em;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
    padding: 1em 1.428em;
}


.akce-rezervace:after{
clear:both;display:block;content:"";
}

.akce-rezervace .back-button{
    float: left;color: #1b3165;
}

.inline-filtr .form-submit,
.akce-rezervace .form-submit{
    float: right;
    display: inline-block;
    padding: .62em 1em;
    font: normal 1em/100% "PT Sans", Arial, sans-serif;
    text-decoration: none;
    color: #ffffff;
    border: none;
    background: #fb9100;
    -webkit-transition: background 250ms linear;
    -moz-transition: background 250ms linear;
    -o-transition: background 250ms linear;
    transition: background 250ms linear;
}

.page-rezervace-zruseni .akce-rezervace .form-submit{
	display: block; 
	float: none;
}

.inline-filtr .form-submit:hover,
.akce-rezervace .form-submit:hover{
    color: #ffffff;
    background: #cc3300;
}

.inline-filtr .form-submit{
padding: 5px 10px;
}


.rezervace-sekce  .form-item.form-type-checkbox,
.rezervace-sekce .form-radios{
padding-left: 180px;
}

.rezervace-sekce .form-item.form-type-textarea{
position:relative;width:70%;margin:0px -2px 0px;
display:inline-block;vertical-align:top;
padding-left: 180px;
}

.rezervace-sekce .form-item-confirmed-reservation-email-value.form-item.form-type-textarea{
position:relative;width:100%;margin:0px -2px 0px;
display:inline-block;vertical-align:top;
padding-left: 0px;
}


.rezervace-sekce .form-item.form-type-select,
.rezervace-sekce .form-item.form-type-textfield{
position:relative;width:50%;margin:0px -2px 20px;
display:inline-block;vertical-align:top;
padding-left: 180px;
}


.rezervace-sekce td .form-item.form-type-select,
.rezervace-sekce td .form-item.form-type-textfield{
position:relative;width:100%;margin:0px;
display:inline-block;vertical-align:top;
padding-left: 0px;
}

#reservation-billing-form td input, 
#reservation-resort-settings-form td input,
#reservation-room-settings-form td input {padding: 0px; text-align: center; max-width: 120px;}

#reservation-resort-settings-form .rezervace-sekce .form-item.form-type-textarea, 
#reservation-room-settings-form .rezervace-sekce .form-item.form-type-textarea {padding-left: 0px;}

#days thead td, th {
    background: #333333;
    color: white;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    padding: 5px;
    text-align: left;
    border: 1px solid #000000;
}

#days td {
    padding: 5px;
}


.rezervace-sekce .form-type-radio{
display:inline-block;vertical-align:middle;margin:0px 20px 20px 0px;
}

.rezervace-sekce .container-inline-date label,
.rezervace-sekce .form-item.form-type-textarea label,
.rezervace-sekce .form-item.form-type-select label,
.rezervace-sekce .form-item.form-type-textfield label{
    font-size: 14px;
position:absolute;top:7px;left:0px;
width: 160px;
text-align: right;margin-bottom: 0px;
}

.rezervace-sekce .form-item.form-type-textarea textarea,

.rezervace-sekce .form-item.form-type-textfield input{
width:100%;margin-bottom: 0px;padding: 16px 10px;
}

.rezervace-sekce .form-item.form-type-select select{
width:100%;margin-bottom: 0px;padding: 4px 6px;    min-height: 34px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



 


.rezervace-title:before{
height:20px;width:20px;display:inline-block;vertical-align:middle;margin-right:10px;content:"";
background-position:center center;
background-size:auto 100%;
background-repeat:no-repeat;
}



.termin-rezervace .rezervace-title:before{background-image:url(../images/calendar.svg);}

.ucastnici-rezervace .rezervace-title:before{background-image:url(../images/menu.svg);background-size:90% auto;}

.osoba-rezervace .rezervace-title:before{background-image:url(../images/standing-up-man-.svg);}

.fakturace-rezervace .rezervace-title:before{background-image:url(../images/standing-up-man-.svg);}

.poznamky-rezervace .rezervace-title:before{background-image:url(../images/speech-bubble.svg);background-size:100% auto;}



.price-rezervace .rezervace-title:before{background-image:url(../images/label.svg);}




.rezervace-sekce .container-inline-date{
width:50%;margin:0px -2px 20px;
display:inline-block;vertical-align:top;
}


.rezervace-sekce .container-inline-date .description{
display:none;
}

.rezervace-sekce .container-inline-date > .form-item {
margin:0px;position:relative;padding-left: 180px;
}

.rezervace-sekce .container-inline-date > .form-item  .form-item {
margin:0px;width:100%;padding:0px;
}


.rezervace-sekce .container-inline-date .date-padding {
    float: none; 
}

.rezervace-sekce .container-inline-date > .form-item .form-type-select,
.rezervace-sekce .container-inline-date > .form-item .date-spacer{
display:inline-block;vertical-align:middle;
width:auto;
}
.rezervace-sekce .container-inline-date > .form-item .date-spacer{
margin:0px 5px;
}

.rezervace-sekce .container-inline-date .form-item-odjezd label{
top:0px;
}

.rezervace-sekce .container-inline-date .form-item .form-item {
    float: none;
}

.rezervace-sekce .form-item.form-type-textfield.form-item-ucastnici input, .cenikenergii-rezervace .form-item.form-type-textfield {
width:100px;
}

#reservation-billing-form input, #reservation-resort-settings-form input, 
#reservation-room-settings-form input {padding: 10px;}

.rezervace-sekce .container-inline-date .date-spacer:first-child{
display:none;
}

.rezervace-sekce{
position:relative;
padding-bottom:20px;
}

.idrezervace{
    color: #999999;font-weight:700;position:absolute;right:0px;top:30px;
}

.rez-label{
font-weight:700;
width: 160px;
text-align:right;
display:inline-block;vertical-align:top;margin-right:10px;
}

.rez-value{
display:inline-block;vertical-align:top;
}

#reservation-confirm-form .rezervace-title{
color: #1b3165;font-weight:700;border: none;
margin-bottom: 0px;
}
#reservation-confirm-form  .rezervace-sekce{
border-bottom: 1px solid #e5e5e5;
}

/************* admin ****/


thead th a{
color:white !important;
}

a.confirm-link,
a.cancel-link{
display:inline-block;vertical-align:middle;margin:2px;padding:3px 10px;color:white;text-decoration:none;
}

a.confirm-link {
    background-color: #6aac16;
}

a.confirm-link:hover{
    background-color: #78c319;
}

a.cancel-link{    background-color: #cf3939;

}

a.cancel-link:hover{
    background-color: #d96262;
}

.inline-filtr .form-item-vyhledat label,
.inline-filtr .container-inline-date label{
display:inline-block;vertical-align:middle;margin:0px;
}


.inline-filtr .form-item-vyhledat input,
.inline-filtr .container-inline-date input{
margin:0px;
}


.inline-filtr .form-submit,
.inline-filtr .container-inline-date  .date-padding {
    float: none;
    display: inline-block;
    vertical-align: middle;
}


td.rezervace a,
td.start a,
td.konec a{
color:white;
}


#chalupy-kalendar-form tbody td.denvmesici {
position:relative;    padding: 0px;text-align:center;
}

#chalupy-kalendar-form tbody td.denvmesici a{
padding: 3px;
display:block;
}

#chalupy-kalendar-form tbody td.denvmesici a:hover{
color:white;
background:#749d38;}

#chalupy-kalendar-form tbody td.denvmesici span{
padding: 3px;
display:block;
}

#chalupy-kalendar-form tbody td.denvmesici a span{ 
padding: 0px
}

a.orange-button {
display: inline-block;
    padding: .62em 1em;
    font: normal 1em/100% "PT Sans", Arial, sans-serif;
    text-decoration: none;
    color: #ffffff;
    border: none;
    background: #fb9100;
    -webkit-transition: background 250ms linear;
    -moz-transition: background 250ms linear;
    -o-transition: background 250ms linear;
    transition: background 250ms linear;
}

a.orange-button:hover,
a.orange-button:focus {
  color: #ffffff;
  background: #cc3300;
}

table.no-pad-reservation td {padding: 1px 1px 1px 10px;}
table.no-pad-reservation td .form-item.form-type-textfield {
    position: relative;
    width: 50%;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}


td.stavproduktu-49 .do-kosiku {display: none;}
.instagram_gallery a {max-height: 100px; overflow: hidden;}

.page-rezervace-vyuctovani .rezervace-sekce .form-item.form-type-textarea textarea {width: 80%;}



a .panacek{
width:17px;height:20px;overflow:hidden;
display:block;line-height:100em;margin:auto;background:url(../images/user.svg) no-repeat center center;background-size:100% 100%;
}

.pop{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.5);
padding: 10px;
color: #333333;
background:#e5e5e5;

position:absolute;
left:0px;
top:30px;
z-index: 1;
}

.pop:before{
content:"";display:block;left:10px;top:-10px;position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 10px 5px;
border-color: transparent transparent #e5e5e5 transparent;

}

.close-pops:after{display:inline;
content:"\00d7";
}

.close-pops{
    display: block;
    background: black;
    color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    font-weight: 700;
    font-size: 20px;
cursor:pointer;
}


/**** KALENDAR */
.calendar td, .floating-table td {font-size: 15px; font-weight: bolder;}
.table-flow table {margin: 0px;}
#edit-date .form-type-select {display: inline-block;}
#edit-date .form-type-select select {width: 100px; margin-right: 20px;}

table.floating-table {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid grey;
}

table.floating-table th {
height: 36px;
border: 0px;
line-height: 14px;
padding: 5px;
text-align: center;
}

table.floating-table td {
height: 30px;
border: 0px;
line-height: 15px;
border-left: 1px solid #1B3165 !important;
}

.mini-calendar th {text-align: center;}

div.table-flow {
  overflow-x: scroll;
  margin-left: 210px;
  overflow-y: visible;
  padding: 0px;
}

.jmenomista {
  position: absolute;
  width: 220px;
  left: 10px;
  top: auto;
  vertical-align: middle;
  text-align: right;
}

tr.even td.jmenomista {background-color: #f2f2f2;}

td.brigada {border: 8px solid #006400 !important;}
td.brigada-small {background-color: #006400 !important; color: white;}
td.brigada-small a {color: white;}


td.brigada sup {
  position: absolute;
  top: 10px;
  right: 10px;
}

td.brigada-small sup {
  position: absolute;
  top: 5px;
  right: 2px;
}


td.brigady {padding: 5px 8px !important;}
td.brigady, td.brigady a{color: #006400 !important; font-weight: normal;}

.brigady-div {padding: 15px; border-bottom: 5px solid #eeeeee; border-top: 5px solid #eeeeee; margin-top: 15px; margin-bottom: 15px;}
.brigady-div h2 {text-align: center; margin-bottom: 10px;}

.view-brigady h3 {margin-bottom: 15px; margin-top: 15px; color: #1B3165; font-weight: bold;}
.view-brigady h4 {margin-bottom: 5px;}
.view-brigady .views-row {padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #eeeeee; }
/*************************************/
/**************** SOUTEZ *************/
/*************************************/

.view-otazky {
	padding: 15px;
	border: 2px solid #ef3e42;
}

.node-kvizova-otazka h2 {
	color: #ef3e42;
}

#overenibodu-form .form-submit, .return-link.red-button {
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #ef3e42;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	text-transform: uppercase;
	color: white;
	border: none;
	font-weight: 700;
	padding: 9px 40px;
	text-decoration: none;
	line-height: 30px;
	cursor: pointer;
	-webkit-transition: .3s color ease-in-out,.3s background-color ease-in-out;
	-moz-transition: .3s color ease-in-out,.3s background-color ease-in-out;
	-o-transition: .3s color ease-in-out,.3s background-color ease-in-out;
	-ms-transition: .3s color ease-in-out,.3s background-color ease-in-out;
	transition: .3s color ease-in-out,.3s background-color ease-in-out;
}

#overenibodu-form .form-submit:hover, .return-link.red-button:hover {
    background: #bf1d21;
    color: #ffffff !important;
}

#overenibodu-form label, #overenibodu-form input {
    font-size: 15px;
    font-weight: normal;
    line-height: 19px;
}


.mini-calendar {width: 48%; padding: 1%; display: inline-block; vertical-align: top;}
.mini-calendar caption {font-size: 1.3em; line-height: 1.4em;}
.mini-calendar td {border-bottom: 1px solid #1B3165;}
.den-v-tydnu-6, .den-v-tydnu-7 {background: #FFDC00;}

.navigace {text-align: center; height: 100px; overflow: hidden;}
.navigace #datepick, .navigace input {display: inline-block; }
.navigace input {padding: 8px; }
#edit-previous {margin-right: 20px;}



/*************************************/
/*************** BRIGADY *************/
/*************************************/

.node .field-label {display: inline-block; clear: none;}
span.date-display-single {
    display: inline-block;
    padding-right: 10px;
}

#cboxContent .node-brigada {padding: 20px;}

.brigady-block {padding: 10px; background: lightsalmon; margin-bottom: 20px;}
.brigady-block .maly-brigadnik {float: left; margin-right: 30px;}
.brigady-block .maly-brigadnik:hover {margin-left: 10px; margin-right: 20px;}

a.brigada-link {text-decoration: none;} a.brigada-link:hover {color: #333333;}
.brigady-block p {font-size: 1.8em; line-height: 1.3em; margin-bottom: 0.6em;}
