@charset "utf-8";
/* FILM TV - 2013 - Banzai Media */
/* REGISTRAZIONE ----------------*/

.registrazione .menu-tab ul li {width: 33.333%;}

.registrazione h1.intro{display:block; padding:0 3% 15px; margin:0 0 20px; border-bottom:1px solid #ddd; font-size:23px; line-height:30px; text-transform:uppercase;}
.registrazione h1.intro span{color:#e30031;}
.registrazione .todo{margin:0 0 10px;}
.registrazione .todo li{display:block; overflow:hidden; padding:10px 3%; border-top:1px dashed #ddd;}
.registrazione .todo li:first-child{padding-top:0; border:none;}
.registrazione .todo li span{float:left; display:block; width:32px; height:32px; margin:0 15px 0 0; background:url("/public/images/registrazione.png") -9999px 0;}
.registrazione .todo li.vota span{background-position:0 0;}
.registrazione .todo li.prenota span{background-position:-32px 0;}
.registrazione .todo li.occhio span{background-position:-64px 0;}
.registrazione .todo li.playlist span{background-position:-96px 0;}
.registrazione .todo li.dibattito span{background-position:-128px 0;}
.registrazione .todo li.favoriti span{background-position:-160px 0;}
.registrazione .todo li.collezione span{background-position:-192px 0;}

.registrazione .todo li div{overflow:auto;}
.registrazione .todo li h2{font-size:16px; text-transform:uppercase; color:#333;}
.registrazione .todo li p{margin:0 0 0 10px; color:#666;}
.registrazione .step1{padding:20px 3%; margin:0 0 10px; background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.registrazione .step1 .box-fb{float:left; width:50%; text-align:center;}
.registrazione .step1 .box-fb p{margin:0 0 8px;}
.registrazione .step1 .box-fb .fb-connect{display:block; width:175px; height:24px; margin:0 auto; background:url("/public/images/registrazione.png") no-repeat 0 -32px; text-indent:-9999px;
-webkit-transition:opacity .3s ease-in; -moz-transition:opacity .3s ease-in; transition:opacity .3s ease-in;}
.registrazione .step1 .box-fb .fb-connect:hover{opacity:.8; filter: alpha(opacity = 80);}

.registrazione .oppure{position:relative; float:left; height:60px; border-left:1px solid #ccc;}
.registrazione .oppure span{position:absolute; left:-28px; top:15px; display:block; height:26px; line-height:20px; background:#f5f5f5; color:#999; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:18px;}

.registrazione .step1 .box-mail{float:right; width:40%;}
.registrazione .step1 .box-mail label{display:block; margin:0 0 5px; color:#555; line-height:18px;}
.registrazione .step1 .box-mail .text-mail{float:left; display:block; width:180px; padding:6px 10px; margin:0 10px 10px 0; border:1px solid #ccc; color:#333; font-size:14px;
border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.registrazione .step1 .box-mail p.info-privacy{clear:both;}
.registrazione .step1 .box-mail .text-mail:focus{border-color:#aaa; color:#333;}
.registrazione .step1 .box-mail .procedi{padding:0 10px;}
.registrazione .step1 .box-mail .alert{clear:both; margin:10px 0 0;}
.registrazione .step1 .box-mail .alert span{float:left; display:block; width:24px; height:24px; margin:0 5px 0 0; background:url("/public/images/sprites.png") no-repeat -150px -720px;}
.registrazione .step1 .box-mail .alert p{overflow:auto; font-size:12px; color:#e30031;}
.registrazione small.nb{clear:both; display:block; margin:15px 0 40px; color:#666; font-size:12px;}

.registrazione .step1bis{padding:0 0 40px;}
.registrazione .step1bis p{margin:0 0 10px;}
.registrazione .step1bis p a{text-decoration:underline;}
.registrazione .step1bis p a:hover{text-decoration:none;}

.registrazione .form-reg .riga{padding:10px 0; font-size:14px; color:#333;}
.registrazione .form-reg .riga .voce{float:left; width:150px; height:30px; line-height:30px; margin:0 20px 0 0; text-align:right; color:#333;}
.registrazione .form-reg .riga.conosciuto .voce{line-height:14px; font-size:13px;}
.registrazione .form-reg .riga .mail{height:30px; line-height:30px;}
.registrazione .form-reg .riga .text,
.registrazione .form-reg .riga select{float:left; display:block; width:200px; height:28px; padding:0 10px; margin:0 10px 0 0; border:1px solid #ccc; color:#666; font-size:14px;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.registrazione .form-reg .riga .text:focus{border-color:#999; color:#333; box-shadow:0 1px 3px #eee inset;}
.registrazione .form-reg .riga .note{font-size:12px; line-height:30px;}
.registrazione .form-reg .registra-pass{padding:0 0 20px 167px; margin:0 0 20px; border-bottom:1px dashed #ddd;}
.registrazione .form-reg .registra-pass label{display:block; margin:0 0 10px;}
.registrazione .form-reg .registra-pass small{display:block; clear:both; font-size:12px; color:#666;}
.registrazione .form-reg .riga select{width:222px; padding:0 0 0 10px;}

.registrazione .form-reg .riga .eula{float:left; width: calc(100% - 170px);}
.registrazione .form-reg .riga .eula p{display:block; margin:5px 10px 10px 0;}
.registrazione .form-reg .riga .eula p a{text-decoration:underline;}
.registrazione .form-reg .riga .eula p a:hover{text-decoration:none;}
.registrazione .form-reg .riga .eula label.campo{font-size:13px; margin-right: 10px;}
.registrazione .form-reg .riga .eula label.campo input{margin:0 5px 0 0;}
.registrazione .form-reg .riga .eula label.campo span{max-width: 500px; display: inline-table;}
.registrazione .form-reg .riga.trattamento{padding-bottom:20px; border-bottom:1px dashed #ddd;}
.registrazione .form-reg .riga.trattamento .eula label.campo{line-height:35px;}
.registrazione .form-reg .riga.trattamento label.campo span{line-height:1.5;}
.registrazione .form-reg .invia{height:34px; margin:20px 0 40px 167px;}
.registrazione .form-reg .dopo{position:relative; top:-2px; margin:0 0 0 10px;}

.registrazione .dati-visibili{padding:5px 0 5px 167px; margin:10px 0 20px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
.registrazione .dati-visibili label{display:block; margin:10px 0; color:#333;}

/* Botta e risposta */
.registrazione .botta-risposta{padding-bottom:20px; border-bottom:1px dashed #ddd;}
.registrazione .botta-risposta h2{font-size:20px; margin:0 0 10px 167px;}
.registrazione .botta-risposta .br-wrapper{position:relative; width:522px; margin:0 0 20px 167px;}
.registrazione .botta-risposta .br-wrapper label{display:block; margin:0 0 5px; color:#555; font-size:18px; font-family: 'Titillium Web',Arial,sans-serif; font-weight:600;}
.registrazione .botta-risposta .br-wrapper label span{color:#e30031;}
.registrazione .botta-risposta .br-wrapper textarea{display:block; width:500px; height:50px; padding:10px; border:1px solid #ccc; color:#666;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.registrazione .botta-risposta small{display:block; clear:both; margin:0 0 0 167px; font-size:12px; color:#666;}
.registrazione .botta-risposta nav a{position:absolute; bottom:0; margin-top:-44px; display:block; width:45px; height:72px; background-color:#ccc; background-color:rgba(0,0,0,.3); background-image:url("/public/images/sprites.png"); text-indent:-9999px; cursor:pointer;
-webkit-transition:background .2s ease-in; -moz-transition:background .2s ease-in; transition:background .2s ease-in;}
.registrazione .botta-risposta nav .prev{left:-55px; background-position:0 -346px;}
.registrazione .botta-risposta nav .next{right:-55px; background-position:-45px -346px;}
.registrazione .botta-risposta nav .prev:hover,
.registrazione .botta-risposta nav .next:hover{background-color:#000;}

/* Alert */
.registrazione .form-reg .riga .ico { display: none; }
.registrazione .form-reg .riga.alert{background:#ffe9e9;}
.registrazione .form-reg .riga.alert .voce{color:#9e0b0f;}
.registrazione .form-reg .riga.alert .ico,
.registrazione .box-alert span{float:left; display:block; width:24px; height:24px; margin:3px 5px 0 0; background:url("/public/images/sprites.png") no-repeat -150px -720px;}
.registrazione .form-reg .riga.alert .text{border-color:#9e0b0f;}

.registrazione .box-alert{background:#ffe9e9; padding:15px; margin:20px 20px 0; border:1px solid #f7c9c9;}
.registrazione .box-alert span{margin-top:0;}
.registrazione .box-alert p{overflow:auto; color:#9e0b0f; font-size:13px; line-height:21px;}

/* Ok */
.registrazione .ok{padding:0 3% 10px; margin:0 0 10px; border-bottom:1px solid #ddd;}
.registrazione .ok span{float:left; display:block; width:24px; height:24px; margin:0 5px 0 0; background:url("/public/images/sprites.png") no-repeat -200px -720px;}
.registrazione .ok p{overflow:auto; color:#197B30; font-size:13px; line-height:20px; margin:0 0 10px;}


@media screen and (max-width:767px){
    .registrazione .form-reg .riga .eula p{width:auto;}
    .butt-con {display:block; width:100%;}
   .registrazione .form-reg .riga .eula label.campo span{max-width: 230px;}
}

/* Opzioni - Cancellazione */
.cancellazione{margin:-15px 0 0;}
.cancellazione .title{font-size:16px; color:#333;}
.cancellazione ul li{overflow:hidden; display:block; padding:10px 0; border-bottom:1px dashed #d3d3d3;}
.cancellazione ul li p{float:left; display:block; width:710px; color:#999; font-size:12px; line-height:18px;}
.cancellazione ul li .conferma p { width: 650px; }
.cancellazione ul li p strong{color:#333;}
.cancellazione ul li .buttons { margin:0 0 0 60px;float:left; display:block; }
.cancellazione ul li.last{border:none; padding-bottom:0;}
.cancellazione ul li.last p{width:100%; margin:0 0 10px;}
.cancellazione-newsletter-wrap { margin-bottom: 40px; }