body {
background:#FDFBFD; 
font-family: "Candara", "Calisto MT",  "Times New Roman", Georgia, serif;  
max-width: 1020px;
padding:4px;
margin: 10px auto;
}

/* Header styles */

#header {
clear:both;
width:96%;
}

.barra { 
color:#414a4c;
font-family: "Calisto MT", Times New Roman,Georgia, serif;
font-size: 2.980rem;
font-weight: bold;
color:#222222;
text-align: left;
font-weight: bold;
margin: 10px;
border-bottom: solid 1px;
border-color:#595959;
}

 #pod {
width:96%;
margin-top:0.04rem;
margin-bottom:1rem;
} 


.micro2 {
font-family:"Arial", "Times New Roman", "Georgia", serif;
color:#2f4f4f;  
font-size:1.20rem;
font-weight:normal;
text-align:left;
text-decoration: none!important;
margin-top:0.50rem; 
margin-bottom:0.10rem;
} 

.micro2 a:link, a:visited {
font-family:"Arial", "Times New Roman", "Georgia", serif;
color: #2f4f4f;  
font-size: 1.20rem;
color: #2f4f4f;  
font-weight: normal;
text-decoration: none!important;
transition: ease 2.5s;
text-decoration:underline 2px dotted; 
color:#837A7A; 
}

.micro2 a:hover {
font-family:"Arial", "Times New Roman", "Georgia", serif;
color: #2f4f4f;  
margin-bottom:1rem;
font-size: 1.20rem;
font-weight: normal;
border-bottom: 2px dotted;
transition: ease 2.5s;
transition: ease 2.5s;}


.micro {
font-family:"Calisto MT", "Times New Roman", "Georgia", serif;
color:#2f4f4f;  
font-size:1.20rem;
font-weight:normal;
text-align:left;
text-decoration: none!important;
margin-top:0.50rem; 
margin-bottom:0.10rem;
} 

.micro a:link, a:visited {
font-family: "Calisto MT", "Times New Roman", "Georgia", serif;
color: #2f4f4f;  
font-size: 1.20rem;
color: #2f4f4f;  
font-weight: normal;
text-decoration: none!important;
transition: ease 2.5s;
text-decoration:underline 2px dotted; 
color:#837A7A; 
}

.micro a:hover {
font-family: "Calisto MT", Calisto MT,  Times New Roman, Georgia, serif;
color: #2f4f4f;  
margin-bottom:1rem;
font-size: 1.20rem;
font-weight: normal;
border-bottom: 2px dotted;
transition: ease 2.5s;
transition: ease 2.5s;}

#right .arrow {
font-size: 1.06em;	
color:#000000;
margin-top:1.40rem;
margin-right: auto;
margin-left:auto;
text-align:center; 
}

#right .arrow  a:link, a:visited {
font-size: 1.06em;
color:#000000;
text-align:center;
text-decoration: none!important;
font-weight:normal;
}


#right .arrow a:hover {
font-size: 1.06em;
color: #ec5800;
text-align:center;
text-decoration: none!important;
font-weight:normal;
transition: all 2s, height 2s;
transition-timing-function: ease;
}

.nota  {
text-align:center;
font-weight:normal;
text-decoration: none; 
}

.nota a:link, a:visited {
font-weight:normal;
text-align:center;
text-decoration: none; 
border-bottom: 1px dotted;
}

.nota a:hover {
font-weight:normal;
text-align:center;
text-decoration: none; 
 border-bottom: 2px dotted;
}

#frasi   {
width:70%;
float:left;
margin-top: 1.90rem;
margin-bottom:1.30rem;
} 

#frasi .quote  {
width:84%;
font-family: "Candara", Calisto MT,  Times New Roman, Georgia, serif;
color: #212121;  
font-size: 0.98rem;
font-weight: normal;
text-align:left;
text-decoration:none; 
} 


#container {display:flex; 
flex-shrink: 0; /* shrinks to 0 to apply 70% width*/
flex-basis: 100%; /* sets initial width to 70% */}

#left {
width: 40%;
font-weight:normal;
margin-right:4.60rem;
margin-top:0.60rem;
margin-right:4rem;
margin-bottom: 3.70rem;
}

#laura{
margin-right:auto;
margin-left:auto;
margin-top:0.50rem;
margin-bottom:0.50rem;
} 

.logo {
text-align:center;  
margin-right:auto;
margin-left:auto;
}

#left a:link, a:visited {
font-family: 'Calisto MT', Times New Roman, Georgia, serif;
font-size: 1.20rem;
color:#434739;
font-weight: normal;
margin-top: 0.60rem;
margin-bottom: 0.60rem;
float:left;
text-decoration:none; 
}
   
   
#left a:hover {
font-family: "Candara", "Calisto MT",  "Times New Roman", “Georgia”, serif;  
color:#222222;
font-size: 1.20rem;
font-weight: normal;
margin-top: 0.60rem;
margin-bottom: 0.60rem;
float:left;
border-top:solid 1px;
border-color:#595959;
}

#left p {
margin-top:0.10rem;
text-align:left;
}

h1 { 
font-family: "Candara", "Calisto MT",  "Times New Roman", “Georgia”, serif;   
font-size: 2.75rem;
font-weight: normal;
margin-top: 1.72rem;
margin-bottom: 0.20rem;
color:#222222;
text-align:right;
 }

h2 { 
font-family: "Calisto MT", Times New Roman,Georgia, serif;
font-size: 2.4em; 
font-weight: bold;
color:#222222;
margin-bottom: 0.5em;
text-align: center;
 }

h3 { 
font-family: "Calisto MT", Times New Roman,Georgia, serif;
font-size: 1.75rem;
font-style: italic;
font-weight: normal;
margin-top: 1.10rem;
color: #2f4f4f;  
text-align:center;
}
 
h4 {
font-family: “Garamond serif”, "Times New Roman", “Georgia”, serif;  
font-size:1.760rem; 
text-align:center;
font-style: italic;
color:#222222;
text-justify: inter-word;
font-weight: normal;
margin-top: 0.6rem;
margin-bottom: 0.6rem;
} 

h5 {
font-family:'Calisto MT', Times New Roman, Georgia, serif;
font-size: 1.260rem;
text-align:center;
color:#2f4f4f;  
text-justify: inter-word;
font-weight: normal;
margin-top:0.02rem;
margin-bottom:0.02rem;
}  
 
h6 {
font-family:'Calisto MT', "Times New Roman", “Georgia”, serif;  
font-size: 1.350rem;
text-align:center;
color:#2f4f4f;  
text-justify:inter-word;
font-weight:bold;
margin-top:0.6rem;
margin-bottom:0.6rem;
margin-left:auto;  
margin-right:auto;
}  

h7 {
font-family: “Garamond serif”,"Times New Roman", “Georgia”, serif;  
font-size: 1.080rem;
color: #2f4f4f;  
text-align:center;
margin-top:2.80rem;
}  

#right .middle { 
display: block;
text-align:center;
}

.logo {
text-align:center;  
margin-bottom:0.02rem;
}

.pc {
margin-top: 3.70rem;
margin-bottom: 0.60rem;
}

hr {
width:70%;
border-bottom: 1px solid #c0c0c0;
}

#right .sub {
font-family: “Garamond serif”, "Times New Roman", “Georgia”, serif; 
color: #222222;  
font-size: 1.10rem;
display: block;
margin-top:1.50rem;
text-align:center;
}

#right .sub2 {
font-family: "Candara", "Calisto MT",  "Times New Roman", “Georgia”, serif; 
color: #595959; 
font-size: 1.40rem;
display: block;
margin-top: 0.10rem;
text-align:center;
}

#right .sub2 a:link, a:visited {
font-family: "Candara", "Calisto MT",  "Times New Roman", “Georgia”, serif; 
color: #595959; 
font-size: 1.40rem;
display: block;
margin-top: 0.10rem;
text-align:center;
text-decoration:underline 2px dotted; 
color:#595959;
}

#right .sub2 a:hover {
font-family: "Candara", "Calisto MT",  "Times New Roman", “Georgia”, serif; 
color: #000000;  
font-size: 1.40rem;
display: block;
margin-top: 0.10rem;
text-decoration:none;
text-align:center;
text-decoration:overline 2px dotted; 
color:#222222;
}

.pc {
margin-top: 0.70rem;
margin-left: auto;  
margin-right: auto;
margin-bottom: 1.70rem;
}


#carousel { 
width:80%;
margin-right:auto;
margin-left:auto;
margin-bottom: 0.90rem;
}

#carousel p {
font-family: "Candara", "Calisto MT",  "Times New Roman", “Georgia”, serif;  
width:70%;
font-size:1.16rem;
margin-left:auto;
margin-right:auto;
text-align:justify;
margin-bottom:0.2rem;
}

#carousel p  a:link, a:visited {
font-family: "Candara", "Calisto MT",  "Times New Roman", “Georgia”, serif;  
font-size:1.20rem;
color: #2f4f4f;  
text-align:center;
text-decoration:none; 
margin-top:1.20rem;
}

#carousel p  a:hover {
font-family: "Candara", "Calisto MT",  "Times New Roman", “Georgia”, serif;  
font-size:1.20rem;
color: #222222;  
text-align:center;
text-decoration:none; 
margin-top:1.20rem;
}

i {
font-style: italic;
}

#quote {
width:70%;
font-family:"Calisto MT",  "Times New Roman", “Georgia”, serif; 
font-size: 1.16rem;
color:#434739;
font-weight: normal;
margin-top: 1.5rem;
text-align:justify;
}
 
.ombrac {
box-shadow: 1px 4px 8px #888888;
margin-left:auto; 
margin-right:auto; 
max-width:100%; 
margin-top: 0.10rem;
margin-bottom: 0.10rem;
height:auto;
display:block;
}

.circular-square  {
margin-left:auto; 
margin-right:auto;
max-width:100%; 
height:auto;
display:block; 
box-shadow: 1px 4px 8px #888888;
border-top-left-radius:50% 50%;
border-top-right-radius:50% 50%;
border-bottom-right-radius:50% 50%;
border-bottom-left-radius:50% 50%
}

.circular-square2  {
margin-left:auto; 
margin-right:auto;
max-width:100%; 
height:auto;
display:block; 
box-shadow: 1px 4px 8px #888888;
border-top-left-radius:50% 50%;
border-top-right-radius:50% 50%;
border-bottom-right-radius:50% 50%;
border-bottom-left-radius:50% 50%
}

.ancora {
font-family:"Calisto MT",  "Times New Roman", “Georgia”, serif; 
font-size: 1.06rem;
color:#434739;
font-weight: bold;
text-decoration:none; 
margin-bottom:1.40rem;
margin-right:auto;
margin-left:auto;
transition:all 1.5s;
}
   
.ancora a:link, a:visited {
font-family:"Calisto MT",  "Times New Roman", “Georgia”, serif; 
font-size: 1.06rem;
color:#434739;
font-weight: bold;
text-decoration:none; 
margin-top: 1.40rem;
margin-right: auto;
margin-left: auto;
transition: all 1.5s;
}
   
.ancora a:hover {
font-family:"Calisto MT",  "Times New Roman", “Georgia”, serif; 
color:#222222;
font-size: 1.06rem;
font-weight:bold;
margin-top: 1.40rem;
margin-right:auto;
margin-left:auto;
margin-bottom:1.60rem;
transition: all 1.5s; 
}

#right {
width:56%;
float: right;
margin-left:1em;  
margin-right:1.20rem;  
}

#right .title { 
font-family:"Calisto MT",  "Times New Roman", “Georgia”, serif; 
font-size: 2.76rem;
font-weight: normal;
margin-top: 0.02rem;
margin-bottom: 0.02rem;
color:#222222;
margin-right:auto;
margin-left:auto;
font-style: normal;
text-align:center;
}
  
#right .sottot  {  
font-family:"Calisto MT",  "Times New Roman", “Georgia”, serif; 
font-size: 1.58rem;
font-style: italic;
color:#282b22;
margin-right:auto;
margin-left:auto;
text-align:center;
margin-top: 0.36rem;
margin-bottom: 0.80rem;
}

#right .ante  {  
font-family:"Candara",  "Times New Roman", “Georgia”, serif; 
font-size: 1.40rem;
color:#282b22;
margin-right:auto;
margin-left:auto;
text-align:center;
margin-top: 0.36rem;
margin-bottom: 0.80rem;
}

#right p {
width: 90%;
max-width: 550px;
font-family:"Candara",  "Times New Roman", “Georgia”, serif; 
font-size:1.350rem;  
text-align: justify;
text-justify: inter-word;
text-indent: 0;
line-height: 1.4;
margin-top: 0.40rem;
margin-bottom: 0.40rem;
margin-right:auto;
margin-left:auto;
}  

#right .image {
width: 90%;
text-indent: 0;
margin-top: 1.40rem;
margin-bottom: 1.40rem;
}  

#right .verso  {
width:86%; 
font-family:"Calisto MT",  "Times New Roman", “Georgia”, serif; 
font-size:1.450rem;   
color: #282b22;
font-style: italic;
font-weight: normal;
margin-top: 0.60rem;
margin-bottom: 0.60rem;
margin-right:auto;
margin-left:auto;
text-align: center;text-align: center;
line-height: 1.4;
}

#right .caption {
font-size: 0.875rem;
font-style: italic;
display: block;
margin-top: 0.30rem;
margin-bottom: 0.10rem;
text-align: center;
}

#right .dida {
font-size: 0.988rem;
font-style: italic;
display: block;
margin-bottom: 0.10rem;
text-align:center;
}

#right .trad {
font-family: "Candara", "Calisto MT",  "Times New Roman", Georgia, serif;  
font-size: 1.080rem;
color: #2f4f4f;  
font-style: italic;
margin-top: 1.90rem;
margin-bottom: 0.10rem;
transition:all 1.5s; 
text-align: left;
}

#right .caption2 {
font-family:"Candara",  "Times New Roman", “Georgia”, serif;  
font-size: 1.080rem;
color: #2f4f4f;  
font-style: italic;
margin-top: 1.80rem;
margin-bottom: 0.10rem;
transition:all 1.5s; 
text-align: right;
}

.caption2  a:link, a:visited {
font-family: “Calisto MT”, “Times New Roman”, “Georgia”, serif;
font-size: 1.080rem;
color: #2f4f4f;  
font-style: italic;
text-decoration:none;
margin-top: 0.30rem;
margin-bottom: 0.10rem;
transition:all 1.5s; 
text-align: right;
}

.caption2  a:hover {
font-family: “Calisto MT”, “Times New Roman”, “Georgia”, serif;
font-size: 1.080rem;
color: #000000; 
font-style: italic;
text-decoration:none;
margin-top: 0.30rem;
margin-bottom: 0.10rem;
border-bottom:2px dotted; 
border-color: #222222;  
transition:all 1.5s; 
text-align: right;
}

.title { 
font-family:"Candara",  "Times New Roman", “Georgia”, serif; 
font-size: 2.75rem;
font-weight: normal;
margin-top: 1.72rem;
margin-bottom: 0.20rem;
color:#222222;
text-align:right;
}

.title2 { 
font-family:"Candara",  "Times New Roman", “Georgia”, serif;  
font-size: 1.60rem;
font-weight: normal;
margin-bottom: 0.10rem;
color:#222222;
margin-left: auto;  
margin-right: auto; 
font-style: normal;
 }
  
#right .down {
font-family: “Calisto MT”,“Times New Roman”, “Georgia”, serif;
color: #222222; 
font-size: 1.04em;
text-align: center;
margin-left: auto;  
margin-right: auto;
transition: ease 1.5s;
}

#right .down a:link, a:visited {
font-family: "Candara", "Calisto MT", "Times New Roman", Georgia, serif;  
font-size: 1.04em;
color: #222222; 
text-decoration:none;
text-align: center;
transition: ease 1.5s;
}

#right .down a:hover{
font-family: “Calisto MT”, “Times New Roman”, “Georgia”, serif;
font-size: 1.08em;
color: #4b0082;
text-align: center;
border-top: 2px dotted; 
border-color:#595959;
transition: all 1.5s;
}

/* mail */

 
.center {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
width:150px;
  background: white;
  border-radius: 10px;
  box-shadow: 10px 10px 15px rgba(0,0,0,0.05);
}
.center h1{
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid silver;
}
.center form{
  padding: 0 40px;
  box-sizing: border-box;
}

form .txt_field{
  position: relative;
  border-bottom: 2px solid #adadad;
  margin: 30px 0;
  width:90%;

}
.txt_field input{
  padding: 0 5px;
  height: 40px;
  font-size: 16px;
  border: none;
  background: none;
  outline: none;
  width:90%;
}

.txt_field label{
font-family: 'Arial', Times New Roman, Times, serif;
  font-size: 1.16rem;
  color: #B8B8B8;
  position: absolute;
  top: 50%;
  left: 5px;
  width:90%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: .5s;
}

.txt_field span::before{
  content: '';
  position: absolute;
  top: 40px;
  left: 0;
  width: 0%;
  height: 2px;
  color: #909090;
  transition: .5s;
}

.txt_field input:focus ~ label,
.txt_field input:valid ~ label{
  top: -5px;
  color: #D0D0D0;
}

.pass{
  margin: -5px 0 20px 5px;
  color: #a6a6a6;
  cursor: pointer;
}

.pass:hover{
  text-decoration: underline;
}
input[type="submit"]{
  width: 90%;
  height: 50px;
  border: 1px solid;
  border-color: #3377ff;
  background: #660033;

  font-size: 18px;
  color: #ffff80;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}

input[type="submit"]:hover{
  border-color: #2691d9;
  transition: .5s;
}