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

@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic&subset=latin,cyrillic);

  
body { font-size:18px; margin:0px;}

img { border:0px;}

#quadro { border:1px solid #000; width:280px; font-family: 'PT Serif', sans-serif; font-size:22px; background-color:#FFF; color:#FFF; text-align:center;}

#centro { width:977px; margin:0px auto; font-family: 'PT Serif', sans-serif;}
#sonetto {
	width: 480px;
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 40px;
	margin-bottom: 0px;
	margin-left: 385px;
	margin-right: auto;
	margin-top: 0px;
}

.italico { font-family: 'PT Serif', sans-serif; font-style:italic;}

/* Layout tablet: da 481 px a 768 px. Eredita stili da: Layout mobile. */
@media only screen and (min-width: 481px) {
	#struct { margin:0px 0px 0px -150px; width:100%; }
	#splashcol1 { float:left; width:32%; padding:146px 0px 0px 201px;}
	#splashcol2 { float:left; width:50%; padding:380px 0px 0px 70px; font-family: 'PT Serif', sans-serif; font-size:22px; color:#000;}
	#quadro {
	border: 1px solid #000;
	width: 190px;
	font-family: 'PT Serif', sans-serif;
	font-size: 17px;
	background-color: #FFF;
	color: #FFF;
	text-align: center;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 9px;
	padding-top: 6px;
}
	#quadro img {
	/*width: 100%;*/
}
	.testoriquadro {line-height:14pt; font-weight:bold;}
}

/* Layout desktop: da 769 px a 1232 px max.  Eredita stili da: Layout mobile e Layout tablet. */

/* ipad verticale */

@media only screen and (max-width: 768px) and (orientation:portrait) {
	#struct { margin:0px 0px 0px -150px; width:100%; }
	#splashcol1 { float:left; width:32%; padding:146px 0px 0px 201px;}
	#splashcol2 { float:left; width:40%; padding:380px 0px 0px 50px; font-family: 'PT Serif', sans-serif; font-size:16px; color:#000;}
#quadro {
	border: 1px solid #000;
	width: 280px;
	font-family: 'PT Serif', sans-serif;
	font-size: 17px;
	background-color: #FFF;
	color: #FFF;
	text-align: center;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 8px;
	padding-top: 6px;
}
	.testoriquadro {line-height:14pt; font-weight:bold;}
	.titoletto {float:left; width:420px; height:58px; line-height:26.5px; font-style:italic; font-weight:bold;}
	.contenitore1 { z-index:30; position:absolute; width:900px;}
	.linguatesto {
	padding-bottom: 30px;
	padding-left: 180px;
	padding-right: 0px;
	padding-top: 30px;
}
}

/* ipad orizzontale */

@media only screen and (max-width: 1024px) and (orientation:landscape) {
	#struct { margin:0px; width:100%; }
	#splashcol1 { float:left; width:30%; padding:146px 0px 0px 201px; }
	#splashcol2 { float:left; width:40%; padding:380px 0px 0px 70px; font-family: 'PT Serif', sans-serif; font-size:20px; color:#000;}
#quadro {
	border: 1px solid #000;
	width: 280px;
	font-family: 'PT Serif', sans-serif;
	font-size: 17px;
	background-color: #FFF;
	color: #FFF;
	text-align: center;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 8px;
	padding-top: 6px;
}
	.testoriquadro {line-height:14pt; font-weight:bold;}
	.titoletto {float:left; width:420px; height:58px; line-height:26.5px; font-style:italic; font-weight:bold;}
	.contenitore1 { z-index:30; position:absolute; width:90%;}
	.linguatesto { padding:30px 0px 30px 160px; }
}

/* Layout desktop: da 769 px a 1232 px max.  Eredita stili da: Layout mobile e Layout tablet. */
@media only screen and (min-width: 1100px) {
	#struct { width:1200px; margin:0px auto; }
	#splashcol1 { float:left; width:280px; padding:146px 0px 0px 201px; font-size:18px; }
	#splashcol2 { float:left; width:45%; padding:380px 0px 0px 70px; font-family: 'PT Serif', sans-serif; font-size:20px; color:#000;}
	#quadro { border:1px solid #000; width:280px; font-family: 'PT Serif', sans-serif; font-size:17px; background-color:#FFF; color:#FFF; text-align:center;}
	.testoriquadro {
	line-height: 14pt;
	font-weight: bold;
	width: 280px;
}
	.titoletto {float:left; width:450px; height:58px; line-height:26.5px; font-style:italic; font-weight:bold;}
	.titolo {float:left; width:450px; height:40px; line-height:26.5px; font-weight:bold;}
	.contenitore1 { z-index:30; position:absolute; width:100%;}
	.linguatesto { padding:30px 0px 30px 60px;}
}

.grey { color:#666666;}
.orange { color:#eb5620;}
ul { margin:0px; padding:0px 0px 0px 18px;}

.orange a, orange a:visited { color:#eb5620; text-decoration:none;}
.orange a:hover, orange a:visited:hover { color:#900; text-decoration:none;}

.attivita_titolo { font-size:12px; font-weight:bold;}
.attivita_sottotitolo { font-size:12px; font-weight:bold;}
.attivita { margin:0px 0px 10px 0px;}