/*
.staropramenfont {font-family: 'Kameron', serif;}
.latofont {font-family: 'Lato', serif;}
*/
@font-face {
	font-family: dinproblack; 
	src: url('fonts/DINPro_Black.otf');
}
@font-face {
	font-family: dinprobold; 
	src: url('fonts/DINPro_Bold.otf');
}
@font-face {
	font-family: dinproregular; 
	src: url('fonts/DINPro_Regular.otf');
}
@font-face {
	font-family: dinprolight; 
	src: url('fonts/DINPro_Light.otf');
}

.font-light {font-family: 'dinprolight';}
.font-bold {font-family: 'dinprobold';}

html, body {padding: 0; margin: 0; }
body {margin: 0 auto; font-family: 'dinproregular', sans-serif; font-size: 18px; line-height: 150%; color: #777776; background-color: #191919;}

h2 {font-family: 'dinprobold', sans-serif;}

/* wrappers */
.wrapper {display: block; max-width: 1000px; margin: 0 auto; border: 0; padding: 0;}  
#header {width: 100%; padding: 0; background-color: #191919; border-top: 2px solid #bf964b;}
#utility {display: block; margin-bottom: 10px;}
#breadcrumb {font-size: 0.9em!important; border: 0; color: #fff;}
#footer {background-color: #1d1d1b;
    /*
	background-color: #00502F;
    background-image: linear-gradient(-90deg, #003B0E 0%, #006D3B 49%, #006D3B 52%, #003B0E 100%);
    color: #FFF6DC;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem;
    overflow: hidden;
    padding-bottom: 45px;
    padding-top: 35px;
	*/
}

/* admin utility */
#admin_utility {background: #cc0000; padding: 0; color: #fff;}
#admin_utility ul {list-style: none; padding-left: 0;}
#admin_utility li {display: inline-block;}
#admin_utility a {display: block; padding: 0 20px 0 0; color: #fff; font-size: 0.9em; text-decoration: none;}
#admin_utility a:hover {color: #ffd64c; text-decoration: none;}

/* utility */
#utility {border: 0; color: #adadad; background: #333; padding: 0;}
#utility a {color: #fff; text-decoration: none; padding: 0;}
#utility a:hover {text-decoration: none; color: #fec03a!important;}
#utility a.current {color: #fec03a!important;}


.navigation {
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #bf964b;
	
}
#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	display: block;
	float: none;
}
#nav li {
	display: inline-block;
	float: none;
	position: relative;
	padding: 0 0 28px 0;
}

#nav li a {
	font-family: 'dinprobold';
	color: #ccc;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 37px;
	display: block;
	position: relative;
	z-index: 20;
	border: 0;
}
#nav li a .fa {
	padding: 0 0 0 12px;
}
#nav li:hover > a {
	background: none;
}
#nav li ul li a:hover, #nav li ul li:hover > a {
	text-decoration: none;
	color: #fff;
}
#nav li ul {
	position: absolute;
	left: 0;
	top: 100%;
	width: 190px;
	background: #fff;
	padding: 0;
	border: 0;
	display: none;
	list-style: none;
	z-index: 99999;
}
#nav li:hover > ul {
	display: block;
}
#nav li ul li > ul {
	position: absolute;
	left: 190px;
	top: 0;
	width: 190px;
	padding: 0;
}
#nav li ul li {
	float: none;
	width: auto;
	padding: 0;
	display: block;
	background: none;
	border-top: 0;
}
#nav li ul li:first-child {
	border: 0;
}
#nav li.active ul li a {
	color: #444;
}
#nav li ul li a {
	background: none;
	font: 16px/16px 'Lato', sans-serif;
	text-align: left;
	padding: 13px 20px;
	text-transform: capitalize;
	display: block;
	color: #242c43;
	position: relative;
}
#nav li ul li a:before {
	content: '';
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
#nav li ul li a:hover:before {
	width: 100%;
}
#nav li ul li a:hover {
	color: #fff;
}
.navigation .navbar-inverse {
	background-color: transparent;
	border-color: transparent;
}
.navigation .navbar {
	border-radius: 0;
}
.navigation .navbar {
	border: 0;
	margin-bottom: 0;
	min-height: auto;
	position: relative;
}
.navigation .navbar-collapse {
	padding: 0;
}
.logo-col {
	float: left;
	width: 169px;
	margin: 0;
	border: 0;
}
div.logo {
	position: absolute;
	margin: auto;
	width: 169px;
	top: -49px;
	left: -15px;
	right: 0;
	z-index: 9;
	
	text-align: center;
}


.logo_name {font-family: 'dinproblack'; font-size: 7em; color: #fff;}

/* misc */
img.logo {vertical-align: middle; margin-right: 5px;}
img, video, canvas {max-width: 100%;}
ul.basic {list-style-type: disc; margin: 0; padding-left: 6%;}

/* responsive embeded media: <figure><iframe src="https://www.youtube.com/embed/4Fqg43ozz7A"></iframe></figure> */
figure {height: 0; padding-bottom: 56.25%; position: relative; width: 100%;}
iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

/* body backgrounds */
.body-bg-banner {display: block; width: 100%;}
.bb-dmenu {background: url('../graphics/body_backgrounds/restauracia-prestrety-stol.jpg') no-repeat center center;}
.bb-jedla {background: url('../graphics/body_backgrounds/jedlo-ameliin-boztek.jpg') no-repeat center center;}
.bb-napoje {background: url('../graphics/body_backgrounds/restauracia-prestrety-stol.jpg') no-repeat center center;}
.bb-vino {background: url('../graphics/body_backgrounds/restauracia-prestrety-stol.jpg') no-repeat center center;}

.bgimg-hps {background: url('../graphics/body_backgrounds/bg-nasehospoda-karloveska-restauracia.jpg') no-repeat center center;}
.bgimg-jedla {background: url('../graphics/body_backgrounds/bg-nasehospoda-karloveska-pivo.jpg') no-repeat center center;}
.bgimg-napoje {background: url('../graphics/body_backgrounds/bg-nasehospoda-karloveska-napoje.jpg') no-repeat center center;}
.bgimg-kontakt {background: url('../graphics/body_backgrounds/bg-nasehospoda-karloveska-bratislava.jpg') no-repeat center center;}
.bgimg-wood {background: url('../graphics/body_backgrounds/bg-wood.png') repeat-y center top;}

 /* FORMS */
 /* html5 reset. this is necessary to properly align input fields in html5 */
input, select, textarea {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

fieldset {border: 0; margin: 0; padding: 0; text-align: left;}
.form-item {display: block; margin: 0 0 15px 0;}
label {display: block; width: 100%; padding-bottom: 5px; text-align: left; font-weight: normal; border: 0;}
input[type="text"], input[type="email"], input[type="password"] {float: left; width: 100%; padding: 10px; font-size: 0.9em; color: #555; border: 1px solid #ccc; outline: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
textarea {float: left;  width: 100%; padding: 10px; font-size: 0.9em; color: #555; border: 1px solid #ddd; outline: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
select {float: left; width: 100%; padding: 10px; font-size: 0.9em; color: #555; border: 1px solid #ddd; outline: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
select.third, input[type="text"].third {float: left; width: 32%; padding: 10px; font-size: 0.9em; color: #555; border: 1px solid #ddd; outline: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
select.twothirds {float: left; width: 64%; padding: 10px; font-size: 0.9em; color: #555; border: 1px solid #ddd; outline: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
select.half {float: left; width: 49%; padding: 10px; font-size: 0.9em; color: #555; border: 1px solid #ddd; outline: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {color: #000; border: 1px solid #2797e1; -webkit-box-shadow: 0px 0px 4px #2797e1; -moz-box-shadow: 0px 0px 4px #2797e1; box-shadow: 0px 0px 4px #2797e1;}
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover, select:hover {color: #000; border: 1px solid #2797e1; -webkit-box-shadow: 0px 0px 4px #2797e1; -moz-box-shadow: 0px 0px 4px #2797e1; box-shadow: 0px 0px 4px #2797e1;}

input[type="submit"] {width: 100%; cursor: pointer; margin: 0; padding: 5px; font-size: 1em; background-color: #bf964b; border: 2px solid #bf964b; color: #fff; text-decoration: none; outline: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
input[type="submit"].third {width: 32%;}
input[type="submit"].half {width: 49%;}
input[type="submit"]:hover {background: transparent; color: #bf964b; border: 2px solid #bf964b; -webkit-box-shadow: 0px 0px 4px #fff; -moz-box-shadow: 0px 0px 4px #fff; box-shadow: 0px 0px 4px #fff;}

.error-input {border: 1px solid #ffcccc!important; color: #cc0000!important; background-color: #ffcccc!important; }

/** LINKS **/
a:link, a:active, a:visited {text-decoration: underline; color: #fff9e3;}
a:hover {text-decoration: underline; color: #c1baa4;}

a:link.bcrumb-home, a:active.bcrumb-home, a:visited.bcrumb-home {display: block; width: 16px; height: 15px; float: left; margin: 5px 5px 0 0; border: 0; text-decoration: none!important; background: url('../graphics/icons/breadcrumb/icon-home-sprite-small.png') no-repeat 0 0;}
a:hover.bcrumb-home {text-decoration: none; background-position: 0 -16px;}

#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited {color: #fff!important;}
#breadcrumb a:hover {color: #c1baa4;}

a:link.burger, a:active.burger, a:visited.burger {display: block; float: 0 auto; border: 0; width: 22px!important; height: 22px!important; line-height: 22px; text-align: left!important; background: url('../graphics/icons/menu-burger/burger-sprite.png') no-repeat left top; color: #fff!important;}
a:hover.burger {background-position: 0 -22px!important;}
	
a.help {display: block; float: right; padding: 0 6px 0 6px; cursor: help; font-weight: bold; color: #fff!important; background-color: #bf964b; text-decoration: none;}
a:hover.help {background-color: #37a0e6; text-decoration: none!important;}

a:link.burger, a:active.burger, a:visited.burger {display: block; margin: 0 auto; width: 22px; height: 17px; background: url('../graphics/icons/menu-burger/burger-sprite.png') no-repeat 0 0;}
a:hover.burger {background-position: 0 -17px;}

#sidebar {display: block; width: 150px; position: fixed; bottom: 30px; right: 0; z-index: 999; text-align: center;}
#sidebar a {display: block; margin: 0 0 10px 0; padding: 20px 10px; background-color: #46b96c; color: #fff; font-size: 0.8em; text-decoration: none; moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
#sidebar a:hover {color: #5e331a;}

a:link.selector, a:active.selector, a:visited.selector {display: block; border: 0; text-align: center; opacity: 1.0; filter: alfa(opacity=100); /*for <= IE8 */}
a:hover.selector {opacity: 0.7; filter: alfa(opacity=70); /*for <= IE8 */}

.selector-menu {background: url('../graphics/hps/restauracia-prestrety-stol.jpg') no-repeat center center;}
.selector-jedla {background: url('../graphics/hps/jedlo-ameliin-boztek.jpg') no-repeat center center;}
.selector-napoje {background: url('../graphics/hps/bar-ponad-vycap.jpg') no-repeat center center;}

a:link.button, a:active.button, a:visited.button {display: block; margin: 0 auto; padding: 5px 15px; background-color: #bf964b; color: #000; border: 1px solid #bf964b; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
a:hover.button {text-decoration: none; border: 1px solid #bf964b; background-color: transparent; color: #bf964b;}

a:link.button_secondary, a:active.button_secondary, a:visited.button_secondary {display: block; margin: 0 auto; padding: 5px 15px; background-color: #b3998f; color: #fff; border: 1px solid #b3998f; text-decoration: none; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
a:hover.button_secondary {text-decoration: none; border: 1px solid #260a00; background-color: #260a00; color: #fff;}

#back-to-top {position: fixed; right: 20px; bottom: 20px; display:none;}
#back-to-top a {display: block; background-color: #ca193a; color: #fff; padding: 15px; text-decoration: none; border: 0px solid white; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
#back-to-top a:hover {opacity: .8; background-color: #ca193a; border-color: white;}

#footer a {color: #777776; text-decoration: none; font-size: 0.8em;}
#footer a:hover {color: #fff9e3; text-decoration: none;}
#footer a.active {color: #fff9e3;}

.pdflink {display:block; margin: 10px 0 0 0; font-size:1em;}
.pdflink a  {display:block; line-height: 25px; text-decoration: underline; padding: 0 0 0 20px; color:#1abc9c!important; margin:0; background:  url('../graphics/icon-pdf.png') no-repeat 2px 6px;}
.pdflink a:hover {color:#ff6600!important; text-decoration:underline;}

/* shadows */
.shadow {display: block; height: 20px; border: 0; background-image: url('../graphics/shadows.png'); background-repeat: no-repeat;}
.shadow-1 {background-position: center 0!important; /*position: relative; left: 0; top: 0;*/}
.shadow-7 {background-position: center -120px!important;}

/************** DESKTOPS *************/
@media screen and (min-width: 950px) {
	
	/* default containers with no padding */
	.container-whole, 
		.container-whole-half-on-mobiles,
		.container-whole-third-on-tablet
		{float: left; width: 99%; margin: 0.5%;}
	.container-half, 
		.container-half-whole-on-phone, 
		.container-half-whole-on-mobiles 
		{float: left; width: 49%; margin: 0.5%;}	
	.container-third, 
		.container-third-whole-on-mobiles, 
		.container-third-whole-on-phone, 
		.container-third-half-on-mobiles,
		.container-third-half-tablet-whole-phone		
		{float: left; width: 32.333%; margin: 0.5%;}			 	
	.container-fourth, 
		.container-fourth-whole-on-mobiles, 
		.container-fourth-whole-on-phone, 
		.container-fourth-half-on-mobiles, 
		.container-fourth-half-on-tablet, 
		.container-fourth-half-tablet-whole-phone, 
		.container-fourth-half-tablet-third-phone, 
		.container-fourth-half-tablet-threefourths-phone,
		.container-fourth-third-tablet-whole-phone
		{float: left; width: 24%; margin: 0.5%;}
	.container-fifth, 
		.container-fifth-whole-on-mobiles, 
		.container-fifth-whole-on-phone, 		
		.container-fifth-half-on-phone, 		
		.container-fifth-half-tablet-whole-phone, 
		.container-fifth-third-tablet-whole-phone,
		.container-fifth-third-tablet-half-phone, 
		.container-fifth-fourth-tablet-whole-phone, 		
		.container-fifth-fourth-tablet-half-phone		
		{float: left; width: 19%; margin: 0.5%;}
	.container-sixth, 
		.container-sixth-whole-on-mobiles, 
		.container-sixth-half-on-mobiles, 
		.container-sixth-half-on-phone, 
		.container-sixth-third-on-phone, 
		.container-sixth-half-tablet-whole-phone, 
		.container-sixth-third-tablet-whole-phone,
		.container-sixth-third-tablet-half-phone,
		.container-sixth-fourth-tablet-half-phone,
		.container-sixth-fourth-tablet-third-phone
		{float: left; width: 15.66%; margin: 0.5%;}
	.container-seventh,
		.container-seventh-whole-on-mobiles,
		.container-seventh-third-tablet-half-phone,
		.container-seventh-fifth-tablet-half-phone
		{float: left; width: 13.28%; margin: 0.5%;}
	.container-eighth,
		.container-eighth-whole-on-mobiles,
		.container-eighth-whole-on-mobiles, 
		.container-eighth-half-on-mobiles, 
		.container-eighth-half-on-phone, 
		.container-eighth-third-on-mobiles,
		.container-eighth-third-tablet-half-phone, 
		.container-eighth-fourth-tablet-whole-phone, 		
		.container-eighth-fourth-tablet-half-phone,
		.container-eighth-fifth-on-phone,
		.container-eighth-twothirds-on-phone 
		{float: left; width: 11.499%; margin: 0.5%;}
	.container-ninth, 
		.container-ninth-fourth-tablet-half-phone, 
		.container-ninth-fourth-tablet-third-phone,
		.container-ninth-fifth-tablet-third-phone, 
		.container-ninth-fifth-tablet-fourth-phone, 		
		.container-ninth-seventh-tablet-fourth-phone
		{float: left; width: 10.1%; margin: 0.5%;}
	.container-tenth, 
		.container-tenth-fourth-tablet-half-phone, 
		.container-tenth-fifth-tablet-fourth-phone		
		{float: left; width: 9%; margin: 0.5%;}		
	.container-eleventh, 
		.container-eleventh-half-on-mobiles, 
		.container-eleventh-half-tablet-whole-phone, 
		.container-eleventh-third-on-mobiles, 
		.container-eleventh-fourth-tablet-half-phone,
		.container-eleventh-fourth-tablet-third-phone,
		.container-eleventh-fifth-tablet-fourth-phone		
		{float: left; width: 8.09%; margin: 0.5%;}
	.container-sixteenth, 
		.container-sixteenth-fifth-tablet-third-phone,  
		.container-sixteenth-fifth-tablet-fourth-phone, 
		.container-sixteenth-seventh-tablet-fourth-phone, 
		.container-sixteenth-eighth-on-mobiles, 
		.container-sixteenth-eighth-tablet-fourth-phone				
		{float: left; width: 5.249%; margin: 0.5%;}	
	.container-twothirds, 
		.container-twothirds-whole-on-mobiles 
		{float: left; width: 65.6%; margin: 0.5%;}
	.container-twofourths, 
		.container-twofourths-whole-on-mobiles 
		{float: left; width: 48.99%; margin: 0.5%;}
	.container-threefourths, 
		.container-threefourths-whole-on-mobiles, 
		.container-threefourths-whole-on-phone
		{float: left; width: 74%; margin: 0.5%;}
	.container-threefifths, 
		.container-threefifths-whole-on-mobiles 
		{float: left; width: 59%; margin: 0.5%;}
	.container-sevensixteenths
		{float: left; width: 42.55%; margin: 0.5%;}
	
	/* padded containers */
	.container-whole-padded 
		{float: left; width: 95.999%; margin: 0.5%; padding: 1.5%;}
	.container-half-padded, 
		.container-half-padded-whole-on-mobiles, 
		.container-half-padded-whole-on-phone		
		{float: left; width: 45.999%; margin: 0.5%; padding: 1.5%;}	
	.container-third-padded, 
		.container-third-padded-whole-on-mobiles, 
		.container-third-padded-whole-on-phone, 
		.container-third-padded-half-tablet-whole-phone		
		{float: left; width: 29.333%; margin: 0.5%; padding: 1.5%;}		
	.container-fourth-padded, 
		.container-fourth-padded-whole-on-mobiles,
		.container-fourth-padded-whole-on-phone, 
		.container-fourth-padded-half-on-mobiles,
		.container-fourth-padded-half-on-phone,
		.container-fourth-padded-half-tablet-whole-phone		 		 		
		{float: left; width: 20.999%; margin: 0.5%; padding: 1.5%;}
	.container-fifth-padded, 
		.container-fifth-padded-half-tablet-whole-phone 
		{float: left; width: 15.999%; margin: 0.5%; padding: 1.5%;}
	.container-sixth-padded, 
		.container-sixth-padded-third-tablet-whole-phone 
		{float: left; width: 12.666%; margin: 0.5%; padding: 1.5%;}
	.container-eighth-padded 
		{float: left; width: 8.503%; margin: 0.5%; padding: 1.5%;}
	.container-tenth-padded 
		{float: left; width: 6.005%; margin: 0.5%; padding: 1.5%;}
	.container-twothirds-padded, 
		.container-twothirds-padded-whole-on-mobiles,
		.container-twothirds-padded-whole-on-phone, 
		.container-twothirds-padded-half-tablet-whole-phone				
		{float: left; width: 62.65%; margin: 0.5%; padding: 1.5%;}
	.container-threefourths-padded, 
		.container-threefourths-padded-whole-on-mobiles, 
		.container-threefourths-padded-half-tablet-whole-phone		
		{float: left; width: 70.99%; margin: 0.5%; padding: 1.5%;}		
	
	/* device restrictions */
	.mobiles-only {display: none!important;}
	.tablets-only {display: none!important;}
	.phones-only {display: none!important;}	
	.tablets-phones-only {display: none!important;}

	/* custom alignment */
	.alignleft-center-on-mobiles {text-align: left!important;}
	
	/* fixed header */
	/*#header {z-index: 2; position: fixed; overflow: auto;}*/
	#header {z-index: 2; width: 100%; position: fixed; }
	.header-subinfo-openhours {float: left; margin-left: 30px;}
	.header-subinfo-location {float: right; margin-right: 85px;}
	
	.desktop-spacer {display: block; width: 100%; height: 150px;}
	.desktop-spacer-logedin {display: block; width: 100%; height: 190px;}
	
	/* navigation default */	
	nav.menu-desktops {width: 100%;}
	nav.menu-desktops ul {margin: 0 auto; padding: 0; width: 100%;}
	nav.menu-desktops li {display: inline;}
	nav.menu-desktops a {width: 22%; color: #fff9e3; font-size: 0.9em; display: inline-block; text-decoration: none; text-align: center; border: 0;}	
	nav.menu-desktops li a {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}	
	nav.menu-desktops a:hover, nav.menu-desktops a:active {color: #002c1a;}	
	nav.menu-desktops a.active {color: #003b23;}	
	
	/* links */
	a:link.selector, a:active.selector, a:visited.selector {float: left; width: 33.333%; min-height: 350px; padding-top: 300px; font-size: 3em; text-decoration: none; text-shadow: 3px 3px 0px #260a00; color: #fff;}

	/* headers */
	h1 {font-size: 2.5em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.4em;}
	h4 {font-size: 1.1em;}
	
	/* misc */
	.body-bg-banner {min-height: 650px;}
	.padding {padding: 2%;}
	
	.body-bg-spacer {display: block; height: 420px;}
}	

/******************* MISC ********************************/ 
@media screen and (min-width: 950px) and (max-width: 1250px) {

	/* smaller menu font */
	nav.menu-desktops a {font-size: 0.8em!important;}		
}

/******************* TABLETS ********************************/ 
@media screen and (min-width: 500px) and (max-width: 950px) {
	
	/* default containers with no padding */
	.container-whole, 
		.container-half-whole-on-mobiles, 
		.container-third-whole-on-mobiles, 
		.container-fourth-whole-on-mobiles, 
		.container-fifth-whole-on-mobiles, 
		.container-sixth-whole-on-mobiles, 
		.container-seventh-whole-on-mobiles,
		.container-eighth-whole-on-mobiles, 
		.container-twothirds-whole-on-mobiles, 
		.container-twofourths-whole-on-mobiles, 
		.container-threefourths-whole-on-mobiles, 
		.container-threefifths-whole-on-mobiles		
		{float: left; width: 99%; margin: 0.5%;}
	.container-half, 
		.container-whole-half-on-mobiles,
		.container-half-whole-on-phone, 
		.container-third-half-on-mobiles,
		.container-third-half-tablet-whole-phone, 
		.container-fourth-half-on-mobiles, 
		.container-fourth-half-on-tablet, 						
		.container-fourth-half-tablet-whole-phone, 		
		.container-fourth-half-tablet-third-phone, 			
		.container-fourth-half-tablet-threefourths-phone, 		
		.container-fifth-half-tablet-whole-phone, 		
		.container-sixth-half-on-mobiles, 
		.container-sixth-half-tablet-whole-phone, 
		.container-eighth-half-on-mobiles, 		
		.container-eleventh-half-on-mobiles, 
		.container-eleventh-half-tablet-whole-phone 
		{float: left; width: 49%; margin: 0.5%;}	
	.container-third, 
		.container-whole-third-on-tablet,
		.container-third-whole-on-phone, 
		.container-fourth-third-tablet-whole-phone,
		.container-fifth-third-tablet-half-phone, 		
		.container-fifth-third-tablet-whole-phone, 
		.container-sixth-third-tablet-half-phone, 
		.container-sixth-third-tablet-whole-phone,
		.container-seventh-third-tablet-half-phone,
		.container-eighth-third-on-mobiles,
		.container-eighth-third-tablet-half-phone,
		.container-eleventh-third-on-mobiles		
		{float: left; width: 32.333%; margin: 0.5%;}			 	
	.container-fourth, 
		.container-fourth-whole-on-phone, 
		.container-fifth-fourth-tablet-half-phone, 
		.container-fifth-fourth-tablet-whole-phone, 
		.container-sixth-fourth-tablet-half-phone,
		.container-sixth-fourth-tablet-third-phone,
		.container-eighth-fourth-tablet-whole-phone, 
		.container-eighth-fourth-tablet-half-phone,
		.container-ninth-fourth-tablet-half-phone,
		.container-ninth-fourth-tablet-third-phone,
		.container-tenth-fourth-tablet-half-phone,
		.container-eleventh-fourth-tablet-half-phone,
		.container-eleventh-fourth-tablet-third-phone
		{float: left; width: 24%; margin: 0.5%;}
	.container-fifth, 
		.container-fifth-half-on-phone, 		
		.container-fifth-whole-on-phone, 
		.container-seventh-fifth-tablet-half-phone,
		.container-ninth-fifth-tablet-third-phone, 
		.container-ninth-fifth-tablet-fourth-phone, 
		.container-tenth-fifth-tablet-fourth-phone,
		.container-eleventh-fifth-tablet-fourth-phone, 
		.container-sixteenth-fifth-tablet-third-phone, 
		.container-sixteenth-fifth-tablet-fourth-phone 					
		{float: left; width: 19%; margin: 0.5%;}
	.container-sixth-half-on-phone,
		.container-sixth-third-on-phone
		{float: left; width: 15.66%; margin: 0.5%;}
	.container-seventh,		
		.container-ninth-seventh-tablet-fourth-phone,
		.container-sixteenth-seventh-tablet-fourth-phone
		{float: left; width: 13.28%; margin: 0.5%;}
	.container-eighth, 
		.container-eighth-half-on-phone, 
		.container-eighth-fifth-on-phone,
		.container-eighth-twothirds-on-phone,
		.container-sixteenth-eighth-on-mobiles, 
		.container-sixteenth-eighth-tablet-fourth-phone 
		{float: left; width: 11.499%; margin: 0.5%;}
	.container-twothirds 
		{float: left; width: 65.6%; margin: 0.5%;}
	.container-twofourths
		{float: left; width: 48.99%; margin: 0.5%;}
	.container-threefourths,
		.container-threefourths-whole-on-phone
		{float: left; width: 74%; margin: 0.5%;}
	.container-threefifths 
		{float: left; width: 59%; margin: 0.5%;}
	.container-sevensixteenths
		{float: left; width: 42.55%; margin: 0.5%;}
			
	/* padded containers */
	.container-whole-padded, 
		.container-half-padded-whole-on-mobiles, 
		.container-third-padded-whole-on-mobiles, 
		.container-fourth-padded-whole-on-mobiles, 
		.container-twothirds-padded-whole-on-mobiles, 
		.container-threefourths-padded-whole-on-mobiles		
		{float: left; width: 95.999%; margin: 0.5%; padding: 1.5%;}
	.container-half-padded, 
		.container-half-padded-whole-on-phone, 
		.container-third-padded-half-tablet-whole-phone, 
		.container-fourth-padded-half-on-mobiles, 		
		.container-fourth-padded-half-tablet-whole-phone, 				
		.container-fifth-padded-half-tablet-whole-phone, 
		.container-twothirds-padded-half-tablet-whole-phone
		{float: left; width: 45.999%; margin: 0.5%; padding: 1.5%;}				
	.container-third-padded, 
		.container-third-padded-whole-on-phone, 
		.container-sixth-padded-third-tablet-whole-phone		 
		{float: left; width: 29.333%; margin: 0.5%; padding: 1.5%;}		
	.container-fourth-padded, 
		.container-fourth-padded-whole-on-phone,
		.container-fourth-padded-half-on-phone
		{float: left; width: 20.999%; margin: 0.5%; padding: 1.5%;}
	.container-fifth-padded 
		{float: left; width: 15.999%; margin: 0.5%; padding: 1.5%;}
	.container-twothirds-padded, 
		.container-twothirds-padded-whole-on-phone 
		{float: left; width: 62.65%; margin: 0.5%; padding: 1.5%;}
	.container-threefourths-padded, 
		.container-threefourths-padded-half-tablet-whole-phone 
		{float: left; width: 70.99%; margin: 0.5%; padding: 1.5%;}
		
	/* device restrictions */
	.desktops-only {display: none!important;}
	.desktops-phones-only {display: none!important;}
	.phones-only {display: none!important;}
	a.header-logo-desktops {display: none!important;}
	
	/* custom alignment */
	.alignleft-center-on-mobiles {text-align: center!important;}
	
	/* fixed header */
	#header {z-index: 2; position: fixed; overflow: auto;}
	.desktop-spacer {display: block; width: 100%; height: 150px;}
	
	/* navigation default */
	nav.menu-desktops {display: none;}
	
	/*
	nav.menu-tablets {width: 100%;}
	nav.menu-tablets ul {margin: 0 auto; padding: 0; width: 100%;}
	nav.menu-tablets li {display: inline;}
	nav.menu-tablets a {width: 22%; color: #fff9e3; font-size: 0.9em; display: inline-block; text-decoration: none; text-align: center; border: 0;}	
	nav.menu-tablets li a {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}	
	nav.menu-tablets a:hover, nav.menu-tablets a:active {color: #002c1a;}	
	nav.menu-tablets a.active {color: #003b23;}		
	*/
	/* navigation burger */
	nav.menu-phones {display: none;}
	
	#nav {border: 0; padding: 5px 0 0 0!important; margin: 0; background-color: #1d1d1b;}
	#nav li {		
		padding: 0 0 5px 0;
	}
	#nav li a {
		padding: 13px 30px;
		margin: 0!important;
		border: 0!important;
	}

	/* links */
	a:link.selector, a:active.selector, a:visited.selector {float: left; width: 100%; min-height: 150px; padding-top: 100px; font-size: 3em; text-decoration: none; text-shadow: 3px 3px 0px #260a00; color: #fff;}	
	.selector-menu {background-position: center -280px;}
	.selector-jedla {background-position: center -210px;}
	.selector-napoje {background-position: center -320px;}
	
	/* headers */
	h1 {font-size: 2.5em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.4em;}
	h4 {font-size: 1.1em;}
	
	/* misc */
	.body-bg-banner {min-height: 650px;}
	.padding {padding: 5%;}
	#header-restaurant-name .font-xl, #header-restaurant-contacts .font-xl {font-size: 1.3em!important;}
	#header-restaurant-name .font-xs, #header-restaurant-contacts .font-xs {font-size: 0.8em!important;}
	
	#sidebar {width: 250px; bottom: 0; right: 0;}
	.img-dajmejedlo {float: left!important; width: 120px;}
}

/*********** SMARTPHONES *************/
@media screen and (max-width: 500px) {
		
	/* default containers with no padding */	
	.container-whole, 
		.container-whole-third-on-tablet,
		.container-half-whole-on-mobiles, 
		.container-half-whole-on-phone, 	
		.container-third-whole-on-mobiles, 
		.container-third-whole-on-phone, 
		.container-third-half-tablet-whole-phone, 		
		.container-fourth-whole-on-mobiles, 
		.container-fourth-whole-on-phone, 
		.container-fourth-half-tablet-whole-phone, 		
		.container-fourth-third-tablet-whole-phone,
		.container-fifth-whole-on-mobiles, 
		.container-fifth-whole-on-phone, 
		.container-fifth-half-tablet-whole-phone, 
		.container-fifth-third-tablet-whole-phone, 						
		.container-fifth-fourth-tablet-whole-phone, 		
		.container-sixth-whole-on-mobiles, 
		.container-sixth-third-tablet-whole-phone, 
		.container-seventh-whole-on-mobiles,
		.container-eighth-whole-on-mobiles,
		.container-eighth-fourth-tablet-whole-phone, 		
		.container-twothirds-whole-on-mobiles, 		
		.container-twothirds-padded-whole-on-phone, 
		.container-twofourths-whole-on-mobiles, 
		.container-threefourths-whole-on-mobiles, 
		.container-threefourths-whole-on-phone,
		.container-threefifths-whole-on-mobiles 		
		{float: left; width: 99%; margin: 0.5%;}
	.container-half, 
		.container-whole-half-on-mobiles,
		.container-third-half-on-mobiles,
		.container-fourth-half-on-mobiles, 
		.container-fifth-half-on-phone, 		
		.container-fifth-third-tablet-half-phone, 		
		.container-fifth-fourth-tablet-half-phone, 
		.container-sixth-half-on-mobiles, 
		.container-sixth-half-on-phone,
		.container-sixth-third-tablet-half-phone, 		
		.container-sixth-fourth-tablet-half-phone,
		.container-seventh-third-tablet-half-phone,
		.container-seventh-fifth-tablet-half-phone,
		.container-eighth-half-on-mobiles, 
		.container-eighth-half-on-phone,
		.container-eighth-third-tablet-half-phone,
		.container-eighth-fourth-tablet-half-phone,
		.container-ninth-fourth-tablet-half-phone, 
		.container-tenth-fourth-tablet-half-phone, 
		.container-eleventh-half-on-mobiles,
		.container-eleventh-fourth-tablet-half-phone
		{float: left; width: 49%; margin: 0.5%;}	
	.container-third, 
		.container-fourth-half-tablet-third-phone, 
		.container-sixth-third-on-phone, 
		.container-sixth-fourth-tablet-third-phone,
		.container-eighth-third-on-mobiles,
		.container-ninth-fourth-tablet-third-phone,
		.container-ninth-fifth-tablet-third-phone, 		
		.container-eleventh-third-on-mobiles, 
		.container-eleventh-fourth-tablet-third-phone,
		.container-sixteenth-fifth-tablet-third-phone 
		{float: left; width: 32.333%; margin: 0.5%;}			 	
	.container-fourth, 
		.container-fourth-half-on-tablet, 
		.container-ninth-fifth-tablet-fourth-phone, 
		.container-tenth-fifth-tablet-fourth-phone,
		.container-ninth-seventh-tablet-fourth-phone,
		.container-eleventh-fifth-tablet-fourth-phone, 
		.container-sixteenth-fifth-tablet-fourth-phone,
		.container-sixteenth-seventh-tablet-fourth-phone, 
		.container-sixteenth-eighth-tablet-fourth-phone		
		{float: left; width: 24%; margin: 0.5%;}
	.container-fifth, 
		.container-eighth-fifth-on-phone
		{float: left; width: 19%; margin: 0.5%;}	
	.container-sixth 
		{float: left; width: 15.66%; margin: 0.5%;}
	.container-eighth, 
		.container-sixteenth-eighth-on-mobiles 
		{float: left; width: 11.499%; margin: 0.5%;}
	.container-threefifths 
		{float: left; width: 59%; margin: 0.5%;}
	.container-twothirds,
		.container-eighth-twothirds-on-phone
		{float: left; width: 65.6%; margin: 0.5%;}
	.container-twofourths 
		{float: left; width: 48.99%; margin: 0.5%;}
	.container-threefourths, 
		.container-fourth-half-tablet-threefourths-phone 
		{float: left; width: 74%; margin: 0.5%;}
	
	/* padded containers */
	.container-whole-padded, 
		.container-half-padded-whole-on-mobiles, 		
		.container-half-padded-whole-on-phone, 		
		.container-third-padded-whole-on-mobiles, 		
		.container-third-padded-whole-on-phone, 
		.container-third-padded-half-tablet-whole-phone, 
		.container-fourth-padded-whole-on-mobiles, 
		.container-fourth-padded-whole-on-phone, 
		.container-fourth-padded-half-tablet-whole-phone, 						
		.container-fifth-padded-half-tablet-whole-phone, 		
		.container-sixth-padded-third-tablet-whole-phone, 		
		.container-twothirds-padded-whole-on-mobiles, 
		.container-twothirds-padded-half-tablet-whole-phone, 
		.container-threefourths-padded-whole-on-mobiles, 
		.container-threefourths-padded-half-tablet-whole-phone
		{float: left; width: 93.999%; margin: 0.5%; padding: 2.5%;}
	.container-half-padded, 
		.container-fourth-padded-half-on-mobiles, 
		.container-fourth-padded-half-on-phone
		{float: left; width: 43.999%; margin: 0.5%; padding: 2.5%;}	
	.container-third-padded 
		{float: left; width: 27.333%; margin: 0.5%; padding: 2.5%;}		
	.container-fourth-padded 
		{float: left; width: 18.999%; margin: 0.5%; padding: 2.5%;}
	.container-fifth-padded 
		{float: left; width: 13.999%; margin: 0.5%; padding: 2.5%;}
	.container-twothirds-padded 
		{float: left; width: 60.65%; margin: 0.5%; padding: 2.5%;}	
	.container-threefourths-padded 
		{float: left; width: 68.99%; margin: 0.5%; padding: 2.5%;}
	
	/* device restrictions */
	.desktops-only {display: none!important;}
	.tablets-only {display: none!important;}
	.desktops-tablets-only {display: none!important;}	
	.tablets-only {display: none!important;}
	a.header-logo-desktops {display: none!important;}
	
	/* custom alignment */
	.alignleft-center-on-mobiles {text-align: center!important;}
	
	/* fixed header */
	#header {z-index: 2; position: fixed; overflow: auto;}	
	
	.desktop-spacer {display: block; width: 100%; height: 180px;}	

	/* navigation default */
	nav.menu-desktops {display: none;}
	nav.menu-tablets {display: none;}
	
	/* navigation burger */
	/*nav.menu-phones {position:relative; z-index: 3; display: inline-block; width: 100%;}
	nav.menu-phones ul.active {display:none;}
	nav.menu-phones ul {width: 100%; position:absolute; left: 0; top: 85px; padding: 10px 0; background: #00502f; box-shadow: 0px 1px 1px rgba(0,0,0,0.15); }	
	nav.menu-phones li {display: block; float:none; margin: 0; padding: 5px 0; border-bottom: 1px solid #003b23} 
    nav.menu-phones a {display:block; font-size: 0.9em; text-align: center; color: #fff9e3; text-decoration: none;}
	nav.menu-phones a:hover {color: #002c1a; text-decoration: none;}	
	*/
	
	#nav {border: 0; padding: 2px 0 0 0!important; margin: 0; background-color: #1d1d1b;}
	#nav li {		
		padding: 0 0 2px 0;
	}
	#nav li a {
		padding: 13px 10px;
		margin: 0!important;
		border: 0!important;
	}
	
	/* links */
	a:link.selector, a:active.selector, a:visited.selector {float: left; width: 100%; min-height: 150px; padding-top: 100px; font-size: 3em; text-decoration: none; text-shadow: 3px 3px 0px #260a00; color: #fff;}	
	.selector-menu {background-position: center -280px;}
	.selector-jedla {background-position: center -210px;}
	.selector-napoje {background-position: center -320px;}
	
	/* headers */
	h1 {font-size: 2.5em;}
	h2 {font-size: 2em;}
	h3 {font-size: 1.4em;}
	h4 {font-size: 1.1em;}
	
	/* misc */
	.body-bg-banner {min-height: 650px;}
	.padding {padding: 5%;}
	#header-restaurant-name .font-xl, #header-restaurant-contacts .font-xl {font-size: 1.3em!important;}
	#header-restaurant-name .font-xs, #header-restaurant-contacts .font-xs {font-size: 0.8em!important;}
	
	#sidebar {width: 100%; bottom: -10px!important; line-height: 100%!important;}	
	#sidebar a {padding: 10px!important; }
	.img-dajmejedlo {display: none!important;}
	
	.shadow-7 {background-position: center 0!important;}
}

/** UTILS **/
.alignleft {text-align: left!important;}
.alignright {text-align: right!important;}
.aligncenter {text-align: center!important;}
.valignmiddle {vertical-align: middle!important;}

.floatleft {float: left!important;}
.floatright {float: right!important;}

.noborder {border: 0!important;}
.ital {font-style: italic;}
.nounderline {text-decoration: none!important;}
.underline {text-decoration: underline;}
.capitalize {text-transform: capitalize;}
.upcase {text-transform: uppercase;}
.dashboard-item {background-color: transparent; padding: 5%; border: 1px solid #bf964b; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.dashboard-item h3 {color: #bf964b!important; font-family: 'dinprobold', sans-serif;}

.debugbordertop {border-top: 1px solid white;}



pre {display: block!important; font-family: monospace!important; white-space: pre!important; margin: 1em 0!important;}

/* info block */
.info-block {display: block; width: 100%; padding: 0; border: 1px solid #ccc;}
.info-block .info-icon, .info-block .info-text {display: inline-block; vertical-align: middle;}
.info-icon {width: 5%; padding: 10px; text-align: center; border-right: 1px solid #ccc;}
.info-text {width: 90%; padding: 10px; border: 0;}


/** DEBUG HELPER **/
.debug-helper-box {position: fixed; bottom: 20px; right: 0; padding: 5px; color: #fff; background-color: #cc0000;}
.border {border: 1px solid black;}

/* OPERATION MESSAGES */

.op-msg-green {display: block; margin: 2% 0.3%; padding: 1%; text-align: center; background-color: #ccffcc!important; color: #009900; border: 1px solid #1abc9c; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.op-msg-orange {display: block; margin: 2% 0.5%; padding: 1%; text-align: center; background-color: #ffdd99!important; color: #ff9933; border: 1px solid #ff9900;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.op-msg-red {display: block; margin: 2% 0.5%; padding: 1%; text-align: center; background-color: #ffdddd!important; color: #cc0000; border: 1px solid #cc0000;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
/*
.op-msg-green {display: block; margin: 10px 0 10px 0; padding: 10px; text-align: center;  background-color: #ccffcc; color: #009900; border: 1px dotted #009900;}
.op-msg-orange {display: block; margin: 10px 0 10px 0; padding: 10px; text-align: center;  background-color: #ffdd99; color: #ff9933; border: 1px dotted #ff9933;}
.op-msg-red {display: block; margin: 10px 0 10px 0; padding: 10px; text-align: center;  background-color: #ffdddd; color: #cc0000; border: 1px dotted #cc0000;}							
*/
a.op-msg-button-green {display:block; text-decoration:none!important; margin: 0 0 2% 0; padding: 5px; color: #fff; background-color: #60a917; text-align: center; border: 1px solid #60a917; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
a:hover.op-msg-button-green  {background-color: #ff6600; border-color: #ff6600; color: #fff;}
a.op-msg-button-red {display:block; text-decoration:none!important; margin: 0 0 2% 0; padding: 5px; color: #fff; background-color: #cc0000; text-align: center; border: 1px solid #cc0000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
a:hover.op-msg-button-red  {background-color: #ff6600; border-color: #ff6600; color: #fff;}

/* PAGINATOR */
#pagination{display:inline-block; width: 100%; padding: 20px 0 0 0;}
#pagiCount{margin-left: 0;}
#pagination a, #pagination strong {display:block; padding: 0.5% 0.8%!important; float:left; margin-right: 5px; text-decoration:none; background-color: #bf964b; padding: 3px 5px; border: 1px solid #bf964b; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
#pagination a:hover {border: 1px solid #37a0e6!important; background-color: #37a0e6!important; color: #fff!important;}
#prev a {color: #fff; border: 1px solid #bf964b;}
#next a {color: #fff; border: 1px solid #bf964b;}
#pagination strong , #pagination a:hover {background-color: #fff; border: 1px solid #ca193a; color: #bf964b;}
tr:nth-child(even) {background-color: #ccc;}

/** CLEARFIX **/
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/** LINES **/
.divider-line-black {display: block; width: 100%; border-top: 1px solid #000;}
.divider-line-yellow {display: block; width: 100%; border-top: 1px solid #fff9e3;}
.divider-line-greendark {display: block; width: 100%; border-top: 1px solid #003b23;}
.divider-line {border-top: 1px solid #ececec; height: 0; margin: 0; padding: 0; width:100%; }

/** FONTS **/
.font-xxs {font-size: 0.7em!important;}
.font-xs {font-size: 0.85em!important;}
.font-s {font-size: 0.95em!important;}
.font-m {font-size: 1.2em!important;}
.font-l {font-size: 1.4em!important;}
.font-xl {font-size: 1.8em!important;}

/** SPACERS **/
.spacer1 { clear:both; display:block; height: 1px; width:100%; }
.spacer2 { clear:both; display:block; height: 2px; width:100%; }
.spacer3 { clear:both; display:block; height: 3px; width:100%; }
.spacer4 { clear:both; display:block; height: 4px; width:100%; }
.spacer5 { clear:both; display:block; height:5px; width:100%; }
.spacer6 { clear:both; display:block; height:6px; width:100%; }
.spacer7 { clear:both; display:block; height:7px; width:100%; }
.spacer8 { clear:both; display:block; height:8px; width:100%; }
.spacer9 { clear:both; display:block; height:9px; width:100%; }
.spacer10 { clear:both; display:block; height:10px; width:100%; }
.spacer15 { clear:both; display:block; height:15px; width:100%; }
.spacer20 { clear:both; display:block; height:20px; width:100%; }
.spacer30 { clear:both; display:block; height:30px; width:100%; }
.spacer40 { clear:both; display:block; height:40px; width:100%; }
.spacer50 { clear:both; display:block; height:50px; width:100%; }
.spacer60 { clear:both; display:block; height:60px; width:100%; }

.lheight140 {line-height: 140%!important;}

/** FOREGROUND COLORS **/
.color-nhgreen {color: #004a2c!important;} /*0/74/44*/
.color-nhyellow {color: #fff9e3!important;} /*255/249/227*/
.color-nhbrown {color: #c1baa4!important;} /*193/186/164*/
.color-nhblack {color: #1d1d1b!important;} /*29/29/27*/
.color-nhgrey {color: #777776!important;}

.color-white {color: #fff!important;}
.color-black {color: #000!important;}
.color-grey6 {color: #666!important;}
.color-grey7 {color: #777!important;}
.color-greydc {color: #dcdcdc!important;}
.color-grey9 {color: #999!important;}
.color-red {color: #cc0000!important;}
.color-dred {color: #ca193a!important;}
.color-dblue {color: #00377a!important;}
.color-mblue {color: #37a0e6!important;}
.color-golden {color: #bf964b!important;}
.color-lbrown {color: #b3998f!important;}
.color-dbrown {color: #260a00!important;}
 
/** BACKGROUND COLORS **/
.bgcolor-nhdgreen {background-color: #003b23!important;} 
.bgcolor-nhgreen {background-color: #004a2c!important;} /*0/74/44*/
.bgcolor-nhyellow {background-color: #fff9e3!important;} /*255/249/227*/
.bgcolor-nhbrown {background-color: #c1baa4!important;} /*193/186/164*/
.bgcolor-nhblack {background-color: #1d1d1b!important;} /*29/29/27*/

.bgcolor-white {background-color: #fff!important;}
.bgcolor-black {background-color: #000!important;}
.bgcolor-greyf7 {background-color: #f7f7f7!important;}
.bgcolor-greydc {background-color: #dcdcdc!important;}
.bgcolor-grey999 {background-color: #999!important;}
.bgcolor-grey222 {background-color: #222!important;}
.bgcolor-red {background-color: #cc0000!important;}
.bgcolor-dred {background-color: #ca193a!important;}
.bgcolor-dblue {background-color: #00377a!important;}
.bgcolor-purple {background-color: #92278f!important;}
.bgcolor-dgreen {background-color: #008a00!important;}
.bgcolor-lgreen {background-color: #f399c0!important;}
.bgcolor-turq {background-color: #1abc9c!important;}
.bgcolor-lbrown {background-color: #b3998f!important;}
.bgcolor-dbrown {background-color: #260a00!important;}

.bgcolor-golden {background-color: #bf964b!important;}

.bg-shade {background-color: #eff2fb!important;}

/* SIMPLE ACCORDION */
.accordion-container {display: block; margin: 0; clear: both; border-top: 1px solid #bf964b; border-right: 1px solid #bf964b; border-left: 1px solid #bf964b; }
.accordion-button {float: left; width: 100%; border-bottom: 1px solid #bf964b; cursor: pointer; line-height: 100px; color: #260a00; /*background: url('../graphics/body_backgrounds/bg-wood.png') repeat-y left top;*/}
.accordion-content {float: left; width: 100%; padding: 30px 0; display: none; border-bottom: 1px solid #bf964b;  color: #b3998f;}
.on {color: #fff;}
.over { color: #fff;}

/* HPS - BX SLIDER OVERRIDE */
.bx-wrapper {position: relative; margin: 0 auto!important; padding: 0; *zoom: 1;} 
.bx-wrapper .bx-viewport {border: 0!important; background: none!important; left: 0!important; margin: 0!important; -moz-box-shadow: 0 0 0 #ccc!important; -webkit-box-shadow: 0 0 0 #ccc!important; box-shadow: 0 0 0 #ccc!important;}
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #000; padding-top: 0; border: 0; margin-bottom: 40px;}
.bx-wrapper .bx-pager.bx-default-pager a {background: none!important; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff!important; border: 1px solid #fff!important;}
.bx-wrapper .bx-loading {min-height: 50px; background: url('../js/carousel/images/bx_loader.gif') center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2;}
.bx-wrapper .bx-caption {position: absolute; bottom: 300px; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 20px;}

.bx-container {
    height: 250px;
    width: 167px;
    overflow: hidden;
    list-style-type: none;
}

.bx-container .slide-div {background: no-repeat center center;
    background-size:contain;
    width:100%;
    height:100%;}

/* COOKIE CONSENT */
#cookie-consent {display: block; width: 100%; margin: 0 auto; z-index: 999!important; position: fixed!important; left: 0!important; right: 0!important; bottom: 0!important; background-color: #666; /*background: rgb(51, 51, 51); background: rgba(51, 51, 51, .9);*/}
#cookie-consent p {padding: 10px; font-size: 0.9em; text-align: center; color: #fff; margin: 0;}
a:link.consent-button, a:active.consent-button, a:visited.consent-button {display: inline-block; padding: 2px 10px; color: #fff; background-color: #333; font-size: 0.9em!important; text-decoration: none!important; border: 1px solid #333; text-decoration: none; font-size: 1.25em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
a:hover.consent-button {background-color: #999!important; color: #333!important;}

/* COLORBOX */
#video {padding: 0 20px 0 20px;}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url('../graphics/colorbox/border1.png') no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url('../graphics/colorbox/border1.png') repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url('../graphics/colorbox/border1.png') no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url('../graphics/colorbox/border1.png') no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url('../graphics/colorbox/border1.png') repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url('../graphics/colorbox/border1.png') no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url('../graphics/colorbox/border2.png') repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url('../graphics/colorbox/border2.png') repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom: 35px;}
        /*#cboxTitle{position:absolute; bottom:0px; left:0; text-align: center; width:100%; color: #999;}*/
		#cboxTitle {display: none!important;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url('../graphics/colorbox/loading.gif') no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

       /* #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}*/
		
		#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../graphics/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../graphics/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../graphics/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
		
		/*
		#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../graphics/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../graphics/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../graphics/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
		*/

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}