@charset "UTF-8";
@import url("../fonts/stylesheet.css");

body
{
	    font-family: 'baskervillenormal';
        margin: 0px;
        padding:0px;
        background-color: #fff;
}


#mappa
{
	width:1024px;
	height:576px;;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

.frammenti
{
	display:none;
}

#frammenti
{
	display:block;
}

.testo_frammenti
{
	color:white;
	position:absolute;
	display:none;
	font-size:20px !important;
}
#inverno
{
	color:#000;;
	font-size: 18px;
	position:absolute;
	left:20px;
	top: 10px;
	width:97%;
}

#tutti
{
	color:white;
	font-size: 18px;
	
	position:absolute;
	right:10px;
	bottom:6px;
}
#tutti a
{
	color:#000;
	text-decoration:none;
}
#tutti a:hover
{
	text-decoration:underline;
}
.testo_frammenti a
{
	color:#000;
	text-decoration:none;
	font-size:20px !important;
}

#testo_frammenti_1
{
	left: 50px;
	top: 80px;
	font-size:20px !important;
}

#testo_frammenti_2
{
	left: 380px;
	top: 80px;
	font-size:20px !important;
}

#testo_frammenti_3
{
	left: 775px;
	top: 80px;
	font-size:20px !important;
}

#testo_frammenti_4
{
	left: 730px;
	top: 440px;
	font-size:20px !important;
}

#testo_frammenti_5
{
	
	left: 100px;
	top: 380px;
	font-size:20px !important;

}

#lingue
{
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 1024px;
	text-align: center;
	z-index:999;
}

#tutti a
{
    text-decoration: none;
}

#lingue img 
{
	width:20px;
	margin-left:10px;
}

#scritta, #intro, #apparizione_frammenti
{
	position:absolute;
	left:0px;
	top:0px;
	/*padding-top:100px;*/
	width:1024px;
	height:476px;
	background-color:#fff;
	z-index:9999999;
	color:#000;
	text-align:center;
	font-size: 30px;
}
#scritta
{
	text-transform:uppercase;
	font-size: 30px;
	line-height: 45px;
	letter-spacing: 2.3px;
}
#apparizione_frammenti
{
	padding-top:0px;
	height:576px;
	background-color:transparent;
	z-index:999999999;
}

#mappa
{
    overflow: hidden;
}

#intro, #intro_image
{
    overflow: hidden;
}

#popup
{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    height:350px;
   /* border:2px solid white;*/
    z-index:9999999999999999999;
    /*-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;*/
    font-size: 15px;
    color:white;
    /*padding:3px;*/
    /*display: none;*/
	overflow:scroll;
	background:#fff;
	color:#000;
}

#popup_head
{
    height: 16px;
    
}
#popup_head img
{
    float: right;
    
    cursor: pointer;
}

#popup label
{
    margin-top:10px;
    display: block;
    text-transform: uppercase;
}

#popup input[type='text']
{
    width: 200px;
}

#popup .submit_button
{
    float:right;
    margin-top:15px;
    margin-right: 2%;
    font-family: 'baskervillenormal';
    font-size: 15px;
    text-transform: uppercase;
    border:1px solid white;
    background-color: black;
    color: white;
    cursor:pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    outline: none;
}

#popup .submit_button:hover
{
    border:1px solid lightblue;
    color:lightblue;
}

#popup .errore
{
    color:coral;
    font-size: 12px;
}

#popup .error_text
{
    display: none;
}

#popup .sovrapposto
{
    width: 100%;
    height: 350px;
    display: none;
    position: absolute;
    top:0px;
    left:0px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
}

#invio_in_corso
{
    background-color: black;
    opacity: 0.8;
  
}

#text_invio_in_corso
{
    text-align: center;
    margin-top: 170px;
    height: 180px!important;
}

#email_inviata
{
     background-color: white;
	padding-top: 20px;
	padding-left: 1%;
	width: 99%!important;
	height: 330px!important;
}