/*
 *** [v. 2.1] Info generali sul file:
 *
 * sito web: JDsystem
 * file: css versione it
 * data creazione: 2010.14.02
 * data ultima modifica: -
 * novita apportate: -
 *
 *** Macro areee [scrivi il numero per la ricerca]
 *
 * 001. stili standard
 * 002. divs pagine
 * 003. special
 * 004. table
 * 005. bottoni & form
 * 006. liste
 */


/*
************************************
 001. stili standard
************************************
 */
html, body {width:100%; margin:0 auto; text-align:center; color:#000;}
td, tr, th, table {font:9pt   Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; color:#000;}
div, p, span {font:9pt  Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:left; color:#000;}
.titolotesto {font-size: 9pt; font-weight:bold; color:#666;}
.error {color:#f30;}
.cursor_link {cursor:pointer;}

a:link, a:visited {text-decoration:none; color:#000;}
a:focus, a:hover, a:active {text-decoration:underline; color:#000;}

img, a {margin:0; padding:0; border:0;}
ul,ol {margin:0; padding:0; list-style:none; border:none;}
br.cucu { clear:both; height:0px;}
hr.cucu { height: 0px;	margin: 0px;	padding: 0px;	overflow: hidden;	clear: both; display: block; visibility: hidden;}

hr.grigiafina {width:100%; color:#ccc; background-color:#ccc; height: 1px; border:1px; text-align:center; margin:0 auto; margin-top:15px; margin-bottom:15px;}

h1 {width:199px; height:87px; margin:10px 0 6px 0; float:left;  background:url(../images/logo.png) no-repeat left;}
h2 {width:650px; height:31px; font-size:11px; color:#555555; font-weight:lighter; line-height:30px; text-indent:10px; background:url(../images/primo_titolo.jpg) no-repeat left;}
	.titolo_news { clear:both; width:320px; height:30px;  background:url(../images/titolo_news.jpg) no-repeat left;}
	.titolo_pagina { clear:both; width:315px; height:30px; background:url(../images/corpo_pagina.png) no-repeat left; text-transform:uppercase;}
	.interno_pagina {width:650px; font-size:12px; color:#555555; font-weight:bold; line-height:12px; text-indent:0; background:none;}
h3 {font-size:14px;  color:#000; font-weight:bold; margin:5px 0; padding-bottom:3px; border-bottom:1px dotted #000;}
	.fianchetto {border:none; margin:0;}
	.titolo_colonna {color:#555555; font-size:11px; font-weight:lighter; text-transform:uppercase; line-height:30px; margin:0;}
h4 { width:290px; padding-bottom:5px; color:#264969; font-size:16px; font-weight:lighter;}


* {margin:0; padding:0;}
.larghezza {width:100%;}
.posiziono_spazio {width:980px; margin:0 auto;}


/*
************************************
002.divs pagina
************************************
*/

#top { height:142px; background: url(../images/sfondo_top.jpg) repeat-x top;}
	.page_container {position: relative; margin-left: auto; margin-right: auto; width:980px;}
	.panel_button { padding-top: 10px; float:right; position: relative; width: 173px;height:20px;background: url(../jquery/panel_button.png) right bottom;z-index: 200; filter: alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 	0.opacity: 0.50;cursor: pointer;}
	.panel_button a {text-decoration: none;color:#fff;font-size:10px;font-weight: bold;padding-left:45px;position: relative; }
	.panel_button a:hover {color: #999999;}
	#wrapper {margin-left: auto;margin-right: auto;width: 980px;text-align: center;}
	#toppanel {position: absolute; width: 980px;left: 0px;z-index: 25;text-align: center;}
	#panel {width: 980px;position: relative;height: 0px;margin-left: auto;margin-right: auto;z-index: 10;overflow: hidden;text-align: left;}
	#panel_contents {width: 980px;background: black;filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity: 0.70;opacity: 0.70;height: 100%; position: absolute;z-index: -1;}
	#content {margin-left: auto;margin-right: auto;width:980px;position: relative;top: 90px;text-align: left;color: #545454;font-family: Arial, Helvetica, sans-serif;font-size: 12px;padding-bottom: 30px;}
	.border {border: 15px #1d1d1d solid;}
	img.border {float: left;margin-right: 15px;margin-bottom: 8px;}
	img.border_pic {border: 15px #1d1d1d solid; position: absolute;top: 110px;float: left;margin-left: 150px;width: 250px;height: 150px;z-index: 30;}
	div#login {width: 240px;height: 150px;position: absolute;right:150px;top: 110px;background:#A5C1E2;text-align: left; padding-left:10px;}
	div#login p {color:#000; font-size:14px;line-height: 25px; padding-top:40px;}
	div#login input#password {position: relative;right: -6px;}
	div#login input#login_btn {border: 1px #899690 solid; cursor: pointer;position: relative;top:15px; float:right; margin-right:9px;}
	
	.testo_logo {display:none;}
	.destra_logo {float:right; padding-top:60px;}
	.nome_newsletter {float:left; padding-right:10px; color:#000000;}
	.email_newsletter {float:left; color:#000000; padding-right:5px;}
	.invia_newsletter {color:#000; font-size:8px;}
	
	#menu{clear:both; }
	#menu ul{list-style:none;}
	#menu li{list-style:none;display:block;float:left;line-height:15px;text-align:center;margin:0 3px;}
	#menu li a{display:block;float:left;font-weight:lighter;text-transform:uppercase;color:#fff;text-decoration:none; padding:8px 16px 8px 16px;text-transform:uppercase;}				
	#menu li a:hover {text-decoration:none;}
	#menu li a { color:#000;}
	#menu li a:hover {background-color:#A5C1E2; color:#FFF;}
	#menu li a.active {background-color:#A5C1E2;  color:#FFF;}
	
	


#corpo {clear:both; padding:20px 0 90px 0; background: url(../images/sfondo_corpo.jpg) repeat-x top #D2D2D0;}
	.sinistra_corpo {float:left; width:650px;}
	
	.primo_titolo {width:650px; padding:15px 0 5px 0; background: url(../images/sfondo_primo_titolo.jpg) no-repeat bottom #B4C9E1;}
	.sinistra_primo {float:left; width:310px; margin:10px 0 0 10px;}
	.sinistra_primo img {border:6px solid #516E87; float:left; margin-right:10px;}
	.promo {float:left; padding:5px 0; width:310px; margin:10px 0 0 10px;}
	.promo p {width:310px;}
	.promo img {border:6px solid #516E87; float:left; margin-right:10px;}
	
	.archivio_news { clear:both; padding:5px 0;}
	.archivio_news img {border:6px solid #516E87; float:left; margin-right:10px;}
	
	
	#s3slider {width: 625px; height: 190px; position: relative; overflow: hidden; margin: auto; border:1px solid #6C8499;}
	#s3sliderContent {width: 625px; position: absolute; top: 0; margin-left: 0;}
	.s3sliderImage {float: left; position: relative; display: none;}
	.s3sliderImage span {position: absolute; left: 0; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 625px;
  display: none; top: 0;}
	.clear {clear: both;} 
	
	.bottom_testo {width:650px; color: #000; background-color:#fff; background-image: url(../images/sotto_testo.jpg); background-repeat: no-repeat; background-position: bottom left;}
	.contenuto_testo {background-image: url(../images/sopra_testo.jpg); background-repeat: no-repeat; padding: 10px;}
	
	.contenitore_centrale {float:left; clear:both; margin:20px 20px 0 0;}
	.contenitore_centrale_sinistra {float:left; margin-top:20px;}
	.contenitore_centrale_sinistra p { width:290px; padding:5px 0;}
	.contenitore_centrale p { width:290px; padding:5px 0;}
	.testo_corpo_pagina { padding:5px 10px; background: url(../images/testo_corpo_pagina.png) no-repeat bottom left; min-height: 200px;height: auto !important; height: 200px;}
	
	.destra_corpo {float:right; width:320px; text-align:left;}
	ul.idTabs {margin:0; padding:0;  width:320px; height:29px;  background: url(../images/menu_tab.jpg) no-repeat top; }
	ul.idTabs li{list-style: none; margin:0; padding:0; float:left;}
	ul.idTabs li a { width:53px; height:29px; outline:none; border:0; cursor:pointer; float:left; font-size:11px; text-decoration: none; color:#555555; line-height:25px; text-indent:8px; }
	.tabcontainer div {clear:left; width:320px; height:281px;  background: url(../images/sfondo_video.jpg) no-repeat top;}
	ul.idTabs li a.selected { width:53px; height:29px;  float:left; line-height:25px; text-indent:8px; background: url(../images/menu_tab_hover.jpg) no-repeat top; color:#555555}

	.icone_menu {list-style-type: none;}
	.icone_menu li {margin:18px 0 0 10px;}
	.icone_menu li a{display: block; border:0; outline:none; color:#3F3F3F; width: auto; text-decoration: none;}
	.icone_menu li a:visited,  {color:#3F3F3F;}
	.icone_menu li.lastitem {margin:5px 0 20px 10px;}
	

	.spazio_form {padding-top:60px;}
	#login_form  {}
	form#login_form {width:502px; background: url(../images/login-page-bg.jpg) top center no-repeat #c4c4c4; color: #3a3a3a;}
	#login_form legend				{ display: none;}
	#login_form fieldset			{ border: 0;  height:250px;}
	#login_form label				{ width: 115px; text-align: right; float: left; margin: 0 10px 0 60px; padding: 9px 0 0 0; font-size: 16px; }
	#login_form input				{ width: 220px; display: block; padding: 4px; margin: 0 0 10px 0; font-size: 18px;color: #3a3a3a;}
	#login_form input[type=checkbox]{ width: 20px; margin: 0; display: inline-block; }				  
	#login_form .button				{ background: url(../images/button-bg.png) repeat-x top center; border: 1px solid #999; -webkit-border-radius: 5px; font-size: 13px;  width: 70px; }
	#login_form .button:hover		{ background: white; color: black; }
	
	.testo_news { width:320px; height:147px; background: url(../images/testo_news.jpg) no-repeat top;}
	.news {list-style-type: none; width:280px; margin-left:16px;}
	.news li {list-style-type:none; background: url(../images/freccina_rossa.jpg) no-repeat left;}
	.news li a{display: block; color:#000; padding: 6px 0 6px 15px; text-decoration: none; font-size:11px; border-bottom:1px dotted #999;}
	.news li a:visited {color:#000;}
	.news li a:hover {color:#516E87; text-decoration:underline;}
	.news li.lastitem, .news li.lastitem a{border-bottom-width: 0;}
	.news li.lastitem a{padding: 6px 0 6px 15px;}
	
	.color {background-color:#FFF;}
	.color h3 {color:#555555; font-size:11px; font-weight:lighter; text-transform:uppercase; line-height:30px;}
	#columns .column {float:left; width:50%; min-height: 200px;height: auto !important; height: 200px;}
	#columns #column1 .widget { margin:10px 10px 10px 0; width:155px; }
	#columns #column2 .widget {width:155px; margin: 10px 0 10px 5px;}
	#columns .widget .widget-head {color: #000;overflow: hidden;width:155px;height: 30px;background:#fff url(../jquery/img/news.jpg) no-repeat;}
	#columns .widget .widget-head h3 {padding: 0 5px;float: left;}
	#columns .widget .widget-content {background: #fff url(../jquery/img/sfondo_news.jpg) no-repeat bottom;color: #000;line-height: 1.2em;overflow: hidden;width:155px;}
	#columns .widget .widget-content p {padding:5px;}
	#columns .widget .widget-content img {float: right;margin: 10px;}
	#columns .widget .widget-content pre {padding: 0.5em 5px;color: #EEE;font-size: 12px;}
	#columns .widget .widget-content ul {padding: 5px 0 5px 20px;list-style: disc;}
	#columns .widget .widget-content ul li {padding: 3px 0;}
	#columns .widget .widget-content ul.images {padding: 7px 0 0 0;list-style: none; height: 1%;}
	#columns .widget .widget-content ul.images li {display: inline;float: left;}
	#columns .widget .widget-content ul.images img {display: inline;float: left;margin: 0 0 7px 7px;}
	
	.corpo_menu {list-style-type: none;}
	.corpo_menu li { width:115px; border-bottom:1px dotted #ccc; list-style-type: none;}
	.corpo_menu li a{display: block; color:#3F3F3F; width: auto; padding: 5px 0 3px 0;text-decoration: none;}
	.corpo_menu li a:visited,  {color:#3F3F3F;}
	.corpo_menu li a:hover, .corpo_menu li a.active{color:#516E87; text-decoration:underline;}
	.corpo_menu li.lastitem, .corpo_menu li.lastitem a{border-bottom-width: 0;}
	.corpo_menu li.lastitem a{padding: 3px 0 10px 0;}
	
	#ticker {width:140px; height:200px; overflow:auto; padding:0 0 5px 8px; }
	#ticker dt {padding:0 0 5px 0; padding-top:10px;  position:relative; font-weight:bold; }
	#ticker dd {margin-left:0;  padding:0 0 10px 0; border-bottom:1px dotted #aaaaaa; position:relative; }
	#ticker dd.last {}
	#ticker div { margin-top:0; }
	

	
	
#footer {clear:both; background:url(../images/footer.jpg)  repeat-x #313131; }
	.mappa {padding-top:50px;}
	.testo_mappa {padding-top:25px;}
	.testo_mappa p {color:#FFF;}
	.testo_mappa a:hover {text-decoration:underline;}
	.footerone {clear:both; padding-top:15px;}
	.footerone a {color:#FFF;}
	.footerone a:hover {text-decoration:underline;}
	.footerone p {color:#FFF; padding-bottom:3px; font-size:11px;}
	
	.footerone_interno {clear:both; padding-top:2px;}
	.footerone_interno a {color:#000;}
	.footerone_interno a:hover {text-decoration:underline;}
	.footerone_interno p {color:#000; padding-bottom:3px; font-size:11px;}



















#s3slider {
   width: 625px; /* important to be same as image width */
   height: 188px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin: auto; border:1px solid #6C8499;
   
}

#s3sliderContent {
   width: 625px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 625px;
   
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}