body { background-color: #3c3330; margin: 0px; padding: 0px; font-size: 11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;}.text1 { font-size:11px; color:#CCCCCC;} .reservation { width: 450px; height:auto; margin-top: 11px; text-align:center; margin-left: 25px;}.footer { font-size:10px; color:#3c3330;}.Estilo1 {font-family: Verdana, Arial, Helvetica, sans-serif}.Estilo2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #3C3330;}.Estilo3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; }a.Estilo4 {font-size: 16px; color: #A4A09F; text-decoration: underline;}a.Estilo4:hover { font-size: 16px;	color: #696969;	text-decoration: none;}a.Estilo4:visited {font-size: 16px; color: #A4A09F; text-decoration: underline;}.Estilo5 {font-size: 36px;}.Estilo6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }.Estilo7 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF7400;	font-size: 14px;}a.footerlink {font-size: 10px; color: #3c3330; text-decoration: underline;}a.footerlink:hover { font-size: 10px;	color: #5D5552;	text-decoration: none;}a.footerlink:visited {font-size: 10px; color: #3c3330; text-decoration: underline;}a.link {font-size: 11px; color: #FFF; text-decoration: none;}a.link:hover { font-size: 11px;	color: #CCC;	text-decoration: underline;}a.link:visited {font-size: 11px; color: #FFF; text-decoration: none;}a.linkorange {font-size: 12px; color: #FF7400; text-decoration: underline;}a.linkorange:hover { font-size: 12px;	color: #CCC; text-decoration: none}a.linkorange:visited {font-size: 12px; color: #FF7400; text-decoration: underline;}a.linkorange2 {font-size: 10px; color: #FF7400; text-decoration: underline;}a.linkorange2:hover { font-size: 10px;	color: #CCC; text-decoration: none}a.linkorange2:visited {font-size: 10px; color: #FF7400; text-decoration: underline;}.Estilo12 {color: #FF7400; font-size: 16px; }.Estilo13 {color: #fffddd; font-size: 24px; }.Estilo14 {font-size: 24px}.Estilo16 {	color: #CCCCCC;	font-size: 16px;	font-weight: bold;}.Estilo19 {	font-size: 18px;	color: #FFFFFF;}.Estilo20 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #fffddd;}.Estilo21 {color: #DB6400}

.search-widget {
    border-style: solid;
    border-width: 1px;
    border-color: #faa236;
    background: #e36500;
    font-size: 11px;
    text-align: left;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #f2dbb6;
    overflow: hidden; /* Cut the content out of the bounds of search-widget */
}

/* Search widget inner indents */
.search-widget .search-widget-inner {
    float: left;
}

/* Reset default browser properties for the used elements */
.search-widget div,
.search-widget ul,
.search-widget li,
.search-widget form,
.search-widget label {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* Reset default browser properties for list elements */
.search-widget ul,
.search-widget li {
    list-style: none;
}

/* Labels for input fields. They are located above the appropriate elements  */
.search-widget label {
    display: block;
    margin-bottom: 2px;
    margin-left: 1px;
    overflow: hidden; /* Cut too long labels */
}

/* Properties for input fields. Here you can change font, color, border and background style */
.search-widget input.textbox,
.search-widget select {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2em !important;
    color: #000000;
    border: 1px solid #6e0500;
    background: #ffffff url("https://www.travelnow.com/templates/364594/static/0/default/images/widgets/searchwidget/control-bg.jpg") repeat-x left top;
    margin: 0 0 9px 0; /* Bottom indent */
    width: 100%; /* Textboxes and select elements occupy the whole width of appropriate part of search widget */
    padding: 1px;
}

/* Reset the default browser properties for checkbox and radio button elements */
.search-widget input.checkbox,
.search-widget input.radio {
    margin: 0 5px 0 2px;
    padding: 0;
    height: 14px;
    width: 14px;
    border: none;
}

.search-widget .button-block {
    clear: both; /* By default the button is a new line */
}

/* Reset the default button properties and set custom properties, such as background, font, color, border, round corners */
.search-widget button {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 2px 9px !important;
    margin: 0 !important;
    cursor: pointer;
    background: #7f0500;
    border: 1px solid #6e0500 !important;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.25em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    width: auto;
    overflow: visible; /* Reset paddings in IE */
    display: inline-block;
}

/* Set custom properties of hovered and selected button. Here you can change background, color and border */
.search-widget button:hover,
.search-widget button:focus {
    background: #7f0500;
    color: #ffffff;
}

/* Predefined destinations section */
.search-widget .predefined-destinations-block {
    float: left;
    width: 100%;
}

/* Predefined destinations list. It occupies the whole width of search widget. */
.search-widget .predefined-destinations-block ul {
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
}

/* Predefined destinations list item */
.search-widget .predefined-destinations-block li {
    float: left;
    overflow: hidden; /* Cut long labels */
    width: 33%; /* Items can be divided into 2 columns (50%) or 3 columns (33%) */
    margin-top: 1px;
}

/* Predefined destinations list item labels */
.search-widget .predefined-destinations-block input {
    float: left;
}

.search-widget .predefined-destinations-block label {
    vertical-align: top;
    margin-top: 0;
}

/* Destination section */
.search-widget .destination-block {
    padding-right: 13px;
}

/* Destination input field. It occupies the whole width of search widget */
.search-widget .destination-block input {
    width: 100%;
}

/* Check-in, check-out, rooms, adults, children, hotel-chains, star-rating */

.search-widget .check-in-block,
.search-widget .check-out-block,
.search-widget .rooms-block,
.search-widget .adults-block,
.search-widget .children-block,
.search-widget .hotel-chains-block,
.search-widget .star-rating-block {
    float: left; /* Search widget sections are displayed in line */
}

.search-widget .check-in-block,
.search-widget .hotel-chains-block {
    clear: both; /* Check-in section and Hotel chains section start from new line */
}

/* Calendar icon (for check-in, check-out fields) */
.search-widget .calendar-icon {
    background: url("https://www.travelnow.com/templates/364594/static/12/default/images/widgets/searchwidget/ico-calendar.png") right top no-repeat;
    width: 21px;
    height: 22px;
    float: right;
    cursor: pointer;
}

/* Reset dates section */
.search-widget .reset-dates-block {
    clear: both; /* Reset dates section starts from new line */
    white-space: nowrap;
    overflow: hidden; /* Cut long label */
}

/* Align label with checkbox */
.search-widget .reset-dates-block label {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 6px;
}
    /* Clear calendar's float, using dialog inbuilt form element */
    #check-inDialogContainer .bd form {
        clear:left;
    }

    /* Have calendar squeeze upto bd bounding box */
    #check-inDialogContainer .bd {
        padding:0;
    }

    #check-inDialogContainer .hd {
        text-align:left;
    }

    /* Center buttons in the footer */
    #check-inDialogContainer .ft .button-group {
        text-align:center;
    }

    /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
    #check-inDialogContainer.yui-overlay-hidden table {
        *display:none;
    }

    /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
    #check-inContainerCalendar {
        border:none;
        padding:1em;
    }
    /* Clear calendar's float, using dialog inbuilt form element */
    #check-outDialogContainer .bd form {
        clear:left;
    }

    /* Have calendar squeeze upto bd bounding box */
    #check-outDialogContainer .bd {
        padding:0;
    }

    #check-outDialogContainer .hd {
        text-align:left;
    }

    /* Center buttons in the footer */
    #check-outDialogContainer .ft .button-group {
        text-align:center;
    }

    /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
    #check-outDialogContainer.yui-overlay-hidden table {
        *display:none;
    }

    /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
    #check-outContainerCalendar {
        border:none;
        padding:1em;
    }

/* 300x100 specific */

/* Set size of widget (2px less because of the border) */
.size300x100 {
    width: 298px;
    height: 98px;
}

/* Search widget inner intends */
.size300x100 .search-widget-inner {
    padding: 7px 3px 0 9px;
}

/* Don't display predefined destinations, reset dates, rooms, adults, children hotel-chains, star-rating sections */
.size300x100 .predefined-destinations-block,
.size300x100 .reset-dates-block,
.size300x100 .rooms-block,
.size300x100 .adults-block,
.size300x100 .children-block,
.size300x100 .hotel-chains-block,
.size300x100 .star-rating-block {
    display: none;
}

/* Set destination field intend */
.size300x100 .destination-block {
    padding-right: 9px;
}

/* Set sizes for check-in, check-out sections */
.size300x100 .check-in-block,
.size300x100 .check-out-block {
    width: 97px;
    padding-right: 7px;
}

/* Set sizes for check-in, check-out input fields */
.size300x100 .check-in-block input,
.size300x100 .check-out-block input {
    width: 71px;
}

/* Place the button to the right of the fields */
.size300x100 .button-block {
    float: right;
    clear: none;
    margin-top: 12px;
    margin-right: 5px;
}

/* Correct sizes for IE7 Quirks Mode (it uses border-box sizing model) */
* html .size300x100 {
    width /**/: 300px;
    height /**/: 100px;
}

* html .size300x100 .check-in-block,
* html .size300x100 .check-out-block {
    width /**/: 104px;
}