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

body
{
background-color:#FFFFFF;
font-family: 'EB Garamond', serif;
font-weight:normal;
color:#000000;
-webkit-font-smoothing: antialiased;
}

.focus
{
max-width:990px;
position:relative;
z-index:1;
}

.col3-5,.col2-5
{
padding-left:20px;
padding-right:20px;
box-sizing:border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float:left;
}

.col3-5
{
width:60%;
}

.col2-5
{
width:40%;
}

#header .focus
{
max-width:1280px;
}

#header
{
height:108px;
position:fixed;
z-index:20;
left:0px;
top:0px;
width:100%;
background-color:#FFFFFF;
}

#menu {
    padding-top: 25px;
    width: 80%;
    float: right;
}

#menu_visore,#logo_bayer
{
position:absolute;
z-index:3;
}

#menu_visore
{
top:30px;
left:0px;
cursor:pointer;
}

#logo_bayer
{
top:73px;
right:0px;
}

#menu ul
{

}

#menu ul li
{
display:inline-block;
}

#menu ul li a
{
font-size:17px;
line-height:64px;
letter-spacing:0px;
cursor:pointer;
display:inline-block;
background-position:center center;
background-repeat:no-repeat;
min-width:100px;
margin-left:10px;
margin-right:10px;
font-weight: 900;

}

#menu ul li a#menu_premi,#menu ul li a.menu_premi
{
margin-left:0px;
margin-right:0px;
}

.selectkit-search
{
opacity:0;
}
#menu ul li a.sel, #menu ul li a:hover
{
    color: #17749c;
}

#slideshow {
    position: relative;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
    margin-top: -35px;
}

#slideshow  img {
    width: 100%;
}
#slideshow .slide {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    height: 100%;
}


.testoParagrafo
{
    width: 60%;
    margin: auto;
}

.testoParagrafo p
{
    font-size: 18px;
    color: black;
    text-align: left;
    line-height: 30px;
}
p
{
    text-align: left;
    font-size: 18px;
    color: black;
    line-height: 30px;
}
.alpitur
{
    margin-top: 40px;
}
#clients h2
{
    font-size: 30px;
    text-align: center;
    color: #17749c;
    line-height: 35px;
    font-weight: bold;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    width: 70%;
}
.top
{
    margin-top: 80px;
}

#weDo .col2 p
{
    margin-top: 50px;
}

.titolone 
{
    margin: auto;
    width: 80%;

}

.titolone h2
{
    font-size: 48px;
    text-align: center;
    color: #17749c;
    font-weight: bold;
    margin-bottom: 80px;
}

#storie .titolone h2
{
    margin-bottom: 0px;
}


#storie .testoParagrafo p, #footer .testoParagrafo p {
    margin-top: 30px;
}
#footer .testoParagrafo p
{
        text-align: center;
    font-size: 18px;
    color: black;
    line-height: 30px;
}
#footer a
{
        text-align: center;
    font-size: 18px;
    color: black;
    line-height: 30px;
    margin-top: 30px;
    display: block;
}

#footer a:hover
{
    color: #17749c; 
}
#storie .immg
{   
        margin-top: 80px;
        margin-bottom: 80px;
}
.left {
    margin-left: 0px;
    margin-bottom: 50px;
}
.separator
{
    width: 200px;
    height: 7px;
    margin: auto;
    background-color: #17749c;
    margin-top: 80px;
}

#page
{
top:116px;
}

#visore
{
width:100%;
height:500px;
background-size:cover;
background-position:center center;
background-image:url("../img/visore.jpg");
border-bottom:8px solid #ffffff;
}

#visore.farmacie
{
height:292px;
background-image:url("../img/visore_farmacie.jpg");
}

#visore p
{
font-size:40px;
line-height:46px;
margin-top: -10px;
color:#ffed00;
text-shadow: -2px 4px 40px rgba(0, 0, 0, 1);
}

#visore .note
{
position:absolute;
z-index:2;
bottom:25px;
left:0px;
width:100%;
text-align:center;
font-size:15px;
line-height:22px;
text-shadow: -2px 4px 40px rgba(0, 0, 0, 1);
}

#richiedi_premio
{
position:relative;
z-index:1;
}

#weDo,#richiedi_premio, #contatti, #bio
{
padding-top:80px;
padding-bottom:80px;
background-repeat:repeat;
background-position:center;
}

#clients
{
    padding-bottom:80px;
background-repeat:repeat;
background-position:center;
}

#storie
{
    padding-bottom:80px;
background-repeat:repeat;
background-position:center;
}
#storie img
{
    width: 100%;
}

#strutture
{
padding-top:50px;
min-height:400px;
}

#cerca_centri_aderenti
{
margin-top:30px;
}

#premi
{
background-color:#ffffff;

}


#come_partecipare .col3-5,#premi .col3-5
{
margin-top:20px;
}

#premi .col2-5
{
float:right;
}

#myform
{
margin-top:20px;
}
#myform label
{
display:block;
margin-bottom:2px;
margin-top:10px;
font-size:24px;
line-height:40px;
text-align:left;
margin-left:19px;
}

#myform label.label_premio
{
line-height:30px;
margin-top:50px;
}

.label_check
{
float:left;
line-height:60px;
margin-right:50px;
font-size: 24px;
margin-left: 10px;
}

.label_check.small
{
float:none;
line-height:25px;
text-align:left;
font-size:18px;
display: inline-block;
margin-top: 8px;
margin-left:0px;
}

#myform label.centrale
{
text-align:center;
}

.button
{
cursor:pointer;
height:60px;
line-height:60px;
width:278px;
text-align:center;
display:inline-block;
margin-top:40px;
background-color:#f4f4f4;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-transform:uppercase;
font-size:25px;
-webkit-box-shadow: inset 0px 5px 0px 0px rgba(255, 255, 255, 1),0px 5px 0px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    inset 0px 5px 0px 0px rgba(255, 255, 255, 1),0px 5px 0px 0px rgba(0, 0, 0, 0.1);
box-shadow:         inset 0px 5px 0px 0px rgba(255, 255, 255, 1),0px 5px 0px 0px rgba(0, 0, 0, 0.1);
}

.button:hover
{
background-color:#FFFFFF;
}

.button2
{
cursor:pointer;
height:60px;
line-height:60px;
text-align:center;
display:inline-block;
font-weight:900;
color:#FFFFFF;
background-color:#000000;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;

font-size:18px;
}

.button2:hover
{
color:#000000;
background-color:#FFFFFF;
}

#wrapper_cerca
{
width:10%;
display:inline-block;
position:relative;
z-index:1;
}

#wrapper_cerca .ajax_loading
{
position:absolute;
z-index:3;
width:100%;
height:100%;
top:0px;
left:0px;
background-repeat:no-repeat;
background-color:rgba(255,255,255,0.9);
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-position:center center;
background-image:url("../img/ajax-loader.gif");
}

#wrapper_cerca #cerca_centri
{
position:relative;
z-index:2;
width:100%;
}

#risultati_ricerca
{
padding-top:50px;
}

#risultati_ricerca h3
{
text-align:left;
margin-left:30px;
margin-right:30px;
}

#centri
{
background-color:#FFFFFF;
padding-top:50px;
padding-left:50px;
padding-right:50px;
margin-top:30px;
text-align:left;
}

#centri .centro
{
display:none;
opacity:0;
margin-bottom:50px;
}

#centri .centro h4
{
font-size: 26px;
line-height: 30px;
margin-bottom: 10px;
}

#centri .centro p
{
font-size:20px;
line-height:30px;
color:#838383;
}

#more_results.button2
{
margin-top:50px;
font-size:25px;
padding-left:30px;
padding-right:30px;
display:none;
}

.check_area
{
margin-bottom:50px;
}
.check_area .custom-radio,.check_area .custom-checkbox
{
float:left;
}

.check_area::after
{
content:" ";
clear:both;
display:table;
}

.textbox
{
width:100%;
box-sizing:border-box;
padding-left:30px;
padding-right:30px;
background-color:#FFFFFF;
font-size:25px;
line-height:36px;
font-family:'museo_sans_rounded700';
color:#000000;
height:60px;
padding-top:12px;
padding-bottom:12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
outline:0px;
border:0px;
text-align:left;
}

.custom-radio,.custom-checkbox
{
width:60px;
height:60px;
text-align:center;
display:inline-block;
margin-right:10px;
background-color:#FFFFFF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}

.custom-radio.checked::after,.custom-checkbox.checked::after
{
display:block;
content:" ";
width:31px;
height:31px;
background-color:#000000;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-left:auto;
margin-right:auto;
margin-top:15px;
}

#strutture p
{
font-size:25px;
line-height:40px;
max-width:600px;
margin-left:auto;
margin-right:auto;
}

#scelta_centri::after
{
clear:both;
content:"";
display:table;
}

.selectkit
{
box-sizing: border-box;
background-color: #FFFFFF;
height:60px;

-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}


.selectkit.selectkit-open
{
-webkit-border-radius: 30px 30px 0px 0px;
-moz-border-radius: 30px 30px 0px 0px;
border-radius: 30px 30px 0px 0px;
}

.selectkit-display
{
font-size: 22px;
line-height: 36px;
font-family: 'museo_sans_rounded700';
color: #000000;
text-align: left;
padding-top: 12px;
padding-bottom: 0px;
margin-left: 30px;
margin-right: 30px;
}

.selectkit.selectkit-open .selectkit-display
{
border-bottom:3px solid #CCCCCC;
}

#strutture .focus
{
z-index:2;
}

#scelta_centri .selectkit,#scelta_centri .textbox,#scelta_centri select
{
float:left;
margin-right:2%;
width:28% !important;
}

#scelta_centri .textbox
{
font-size: 22px;
}

#scelta_centri .textbox[placeholder] {
      color: #000000;
	opacity:1;
    }

#scelta_centri .textbox::-webkit-input-placeholder {
    color:    #000000;
opacity:1;
}
#scelta_centri .textbox:-moz-placeholder {
    color:    #000000;
opacity:1;
}
#scelta_centri .textbox::-moz-placeholder {
    color:    #000000;
opacity:1;
}
#scelta_centri .textbox:-ms-input-placeholder {
    color:    #000000;
opacity:1;
}

#footer
{

padding-bottom:80px;
font-weight: bold;
}


#footer ul li
{
text-align:left;
margin-bottom:15px;

}



#logo_bayer_footer
{
float:right;
}

#overlay,#overlay3
{
position:absolute;
z-index:10;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000000;
opacity:0.6;
}

#popup
{
position:absolute;
}

#overlay,#popup
{
display:none;
}

#popup3
{
position:absolute;
margin-top:-200px;
}

#popup,#popup3
{
text-align: center;
z-index:11;
top:50%;
left:50%;
width:768px;
padding:30px;
box-sizing:border-box;
margin-left:-384px;
background-color:#ffed00;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

#close_popup
{
display:block;
float:right;
width:64px;
height:64px;
background-color:#FFFFFF;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border:4px solid #000000;
cursor:pointer;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../img/app/close_popup.png");
margin-top: -50px;
margin-right: -50px;
}

#title_popup,#title_popup2
{
text-transform:uppercase;
font-size:30px;
line-height:40px;
font-family:'museo_sans_rounded900';
text-shadow: 0px 0px 0 #fff, -3px -3px 0 #fff, 3px -3px 0 #fff, -3px 3px 0 #fff, 3px 3px 0 #fff;
padding-top:20px;
padding-bottom:30px;
width: 70%;
margin-left:auto;
margin-right:auto;
    position: relative;
    z-index: 3;
}

#contenuto_popup,#contenuto_popup2
{
font-size:25px;
line-height:30px;
padding-bottom:20px;
width: 70%;
margin-left:auto;
margin-right:auto;
position: relative;
    z-index: 2;
}

#contenuto_popup span
{
display:block;
margin-top:15px;
margin-bottom:10px;
}

#titolo_fumetto
{
margin-top:-150px;
}
.errore
{
background-color:#ff0000 !important;
color:#FFFFFF !important;
}