/***********************************************************************************
::::::::::::::::::::::::::::::::: Css Standard 2.0 :::::::::::::::::::::::::::::::::
Creato da : Daniele Antonio Barbaglia - RobertoFonio.com
Data : 03 / 12 / 2009

::::::::::::::::::::::::::::::::: Write a css rule :::::::::::::::::::::::::::::::::

tag, #id, .class {
height:; width:; min-height:; min-width:;						<- dimensioni / dimension
border:; margin:; padding:; 									<- modello a box / box model
font:; color:; text-align:; text-decoration:; text-transform:;	<- stile testo / font style
clear:; display:; float:;  										<- allineamento / aligment
position:; top/right/bottom/left:; z-index:;					<- posizione / position
}

::::::::::::::::::::::::::::::: DEFAULT PAGE SETTING :::::::::::::::::::::::::::::::
body font-size: 16px;
headlight font-size [on body font-size]:
headlight > Pixel > EM		>   CSS keywords
h1			32px	2em			xx-large
h2			24px	1.5em		x-large
h3			19px	1.2em		large
h4			16px	1em			medium
h5			14px	0.875em		small
h6			10px	0.625em		xx-small
:::::::::::::::::::::::::::::::::: IE6 FIX SETTING :::::::::::::::::::::::::::::::::
-min-height param--------------
min-height: 100%;
height: auto !important;
height: 100%;
-------------------------------
-center page in body-----------
body {text-align:center; margin:0px;}
div { width: %px; margin: auto; }
-------------------------------
-IE6 duplicate margin of float-
display: inline;
float: left; [ or right ]
-------------------------------

***********************************************************************************/

/*___RESET RULE FOR HTML BASIC____________________________________________________*/
/*JOLLY TAG - Reset fix IE6*/
* {	margin: 0px; padding: 0px; }
/*HTML Rule*/
html { height: 100%; margin: 0px; padding: 0px; }
/*BODY Rule*/
body { height: 100%; margin: 0px; padding: 0px; font-size: 100%; font-family: Helvetica, Verdana, Arial, Geneva, sans-serif; text-align: center; }

/*___RESET RULE FOR BASIC TAG_____________________________________________________*/
/* Image */
img { border: 0px; margin: 0px; padding: 0px; }
/* Anchor Link */
a { border: 0px; margin: 0px; padding: 0px; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
/*Form input field*/
input, select, button, textarea { border: 1px solid #666; }
/*Table*/
table, td, tr { border: 0px; margin: 0px; padding: 0px; }
/*Descriptio List*/
dl, dt, dd { border: 0px; margin: 0px; padding: 0px; }
/*Unordered list*/
ul, li { border: 0px; margin: 0px; padding: 0px; list-style: none; }
/*Ordered list*/
ol, li { border: 0px; margin: 0px; padding: 0px; list-style: none; }

/**********************************************************************************/
/*___BASIC PAGE RULE______________________________________________________________*/
/*container of page*/
#container { height: auto !important; height: 100%; width: 990px; min-height: 100%; margin: auto; padding: 0px; }

/*head of page*/
#header { height: 200px; width: 990px; background: transparent url('images/logo.jpg') center center no-repeat; display: block; position: relative; }
#header #tit-pagina { position: absolute; bottom: 0px; right: 11px }

/*horizontal menu of page*/
#h-menu { height: 40px; width: 990px; }
#h-menu dl { }
#h-menu dt { height: 30px; margin: 0px; padding: 0px 10px; display: inline; float: left;  }
#h-menu dt a { width: 100%; display: block; }
#h-menu dt a:hover, #h-menu dt a:focus, #h-menu dt a.current { }

/*vertical menu of page*/
#v-menu { width: 100%; }
#v-menu dl { width: 100%; }
#v-menu dt { height: 95px; width: 95px; border: 1px solid #ccc; margin: 0px 1px 1px 0px; padding: 0px; display: inline; float: left;  }
#v-menu dt a { height: 17px; width: 100%; padding: 39px 0px; font-size: 0.7em; font-weight: bold; text-transform: uppercase; text-align: center; color: white; background-color: #6b6466; background-position: center top; background-repeat: no-repeat; display: block; }
#v-menu dt a.image { background-color: #fff; }
#v-menu dt a:hover, #v-menu dt a:focus, #v-menu dt a.current, #v-menu dt a.image:hover { background-color: #dfdadc; text-decoration: none; }

/*content of page*/
#content { height: auto !important; height: 400px; min-height: 400px; width: 990px; margin-bottom: 20px; }
#content #right-coloumn { height: 100%; width: 195px; text-align: left; float: right; display: inline; position: relative; }
#content #right-coloumn #navigazione { text-transform: uppercase; font-weight: bold; font-size: 0.7em; position: absolute; top: 81px; right: 0px; width: 97px; text-align: left; }
#content #right-coloumn #navigazione a { color: black; }
#content #right-coloumn #titolo-container { width: 97px; text-transform: uppercase; font-weight: bold; font-size: 0.7em; position: absolute; top: 95px; right: 0px; }
#content #right-coloumn #titolo-container #titolo { width: 92px; text-align: right; position: absolute; bottom: 0px; right: 5px; }
#content #right-coloumn #testo { height:291px; overflow-y: auto;  width: 187px; padding-right: 5px; font-size: 0.7em; float: left; display: inline; position: absolute; bottom: 3px; right: 0; }
#content #right-coloumn .comunicazioni { float: right; display: inline; clear: both; width: 95px; height: 95px; margin: 0px 2px 2px 0px; color: black; font-size: 0.7em; font-weight: bold; text-transform: uppercase; position: relative; text-align: right; }
#content #right-coloumn .comunicazioni .sottotit { position: absolute; bottom: 2px; left: 2px; font-size: 0.9em; font-weight: normal; text-transform: none; }
#content #center-coloumn { height: 392px; width: 685px; margin: 0px 0px; padding: 0px 0px 0px 1px; text-align: left; float: left; display: inline; background: #dfdadc url('images/griglia.png') top left; }
#content #center-coloumn #home {  height: 392px; width: 294px; background: url('images/home.jpg') center top no-repeat; float: left; display: inline; }
#content #center-coloumn #home #griglia { height: 392px; width: 100%; background: transparent url('images/griglia.png') top left; }
#content #center-coloumn #image-container { height: 392px; width: 490px; background-position: center center; background-repeat: no-repeat; }
#content #center-coloumn #image-container #griglia { height: 392px; width: 100%; /*background: transparent url('images/griglia.png') top left;*/ }
#content #center-coloumn .line-container { height: 392px; width: 294px; float: left; display: inline; }
#content #center-coloumn .line-container .line { height: 96px; width: 294px; margin-bottom: 2px; float: left; display: inline; }
#content #center-coloumn .line-container .line .image { height: 100%; width: 95px; margin-right: 2px; float: left; display: inline; overflow: hidden; }
#content #center-coloumn .line-container .line .text-container { height: 95px; width: 95px; font-size: 0.7em; float: left; display: inline; position: relative; }
#content #center-coloumn .line-container .line .text-container .title { color: black; font-weight: bold; text-transform: uppercase; text-align: right; position: absolute; top: 5px; right: 3px; }
#content #center-coloumn .line-container .line .text-container .text { text-align: right; position: absolute; bottom: 3px; right: 0px; }
#content #center-coloumn .line-container .line .text-container .text .leggi { margin-left: 10px; color: black; font-size: 0.9em; clear: both; display: inline; float: left; }
#content #left-coloumn { width: 294px; text-align: left; float: left; display: inline; }

/*homepage news block*/
#news-home-container { width: 200px; text-align: left; float: left; display: inline; }
#right-coloumn-home { width: 200px; text-align: left; float: right; display: inline; }
#news-home-container #news-container, #right-coloumn-home #news-container { width: 200px; }
#news-home-container #news-container .news-box, #right-coloumn-home #news-container .news-box { width: 200px; font-size: 0.75em; float: left; display: inline; }
#news-home-container #news-container .news-box b, #right-coloumn-home #news-container .news-box b { padding-left: 0px; }
#news-home-container #news-container .news-box dt, #right-coloumn-home #news-container .news-box dt { clear: both; display: inline; float: left; padding-top: 10px;  }
#news-home-container #news-container .news-box dt a, #right-coloumn-home #news-container .news-box dt a { height: 17px; width: 200px;  color: #000; font-weight: bold; text-transform: uppercase; float: left; display: inline; margin-top: 8px; }
#news-home-container #news-container .news-box dt a:hover, #right-coloumn-home #news-container .news-box dt a:hover { float: left; display: inline; }
#news-home-container #news-container .news-box dd, #right-coloumn-home #news-container .news-box dd { width: 190px; padding-left: 10px; font-size: 0.9em; clear:both; float: left; display: inline; }
#news-home-container #news-container .news-box dd a.continua, #right-coloumn-home #news-container .news-box dd a.continua { padding-left: 10px; font-size: 0.9em; color: #000; }
#news-home-container #news-container .news-box dd a.continua:hover, #right-coloumn-home #news-container .news-box dd a.continua:hover { color: #333333; }

/*footer of page*/
#footer { width: 990px; font-size: 0.60em; text-align: center; display: block; }

/*slide*/
.postparent { display: block; }
.postparent .slide { display: block; clear: both; color: #000; }
.postparent .posthidden { display: none; }
/**********************************************************************************/
/*___CSS OBJECT RULE______________________________________________________________*/
/*---floating rules---------------------------------------------------------------*/
.left { display: inline; float: left; }
.right { display: inline; float: right; }
/*float with clear both*/
.left-b { clear: both; display: inline; float: left; }
.right-b { clear: both; display: inline; float: right; }
/*float with clear left*/
.left-l { clear: left; display: inline; float: left; }
.right-l { clear: left; display: inline; float: right; }
/*float with clear right*/
.left-r { clear: right; display: inline; float: left; }
.right-r { clear: right; display: inline; float: right; }
/*---position rules---------------------------------------------------------------*/
.abs-tr { position: absolute; top: 0px; right: 0px; }
.abs-tl { position: absolute; top: 0px; left: 0px; }
.abs_br { position: absolute; right: 0px; bottom: 0px; }
.abs_bl { position: absolute; bottom: 0px; left: 0px; }

/*--- text color rules------------------------------------------------------------*/
.color { color: #000000; }
.link { color: #000000; }

.AliceBlue { color: #F0F8FF; }
.AntiqueWhite { color: #FAEBD7; }
.Aqua { color: #00FFFF; }
.Aquamarine { color: #7FFFD4; }
.Azure { color: #F0FFFF; }
.Beige { color: #F5F5DC; }
.Bisque { color: #FFE4C4; }
.Black { color: #000000; }
.BlanchedAlmond { color: #FFEBCD; }
.Blue { color: #0000FF; }
.BlueViolet { color: #8A2BE2; }
.Brown { color: #A52A2A; }
.BurlyWood { color: #DEB887; }
.CadetBlue { color: #5F9EA0; }
.Chartreuse { color: #7FFF00; }
.Chocolate { color: #D2691E; }
.Coral { color: #FF7F50; }
.CornflowerBlue { color: #6495ED; }
.Cornsilk { color: #FFF8DC; }
.Crimson { color: #DC143C; }
.Cyan { color: #00FFFF; }
.DarkBlue { color: #00008B; }
.DarkCyan { color: #008B8B; }
.DarkGoldenRod { color: #B8860B; }
.DarkGray { color: #A9A9A9; }
.DarkGreen { color: #006400; }
.DarkKhaki { color: #BDB76B; }
.DarkMagenta { color: #8B008B; }
.DarkOliveGreen { color: #556B2F; }
.Darkorange { color: #FF8C00; }
.DarkOrchid { color: #9932CC; }
.DarkRed { color: #8B0000; }
.DarkSalmon { color: #E9967A; }
.DarkSeaGreen { color: #8FBC8F; }
.DarkSlateBlue { color: #483D8B; }
.DarkSlateGray { color: #2F4F4F; }
.DarkTurquoise { color: #00CED1; }
.DarkViolet { color: #9400D3; }
.DeepPink { color: #FF1493; }
.DeepSkyBlue { color: #00BFFF; }
.DimGray { color: #696969; }
.DodgerBlue { color: #1E90FF; }
.FireBrick { color: #B22222; }
.FloralWhite { color: #FFFAF0; }
.ForestGreen { color: #228B22; }
.Fuchsia { color: #FF00FF; }
.Gainsboro { color: #DCDCDC; }
.GhostWhite { color: #F8F8FF; }
.Gold { color: #FFD700; }
.GoldenRod { color: #DAA520; }
.Gray { color: #808080; }
.Green { color: #008000; }
.GreenYellow { color: #ADFF2F; }
.HoneyDew { color: #F0FFF0; }
.HotPink { color: #FF69B4; }
.IndianRed  { color: #CD5C5C; }
.Indigo  { color: #4B0082; }
.Ivory { color: #FFFFF0; }
.Khaki { color: #F0E68C; }
.Lavender { color: #E6E6FA; }
.LavenderBlush { color: #FFF0F5; }
.LawnGreen { color: #7CFC00; }
.LemonChiffon { color: #FFFACD; }
.LightBlue { color: #ADD8E6; }
.LightCoral { color: #F08080; }
.LightCyan { color: #E0FFFF; }
.LightGoldenRodYellow { color: #FAFAD2; }
.LightGrey { color: #D3D3D3; }
.LightGreen { color: #90EE90; }
.LightPink { color: #FFB6C1; }
.LightSalmon { color: #FFA07A; }
.LightSeaGreen { color: #20B2AA; }
.LightSkyBlue { color: #87CEFA; }
.LightSlateGray { color: #778899; }
.LightSteelBlue { color: #B0C4DE; }
.LightYellow { color: #FFFFE0; }
.Lime { color: #00FF00; }
.LimeGreen { color: #32CD32; }
.Linen { color: #FAF0E6; }
.Magenta { color: #FF00FF; }
.Maroon { color: #800000; }
.MediumAquaMarine { color: #66CDAA; }
.MediumBlue { color: #0000CD; }
.MediumOrchid { color: #BA55D3; }
.MediumPurple { color: #9370D8; }
.MediumSeaGreen { color: #3CB371; }
.MediumSlateBlue { color: #7B68EE; }
.MediumSpringGreen { color: #00FA9A; }
.MediumTurquoise { color: #48D1CC; }
.MediumVioletRed { color: #C71585; }
.MidnightBlue { color: #191970; }
.MintCream { color: #F5FFFA; }
.MistyRose { color: #FFE4E1; }
.Moccasin { color: #FFE4B5; }
.NavajoWhite { color: #FFDEAD; }
.Navy { color: #000080; }
.OldLace { color: #FDF5E6; }
.Olive { color: #808000; }
.OliveDrab { color: #6B8E23; }
.Orange { color: #FFA500; }
.OrangeRed { color: #FF4500; }
.Orchid { color: #DA70D6; }
.PaleGoldenRod { color: #EEE8AA; }
.PaleGreen { color: #98FB98; }
.PaleTurquoise { color: #AFEEEE; }
.PaleVioletRed { color: #D87093; }
.PapayaWhip { color: #FFEFD5; }
.PeachPuff { color: #FFDAB9; }
.Peru { color: #CD853F; }
.Pink { color: #FFC0CB; }
.Plum { color: #DDA0DD; }
.PowderBlue { color: #B0E0E6; }
.Purple { color: #800080; }
.Red { color: #FF0000; }
.RosyBrown { color: #BC8F8F; }
.RoyalBlue { color: #4169E1; }
.SaddleBrown { color: #8B4513; }
.Salmon { color: #FA8072; }
.SandyBrown { color: #F4A460; }
.SeaGreen { color: #2E8B57; }
.SeaShell { color: #FFF5EE; }
.Sienna { color: #A0522D; }
.Silver { color: #C0C0C0; }
.SkyBlue { color: #87CEEB; }
.SlateBlue { color: #6A5ACD; }
.SlateGray { color: #708090; }
.Snow { color: #FFFAFA; }
.SpringGreen { color: #00FF7F; }
.SteelBlue { color: #4682B4; }
.Tan { color: #D2B48C; }
.Teal { color: #008080; }
.Thistle { color: #D8BFD8; }
.Tomato { color: #FF6347; }
.Turquoise { color: #40E0D0; }
.Violet { color: #EE82EE; }
.Wheat { color: #F5DEB3; }
.White { color: #FFFFFF; }
.WhiteSmoke { color: #F5F5F5; }
.Yellow { color: #FFFF00; }
.YellowGreen { color: #9ACD32; }
/*--- font size rules [ 1em : 16px ] ---------------------------------------------*/
.text-08 { font-size: 0.5em; }
.text-09 { font-size: 0.5625em; }
.text-10 { font-size: 0.625em; }
.text-11 { font-size: 0.6875em; }
.text-12 { font-size: 0.75em; }
.text-13 { font-size: 0.8125em; }
.text-14 { font-size: 0.875em; }
.text-18 { font-size: 1.125em; }
.text-20 { font-size: 1.125em; }
.text-24 { font-size: 1.125em; }
.text-28 { font-size: 1.125em; }
.text-32 { font-size: 2em; }
/*--- font style -----------------------------------------------------------------*/
.weight-bold { font-weight: bold; }
.weight-bolder { font-weight: bolder; }
.weight-normal { font-weight: normal; }
.style-italic { font-style: italic; }
.style-none { font-style: none; }
.decoration-underline { text-decoration: underline; }
.decoration-overline { text-decoration: overline; }
.decoration-none { text-decoration: none; }
.transform-uppercase { text-transform: uppercase; }
.transform-capitalize { text-transform: capitalize; }
.transform-lowercase { text-transform: lowercase; }
.transform-none { text-transform: none; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
/*___VARIOUS RULE_________________________________________________________________*/
/*Clean box model*/
.clean { border: 0px; margin: 0px; padding: 0px; }
/*Border test for block*/
.border-test { border: 1px solid #000 }
/*Vertical and horizontal graphic rules*/
.righello-x { background: url('images/righellox.gif') left top;}
.righello-y { background: url('images/righelloy.gif') left top;}