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

body
{
/*background-color:#fefcf6;*/
background-color: white;
font-family: 'optimaregular';
font-weight:400;
color:#502b1f;
}

h2 {
    font-size: 30px;
    line-height: 34px;
    text-transform: uppercase;
font-family: 'optimabold';
color: #8c734b;
}
.focus {
    max-width: 1200px;
    position: relative;
    z-index: 1;
}
#menu {    
    text-align: center;
    display: block;
    position: relative;
    padding-top:50px;
}
#menu ul li
{
display:inline-block;
margin-left:20px;
}
#menu ul li a {
	font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    color: #583623;
	text-transform:uppercase;
    border-bottom: 2px solid #fff;
}
#menu ul li a:hover  ,#menu ul li a.sel 
{
color: #583623;
border-bottom: 2px solid #ab926c;
}

#come_partecipare,#richiedi_premio,#strutture,#premi
{
padding-top: 60px;
}

#strutture
{
padding-top: 60px;
padding-bottom: 60px;
background-image: url(../img/cioco.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
#strutture .custom-select-container
{
    background-color: white;

}
#come_partecipare
{
    background-color: #fef8e7;
}
#premi
{
    background-color: #fef8e7;
}
#richiedi_premio,#strutture {
    position: relative;
    z-index: 1;
}

.uploadFoto
{
height:auto;
margin-bottom:30px;
}

.caricaImgMobile
{
position:relative;
z-index:1;
}

.box_foto a {
line-height: 30px;
display:inline-block;
font-size:20px;
}

.loading_file
{
height:32px;
}
 .left
 {
    text-align: left;
 }
 .right
 {
    text-align: right;
 }
#richiedi_premio .left p
{
    text-align: left;
    font-family: helvetica, sans-serif;
    font-style: italic;
    font-size: 14px;
}
#richiedi_premio .right p
{
    text-align: right;
    font-family: helvetica, sans-serif;
    font-style: italic;
    font-size: 14px;
}
.button {
    cursor: pointer;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: helvetica, sans-serif;
    text-transform: uppercase;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    max-width: 100%;
    color: #fff !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b59461+0,a37f45+100 */
background: #b59461; /* Old browsers */
background: -moz-linear-gradient(left, #b59461 0%, #a37f45 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #b59461 0%,#a37f45 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b59461 0%,#a37f45 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b59461', endColorstr='#a37f45',GradientType=1 ); /* IE6-9 */
    min-width: 240px;
}
.button:hover {
    background-color: #c9a158;
    color:#fff;
	
}

.box_foto
{
width:auto;
display:inline-block;
}

.submit,#cerca_centri {
    margin-top: 30px;
}


.textbox {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding-left: 20px;
    font-family: 'optimaregular';
    padding-right: 20px;
    background-color: #efefef;
    font-size: 20px;
    line-height: 30px;
    color: #502b1f;
    height: 60px;
    outline: 0px;
    border: none;
    /* -webkit-border-radius: 10px; */
    /*-moz-border-radius: 10px;*/
    /* border-radius: 10px; */
    text-align: left;
    margin-bottom: 30px;
    /* text-transform: uppercase; */
}

.custom-select-container {
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: left;
    background-image: url(../img/select.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: transparent;
    border: 1px solid #8c734b;
    /* -webkit-border-radius: 10px; */
    /*-moz-border-radius: 10px;*/
    /* border-radius: 10px; */
    font-family: helvetica, sans-serif;
    font-weight: lighter;
    line-height: 60px;
}
.custom-select-container.focus
{
width:100% !important;
padding-left:0px !important;
padding-right:0px !important;
}

.custom-select-container.errore
{
background-image: url(../img/select_error.png) !important;
background-repeat: no-repeat !important;
    background-position: 95% 50% !important;
}

.custom-select {
    line-height: 56px;
    margin-left: 20px;
    color: #502b1f;
    display: block;
    font-size: 18px;
    padding-right: 15%;
    text-transform:uppercase;
}

select
{
font-size:20px;
line-height:30px;
color:#502b1f;
max-width: 100%;
text-transform:uppercase;
font-family: 'optimaregular';

}

input[placeholder], [placeholder], *[placeholder] {
    opacity: 1;
    color: #000;
    font-family: Helvetica, sans;
    font-weight: lighter;
}

::-webkit-input-placeholder { 
    opacity:  1;
    color: #000;
    font-family: Helvetica, sans;
    font-weight: lighter;
}
:-moz-placeholder { 
   opacity:  1;
    color: #000;
    font-family: Helvetica, sans;
    font-weight: lighter;
}
::-moz-placeholder { 
  opacity:  1;
    color: #000;
    font-family: Helvetica, sans;
    font-weight: lighter;
}
:-ms-input-placeholder { 
   opacity:  1;
    color: #000;
    font-family: Helvetica, sans;
    font-weight: lighter;
}

input.errore[placeholder],
    .errore_input[placeholder],
    *.errore_input[placeholder] {
      color: #ffffff !important;
	opacity:  1;
    }

.errore::-webkit-input-placeholder { 
    color:    #ffffff !important;
	opacity:  1;
}
.errore:-moz-placeholder { 
   color:    #ffffff !important;
   opacity:  1;
}
.errore::-moz-placeholder {
   color:    #ffffff !important;
   opacity:  1;
}
.errore:-ms-input-placeholder {
   color:    #ffffff !important;
	opacity:  1;
}

.checkPrivacy {
    display: table;
    margin-bottom: 30px;
    width:100%;
}
.custom-radio, .custom-checkbox {
    width: 60px;
    height: 60px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    /*border: 2px solid #c9a158;*/
/*		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
background-color: #efefef;
}

.custom-radio.checked::after,.custom-checkbox.checked::after
{
display:block;
content:"";
width:100%;
height:100%;
background-image: url(../img/check.png);
background-repeat: no-repeat;
background-position: center;
}

label.label_check {
    display: table-cell;
    vertical-align: middle;
    line-height: 30px;
    font-size: 20px;
    padding-left: 20px;
    text-align: left;
    font-family: Helvetica, sans-serif;
}

label.label_check a
{
text-decoration:underline;
}





#footer {
    padding-top: 60px;
    background-color: #fef8e7;  
}


.secondoFooter 
{
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: white;
    -webkit-box-shadow: 0px 1px 40px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 1px 40px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 1px 40px 0px rgba(50, 50, 50, 0.1);      
}

#footer p {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
	margin-bottom:50px;
}

#footer p a
{
text-decoration:underline;
}



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

#popup
{
position:absolute;
}

#overlay,#popup
{
display:none;
}

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

#popup,#popup3
{
/*	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;*/
text-align: center;
z-index:11;
top:50%;
left:50%;
width:500px;
padding:30px;
margin-left:-280px;
background: #fff;
}

#close_popup
{
cursor: pointer;
width: 32px;
height: 34px;
min-width: 0px;
padding: 0px 0px 0px 0px;
text-align: center;
position: absolute;
z-index:2;
right: 15px;
top: 15px;
background-repeat: no-repeat;
background-position: center center;
background-image: url("../img/app/close_popup_big.png");
}

#title_popup,#title_popup2
{
text-transform:uppercase;
font-size:40px;
line-height:44px;
font-family: 'optimabold';
color:#8c734b;
padding-top:20px;
width: 88%;
margin-left:auto;
margin-right:auto;
    position: relative;
    z-index: 3;
}

#contenuto_popup,#contenuto_popup2
{
font-size:25px;
line-height:35px;
padding-top:30px;
padding-bottom:20px;
text-transform:none;
margin-left:auto;
margin-right:auto;
position: relative;
    z-index: 2;
max-width:500px;
}




.errore
{
background-color:#ff4d4d !important;
background:#ff4d4d !important;
color:#FFFFFF !important;
}

.errore .custom-select
{
color:#FFFFFF !important;
}



#risultati_ricerca
{

position:relative;
z-index:1;
height:0px;
overflow:hidden;
}

#risultati_ricerca h3 {
    display:block;
    text-align: center;
    color: #8c734b;
	font-size:40px;
	line-height:45px;
	font-family: 'optimabold';
	text-transform:uppercase;
}


.centro,.infowindow {
    font-size: 25px;
    line-height: 35px;
	text-align:left;
	color:#542213;
}

.centro
{
margin-top:40px;
word-wrap: break-word;
}

.infowindow
{
padding:10px;
font-weight:400;
font-family: 'optimaregular';
}

.centro strong,.infowindow strong
{
font-family: 'optimabold';
display:block;
padding-bottom:5px;
font-weight:400;
text-transform:uppercase;
}


#map
{
height:480px;
background-image:url("../img/ajax-loader.gif");
background-repeat:no-repeat;
background-position:center center;
margin-top:50px;
margin-bottom:50px;
}

p b
{
font-weight:400;
color:#542213;
font-family:'optimabold';
}

#come_partecipare h2,#richiedi_premio h2,#strutture h2
{
margin-bottom:45px;
}

#come_partecipare p,#richiedi_premio p
{
font-size:20px;
line-height:30px;
margin-top:30px;
}

#come_partecipare p
{
max-width:650px;
margin-left:auto;
margin-right:auto;
}

#come_partecipare p a:hover,#premi a:hover,label.label_check a:hover,.centro a:hover,.box_foto a:hover,.infowindow a:hover
{
color:#8e5442;
}

#premi, #richiedi_premio {
    padding-bottom: 90px;
}
#premi p
{
    font-family: helvetica, sans;
    font-weight: lighter;
font-size:19px;
line-height:25px;
margin-top:20px;
margin-bottom:10px;
padding-left: 10px;
padding-right: 10px;
}

#premi .row
{
margin-left:-10px;
margin-right:-10px;
}

#premi .col4
{
margin-top:60px;
padding-left:10px;
padding-right:10px;
}

#premi .title_premio
{
height:75px;
margin-top:25px;
}

#premi h3
{
width:100%;
text-transform:uppercase;
font-family:'optimabold';
font-size:20px;
line-height:25px;
color:#8e5442;
}

#premi h3 span
{
display:block;
font-size:15px;
font-family:'optimaregular';
line-height:20px;
margin-top:5px;
}

#premi a {
    text-decoration: underline;
    text-transform: uppercase;
    color: #000;
    font-size: 17px;
    font-weight: lighter;
    line-height: 25px;
    display: inline-block;
    font-family: helvetica, sans;
    letter-spacing: 1px;
}

#myform {
    margin-top: 5px;
}

#myform .note
{
margin-bottom:30px;
font-size:13px;
line-height:16px;
font-family:'optimabold';
}

.uploadFoto .button
{
width:100%;
background-color:#c9a158;
}

.uploadFoto .button:hover
{
background-color:#502b1f;
}

#goToTop
{
width:52px;
height:30px;
background-color: #502b1f;
font-size:10px;
background-size:20px;
line-height:11px;
background-image:url("../img/up.png");
padding-top:22px;
background-position:50% 8px;
background-repeat:no-repeat;
color:#fff;
position:fixed;
bottom:2%;
text-transform:uppercase;
right:2%;
z-index:20;
margin:0;
text-align:center;

	-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity:0;
}

#goToTop:hover
{
background-color: #c9a158;
}

#goToTop.scroll
{
cursor:pointer;
opacity:1;
}
#visore {
    background-image: url(../img/sfondo_visore.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 100px;
}
#visore p {
    font-size: 27px;
    text-transform: uppercase;
    line-height: 35px;
    color: #4a251b;
}
#visore h2 {
    color: #8c734b;
    font-size: 78px;
    line-height: 78px;
    margin-bottom: 15px;
}

#visore h2:after
{
    display: block;
	margin-top:5px;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #8c734b;
}
#steps h2
{
        color: #8c734b;
    font-size: 78px;
    line-height: 18px;
    margin-top: 40px;
    margin-bottom: 20px;
}
.premis
{
    margin-top: 40px;
    margin-bottom: 40px;
}
.topMore {
    margin-top: 30px;
}
#premi .sfondus {
    background-color: white;
    padding-bottom: 20px;
}
#footer .secondoFooter a
{
    display: inline-block;
}
#footer .focus
{
    max-width: 800px;
}
#footer .secondoFooter  .focus
{
    max-width: 1200px;
}
.secondoFooter .tabella {
    display: table;
    width: 100%;
}

#strutture p.response
{
margin-top:30px;
color:#fff;
font-size:18px;
line-height:24px;
}

#centri
{
padding-top:6%;
background-color:#fef8e7;
padding-bottom:6%;
border-bottom:1px solid #612407;
}

#social_share .cls-1 
{
fill: #5d2a13;
fill-rule: evenodd;
}

#social_share .fb svg,#social_share .wh svg
{
width:56px;
height:56px;
}

#social_share .tw svg
{
width:63px;
height:51px;
}

#social_share .ml svg
{
width:74px;
height:56px;
}

#social_share h3
{
font-size:19px;
line-height:25px;
padding-top:30px;
}

#social_share a
{
display:inline-block;
margin-left:15px;
margin-right:15px;
margin-top:20px;
}