/***********************************************************************************
::::::::::::::::::::::::::::::::: 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: Verdana, Arial, Helvetica, Geneva, sans-serif; text-align: center;
		background: #FFFFFF url(images/sf_sfondo.png) repeat-x 0px 248px; 
		}

/*___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;  font-size: 1em;}
/*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: 914px; min-height: 100%; margin: auto; padding: 0px; }
/*head of page*/
#header { height: 128px; width: 914px; position: relative; }
	#logo_campanini  	{ position: absolute; top: 42px; left: 279px; }
	#logo_curti  		{ position: absolute; top: 36px; right: 0px; }	

#box_flash { height: 166px; width: 914px; background: url(images/box_flash.png) no-repeat 0 0; margin: 10px 0px 10px 0px; }	

/*horizontal menu of page*/
#h-menu {  }
#h-menu dl { height: 35px; width: 694px; background: #ED1D24; padding-left: 216px; }
#h-menu dt { height: 20px; margin: 0px; padding: 10px 25px 0px 25px; display: inline; float: left;  }
#h-menu dt a { width: 100%; display: block; color: #FFFFFF; font-weight: bold; }
#h-menu dt a:hover, #h-menu dt a:focus, #h-menu dt a.current { color: #000000; text-decoration: none; }
/*vertical menu of page*/
#v-menu { width: 100%; }
#v-menu dl { width: 100%; }
#v-menu dt a { width: 100%; display: block; }
#v-menu dt { height: 30px; width: 100%; margin: 0px; padding: 0px 10px; clear: both; display: inline; float: left;  }
#v-menu dt a:hover, #v-menu dt a:focus, #v-menu dt a.current { }
/*content of page*/
#content { height: auto !important; height: 400px; min-height: 400px; width: 914px; }
#content #left-coloumn 	{ width: 198px; height: 438px; margin: 0px 0px 0px 10px; padding: 10px 0px 4px 10px; background: url(images/box_right.png) no-repeat 0 0;}
#content #left-coloumn p { color: #929597; margin-bottom: 30px; }
#content #left-coloumn a { color: #929597; margin-bottom: 30px; }

#content #right-coloumn 	{ width: 685px; margin: 0px 0px 0px 0px;  }
#content #right-coloumn .section { padding-bottom: 15px; margin-bottom: 10px; background: url(images/hr_short.png) no-repeat bottom left; margin-left: -6px; padding-left: 140px; }

#content #right-coloumn .section .titolo { color: #000082; display: block; font-size: 1.5em; font-weight: bold; border-bottom: 1px dotted #000082; padding: 3px; text-align: right; }
#content #right-coloumn .section a { color: #000082; }
#content #right-coloumn .section .sottotitolo { font-size: 1em; padding-top: 2px; font-weight: normal; font-style: italic; text-align: right; }
#content #right-coloumn .section .corpo { display: block; padding-top: 15px; }
#content #right-coloumn .section .contenitore-linee { width: 80%; }

#content #right-coloumn .section .images { padding-top: 10px; }

#content #right-coloumn .marca  		{ padding: 5px 50px; border: 1px solid #888888; background-color: white; margin: 20px 0px 2px 220px; }

#content #right-coloumn .section .image_prod  		{ padding: 5px 50px 5px 5px; border: 1px solid #888888; background-color: white; }
#content #right-coloumn .section .image_prod:hover 	{ background: #FFFCD1 url(images/next_orange.png) no-repeat right center; }

#content #right-coloumn .section .image  		{ margin-top: 20px; padding: 5px 5px 20px 5px; border: 1px solid #888888; background-color: white; }
#content #right-coloumn .section .image:hover { background-color: #FFFCD1; }

#content #right-coloumn .section .image_big  		{ margin-top: 10px; padding: 5px; border: 1px solid #888888; background-color: white; float: left; margin-right: 10px; }
#content #right-coloumn .section .image_big:hover	{ background-color: #FFFCD1; }

#content #right-coloumn .section .image_detail  		{ margin-top: 20px; padding: 5px 5px 20px 5px; border: 1px solid #888888; background-color: white; }
#content #right-coloumn .section .image_detail:hover { background-color: #FFFCD1; }
#content_immagini_detail { width: 82px; margin-left: -100px; float: left; }
#content_immagini { height: 250px;  }

#content #right-coloumn .section .docs { margin-bottom: 10px; }
#content #right-coloumn .section .gallery { clear: both; float: left; display: inline; }
 

/*footer of page*/
#footer { width: 914px; text-align: center; display: block; background: url(images/hr_long.png) no-repeat; position: relative; padding-top: 6px; height: 80px; }
	#img_spolette  		{ position: absolute; top: -25px; right: 4px; }
	#text_footer			{ position: absolute; top: 10px; left: 20px;	width: 700px; color: #ED1D24; }	
	
/**********************************************************************************/
/*___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: 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;}