﻿body {
        background:#fff url('images/top.jpg') top repeat-x;
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:60%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
    }
p {
    margin:.4em 0 .8em 0;
    padding:0;
    }
img {
	margin:0;
	border:0;
	}
hr{
	color:#fff;
	background-color:#fff;
	border-bottom:1px solid #eee
}
.primoP{
	font:1.8em "Times New Roman", Times, serif;
	color:#444;
}
.payoff{
	font:1.6em "Times New Roman", Times, serif;
	color:#000;
	font-style:italic;
	margin:-25px 0 0 0;
	padding:0;
}

.noBordo{
	border:0!important;
}
.clear{
	clear:both;
}
.tit {
    background-color:#eee;
    border-top:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3;
    }
.messaggio{
	font-size:1.2em;
	font-style:italic;
	border-bottom:1px solid #000;
	padding:0 0 10px 0;
}



/* CONTENITORE ---------------------------------------*/

#box {
	background: url('images/bottom.jpg') bottom repeat-x;
	display:block;
	height:100%;
	}
#box1 {
	background: url('images/logo_franchisinginiziative4.jpg') left top no-repeat;
	}
#box2 {
	width:90%; 
	margin:0 auto;
	}




/* HEADER ---------------------------------------*/

#globale {
	text-align:right!important;
	margin-right:15px;
	margin-left: 458px;
	height:27px;
	}
#globale ul#nav{
	float:right!important;
	margin:0;
	}
#header {
	width:100%;
	background:url('images/Head-bg2.jpg') no-repeat top right;
	height:170px
    }
#header img {
	margin-top:0
}
#header h1 {
	font-size:2.2em;
	padding:0 15px 0 15px;
    margin:0;
    display:none
	}
#header p {
	color:#FFF;
	padding:2px 15px 0 15px;
    margin:95px 0 0 0;
    font-size:1.2em;
}
.logo_stampa{
	display:none;
}
/*transparent*/
#text {
	position:absolute; top:0; right:0; width:200px; height:330px; background:#EEE; padding:10px;
	filter: alpha(opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.7;
}
#words {
	position:absolute; top:0; right:0; 
	width:200px; height:330px; background:transparent; 
	padding:10px;border-left:1px dotted gray;border-bottom:1px dotted gray;
}




/*NAVIGAZIONE -------------------------------*/

#nav {
margin:13px 0 0 0;
}
#nav ul {
margin:/*70px*/0 15px 0 15px; padding:0; list-style:none; white-space:nowrap;
}
#nav li {
display:table-cell; margin:0; padding:0;
}
#nav a {
float:left; color:#000; background:#EDB915 url('images/top_left.gif') no-repeat left top; margin:0 3px 0 0; padding:0 0 0 2px; text-decoration:none; letter-spacing:1px;
}
#nav a b {
font-weight:normal;float:left; display:block; background:transparent url('images/top_right.gif') no-repeat right top; padding:5px 16px 5px 12px;
}
#nav a:hover {
background: #BB2F14 url('images/top_left.gif') no-repeat left top; color:#fff; cursor:pointer;
} 
#nav a.active {
background: #BB2F14 url('images/top_left.gif') no-repeat left top; color:#fff; cursor:pointer;
} 


/* 'widths' sub menu */
#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		border-bottom:1px solid #000;
		margin:0;
		padding:0 15px !important;
		color:#000 !important;
		height:22px
	}
#layoutdims a{
		float:none;
		background:transparent;
		margin:0;
		padding:0;
		color:#388AC4
	}
#layoutdims a:hover{
		float:none;
		background:transparent;
		margin:0;
		padding:0;
		color:black;
		text-decoration:underline;
	}
.backoffice{
	text-align:left;
	width:45%;
	float:left;
	font-weight:bold;
	color:maroon;
	padding-top:5px;
	}
.cerca{
	text-align:right;
	width:45%;
	float:right;
	}
table textarea{
	font-size:1.3em;
}
.backT th{
	text-align:left
}
.backT{
	width:auto
}






/*45° MENU -------------------------------*/

#slant {padding:0; margin:0 0 0 10%; list-style:none;}
#slant li {float:left; text-align:center; margin:0 -20px 0 0;padding:0;} 
#slant a {display:block; text-decoration:none; background:transparent; margin:0;padding:0}
#slant a em {font-style:normal; display:block; padding:0 5px; height:25px; background:#EDB915; float:left; cursor:pointer; color:#000; line-height:24px;}
a span {cursor:pointer; display:block; width:0; overflow:hidden; float:left; background:#EDB915 url('images/.gif');padding:0}
#slant a b {cursor:pointer; display:block; width:0; overflow:hidden; float:left; background:#EDB915 url('images/.gif');padding:0}
#slant a span {height:0; border-top:25px solid #EDB915; border-right:25px solid #fff;}

#slant a b.p5 {border-top:5px solid #fff; border-right:5px solid #EDB915;}
#slant a b.p4 {border-top:5px solid #fff; border-right:5px solid #EDB915;}
#slant a b.p3 {border-top:5px solid #fff; border-right:5px solid #EDB915;}
#slant a b.p2 {border-top:5px solid #fff; border-right:5px solid #EDB915;}
#slant a b.p1 {border-top:5px solid #fff; border-right:5px solid #EDB915;}

#slant a b.p1 {height:0; margin-top:20px;}
#slant a b.p2 {height:5px; margin-top:15px;}
#slant a b.p3 {height:10px; margin-top:10px;}
#slant a b.p4 {height:15px; margin-top:5px;}
#slant a b.p5 {height:20px;}

#slant a b.p10 {border-bottom:5px solid #fff; border-left:5px solid #EDB915;}
#slant a b.p9 {border-bottom:5px solid #fff; border-left:5px solid #EDB915;}
#slant a b.p8 {border-bottom:5px solid #fff; border-left:5px solid #EDB915;}
#slant a b.p7 {border-bottom:5px solid #fff; border-left:5px solid #EDB915;}
#slant a b.p6 {border-bottom:5px solid #fff; border-left:5px solid #EDB915;}

#slant a b.p6 {height:20px;}
#slant a b.p7 {height:15px;}
#slant a b.p8 {height:10px;}
#slant a b.p9 {height:5px;}
#slant a b.p10 {height:0;}

#slant a:hover {background:#BB2F14;}
#slant a.selected em {color:#fff; background:#BB2F14;}

#slant a:hover em {color:#fff; background:#BB2F14;}
#slant a.selected b.p5 {border-right-color:#BB2F14; background: #BB2F14;}
#slant a:hover b.p5 {border-right-color:#BB2F14; background: #BB2F14;}
#slant a.selected b.p4 {border-right-color:#BB2F14; background: #BB2F14;}
#slant a:hover b.p4 {border-right-color:#BB2F14; background: #BB2F14;}
#slant a.selected b.p3 {border-right-color:#BB2F14; background: #BB2F14;}
#slant a:hover b.p3 {border-right-color:#BB2F14; background: #BB2F14;}
#slant a.selected b.p2 {border-right-color:#BB2F14; background: #BB2F14;}

#slant a:hover b.p2 {border-right-color:#BB2F14; background: #BB2F14;}
#slant a.selected b.p1 {border-right-color:#BB2F14; background: #BB2F14;}
#slant a:hover b.p1 {border-right-color:#BB2F14; background: #BB2F14;}
#slant a.selected b.p10 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a:hover b.p10 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a.selected b.p9 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a:hover b.p9 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a.selected b.p8 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a:hover b.p8 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a.selected b.p7 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a:hover b.p7 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a.selected b.p6 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a:hover b.p6 {border-left-color:#BB2F14; background: #BB2F14;}
#slant a.selected span {border-top-color:#BB2F14;}
#slant a:hover span {border-top-color:#BB2F14;}

#slant a.selected:hover span {cursor:default;}
#slant a.selected:hover em {cursor:default;}
#slant a.selected:hover b {cursor:default;}



/* column container --------------------------------------*/

.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		background:#F1F1F1;
	}
h1 {
    margin:.8em 0 .2em 0;
    padding:0;
   	text-transform:uppercase;
	color:#fff;
    }
h2{
	font:bold 2em Georgia, "Times New Roman", Times, serif;
	color:#202020;
	background-color:inherit;
	text-transform:uppercase;
	margin:0 0 21px 0;
}
h2 span{
	font-weight:normal;
	color:#BB2F14;
	background-color:inherit;
	display:block;
}
h3 {
    font:bold 1.6em Georgia, "Times New Roman", Times, serif;
    margin:.8em 0 0 0;
    padding:0;
    line-height:normal;
    }
h3 span{
	color:#BB2F14;
	background-color:inherit;
	display:block;
}
h4 {
    margin:.4em 0 .1em 0;
    padding:0;
    font-size:1em;
    }



	
/* common column settings */

.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
		border-right:1px dotted gray;
		background:url('images/left.jpg') repeat-y right;
	}
.colmid {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
.colright {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
.col1 {
		float:left;
		position:relative;
		padding:1em 0;		/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
		background:url('images/.jpg') no-repeat top right;
		font-size:115%;
		line-height:130%;
	}
.col1 a:visited{
	color:/*#4362B7*/#BB2F14;
	text-decoration:underline;
}
.col1 a:link{
	color:/*#4362B7*/#BB2F14;
	text-decoration:underline;
}
.col1 a:active{
	color:/*#970000*/#000;
	text-decoration:underline;
}
.col1 a:hover{
	color:/*#970000*/#000;
	text-decoration:underline;
}
.col2 {
		float:left;
		position:relative;
		padding:1em 0;		/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
.col2 h2{
	color:/*#EDB915*/#EDB915;			/*arancio colonna centro*/
	text-transform:capitalize;
	font-size:2em
}
.col2 h3{
	text-transform:capitalize;
	font-size:1.3em;
	margin:0;
	padding:3px 0 0 0;
	border-top:1px dotted gray;
	color:#000;
}
.col2 img{
	margin:0;
	padding:0;
}
.col2 input{
	border:1px solid #EDB915;
	background-color:#FFFFCE;
	margin-bottom:10px;
}
.col2 p{
	width:100%;
	margin:0 0 10px 0;
}
.col2 a:link{
	color:#EDB915;
	text-decoration:underline;
	font-weight:bold;
}
.col2 a:visited{
	color:#EDB915;
	text-decoration:underline;
	font-weight:bold;
}
.col2 a:hover{
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}
.col2 a:active{
	color:#000;
	text-decoration:underline;
}
.col3 {
		float:left;
		position:relative;
		padding:1em 0;		/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
.col3 h2{
	color:#388AC4;			/*azzurro colonna destra*/
	text-transform:capitalize;
	font-size:2em
}
.col3 h3{
	color:#388AC4;
	text-transform:capitalize;
	font-size:1.4em;
	display:inline;
	margin:0;
	padding:0 10px 0 0;
	float:left;
}
.col3 input{
	border:1px solid #388AC4;
	background-color:#E7E9EB;
}
.col3 a:visited{
	color:#388AC4;
	text-decoration:none
}
.col3 a:link{
	color:#388AC4;
	text-decoration:none
}
.col3 a:active{
	color:#000;
	text-decoration:underline
}
.col3 a:hover{
	color:#000;
	text-decoration:underline
}
.blogstyle {
		background:#fff url('images/left.jpg') repeat-y right;		/* right column background colour */
	}
.blogstyle .colmid {
		right:25%;				/* width of the right column */
		background:url('images/left.jpg') repeat-y right;			/* center column background colour */
		
	}
.blogstyle .colleft {
		right:25%;				/* width of the middle column */
		background:#fff;		/* left column background colour */
	}
.blogstyle .col1 {
		width:46%;				/* width of center column content (column width minus padding on either side) */
		left:52%;				/* 100% plus left padding of center column */
		border-top:4px solid #BB2F14;
	}
.blogstyle .col2 {
		width:21%;				/* Width of left column content (column width minus padding on either side) */
		left:56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
		border-top:4px solid #EDB915;
		color:#666;
		
	}
.blogstyle .col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:60%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
		border-top:4px solid #388AC4;
		color:#666;
	}
.lavoro{
	float:left;
	width:48%;
	margin:20px 10px 20px 0;
}
.personale{
	width:48%;
	margin:30px 0;
} 


/*TOOLTIP 
Stu Nicholls | CSSplay | Tooltips on inline links
http://www.cssplay.co.uk/menu/tooltips ---------------------*/

a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(images/tooltip.gif) 0 0; display:block; font-size:1px;}



/*COLONNE ----------------------
Stu Nicholls | CSSplay | More snazzy borders 
 http://www.cssplay.co.uk/boxes/snazzy2.html */ 

.zsnazzy {
	display:block;
}
.xsnazzy {
	background: none transparent scroll repeat 0% 0%; 
	float: left; 
	margin: 0 4px 0 0; 
	width: 32%; 
	border-left: 1px dotted gray;
}
.xsnazzy h1 {
	font-size: 1.2em;
	margin: 0;
	padding: 0 10px 5px 10px;
	border-bottom: #444 1px solid
}
.xsnazzy p {
	margin: 0; 
	padding: 5px 10px 5px 10px; 
}
.xboxcontent {
	background-color: #fff; height: auto
}
.xsnazzy ul{
	list-style-type:none;
	margin:0 0 0 10px
}
.col1 .xsnazzy a:visited{
	color:/*#4362B7*/#BB2F14;
	text-decoration:none;
}
.col1 .xsnazzy a:link{
	color:/*#4362B7*/#BB2F14;
	text-decoration:none;
}
.col1 .xsnazzy a:active{
	color:/*#970000*/#000;
	text-decoration:underline;
}



.col1 .xsnazzy a:hover{
	color:/*#970000*/#000;
	text-decoration:underline;
}



/*FIELDSET ------------------------*/
legend{
	color:#DD0000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.2em;
}
fieldset{
	padding:10px;
}
fieldset img{
	margin:0 10px 10px 0;
	padding:0;
	float:left;
	clear:left;
}
fieldset p{
	margin:0 0 20px 0;
}



/*TABELLE------------------------*/
table{
	border:0;
	width:100%;
	margin:0;
	padding:2px;
	border-collapse:collapse;
}
div.boxScheda{
	padding:0;
	margin:0;
}
table.scheda{
	/*border-top:1px solid #202020;*/
	background-color:#EEE;
}
table.scheda td{
	margin:0;
	padding:2px 2px 2px 5px;
	border:0;
	border-top:1px solid #fff!important;
}
caption{
	margin:0;
	font-size:1.2em;
	font-weight:bold;
	color:#BB2F14;
	text-align:left;
	/*font:bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;*/
	padding:10px 0 10px 5px;
	background:url('images/bg_scheda.gif') no-repeat;
}
tbody{
	border:0;
	margin:0;
	padding:2px;
}
tbody.tbodyA{
	/*background-color:#F3E1DA;*/
}
tbody.tbodyB{
	background-color:#D9E6EE;
}
tbody.tbodyC{
	/*background-color:#E7E5CD*/
}
tbody.tbodyD{
	background-color:#D9E6EE;
}
tbody.tbodyE{
	background-color:#E7EEAE
}
tbody.tabRed{
	font-style:italic;
}
thead{
	border:0;
}
tfoot{
	font-style:italic;
	color:#666;
}
.bold{
	font-weight:bold;
	font-size:.9em;
}
.normal{
	font-weight:normal;
}
.tabLista{
	border:0!important;
}
.tabLista th{
	border:0;
	text-align:left;
	height:20px;
	font-size:1.1em;
	text-transform:uppercase;
}
.tabLista td{
	margin:0;
	padding:2px;
	border:0;
	border-bottom:1px dotted #388AC4;
}
.tabLista td a{
	font-weight:bold;
}
.aggiorna{
	text-decoration:none!important;
	padding:2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	background:url('images/aggiorna.gif') no-repeat;
	width:71px;
	height:21px;
}
tr.paginazione table{
	width:auto;
}


/*FORM ------------------------*/

.reg{
	
}
form{margin:0;}
label{
	width:14em;
	display:inline-block;
	white-space:nowrap;
	vertical-align:middle;
	height:20px;
	font-weight:bold;
	font-size:.9em;
}
input{
	margin:0;
	border:1px solid ccc;
	width:130px;
	font-size:1.1em;
}
input[type=button]{
	width:80px;
	padding:0;
	margin:0;
	float:left;
}
input.bottone{
	margin:5px 0 10px 0;
	border:1px solid ccc;
	width:auto!important;
	background-color:#E4EAF1;
}
textarea{
	height:100px;
	font-size:1em;
	width:100%;
}
.cond{
	margin:30px 0 0 0; border:0; padding:0;
}
.cond legend{
	text-transform:capitalize
}
.cond label{
	vertical-align:top;
	width:auto;
}


/* PIEDE -------------------------- */
#footer {
        clear:both;
        float:left;
        width:100%;
		height:60px;
		font-family:Tahoma, verdana, arial, sans-serif;
		font-size:1em;
		color:#666;
		text-align:center;
    }
#footer p {
        padding:30px 0 0 0;
        margin:0;
    }