/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
body {
	background:#98233e;
	background-image:none;
}

.logo {
	position:absolute;
	background:#98233e;
	padding:22px 25px 15px 20px;
	top:-20px;
	margin-left:0px;
	z-index:10005 !important;
	max-width:310px;
}


.logo_text {
	position:absolute;
	bottom: 20px;
	right:20px;
	font-size:20px;
	color:#d5ae65;
	margin-bottom:0;
	padding-bottom:0;
}

@media screen and (orientation: landscape) and (min-width: 603px) {
.logo_text {
	position:absolute;
	bottom: 25px;
	right:20px;
	font-size:15px;
	color:#d5ae65;
}
}



.logo_text_small {
	position:absolute;
	bottom: 20px;
	right:50px;
	font-size:18px;
	color:#d5ae65;
}

@media screen and (orientation: portrait) and (max-width: 800px) {
.logo_text {
	position:absolute;
	bottom: 0px;
	margin-left:20px;
	font-size:18px;
	color:#d5ae65;
}	
}

@media only screen and (max-width: 360px) { 
.logo_text_small {
	position:absolute;
	bottom: 13px;
	right:30px;
	font-size:13px;
	color:#d5ae65;
}
}
@media only screen and (max-width: 240px) { 
.logo_text_small {
	display:none;
}
}


.page_heading {
	margin:0;
}

.page_heading h2 a {
	color:#98233e !important;
	font-size:30px !important;
}
.color_red {
	color:#98233e;
}
.color_red_lite {
	color:#ead3d8;
}

.moved_400 {
	position:relative;
	margin-top:-400px;
	margin-right:auto;
	margin-left:auto;
	z-index:209;
}

@media only screen and (max-width: 767px) { 
.moved_400 {
	position:relative;
	margin-top:-100px !important;

}
}

.center-on-small {
	text-align:left;
}

@media only screen and (max-width: 767px) { 
.center-on-small {
	text-align:center;
}
}

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.transparent_90 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	
}

.transparent_80 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
}

.transparent_70 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	
}
.transparent_60 {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	
}

.shadow {
	-moz-box-shadow: 10px 10px 10px #48111E;
	-webkit-box-shadow: 10px 10px 10px #48111E;
	box-shadow: 10px 10px 10px #48111E;
}

.shadow_small {
	-moz-box-shadow: 5px 5px 5px #751C30;
	-webkit-box-shadow: 5px 5px 5px #751C30;
	box-shadow: 5px 5px 5px #751C30;
}

.radius {
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-ms-border-radius: 3px; 
	-o-border-radius: 3px; 
	border-radius: 3px;
}

.background_black {
	position:absolute;
	background-color: #000000;
	margin-left:18px;
	width:30%;
	height:100%;
	z-index:100;
}
@media only screen and (max-width: 767px) { 
.background_black {
	position:absolute;
	background-color: #000000;
	margin-left:20px;
	width:50%;
	height:100%;
	z-index:100;
}
}

@media (max-width: 767px) { 
.background_black {
	position:absolute;
	background-color: #000000;
	margin:0;
	width:100%;
	height:100%;
	z-index:100;
}
}

.five_small, .row .five_small { width: 20%; }

.five_small.column, .five_small.columns {
	padding:0 5px;
}

.four_small, .row .four_small { width: 25%; }

.four_small.column, .four_small.columns {
	padding:0 5px;
}


ul.breadcrumbs li.current a {
	color: #98233e !important;
}


/* -------------------------------
	CONTENT CUSTOM 
------------------------------- */

.content_custom {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5;
}

.content_custom a {
	color:#ffffff;
}

.content_custom h1 a {
	font-size:24px;
}

.content_custom h2 a {
	font-size:16px;
	line-height:1.1;
	margin:0;
	padding:0;
}

.content_custom h2 a:hover {
	color:#ffffff;
}

.product_picture img {
	float:left;
	background: #98233e;
	padding: 10px;
	color:#ffffff;
	text-align:center;
	border: 1px solid #e6e6e6;
	clear: both;
	margin-right:15px;
	margin-bottom:15px;
}

.content_custom ul {
	padding-left:20px;
}

/* Panels ---------------------- */

.shape_line {
	display:block;
	width:100%;
	margin-top:-15px;
	margin-bottom:10px;
}

.panel_frame {
	border:none;
	background:none;
	background-image: url(../images/vertical_shadow.png);
	background-repeat: no-repeat;
	background-position: right top;	
}

.panel_red .panel h3, .panel p {
	color:#98233e !important;
	text-align:left;
}

.panel_blank  {
	display:block;
	margin: 0 0 22px 0;
	padding: 10px;
	text-align:left;
}

@media only screen and (max-width: 767px) { 
.panel_blank, .panel_blank p {
	text-align:center;
}
}

.panel_blank h1 {
	color:#ffffff;
	font-size:36px;
	margin-bottom:0;
	padding:0;
}

.panel_blank h4 {
	margin-top:0;
	font-size:16px;
	color:#ffffff;
}

.panel_blank p {
	color:#ffffff;
	font-size:.9em;
}

.panel_blank a {
	color:#ead3d8 !important;

}

/* --------------------
	PANEL BACKGROUND
-------------------- */

.panel_red_background  {
	width:100%;
	/* background: #98233e; */
	margin: 0 0 22px 0;
	padding: 10px;
	color:#ffffff;
	text-align:left;
	background-image: url(../images/shape.png);
	background-repeat: no-repeat;
	background-position: -28px -23px;
	border: 1px solid #CDCDCD;
	background-color: #581423;
	float:left;  
	text-align:left; 
	min-height:400px;
	
}

.panel_red_background p, span, label {
	color:#ffffff;
	padding-left:5px;
}



panel_red_background a .button {
    /*  */
    border: 1px solid #e6e6e6;
}
  

.panel_red_background > :first-child { margin-top: 0; }
.panel_red_background > :last-child { margin-bottom: 0; }
.panel_red_background.callout {
	color: #fff;
	border-color: #98233e;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background-color: #98233e;
}
.panel_red_background.callout a { color: #fff; }
.panel_red_background.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
.panel_red_background.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
.panel_red_background.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.panel_red_background.radius6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }




.panel_red_background  .product_pic a {
	display:block;
	background: #98233e;
	padding: 10px 10px 5px 10px;
	color:#ffffff;
	text-align:center;
	background-image: url(../images/shape.png);
	background-repeat: no-repeat;
	background-position: -28px -23px;
	border: 1px solid #e6e6e6;
	clear: both;
	margin-bottom:15px;
}

.panel_red_background .product_pic a:hover {
	display:block;
	background-color: #631627;
	border-color: #98233e;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
}


.panorama_cont {
	display:block;
	background: #98233e;
	padding: 10px 10px 5px 10px;
	color:#ffffff;
	text-align:center;
	background-image: url(../images/shape.png);
	background-repeat: no-repeat;
	background-position: -28px -23px;
	border: 1px solid #e6e6e6;
	clear: both;
	margin-bottom:15px;
}

.panorama_cont h4 {
	text-align:left;
	color:#ffffff;
	padding:10px;
	padding-bottom:10px;
	margin-bottom:0;
	
}

.virtual_thumb  {
	width:100%;
	padding: 7px 10px;
}

.virtual_thumb img {
	border: 1px solid #ffffff;

}

.virtual_text {
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	font-size:16px;
	color:#ffffff;
	font-weight:normal !important;
}




.panel_red_background h1, h1 a {
	font-size:30px !important;
	color:#ead3d8 !important;
	font-weight:normal !important;
}


.panel_red_background h2, h2 a {
	margin:5px 0 10px 0;
	color:#d5ae65;
	font-size:27px;
}


.panel_small h1, h6, p {
	color:#ead3d8 !important;
}

.panel_small {
	padding:20px;
	min-height:450px;
	padding-bottom:10px;
}
.panel_small h1 {
	font-size:20px !important;
}

.panel_small p {
	font-size:12px !important;
	margin-bottom:5px;
}

.panel_small a {
	color:#ead3d8 !important;
	text-decoration:underline !important;
}

.panel_small h6 {
	font-size:12px !important;
	text-align:right !important;
	padding-right:5px;
	margin-top:0;
	font-style:italic;
}
/* ---------------------
	PANEL SMALL
---------------------- */
.panel_red  {
	width:100%;
	/* background: #98233e; */
	margin: 0 0 22px 0;
	padding: 10px;
	color:#ffffff;
	text-align:left;
	background-image: url(../images/shape.png);
	background-repeat: no-repeat;
	background-position: -28px -23px;
	border: 1px solid #CDCDCD;
	background-color: #581423;
}

.panel_red p, span, label {
	color:#ffffff;
}




.panel_red a {
	display:block;
	background: #98233e;
	padding: 10px 5px;
	color:#ffffff;
	text-align:center;
	background-image: url(../images/shape.png);
	background-repeat: no-repeat;
	background-position: -28px -23px;
	border: 1px solid #e6e6e6;
	clear: both;
}

a .button {
    /*  */
    border: 1px solid #e6e6e6;
}
  
.panel_red > :first-child { margin-top: 0; }
.panel_red > :last-child { margin-bottom: 0; }
.panel_red.callout {
	color: #fff;
	border-color: #98233e;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background-color: #98233e;
}
.panel_red.callout a { color: #fff; }
.panel_red.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
.panel_red.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
.panel_red.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.panel_red.radius6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }

.panel_red a:hover {
	display:block;
	background-color: #631627;
	border-color: #98233e;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
}

.panel_red h1, h1 a {
	color:#ffffff;
	text-align:left;
	font-weight:600;
	font-size:26px;

}

.panel_red h3, h3 a {
	color:#ffffff;
	text-align:center;
	font-weight:500;
	font-size:16px;
	letter-spacing:1px;

}

.panel_red h4, h4 a {
	color:#ffffff;
	text-align:center;
	font-weight:400;
	font-size:15px;
}



.circ_button a {
	position:absolute;
	display:block;
	background: #98233e;
	
	width:50px;
	height:50px;
	border-radius: 50%;
	margin-right:auto;
	margin-left:40%;
	margin-top:-50px;
	border: 3px solid #ffffff;
	text-align:center;
	color:#ffffff;
	font-weight:800;
	padding-top:15px;
}

.circ_button a:hover {
	background-color: #ead3d8;
	border-color: #ffffff;
	color:#631627;
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
}

.leftMenuContainer h2 {
	color: #fff;
}

.documentImage {
    /*  */
    height: 40px !important;
}

.sideBar {
	margin-top: 25px;
}

/*slike v vsakem od albumov */
.albumPictures {
	width:30%;
	margin-top: 15px;
}

/* Darilni bon */

.bg_darilni_bon {
	background-image: url(../images/thai_darilni_bon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% 100%;
	height:auto;
	min-height:250px;
}

.bg_darilni_bon  a p {
	display:block;
}


.darilni_bon_ime, .darilni_bon_ime a {
	width:100%;
	text-align:right !Important;
	padding:35px 10px 0px 40px;
}

.darilni_bon_opis {
	width:100%;
	text-align:right !Important;
	padding:0px 10px 10px 40px;
	font-size:13px;
}


/* FORMS */


.form_input {
 font-family: 'Open Sans','Lucida Sans Unicode','Lucida Grande',sans-serif; color:#623361; border: 1px solid #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  display: block; font-size: 12px; margin: 0 0 20px 0; padding: 10px; height: auto; width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;
}

.form_input_error {
	border: 1px solid #FFCE3C !important;
	color:#98233e !important;
	background-color: #FFEFC4 !important;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#98233e  !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#98233e  !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#98233e  !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#98233e  !important;
}

.footer span {
	padding:0;
}

@media (max-width: 425px) {
	.hide_for_very_small_devices {
		display:none !important;
	}
}
.cookieNotification {
    position: fixed;
    width: 100%;
    bottom: 0px;
    background-color: rgb(88, 22, 35);
    border-top: 3px solid rgba(226, 226, 226, 0.69);
    z-index: 9999;
}

.cookieNotificationContainer {
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.cookieNotification .close, .cookieDialog .close {
  float: right;
}

.cookieNotification h3, .cookieDialog h3 {
  margin-bottom: 10px;
  font-size: 29px;
  color: #000000;
}

.cookieNotification .buttons {
  text-align: center;
}

.cookieNotification .buttons .moreLink, .cookieNotification .buttons .agreeLink {
  margin: 2px 5px 2px 5px;
  padding: 10px 15px 10px 16px;
  background-color: #ffffff;
    color: #000000;
}

.cookieNotification .buttons .moreLink:hover, .cookieNotification .buttons .agreeLink:hover {
  background-color: #ffffff;
  color: #000000;
}

.cookieDialog {
  position: fixed;
  left: 40%;
  top: 20px;
  z-index: 1000;
  width: 400px; 
  background-color: #ffffff;
  border: 3px solid rgba(226, 226, 226, 0.69);
  padding: 10px 10px 10px 10px;
}

.cookieNotificationContainer p{
  color:#FFFFFF;
}

.cookieDialog p {
  margin-bottom: 20px;
  color:#000000 !important;
}

a.cookieDialogOpenLink, a.cookieDialogOpenLink:hover{
  color:#3ca2ec;
}
.addthis_native_toolbox{
  height:25px;
  margin-bottom:10px;
  margin-top:5px;
}
/* Large devices (large desktops, 1200px and up) */
@media (max-width: 768px) {
  .cookieNotificationContainer {
    width: 100%;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {
  .cookieNotificationContainer {
    width: 768px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px ) and (max-width: 1200px) {
  .cookieNotificationContainer {
    width: 992px;
  }
}