@font-face {font-family: 'Roboto';src: url('fonts/Roboto-Light.ttf') format('truetype');}

body { font-size: 12pt;
	font-family: 'Roboto', "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h1 { text-align: center; }
h2 { font-size: 1.5em; font-weight: bold; }

/* live form validace */
.form-control-error { border: 2px solid  red; }
.form-error-message { margin-left: 10px; color: red; font-style: italic; }
.form-valid-message { }
.required label { color: maroon }
	
#ajax-spinner {
	padding: 40px;
	background: white url('./images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}
.header-container { background: transparent url('./images/header.jpg') no-repeat 50% 0%; height: 300px; }
.header-title { }

a.home-link { display: block; /*height: 239px; width: 249px; background: transparent url('./images/korsa-logo.png') no-repeat 50% 50%; background-size: contain; */ position: relative;
height: 280px; width: 100%; }

a { text-decoration: none; border:none; color: #ff9e35; }
a:visited {text-decoration: none; border:none; color: #ff9e35; }
a:hover{color: #ff9e35; text-decoration: underline; }
a img { border: 0px; }


.menu { height: 40px; }
.menu-left { text-align: right; padding-right: 2em; margin-top: 125px; }
.menu-right { text-align: left; padding-left: 2em; margin-top: 125px; }

.menu ul { list-style-type: none; padding: 0px; margin: 0px; }
/*.menu>ul { width: 100%;  }*/
.menu ul li { display: inline; padding: 0; margin: 0 0.1em; }
.menu a { color: white; text-decoration: none; text-transform: uppercase; line-height: 40px; font-size: 0.9em; font-weight: bold; }
.menu li:hover a { color: white; }
.menu li.current { }
.menu ul li.separator { background-color: #d29d63; display: inline-block; padding: 0; margin: 0.1em 0.4em; width: 3px; height: 1em; vertical-align: sub; }

.content-container {
	line-height: 1.5em;
	text-align: left;
	margin-top: 2em;
}
.content {
	overflow: hidden;
	min-height: 600px;
}

.foot-menu { margin-top: 3em; background-color: #232125; }
.foot-menu ul { list-style-type: none; padding: 0px; margin: 0px; text-align: center; }
.foot-menu li { display: inline; margin: 0 1em; }
.foot-menu a { line-height: 56px; text-transform: uppercase; color: white; text-decoration: none; font-weight: bold; }

.foot-container { font-size: 0.7em; text-align: right; margin-top: 0.3em; margin-bottom: 1em;}
.foot { }
.foot a { color: black; }

.content_gallery { margin-top: 2em; }
.gallery_images { margin-top: 2em; }
.gallery_image { float: left; margin: 5px; width: 200px; height: 150px; text-align: center;}
.gallery_image img { max-height: 150px; max-width: 200px; text-align: center; margin-bottom: 5px;
	overflow: hidden; }
.gallery_image_defalt { width: 100%; margin-bottom: 2em;  }

.galleryDefaultContainer { text-align: center; width: 1000px;  }
.galleryDefaultImage { 
	position: relative; 
	text-align: center; 
	margin: auto; 
	margin-top: 2em; margin-bottom: 2em; width: 800px; height: 400px;
	overflow: hidden;
	}

.news { min-height: 3em; }
.newsText { /*width: 580px; float: right; */}
.newsText h3 { margin-top: 0; }
.post {
  margin-bottom: 1em;
}

/*.newsImage img { height: auto; max-height: 170px; max-width: 170px; margin: 1em; border: 1px solid #eee; }*/
.newsImage img { height: 110px; width: 170px; margin: 1em; border: 1px solid #eee; }
.newsText { margin: 1em; }
.post h3 a { color: black }
.post h3 { font-weight: bold; }
.c { text-align: center; }

.languages { position: absolute; top: 2em; right: 5%; font-weight: bold; z-index: 1000;}
.languages ul { list-style: none; margin: 0; padding: 0; }
.languages li { display: inline-block; }
.languages a, .languages a:visited, .languages a:hover { color: black; text-decoration: none; }
.languages span { color: white; }

.navbar-header { background-color: #302b2c; }
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-default .navbar-toggle {
    background-color: white;
}
.navbar-default .navbar-brand {
    color: white;
}
.navbar-header { padding: 0 1em; }
.navbar-nav { background: transparent url('./images/logo-verpackung.png') no-repeat 50% 0%; background-size: contain; }
.image-container { margin: 0.5em auto; max-width: 622px; }
.before-content { margin: 0 auto; text-align: center; }

.selected img {
	opacity:0.5;
}
.list-inline>li {
    display: inline-block;
    padding: 10px 5px;
	width: 100px;
}