/* ------ CSS Sito burocco.it -------
   --- Realizzazione Matteo Penna ---
   ------- www.matteopenna.com ------- */

em { color:#F00; }
   
/* ------ Body -------- */

html, body { margin:0; padding:0; }

body { font:80%/1.45 Verdana, "Lucida Grande", Arial, sans-serif; color:#2F4864; text-align:center; }

/* ------ Area del sito ------ */

div#extcontainer { background: #FFF /*url(../../images/Content-bg.gif) repeat-y top*/; }

div#container { width:760px; margin:0 auto; text-align:left; background-color:#FFF; }

/* ------ Headers -------- */

div#header { color:#FFF; height:156px; background:#2F4684 url("../images/bg_header1.gif") repeat-x top; margin:0; padding:0; }

div#header-content
{
	width: 764px;
	height: 156px;
	margin: 0 auto;
	text-align:left;
	background: url("../images/bg-header.gif") no-repeat top right; }

div#header-content-top
{
	height: 120px;
	text-align: left;
}

div#header-content-top img
{
	margin: 15px auto;
}

/* ----------- Menu ----------- */

#menu
{
	height:30px;
	color:#FFFFFF;
	width: 764px;
	/*margin-top: -7px;*/
}

div#menu ul
{
	list-style-type: none;
  	margin: 0;
  	padding: 0;
}

div#menu li
{
	float: left;
	margin: 0 1px 0 0;
	padding: 0; 
}

div#menu a
{
	display: block;
	width: 108px;
	line-height: 25px;
    text-decoration: none;
    background: url("../images/bgmenu.png") no-repeat top left;
    color: #333;
    /*font-variant: small-caps;*/
    text-align:center;
}

div#menu a:hover
{
	background-position: -118px 0;
    color: #FFF;
}

div#menu li#activelink a,div#menu li#activelink a:hover
{
    background-position: -236px 0;
    color: #fff;
}

/* -------- Contenuti --------- */

div#top-content
{
	height: 9px;
	background-image: url("../images/Content-top.gif");
	margin-top: -2px;
}

div#content
{
	float: left;
	width: 550px;
	margin: 10px auto 15px 7px;
	padding-bottom: 10px;
}

/* ----- Contenuti due colonne ------ */

#content-container-two-column
{
	margin-top:3px;
	/*margin-left:auto;
	margin-right:auto;*/
	/*padding:15px;*/
	width:540px;
	width /**/: 540px;   /*IE5.0 e IE5.5*/
	position:relative;
}

#content-first-column
{
	/*width:265px;*/
	margin-right: 270px;
}

#content-second-column
{
	/*clear:both;*/
	float:right;
	width:265px;
}

/* ------------ News ----------------- */

div#notice
{
	background-image: url(../images/head-news.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#notice-p
{
	background-image: url(../images/head-news-piccolo.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#anno
{
	color: #FFFFFF;
	padding-top: 0;
	padding-bottom: 7px;
	padding-left: 15px;
}

div#anno-p
{
	color: #FFFFFF;
	padding-top: 0;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

div#mese
{
	padding-bottom: 15px;
	padding-left: 7px;
}

div#mese-p
{
	padding-bottom: 15px;
	padding-left: 2px;
	font-size: 80%;
}

/* ---- Box con angoli arrotondati ----- */

div.box
{
    width:255px !important;   /*IE6 e browser moderni*/
    width /**/: 265px;   /*IE5.0 e IE5.5*/
    padding: 0 5px 5px;
    background: #FFFFFF url(../images/bg-box.gif) no-repeat bottom left;
}

div.box h2{
    margin:0 -5px;   /* margini espandibili*/
    padding: 5px 5px 0;
    line-height: 1.2;
    font-size: 150%;
    color: #627CA7;
    background: #FFFFFF url(../images/bg-box.gif) no-repeat top left;
}

div.boxpiccolo
{
    width:170px !important;   /*IE6 e browser moderni*/
    width /**/: 180px;   /*IE5.0 e IE5.5*/
    padding: 0 5px 5px;
    background: #FFFFFF url(../images/bg-box.gif) no-repeat bottom left;
}

div.boxpiccolo h2{
    margin:0 -5px;   /* margini espandibili*/
    padding: 5px 5px 0;
    line-height: 1.2;
    font-size: 150%;
    color: #627CA7;
    background: #FFFFFF url(../images/bg-box.gif) no-repeat top left;
    }    

/* ----- Colonna di destra ------ */

div#rightcolumn
{
	float: right;
	width: 190px;
	margin-right: 5px;
	/*margin-top: 2.7em;*/
}

div#head-rg
{
	background: #FFF url("../images/bg-head-rg.gif") no-repeat top;
	color: #FFF;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#content-rg
{
	background: #FFF url("../images/content-rg.gif") repeat-y top;
	color: #000;
	margin: -5px auto;
	padding: 0;
	font-size: 85%;
}

div#bottom-rg
{
	background: #FFF url("../images/bg-bottom-rg.gif") no-repeat top;
	margin: 0;
	padding: 0;
	height: 10px;
	margin-bottom: 10px;
}

/* --------- Footer ---------- */

div#footer
{
	clear: both;
	height: 71px;
    background:#2F4684 url(../images/bg_footer1.gif) repeat-x top;
    color: #FFFFFF;
    font-size: 85%;
}

div#footer-content
{
	width: 764px;
	margin: 0 auto;
	padding-top: 15px;
}

div#footer-content a
{
	color: #C0C0C0;
}

/* -------- Stili per il testo -------- */

h1
{
	font-size: 170%;
	font-family: Georgia, serif;
	line-height:1.1em;
	margin:10px 0;
	color: #2F4684;
}

.titolo2
{
	font-size: 150%;
	font-family: "Lucida Grande", Lucida, Verdana, Sans-Serif;
	font-weight:normal;
	line-height:1.2em;
	margin:5px 0;
	padding-bottom: 5px;
	color: #666666;
    color: #627CA7;
}

h3
{
	font-size: 120%;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	/*font-style: italic;*/
	line-height: 1.1em;
	margin: 5px 0;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

a, a:hover
{
	color: #006697;
}

a[href$=".pdf"]
{
	padding-right: 20px;
	background: url(../images/icon_pdf.gif) no-repeat center right;
}

/* ------ Classi generiche ------- */

.innertube
{
	padding: 5px 5px 0 5px; /*Margins for inner DIV inside each column (to provide padding)*/
	padding-top: 5px;
	margin: 5px 5px 5px 5px;
}

.testopiccolo
{
	font-family: Verdana, Sans serif;
	font-size: 90%;
	text-decoration: none;
}

.testonormale
{
	margin: 0;
	padding: 0;
	text-decoration: none;
}

.ddlLingue
{
	position: absolute;
	top: 15px;
	right: 15px;
	font-family: Verdana, Sans serif;
	font-size: 90%;
}

.blu-maius
{
	color:#2F4684;
	text-transform: uppercase;
	font-weight: bold;
}

div.minipic
{
	float:left;
	margin: 10px 5px 5px 6px;
	padding:0 3px 2px 0;
    background: url(../images/dropshadow.jpg) no-repeat bottom right;
}

div.minipic img
{
	display:block;
    position:relative;
    top:-5px;
    left:-5px;
    border:1px solid #ccc;
    border-color: #ccc #666 #666 #ccc;
    padding:5px;
}

.normalerosso
{
	color: red;
}

.hl-right
{
	font-size: 120%;
	padding-left: 20px;
	line-height: 1.7em;
	text-decoration: none;
	background: url(../images/ciambella.gif) no-repeat center left;
}

a img
{
	border: 0;
}

.mp
{
	position: relative;
	bottom: 10px;
	left: 330px;
	font-size: 90%;
}

#error-div { 
	border:red 1px solid; 
	background-color:#FFE6E6; 
	margin-right:5px;
	margin-bottom:10px;
	padding:10px 5px 10px 5px; 
	color:red;
}

#save-div { 
	border:green 1px solid; 
	background-color:#D5FFD5;
	margin-right:5px;
	margin-bottom:10px;
	padding:10px 5px 10px 5px; 
	color:green;
}

.highlight { background-color:#FFE6E6; }