/********************************	 Basic Structure	 ********************************/
html {
	font-size: 100%;
    height: 100%;
    margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	background: #fff;
	font-size: 10px;
}

/********************************	 Elements styling	 ********************************/
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
    color: #222;
    font-weight: bold;
}

h1 { font-size: 30px; padding: 0 0 10px 0; }	
h2 { font-size: 26px; padding: 0 0 10px 0; }
h3 { font-size: 17px; padding: 0 0 10px 0; }
h4 { font-size: 16px; padding: 0 0 5px 0; }
h5 { font-size: 14px; padding: 0 0 5px 0; }
h6 { font-size: 12px; padding: 0 0 5px 0; }

a { color: #57a000; text-decoration: none; }
a:hover { color: #000; }
a:active { color: #777; }
a:focus { outline: 1px; }

strong { font-weight: bold; color: #333; }
small { font-size: 0.85em; }
pre { font-family: monospace; }
p { padding: 5px 0 10px 0; line-height: 1.6em; }

/********************************	 General Classes	 ********************************/
.clear {
	clear: both;
}
	
.align-left {
	float: left;
}
	
.align-right {
	float: right;
}

/************ Button ************/
.button {
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background: #459300 url('/images/admin/bg-button-green.gif') top left repeat-x !important;
	border: 1px solid #459300 !important;
	padding: 4px 7px 4px 7px !important;
	color: #fff !important;
	font-size: 11px !important;
	cursor: pointer;
}
	
.button:hover {
	text-decoration: underline;
}
	
.button:active {
	padding: 5px 7px 3px 7px !important;
}
	
a.remove-link {
	color: #bb0000;
}

a.remove-link:hover {
	color: #000;
}

/********************************	 Main Content	 ********************************/

/************ Layout ************/
.wrapper {
	width: 1021px;
	margin:0 auto;
}
#header {
	height: 64px;
	background: #e8e8e8;
}
#header #logo {
	float: left;
	width: 180px;
}
#header #menu-home {
	height: 63px;
	width: 841px;
	float: left;
	font-size: 11px;
}

#content {
}
#content .home-all{
	padding:0; margin:0; width:1021px; height:573px; background-image:url(/images/home/img_panel.jpg)
}
#content .home-all .wraphome {
	width:560px;
	float:left;
}
#content .home-all .wrapmenu {
	margin-top:300px;
	float:right;
	width:410px;
	height:250px;
	padding-left:10px;
	margin-right:15px;
	background-image:url(/images/home/bg_reel.png);
}
#content .home-all .wraptwitter {
	margin-top:30px;
	float:left;
	width:410px;
	height:250px;
	margin-left:15px;
	margin-right:15px;
	background-image:url(/images/home/twitter.gif) ;
	background-repeat:no-repeat;
	background-color: #8C8A8A;
}

        #twitter_update_list {
        list-style-type:none;
        padding-left:82px;
        padding-top:35px;
        width:310px;
		color: #111111;
        }
        
        #twitter_update_list li span a {
        color:#b7b7b7;
		display:inline;
        }
        
        #twitter_update_list li span a:hover {
        color:#ffffff;
        }
              
        #twitter_update_list li a {
        display:none;
        }
			  
        #twitter_update_list li {
        margin-bottom:10px;
        }
        
        #linkPI {
        float:left;
        margin-left:82px
        }
        
        #linkPI a {
        color:#ffffff
        }


#content .home-all ul.home {
	font-size: 10px;
	font-weight: bold;
	margin-top: 12px;	
}
#content .home-all ul.home li {
	display: inline; 
	padding-left: 3px;
}
#content .home-all ul.home li a, #content .home-left ul.home li a:visited {
	color:#7E7E80;
}
#content .home-all ul.home li a:hover, #content .home-left ul.home li a.current {
	color:#201C1B;
}
#content .home-all .titolo {
	color:#fff;
	background-color: #8C8A8A;
	padding:6px;
	padding-left: 10px;
	margin-left:0;
	font-size: 14px;
	font-weight: bold;
}
#content .home-all .descrizione {
	font-size: 11px;
	line-height: 26px;
	margin-left: 5px;
	margin-right:5px;
	color: #201C1B;
}

#content .home-left {
	padding:0; margin:0; width:505px; height:573px; background-image:url(/images/home/left_panel.jpg)
}
#content .home-right {
	padding:0; margin:0; width:516px; height:573px; background-image:url(/images/home/right_panel.jpg)
}
#content .home-left ul.home {
	text-align:right;
	font-size: 16px;
	font-weight: bold;
	margin-top: 12px;
	margin-right: 10px;
}
#content .home-left ul.home li {
	padding-bottom:15px;	
}
#content .home-left ul.home li a, #content .home-left ul.home li a:visited {
	color:#7E7E80;
}
#content .home-left ul.home li a:hover, #content .home-left ul.home li a.current {
	color:#201C1B;
}
#content .home-right .titolo {
	color:#fff;
	background-color: #201C1B;
	padding:6px;
	padding-left: 10px;
	margin-left:0;
	font-size: 16px;
	font-weight: bold;
	width: 35%;
}
#content .home-right .descrizione {
	width: 360px;
	font-size: 15px;
	line-height: 26px;
	margin-left: 10px;
	color: #201C1B;
}

#content .ir-center {
	padding:0; margin:0; width:1021px; height:1300px; background-image:url(/images/home/ir_center.jpg);
	position:relative;
	z-index:0;
}
#content .ir-center .descrizione {
	width:700px; height:1200px;
    position:absolute;
    left:50%;
    top:5%;
    margin-left:-350px;
    margin-top:0px;
	font-size: 11px;
	line-height: 15px;
	color: #201C1B;
	text-align:justify;
	vertical-align:middle;
	z-index:100;
	background-color:#ffffff;
	filter:alpha(opacity=90);
	opacity:0.9;	
}

#content .ir-left {
	padding:0; margin:0; width:400px; height:573px; background-image:url(/images/home/ir_left.jpg);	
}
#content .ir-right {
	padding:0; margin:0; width:621px; height:573px; background-image:url(/images/home/ir_right.jpg)
}
#content .ir-left ul.ir {
	text-align:right;
	font-size: 16px;
	font-weight: bold;
	margin-top: 12px;
	padding-right: 10px;
	background-color:#ffffff;
	filter:alpha(opacity=80);
	opacity:0.8;		
}
#content .ir-left ul.ir li {
	padding-bottom:15px;	
}
#content .ir-left ul.ir li a, #content .ir-left ul.ir li a:visited {
	/*color:#7E7E80;*/
	color:#000;
}
#content .ir-left ul.ir li a:hover, #content .ir-left ul.ir li a.current {
	color:#201C1B;
}
#content .ir-right .titolo {
	color:#fff;
	background-color: #201C1B;
	padding:6px;
	padding-left: 10px;
	margin-left:0;
	font-size: 16px;
	font-weight: bold;
	width: 35%;
}
#content .ir-right .descrizione {
	width:100%;
	height:100%;
	font-size: 12px;
	line-height: 26px;
	padding-left: 10px;
	color: #201C1B;
	background-color:#ffffff;
	filter:alpha(opacity=80);
	opacity:0.8;			
}


#content .page-left {
	width: 740px;
	margin-right: 4px;
}
#content .page-left h2 {
	background-color: #f1f1f1;
	height:34px;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	line-height: 32px;
	padding:0;
	padding-right: 10px;
	margin:0;	
}
#content .page-right {
	width: 270px;
	font-size: 16px;
	padding-left:7px;
}
#content .page-right h2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding:0;
	padding-top:30px;
	margin:0;	
}
#content .page-right div {
	font-size: 11px;
	line-height: 20px;
	padding:0;
	margin:0;	
}
#content .page-left .slidshow {
	margin: 0;
	padding: 0;
}
	
#footer {
	clear:both;
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	margin-top: 10px;
	margin-bottom: 30px;
}
#menu-footer ul li {
	display:inline;
	font-size: 11px;
}
#menu-footer ul li a, #menu-footer ul li a:visited {
	float: left;
	color:#999;
	font-weight:normal;
	text-decoration: none;	
	padding:0 10px;
	padding-bottom: 2px;
}
#menu-footer ul li a:hover, #menu-footer ul li a.current {
	/*font-weight:bold;*/
	color:#222;
}

/*************** Forms ***************/
form label {
	display: block;
	padding: 0 0 10px;
	font-weight: bold;
}
  
form fieldset legend {
	font-weight: bold;
	margin-bottom: 10px;
	padding-top: 10px;
}
	
form p small {
	font-size: 0.75em;
	color: #777;
}
	
form input.text-input,
form select,
form textarea,
form .wysiwyg {
	padding: 6px;
	font-size: 13px;
	background: #fff;
	border: 1px solid #d5d5d5;
	color: #333;
}
 
form .small-input {
	width: 25% !important;
}
	
form .medium-input {
	width: 50% !important;
}
	
form .large-input {
	width: 97.5% !important;
	font-size: 16px !important;
	padding: 8px !important;
}
	
form textarea {
	width: 97.5% !important;
	font-family: Arial, Helvetica, sans-serif;
}
	
form select {
	padding: 4px;
	background: #fff;
}
	
form input[type="checkbox"],
form input[type="radio"] {
	padding: 0;
	background: none;
	border: 0;
}