/* ALL CONTAINER
------------------ */
body {font-family: Helvetica; font-size: 12px; position: relative;}
.top_container {position: absolute; top: -300px; left: 0px;}
#jquery-custom-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 1px;}
.menu-bar {width: 100%; height: 30px; background-color: #E7E3D9; position: relative; border-bottom: 1px solid #C2C1B6;}
.login-bar {width: 100%; height: 80px; background-color: #DCDACD;}
.login-bar-mini {width: 100%; height: 40px; border-top: 1px solid #f3f0e9; background-color: #f7f4ed;}
.cont-center-full {width: 100%; height: auto; overflow: auto;}
.cont-center {width: 980px; height: auto; margin: 0px auto; padding: 20px 0px 20px 0px; overflow: hidden;}
.cont-center-centred {width: 980px; height: auto; padding: 20px 0px 20px 0px; margin: 0px auto; overflow: auto;}
.pagina-personal {width: 980px; height: auto; margin: 0px auto; padding-bottom: 20px;}
.cont-footer {width: 100%; height: auto; background-color: #FFF; border-top: 1px solid #e3e3e3; overflow: hidden; /*position: fixed; bottom: 0px;*/ z-index: 1000;}
.loader {display: none; width: 511px; margin: 0px auto;}
.ui-datepicker-trigger {margin-left: -25px; vertical-align: text-bottom;}

/* POSIZIONI FISSE
-------------------- */
.menu-bar {position: fixed; z-index: 90;}
.cont-fixed-bar {position: fixed; margin-top: 31px; width: 100%; height: auto; overflow: hidden; z-index: 80;}
.cont-center-full {z-index: 70;}

/* MENU PRINCIPALE
-------------------- */
.menu-bar .oto-logo {width: 152px; height: 20px; position: absolute; top: 0px; left: 10px; padding-top: 5px;}
.menu-bar .menu-principale {width: 500px; height: 29px; position: absolute; top: 0px; left: 177px; z-index: 90;}
.menu-bar .user-voice {width: 193px; height: 29px; position: absolute; top: 2px; left: 687px; z-index: 90;}
.menu-bar .profilo-agenzia {width: auto; height: 29px; position: absolute; top: 0px; right: 50px; z-index: 91;}

.menu-principale ul li {float: left; height: 27px; margin-right: 5px;}
.menu-principale li a span {display: block; padding-top: 8px; font-size: 13px; color: #4C4F66;}
.menu-principale li a:link, .menu-principale li a:visited {display: block; height: 27px; padding-left: 5px; padding-right: 5px; border-top: 2px solid #E7E3D9; text-decoration: none;}
.menu-principale li a:hover, .menu-principale li a:focus {background-color: #EEE9E0;}
.menu-principale li a:hover span {color: #4C4F66;}
/* bordi colorati in base al servizio */
.menu-principale li a.dashboard:hover, .menu-principale li a.dashboard:focus, .menu-principale li a.dashboard-active {border-color: #DD4B39;}
.menu-principale li a.b2b:hover, .menu-principale li a.b2b:focus, .menu-principale li a.b2b-active {border-color: #F4C843;}
.menu-principale li a.password:hover, .menu-principale li a.password:focus, .menu-principale li a.password-active {border-color: #E18823;}
.menu-principale li a.wishlist:hover, .menu-principale li a.wishlist:focus, .menu-principale li a.wishlist-active {border-color: #723C6E;}
.menu-principale li a.whitelabel:hover, .menu-principale li a.whitelabel:focus, .menu-principale li a.whitelabel-active {border-color: #3B7DBA;}
.menu-principale li a.voli:hover, .menu-principale li a.voli:focus, .menu-principale li a.voli-active {border-color: #45ab18;}
.menu-principale li a.manuali:hover, .menu-principale li a.manuali:focus, .menu-principale li a.manuali-active {border-color: #1bc0e9;}
.menu-principale li a.blog:hover, .menu-principale li a.blog:focus, .menu-principale li a.blog-active {border-color: #c90404;}
.menu-principale li a.dashboard-active,
.menu-principale li a.b2b-active,
.menu-principale li a.password-active,
.menu-principale li a.wishlist-active,
.menu-principale li a.whitelabel-active,
.menu-principale li a.voli-active,
.menu-principale li a.manuali-active,
.menu-principale li a.blog-active {color: #4C4F66; font-weight: bold; background-color: #EEE9E0;}

/* PROFILO AGENZIA
-------------------- */
.profilo-agenzia a {text-decoration: none;}
.profilo-agenzia a span {display: block; height: 20px; padding: 9px 8px 1px 8px; font-size: 13px; font-weight: bold; color: #4C4F66; text-decoration: none; border-right: 1px solid #E7E3D9; border-left: 1px solid #E7E3D9;}
.profilo-agenzia a:hover span {background: #EEE9E0;}

/* MENU AGENZIA
----------------- */
.menu-profilo {display: none; width: 160px; height: auto; background-color: #FFF; position: absolute; top: 30px; right: 50px; border: 1px solid #C2C1B6; z-index: 200;}
.menu-profilo ul li {line-height: 19px;}
.menu-profilo ul li a:link, .menu-profilo ul li a:visited {display: block; padding: 5px 20px 5px 20px; color: #3F5D9A; text-decoration: none;}
.menu-profilo ul li a:hover, .menu-profilo ul li a:focus {text-decoration: none; background-color: #eff3fb; color: #3F5D9A}

.menu-profilo ul.logout li {margin-top: 2px; line-height: 19px; border-top: 1px solid #C2C1B6;}
.menu-profilo ul.logout li a:link, .menu-profilo ul li.logout a:visited {display: block; padding: 5px 20px 5px 20px; color: #3F5D9A; text-decoration: none;}
.menu-profilo ul.logout li a:hover, .menu-profilo ul li.logout a:focus {text-decoration: none; background-color: #eff3fb; color: #3F5D9A}

/* LOADING
----------- */
.loader .interno {width: 493px; height: 250px; margin-top: 8px; margin-left: 8px; color: #2c6ea5;}
.loader .interno h1 {font-size: 17px; text-align: center; margin-top: 20px;}
.loader .interno h2 {font-size: 15px; font-weight: bold; text-align: center; padding-top: 46px;}
.loader .interno img {margin-left: 128px; margin-top: 38px;}

/* SWITCH FULL
---------------- */
.switch-full {width: 100%; height: auto;background:#f1cb48;/* background-color: #dddbca;//* border-bottom: 1px solid #C2C1B6;*/}
.switch-full .internal {width: 980px; height: auto; overflow: hidden; margin: 0px auto;}
.switch-full .internal h1 {color: #4C4F66; font-size: 16px; font-weight: bold; padding: 20px 0px 20px 0px;}
.switch-full .internal p {color: #4C4F66; font-size: 14px; line-height: 19px; padding-bottom: 20px;}
.switch-full .empty {height: 25px;}

/* RECORVER PASSWORD
---------------------- */
.recover {width: 860px; height: auto; min-height: 300px;}
.recover h1 {font-size: 24px; font-weight: bold; color: #3A2B32; margin-top: 14px;}
.recover p {font-size: 13px; color: #3A2B32; margin-top: 14px; line-height: 18px;}
.recover .module {margin-top: 60px; padding-bottom: 30px;}
.recover ul li {color: #3A2B32; margin-bottom: 20px;}
.recover p a {display: block; width: 85px; height: auto; color: #FFF; font-size: 16x; font-weight: bold; cursor: pointer; background-color: #F5CE6C; background-image: linear-gradient(top,#F5CE6C,#d09e34); border: 1px solid #d09e34; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.0976562) 0px 1px 1px 0px; -webkit-user-select: none; text-shadow: 2px 1px 1px #AB9557; text-decoration: none; text-align: center; vertical-align: middle;}
.recover p a span {display: block; padding: 10px; text-transform: uppercase;}

/* FOOTER
----------- */
.cont-footer .footer {width: 980px; height: 50px; margin: 0px auto;}
.cont-footer .footer p.copy {float: left; font-size: 12px; color: #3A2B32; padding: 10px 0px 0px 15px; line-height: 17px;}
.cont-footer .footer p.recycle {float: left; padding: 5px 0px 0px 260px;}

/* PREFERITI
-------------- */
.scheda-preferiti {width: 870px; height: auto; margin-top: 20px;}
.scheda-preferiti .riga {width: 100%; height: 63px; background-color: #f5f4ee; overflow: hidden;}
.scheda-preferiti .alternate {background-color: #FFFFFF;}
.scheda-preferiti .riga .select {float: left; width: 35px; height: 100%;}
.scheda-preferiti .riga .select input {margin-top: 25px; margin-left: 12px;}
.scheda-preferiti .riga .pk {float: left; width: 70px; height: 100%;}
.scheda-preferiti .riga .t-op {float: left; width: 77px; height: 100%; margin-left: 15px;}
.scheda-preferiti .riga .data-partenza {float: left; width: 150px; height: 100%; margin-left: 15px;}
.scheda-preferiti .riga .aeroporto {float: left; width: 300px; height: 100%; margin-left: 15px;}
.scheda-preferiti .riga .prezzo {float: left; width: 80px; height: 100%; margin-left: 15px;}
.scheda-preferiti .riga .azioni-x {float: left; width: 90px; height: 100%; margin-left: 5px;}
.scheda-preferiti .azioni-y {float: left; width: 300px; margin-top: 15px;}
.scheda-preferiti .azioni-y span {padding-left: 15px; text-decoration: underline;}
.scheda-preferiti .riga .pk span {margin-top: 23px;}
.riga .t-op img {margin-top: 9px;}
/* overide definizione span */
.scheda-preferiti .riga .prezzo span {margin-top: 23px;}
.scheda-preferiti .azioni-x p {margin-top: 15px; margin-left: 5px;}
.scheda-preferiti .azioni-x a span {display: none;}
.scheda-preferiti .azioni-x a.locandina {float: left; display: block; width: 30px; height: 30px; margin-left: 12px; background-image: url(../layout/icone/component.png); background-position: -127px -131px;}
.scheda-preferiti .azioni-x a.email {float: left; display: block; width: 23px; height: 16px; margin-top: 4px; margin-left: 12px; background-image: url(../layout/icone/component.png); background-position: -98px -138px;}
.scheda-preferiti .azioni-x a.elimina {float: left; display: block; width: 22px; height: 23px; margin-left: 12px; background-image: url(../layout/icone/component.png); background-position: -163px -137px;}
.scheda-preferiti .riga .utente span, .scheda-preferiti .riga .data-partenza span, .scheda-preferiti .riga .pk span, .scheda-preferiti .riga .aeroporto span, .scheda-preferiti .riga .prezzo span, .scheda-preferiti .riga .accesso span, .scheda-preferiti .riga .operazione span {display: block; color: #6a6a6a; font-size: 12px; margin-top: 12px; line-height: 16px}
.img-speciali {margin-right: 20px;}
.scheda-preferiti input.email {float: left; display: block; width: 23px; height: 16px; margin-left: 12px; border: none; background: transparent; cursor: pointer; background-image: url(../layout/icone/component.png); background-position: -98px -138px;}

/* BANNER GRAFICO E TESTUALE
------------------------------ */
.info-banner {/*width: 600px; height: 800px; */ overflow: auto; position: absolute; top: 8%; left: 13%; z-index: 100; background-color: #FFF; padding: 10px; box-shadow: rgba(0, 0, 0, 0.0976562) 0px 0px 4px 0px; border:  1px solid #cecece;/*5px solid #f4d15e;*/}
.info-banner h1 {font-size: 18px; color: #4C4F66; line-height: 27px;}
.info-banner h2 {font-size: 16px; color: #4C4F66; line-height: 27px;}
.info-banner p {font-size: 13px; color: #4C4F66; line-height: 23px;}
.info-banner .cont-x {width: 80px; height: 20px; margin: 0px auto;}
.info-banner .cont-x a:link, .info-banner .cont-x a:visited {color: #4C4F66; font: 12px; text-decoration: underline;}
.info-banner .cont-x a:hover, .info-banner .cont-x a:focus {text-decoration: none;}