@charset "UTF-8";
body {
	font: 14px/1.58em "Trebuchet MS", Geneva, Helvetica, sans-serif;
	background: #242D3C url(images/bkg-blue.png) repeat-x;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #333;
}

/* links styling
*****************************************/
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:hover,a:active{text-decoration:underline;}

a:link, a:visited, a:active {
	color:#318EDA;
}

/* formatting text elements
****************************************/
.h1{margin:0 0 20px;}
ul,ol{margin:0 0 1.5em 0;font-size:1.1em;font-weight:400;padding-left:0;}
ul ul,ol ol,ul ul ul,ol ol ol,ul ul ul ul,ol ol ol ol{margin-bottom:0;}
/* unordered lists */
ul li{list-style:disc;}
ul li li{list-style:circle;}
ul li li li{list-style:square;}
ul.circle li{list-style-type:circle;}
ul.square li{list-style-type:square;}
/* compound lists */
ul.compound{margin:1em 0 2em 0;padding:0;overflow:hidden;}
ul.compound li{list-style:none;border-bottom:1px dashed #ccc;width:48%;float:left;}
ul.compound li.alt{border-left:1px dashed #ccc;padding-left:3%;}
ul.compound li.last{border-bottom:0;}
ul.compound h3{margin:.7em 0 .4em 0;padding:0;}
ul.compound p{font-size:.8em;width:95%;}
/* ordered lists */
ol li{list-style-type:decimal;}
ol li li{list-style:decimal;}
ol li li li{list-style:decimal;}
ol.decimal-leading-zero li{list-style-type:decimal-leading-zero;}
ol.lower-roman li{list-style-type:lower-roman;}
ol.upper-roman li{list-style-type:upper-roman;}
ol.lower-alpha li{list-style-type:lower-alpha;}
ol.upper-alpha li{list-style-type:upper-alpha;}
/* quotes,blockquotes
******************************************************/
blockquote{margin:0 70px 20px 50px;padding:0; background:none;}
blockquote.quote{font: 25px "Trebuchet MS", Geneva, Helvetica, sans-serif; margin:0 100px 10px 0; padding:0 70px; position:relative; font-style:italic;  background:none; z-index: 5;}
.briceopen{width:80px;height:80px; position:absolute;top:0px; left:0px;background:url(images/briceopen.png) no-repeat;z-index: 1;margin-top:-40px;}
.briceclose{background: url("images/briceclose.png") no-repeat scroll 0 0 transparent;height: 80px;margin-top: -50px;position: absolute;right: 0;width: 80px;z-index: 1;}
.quote .cite{border-top:1px dashed #ccc;}
blockquote.box{margin:50px 0;}
blockquote.box .cite{text-align:right;border-top:1px dashed;}
blockquote cite{font-family:georgia;padding-left:20px;text-align:right;float: right;}
blockquote p{font-size:1em!important;margin-bottom:0!important;}
blockquote p.cite{font-size:.7em!important;padding-top:.5em;margin-top:.5em!important;border-top:1px solid;opacity:.8;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:0.9em;}
/* pullquotes */
.pullquote{font:normal 1.5em/1.2em Georgia,"Times New Roman",Times,serif;width:25%;float:left;margin:0 1em 0 0;}
.pqr{float:right;margin:0 0 0 1em;}
.box,blockquote.style1,blockquote.style2,blockquote.style3,blockquote.style4,blockquote.style5{padding:1em;}
.box,blockquote.style1{background:#EDEFF0;color:#777;}
blockquote.style2{background:#999;color:#fff;}
blockquote.style3{background:#577573;color:#fff;}
blockquote.style4{background:#304848;color:#fff;}
blockquote.style5{color:#fff;background:#CA6623;}
.quote-author{background:#e8e8e8;border-top:1px solid #ddd;margin:20px -19px -20px -20px;padding:0.5em 1em;font-size:0.7em;text-align:right;font-weight:bold;}
.quote-author a{color:#666;}
/* dropcap */
.dropcap{color:#888;font:55px/40px Georgia,"Times New Roman",Times,serif;display:block;float:left;padding:4px 8px 0 0;}
q{background:#79BEDA;color:#fff;font-weight:bold;font-style:oblique;padding:.1em .4em;}
div.post .text .dropCap{float:left;font-size:45px;font-variant:small-caps;line-height:40px;padding-right:5px;padding-top:2px;}
/* highlight text*/
.highlight{background:#f2f4f5;color:#444;font-weight:bold;padding:1px 5px;}
.class-name{background:#F9FFD0;padding:2px 5px;border:1px solid #FFDF80;color:#9F5B32;}
.CntAbs{margin-left:auto;margin-right:auto;}
.menu{margin-left:auto;}
.menu td{padding:5px 20px;font-size:18px;}
.RContainer {padding: 50px 100px 50px 50px;text-align: justify;}
.LineBtm{border:solid 1px #ccc;}
.stile3{ font-style:italic;color:#666;}
.stile4{font-size: 18px;padding-top:30px;}
.UlProfilo li{    background-image: url("images/bullerRight.png");background-position: 0 6px;background-repeat: no-repeat;font-size: 15px;list-style-type: none;padding: 5px 0 5px 25px;text-align: justify;}
/* add background and bottom border to links inside paragraphs */
p a:hover{text-decoration:none;border-bottom:1px dotted #ccc;background-color:#E9EDEF;}
p a:link,p a:visited{text-decoration:none;border-bottom:1px dotted #ccc;}

/*formatting elements
*************************************/
.specchia #container {

	width: 90%;  /* crea un contenitore pari all'80% della larghezza del browser */

	background: #FFFFFF;

	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */

	/*border: 1px dotted #FEFEFE;*/

	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	
	min-width:500px;

}

.specchia #header {

	background: url(images/header-bkg.png) repeat-x;

	padding: 0 10px 0 20px;  /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sottostanti. Se in #header viene utilizzata un'immagine anziché un testo, può essere utile rimuovere il padding. */
	
	display:block;

}

.specchia #headertitle {

	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */

	padding: 16px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
	letter-spacing: 20px;
	text-align: center;
	font-size:36px;
	/*color:#CCCCCC;*/

}

.specchia #mainContent {

	padding: 0 20px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */

	background: #FFFFFF;

}

.specchia #footermenu { 

	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */

}

#footermenubox { 
	padding:15px 0 25px 0;border:1px dotted #ddd;border-width:0px 0 1px 0; margin:0 0 5px 0; background:url(images/menuline.png) repeat-x;display:block;
}



.specchia #footer { 

	padding: 0 10px; /* questo padding corrisponde all'allineamento a sinistra degli elementi nei div sovrastanti. */

	background: url(images/footer-bkg.png) repeat-x;

} 

#footertext {

	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */

	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
	
	font: 11px "Trebuchet MS", Geneva, Helvetica, sans-serif;
	
	text-align:center;

}

#mainbox  {
	width:550px;
}

#mainblockquote{
	height:100%;
	width: 300px;
}

#mainimage  {
	float:right;
	display:block;
	width:300px;
	height:550px;
	background:url(images/antonio.jpg) no-repeat;
	right: -550px;
	top: -550px;
}

/* main menu
************************************/

#user1{overflow:hidden;float:none;width:100%;clear:both;}

#user2{overflow:hidden;float:none;width:100%;clear:both;font: 13px "Trebuchet MS", Geneva, Helvetica, sans-serif;}

#user3{overflow:hidden;float:none;width:100%;clear:both;font: 11px "Trebuchet MS", Geneva, Helvetica, sans-serif;}

/* voci menu primo livello*/
.primary-nav .menu {padding:0;float:left;margin:0;}
.primary-nav .menu  li{float:left;margin-right:50px;list-style:none; width:110px;}
.primary-nav .menu  li a{display: block;color:#000033;text-decoration:none;background:url(images/arrow_dwn.png) no-repeat;}
.primary-nav .menu  li{text-transform:lowercase; text-align:center;}
.primary-nav .menu  li#current a,
.primary-nav .menu  li a:hover{color:#003399; background:url(images/arrow_up.png) no-repeat;}
.primary-nav .menu  li a.top-level,
.primary-nav .menu  li span.separator{padding:30px 50px 20px 20px;}
.primary-nav .menu  li last{padding:0px 0px 20px;}
.primary-nav .menu  .current{display: block;color:#003399;background:url(images/arrow_up.png) no-repeat;padding:30px 0px 20px 0px;text-align:center;}

/* voci menu secondo livello*/
.second-nav .menu {padding:0;float:left;margin:0;background:url(images/menu2line.png) repeat-x;}
.second-nav .menu  li{float:left;margin-right:10px;list-style:none;}
.second-nav .menu  li a{display: block;color:#000033;text-decoration:none;}
.second-nav .menu  li{text-transform:lowercase; text-align:center;}
.second-nav .menu  li#current a,
.second-nav .menu  li a:hover{color:#003399;text-decoration:underline;}
.second-nav .menu  li a.top-level,
.second-nav .menu  li span.separator{padding:10px 10px 20px 10px;}
.second-nav .menu  li last{padding:0px 0px 20px;}
.second-nav .menu  .current{display: block;color:#003399;padding:10px 10px 20px 10px;text-align:center;text-decoration:underline;}

/* voci menu terzo livello*/
.third-nav .menu {padding:0;float:left;margin:0;background:url(images/menu3line.png) repeat-x;}
.third-nav .menu  li{float:left;margin-right:10px;list-style:none;}
.third-nav .menu  li a{display: block;color:#000033;text-decoration:none;}
.third-nav .menu  li{text-transform:lowercase; text-align:center;}
.third-nav .menu  li#current a,
.third-nav .menu  li a:hover{color:#003399;text-decoration:underline;}
.third-nav .menu  li a.top-level,
.third-nav .menu  li span.separator{padding:10px 20px 20px 10px;}
.third-nav .menu  li last{padding:0px 0px 20px;}



/* decoration elements
*****************************************/
hr{margin:3.5em 0;border:0;height:2px;border-bottom:1px solid #ddd;}