/*
 * MAIN system styles
 *
 */

/*
 * To change breakpoint of top menu find foundation.css and change
 *
 * .top-bar-js-breakpoint { width: 58.75em !important; ...
 * @media only screen and (min-width: 58.75em) ... 
 *
 */

body {
	-webkit-text-size-adjust:100%;
	background-color: #F7FAFC;
}

/* ------ BASIC SETTINGS ----- */
/* headings */
h1, h2, h3, h4, h5, h6 {
	color: #0071BC;
}

img {
    /* border: 5px solid #777777;*/
}

/* links */
a {
    color: #D5030D;
    font-weight: bold;
    text-decoration: none;
}

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

/* --- Layout --- */
.header-wrapper {
    /*background: url("images/bgTop01.png") repeat-x scroll 50% 0 transparent;*/
    background: #0071BC;
    padding-top: 15px;
}

#header {
    border: 3px solid #D6EFFF;
    /*min-height: 200px;*/
	background: #ffffff;
}

/* clear white space near header image */
#header .columns {
	padding: 0;
}

/* HEADER TEXT ABOVE IMAGE */
.header-text {
    z-index:100;
    position:absolute;    
    color: #0071BC;
    text-shadow: 0 5px 5px rgb(0, 0, 0), 0 8px 10px rgb(255, 255, 255);
    font-size:50px;
    font-weight:bold;
    left:20px;
    top:0;
}

.header-text-mobile {
    z-index:110;
    position:absolute;
    color: #0071BC;
    text-shadow: 0 5px 5px rgb(0, 0, 0), 0 8px 10px rgb(255, 255, 255);
    font-size:30px;
    font-weight:bold;
    top: 10px;
    left:10px;
    right:0;
}

/* HEADER SEARCH FORM POSITION */
.header-form
{
    z-index:100;
    position:absolute;  
    right:5px;
    top:0;
}

.content-wrapper {
	background: #F7FAFC;
}

#content {
	border-left: 3px solid #D6EFFF;
	border-right: 3px solid #D6EFFF;
	background: #ffffff;
}

.footer {
    border: 3px solid #D6EFFF;
    background: #0071BC;
	min-height: 60px;
	padding-top: 5px;
}

/* --- Homepage - QuickLaunch --- */
.quicklaunch {
	margin-top: 20px;
}

.quicklaunch_text {
    /*z-index:100;*/
	text-align: center;
	color: #0071BC;
	font-size:14px;
	margin-left: 20px;
	margin-right: 20px;
}

/* Greyscale image effect */
.quicklaunch_content img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}

.quicklaunch_content img:hover { 
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* --- MENU --- */
.contain-to-grid .top-bar {
    margin-bottom: 0;
    margin-top: 0;
    border-left: 3px solid #D6EFFF;
	border-right: 3px solid #D6EFFF;
}

#logo {
	/* tweak the logo for better alignment in the top-bar */
	position: relative;
	top: -3px; 
}

.contain-to-grid {
    background: #0071BC;
    border-bottom: 3px solid #D6EFFF;
}

.top-bar {
    margin-top: 8px;
    margin-bottom: 10px;
    padding-right: 05px;
    list-style: none outside none;
    /*text-shadow: 0 -1px 3px #202020;*/
    background: #0071BC;
}

.top-bar.expanded {
    background: #0071BC;
}

.top-bar-section ul {
    background: none;
}

/* menu buttons */
.top-bar-section li a:not(.button) {
    color: #ffffff;
    text-decoration: none;
    line-height: 45px;
    padding: 0 15px;
    background: #0071BC;
    font-weight: bold;
}
/* menu buttons - hover */
.top-bar-section li a:hover:not(.button) {
    background-color: #007ACC;
    font-weight: bold;
}
/* menu buttons - active */
.top-bar-section ul li.active > a {
    background: #0062A3;
}
/* title area of mobile menu header */
.top-bar.expanded .title-area {
    background: #0071BC;
}
/* mobile version header - icon */
.top-bar.expanded .toggle-topbar a span {
    box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff;
}
/* mobile version header - text */
.top-bar.expanded .toggle-topbar a {
    color: #ffffff;
}

.top-bar-section .has-form {
	background: none;
}
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: medium none;
    content: "»";
    margin-top: -22px;
    right: 5px;
}
/* --- MENU - END --- */

/* Buttons */
.prefix.button {
	background: #0071BC;
	box-shadow: none;
}

/* ---Tables --- */
table {
	border: 1px solid #000000;
    border-collapse: collapse;
}
table thead, table tfoot {
    background: none repeat scroll 0 0 #0071BC;
}
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    border-color: #000000;
}

/* --- Foundation doesn't indent lists at all, so we fix that here --- */
#bodycopy ul.in,
#bodycopy ol.in,
#sidebar ul,
#sidebar ol {
	/* Foundation doesn't indent lists at all, so we fix that here... */
	margin-left: 1.25em; 
}

/* --- Breadcrumbs --- */
.breadcrumbs {
	/* change default appearance of Foundation breadcrumbs */
	background: #fff; 
	padding: 0;
	border: none; 
	margin:  15px 0 0 0;
	float: right;
}
.breadcrumbs li a {
	color: #0071BC;
}
.breadcrumbs li a:hover {
	color: #D5030D;
}
.breadcrumbs li:first-child {
	padding-left: 5px; 
}
.breadcrumbs li:last-child {
	padding-right: 8px; 
}

/* breadcrumbs in footer */
.footer .breadcrumbs {
	background: #0071BC;
	font-weight: bold;
}
.footer .breadcrumbs li{
	color: #ffffff; 
}
.footer .breadcrumbs li a{
	color: #ffffff; 
}

/* --- SideNAV --- */
#bodycopy ul.side-nav,
#sidebar ul.side-nav {
	/* we don't want navigation lists indented */
	margin-left: 0;
}

#sidebar .side-nav li {
	/* when side-nav in bodycopy, make it a little more prominent than Foundation default */
	list-style: none;
	background: url('images/list-style-image.png') left center no-repeat;
	/*background-repeat: no-repeat;*/
	padding-left: 15px;
}

#bodycopy .side-nav a,
#sidebar .side-nav a {
	font-weight: bold; 
	color: #0071BC;
}

#bodycopy .side-nav a:hover,
#sidebar .side-nav a:hover {
	font-weight: bold; 
	color: #D5030D;
}

#bodycopy .side-nav ul ul a,
#sidebar .side-nav ul ul a {
	font-weight: normal;
}

ul.side-nav ul {
	/* nested sub-navigation (tree=true) */
	margin-top: 0.5em; 
	margin-left: 2em;
}

/* --- Search form --- */
#search-form {
	/* this better aligns the search form with the headline */
	margin: 0.75em 0 0 0;
}

#header h1 {
	/* no need for margin here since h1 is the only thing in header */
	margin: 0;
}

#sidebar h3 + ul.side-nav {
	/* get the nav headline closer to the nav */
	margin-top: -1em;
}

/* breadcrumbs are redundant on a sitemap page */
/*
body.template-sitemap .breadcrumbs {
	display: none; 
}
*/

/* Alignment for textarea editor - CKEDIT */
/*
.align_left {
    float: left;
    margin-right: 10px;
    display:block;

}
.align_right {
    float:  right;
    margin-left: 10px;
    display:block;
}
.align_center {
   display:block; margin-left: auto; margin-right: auto;
}
*/

/*
 * TinyMCE and CKEditor alignment styles, for images placed in bodycopy
 *
 */
.align_left,
.align_right {
	display: block;
	margin: 1em 0;
}

.align-center {
	display: block;
	margin: 1em auto;
}

@media only screen and (min-width: 600px) {

	/* 
 	 * Alignment classes active only when screen is big enough to make them practical.
 	 * In our case we've set 600px as our cutoff under which images no longer align,
 	 * but you may need to tweak that specific to your case.
 	 *
 	 */

	.align_left {
		float: left;
		margin: 0 1em 0.5em 0; 
		position: relative;
		top: 5px; 
	}

	.align_right {
		float: right;
		margin: 0 0 1em 1em; 
		position: relative;
		top: 5px; 
	}

	.align_center {
		display:block;
		margin-left: auto;
		margin-right: auto;
		padding-top: 5px;
	}
}

.image_caption small {
	display: block;
	color: #666; 	
}

/* form result formating */
.panel {
    border: 3px solid #D6EFFF;
    margin-bottom: 1.25em;
    padding: 0;
    background: none;
    line-height: 1.1em;
}

#bodycopy p.calc {
	margin: 0;
    padding: 5px 10px;
}
/* dalsi souvisejici prohlidky */
#bodycopy li.calc {
	margin-bottom: 10px;
	margin-top: 0;
	margin-left: 30px;
	padding: 0;
}

.btn-space {
	margin-bottom: 10px;
	text-align: center;
}
.item-space {
	margin-bottom: 10px;
	/*text-align: center;*/
}

.calc-form-result {}

.calc-form-result li {
	padding-top: 0;
	margin-top: 5px;
	margin-left: 15px;
}

.button {
	background-color: #0071BC;
}


/* --- Foundation doesn't indent lists at all, so we fix that here --- */
#bodycopy ul.CommentList,
#bodycopy ol.CommentList {
	/* Foundation doesn't indent lists at all, so we fix that here... */
	margin-left: 1.25em; 
}

button#CommentForm_submit {
	background-color: #0071BC;
}

/* calc report li */
li.report {
	margin-left: 1.25em;
	margin-bottom: 3px;
}

/* trap for formbuilder 
#wrap_Inputfield- {
    display: none;
}
*/

/* Hide image numbers in ORBIT SLIDER */
.orbit-slide-number {
	display: none;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
	top: 80%;
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
    background-color:  transparent;
}

.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
    background-color: transparent;
}

.orbit-container .orbit-prev > span {
    border-color: rgba(0, 0, 0, 0) #0071BC rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-right-style: solid;
}
.orbit-container .orbit-prev:hover > span {
    border-color: rgba(0, 0, 0, 0) #EBDC5B rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-right-style: solid;
}
.orbit-container .orbit-next > span {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0071BC;
    border-left-style: solid;
    left: 50%;
    margin-left: -8px;
}
.orbit-container .orbit-next:hover > span {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #EBDC5B;
    border-left-style: solid;
    left: 50%;
    margin-left: -8px;
}

#lightbox {
	z-index: 10;
}