body{font:300 18px "Ubuntu", verdana, helvetica, arial, sans-serif;margin:0;padding:0;text-align:center;color:#52575c;background:#f8f8f8}

#container{}

#header{width:100%;padding-bottom:0.8em}

#logo{margin:0.4em auto 0.4em}
#logo a{background:url("../img/logo_opline.png") no-repeat center center;background-image: url("../img/logo_opline.svg"), none;display: block;width: 240px;height: 120px;border: 0;color: #00578d;display: inline-block;font-weight:400;margin:auto}
#logo a span{display:none}

/* navigation style */
#menu{height:40px;font:1.2em "Ubuntu", Arial, Helvetica, sans-serif;width:960px;margin:auto;padding:0;position:relative;z-index:100}

#menu li{list-style:none;display:block;float:left;height:40px;position:relative;width:240px}

#menu>li:last-child{border:none}

#menu li a{line-height:35px;text-decoration:none;height:40px;color:#52575c;cursor:pointer}

#menu ul{background:#52575c;padding:0px;border-radius:0px 0px 6px 6px;width:240px;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.35);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.35)}
#menu li:hover{background:#52575c;-webkit-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px}
#menu li:hover a{color:#fff;text-shadow:0px 1px 1px #333}
#menu li:nth-child(2):hover{-webkit-border-radius:6px 6px 0px 0px;border-radius:6px 6px 0px 0px}
#menu li a{display:block}
#menu ul li{border-right:none;border-bottom:1px solid #424547;width:240px;height:40px;text-align:left}
#menu ul li a{border-right:none;color:#6791ad;text-shadow:0px 1px 1px #333;border-bottom:1px solid #424547;padding-left:1em;font-size:0.8em}
#menu ul li:hover, #menu ul li:nth-child(2):hover{background:#64686d;-webkit-border-radius:0 0 0 0;border-radius:0 0 0 0}
#menu ul li:last-child:hover{-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}
#menu ul li:last-child{border-bottom:none}
#menu ul li:last-child a{border-bottom:none}
/* Sub menus */
#menu ul{display:none;visibility:hidden;position:absolute;top:40px}

/* Third-level menus */
#menu ul ul{top:0px;left:240px;display:none;visibility:hidden;-webkit-border-radius:0px 6px 6px 0px;border-radius:0px 6px 6px 0px;-webkit-box-shadow: 2px 0 5px 0 rgba(0,0,0,0.35);box-shadow: 2px 0 5px 0 rgba(0,0,0,0.35)}
#menu ul ul li:hover{-webkit-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px}
#menu ul ul li:first-child:hover{-webkit-border-radius:0px 6px 0px 0px;border-radius:0px 6px 0px 0px}
#menu ul ul li:last-child:hover{-webkit-border-radius:0px 0px 6px 0px;border-radius:0px 0px 6px 0px}

#menu ul li{display:block;visibility:visible}
#menu li:hover > ul{display:block;visibility:visible}

.slicknav_menu{display:none}




#content{width:100%;background:#fff;padding:0.8em 0 1.2em;
-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.35);
box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.35);
-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-khtml-border-top-left-radius:6px;border-top-left-radius:6px;
-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-khtml-border-top-right-radius:6px;border-top-right-radius:6px
}



/*  */

input, textarea, select {font:400 16px "Ubuntu", verdana, helvetica, arial, sans-serif;color: #52575c}

h1, h2, h3, h4, h5, h6{font-weight:400;color: #52575c}
h2 {font-size:2em;line-height:1.25em}
h3 {font-size:1.5em;line-height:1.5em}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:inherit;text-decoration:none}

a{color:#080;text-decoration:none;font-weight:400}
a:hover{color:#010;text-decoration:underline}

b, strong{font-weight:500}

p, ul, ol, dl {margin-bottom: 1.5em;line-height:1.5em}
p:last-child{margin-bottom:0}

.row{width:100%;overflow:auto}
.one-col{display:block;margin:auto;text-align:left}
.two-cols{display:block;margin:auto;text-align:left;overflow:hidden}


article{padding:0.6em 0;display:block}
header{margin-bottom:1em}
header > span {display:block;color:#cc0000;padding:0 0 1em 0;font-size:1.5em;line-height:1.5em}


ul.dot {margin:0 0 0 1em;padding:0}
ul.dot li {list-style-type:none;background:url("../img/dot.png") no-repeat 0.2em 1.2em;background-image: url("../img/dot.svg"), none;padding:0.5em 1em}

form label{display:block}

form input.text, form select, form textarea {
-webkit-appearance: none;font-weight:400;font-size:1em;
display: block;
background: #f3f4f5;
border: solid 1px #d2d7dc;
border-radius: 0.35em;
padding: 0.85em;
margin:0;
width:90%;
-moz-transition: background-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out;
-ms-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
}

form input.text:focus, form select:focus, form textarea:focus {background:#fff}

form textarea {min-height: 7em}

form .formerize-placeholder {color:#555 !important}
form ::-webkit-input-placeholder {color:#555 !important}
form :-moz-placeholder {color:#555 !important}
form ::-moz-placeholder {color:#555 !important}
form :-ms-input-placeholder {color:#555 !important}
form ::-moz-focus-inner {border: 0}

.submit-button {background:#fff;border: solid 1px #c2c7cc;border-radius: 0.35em;padding:0.66em 0 0.75em ;cursor:pointer;font-weight:400;font-size:1em;margin:0}

.submit-button:hover {color: #fff;background:#52575c}

.consenso {border: solid 1px #c2c7cc;border-radius: 0.35em;padding: 0.72em 0 0.72em 1em;font-weight:400;font-size:1em}

.consenso input[type=checkbox]{margin-right:0.4em}

.consenso a {}

input[type=checkbox]{width:15px;height:15px;cursor:pointer;margin:0}

.togglePrivacy{cursor:pointer}
#privacy{margin-top:3em;font-size:0.8em;padding:10px;display:none;
border:3px dashed #c2c7cc;-webkit-border-radius: 12px 12px 12px 12px;
border-radius: 12px 12px 12px 12px}


/* Faq */
#ShowHide{}
#ShowHide .item{border-bottom:1px solid #080;margin-left:2em;padding-bottom:1em}
#ShowHide .item .question{font-size:1.2em;font-weight:400;line-height:1.2em;padding:1em 0 0 1.4em;position:relative;left:-1.4em;display:block;background:url("../img/arrow_faqon.png") no-repeat 0.2em 1.3em;background-image: url("../img/arrow_faqon.svg"), none;border:none;cursor:pointer;color:#080}
#ShowHide .item .attivo{background-image:url("../img/arrow_faq.png");background-image: url("../img/arrow_faq.svg"), none}
#ShowHide .item .answer p{margin:0;padding:1em 0 1em}
#ShowHide .item .noanswer{font-size:1.2em;font-weight:400;line-height:1.2em;padding:1em 0 0 1.4em;position:relative;left:-1.4em;margin:0;color:#080}

.credits{margin-top:3em;font-style:italic;font-size:1em}

/* slideshow HP */
/* slides */
.slideshow {position:relative;margin:-1em 0 1em}
.slideshow a {font-size:.75em;line-height:2em;text-decoration:none;color:#fff;background:#52575c}
.slideshow a:hover, .slideshow .selected a {background-color: rgba(0, 128, 0, 25)}

.carousel {margin:0;padding:0;list-style:none}
.slide {z-index:100;display:block;width:100%;padding:10px 0px;text-align:center}
.slide a {margin:auto;width:99%;height:180px;background-position:center center;background-repeat:no-repeat;background-color:transparent;text-indent:-9999em;display:block;border:none;
-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;-webkit-box-shadow: 0 0 4px 0 rgba(145,145,145,0.75);box-shadow: 0 0 4px 0 rgba(145,145,145,0.75)}
.slide a:hover{background-color:transparent;background-size:auto 30%}
.slide a#amani {background-image:url('../img/banner_hp/amani.png')}
.slide a#eprice {background-image:url('../img/banner_hp/eprice.png')}
.slide a#fai {background-image:url('../img/banner_hp/fai.png')}
.slide a#ibs {background-image:url('../img/banner_hp/ibs.png')}
.slide a#itunescard {background-image:url('../img/banner_hp/itunescard.png')}
.slide a#mediasetpremium {background-image:url('../img/banner_hp/mediasetpremium.png')}
.slide a#postemobile {background-image:url('../img/banner_hp/postemobile.png')}
.slide a#sosvillaggi {background-image:url('../img/banner_hp/sosvillaggi.png')}
.slide a#tim {background-image:url('../img/banner_hp/tim.png')}
.slide a#tre {background-image:url('../img/banner_hp/tre.png')}
.slide a#vodafone {background-image:url('../img/banner_hp/vodafone.png')}
.slide a#wind {background-image:url('../img/banner_hp/wind.png')}

/* skip */
.slides-next, .slides-prev {position:absolute;top:45%;margin-top:-1em;padding:0.8em 0.8em 1em;z-index:120;font-size:1.4em}
.slides-next {right:0;-webkit-border-radius: 8px 0 0 8px;border-radius: 8px 0 0 8px}
.slides-prev {left:0;-webkit-border-radius: 0 8px 8px 0;border-radius: 0 8px 8px 0}
.slides-next.disabled,
.slides-prev.disabled {opacity:.5;cursor:auto}


#fb_iframe{border:none;overflow:hidden;height:65px;width:95%;margin:20px auto 25px;display:block}



.whatsapp_like{text-align:center;margin:3em auto 0}






/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/



#footer {margin:auto;font-size:0.8em;text-align:center;width:100%}
#footer > div {margin:2.4em auto;padding:0}
#footer p{text-align:center;margin:0.4em 0;padding:0}








/*********************************************************************************/
/* Pagina Utente                                                                 */
/*********************************************************************************/

.user	p{margin-bottom: 0.5em}
.user	.evidenziato, .user b, .user strong{font-weight:500;color:#008000}

.response-set{background:#f2f2f2;border:1px solid #e6e6e6;padding:0.2em 0.6em;margin:0 0 1em;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px}

.user form p{padding:0.2em 0 0.2em 1.5em;text-indent:-1.5em}
.user form p.disabled{color: rgba(82, 87, 92, 0.35);}
.user form p.disabled .evidenziato, .user form p.disabled b, .user form p.disabled strong {color: rgba(0, 128, 0, 0.35);}

.user form label{display:inline;cursor:pointer}
.user form p.disabled label{cursor:text}

.user form p input[type=radio]{width:15px;height:15px}

#confirm_box {margin:2em 0}
#confirm_box>span{margin-top:0.4em}

#confirm_box a{border-bottom:none}

.user .submit-button{background:url("http://surveys.opline.it/img/opl/05/arrow_submit-button.png") no-repeat center right #7f0f2d;font:400 1.1em "Ubuntu", Arial, Helvetica, sans-serif;color:#fff;border:none;margin:0 0 0 -20px;padding:12px 64px 12px 20px;cursor:pointer;line-height:20px;
-moz-border-radius-topright:25px;-webkit-border-top-right-radius:25px;-khtml-border-top-right-radius:25px;border-top-right-radius:25px;
-moz-border-radius-bottomright:25px;-webkit-border-bottom-right-radius:25px;-khtml-border-bottom-right-radius:25px;border-bottom-right-radius:25px;
-moz-border-radius-topleft:0px;-webkit-border-top-left-radius:0px;-khtml-border-top-left-radius:0px;border-top-left-radius:0px;
-moz-border-radius-bottomleft:0px;-webkit-border-bottom-left-radius:0px;-khtml-border-bottom-left-radius:0px;border-bottom-left-radius:0px;
}

.user .confirm_prize{font:400 1.1em "Ubuntu", Arial, Helvetica, sans-serif;border:none;margin:10px 0 20px -20px;padding:12px 20px;line-height:20px;}

.user .confirm_yes, .user .confirm_no{border-radius: 0.35em;padding: 0.4em 1em;cursor:pointer;margin:0 0.4em}
/*.user .confirm_yes:hover, .user .confirm_no:hover{color: #f35858;border-color: rgba(243,88,88,0.5)}*/
.user .confirm_yes{background:#7f0f2d;border: solid 1px #7f0f2d;color:#fff}
.user .confirm_no{background:#dbdbdb;border: solid 1px #c2c7cc;color:#52575c}

.sidebar_user{}
.sidebar_user h3{font-size:1.2em;line-height:1.2em;margin:2em auto 0}
.sidebar_user section > div{background:#f2f2f2;border:1px solid #e6e6e6;padding:0.2em 0.6em 1em;-webkit-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;font-size:0.9em;text-align:center}
.sidebar_user	p{margin-bottom: 0.5em;text-align:left}

.sidebar_user .facebook {text-align:center;margin:1em 3em 0;
background: rgb(76,105,186);
background: -moz-linear-gradient(top,  rgba(76,105,186,1) 0%, rgba(59,85,161,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,105,186,1)), color-stop(100%,rgba(59,85,161,1)));
background: -webkit-linear-gradient(top,  rgba(76,105,186,1) 0%,rgba(59,85,161,1) 100%);
background: -o-linear-gradient(top,  rgba(76,105,186,1) 0%,rgba(59,85,161,1) 100%);
background: -ms-linear-gradient(top,  rgba(76,105,186,1) 0%,rgba(59,85,161,1) 100%);
background: linear-gradient(to bottom,  rgba(76,105,186,1) 0%,rgba(59,85,161,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c69ba', endColorstr='#3b55a1',GradientType=0 );
-webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;}
.sidebar_user .facebook:hover{background: rgb(90,122,211);
background: -moz-linear-gradient(top,  rgba(90,122,211,1) 0%, rgba(73,102,179,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,122,211,1)), color-stop(100%,rgba(73,102,179,1)));
background: -webkit-linear-gradient(top,  rgba(90,122,211,1) 0%,rgba(73,102,179,1) 100%);
background: -o-linear-gradient(top,  rgba(90,122,211,1) 0%,rgba(73,102,179,1) 100%);
background: -ms-linear-gradient(top,  rgba(90,122,211,1) 0%,rgba(73,102,179,1) 100%);
background: linear-gradient(to bottom,  rgba(90,122,211,1) 0%,rgba(73,102,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a7ad3', endColorstr='#4966b3',GradientType=0 );
}
.sidebar_user .facebook-name {font-weight:500;color:#008000;display:block;line-height:1em}
.sidebar_user .facebook-screen-name {font-weight:400;}
.sidebar_user .facebook a{display:block;background:url("../img/ico_fb.png") no-repeat 5% 45%;color:#fff;font-style:italic;font-weight:500;text-shadow: 0 -1px 1px rgba(0,0,0,0.3);font-family:helvetica;font-weight:bold;padding:8px}
.sidebar_user .facebook a:hover{text-decoration:none;}

.sidebar_user .twitter {text-align:center;padding-top:0.4em}
.sidebar_user .twitter-name {font-weight:500;color:#008000;display:block;line-height:1em}
.sidebar_user .twitter-screen-name {font-weight:400;}
.sidebar_user .twitter a{border:none;display:block;margin:1em 0.4em}

.sidebar_user .email{
-webkit-appearance: none;font-weight:400;font-size:1em;
display: block;
background: #fff;
border: solid 1px #d2d7dc;
border-radius: 0.35em;
padding: 0.45em;
margin:0 auto;
width:90%;
-moz-transition: background-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out;
-ms-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;}

.sidebar_user .submitUsr{color:#fff;background:#7f0f2d;border: solid 1px #7f0f2d;border-radius: 0.35em;padding: 0.4em;margin:1.4em auto 0;cursor:pointer;width:90%}

.sidebar_user .credits{margin-top:1em;font-style:italic;}


.sidebar_user .riga{overflow:auto;padding:0.6em;margin:0 -0.6em;font-size:0.88em}
.sidebar_user .riga:nth-child(even){background:#e6e6e6}
.sidebar_user .riga:nth-last-child(1){margin-bottom:-1em}
.sidebar_user .riga p{float:left;padding:0;margin:0}
.sidebar_user .riga p:last-child{float:right;font-weight:400;color:#008000}


.alert{padding:1em 0 3em}
.alert b, .alert strong{font-weight:500;color:#dd0000}