/* home */

.bla {
	float: left;
}

/* backgrounds para todos los contenedores de la home */
.destinationOfTheDay,
.photoAlbum,
.tripTypes,
.popularDestinations,
.hotelRanking,
.tripWith {
	background: #EAEFE1;
}

/* searchHotels y searchDestinations */

.searchHotel,
.searchDestination {
	height: 208px;
}

.searchHotel {
	background-image: url(/images/previaje/searchHotelsBg.jpg);
}
.searchDestination {
	background-image: url(/images/previaje/searchPlacesBg.jpg);
}

.searchHotel .contadoPor,
.searchDestination .contadoPor {
	margin: 96px 0 0 20px;
	font-family: arial;
	font-size: 14px;
	color: #999;
}

.searchHotel .contadoPor {
	color: #333;
}

.leftStyleDestino {
    position:absolute;
	left:170px;
}
.leftStyleHotel {
    position:absolute;
	left:560px;
}

.searchHotel .formSearch,
.searchDestination .formSearch {
	margin: 35px 0 0 17px;
}

.searchHotel .formSearch .inputSearch,
.searchDestination .formSearch .inputSearch {
	float: left;
}


.searchHotel .hotelReview {
	float:right;
	margin-right:18px;
	margin-top:-80px;
	display: inline;
}

.searchHotel .hotelName {
	display: block;
	margin-top: 2px;
}


/* tripWith y tripTypes */

.tripWith,
.tripTypes {
	position: relative;
	padding-bottom: 40px;
}
.tripTypes {
	height: 300px;
	padding-bottom: 20px;
}

.tripWith {
	height: 300px;
	padding-bottom: 20px;
}

.hotelRankingItem,
.destionationTopicsItem,
.tripWithRecommendations,
.tripTypeRecommendations {
	padding: 10px;
	display:none;
}

.hotelRankingItem.selected,
.destionationTopicsItem.selected,
.tripWithRecommendations.selected,
.tripTypeRecommendations.selected {
	display: block;
}

.tripWithRecommendationsContainer li,
.tripTypeRecommendationsContainer li {
	line-height: 16px;	
	padding: 2px 0 ;
}


.tripWithRecommendationsContainer,
.tripTypeRecommendationsContainer {
	width: 225px;
	position: absolute;
	left: 140px;
	top: 25px;
}

.tripTypeActions,
.tripWithActions {
	bottom:0;
	margin:10px;
	position:absolute;
	width:348px;
	left: 0;
	margin-bottom: 10px;
}

.tripWith .tripWithImage {
	margin: 10px;
	background:transparent url(/css/previaje/sprites/spriteVacacionesCon.jpg) no-repeat 0 0 scroll;
	width:127px;
	height:135px;
}

.tripWith .tripWithImage.con-amigos{
	background-position:0px 0px;
}

.tripWith .tripWithImage.familia-con-hijos{
	background-position:-128px 0px;
}

.tripWith .tripWithImage.parejas{
	background-position:-128px -136px;
}

.tripWith .tripWithImage.solos-solas{
	background-position:0px -136px;
}

.tripWith .tripWithActions .opina {
	position: absolute;
	bottom: 0;
	right: 0;
}


/* photoAlbum */


.photoAlbum {
	border: 1px solid #CDD9B9;
	position: relative;
	width:368px;
}

.photoAlbum h2 {
	background-color: transparent;
}

.photoAlbum h2 .photoAlbumTitle {
	font-size: 16px;
	font-weight: bold;
	color: #A5BC83;
	padding: 8px 0 0 5px;
	float: left;
}

.photoAlbum h2 .mainSprite{
	float: left;
}

.photoAlbum h2 .photosAmount{
	font-size: 11px;
	color: black;
	font-weight: normal;
	padding: 8px 0 0 5px;
	float: left;
}

.photoAlbum .top3 {
	float:right;
	margin:5px 5px 0 0;
}


.photoAlbum .photoAlbumActions {
	clear:both;
	padding: 20px 10px 10px;
}
* html .photoAlbum .photoAlbumActions{padding-top:33px;}
*+ html .photoAlbum .photoAlbumActions{padding-top:22px;}

.photoAlbum .photoAlbumActions .addPhoto {
	bottom: 6px;
	right: 10px;
	position: absolute;
}


/* destinationOfTheDay */
.destinationOfTheDay {
	position: relative;
	margin-bottom: 20px;
}

.destinationOfTheDay .destionationTopicsItem {
	padding: 10px;
}

.destinationOfTheDay .destinationTopicsContainer {
   /* float:left; */
    width:590px;
    margin-left:170px;
}

.destinationOfTheDay .verticalTabs li {
	width: 155px;
	font-weight: bold;
}

.destinationOfTheDay .verticalTabs li.selected {
	width: 165px;
}

.destinationTopicsList {
    float: left;
    width:170px;
}

.destinationOfTheDay .reviewContainer {
	/*float: left;*/
	width:550px;	
}

.destinationOfTheDay .reviewContainer  .userContainer {
	margin-bottom: 10px;
}

.destinationOfTheDay .reviewContainer  .userIcon {
	margin-right: 30px;
}

.destinationOfTheDay .reviewContainer .reviewIcon {
	float: left;
	margin-right: 5px;
}

.destinationOfTheDay .reviewContainer .reviewText {
	float: left;
	width: 365px;
}

.destinationOfTheDay .utility {
	margin-top: 20px;
}

.destinationOfTheDay .utility .utitlityText {
	float: left;
	margin-top:3px;
}

.destinationOfTheDay .utility .handsContainer {
	float: left;
	margin-left: 10px;
}

.destinationOfTheDay .photoContainer {
	float: right;
	text-align: right;
	width: 250px;
	margin-top: 0;
}

.sugerenciaContainer
{
	width: 560px;
	text-align: right;
	clear: both;
}


/* popularDestinations */

.popularDestinations {
	padding-bottom: 10px;
    height:286px;
}

.popularDestinations ul {
	margin: 10px;
}
.popularDestinations li {
	float: left;
	width: 184px;
	line-height:16px;
	padding:2px 0;
}

         .shadow-container
         {
          position: relative;
          left: 3px;
          top: 3px;
          margin-right: 3px;
          margin-bottom: 3px;
          display: block;
	z-index: 500;
         }

         .shadow-container .shadow2, .shadow-container .shadow3, .shadow-container .dropshadowcontent
         {
          position: relative;
          left: -1px;
          top: -1px;
         }

         .shadow-container .shadow1
         {
          background: #E1E0E1;
         }

         .shadow-container .shadow2
         {
          background: #BBBABB;
         }

         .shadow-container .shadow3
         {
          background: #989698;
         }

         .shadow-container .dropshadowcontent
         {
          background: #ffffff;
          border-right: 1px solid #848284;
          border-bottom: 1px solid #848284;
         }

.floatRankingCalifHoteles_NewHotel
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;

}

.floatCalifHoteles_NewHotel
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;
	display: none;
}
.floatCalifHotelesPorDestino_NewDestino
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;
	display: none;
}
.floatDestinoCalifHoteles_NewHotel
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;
	display: none;
}
.floatCalifDestinoIdeales_NewDestino
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;
	display: none;
}
.floatCalifDestinoPorActividad_NewDestino
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;
	display: none;
}
.floatAgregarFotos_NewDestino
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;
	display: none;
}

.floatAgregarFotosDeGaleria_NewDestino
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;
	display: none;
}

.floatBusquedaDestino_NewDestino
{
	position: relative;
	background-color: #ffffff;
	border: solid 1px #CCD9B8;
	height: 154px;
	
}

.floatBusquedaDestino_NewDestino .divBusquedaDestino_NewDestinoDataClass
{
	margin: 10px;
	background-color: #E6ECDC;
	height: 117px;
}

.floatBusquedaDestino_NewDestino .divBusquedaDestino_NewDestinoDataClass .floatBusquedaDestino_NewDestinoLevel2
{
	margin-left: 10px;
	padding-top: 10px;
}

.floatBusquedaDestino_NewDestino #imgCloseBusquedaDestino
{
	position: absolute;
	top: 130px;
	right: 10px;
}

.floatBusquedaDestino_NewDestino .divBusquedaDestino_NewDestinoDataClass .floatBusquedaDestinoFieldContainer
{
	margin-top: 3px;
}

.floatBusquedaDestino_NewDestino .divBusquedaDestino_NewDestinoDataClass #imgSendPropose
{
	margin-top: 3px;
	margin-left: 142px;
}

.floatBusquedaDestino_NewDestino .divBusquedaDestino_NewDestinoDataClass input
{
	border: solid 1px #AAB9D8;
}
.inputTextoBuscadores
{
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	border: solid 1px #AAB9D8;
	
}
.divBusquedaDestino_NewDestinoShadowContainer
{
	width:500px;
}		

/*MODAL*/

.modalControl

{
   display: none;
	position: absolute;
   width: 100%;
   height: 100%;
   	z-index:1001;
   top: 0px; left: 0px;
   	overflow: hidden;	
}

.modalBackground
{
filter: Alpha(Opacity=60); -moz-opacity:0.6; opacity: 0.6;
	width:100%;
	height:100%;
 z-index :1000;
   background-color :#333;
   position: fixed;
   top: 0px; left: 0px;
}

.modalContainer
{
    	color: #333;
   position: absolute;
   width: 100%;
   height: 100%;
   z-index:1001;
   top: 0px; 
   left: 25%;
   overflow: hidden;
}

.modal
{
    background-color: white;
    position: relative;
    z-index: 1000;
    padding: 0px;
    height:auto;
    width: 495px;	
}

.modalTop
{
	color: #003366;
	background-image: url('/images/msgbox/popup_msj_ejecucion_header.jpg');
	background-repeat: no-repeat;
	height:38px;
	width:500px;
}

.modalTopText
{
	float: right;
	margin-right: 50px;
	margin-top: 15px;
}


.modalFrame
{
    width:100%;
    border:0px;
    border-style:none;
}


.modalFooter
{
	color: #003366;
	background-image: url('/images/msgbox/popup_msj_ejecucion_footer.gif');
	background-repeat: no-repeat;
	height:38px;
	padding-top:3px;	
	padding-left: 300px;
	width: 500px;	
}

.modalTop a, .modalTop a:visited
{
    color: #ffffff;
}

.modalBody
{
    margin-top: 10px;
    margin-bottom: 10px;
	height:auto;
	padding-left:10px;
	background-color:#FFFFFF;
	width:481px;
}
.floatRankingCalifHoteles_NewHotel
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;

}

.floatCalifHoteles_NewHotel
{
	position: relative;
	background-color: #E6ECDC;
	border: solid 1px #CCD9B8;
	padding: 5px;

}
.floatRankingCalifHoteles
{
	position: relative;
	z-index: 100;
	background-color: #ffffff;
	padding: 10px;
	border: solid 1px #CCD9B8;
}


.floatCalifHoteles
{
	position: relative;
	z-index: 100;
	background-color: #ffffff;
	top: 0px;
	left: -1px;
	width: 390px; /* con esto fijo FF no lo expande     height: 70px; */
	padding: 10px;
	border: solid 1px #CCD9B8;
}

#publicidadTop
{
	position: relative;
	text-align: right;
	float: right;
	width: 470px;
}

.listContent {
	height:225px;
}

/* hotel ranking */
.hotelRanking {
	border: 1px solid #CDD9B9;
	position: relative;
	width:369px;
	height:363px;
}

.hotelRanking .hotelRankingButton,
.hotelRanking .hotelRankingSelector {
	float: left;
	position: relative;
	top: -22px;
	left: 160px;
	float: left;
}

.hotelRanking .hotelRankingItemsContainer {
	width: 354px;
	margin-left: 5px;
}

.hotelRanking .hotelRankingItemsContainer .shadowBoxContent.worstHotels {
	background-image: url(/images/previaje/hotelRankingBg.jpg);
	background-repeat: no-repeat;
	background-position: 0 100%;
}

.hotelRanking .hotelRankingActions {
	padding: 60px 10px 10px;
}

.hotelRanking .hotelRankingActions .opina {
	bottom:12px;
	position:absolute;
	right:24px;
}
.hotelRanking .hotelRankingItemsContainer .hotelsRankingTable {
	width: 100%;
}

.listContent {
	height:205px;
}

.hotelRanking .hotelRankingItemsContainer .hotelsRankingTable td {
	padding: 2px 0;
}
.hotelRanking .hotelRankingItemsContainer .hotelsRankingTable .handsColumn .handsContainer {
	float: right;
}
.hotelRankingItem .bestHotelsBG{

}
.hotelRankingItem .bestHotelsBG .bestHotelIcon1{
	float:right;
	margin-top:5px;
}
.hotelRankingItem .bestHotelsBG .bestHotelIcon2{
	float:right;
	margin-top:11px;
}
.hotelRankingItem .bestHotelsBG .bestHotelIcon3{
	float:right;
	margin-top:8px;
}


