/****************************************************************/
/*	theOttimo CreativeArtworks.it CascadeStyleSheet		*/
/****************************************************************/
/* ~ Palette ~
@ Mono		#5a5a5a #939393 #b6b6b6
@ Green		#82c436 #a7d645 #d1ea56
@ Blue		#409ad3 #4eb5de #5bd1ea
@ Orange	#f19711 #feb500 #fed500
*/
.right{
	text-align:right;
}
.border_bottom{
	border-bottom:1px solid black;
}
.txt_error{
	color:red;
}
html {
 height: 100%;
}

body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #670000;
 font-size: 0.8em;
 width: 770px;
 text-align: left;
 margin: 0px auto;
 padding: 0px;
 background-color: #670001;
}

#foot {
 text-align: center;
 font-weight: bold;
 clear: both;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px;
 background-image:url('/images/footer.jpg');
 background-repeat:no-repeat;
 height:45px;
 color:#FDF6B2;
}

h1 { 
 font-size: 1.2em;
 padding: 0px 4px;
}
h2 { 
 font-size: 0.9em;
 padding: 1px 8px;
}
h3 { 
 font-size: 0.8em;
 padding: 1px 12px;
}

hr {
 width: 100%;
 line-height: 1px;
}

a, a:link, a:visited {
 color: #660000;
 text-decoration: none;
 font-weight:bold;
}
a:hover {
 color: #660000;
 text-decoration:underline;
 font-weight:bold;
}

.footnote, .privacy {
 color: #660000;
font-size:10px;
}

.cafootnote, .prilink {
 color: #696969;
 text-decoration: none;
 border-bottom: 1px dotted #85A5A0;
}
.cafootnote:hover, .prilink:hover {
 color: #85A5A0;
 border-bottom: 1px solid #f7ef22;
}

div#foot .footnote,div#foot .privacy{
	color:#FDF6B2;
}

div#foot a.cafootnote,div#foot a.prilink{
	color:#FDF6B2;
 border-bottom: 1px dotted #FDF6B2;
 text-decoration:none;
font-size:10px;
}
div#foot a.cafootnote:hover,div#foot a.prilink:hover{
	color:#F4ECAE;
 border-bottom: 1px dotted #F4ECAE;
 text-decoration:none;
font-size:10px;
}

/* Stili di base */

table, div {
 margin: 0px auto;
 padding: 0px;
}

p {
/* margin:  0px auto;
 padding:  0px;*/
}

tr, div.row {
 margin: 0px auto;
 padding: 0px;
 vertical-align:top;
}

td, div.col { 
 vertical-align: top;
 margin: 0px auto;
 padding: 0px 0px;
}

div.table { display: table; width: 100%; }
div.row { display: table-row; width: 100%; }
div.col { display: table-cell; }

div.spacer {
 display: inline;
 line-height: 1px;
 margin: 4px auto;
 clear: both;
}

.light { background-color: #eaeaea; }
.dark { background-color: #dadada; }

/********/

div.r1 {
/* background: #eaeaea url('/images/menu_bg.gif') top left repeat-x;*/
}
div.r2 {
 background: #d1ea56 url('/images/grad_h_green.gif') top left repeat-y;
}
div.r4 {
 background: #fed300 url('/images/grad_h_orange.gif') top left repeat-y;
}

div.r3 div.c0 {
 float: left;
 width: 20%;
 margin: 8px 4px;
}
div.r3 div.c1 {
 float: left;
 width: 52%;
 text-align: left;
 margin: 8px 5px;
 background: url('/images/main_bg.gif') top left repeat-x;
}
div.r3 div.c2 {
 float: left;
 width: 20%;
 margin: 8px 4px;
}

div#module { height: 420px; min-height: 420px !important; background: url('/images/home_bg.jpg') top right no-repeat; }
div#module div.id_0_0 { width: 15px; height: 13px; background: url('/images/corner_tl.gif') top left no-repeat; }
div#module div.id_0_1 { border-top: 1px solid #939393; }
div#module div.id_0_2 { width: 15px; height: 13px; background: url('/images/corner_tr.gif') top right no-repeat; }
div#module div.id_1_0 { width: 15px; border-left: 1px solid #939393; }
div#module div.id_1_1 { width: auto; }
div#module div.id_1_2 { width: 15px; border-right: 1px solid #939393; }
div#module div.id_2_0 { width: 15px; height: 13px; background: url('/images/corner_bl.gif') bottom left no-repeat; }
div#module div.id_2_1 { border-bottom: 1px solid #939393; }
div#module div.id_2_2 { width: 15px; height: 13px; background: url('/images/corner_br.gif') bottom left no-repeat; }

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

div#main { 
 display: table; 
 width: 98%;
}

div#busy {
 display: none;
 position: absolute;
 top: 0px;
 left: 0px;
 bottom: 0px;
 right: 0px;
 background-color: #cacaca;
 border: 1px solid #5a5a5a;
 z-index: 200;
}

div#logo {
 float: left;
 background-repeat:no-repeat;
 background-image:url('/images/header.jpg');
 width:100%;
 text-align:left;
 vertical-align:bottom;
 height:130px;
 padding:0px 0px 0px 20px;
 color:#FDF6B2;
}
td.td11{
	width:190px;
}
div#language {
 text-align: right;
 vertical-align: top;
 padding: 4px;
 margin: 0px 12px;
}
div#language img.flag {
 padding: 1px;
 border: 1px solid #82c436;
}
div#language img.flag:hover {
 padding: 1px;
 border: 1px solid #409ad3;
}
div#language img.flag_selected {
 padding: 1px;
 border: 1px solid #f19711;
}

div#loader {
 position: absolute;
 padding: 10px;
 margin: 0px auto;
 background-color: #ececec;
 border: 1px solid #5a5a5a;
 z-index: 300;
}

/**** Navigator ****/

#navi, #sub_navi, #foot_navi {
/* width: 100%;*/
}

#navi {
	height: 26px;
	margin:0px 0px 0px 0px;
	padding-left:30px;
	background-image:url('/images/menu/menu_dx.jpg');
	background-repeat:no-repeat;
	background-position:right top;
}
#sub_navi, #foot_navi {
 height: 18px;
}
#n_main{
}
#navi ul, #sub_navi ul, #foot_navi ul {
 margin: 0px auto;
 padding: 0px;
 list-style: none;
 text-align: center;
}

#navi ul li, #sub_navi ul li, #foot_navi ul li {
	position: relative;
	float: left;
	background-image:url('/images/menu/bg_menu.jpg');
	background-repeat:repeat-x;
}
#navi ul li#n_0 a {
	margin-left:0px;
}
#navi ul li#n_0 {
	width:137px;
}
#navi ul li {
/* border: 1px solid #b6b6b6;
 background: #fff url('/images/menu_bg.gif') top left repeat-x;*/
}

#navi ul li:hover, #navi ul li.over {
/* background: #ebebeb url('/images/menu_bg_hover.gif') top left repeat-x;
 border: 1px solid #FF6600;*/
}
#navi ul li.current {
/* background: #e0e0e0 url('/images/menu_bg_current.gif') top left repeat-x;
 border: 1px solid #82c436;*/
}

#sub_navi ul li { background: none; }
#sub_navi ul li:hover, #sub_navi ul li.over { background: #a7d645 url('/images/grad_v_green.gif') top left repeat-x; }
#sub_navi ul li.current { background: #82c436 url('/images/grad_v_green.gif') bottom left repeat-x; }

#foot_navi ul li { background: none; }
#foot_navi ul li:hover, #foot_navi ul li.over { background: #feb500 url('/images/grad_v_orange.gif') top left repeat-x; }
#foot_navi ul li.current { background: #f19711 url('/images/grad_v_orange.gif') bottom left repeat-x; }

#navi ul li a, #sub_navi ul li a, #foot_navi ul li a {
 color: #000;
 display: block;
 text-decoration: none;
	margin:0px 5px;
}
#navi ul li a {
 line-height: 32px;
	width:138px;
}
#navi ul li { width: 147px; height:32px; margin:0px; }

#n_0 a{
	background-image:url('/images/menu/off/inostricorsi.jpg');
	background-repeat:no-repeat;
}
#n_0 a:hover, #n_0 a.current{
	background-image:url('/images/menu/on/inostricorsi.jpg');
	background-repeat:no-repeat;
}

#n_1 a{
	background-image:url('/images/menu/off/informazioni.jpg');
	background-repeat:no-repeat;
}
#n_1 a:hover, #n_1 a.current{
	background-image:url('/images/menu/on/informazioni.jpg');
	background-repeat:no-repeat;
}

#n_2 a{
	background-image:url('/images/menu/off/orientamento.jpg');
	background-repeat:no-repeat;
}
#n_2 a:hover, #n_2 a.current{
	background-image:url('/images/menu/on/orientamento.jpg');
	background-repeat:no-repeat;
}

#n_3 a{
	background-image:url('/images/menu/off/download.jpg');
	background-repeat:no-repeat;
}
#n_3 a:hover, #n_3 a.current{
	background-image:url('/images/menu/on/download.jpg');
	background-repeat:no-repeat;
}

#n_4 a{
	background-image:url('/images/menu/off/contattaci.jpg');
	background-repeat:no-repeat;
}
#n_4 a:hover, #n_4 a.current{
	background-image:url('/images/menu/on/contattaci.jpg');
	background-repeat:no-repeat;
}

#n_5 a{
	background-image:url('/images/menu/off/modulistica.jpg');
	background-repeat:no-repeat;
}
#n_5 a:hover, #n_5 a.current{
	background-image:url('/images/menu/on/modulistica.jpg');
	background-repeat:no-repeat;
}


#navi ul li ul li { width: 120px }
#sub_navi ul li { width: 18% }
#foot_navi ul li { width: 14% }

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

fieldset {
 margin: 10px;
 padding: 4px;
 background: url("/images/grgrad.gif") top left repeat-x;
 border: 1px solid #e7e7e7;
}
legend {
 font-weight: bold;
 padding: 0px 2px;
 border: 1px solid #e7e7e7;
}

form {
 display: inline;
 padding: 0px;
 margin: 0px auto;
}
input {
 margin: 1px;
 padding: 0px 1px;
}
input[type=text], input[type=password] {
 border: 1px solid #85A5A0;
}
input[type=text]:focus, input[type=password]:focus {
 border: 1px solid #f7ef22;
 background-color: #fbfbfb;
}
input[type=checkbox], input[type=radio] {
/* width: 20px;*/
 vertical-align: middle;
}
input[type=submit], input[type=reset] {
 background-color: #e7e7e7;
 border: 1px solid #85A5A0;
}
input[type=submit]:hover, input[type=reset]:hover {
 background-color: #f6f6f6;
}
input[type=submit]:focus, input[type=reset]:focus {
 background-color: #f6f6f6;
 border: 1px solid #000000;
}
textarea {
 height: 190px;
 width: 380px;
 padding: 2px;
 margin: 2px auto;
 background-color: #fbfbfb;
 border: 1px solid #85A5A0;
}
textarea:focus {
 border: 1px solid #000000;
}
label { font-weight: bold; }
optgroup {
 font-weight: bold;
 background-color: #fbfbfb;
}

select {
 background-color: #fbfbfb;
 border: 1px solid #85A5A0;
}
select[disabled=disabled] {
 font-style: italic;
 color: #cacaca; 
}
option {
 font-style: italic;
 background-color: #fbfbfb;
}
option[selected=selected] {
 background-color: #f0f0f0;
}

/********/

div#home {
 height: 412px;
}

div#news_box {
 width: 236px; 
 height: 446px;
 background: url('/images/home_news.jpg') top left no-repeat;
}

span.plus {
 width: 12px;
 height: 12px;
 vertical-align: middle;
 text-align: center;
 padding: 1px;
 cursor: pointer;
 border: 1px solid #5a5a5a;
}
table{
	width:100%;
	border-collapse: collapse;
}

div.newsList{
	border-bottom:1px dashed #660000;
	padding:3px 0px;
}

div#contattaci{ 
text-align:center;
}

