@font-face {
	    font-family: 'latoregular';
	    src: url('../fonts/lato-regular-webfont.eot');
	    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
	         url('../fonts/lato-regular-webfont.woff') format('woff'),
	         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
	         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'latobold';
	    src: url('../fonts/lato-bold-webfont.eot');
	    src: url('..//fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
	         url('../fonts/lato-bold-webfont.woff') format('woff'),
	         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
	         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	@font-face {
	    font-family: 'latoblack';
	    src: url('../fonts/lato-black-webfont.eot');
	    src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/lato-black-webfont.woff2') format('woff2'),
	         url('../fonts/lato-black-webfont.woff') format('woff'),
	         url('../fonts/lato-black-webfont.ttf') format('truetype'),
	         url('../fonts/lato-black-webfont.svg#latoblack') format('svg');
	    font-weight: normal;
	    font-style: normal;

	}
	@font-face {
	    font-family: 'latolight_italic';
	    src: url('../fonts/lato-lightitalic-webfont.eot');
	    src: url('../fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/lato-lightitalic-webfont.woff2') format('woff2'),
	         url('../fonts/lato-lightitalic-webfont.woff') format('woff'),
	         url('../fonts/lato-lightitalic-webfont.ttf') format('truetype'),
	         url('../fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

body {
   font-family: 'latoregular', Arial, Helvetica, sans-serif!important;
    background-color: #ffffff;
}

#HeaderContent {
    background-image: none;
    background-color: #000;
    margin-bottom: 10px;
    padding: 0px;
}
#HeaderContent .logo {
    background-color: #fff;
    height: 60px;
    background-image: url('../images/logourbanica.png');
    background-repeat: no-repeat;
    background-position: 7% ;
    background-size:  180px 57px;
}
.corner {
    border: 0px solid #949FA2;
    border-radius: 0px;
}
.backgroundNaranjita{
        background-color: #fff !important;
}
h1, h2, h3, h4 {
    color: #000000;
}
.hotelHeader  {
    color: #fff;
    background-color: #000;
    margin-bottom: 0px;
}
.hotelHeader h2 {
    color: #fff;
    font-family: 'latoregular', Arial, Helvetica, sans-serif!important;
    letter-spacing: 1px;
    font-size: 20px;
     font-weight:normal;
      text-transform: uppercase!important;
}
.hotelHeader h3 {
    color: #ddd;
    font-family: 'latoregular', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    font-size: 15px;
     font-weight:normal;
}

.hotelHeader p.descripcion {
    color: #fff;
    font-family: 'latoregular', Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: justify;
}
.occupancy {
    display: none;
}

.dxbButton_CostaDelSol {
  background-color: #000!important;
  border: 1px solid #fff!important;
  color: #fff!important;
      text-transform: uppercase!important;
    font-size: 14px!important;
    font-family: 'latobold', Arial, Helvetica, sans-serif !important;
    letter-spacing: 2px!important;
}
.dxbButtonHover_CostaDelSol {
  background-color: #000!important;
  border: 1px solid #555!important;
  color: #ddd!important;
}
.dxbButton_CostaDelSol span {
    white-space: normal!important;
}



.resultCategoria td .dxbButton_CostaDelSol {
  border: 1px solid #000!important;
}

.BtnGaleria {
    color: #FFFFFF;
    border: 1px solid black!important;
    background: Grey!important;
    padding: 1px;
    font: 12px 'Roboto',sans-serif;
}
.BtnGaleria span {
    padding-left: 25px;
    margin-top: 3px;
    display: inline-block;
    font-weight: normal!important;
    font-size: 13px;
    letter-spacing: 1px;
}
.habitacion {
    color: #000000 !important;
}
#MasterFooter
{
    background-color: #000000;
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 1px;
    font-family: 'latoregular', Arial, Helvetica, sans-serif;
}
#MasterFooter a
{
    text-transform: uppercase;
    color: #fff;
}
#MasterFooter p
{
    display: inline-block;
    margin: 10px 1%;
}
#MasterFooter p.links
{
    float: left;
}
#MasterFooter p.copyright
{
    float: right;
}
.SearchResult {
    background-color: #000;
    margin-bottom:10px;
}
div.consultaDispo .dxeTextBox_CostaDelSol, div.consultaDispo .dxeButtonEdit_CostaDelSol {
    width: 100% !important;
    border-color: #000000 !important;
}
.dxeButtonEditButton_CostaDelSol, .dxeSpinIncButton_CostaDelSol, .dxeSpinDecButton_CostaDelSol, .dxeSpinLargeIncButton_CostaDelSol, .dxeSpinLargeDecButton_CostaDelSol {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}
.dxeButtonEditSys, .dxeTextBoxSys {
    height: 23px!important;
}

.hotelHeader .servicios img {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -webkit-filter: invert(1);
    filter: invert(1);
}
.NoData {
    padding-left: 30px;
    padding-right: 30px;
    display: inline-block;
}
div.consultaDispo div.elemento {
    width: 100%;
}
div.consultaDispo div.search {
    margin-top: 15px;
}
div.consultaDispo div.search .dxbButton_CostaDelSol {
    width: 400px;
}
.roomoptionCombos{
    border-spacing: 0px;
    border-collapse: collapse;
    width:100%;
}
div.reservationFields div.field label {
    color: #fff;
}
div.reservationFields div.field a {
    color: #fff;
}
#ReservationForm {
    background-color: #000;
}
/*.dxrpControl_CostaDelSol .dxrpHeader_CostaDelSol, .dxrpControl_CostaDelSol */
.dxrpHeader_CostaDelSol td.dxrp {
    color: #fff!important;
}
#ReservationForm .dxrpControl_CostaDelSol, #ReservationForm .dxrpControl_CostaDelSol {
    border-width: 0px;
}

#ReservationForm .dxeBase_CostaDelSol{
    color: #fff!important;
}
#ReservationForm div.dxpcContentPaddings_CostaDelSol span.dxeBase_CostaDelSol{
    color: #333!important;
}

.PriceByDate{
    margin-top: 3px;
    display: table;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    color: #fff!important;
    margin-bottom: 30px;
}
.PriceByDate span{
    color: #fff!important;
}

.cal {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 5px;
    background-color: #000;
    color: #fff;
}
.dxpcHeader_CostaDelSol {
    color: #000!important;
}
.consultaDispoInfoAdicional{
    line-height: 18px;
    padding: 9%;
    padding-top: 40px;
    text-align: center;

}
.consultaDispoInfoAdicional span.off30{
    font-size: 13px;
}
.consultaDispoInfoAdicional span.off30 u{
    font-size: 15px;
    margin-bottom: 10px;
    display: inline-block;
}
.consultaDispoInfoAdicional span.off30chico{
    font-size: 11px;
}
.btnReservar2 {
    display: table;
    margin-top: 0px;
}

.resultCategoria .precio .dxdvItem_CostaDelSol, .resultCategoria .precio .dxdvFlowItem_CostaDelSol {
     color: #ffffff!important;
   /*background-color: #18284d!important;*/
}

.resultCategoria .categoria {
    color: #000;
}
.btnPrecioNeto  {
    width: 110px;
}
.btnPrecioNeto td{
    background: transparent!important;
    color: #000!important;
    border: 1px solid #000;
}
.rateInfo{
    /*display: none;*/
    vertical-align: top;
    padding-top: 3px;
}
.rateInfoSummary{
    display: table-cell;
}

.summaryHotel{
    display: none;
}
#ReservationForm .checkBoxFooter {
    color: #000!important;
}
div.reservationFields div.field label {
    padding: 3px 5px;
}
#btnPortuguese{
    display: none;
}
@media only screen and (min-width: 801px) {
    #HeaderContent {
        height: 60px;
    }
    #HeaderContent .logo {
        width: 20%;
    }

    #SecondaryMaster {
        padding: 0px;
        min-height: 100px;
    }
    div.consultaDispo{
        width: 17.5%;
        margin-right: 0.5%;
        min-width: 100px;
    }
    .SearchResult{
        width: 76%;
        min-height: 400px;
        padding: 1.5% 2%;
    }
    #ReservationSummary {
        width: 17.5%;
    }
    #ReservationForm {
        width: 80%;
        float: right;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 801px) and (max-width: 900px) {
    div.consultaDispo{
        width: 20.5%;
    }
    .SearchResult{
        width: 73%;
    }
    #ReservationForm {
        width: 77%;
    }
    #HeaderContent .logo {
        width: 23%;
    }

}
@media only screen and (max-width: 801px) {
    #MasterFooter p {
        float: none!important;
    }

}
.dxbButton_MetropolisHB {
    color: #FFFFFF;
    border: 1px solid black!important;
    background: Grey!important;
    padding: 1px;
    font: 12px 'Roboto',sans-serif;
}
.NoData {
    color: white!important;
    font-weight: bold !important;
    font-size: 16px !important;
    font-family: arial 
}
.dxeBase_MetropolisHB {
    color: #AAAAAA;
    font: 11px 'Roboto',sans-serif;
}