.ui-widget-content {
background:#fff;
/*width: 700px;*/
border:1px solid #E6E6E6;
font-family: 'Roboto';
}
.ui-widget-header {
background:none;
font-family: 'Roboto';
/*border:none;*/}
/*.ui-tabs .ui-tabs-nav li {
margin: 131px 0.1em 0px 0px;
float: right;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
width: auto;
padding: 2px 22px 0 17px;
height: 20px;
border: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background:#B0B8C2;
}*/
.ui-tabs
{
padding:0;
font-family: 'Roboto';
}
   .descleftbox{
   width: 207px;
   height:220px;
   float: left;
   margin-right:10px;
   font-family: 'Roboto';
   
  }
  .descdetailed{
   width: 207px;
   height:30px;
   margin-left:5px;
   font-family: 'Roboto';
  }
   .descdetailed button{
   background:url('http://alpineadventures.net/xmlfeed/img/det-desc-start.jpg') top left no-repeat;
   width:207px;
   height:30px;
   border:none;
   cursor: pointer;
   font-family: 'Roboto';
  }
    .descdetailed button:hover{
   background:url('http://alpineadventures.net/xmlfeed/img/det-desc-hover.jpg') top left no-repeat;
   font-family: 'Roboto';
  }
  .descpolicies{
   width:207px;
   height:27px;
    margin-left:5px;
	font-family: 'Roboto';
  }
  .descpolicies button{
   background:url('http://alpineadventures.net/xmlfeed/img/policies-start.jpg') top left no-repeat;
   width:207px;
   height:27px;
	border:none;
	 cursor: pointer;
	 font-family: 'Roboto';
  }
    .descpolicies button:hover{
   background:url('http://alpineadventures.net/xmlfeed/img/polices-hover.jpg') top left no-repeat;
   font-family: 'Roboto';
  }
  .descslika{
   background:url('http://alpineadventures.net/xmlfeed/img/phone-stamps.jpg') top left no-repeat;
   width:207px;
   height:120px;
   margin-top:10px;
    margin-left:5px;
	font-family: 'Roboto';

  }
  .descriptiontext{
  margin:0px 10px 10px 10px;
  font-size:14px;
  font-weight:normal;
  line-height: 1.3em;
  min-height:200px;
  font-family: 'Roboto';
  }
  .bestprice{
  font-size: 10px;
margin-top: 12px;
margin-left: -7px;
color: #FFF;
text-align: center;
font-weight: bold;
font-family: 'Roboto';
  }
  .pernight{
  color: #fff;
font-size: 9px;
font-weight: bold;
text-align: center;
margin-top: 9px;
font-family: 'Roboto';
  }
  .xmlpernight {
    vertical-align: top;
	font-family: 'Roboto';
}
.descriptiontextright
{
width:350px;
float:right;
font-family: 'Roboto';
}
   .red {
      color: red;
	  font-family: 'Roboto';
  }
  .ui-tooltip, .arrow:after {
      background: white;
	  font-size:11px;
	  font-family: 'Roboto';
  }
  .ui-tooltip {
      padding: 10px 20px;
      color: #506786;
      font: bold 11px arial;
      text-transform: uppercase;
      box-shadow: 0 0 7px black;
	  font-family: 'Roboto';
  }
  .arrow {
      width: 70px;
      height: 16px;
      overflow: hidden;
      position: absolute;
      left: 50%;
      margin-left: -35px;
      bottom: -16px;
	  font-family: 'Roboto';
  }
  .arrow.top {
      top: -16px;
      bottom: auto;
	  font-family: 'Roboto';
  }
  .arrow.left {
      left: 20%;
	  font-family: 'Roboto';
  }
  .arrow:after {
      content:"";
      position: absolute;
      left: 20px;
      top: -20px;
      width: 25px;
      height: 25px;
      box-shadow: 6px 5px 9px -9px black;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      tranform: rotate(45deg);
	  font-family: 'Roboto';
  }
  .arrow.top:after {
      bottom: -20px;
      top: auto;
	  font-family: 'Roboto';
  }
.art-postcontent a:hover{
text-decoration:none;
color:#ccc;
font-family: 'Roboto';
}
.art-postcontent a{
text-decoration:none;
color:white;
font-family: 'Roboto';
}
.tooltipprice{font-size:10px; text-align:center; margin-top:10px; margin-left:-5px; color:white}
.tooltippriceunit{}
.xmlpriceamenities button{
width:95px;
height:47px;
 background:url('http://alpineadventures.net/xmlfeed/img/amenities-start.jpg') top left no-repeat;
box-shadow: none;
padding: 0px;
margin: 0px;
cursor: pointer;
border:0;
font-family: 'Roboto';
}
.xmlpriceamenities button:hover{
background:url('http://alpineadventures.net/xmlfeed/img/amenities-hover.jpg') top left no-repeat;
font-family: 'Roboto';
}
.noback{
background: none;
font-family: 'Roboto';
}
.xmllodgpicture{
width:170px;
height:128px;
float:left;
margin:7px;
font-family: 'Roboto';
overflow:hidden;
}
.lodgingli
{
margin: 90px 0.1em 0px 0px;
font-family: 'Roboto';
}
.xmllodgpicture li
{
margin: 90px 0.1em 0px 0px;
font-family: 'Roboto';
}
#lodgintabs{
display: block;
 margin: 0 15px 5px;
    width: 97%;
font-family: 'Roboto';
box-shadow: 1px 2px 5px #A1ABB7;
margin-bottom: 5px;
}
.xmllodginpricetable{
 display: table;
    float: right;
    margin-top: 65px;
    position: relative;
  font-family: 'Roboto';
}
.xmllodginpricerow{
display: table-row;
font-family: 'Roboto';
}
.xmllodginpriceamenities{
display: table-cell;
min-width:70px;
height:51px;
vertical-align:top;
 vertical-align:baseline;
 background:url('http://alpineadventures.net/xmlfeed/img/lodgingamenities.png') top left no-repeat;
 font-family: 'Roboto';
}
.xmllodginbittheprice{
display: table-cell;
min-width:16px;
  height: 51px;
vertical-align:top;
background: url("http://alpineadventures.net/xmlfeed/img/beatthepricelodgin.png") no-repeat 0 0;
font-family: 'Roboto';
}
.xmllodginpricecell{
 background: url("http://adventuresafrica.com/xml/images/lodgingprice.png") no-repeat 0 0;
    color: #506987;
    display: table-cell;
    float: right;
    font-size: 26px;
    font-weight: bold;
    height: 51px;
    padding-right: 0px;
    padding-top: 10px;
    text-align: left;
    min-width: 178px;
	padding-left:20px;
	font-family: 'Roboto';
}
.xmllodgingrank
{
position: relative;
    right: 155px;
    top: 55px;
	font-family: 'Roboto';
}

.xmllodginnameinlist
{
color: #556D89;
font-family: 'Roboto';
font-size: 16px;
font-weight: bold;
margin-left: 190px;
margin-top: 10px;
position: absolute;
width: 425px;
line-height: 1.3em;
text-align:left;
}
.xmllodginpriceamenities button{
width:70px;
height:32px;
 background:url('http://alpineadventures.net/xmlfeed/img/lodgingamenities.png') top left no-repeat;
box-shadow: none;
padding: 0px;
margin: 0px;
cursor: pointer;
border:0;
font-family: 'Roboto';
}
.xmllodginpriceamenities button:hover{
background:url('http://alpineadventures.net/xmlfeed/img/lodgingamenitieshover.png') top left no-repeat;
font-family: 'Roboto';
}
.productimagebox{
width: 610px;
margin: 0px;
text-align:left;
font-family: 'Roboto';
}
.productimagebox img{
width: auto;
margin: 0px;
font-family: 'Roboto';
}
/*.lodgingdesc{
margin: 0px 10px 5px;
font-size: 12px;
font-family: arial;
text-align:left;
padding: 5px 0px;
}*/
.tabela
 {
 display:table;
 font-family: 'Roboto';
 }
 .tabelared
 {
 display:table-row;
 font-family: 'Roboto';
 }
 .tabelacelija
 {
 display:table-cell;
 vertical-align: top;
 font-family: 'Roboto';
 }
 .tabelacelijaslikedesno{
 display:table-cell;
 vertical-align: top;
 padding:0px 10px 0px 10px;
 font-family: 'Roboto';
 }
 
 .tabelaoffers
 {
 display:table;
 width:100%;
 font-family: 'Roboto';
 }
 .tabelaredoffers
 {
 display:table-row;
 font-family: 'Roboto';
 }
 .tabelacelijaofferslevo1
 {
 display: table-cell;
font-size: 13px;
font-weight: bold;
text-align:left;
font-family: 'Roboto';
 }
 .tabelacelijaofferslevo2
 {
 display: table-cell;
font-size: 16px;
font-weight: bold;
width:130px;
font-family: 'Roboto';
 }
  .tabelacelijaoffersdesno
 {
 display: table-cell;
background: none repeat scroll 0% 0% #994550;
padding: 5px 0px;
color: #FFF;
text-align: center;
width: 120px;
font-size: 14px;
font-weight: bold;
font-family: 'Roboto';
 }
 
  .tabelacelijaoffersdesnoquote
 {
 display: table-cell;
padding: 0px;
color: #FFF;
text-align: center;
width: 130px;
font-size: 14px;
font-weight: bold;
font-family: 'Roboto';
 }
 
 
.tabelacelijaoffersdesno a
 {
color: #FFF;
font-family: 'Roboto';
 }
 
  .tabelacelijaoffersdesnoquote
 {
 display: table-cell;
padding: 5px 0px;
color: #FFF;
text-align: center;
width: 130px;
font-size: 14px;
font-weight: bold;
font-family: 'Roboto';
 }

 .offersbutton a:active {
 color:#fff;
 font-family: 'Roboto';
 }
 .hotelslikelodginglodginglodginglodging
 {
 margin:0; 
 font-family: 'Roboto';
/* min-height:215px*/
 }
 .xmllodgpicture img{
    width: 100%;
	max-width:97%;
	font-family: 'Roboto';
}


.tooltipprice{font-size:10px; text-align:center; margin-top:10px; margin-left:-5px; color:white;font-family: 'Roboto';}
.tooltippriceunit{min-width: 16px; height: 51px;font-family: 'Roboto';}
  .ui-tooltip, .arrow:after {
      background: white;
	  font-size:11px;
	  font-family: 'Roboto';
  }
  .ui-tooltip {
      padding: 10px 20px;
      color: #506786;
      font-weight: bold;
font-size:11px;
font-family: 'Roboto';
      text-transform: uppercase;
      box-shadow: 0 0 7px black;
  }
/*staro
 /*--------------------------------MOBILNI----------------------------------------*/
@media all and (max-width: 480px)
{
.hotelinfodesktop
{
display:none;
font-family: 'Roboto';
}
.hotelmobiletablettop
{
display: inline-block;
font-family: 'Roboto';
}
 .hotelslikelodginglodginglodginglodging
 {
    width: 100%;
	height:100%;
	font-family: 'Roboto';
 }
  .hotelslikelodginglodginglodginglodging img
 {
    width: 90%;
	max-width:90%;
	font-family: 'Roboto';
 }
.xmllodginnameinlist
{
margin-left: 5%;
    margin: 5px 12px;
	font-size: 12px;
	width:100%;
	font-family: 'Roboto';
}

.xmllodgpicture {
    float: left;
    height: 100%;
   margin: 35px 0px 0px;
    width: 100%;
	font-family: 'Roboto';
}
.xmllodgpicture img{
    width: 90%;
	max-width:90%;
	font-family: 'Roboto';
}
.xmllodgingrank
{
position: relative;
    text-align:left;
	margin:0 10px;
    top: 0px;
	left:0;
	font-family: 'Roboto';
}
	.xmllodginpricetableroom
	{
	    display: table;
    float: right;
    margin-top: 0px;
    position: relative;
	font-family: 'Roboto';
	}
	.productimagebox{
width: 100%;
margin: 0px;
font-family: 'Roboto';
}
.productimagebox img {
    width: 97%;
	margin:0px;
	font-family: 'Roboto';
}
.hotelslikelodging
{
width:100%;
display:inline-block;
font-family: 'Roboto';
}
.hotelslikelodging img
{
max-width:97%;
display:inline-block;
min-height:97%;
font-family: 'Roboto';
}
.tabelacelijaofferslevo1
 {
 display: block;
font-size: 13px;
font-weight: bold;
text-align:left;
width:100%;
margin: 5px 0;
font-family: 'Roboto';
 }
 .tabelacelijaofferslevo2
 {
display: block;
font-size: 16px;
font-weight: bold;
width:100%;
margin: 5px 0;
text-align:left;
font-family: 'Roboto';
 }
  .tabelacelijaoffersdesno
 {
display: block;
background: none repeat scroll 0% 0% #994550;
padding: 5px 0px;
color: #FFF;
text-align: center;
width:100%;
font-size: 14px;
font-weight: bold;
font-family: 'Roboto';
 }
  .tabelacelijaoffersdesnoquote
 {
display: block;
padding: 5px 0px;
color: #FFF;
text-align: center;
width: 100%;
font-size: 14px;
font-weight: bold;
 }

  .availabilityshowhide, #availabilityshowhide
 {
 display:none;
 }
 .tabslodgingdesktop img
 {
 max-width:48%;
 }
}
/*--------------------------------TABLET----------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 768px)
{ 
.hotelinfodesktop
{
display:none;
}
.hotelmobiletablettop
{
display: inline-block;
font-family: 'Roboto';
}
.xmllodgingrank
{
position: relative;
    right: 2%;
    text-align: right;
    top: 55px;
	font-family: 'Roboto';
}
.xmllodginnameinlist
{
width:auto;
font-family: 'Roboto';
}
	.xmllodginpricetableroom
	{
	    display: table;
    float: right;
    margin-top: 65px;
    position: relative;
	font-family: 'Roboto';
	}
	.hotelslikelodging
{
width:auto;
display:inline-block;
max-width:50%;
overflow:hidden;
height:197px;
padding: 10px 15px 10px 0px;
min-height: 197px;
font-family: 'Roboto';
}
.hotelslikelodging img
{
display:inline-block;
max-width:auto;
height:auto;
min-height:100%;
font-family: 'Roboto';
}
.productimagebox{
width: 100%;
margin: 0px;
font-family: 'Roboto';
}
.productimagebox img {
    width: 22%;
	margin:0px;
	font-family: 'Roboto';
}
.tabelacelijaofferslevo1
 {
 display: block;
font-size: 13px;
font-weight: bold;
text-align:left;
width:100%;
margin: 5px 0;
font-family: 'Roboto';
 }
 .tabelacelijaofferslevo2
 {
display: block;
font-size: 16px;
font-weight: bold;
width:100%;
margin: 5px 0;
text-align:left;
font-family: 'Roboto';
 }
  .tabelacelijaoffersdesno
 {
display: block;
background: none repeat scroll 0% 0% #994550;
padding: 5px 0px;
color: #FFF;
text-align: center;
width:100%;
font-size: 14px;
font-weight: bold;
font-family: 'Roboto';
 }
  .tabelacelijaoffersdesnoquote
 {
display: block;
padding: 5px 0px;
color: #FFF;
text-align: center;
width: 100%;
font-size: 14px;
font-weight: bold;
font-family: 'Roboto';
 }

 .availabilityshowhide, #availabilityshowhide
 {
 display:none;
 }
  .tabslodgingdesktop img
 {
 max-width:18%;
 }
}
/*--------------------------------DESKTOP MANJI----------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 960px)
{

.hotelmobiletablettop
{
display:none;
}

.xmllodgingrank
{
position: relative;
    right: 2%;
    text-align: right;
    top: 55px;
	font-family: 'Roboto';
}
.xmllodginnameinlist
{
font-size: 100%;
font-family: 'Roboto';
}
	.xmllodginpricetableroom
	{
	    display: table;
    float: right;
    margin-top: 65px;
    position: relative;
	font-family: 'Roboto';
	}
	.hotelslikelodging
{
width:auto;
display:inline-block;
max-width:47%;
overflow:hidden;
height:205px;
padding: 10px 15px 10px 0px;
min-height: 205px;
font-family: 'Roboto';
}
.hotelslikelodging img
{
display:inline-block;
min-height:100%;
font-family: 'Roboto';
}
.productimagebox{
width: 100%;
margin: 0px;
font-family: 'Roboto';
}
.productimagebox img {
    width: 22%;
	margin:0px;
	font-family: 'Roboto';
}
  .tabslodgingdesktop img
 {
 max-width:17.8%;
 }
}
/*--------------------------------DESKTOP----------------------------------------*/
@media all and (min-width: 960px)
{
.hotelinfodesktop
{
display: inline-block;
font-family: 'Roboto';
}
.hotelmobiletablettop
{
display:none;
}
	.xmllodginpricetableroom
	{
	    display: table;
    float: right;
    margin-top: 65px;
    position: relative;
	font-family: 'Roboto';
	}
	.hotelslikelodging
{
width:auto;
display:inline-block;
max-width:55%;
overflow:hidden;
height:205px;
padding: 10px 15px 10px 0px;
min-height: 205px;
font-family: 'Roboto';
}
.hotelslikelodging img
{
display:inline-block;
min-height:100%;
font-family: 'Roboto';
}
.productimagebox{
width: 100%;
margin: 0px;
font-family: 'Roboto';
}
.productimagebox img {
    width: 22%;
	margin:0px;
	font-family: 'Roboto';
}
  .tabslodgingdesktop img
 {
 max-width:18%;
 }
}