@charset "UTF-8";
/* CSS Document */



@font-face {
    font-family: "Kozuka_Gothic_Pro";
    font-style: normal;
    src: url("font/kozgoprolightd41d.eot?#iefix") format("embedded-opentype"), url("font/kozgoprolight.woff") format("woff"), url("font/kozgoprolight.ttf") format("truetype");
}

.divisione {
    margin: 5px 24px auto;
}
body {
    background: none repeat scroll 0 0 transparent;
}
.header {
    /*background: url("../images/bg_general.gif") repeat-x scroll 0 -108px #F5E5D5;
    height: auto;*/
}
.header .content .lexbox {
    background: url("../images/lex24_GD.png") no-repeat scroll left top transparent;
    border-right: 1px solid #E2D3C4;
    float: left;
    height: 206px;
    margin: 34px 43px 20px 0;
    width: 492px;
}
.header .content .lexboxlogin {
    background: url("../images/lex24_GD.png") no-repeat scroll left top transparent;
    float: left;
    /*margin: 8px 0px 90px 5px;*/
    width: 969px;
}
.header .content .lexomniaboxlogin {
    background: url("../images/lex24omnia_GD.png") no-repeat scroll left top transparent;
    float: right;
    height: 120px;
    margin: 70px 0 20px;
    width: 615px;
}
.header .content .lexomniabox {
    background: url("../images/lex24omnia_GD.png") no-repeat scroll left top transparent;
    float: right;
    height: 206px;
    margin: 34px 0 20px;
    width: 430px;
}
#content_evidenza {
    padding-top: 0;
}
#nav_menu {
}
#content_evidenza {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    margin: 0 auto;
    overflow: visible;
    width: 992px;
}
.vetrina #content_evidenza .articolo_main {
    border-bottom: 1px solid #01AF98;
    float: left;
    height: 212px;
    width: 403px;
}
#content_evidenza .articolo_main p.articolo_meta, #content_evidenza .articolo_main .share-elements, #content_evidenza .articolo_ds_top p.articolo_meta, #content_evidenza .articolo_ds_top .share-elements, #content_evidenza .articolo_ds_bottom p.articolo_meta, #content_evidenza .articolo_ds_bottom .share-elements {
    color: #CFCECC;
    margin: 3px 0;
}
.vetrina {
    background: url("../images/lex24_bg.gif") repeat-x scroll center top #F2F2F2;
    height: 436px;
    margin: 1px auto;
    padding-top: 7px;
    width: 100%;
}
#img_lex {
    background: url("../images/lex24_imgbig.png") no-repeat scroll left top transparent;
    float: left;
    height: 404px;
    margin-top: 30px;
    width: 424px;
}
.claim {
    color: #FFFFFF;
    float: left;
    font-family: "sole_serif_headline",'Times New Roman',serif;
    font-size: 43px;
    line-height: 42px;
    margin-left: -80px;
    margin-top: 32px;
}
.blueTitle {
    color: #1584A2;
    line-height: 50px;
}
#ticker_approfondimenti {
    background-color: #E6D9CC;
    height: 53px;
    width: 100%;
}
.img_big {
    border-bottom: 1px solid #01AF98;
    float: left;
    height: 225px;
    width: 403px;
}
.container {
    background-color: #F2F2F2;
    height: auto;
    margin: 0 auto;
    width: 100%;
}
.archivio_news {
    background: inherit;
}
.colNews .articolo p.testo img {
    float: left;
    margin: 3px 9px 0 0;
}
#notizie {
    background: url("../images/riga.gif") repeat-y scroll 323px 0 transparent;
}
#lexForm, #lexFormOmnia {
    margin-bottom: 40px;
    margin-top: 90px;
}
#lexForm .campo, #lexFormOmnia .campo {
    background: url("../images/inputLex.gif") repeat-x scroll 0 0 #FFFFFF;
    color: #9E9892;
    float: left;
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 156px;
}
#lexForm .forgot, #lexFormOmnia .forgot {
    color: #666666;
    display: block;
    margin-top: 15px;
}
.attivazione {
    color: #666666;
    display: block;
    font-size: 12px;
    padding-top: 11px;
    width: 76%;
    float: left;
    margin-left: -3px;
}
.attivazione a {
    color: #CC0000;
    text-decoration: underline;
}
.lexboxlogin a.submit, .lexomniaboxlogin a.submit {
    background: url("../images/lex24_entra_in.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 33px;
    margin-top: 15px;
    text-indent: 9999px;
    width: 220px;
}
.lexboxlogin a.submit {
    display: block;
    margin-left: 350px;
    margin-top: 29px;
}
.lexboxlogin.abbonati a.submit {
    background: url("../images/lex_24_come_abbonarsi.png") no-repeat scroll 0 0 transparent;
}
#lexForm .submit, #lexFormOmnia .submit {
    background: url("../images/accediButton.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: left;
    height: 29px;
    margin-top: -18px;
    text-indent: 9999px;
    width: 79px;
}
.lexomniaboxlogin a.submit {
    display: block;
    margin-left: 350px;
}
#blueButton {
    background: url("../images/contattaci.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 32px;
    margin-left: 20px;
    margin-right: 85px;
    margin-top: 60px;
    width: 160px;
}
#contenutiLex {
    background-color: #F2F2F2;
    float: left;
    height: auto;
    margin-top: -12px;
    width: 100%;
}
#icone {
    height: auto;
    margin: 0 auto;
    width: 1024px;
}
.ico {
    background: url("../images/ico_bg.gif") repeat-y scroll 0 0 #FFFFFF;
    float: left;
    height: 500px;
    margin: 0 7px 10px;
    width: 326px;
}



#lexForm input, #lexFormOmnia input {
    background: url("../images/lbl.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #E2D0C2;
    color: #6F645E;
    height: 23px;
    line-height: 23px;
    text-indent: 5px;
}
#remindpwd, #remindpwdlex, #remindpwdLexOmnia {
    color: #414141;
    font-size: 11px;
    text-decoration: underline;
}
.login .registrati {
    width: 210px;
}
.login .accedi {
    display: none;
}
#logout-box-container .accedi {
    display: block;
}
input.error {
    border: 1px solid #CC0000 !important;
}
.errorLabel {
    color: #CC0000;
    display: block;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 5px;
}
.ticker {
    height: 40px;
    margin: 0 auto;
    padding-top: 20px;
    width: 992px;
}
#ticker_next {
    background: url("../images/ticker_lex_next.png") no-repeat scroll 0 0 transparent;
    height: 100%;
    margin-top: -15px;
    text-indent: -99999px;
    width: 20px;
}
#ticker_prev {
    background: url("../images/ticker_lex_prev.png") no-repeat scroll 15px 1px transparent;
    height: 100%;
    margin-top: -15px;
    text-indent: -9996px;
    width: 20px;
}
.ticker a {
    color: #666666;
    display: block;
    font-family: Arial,"Times New Roman",serif;
    font-size: 14px;
    height: 15px;
    margin-top: 1px;
    overflow: hidden;
    padding-left: 10px;
    width: 670px;
}
.ticker .title {
    color: #CC0000;
    font-family: Arial,"Times New Roman",serif;
    font-size: 15px;
    text-transform: uppercase;
}
.banner {
    height: auto;
    margin: 6px auto;
    width: 992px;
}
.header .content .lexomniaboxlogin.center {
    margin-right: 160px;
}
.header .content .lexboxlogin.center {
    border: medium none;
    height: 100px;
    margin-left: 130px;
    width: 860px;
}
.top {
    height: 70px;
}



#login-error {
    background: none repeat scroll 0 0 #e6d5c5;
    padding: 22px 10px 13px 25px;
    width: 546px;
    margin-left: 406px;
    margin-top: -6px;
    margin-bottom: 20px;
}


#login-box-error {
    border-bottom: none;
    padding-bottom: 0;
}

.recuperaPassword a {
    color: #666;
    font-size: 12px;
    margin-right: 34px;
    text-decoration: underline;
}

div#servizi {
    width: 1024px;
    text-align: right;
    margin-top: -24px;
}

div#servizi span.recuperaPassword {
    display: block;
    width: 24%;
    float: left;
    padding-top: 8px;
    text-align: right;
}

#login-box .user input, #login-box .password input, #login-box-error .user input, #login-box-error .password input {
    width: 212px;
    border: 1px solid #cdbaa7;
    height: 30px;
    vertical-align: top;
}

.popup .alert .message, .boxError .alert .message{
    font-size: 15px;
    border: none;
    margin-bottom: 0px;
}

.boxError #login-box-error .user input, .boxError #login-box-error .password input{
    border: 1px solid #c00;
}

body{margin:0; background-color:#f5e5d5}


.pre_lex_cont{
    width:100%;
    height:5px;
    background-color:#ffffff;

    display: none;
}
.pre_lex_cont > .brochure{
    text-align:right;
    width:992px;
    margin:0 auto;
}

.pre_lex_cont > .brochure img{
    margin-top:-30px;
    border:none;

}

.lex_cont{
    background-color: #027071;
    float: left;
    height: auto;
    margin: 5px 0 0;
    padding-bottom: 80px;
    width: 100%;
}

.lex_cont > .ico_cont{
    width:1000px;
    margin:0 auto;
    background-color:transparent;
    height:984px;
}

.ico_cont > .modulo {
    float: left;
    height: 236px;
    margin: 5px;
    padding: 0;
    width: 240px;
    overflow:hidden;
}

.modulo >.overlay{
    background-color: #1a1a1a;
    filter: alpha(opacity=0); /* Per IE8 e precedenti */
    opacity:0;
    width:240px;
    height:240px;
    margin-top:-205px;
    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;

    transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;

    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
}
.overlay.longtitle{
    margin-top:-221px;
}

.modulo > .overlay:hover {
    filter: alpha(opacity=90); /* Per IE8 e precedenti */
    opacity: 0.9;
  
}

.modulo > .overlay p{
    color:#ffffff;
    margin: 0 16px;
    font:14px/20px Arial, Helvetica, sans-serif;
}

.modulo > .overlay h2{
    border-bottom: 1px solid #91a09d;
    color: #FFFFFF;
    font: 12px/49px Arial,Helvetica,sans-serif;
    height: 42px;
    margin: 0 auto 10px;
    text-transform: uppercase;
    width: 210px;
}



.ico_cont > .modulo > .titolo{
    background:url(../images/white_line.png) no-repeat center top transparent;
    color: #FFFFFF;
    font: 13px Arial,Helvetica,sans-serif;
    margin: 173px auto 0;
    padding-top: 14px;
    text-align: center;
    text-transform: uppercase;
    width: 220px;
}

.modulo.lex{ background: url(../images/lex24.gif) no-repeat right bottom #6cc6b6; }
.modulo.codici{ background: url(../images/codici.gif) no-repeat right bottom #36957f;}
.modulo.pct{background: url(../images/PCT.gif) no-repeat right bottom #14ac7c;}
.modulo.stradale{background: url(../images/stradale.gif) no-repeat right bottom #54c674;}

.modulo.contratti{background: url(../images/contratti.gif) no-repeat right bottom #51aca0;}
.modulo.famiglia{background: url(../images/famiglia.gif) no-repeat right bottom #59bc66;}
.modulo.immobili{background: url(../images/immobili.gif) no-repeat right bottom #58bca4;}
.modulo.lavoro{background: url(../images/lavoro.gif) no-repeat right bottom #378f95;}

.modulo.societa{background: url(../images/societa.gif) no-repeat right bottom #7fd7c5;}
.modulo.civile{background: url(../images/civile.gif) no-repeat right bottom #08a59c;}
.modulo.mediazione{background: url(../images/mediazione.gif) no-repeat right bottom #36957f;}
.modulo.penale{background: url(../images/penale.gif) no-repeat right bottom #adc76d;}

.modulo.elearning{background: url(../images/elearning.gif) no-repeat right bottom #54c674;}
.modulo.servizi{background: url(../images/servizi.gif) no-repeat right bottom #65a9af;}
.modulo.omnia{background: url(../images/lex24omnia.gif) no-repeat right bottom #00a4a4;}
.modulo.business{background: url(../images/business_class.gif) no-repeat right bottom #25b592;}


/*footer*/

#footer_lex{
    height:88px;
    float:left;
    width:100%;
    background-color:#f5e5d5;
}

#footer_lex > .link    {
    height:88px;
    /*background:url(../images/lex24_logo_footer.png) no-repeat 2px 20px transparent;*/
	background:url(../images/ilsole24ore_logo_footer.png) no-repeat 2px 20px transparent;
    margin:0 auto;
    width:992px;
}

#footer_lex > .link > p.leftlink{
    font:12px Arial, Helvetica, sans-serif;
    color:#8a7d6f;
    margin:35px auto auto 225px;
    float:left;
	/*width:200px;*/
}

#footer_lex > .link p a,  #footer_lex > .link p a:link,  #footer_lex > .link p a:visited{
    color:#8a7d6f;
    text-decoration:none;
}
#footer_lex > .link p a,  #footer_lex > .link p a:hover , #footer_lex > .link p a:active{
    color:#8a7d6f;
    text-decoration:underline;
}

#footer_lex > .link > p.rightlink  {
    font:12px Arial, Helvetica, sans-serif;
    float:right;
    margin:41px 0 0;
}

.link > p .spazio{
    margin:0 27px;
    float: none;
    width: auto;
    border: none;
    height: auto;
}

.payoff{
    color: #FFFFFF;
    font-family: Kozuka Gothic Pro, Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: lighter;
    height: 60px;
    line-height: 52px;
    padding: 22px 0;
    text-align: center;
}

.payoff .variant{
    display: block;
    font-size: 29px;
}

.payoff img {
    margin-top:10px;
    border:none;
    text-decoration:none;
}

#login-box-error .submit input, #login-error .buttonGrey {
    background: none repeat scroll 0 0 #53504c;
    height: 31px;
    margin: 0;
    padding: 0;
    width: 67px;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #cdbaa7;
}

.lex_video {
    height: 571px;
    background: #015b5c 0 510px url("../images/lex_video_footer_laterali_new.png") repeat-x;
    font-family: Kozuka Gothic Pro, Arial, Helvetica, sans-serif;
}
.lex_video_content{
    width: 1100px;
    padding-left: 100px;
    margin:0 auto;
    background: -48px 508px url("../images/lex_video_footer_center_new.png") no-repeat;
    height: 575px;
}

span.lex_video_title {
    display: block;
    text-align: left;
    font-size: 42px;
    color: #FFF;
    font-family: Kozuka Gothic Pro, Arial, Helvetica, sans-serif;
    padding: 25px 5px 20px 50px;
}

.lex_video_player,.lex_video_description{
    float:left;
    width: 290px;
}

.lex_video_player{
    width: 669px;
    height: 365px;
    background: url("../images/lex_video_bg_left.png") 0px 0px no-repeat;
    padding-left: 29px;
}

.lex_brightcove{
    background: url("../images/lex_video_bg_right.png") 639px 0px no-repeat;
    width: 677px;
}

.lex_video_description span{
    display: block;
    text-align: center;
}
.lex_video_description span.titolo {
    color: #f8ddc2;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}
.lex_video_description span.description {
    font-size: 20px;
    color: #FFF;
    line-height: 24px;
    margin-top: 20px;
    margin-left: 20px;
}

.lex_video_description .buttons a {
    display: block;
    width: 247px;
    height: 75px;
    margin-left: 20px;
}

.lex_video_description .buttons a.contattaci{
    background: url("../images/button_lex24b883.png?v=1.01") 0 -1px no-repeat;
}
.lex_video_description .buttons a.contattaci:hover{
    background: url("../images/button_lex24b883.png?v=1.01") 0 -78px no-repeat;

}
.lex_video_description .buttons a.brochure{
    background: url("../images/button_lex24b883.png?v=1.01") 0 -195px no-repeat;

}
.lex_video_description .buttons a.brochure:hover{
    background: url("../images/button_lex24b883.png?v=1.01") 0 -272px no-repeat;

}
.lex_video_player_bg{
    background: url("../images/lex_video_player_bg.png") no-repeat;
    width: 648px;
    height: 365px;
}

span.buttons {
    margin-top: 55px;
}
.modulo.omnia {
    background: url("../images/diritto_bancario.gif") no-repeat right bottom #089a9a;
}