body {
	background-color: #f2f2f2;
    font-family: 'Signika', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    padding-top: 60px;
}

a.btn, input.btn {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif 
}


.adminView div.cms-form, .white-box {
	background-color: #FFF;
  	padding: 25px;
  	padding-top: 40px;
  	border-radius: 4px;
  	border: 1px solid #DDD;
}

div.cms-form input[type='submit'] {
	font-size: 16px;
	font-weight: 300;	
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.bg-color {
	background-color: #3498db;
	color: white;
	text-shadow: 1px 1px 1px gray;
}
.bg-color h1 {
	color: white;
}


.bg-color .popover {
	color: black;
	text-shadow: none;
	font-size: 14px;
}

.bg-bw {
	background-color: white;
	color: black;	
}


.form-control {
	border-color: #98A2A9;
}




/** navbar a login btn - nepouziva sa teraz **/


/** bootstrap navbar a login btn - nepouziva sa teraz **/

#navbar {	
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	min-height: 50px;
	z-index: 2000;
	text-shadow: 1px 1px 1px gray;
}

#navbar .navbar-brand,
.navbar .navbar-brand {
	color: white;
	font-size: 30px;
    line-height: 40px;
    position: relative;    
    padding-left: 60px;
    height: 70px;
    
}
#navbar .navbar-brand:hover, #navbar .navbar-brand:focus {
	color: #000;
  	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}
.navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
	color: white;
}


.navbar-brand img {
	/*position: absolute;*/
    top: 10px;  
    left: 0px;  	 
    width: 48px;  
}

.navbar .navbar-brand img {
	left: 8px;
}
.navbar .navbar-brand.user-logged-original {
	height: 61px;
    /* margin-right: 10px; */
    line-height: 30px;
  	font-size: 22px;	
  	padding-right: 25px;
}
.navbar .navbar-brand.user-logged-original img {
	/*left: 20px;
	top: 13px;*/
	width: 32px;	
}
.navbar .navbar-brand.user-logged {
	height: auto;
    /* margin-right: 10px; */
    line-height: 23px;
  	font-size: 22px;	
  	padding-right: 25px;
    padding-left: 80px;
    padding-top: 14px;
    padding-bottom: 0;
}
.navbar .navbar-brand.user-logged small {
	font-size: 14px;	    
    color: #DE2A0B;
    text-shadow: none;
    font-weight: 400;
}
.navbar .navbar-brand.user-logged img {
	left: 20px;
	top: 13px;
	width: 32px;	
}

#navbar .login-btn {	
	float: right;
	margin-top: 13px; 
	border-radius:7px; 
	padding:10px 15px; 
	color: white;
	background-color:rgba(0,0,0,0.3)
}

#navbar .login-btn:hover, #navbar .login-btn:focus {
	background-color:rgba(0,0,0,0.65) !important;
	color: white !important;
	text-shadow: none !important;
}


#navbar .dropdown {
	float: right;
	margin-top: 13px; 
}
#navbar .dropdown button {
	border-radius:7px; 	
	color: white;
	border-color: transparent;	
	background-color:rgba(0,0,0,0.3);
	font-size: 20px;
}
#navbar .dropdown button:hover, #navbar .dropdown button:focus {
	background-color:rgba(0,0,0,0.65) !important;
	color: white !important;
	text-shadow: none !important;
}
#navbar .dropdown-menu {
	background-color: rgba(3, 49, 80, 0.93);
	color: white;
	font-size: 15px;
}
#navbar .dropdown-menu .dropdown-header {
	color: #92C8EC;
    text-shadow: none;    
    font-size: 19px;
}

#navbar .dropdown-menu .fa {
	position: absolute;
	left: 10px;
	top: 10px;
	font-weight: normal;
}
#navbar .dropdown-menu li {
	padding-left: 10px;
	padding-right: 10px;		
}
#navbar .dropdown-menu li a {
	border-radius: 2px;	
	position:relative;
	padding-left: 35px;
}


.navbar.bg-color > div {
	background-color: rgba(0,0,0,0.2);
	text-shadow: none;
}

.navbar {
	border-color: transparent;
}

.navbar .navbar-nav {
	/*
	margin-top: 5px;
	margin-bottom: 5px;
	*/		
}

.navbar .navbar-nav > li > a {
	margin-top: 5px;
	margin-bottom: 5px;
}

.navbar-default .navbar-nav > li > a {
	color: white;	
	border-radius: 3px;
	margin-right: 10px;
	margin-left: 10px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	background-color: rgba(0,0,0,0.2);	
	color: white;
}
.dropdown-menu > li > a {
	color: white;
	text-shadow: none;	
	padding-top: 8px;
	padding-bottom: 8px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.active > a {
	background-color: #3498DB;
	color: white;
}
.dropdown-menu > li > a > span.glyphicon {
	width: 2em;
	
}

.navbar-nav > li > .dropdown-menu {
	right: 10px;   
    background-color: #22628C;
    margin-top: -5px !important;
    padding-top: 10px;
    color: #FFF;	
}

.navbar .navbar-text {
	color: white;
	margin-top:5px;
	padding-top: 15px;
}






.subtitle {
	font-size: 18px;
}


/* HeaderWrap */
#headerwrap {
	
	padding-top: 40px;
	
	/*
	background-attachment: relative;
	background-position: center center;
	min-height: 650px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    */
    
}



.bottom-menu {
    	float: left;   	
    }
   	.bottom-menu li {
   		display: inline;   		
   		padding-right: 15px;   		
   		line-height: 2em;
   	}
   	@media (max-width: 650px) {
   		.bottom-menu {
   			float: none;
   		}
   		.bottom-menu li {
   			display: block;   			
   		}
   	}


/*** custom checkboxes ***/






/*** jQuery tooltip ***/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3,#tooltip div {
	margin: 0;
}

.help-inline small {
	color: red;
}


@media (max-width: 400px) {
	#navbar .navbar-brand,
	.navbar .navbar-brand {
		font-size: 25px;
	} 
	
	#navbar .login-btn {
		font-size: 13px;
	}
}

.color-white {
	color: white;
}
.color-white:hover {
	color: black;
	text-decoration: underline;
}
.color-red {
	color: rgb(183, 20, 26);
	font-weight: bold;
}
.color-red:hover {
	color: black;
	text-decoration: underline;
}
.color-black:hover {
	color: black !important;
}

.icon-bar {
	background-color: white !important;
}