*
{
margin:0;
padding:0;
}

body{
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
color:#333;
background: url(../images/bgk.gif) 21px left repeat-x;
background-color:#fafaf8;
padding:14px 0;
text-align: center;
}

/** generale **/

.page_container{
margin:0 auto;
background:url(../images/bgkmain.gif) top left repeat-y;
position:relative;
text-align: left;}

/** testata **/
.headbar{
display:block;
clear:both;
position:relative;
}

/* hack del contorno */
.headbar:after {
   content: ".";
   display: block;
   height: 0;
   clear: both; visibility:hidden; /* layout contorna IE-MAC-FF-OP */
}
.headbar  {
   display: inline-block; /* layout contorna IE-MAC-FF-OP end */
}
* html .headbar{
   height: 1%; /* layout contorna IE-MAC-FF-OP start \*/
}
.headbar {
   display: block; /* layout contorna IE-MAC-FF-OP end */
}


.headbar ul{
list-style:none
}

#logo_box{
float:left;
background-color:#fafaf8;
}

#logo_box A{
display:block;
width:246px;
height:72px;
background:url(../images/m_tuttiautori.gif) left 12px no-repeat;
}

#top_menu_box{
float:left;
width:530px;
background-color:#fafaf8;
}

#top_menu_box SPAN{
display:none}

#top_menu_box UL LI{
display:inline;
}

#top_menu_box UL LI A{
display:inline;
float:left;
height:62px;
}

#login_block{
float:right;
padding-right:20px;
}

#login_block H3, #login_block UL{
height:12px;
padding:0 5px;
padding-bottom:2px;
float:left;
font-weight:normal;
text-transform:uppercase;
font-size:11px;
}

#login_block H3{
border-right:1px solid #656564;}

#login_block UL LI A{
height:12px;}

#login_block A, #login_block A:visited {
text-decoration:none;
}

#login_block A:hover {
text-decoration:underline
}

.top_navigation{
clear:right;
background:url(../images/m_finemenu.gif) top right no-repeat;
}

/* hack del contorno */
.top_navigation:after {
   content: ".";
   display: block;
   height: 0;
   clear: both; visibility:hidden; /* layout contorna IE-MAC-FF-OP */
}
.top_navigation  {
   display: inline-block; /* layout contorna IE-MAC-FF-OP end */
}
* html .top_navigation{
   height: 1%; /* layout contorna IE-MAC-FF-OP start \*/
}
.top_navigation {
   display: block; /* layout contorna IE-MAC-FF-OP end */
}

.topbarpubblica A{
display:block;
width:96px;
background:url(../images/m_pubblica.gif) top left no-repeat;}

.topbarservizi A{
display:block;
width:76px;
background:url(../images/m_servizi.gif) top left no-repeat;}

.topbarpreventivo A{
display:block;
width:109px;
background:url(../images/m_preventivo.gif) top left no-repeat;}

.topbarcontatti A{
display:block;
width:91px;
background:url(../images/m_contatti.gif) top left no-repeat;}

.topbaraiuto A{
display:block;
width:62px;
background:url(../images/m_aiuto.gif) top left no-repeat;}


.page_borders{
padding:15px 21px 25px 35px;
display:block;
position:relative;
}

/* hack del contorno */
.page_borders:after {
   content: ".";
   display: block;
   height: 0;
   clear: both; visibility:hidden; /* layout contorna IE-MAC-FF-OP */
}
.page_borders  {
   display: inline-block; /* layout contorna IE-MAC-FF-OP end */
}
* html .page_borders{
   height: 1%; /* layout contorna IE-MAC-FF-OP start \*/
}
.page_borders {
   display: block; /* layout contorna IE-MAC-FF-OP end */
}


.footerbar{
clear:both;
text-align:right;
padding:5px 21px 5px 0px;
background:url(../images/bgkfooter.gif) 15px bottom no-repeat;
color:#ccc;
font-size:10px;
}

.footerbar ul{
list-style:none}

P {
line-height:16px;
text-align:left
}

H1{
color:#174170;
font-size:23px;
font-weight:normal
}


H4{
color:#174170;
font-size:16px;
font-weight:normal
}

A, A:visited {
color:#174170;
text-decoration:underline
}

A IMG, A:hover IMG, A:visited IMG{
border:none;
text-decoration:none;} 

FIELDSET{border:none}

INPUT, SELECT{
background:url(../images/bgkinput.gif) top left repeat-x;
border:1px solid #ccc;
height:18px;
font-size:11px;
color:#174170;
}

TEXTAREA{
	font-family: Helvetica, Arial, sans-serif;
font-size:12px;
color:grey;
height:100px;
width:290px;
border:1px solid #ccc;}



INPUT.bottone, INPUT.FormsButton_button{
background:url(../images/bgkbutton.gif) top left repeat-x;
border:1px solid #939393;
height:20px; 
font-size:11px;
color:#174170;
font-weight:bold;
padding:0 10px
}

#torna{
color:#666;}


/* ********* HOME ************ */

#main{
width:760px;
padding:10px;
}

#intro{
width:720px;
height:325px;
background:url(../images/sfhome.jpg) top left no-repeat;
position:relative;
padding-bottom:34px
}

#intro h1, #intro p, #intro DIV{
float:right;
width:420px;
}



#sxLogin p {
padding:14px 0px 12px 0px;

}

#intro p {
padding:5px 16px 12px 0px;
width:400px;
}


#intro h1{
padding-top:35px
}

#intro DIV{
padding-right:22px;
}


#intro A span{
display:none
}

A.pubblica, A.scopri{
display:block;
height:33px;
float:right;
}

A.pubblica{
background: url(../images/btPubblicaLibro.gif) top left no-repeat;
width:228px;}

A.scopri{
background: url(../images/btScopriCome.gif) top left no-repeat;
width:201px;}

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

#servizio, #sxLogin{
float:left;
width:342px;
}

#servizio P{
padding-top:13px;
}

.vantaggi{
padding:3px 20px 30px 14px
}


#servizio IMG{
vertical-align:middle}

.vantaggi A{
display:block;
padding:6px 9px;
border-bottom:1px solid #dadada;
background:url(../images/flagverde.gif) center right no-repeat}

.vantaggi A.noborder{
border:0px;}

.leggit{
background:url(../images/icoDoc.gif) top left no-repeat;
height:20px;
padding-left:17px;
float:right;
}


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


/*
#catalogo p{
padding-top:5px;
width:310px;
}
*/

/*  ********* LOGIN ********* */

#sxLogin P{
padding-bottom:27px;}

#sxLogin .lista, #tutorial .lista, #profilo .lista{
padding:0px 0px 27px 22px;
background: url(../images/frecciaBlu.gif) 10px 3px no-repeat;}

.warnmessage{
float:right;
width:350px;
text-align:left;
color:#CC0000;
padding:5px 0}

/************************/
#login {
float:left;
width:324px;
background: url(../images/corniceLogin.gif) left top no-repeat;
padding:40px 13px 0 13px;
margin-left:26px;
}

#login fieldset{
padding-top:23px;
padding-bottom:30px;
}

#login label{
display:block;
padding-bottom:10px;

}

#login label span{
text-align:left;
display:block;
padding-right:10px;
font-weight:bold;
color:#174170;}

#login INPUT{
width:250px;
border:1px solid #cccccc;
}

#login .bottone{
margin-left:185px !important;
margin-left:175px;
width:auto;
}

html>/**/body #login .bottone{
margin-left:197px !important;
}

#login .registrati{
display:block;
padding-top:10px;
padding-bottom:10px;
font-size:14px;}

#logout {
float:left;
width:324px;
padding:5px 13px 0 13px;
margin-left:26px;
}

#logout .menudatablocktitle{
padding-bottom:10px
}


/********** preventivo  **************/
#preventivo{
width:720px;
position:relative;
padding-bottom:34px
}

#preventivo P{

padding-left:8px;
padding-bottom:25px;}

#preventivo H4{
padding-bottom:5px}

#mascheraPrev{
background-color:#e7ecf0;
border:1px solid #a8b8c9;
padding-top:24px;
padding-bottom:24px;
padding-left:115px;}


#mascheraPrev FIELDSET{
display:block;
padding:15px 0px;
width:490px;}

#mascheraPrev LABEL{
		font-family: Helvetica, Arial, sans-serif;
font-size:11px;
display:block;
padding:2px 0px;
clear:both;
line-height:16px;
}

#mascheraPrev SPAN{
float:left;
display:block;
text-align:right;
padding-right:10px;
}

#mascheraPrev SPAN.labStampa{
width:120px !important;
width:132px}


#mascheraPrev SPAN.labCopia{
padding-left:35px}

#mascheraPrev input{
float:left;
margin-right:6px;

}

#mascheraPrev .secondo LABEL, #mascheraPrev .totale LABEL{
width:245px;
clear:none;
float:left;
}


#mascheraPrev .butPrev{
padding-top:10px;
padding-bottom:10px;
padding-left:130px;
 }
 
 INPUT#totale {
 border:1px solid #174170;
}

/***********   ISCRIVITI / modifica    *************/
#iscriviti{
width:720px;
position:relative;
padding-bottom:34px;
}

.modifica{
width:515px;
float:left;
}


#iscriviti .warnmessage{
float:none;
width:auto;
padding-left:300px;
padding-top:20px;}


#iscriviti FIELDSET{
width:320px;
padding-left:180px;
}

#iscriviti LEGEND, .modifica LEGEND{
padding-left:120px;
padding-top:27px;
padding-bottom:13px;
font-weight:bold;
color:#000;
}


#iscriviti LABEL, .modifica LABEL{
display:block;
clear:both;
padding-bottom:6px;
font-weight:bold;
font-size:10px;
color:#174170}

#iscriviti LABEL SPAN, .modifica LABEL SPAN{
float:left;
display:block;
text-align:right;
padding-right:10px;
width:110px;
font-weight:bold;
text-transform:uppercase
}

#iscriviti INPUT, .modifica INPUT{
float:left;
margin-bottom:6px}

#iscriviti SELECT, .modifica SELECT{
background-color:#FFFFFF}

#iscriviti SELECT, #iscriviti INPUT, #iscriviti TEXTAREA, .modifica SELECT, .modifica INPUT, .modifica TEXTAREA{
width:196px}

#iscriviti TEXTAREA, .modifica TEXTAREA{
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
color:#333;}

#iscriviti .mailinglist, .modifica .mailinglist{
padding-top:10px;
}

#iscriviti .mailinglist, #iscriviti .condizioni, .modifica .mailinglist, .modifica .condizioni{
padding-left:120px}

#iscriviti .mailinglist INPUT, #iscriviti .condizioni INPUT, .modifica .mailinglist INPUT, .modifica .condizioni INPUT{
width:auto;
border:none}

#iscriviti .butPrev{
text-align:right;
padding-left:300px
}

/* hack del contorno */
#iscriviti .butPrev:after, .modifica .butPrev:after {
   content: ".";
   display: block;
   height: 0;
   clear: both; visibility:hidden; /* layout contorna IE-MAC-FF-OP */
}
#iscriviti .butPrev, .modifica .butPrev  {
   display: inline-block; /* layout contorna IE-MAC-FF-OP end */
}
* html #iscriviti .butPrev, * html .modifica .butPrev{
   height: 1%; /* layout contorna IE-MAC-FF-OP start \*/
}
#iscriviti .butPrev, .modifica .butPrev {
   display: block; /* layout contorna IE-MAC-FF-OP end */
}

#iscriviti .butPrev INPUT{
margin-right:10px;
width:auto;
float:left;
}

.modifica .butPrev{
padding-left:120px
}

.modifica .butPrev INPUT{
width:auto;
margin-right:10px}

#content-register_ActionButtonInsert, #MainRecord_ActionButtonUpdate{
margin-top:14px}

/***********   PUBBLICA     *************/
#sezpubblica{
float:left;
padding-left:20px;
width:425px;
position:relative;
padding-bottom:34px
}

#sezpubblica P {
padding-bottom:15px;
clear:both}

#sezpubblica H4{
padding-top:15px;
padding-bottom:13px;
font-weight:bold}

#sezpubblica p.font{
padding-left:30px;
padding-bottom:50px;
}

/* hack del contorno */
p.font:after {
   content: ".";
   display: block;
   height: 0;
   clear: both; visibility:hidden; /* layout contorna IE-MAC-FF-OP */
}
p.font  {
   display: inline-block; /* layout contorna IE-MAC-FF-OP end */
}
* html p.font{
   height: 1%; /* layout contorna IE-MAC-FF-OP start \*/
}
p.font {
   display: block; /* layout contorna IE-MAC-FF-OP end */
}


#sezpubblica p.font A{
float:left; 
display:block;
width:160px;
padding-bottom:10px}

#sezpubblica p.font A IMG{
text-decoration:none;
float:left;
margin-right:12px;
vertical-align:middle
}

#tutorial{
float:left;
padding-left:32px;
width:240px;
position:relative;
padding-bottom:34px}

#tutorial H4{
color:#666;
padding-bottom:5px;
margin-bottom:10px;
padding-top:15px;
border-bottom:1px dotted #666;
font-weight:bold}

#tutorial .video{
padding-bottom:20px;}

#tutorial .listapdf{
padding:0px 0px 10px 32px;
background: url(../images/icopdf.gif) 10px 3px no-repeat;}

#sezpubblica .passoSucc{
padding-bottom:20px;}


/***********   profilo     *************/

#menuProfilo A, #menuProfilo A:visited{
text-decoration:none;
color:#4d4d4d}

#menuProfilo A:hover{
text-decoration:underline;
color:#4d4d4d}

#menuProfilo{
float:left;
width:178px;
background: url(../images/bgkMenu.gif) top left no-repeat;
padding-top:45px;
padding-left:16px;
margin-right:0px !important;
margin-right:16px;
}

#menuProfilo P{
padding-bottom:20px;}

#menuProfilo .linklibri{
padding-left:0px;
margin-left:0px;
padding-top:10px;
padding-bottom:30px;
list-style:none;
list-style-position:inside;
width:150px;
}

#menuProfilo .linklibri LI{
padding-bottom:5px}

#menuProfilo .linklibri LI.rosso{
list-style-image:url(../images/pallinoRosso.gif)}

#menuProfilo .linklibri LI.verde{
list-style-image:url(../images/pallinoVerde.gif)}


#menuProfilo .linkprofilo{
padding-top:10px;
list-style:none;
width:150px;}

#menuProfilo .linkprofilo .sel{
font-weight:bold;
color:#134373}

#profilo{
width:515px;
float:left;
padding-left:22px}

#profilo H4{
padding-bottom:5px;}

#profilo H4.cosa{
padding-top:30px;}

#profilo P{
padding-bottom:20px;}

#profilo .lista{
padding-bottom:10px}


/***********   AREA UTENTI     *************/
.innerblocklegend, .blocklegend, .DataGrid{
font-weight:bold}

.blocklegend{
	padding-top:20px;
padding-bottom:20px;

}

.SearchForm{
padding-bottom:40px;}

.SearchForm SELECT{
background-color:#FFFFFF}

.SearchForm .button_cont{
width:80%;
text-align:right}


TABLE.frame TD{
padding:10px
}

.DataGrid{
padding-bottom:20px;}

.DataGrid .gridheadbox .Paginator{
display:none}

.DataGrid .gridheadbox .addnewrec{
width:89%;
padding:10px 0;
text-align:right;}

.DataGrid TABLE.frame{
width:90%}

.DataGrid TABLE.frame TD{
background-color:#F4F4F4;
border:2px solid #fff}

.DataGrid TABLE.frame TH{
background-color:#ccc;
padding:3px 0;
border:2px solid #fff}

.frame TH A, .frame TH A:visited, .frame TH A:hover{
color:#fff}


/***********   SERVIZI     *************/
#servizi{
width:720px;
position:relative;
padding-bottom:34px;
}

#servizi .immagine{
float:left;
margin-right:16px;}

#servizi P{
padding-left:8px;
padding-bottom:23px;
}

#servizi H4{
padding-bottom:5px}

#servizi P.ele_servizi{
padding-top:22px;
padding-bottom:0px;}

#servizi .ele_servizi IMG{
display:block;
margin-bottom:17px}

/***********   AIUTO     *************/
#aiuto{
width:720px;
height: 450px;
position:relative;
padding-bottom:34px;
color:grey;
}

#aiuto2{
width:736px;
margin-left:-7px;
margin-bottom:20px;
}

#aiuto .immagine{
float:left;
margin-right:16px;}

#aiuto P{
 font-weight: normal;
padding-bottom:5px;
text-align:left;

}

#aiuto H3{
color: #145384; font-weight: normal;
line-height: 16px;
text-align: left;
}

/***********   Menu Admin     *************/

.side_navigation {
	line-height: 1.5em;
}

/* My Comment */