body, html {
	margin:0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	height:100%;
	width:100%;
	font-size:11px;
	overflow:auto;
        	/*background:linear-gradient(to bottom left,#ccf,#fff,#ccf);*/
	background: url("../img/perg2.jpg");
	background-position:bottom center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

table {
text-align: justify;
}

object {
	position: relative;
	width: 100vw;
	height: 100vh;
	background:#fff;
}

#container{
position:absolute;
width:50vw;
top:6vh;
left:25vw;
height:85vh;
padding:0px;
margin:0px;
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:bottom center;
border-radius: 3vh 3vh 3vh 3vh;
-moz-border-radius:3vh 3vh 3vh 3vh;
webkit-border-radius:3vh 3vh 3vh 3vh;
box-shadow: 0.5vh 0.5vh 0.5vh 0.5vh #555;

 /*nessuna regola necessaria*/ }

h1{
color:#2222ff;
font-size:2.5vh;/*2em*/
}

h2{
color:#5555ff;
font-size:3vh;/*2.5em*/
text-align:center;
font-family:Georgia;
font-style: italic;
}

.tit {
	font-size:4vh;/*2em*/
	font-weight:bolder;
	font-style:italic;
	margin-top:3vh;
	color:#85241e;
}

.h1s {
color:#85241e;
font-size: 4vh;/*2em*/
}

.due a {
color:#85241e;
font-size: 2em;
}

#content {
height:100%;
border:0px solid #ffffff;
border-top:none;
position:aboslute;
overflow:hidden;
width:100%;
}

#header {
position:inherit;
width:50vw;
height:15vh;
/*min-height:150px;*/
border:1px solid #000000;
border-radius: 3vh 3vh 0 0;/*15px 15px 0 0*/
z-index:5;
text-align:center;
background-color:#CDCDCD;
background-image:url(../img/logo_caf_color.png);
background-size:auto 100%;
background-repeat:no-repeat;
background-position:center right;
text-shadow: 2px 2px 3px #85241e;
}


.clr
{
clear:both;
display:block;
line-height:1px;
font-size:1px;
}

#all {

width:997px;
/*min-height:550px;*/
z-index:1;
margin-top:0px;
}

#left {
border-right:1px solid #000000;
border-left:1px solid #000000;
float:left;
top:15vh;
/*margin-top: 160px;*/
margin-left: 0px;
width:16.5vw;/*33%*/
height:62vh;
position:inherit;
z-index:1;
text-align:left;
/*min-height:550px;*/
}

#right {
position:inherit;
border-left:1px solid #000000;
border-right:1px solid #000000;
background:#fff;
width: 33.5vw;/*67%*/
left:16.5vw;/*33%*/
height:62vh;
text-align:left;
z-index:1;
float:right;
top:15vh;
/*min-height:550px;*/
overflow-y:hidden;
overflow-x:hidden;
}

#altro {
	width:100%;
	height:100%;
	margin:0px;
	overflow:hidden;
}

.titd {
	font-size:3em;
	font-weight:bold;
	font-style:italic;
	font-family:verdana;
	background-color:#fff;
	position:relative;
	top:2%;
	width:75%;
	left:25%;
}

.cont {
	width:100%;
	color: #85241e;
}

.unob {
	width:25%;/*25%*/
	vertical-align:middle;
}
.unob img {
	width:100%;
	border: none;
	float: right;
	vertical-align:middle;
}

.dueb {
	width:25vw;/*50%*/
	font-size:3vh;/*1.5em*/
	padding:1%;/*1%*/
	text-align:center;
	vertical-align:middle;
}

.lineac {
	height: 30vh;
}
.dueb a {
	font-size:3vh;/*0.8em*/
	color:#85241e;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
}

.treb {
	width:25%;
	vertical-align:middle;
}

.treb img {
	width:100%;
	border: none;
	float: left;
	vertical-align:middle;
}

#mapp {
	position:inherit;
	top:10%;
	width:90vw; /*90%*/
	height:80vh; /*80%*/
	overflow: hidden;
}

.map2 a {
	font-size:1.2em;
	font-style:italic;
	text-align:left;
}

#mapp img {
	height:90vh;
	width: auto;
	overflow: hidden;
}

/*#slide  {
width:688px;
height:150px;
overflow-y:scroll;
overflow-x:hidden;
scrollbar-arrow-color: #85241e;
scrollbar-3dlight-color: #CED0D2;
scrollbar-darkshadow-color: #85241e;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #CED0D2;
scrollbar-track-color: #FFFFFF;
}*/

.foto {
top:15px;
left:-30px;
width:620px;
height:68px;
position:relative;
}


#footer{
position:inherit;
float:right;
bottom:0px;
width:50vw;
height:8vh;
/*min-height:8vh;*/
color:#000;
z-index:4;
text-align:center;
border:1px solid #000000;
border-radius:0 0 3vh 3vh;
font-size:1vh;
}

#footer a {
font-size:1.2vh;
font-style: italic;
}

#menu {
position:relative;
width:98%;
height:50%;
}

.uno {
position:relative;
height:6vh;/*50px*/
width:13.2vw;/*80%*/
font-size:2.8vh;/*1.5em*/
vertical-align:middle;
text-align:right;
font-weight:bold;
color:#f00;
text-decoration: none;
font-style:italic;
border-bottom:1px solid #ddf;
padding-right:0.6vw;/*20px*/
}

.unosel {
background-image: linear-gradient(90deg, rgba(205,205,205,0), rgba(205,205,205,1));
position:relative;
height:6vh;/*50px*/
width:13.2vw;/*80%*/
font-size:2.8vh;/*1.8em*/
vertical-align:middle;
text-align:right;
font-weight:bold;
text-decoration: none;
font-style:italic;
border-bottom:1px solid #ddf;
padding-right:0.6vw;/*20px*/
}

.due {
width:20%;
}

#indi {
position:relative;
width:90vw;/*90%*/
margin-top:7vh;/*20%*/
margin-left: 5vw;/*5%*/
padding-top:3vh;/*10%*/
padding-bottom:3vh;/*10%*/
border:1px solid #85241e;
}

.zero {
font-size:3vh;/*1.2em*/
text-align:center;
vertical-align:middle;
color:#000;
font-style:italic;
line-height:4vh;/*2em*/
}

.men {
font-weight:bold;
color:#85241e;
text-decoration: none;
font-style:italic;
}

a {
text-decoration: none;
}

/*a:link{ color: #85241e; text-decoration:none; font-weight:normal;}
a:visited { color: #85241e; text-decoration:none; font-weight:normal}
a:hover{ color: #85241e;
text-decoration:underline;
font-weight:normal}
a:active { color: #85241e;
text-decoration:underline;
font-weight:normal}

a.grigio:link{ color: #333333; text-decoration:none; font-weight:normal;}
a.grigio:visited { color: #333333; text-decoration:none; font-weight:normal}
a.grigio:hover{ color: #333333;
text-decoration:underline;
font-weight:normal}
a.grigio:active { color: #333333;
text-decoration:underline;
font-weight:normal}*/






<!-- stili font -->

.menu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 17px;
	line-height:15px;
	color: #FFFFFF;
	font-stretch: ultra-condensed;
	font-stretch:extra-condensed;
	font-weight:100;
	text-align:left;
	padding-left:24px;
}

.sottomenu {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height:19px;
	color: #FFFFFF;
	font-stretch: ultra-condensed;
	font-stretch:extra-condensed;
	font-weight:100;
	text-align:left;
	padding-left:34px;
}

a.menu:link{ color: #ffffff; text-decoration:none; font-weight:bolder;}
a.menu:visited { color: #ffffff; text-decoration:none; font-weight:bolder}
a.menu:hover{ color: #3b459c; text-decoration:underline; font-weight:bolder}
a.menu:active { color: #3b459c; text-decoration:underline; font-weight:bolder}

a.codice:link{ color: #3b459c; text-decoration:none; font-weight:normal;}
a.codice:visited { color: #3b459c; text-decoration:none; font-weight:normal}
a.codice:hover{ color: #ef250d; text-decoration:underline; font-weight:normal}
a.codice:active { color: #ef250d; text-decoration:underline; font-weight:normal}



.tabella {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #3b459c;
	font-stretch: ultra-condensed;
	font-weight:bold;
	text-align:left;
	margin-left:10px;
	padding-left:10px;
}

#count {
	position:absolute;
	bottom:0;
	right:10%;
	width:2%;
	height:3%;
}

#bacheca {
	position:absolute;
	top:11vh;/*100px*/
	left:77vw;/*77%*/
	width:21vw;/*22%*/
	height:70vh;/*70%*/
	border:3px ridge #cdcdcd;
	background:linear-gradient(to bottom right,#ccc,#fff,#ccc);
	box-shadow: 2px 2px 2px 2px #777777 inset;
        text-align: center;
        text-shadow: 2px 2px 3px #555;
	font-family:Georgia, Times New Roman, Times, serif;
}

#dhl {
	position:relative;
	top: 10.5vh;/*15%*/
	left: 5vw;/*25%*/
	width: 11vw;/*50%*/
	font-size: 1em;
	height: 5vw;
	background-color: #ffff00;
	/*background-image:url("../img/dhllog.jpg");*/
	background-size: 100% 100%;
	background-position: center center;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	box-shadow: 1vh 1vh 1vh 0.5vh #555555;/*10px 5px*/
}

#dhl a	{
	font-size: 1.5em;
}

@-webkit-keyframes 'pulse' {
from {
-webkit-transform: scale(1.0) rotate(0deg);
}
33% {
-webkit-transform: scale(1.3) rotate(-5deg);
}
67% {
-webkit-transform: scale(1.3) rotate(5deg);
}
to {
-webkit-transform: scale(1.0) rotate(0deg);
}
}

.dhl {
	width:100%;
	height:100%;
}

#cgn {
	position:relative;
	top: 21vh;/*30%*/
	left: 5vw;/*25%*/
	width: 11vw;/*50%*/
	background-color:rgba(0, 0, 0, 0.5);
}

.cgn {
	width:100%;
	height:100%;
}
#social {
	position:relative;
	left:10%;
	top:5%;
	width:12%;
	padding:1%;
	border-top:3px ridge #cdcdcd/*09F*/;
	border-left:3px ridge #cdcdcd/*09F*/;
	border-right:3px ridge #cdcdcd/*09F*/;
	border-bottom:3px ridge #cdcdcd/*09F*/;
	background-color:#fff;
	box-shadow: 2px 2px 2px 2px #777777 inset;
}

#social:active, #social:hover {
	position:relative;
	left:10%;
	top:5%;
	width:12%;
	padding:1%;
	border-top:3px ridge #cdcdcd;
	border-left:3px ridge #cdcdcd;
	border-right:3px ridge #cdcdcd;
	border-bottom:3px ridge #cdcdcd;
	background-color:#ddf;
	box-shadow: 2px 2px 2px 2px #777777 inset;
}

#social img, #social2 img, #social3 img, #social4 img {
	width:100%;
	height;100%;
}

#news {
	position:absolute;
	top:11vh;/*100px*/
	left:1.5vw;/*2%*/
	width:20vw;/*20%*/
	height:70vh;/*70%*/
	display:block;
	overflow:hidden;
	text-align:right;
	padding-left:0.8vw;/*20px*/
	padding-right:0.8vw;/*20%*/
	border:3px ridge #cdcdcd;
	background:linear-gradient(to bottom right,#ccc,#fff,#ccc);
	box-shadow: 2px 2px 2px 2px #777777 inset;/*2px*/
}

object#news2 {
	width:20vw;/*100%*/
	height:150vh;/*150%*/
	margin:0px;
}

#new {
	position:relative;
	top: 10vh;
	left: 5vh;
	width: 35vh;
	padding-top: 3vh;
	padding-bottom: 3vh;
	/*background-color: #88ffff;*/
	border: 4px solid #ff8888;
	font-size:2vh;
}

.over {
	position:absolute;
	top: 7vh;/*75px*/
	left: 1.8vw;/*2%*/
	width:20vw;/*20%*/
	height:2.2vh;/*2em*/
	color:#000055;
	text-align:right;
	font-size:2.2vh;/*2em*/
	font-style:italic;
	font-weight:bold;
	z-index:1;
}

.marquee {
	height:3vh;/*30px*/
	width: 70vw;
	overflow: hidden;
	position: absolute;
	left:15vw;/*15%*/
	top:10px;
	background-image: linear-gradient(90deg, rgba(225,225,225,0), rgba(225,225,225,1), rgba(225,225,225,0));
}

.marquee div {
	display: block;
	width:200vw;
	height: 30px;
	position: absolute;
	overflow: hidden;
	animation: marquee 40s linear infinite;
	font-size:1.8vh;/*1.5em*/
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#0000ff;
	text-shadow: 1px 1px 3px #555;
}


@keyframes marquee {
	0% { left: 80%;}
	25% { color: red;}
	50% { color: blue;}
	75% { color: red;}
	100% { left:-220%;}
}

.marquee div::first-letter {
	text-transform:uppercase;
	font-style:italic;
	font-weight: bold;
	font-size:1.2em;
}

.hp {
	font-size:3.6vh;/*1.8em*/
	text-decoration:none;
	font-style: italic;
	font-family: Helvetica, Arial, Verdana;
	padding:2%;
	hyphens: auto;
	text-align: justify;
	overflow-y:auto;
	overflow-x:hidden;
	color:#85241e;
}

.lili {
	width:50px;
	height:50px;
}

.duno {
	width:60vw;/*70%*/
}

.ddue {
	width:25vw;/*30%*/
	text-align:center;
}

.tuno {
	font-style:italic;
	text-decoration:underline;
	text-align:center;
	padding-bottom: 2%;
}

.pdft {
	padding-left: 5vw;/*5%*/
	font-size: 3vh;/*1.8em*/
}

.alt {
	background-color: #fb9b8f;
}

.nuovo {
	margin-right: 2.5vw;/*3%*/
	font-size:2.7vh;/*1.2em*/
	font-style:italic;
	text-align:justify;
	hyphens: auto;
	color:#63020c;
}

.nuovo2 {
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	font-size:1.8vh;
	font-style:italic;
	text-align:justify;
	hyphens: auto;
	color:#63020c;
}

.ntit {
	font-size:1.7em;
	font-style: italic;
	color: #63020c;
	font-weight: bold;
}

.tabsiz {
	position: relative;
	left: 25vw;
	width: 50vw;
	border: 1px solid #63020c;
	box-shadow: 1vh 1vh 1vh 1vh #c9ac6f;
}

.tabtit {
	font-size: 2vh;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	color:#63020c;
	border: 1px solid #41000a;
}

.tabite {
	font-size: 1.8vh;
	color:#63020c;
	border: 1px solid #41000a;
	text-align: left;
}