body {
	font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
	background: #222222;
}

header {
	 background: url(../img/header2520.jpg) no-repeat 50% 0;
	 background-size: cover;
	 height: 330px;
}

.novelogo {
	margin-top: 90px;
	display: block;
}

.logo {
	 width: 175px;
	 height: 175px;
	 display: block;
	 margin-top: 80px;
	 position: relative;
}

.logo span {
	 display: block;
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 background: rgba(255,255,255,0.5);
	 filter: blur(20px);
	 transform: scale(1.3);
	 border-radius: 50%;
	 z-index: 1;
}

.logo img {
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: auto;
	 z-index: 10;
}

.motto {
	 margin-top: 80px;
	 float: right;
	 font-size: 32px;
	 color: #fff;
	 text-align: right;
	 font-weight: 800;
}

.motto span {
	 color: rgba(255,255,255,0.9);
	 display: block;
	 font-size: 26px;
}

@media (min-width: 768px) and (max-width: 991px) {
	 .logo,
	 .novelogo {
			margin-top: 40px;
	 }
	 .motto {
			font-size: 26px;
			margin-top: 40px;
	 }
	 
	 .motto span {
			font-size: 20px;
	 }
	 
	 header {
			height: 250px;
	 }	 	 
}

@media (max-width: 767px) {
	.novelogo {
		margin-top: 10px;
	}
	.logo {
			margin: 20px auto 0 auto;
			width: 90px;
			height: 90px;				
	 } 
	 
	 header {
			height: 130px;
	 }
}

article {
	 background: #fff;
	 padding: 70px 0;
}

.article-stranka {
	 padding: 50px 0 70px;
}

h1, .h2 {
    font-size: 30px;
    font-weight: 600;
		color: #0678c2;
}

.h3,
.h4 {
	 font-weight: 600;
}

.h2Aktuality,
h2 {
	 color: #f17608;
}

.h2-projekt {
	color: #f17608;
	font-size: 22px;
	font-weight: 600;
}

footer {
	 background: #333333;
	 padding: 45px 0;
	 color: rgba(255,255,255,0.7);
}

footer h4 {
	 color: #fff;
	 font-weight: 600;
	 margin-top: 0;
}

.copyright {
	 padding-top: 15px;
	 padding-bottom: 15px;
	 color: rgba(255,255,255,0.5);
}

.col-button {	 
	 float: left;
	 width: 20%;
	 padding-left: 15px;
   padding-right: 15px;
}

.col-button a {	 
	 display: block;
	 padding: 25px 10px;
	 color: #fff;
	 background: #68aef2;
	 font-weight: 600;
	 position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {	 
	 .col-button a {	 
			padding: 15px 5px;
			min-height: 175px;
	 }	 
}

@media (max-width: 767px) {
	 .col-button {	 
			width: 100%;
			padding: 0 15px;
	 }	 
	 
	 article {
			padding: 30px 0;
	 }
}

@media (min-width: 768px) {
	 .col-button a:after {
			content: " ";
			display: block;
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 2px;
			background: rgba(0,0,0,0.15);
			transition: all 0.3s;
	 }

	 .col-button a:hover:after {
			height: 15px;
	 }
}


.col-button a span {	 
	 display: block;
	 color: rgba(255,255,255,0.7);
	 font-weight: 400;
	 margin-bottom: 5px;
}

.col-button:nth-child(2) a {
	 background: #0678c2;
}

.col-button:nth-child(3) a {
	 background: #f5b80a;
}

.col-button:nth-child(4) a {
	 background: #f17608;
}

.col-button:nth-child(5) a {
	 background: #f44408;
}

.cols-buttons {
	 margin-bottom: 30px;
}

.col-button a img {	 
	 width: 35%;
	 margin: 0 auto;
	 transition: all 0.3s;
}

.col-button a:hover,
.col-button a:focus {	 
	 text-decoration: none;	 
}

.col-button a:hover img {	 
	 transform: scale(0.8);
} 

.col-button input {
	 font-weight: 400;
}

#login-form {
	 display: none;	 
}

@media (max-width: 767px) { 
	 #login-form {
			margin-bottom: 10px;
			margin-top: 10px;			
	 }
	 .col-button a img {
		 display: none;
	 }
	 #login-form .form-control {
		 font-size: 16px;
	 }
}

#login-form .form-group {
	 margin-bottom: 10px;
}

.rows-clenove {
	 margin-bottom: 20px;
}

.rows-clenove > div {
	 margin-bottom: 5px;
}

.rows-clenove a {
	 display: block;
	 padding: 25px 10px;
	 color: #fff;
	 background: #68aef2;
	 font-weight: 600;
	 position: relative;
}

.rows-clenove a:after {
	 content: " ";
	 display: block;
	 position: absolute;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 height: 2px;
	 background: rgba(0,0,0,0.15);
	 transition: all 0.3s;
}

.rows-clenove a:hover:after {
	 height: 15px;
}

.rows-clenove a:hover,
.rows-clenove a:focus {	 
	 text-decoration: none;	 
}

.rows-admin a {
	 background-color: #0678c2;
}

.col-partner img {
	 max-width: 100%;
	 height: auto;
}

@media (min-width: 992px) { 
	 .col-partner {
			text-align: right;
	 }	
}

.has-error label {
	 color: #c00;
}

.has-error .form-control {
    background-image: url('../img/warning.svg');
		background-repeat: no-repeat;
		background-position: right 10px center;
		padding-right: 30px;
}

#secret {
	 display: none;
}

.alert {
	 border-radius: 0;
	 border-width: 0px 0px 3px 0px;
}

.alert-danger {
    background-color: #f55145;
    border-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.alert-success {
    background-color: #5CB85C;
    border-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.alert-info {
    background-color: #5BC0DE;
    border-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

.alert-default {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.1);
    color: #333;
}

.nav-stranka {
	 background: #68AEF2;
}

.navbar-nav > li > a {
	 color: #fff;
	 font-weight: 600;
}

.navbar-nav > li > a > span {
	 font-weight: 400;
}

.navbar-nav > li > a > .fa {
	 margin-right: 5px;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li.open > a,
.navbar-nav > li.open > a:hover,
.navbar-nav > li.open > a:focus {
	 background-color: #5994CE;
}

.navbar-nav > li.active > a,
.navbar-nav > li.active > a:hover,
.navbar-nav > li.active > a:focus {
	 background-color: #0678c2;
}

.mover { 
	 cursor: move; 
}

input[type="checkbox"]:checked + span {
    color: #f17608;
		font-weight: bold;
}

.response {
	text-align: center;
	color: #c00;
}