/*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: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: center; background-color: black; color:white; }

/*___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 { }
/*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: 173px; width: 956px; margin:0 17px 3px; background:transparent url('images/head.jpg') top right no-repeat; }
#header #logo { height: 161px; width: 462px; background: url('images/logo.jpg') -4px 20px no-repeat; float: left; display: inline; margin: 10px 0px 0px; }
#header .logo-small { float: left; display: inline; margin: 0px 7px; }
/*horizontal menu of page*/
#h-menu { height: 32px; width: 990px; float: left; display: inline; }
#h-menu dl { margin: 0px 0px 0px 17px; }
#h-menu dt { height: 32px; width: 137px; margin: 0px; padding: 0px; display: inline; float: left;  }
#h-menu dt a { width: 100%; height: 26px; float: left; display: inline; text-align: center; background-image: url('images/tasto.jpg'); background-position: bottom left; background-repeat: no-repeat; font-size: 0.70em; color: black; font-weight: bold; text-transform: uppercase; padding: 5px 1px 1px; }
#h-menu dt a:hover, #h-menu dt a:focus, #h-menu dt a.current { background-position: 0px 0px; text-decoration: none;}
/*vertical menu of page*/
#v-menu { width: 100%; float:left; display: inline; padding: 0px 0px 30px 0px; margin: 0px 0px 20px 0px; background: url('images/colonnasinistra.jpg') bottom left no-repeat;}
#v-menu dl { width: 100%; }
#v-menu dt { width: 100%; margin: 0px; padding: 0; clear: both; display: inline; float: left; position: relative; }
#v-menu dt a { height: 40px; width: 195px; display: block; padding: 10px 0px 0px; /*background: url('images/menusx.jpg') bottom right no-repeat;*/ color:black; /*color: #EE6D2C;*/ font-size: 0.8em; text-transform: uppercase; cursor: pointer; }
#v-menu dt a:hover, #v-menu dt a:focus, #v-menu dt a.current { text-decoration: none; }
#v-menu dt div { position: absolute; top: 0px; left: 198px; border-top: 2px solid white /*#EE6D2C*/; z-index:1000; }
#v-menu dt div a { width: 199px; height: auto; padding: 3px 0px; background: white; border-right: 2px solid white /*#EE6D2C*/; border-bottom: 2px solid white /*#EE6D2C*/; }
/*content of page*/
#content { height: auto !important; height: 400px; min-height: 400px; width: 961px; margin: 0px 0px 0px 15px; /*background: #dce0e2;*/ float: left; display: inline; }
#content #right-coloumn { width: 200px; float: left; display: inline; background: url('images/colonnadestra.jpg') left top no-repeat; }
#content #center-coloumn { width: 750px; margin: 0px 5px; padding: 0px; float: left; display: inline; }
#content #left-coloumn { width: 200px; float: left; display: inline; }
#content #center-coloumn .linea { margin: 10px 0px; text-align: left; border-bottom: 1px dotted #666666; float: left; display: inline; width: 100%; }
#content #center-coloumn .linea .titolo { display: block; font-size: 1.3em; font-weight: bold; padding: 3px; float: left; display: inline; }
#content #center-coloumn .linea a { color: blue; float: left; display: inline; }
#content #center-coloumn .linea .titolo .sottotitolo { font-size: 0.55em; font-weight: normal; clear: both; float: left; display: inline; }
#content #center-coloumn .linea .corpo { display: block; padding: 3px; font-size: 0.7em; text-align: justify; float: left; display: inline; clear: both; width: 98%; }
#content #center-coloumn .linea .contenitore-linee { width: 100%; }
#content #center-coloumn .linea .image { width: 450px; height:300px; overflow:hidden; margin:0 150px; float: left; display: inline; }
#content #center-coloumn .linea .image img { height: 100%; }
#content #center-coloumn .linea .docs { margin-bottom: 10px; }
#content #right-coloumn #gallery { width: 100%; float: left; display: inline; background: url('images/sfondodestra.jpg') left top repeat-y; margin: 79px 0px 0px ; }
#content #right-coloumn #gallery div.scrollable div.items a { float: left; display: inline; clear: both; width: 180px; height: 135px; margin: 3px 5px 2px 10px; overflow: hidden; }
#content #right-coloumn #gallery div.scrollable div.items a img { float: left; display: inline; clear: both; width: 180px; }
/* root element for scrollable */ 
#content #right-coloumn #gallery div#actions { float:left; display: inline; width: 200px; font-size: 0.8em; }
#content #right-coloumn #gallery div#actions .prevPage { float:left; display: inline; margin: 0px 0px 0px 10px; cursor: pointer; }
#content #right-coloumn #gallery div#actions .nextPage { float:right; display: inline; margin: 0px 10px 0px 0px; cursor: pointer; }
#content #right-coloumn #gallery div.scrollable { position:relative; overflow:hidden; height: 420px; width: 100%; float:left; display: inline; }
#content #right-coloumn #gallery div.scrollable div.items { position:absolute; height:20000em; width: 100%; left: 0; }
#content #right-coloumn #gallery div.scrollable div.items div { float: left; display: inline; clear: both; }
/*footer of page*/
#footer { width: 961px; margin: 0px 0px 10px 15px; text-align: center; display: block; background: #eb1d24; float: left; display: inline; padding: 10px 0px; }
/*contact form*/
#form-mail { padding: 10px; }
#form-mail dt { margin-top: 5px; }
#form-mail dt label { font-weight: bold; }
#form-mail dd input[type="text"] { width: 300px; }
#form-mail dd textarea { width: 400px; height: 200px; }
#form-mail dd .description { font-style: italic; color: #5F5F5F; }
#form-mail dd .errors { background: #FFC7C1; padding: 3px; }
/**********************************************************************************/
/*___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-normal { font-weight: normal; }
.style-italic { font-style: italic; }
.style-none { font-style: normal; }
.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;}

