@charset "utf-8";
/* CSS Document */
.cl-r { clear:right;}
.cl-l { clear:left;}
.cl-b { clear:both;}

a { color:#666666; text-decoration:none;}
a:hover { color:#000000; text-decoration:underline;}
a img { border:0px;}

h1,h2,h3 { padding:0; margin:0;}

body { background-color:#fff; margin:0; padding:0;font-family: 'Open Sans', sans-serif; }
#header { background-color:#201a1a; width:100%; height:95px; padding:0; background-image:url(../images/banner.jpg); }
.cont { max-width: 63.125em; margin:auto;}
#logo { width:18.75em; float:left; padding:10px 0; }
#nav { width:28.125em; text-align:right; float:right; padding:25px 5px 20px 0; }
.lang  { width:6.75em; float:right; padding:35px 0; text-align:right; color:#ccc; }
.lang a {font-size:12px; color:#ccc;}
#nav a { display:inline-block; margin:12px 25px; color:rgba(255,215,0,0.4); text-decoration:none; font-size:0.875em; border-bottom:1px solid rgba(255,215,0,0.0); border-top:1px solid rgba(255,215,0,0.0); }
#nav a:hover { display:inline-block; margin:12px 25px; color:rgba(255,215,0,1.0); text-decoration:none; border-top:1px solid rgba(255,215,0,1.0); border-bottom:1px solid rgba(255,215,0,1.0);  }

#banner { width:100%; min-height:21.875em;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-repeat:no-repeat; background-position:center center; padding-bottom:30px;}

.banner5 { background-image:url(../../public/slides/1.jpg);}
.banner6 { background-image:url(../../public/slides/2.jpg);}
.banner7 { background-image:url(../../public/slides/7.jpg);}
.banner8 { background-image:url(../../public/slides/8.jpg); }
.banner9 { background-image:url(../../public/slides/9.jpg); }
.banner10 { background-image:url(../../public/slides/10.jpg); }
.banner11 { background-image:url(../../public/slides/11.jpg); }


#banner h1 {color:#fff; margin-right:30px; padding:3px 20px; border:1px solid #fff; font-weight:300; display:inline-block; margin-top:30px; float:right; }
.description { float:right; max-width:20em; float:right; padding-right:30px; padding-top:30px; text-align:right; color:#fff; }
.description a  { color:#fff;}
.description a:hover { color:#fff; text-decoration:underline;}

#gallery { width:100%; background-color:#FFFFFF; margin:4px 0 0 0; }

#footer { background-color:#111111; clear:left; text-align:center; padding:40px 30px;}
#social { float:left; min-width:12em; color:rgba(255,215,0,0.8); text-align:left;}
#contact { float:right; min-width:49em; color:rgba(255,215,0,0.8); text-align:right}
#contact span {font-size: 0.775em;color:rgba(255,255,255,0.8); }

.profile-top { background-image:url(../../public/slides/profilo.jpg); background-size:cover; height:400px;}
.contact-top { background-image:url(../../public/slides/contatti.jpg); background-size:cover; height:300px;}

.textpage { padding:40px 0;}