/**
 * BNS Add Style - Custom Stylesheet
 *
 * This file was added after o activation of the BNS Add Style Plugin.
 *
 * If you no longer want to use these styles delete the contents of this file,
 * or simply deactivate the BNS Add Style Plugin (recommended).
 *
 * If you choose to deactivate this plugin this file will remain as is but will
 * not be used. If you reactivate this plugin the styles below will take effect.
 *
 * Add your custom styles for this theme below this comment block. Enjoy!
 */

.art-steklo, #potrditev
{
   background: rgba(225, 225, 225, 0.9);
   padding:5px 0px 10px 15px;
   position:relative;
   margin-left: 10px;
   cursor:auto;
   width: 60%;
   z-index: auto !important;
   -webkit-transition: opacity 0.3s ease-in-out;
   -moz-transition: opacity 0.3s ease-in-out; 
   -o-transition: opacity 0.3s ease-in-out;
   -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;
}



.art-steklo2
{ 
overflow-y: auto;
margin-top:10px;
margin-bottom:5px;
padding-right:10px;
}

.art-naslov
{
   margin-left: 10px;
   font-family: Arimo, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-size: 30px;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
   color: #FFF;
   -webkit-transition: opacity 0.3s ease-in-out;
   -moz-transition: opacity 0.3s ease-in-out; 
   -o-transition: opacity 0.3s ease-in-out;
   -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	z-index: auto !important;
}

 #dc_jqaccordion_widget-1 {
  margin-top:0px;
  margin-left:0px;
  }
 
 #dc_jqaccordion_widget-1-item {
 padding: 10px;
 margin-top: -8px;
 margin-bottom: -5px;
 margin-left: -5px;
 border-left: 5px solid #b4975a
 }
  
div #alfie-wp-weather-4 {
position: fixed;
z-index:1000;
right: 40px;
bottom: -4px;
margin-bottom: 0px;
margin-top: 0px;
height: 50px;
width: 80px;
}
  
.condition-main-image {
width: 80px;
}  

.alfie-temperature {
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 0px;
	line-height: 14px;
	color: #FFF;
	margin-top: -22px;
	margin-right: -30px;
}
 .alfie-description {
 color: #FFF;
 font-size: 9px;
 text-align: right;
 margin-top: 0px;
 }
 
 .alfie-city {
 color: #a0a090;
 }

 
 div.art-center-wrapper { position: relative; float: right; right: 103px; }
 

.skrij {
opacity: 0;
}

#zapri:hover {
cursor: pointer; cursor: hand;
}

#linkabletitlehtmlandphpwidget-2 {margin-bottom: -7px; }


.slideout {
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; 
	-webkit-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.24);
	-moz-box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.24);
	box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.24);
	overflow: hidden;
    position: relative;
	height:90px;
	width: 150px;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	overflow: none;
	cursor: hand;
	border-top: 3px solid #b4975a;
	background-color: #000;
	z-index: 999;
	float: left;
	margin-right:5px;
}

.izbran0 img {
opacity: 0.5;
-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	margin:0px;
}

.izbran1 img {
opacity: 1;
margin:0px;
}

.slideout:hover {
    margin-top: -15px;
	cursor: pointer; cursor: hand;
}

.slideout:hover img {
  opacity: 1;
}

.besedilo0 {
   position:absolute;
   top: 0;
   padding: 5px;
   width: 140px;
   height: 30px;
   color: #E6DDD1;
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   letter-spacing: 1px;
   text-align: center;
   border-top: 0px solid #9e9c9c;
   background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); 
   background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
   background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); 
   background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
 }
  
 #linkabletitlehtmlandphpwidget-5x {
 float: left;
 text-align: center;
 }
 
 
.art-footer {
height: 35px;
z-index: 100 !important;
}

#jezik {
position: fixed;
right: 0;
float: right;
width: 170px;
background: rgba(180, 151, 90, 0.8);
padding: 5px;	
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}

#TA_socialButtonBubbles355 {
position: fixed;
right: 0;
top: 25px;	
}

.qtrans_flag {
float:left;
margin-right: 3px;
}

title {
display: none;
}

#letalisca {
position: fixed;
right: 0px;
bottom: -200px;
width: 350px;
height: 150px;
background: #000000;
background: rgba(0, 0, 0, 0.7);
padding: 20px;
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 999 !important;
}

#letalisca-icon {
position: fixed;
right: 160px;
bottom: 0px;
z-index: 1000 !important;
}

#informacije {
position: fixed;
right: 0px;
bottom: 35px;
width: 350px;
height: 150px;
background: #000000;
background: rgba(0, 0, 0, 0.7);
padding: 20px;
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 999 !important;
}

#informacije-icon {
position:fixed;
right: 135px;
bottom: 0px;
z-index: 1000 !important;
}

#webcam {
position: fixed;
right: 0px;
bottom: -200px;
width: 385px;
height: 150px;
background: #000000;
background: rgba(0, 0, 0, 0.7);
padding: 20px;
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	z-index: 999 !important;
}

#webcam-icon {
position:fixed;
right: 194px;
bottom: 0px;
z-index: 1000 !important;
}




#FB-icon {
position: fixed;
right: 222px;
bottom: 0px;
z-index: 1000 !important;
}



#mixedContent
		{
			max-width:75%;
			height: 90px;
			position: fixed !important;
			left: 0px !important;
			bottom: 0px !important;
		}


		
		
/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url('http://www.hotel-bohinj.si/wp-content/themes/tripic/images/big_transparent.gif');
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 2000;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url('http://www.hotel-bohinj.si/wp-content/themes/tripic/images/cursors/cursor_arrow_left.png'), url('http://www.hotel-bohinj.si/wp-content/themes/tripic/images/cursors/cursor_arrow_left.cur'),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url('http://www.hotel-bohinj.si/wp-content/themes/tripic/images/arrow_left.gif');				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url('http://www.hotel-bohinj.si/wp-content/themes/tripic/images/big_transparent.gif');
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 2000;
	right: 0;
	cursor: url('http://www.hotel-bohinj.si/wp-content/themes/tripic/images/cursors/cursor_arrow_right.png'), url('www.hotel-bohinj.si/wp-content/themes/tripic/images/cursors/cursor_arrow_right.cur'),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url('http://www.hotel-bohinj.si/wp-content/themes/tripic/images/arrow_right.gif');
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding-top: 15px;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

.art-footer-inner 
{ margin-top: -35px}

#kontakt input {width: 340px;
margin-bottom: 7px;
}

#kontakt label { width: 160px;
margin-top:3px;
float: left;
}

#datumprihoda {width: 85px !important;
float:left;}

#otrocido3let, #otroci3do12let, #odrasli {width: 85px !important;}

label[for=datumodhoda] {margin-left: 18px; width: 150px !important;}

#datumodhoda {width: 85px !important;}

#odrasli select {margin-top:-22px;}

#potrdi {
margin-top:15px;
}

#myatu_bgm_info_tab {
position: absolute !important;
right: 252px !important;
bottom: 0px !important;
font-size:13px !important;

}

.art-object208525247:hover {
cursor: pointer; cursor: hand;
}

.tg  {border-collapse:collapse;border-spacing:0;border-color:#aaa;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#aaa;color:#333;border-top-width:1px;border-bottom-width:1px;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#aaa;color:#fff;background-color:#b4975a;border-top-width:1px;border-bottom-width:1px;}
.tg .tg-uce2{font-weight:bold;font-family:Arial, Helvetica, sans-serif !important;}
.tg .tg-efv9{font-family:Arial, Helvetica, sans-serif !important; vertical-align:middle !important;}

 #wp_skitter {
 margin-top: 0px;
 margin-left: 0px;
 text-padding: 0px;
 }

.posebna-ponudba {width: 738px !important;} 

.p_objave{width: 100%}

#dzav {
	margin-top:-25px;
}