html,
body {
    width: 100%;
    height: 100%;
}

body {
    background: #05abd8 url(../images/bg.jpg) repeat-x;
}

.container_16 {
    background: url(../images/bg_img.jpg) no-repeat top left;
    height: 100%;
}

/* B: SEARCH */
.search_form,
#search {
    height: 31px;
}
.search_form {
    background: url(../images/search_text.gif) no-repeat;
    position: relative;
    margin-top:53px;
}
#search,
#search-text {
    position: absolute;
    top: 0;
}
#search-text {
    background: none;
    border: none;
    color: #0f8ec7;
    font-size: 14px;
    font-family: Verdana, Helvetica, Arial;
    left: 5px;
    margin: 0;
    padding: 0;
    top: 6px;
    width: 170px;
}
#search {
    background: url(../images/search_button.gif) no-repeat;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    right: 0;
    width: 40px;
}
/* E: SEARCH */

/* B: MAIN NAVIGATIION */
#main-navigation {
    padding-top: 38px;
    position: relative;
    height: 27px;
    margin-bottom: 15px;
}
#main-navigation-bg {
    position: absolute;
    /*background: #fff;*/
    z-index:1;
    padding: 5px 0;
    height: 27px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}
ul.navigation {
    position: absolute;
}
ul.navigation,
ul.navigation li {
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size: 18px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index:100;
}
ul.navigation li {
    background: none;
    float: left;
    margin-right: 10px;
    padding: 5px 0;
}
ul.navigation li a,
ul.navigation li a:visited,
ul.navigation li a:active {
    color: #fff;
    font-weight: bold;
    margin: 0 25px;
    text-decoration: none;
    text-shadow: 0 1px 2px #0b6192;
    outline: none;
}
ul.navigation li.active {
    background: #e7f6fb;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
ul.navigation li.active a {
    color: #0477b0;
    text-shadow: none;
}
/* E: MAIN NAVIGATIION */

/* B: BLUE BOX */
.blue-box {
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.blue-box th {
    color: #285a07;
    height: 41px;
    text-align: left;
    text-shadow: 0 1px 2px #fff;
}
.blue-box th.header-green {
    background: url(../images/blue-box-header-green.png) no-repeat;
}
.blue-box th.header-blue {
    background: url(../images/blue-box-header-blue.png) no-repeat;
}
.blue-box th h2 {
    font-size: 16px;
    margin: 8px 0 0 21px;
    padding: none;
}
.blue-box .content {
    background: url(../images/blue-box-bg.png) repeat-y;
}
.blue-box .bottom {
    background: url(../images/blue-box-bottom.png) no-repeat;
    height: 13px;
}
/* E: BLUE BOX */

/* B: LIGHT BLUE BOX */
.light-blue-box {
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.light-blue-box th {
    background: url(../images/light-blue-box-header.png) no-repeat;
    color: #fff;
    height: 41px;
    text-align: left;
    text-shadow: 0 1px 2px #285a07;
}
.light-blue-box th h2 {
    font-size: 16px;
    margin: 8px 0 0 21px;
    padding: none;
}
.light-blue-box .content {
    background: url(../images/light-blue-box-bg.png) repeat-y;
    color: #fff;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    padding: 0 20px;
    text-shadow: 0 1px 2px #000;
}
.light-blue-box .bottom {
    background: url(../images/light-blue-box-bottom.png) no-repeat;
    height: 16px;
}
/* E: LIGHT BLUE BOX */

/* B: LIST DESTINATIONS */
ul.destinations,
ul.destinations li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.destinations li {
    border-bottom: 1px solid #0764a3;
    border-top: 1px solid #01a2dd;
    margin: 0 11px;
}
ul.destinations li:first-child { border-top: none; }
ul.destinations li:last-child { border-bottom: none; }
ul.destinations li a,
ul.destinations li a:active,
ul.destinations li a:visited {
    background: url(../images/arrows.png) no-repeat 0 -27px;
    display: block;
    color: #0477b0;
    font-size: 16px;
    padding: 10px 0 10px 25px;
    text-decoration: none;
    text-shadow: 0 1px 2px #fff;
}
ul.destinations li a:hover {
    background-position: 0 14px;
    color: #1B9ADA;
}
/* E: LIST DESITNATIONS */

/* B: GREEN BOX */
.green-big-box {
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.green-big-box .header {
    background: url(../images/green-box-header.png) no-repeat;
    height: 11px;
}
.green-big-box .content {
    background: url(../images/green-box-bg.png) repeat-y;
    height: 280px;
}
.green-big-box .content-wrapper {
    background: url(../images/sfara-tours-green.gif) no-repeat center center;
    min-height: 260px;
}
.green-big-box .bottom {
    background: url(../images/green-box-bottom.png) no-repeat;
    height: 12px;
}
/* E: GREEN BOX */

/* B: GREEN SMALL BOX */
.green-small-box {
    font-family: "Trebuchet MS", Verdana, Arial;
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.green-small-box th {
    color: #fff;
    height: 41px;
    text-align: left;
    text-shadow: 0 1px 2px #285a07;
}
.green-small-box th h2 {
    font-size: 16px;
    margin: 8px 0 0 21px;
    padding: none;
}
.green-small-box .header {
    background: url(../images/green-box-small-top.png) no-repeat;
    height: 11px;
}
.green-small-box .content {
    background: url(../images/green-box-small-bg.png) repeat-y;
}
.green-small-box .bottom {
    background: url(../images/green-box-small-bottom.png) no-repeat;
    height: 13px;
}
/* E: GREEN SMALL BOX */

/* B: INSCRIE-TE */
td.inscrie-teCell input {
    background: url(../images/inscrie-te.png) no-repeat top center;
    cursor: pointer;
    display: block;
    height: 36px;
    width: 102px;
}

.inscrie-te {
    background: url(../images/inscrie-te.png) no-repeat top center;
    cursor: pointer;
    display: block;
    height: 36px;
    width: 102px;
}
.inscrie-te:hover {
    background-position: bottom center;
}
.light-blue-box .inscrie-te {
    float: right;
    margin: -10px -5px 0 0;
}
.inscrie-te:hover,
.inscrie-te:active,
.inscrie-te:link,
.inscrie-te:visited {
    outline: none;
}
/* E: INSCRIE-TE */

/* B: YAHOO STATUS */
.status-online,
.status-offline {
    background: url(../images/messenger-status.png) no-repeat top center;
    color: #0477b0;
    display: block;
    font-size: 14px;
    height: 52px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    width: 200px;
}
.status-offline {
    background-position: bottom center;
}
.status-online span,
.status-offline span {
    display: block;
    margin-left: 65px;
    padding-top: 5px;
}
.status-online:active,
.status-online:link,
.status-online:hover,
.status-online:visited,
.status-offline:active,
.status-offline:link,
.status-offline:visited,
.status-offline:hover {
    outline: none;
}
/* E: YAHOO STATUS */

/* B: Facebook */
.facebook {
    background: url(../images/facebook.jpg) no-repeat top center;
    height: 44px;
    margin:0;
    width: 220px;
}
.facebook:hover {
    background-position: bottom center;
}
/* E: Facebook */

/* B: Button Advanced Search */
#advanced_search_button {
    background: url(../images/cauta.png) no-repeat top center;
    border: none;
    display: inline-block;
    height: 36px;
    width: 102px;
}
#advanced_search_button:hover {
    background-position: bottom center;
    cursor: pointer;
}
#advanced_search_button-element {
  float: right;
}
#region,
#transport_type,
#destination,
#place_type
{
    width: 180px;
}

.advanced_search_form dd {
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}
/* E: Button Advanced Search */

/* B: Advanced Search Form */
.advanced_search_form {
    color: #fff;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    text-shadow: 0 1px 2px #000;
    padding: 10px;
}
.advanced_search_form #advanced_search_button {
    float: right;
}
/* E: Advanced Search Form */

/* B: Reservation Form */
.contact_form {
    background: #E0ECEF;
    color: #000;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 14px;
    padding: 20px;

    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.reservation_form {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #fff;
}
.reservation_form fieldset,
.contact_form fieldset {
    background-color: #29B7E9;
    border: 1px solid #0897BE;

    padding: 20px;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.reservation_form fieldset legend,
.contact_form fieldset legend {
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;

    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
.reservation_form label,
.contact_form label {
    display: inline-block;
    width: 200px;
    font-weight: bold;
}
.contact_form label {
    width: 100px;
}
.reservation_form input,
.contact_form input {
    background-color: #1BB0DF;
    border: 1px solid #0297CB;
    padding: 3px;
}
.contact_form input {
    font-size: 14px;
    width: 400px;
}
.reservation_form textarea,
.contact_form textarea {
    background-color: #1BB0DF;
    border: 1px solid #0297CB;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    padding: 3px;
    width: 200px;
    height: 50px;
}
.contact_form textarea {
    font-size: 12px;
    width: 400px;
    height: 80px;
}
.reservation_form .element_row,
.contact_form .element_row {
    margin-bottom: 5px;
}

.contact_form #submit {
    width: 60px;
    margin-left: 103px;
}

.contact_form .errors ul,
.contact_form .errors li {
    list-style: none;
    margin-left: 103px;
    color: red;
}
/* E: Reservation Form */

/* B: Page/Product Table */
div.thumbnail_wrapper {
    background: url(../images/thumbnail_bg.png) no-repeat center center;
    height: 85px;
    width: 90px;
}
div.thumbnail_wrapper div.thumbnail {
    height: 82px;
    width: 90px;
}
table.subtable {
    background: #0083C0;
    border-collapse: separate;
    width: 100%;
    margin:0;
}

table.subtable td {
    vertical-align: top;
}

table.subtable td.thumb {
    vertical-align: top;
    padding: 5px 10px 5px 0;
    width:90px;
    text-align: left;
}
table.subtable td.content {
    color: #fff;
    font-size: 12px;
    text-shadow: 0 1px 2px #000;
    text-align: left;
    padding: 5px 0;
}
table.subtable td.content a,
table.subtable td.content a h2 {
    color: #ee8b26;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    text-shadow: 0 1px 2px #000;
	
}
table.subtable td.content a:hover h2 {
    text-decoration: underline;
}
/* E: Page/Product Table */

.disable-font {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.spacer,
.spacer-10{
    display: block;
    height: 20px;
    width: 100%;
}
.spacer-10 { height: 10px; }
.padding-lr-20 { padding: 0 20px; }
.padding-lr-10 { padding: 0 10px; }

/* Tabs */
.ui-widget-content {
    background: none;
    border: none;
}

.ui-tabs .ui-tabs-nav {
    padding:0;
}
.ui-widget-header {
    background: none;
    border: none;
    margin-bottom: 5px;
}
.ui-corner-top {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.ui-state-active {
    background: #66C82F;
    border-top: 1px solid #76DB36;
    border-left: 1px solid #76DB36;
    border-right: 1px solid #76DB36;
}
.ui-tabs, .ui-tabs-panel {
    padding: 0 !important;
}

/* Gallery */
div.scrollable {
    position:relative;
    overflow:hidden;
    width:135px;
    height:280px;
}
div.scrollable div.items {
    position:absolute;
    height:20000em;
}
.loader {
    background: url('../images/ajax-loader.gif') no-repeat center center;
}

/* B: Datepicker */
#ui-datepicker-div {
    background: #fff;
}
/* E: Datepicker */

.breadcrumbs {
    color: #CFDEE4;
    margin-bottom: 10px;
}
.breadcrumbs a {
    color: #fff;
}


/* Table */
.sftable {
    font-size: 12px;
}
.sftable td {
    border: 1px solid #ccc;
    padding: 2px;
}
.sftable p {
    margin: 0;
    padding: 0;
}

.paginationControl {
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.paginationControl a {
    color: #fff;
    font-size: 12px;
}