﻿/*=================== RESET =================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}
body {
    line-height: 1;
    font-family: Verdana,Tahoma,Trebuchet MS,Arial;
    background-color: #001E96;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
a img, :link img, :visited img {
    border: none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
a:hover {
    text-decoration: none;
}
/*=================== HEADER =================================================*/
#header {
    background-color: #001E96;
    height: 50px;
}
#header h1 {
    color: #ffffff;
    font-size: 11px;
    padding-top: 5px;
    float: left;
}
#header_banderas {
    float: right;
    height: 14px;
    padding-top: 2px;
}
#header_banderas img {
    width: 24px;
    height: 19px;
    padding-right: 5px;
}
#header_info {
    /*font-size: 12px;     padding-top: 5px;     height: 24px;*/
}
#header_info a {
    text-decoration: none;
    padding: 0 15px;
    color: #001E96;
}

#header_info a:hover {
    text-decoration: underline;
}
#header_info ul {
    clear: both; /*overflow: auto; /*width: 850px;*/
}
#header_info ul li {
    display: inline;
    line-height: 35px;
}

#header_info ul li a {
    color: #001E96;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold; /*padding: 0px 25px 0px 0px;*/
}

/*http://css3pie.com/demos/tabs/*/

#header_info .menus {
    float: left;
    height: 1.2em;
    line-height: 1.0em;
    margin: 14px 5px 0 0;
    padding: 0 5px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #FFC82E;
    border: 2px solid #FFC82E;
    border-bottom: 0;
    padding: 0 10px;
    color: #000000 !important;
    text-decoration: none;
}
#header_info .menus:after {
    /*content: " \2192";*/
}

#header_info .accesos {
    float: right;
    height: 1.2em;
    line-height: 1.0em;
    margin: 14px 5px 0 0;
    padding: 0 5px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #F9E497;
    border: 2px solid #FFC82E;
    border-bottom: 0;
    padding: 0 5px;
    color: #000000 !important;
    text-decoration: none;
}

#header_info .accesos a {
    color: #001E96;
    font-size: 12px;
}

#header_info .candado {
    background: url(../img/common/ico-useraccess.gif) no-repeat 6px 0px;
    padding-left: 25px;
}

#header_info .list {
    background: url(../img/common/ico-list.gif) no-repeat 6px 0px;
    padding-left: 25px;
}

#web {
    position: relative;
}
#user p {
    font-size: 11px;
    color: #E3E8F0;
}
#user p a {
    color: #FFF;
}
#user .title-user {
    padding-bottom: 11px;
    border-bottom: 1px solid #617DA8;
    overflow: auto;
    width: 876px;
    margin-bottom: 16px;
}
#user .title-user strong {
    color: #91A4C3;
    font-size: 15px;
    display: block;
    float: left;
}
#user .title-user span {
    float: right;
}
.code-user {
    clear: both;
    float: left;
    background: url(../img/common/img-card.jpg) no-repeat left top;
    padding-left: 130px;
    width: 288px;
    line-height: 15px;
    height: auto !important;
    height: 73px;
    min-height: 73px;
}
.code-user strong {
    display: block;
    color: #FEC70A;
}
.form-user {
    float: right;
    width: 430px;
}
.form-user fieldset {
    text-align: right;
    margin-bottom: 10px;
    float: left;
    width: 304px;
    margin-right: 19px;
}
.form-user label {
    color: #FFDF79;
    font-size: 12px;
}
.form-user fieldset input {
    width: 152px;
    border: 3px solid #FFF;
    background: #FFF url(../img/common/bg-input-user.jpg) repeat-x left top;
    padding: 5px 0;
    margin-left: 5px;
}
/*.btn-user {
    cursor: pointer;
    float: right;
    width: 106px;
    height: 33px;
    background: url(../img/common/btn-user.gif) no-repeat left top;
    border: none;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #069;
    padding: 5px 0px;
}*/
#innerWeb {
    width: 900px;
    margin: 0 auto;
    position: relative; /*overflow: auto;*/
}
.logo {
    clear: both;
}

.form-bookings .fieldset-bookings {
    font-size: 11px;
}
.form-bookings strong {
    display: block;
    color: #001E96;
    padding: 7px 0px;
    font-size: 14px;
}
.form-bookings .fieldset-bookings label {
    color: #DDB20C;
    text-align: right;
    width: 43px;
    display: block;
    float: left;
    margin-right: 10px;
}
.form-bookings .fieldset-bookings fieldset input, .form-bookings .fieldset-bookings fieldset select {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    border: 1px solid #A4B97F;
    cursor: pointer;
    padding: 0.48em 0 0.47em 0.45em;
}
.calendar {
    cursor: pointer;
    background: url(../img/common/ico-calendar.gif) no-repeat right 6px;
    padding: 3px;
    height: 14px;
    width: 200px;
}
div.ui-datepicker {
    font-size: 14px !important;
}

.form-bookings .btn-bookings {
    border: none;
    clear: both;
    display: block;
    font-weight: bold;
    font-size: 11px;
    color: #069;
    background: url(../img/common/btn-booking.jpg) no-repeat left top;
    padding: 7px 0px 10px 0px;
    text-align: center;
    margin: 10px 0px 10px 50px;
    width: 159px;
    height: 30px;
}
/*=================== FORM MANAGE BOOKING =================================================*/
.manageBooking {
    clear: both;
    overflow: auto;
    float: left;
    background: #F7F7F7 url(../img/global/bg-manage-booking.jpg) repeat-x left top;
    border: 2px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    padding: 14px 15px 10px 15px;
    width: 454px;
    font-size: 11px;
}
.manageBooking ul {
    margin: 12px 0px 0px 0px;
    float: left;
}
.manageBooking ul li {
    background: url(../img/common/ico-li.gif) no-repeat 0 2px;
    padding-left: 12px;
    margin-left: 12px;
    color: #666;
    line-height: 15px;
    padding-bottom: 5px;
}
.manageBooking .form-manage {
    width: 270px;
    float: right;
}
.manageBooking .form-manage fieldset {
    margin-bottom: 9px;
    text-align: right;
}
.manageBooking .form-manage label {
    color: #001E96;
}
.manageBooking .form-manage fieldset input {
    width: 149px;
    cursor: pointer;
    border: none;
    padding: 10px 4px 8px 4px;
    margin-left: 5px; /*background: url(../img/global/bg-input-manage.jpg) no-repeat right bottom; */
    background: #FFFFFF url(../img/common/bg-input-manage.jpg) repeat-x scroll left top;
}



.managebooking .btn-user {
    background: url(../img/global/btn-manage.jpg) no-repeat;
}
/*=================== LANGUAGE =================================================*/
.lang-nav {
    clear: both;
    height: 60px;
    width: 900px;
}

#language {
    background: url(../img/common/bg-lang.jpg) no-repeat left top;
    width: 169px;
    height: 30px;
    float: left;
    margin-top: 14px;
    overflow: hidden;
}
#language li {
    float: left;
}
#language li img {
    padding: 6px 0px 0px 6px;
}
#language li a {
    float: left;
    display: block;
    width: 16px;
    height: 14px;
    text-indent: -1000em;
    margin: 9px 6px 0px 11px;
}
#language .lang-last a {
    margin-right: 0px;
}
#hideLanguage a {
    background: url(../img/common/bg-lang.jpg) no-repeat -39px 0px;
    display: block;
    float: left;
    margin-top: 14px;
    width: 23px;
    height: 30px;
    text-indent: -1000em;
}
#hideLanguage.selected a {
    background: url(../img/common/lang-hide.jpg) no-repeat 0 0;
}
#hideLanguage a:hover {
    background: url(../img/common/lang-hide.jpg) no-repeat 0px -30px;
}
/*=================== FOOTER =================================================*/
#footer {
    background: #001E96 url(../img/common/bg-bottom-footer.jpg) repeat-x left bottom;
    clear: both;
}
#innerFooter {
    position: relative;
    overflow: auto;
    width: 900px;
    margin: 4px auto 0 auto;
    background: url(../img/global/bg-top-footer.jpg) no-repeat left top;
    padding: 30px 0px 60px 0px;
}
#innerFooter .box-interest {
    float: left;
    padding-left: 123px;
    width: 180px;
    padding-bottom: 30px;
}
#innerFooter .box-interest h4 {
    font-size: 16px;
    margin-bottom: 10px;
}
#innerFooter .box-interest h4 a {
    text-decoration: none;
}
#innerFooter .box-interest h4 a:hover {
    text-decoration: underline;
}
#innerFooter .box-interest p {
    font-size: 11px;
    color: #FFF;
    line-height: 15px;
}
#innerFooter .box-interest p a {
    text-decoration: none;
    color: #FFF;
}
#innerFooter .box-interest p a:hover {
    color: #E3E8F0;
}
#innerFooter #goldClub {
    background: url(../img/index/img-gold-club.jpg) no-repeat 34px 0px;
    padding-left: 108px;
}
#innerFooter #goldClub h4 a {
    color: #FFE800;
}
#innerFooter #drivingRoutes {
    background: url(../img/index/img-routes.gif) no-repeat 39px 0px;
    padding-left: 113px;
    width: 190px;
}
#innerFooter #drivingRoutes h4 {
    color: #0FF;
}
#innerFooter #drivingRoutes p a {
    color: #0FF;
    text-decoration: underline;
}
#innerFooter #drivingRoutes p a:hover {
    text-decoration: none;
    color: #0FF;
}
#innerFooter #carSales {
    background: url(../img/index/img-sales.gif) no-repeat 49px 0px;
}
#innerFooter #carSales h4 a {
    color: #FF6;
}
#innerFooter h5 {
    clear: both;
    float: left;
    width: 876px;
    text-align: center;
    color: #91A4C3;
    font-size: 15px;
    line-height: 18px;
    padding: 20px 0px 0px 0px;
    margin-bottom: 12px;
    margin-left: 12px;
}
#innerFooter ul.list-top {
    border-top: 1px solid #617DA8;
    padding-top: 8px;
}
#innerFooter ul.list-bottom {
    border-bottom: 1px solid #617DA8;
    margin-bottom: 15px;
}
#innerFooter ul {
    text-align: center;
    width: 864px;
    padding-bottom: 12px;
    padding-left: 12px;
    overflow: auto;
    margin-left: 12px;
    clear: both;
}
#innerFooter ul li {
    text-align: center;
    font-size: 11px;
    color: #E3E8F0;
    margin-right: 12px;
    display: inline;
    line-height: 15px;
}
#innerFooter ul li a {
    color: #E3E8F0;
    padding-right: 15px;
    text-decoration: none;
}
#innerFooter ul li a:hover {
    text-decoration: underline;
    color: #FFF;
}
.info-copy {
    clear: both;
    background: url(../img/common/logo-centauro.png) no-repeat 12px 0px;
    margin-top: 9px;
    padding-left: 204px;
    font-size: 9px;
    color: #E3E8F0;
    line-height: 15px;
    width: 250px;
    float: left;
}
.info-copy a {
    color: #EFD533;
}
.aenor-ue {
    float: right;
    padding-right: 12px;
}
.aenor-ue a {
    text-decoration: none;
}
.aenor-ue .link-ue {
    margin-left: 10px;
}
/*=================== ROBAPAGINAS =================================================*/
#box {
    background-color: #FFC100;
    border-top: 1px solid #FFE99D;
    clear: both;
}
#innerBox {
    position: relative;
    width: 900px;
    margin: 0 auto;
    padding: 15px 0px 12px 0px;
    overflow: auto;
}
#innerBox .grupo-centauro {
    background: url(../img/common/grupocentauro.jpg) no-repeat left top;
    padding-left: 122px;
    width: 450px;
    font-size: 12px;
    color: #7D5F00;
    line-height: 18px;
    float: left;
}
#innerBox .grupo-centauro strong {
    display: block;
    font-size: 14px;
    color: #001E96;
}
#innerBox .grupo-centauro a {
    color: #333;
}
#innerBox ul {
    float: right;
}
#innerBox ul li {
    float: left;
}
#innerBox ul li a {
    text-indent: -1000em;
    display: block;
}
#innerBox ul .hotel-levanteclub a {
    background: url(../img/common/levante-club.jpg) no-repeat left top;
    width: 106px;
    height: 55px;
}
#innerBox ul .apartments-levante a {
    background: url(../img/common/apartamentos-turisticos.jpg) no-repeat left top;
    width: 102px;
    height: 48px;
}
#innerBox ul .luxor a {
    width: 73px;
    height: 46px;
    margin-left: 15px;
    background: url(../img/common/luxor.jpg) no-repeat left top;
}
/*=================== CALENDAR =================================================*/
.ui-datepicker {
    font-size: 11px !important;
}
/*=================== KOA-BUTTONS =================================================*/
a.web-button {
    display: block;
    background: transparent url(../img/common/koa-button1.jpg) no-repeat scroll left top;
    text-decoration: none;
    cursor: pointer;
}
a.web-button span {
    cursor: pointer;
    background: transparent url(../img/common/koa-button2.jpg) no-repeat scroll right top;
    color: #006699;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    padding: 7px 10px 10px 10px;
    text-align: center;
}

.fb_me_gusta {
    padding: 8px 93px 12px 0pt;
    position: absolute;
    left: 190px;
    text-align: right;
    top: 2px;
}

/* WIDGET COMPARTIR*/

.caja_social_compartir {
    float: right;
    padding: 13px 10px 0 0;
}
.caja_social_compartir_columna {
    float: right;
    text-align: right;
    padding-left: 10px;
}
.facebook_columna {
    width: 175px;
}

/*http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery*/
/*#tooltip_a, #tooltip_img {
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 2px 5px;
    color: #333;
    display: none;
}
*/
.btn-user {
    background-color: #ffb515;
    float: right;
    overflow: auto; /*margin-top: 45px;*/
    padding: 10px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 2px 2px 2px #222222;
    -moz-box-shadow: 2px 2px 2px #222222;
    -webkit-box-shadow: 2px 2px 2px #222222;
    color: #FFFFFF !important;
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.btn-user:hover {
    background-color: #fc9200;
}

.boton_reservar {
    background-color: #ffb515;
    float: right;
    overflow: auto;
    margin-top: 45px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 2px 2px 2px #222222;
    -moz-box-shadow: 2px 2px 2px #222222;
    -webkit-box-shadow: 2px 2px 2px #222222;
}
.boton_reservar a {
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    background: transparent url(../img/common/ico-arrowright.png) no-repeat 95% 50%;
}

.boton_reservar:hover {
    background-color: #fc9200;
}

.tooltip {
    display: none;
    background: transparent url(/tools/img/tooltip/black_arrow.png);
    font-size: 12px;
    height: 70px;
    width: 160px;
    padding: 25px;
    color: #fff;
}

