@charset "utf-8";
/* CSS Document */

/* ---- Mutui Css---- */
*
{
    margin: 0;
    padding: 0;
    border: 0
}

body
{
    color: #666;
    background:#ccc url(../images/taglio/sfo_body.jpg) 0 0 repeat-x;
    margin: 0 0;
    font-size:13px;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
}

.reddito-label
{
    background:#FFFFFF none repeat scroll 0 0!important;
    color:#000000!important;
}

/* ---- Tipografia  -----------------------------------------------------------------------------------------------------------------------*/
h1
{
    font-size: 190%;
    color:#5A972D;
    border-bottom:1px solid #eee;
    line-height:1.2em;
    margin:10px 0 15px 0;
    padding:5px 10px 5px 0px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h2
{
    color:#203995;
    margin:20px 20px 0 10px;
    font-size: 150%;
    font-weight: bold;
    padding:8px 10px 8px 1px;
    line-height:1.2em;
    clear:both;
}

h2.green
{
    color:#5A972D;
}

h2.doc_necessari{
	padding:0;
	margin:0;
}

h2.doc_necessari img{
	padding:20px 10px 0 0;
}


h3
{
    color: #618E39;
    font-size: 140%;
    font-weight:bold;
    margin:10px 20px 5px 0px;
}

h4
{
    color: #333;
    font-size: 100%;
    padding: 5px 5px 2px 0;
    margin:0 20px 0 20px;
}

h5
{
    font-size: 80%;
    padding: 5px 5px 2px 0;
    margin:0 20px 0 20px;
}

p
{
    padding:10px 10px;
    margin:0 20px 0 0px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.4em;
}

ul
{
    margin:0 20px 0 20px;
    padding:5px 5px 5px 20px;

}

li
{
    list-style:none;
    background:url(../images/taglio/raquo.gif) 0 8px no-repeat;
    padding:0 0 5px 15px;
}

input, select, textarea
{
	padding:3px 5px;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

strong
{
	color:#333;
}



.evidence
{
	color:#222;
	background:#E1EAF9;
	border:1px solid #CCC;
	padding:15px;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:10px 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius:  10px;
}


/* ---- immagini  ---------------------------------------------------------------------------------------------------------------------*/
img
{
    margin:0;
}

/* ---- link  -----------------------------------------------------------------------------------------------------------------------*/
a:link,
    a:visited
{
    color: #25487E;
    text-decoration: none;

}

a:hover
{
    color:#25487E;
    text-decoration: underline;
}

/*Wrap contenitore pagina-------------------------------------------------------------------------------------------------------------------*/
#wrap
{
    text-align: left;
    width: 960px;
    margin: 0 auto;
    position: relative;
    background: url(../images/taglio/bigwrap.png) no-repeat 0 139px;
    padding:0 8px 0 8px;
}

#wrap-form
{
    text-align: left;
    width: 960px;
    margin: 0 auto;
    position: relative;
    background: url(../images/taglio/bigwrap-form.png) no-repeat 0 102px;
    padding:0 8px 0 8px;
}

/*-----------------header--------------------------------------------------------------------------------------------------------------------------*/
#header
{
    background:none;
    height:102px;
    background:#fff;
    position:relative;
}

a:link#logo
a:visited#logo
{
    display:block;
    width:189px;
    height:35px;
    margin:0;
    position:absolute;
    top:0;
    left:0;
}

#slogan
{
    position:absolute;
    top:30px;
    left:290px;
    font-size:16px;
    color:#333;
}

/*-----------------NAV--------------------------------------------------------------------------------------------------------------------------*/
.tabs
{

}

.tabs .tabNavigation
{
    margin:0 0 0 3px;
    padding:0;

}

.tabs .tabNavigation li
{
    float:left;
    margin:0 8px 0 0;
    list-style:none;
    padding:0;
}

.tabs .tabNavigation li a:link, .tabs .tabNavigation li a:visited
{
    color:#FFF;
    font-size:12px;
    background:url(../images/taglio/tab.jpg) 0 0 no-repeat;
    padding:9px 15px 10px 15px;
    display:block;
    width:133px;
    text-align:center;
}

.tabs .tabNavigation li a:hover
{
    background:url(../images/taglio/tab.jpg) left bottom no-repeat;
}

.tabs .tabNavigation li a.selected
{
    background:url(../images/taglio/tab.jpg) left bottom no-repeat;
}

.tabs .tabNavigation li.zero
{
    display:none;
}

/*-----------------green-space--------------------------------------------------------------------------------------------------------------------------*/

#tabs{
	height:138px;
	}
.green-space
{
    background: url(../images/taglio/green-space.jpg)  no-repeat 0 0;
    padding: 10px 0 0 150px;
    margin:0 0 0 0;
    width:540px;
    height:138px;
    clear:both;
    float:left;
    position:relative;
}

.green-space h2.center
{
    margin:50px 0 10px 20px;
}

.green-space h2
{
    color:#fff;
    font-weight:bold;
    background:none;
    margin:5px 0 8px 0;
    padding:0 0 0 10px;
}

.green-space p
{
    color:#FFF;
    padding:0;
}

.light
{
    position:absolute;
    bottom:10px;
    right:20px;
    background:#1A4280;
    color:#FFF;
    padding:2px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
    font-size:12px;
}

.light:hover
{
    background:#D2E1F8;
    color:#333;
    text-decoration:none;
    cursor:pointer;
}

/*-----------------nav-aiuti--------------------------------------------------------------------------------------------------------------------------*/
#nav-aiuti
{
    margin:0;
    float:left;
    padding:0;
}

#nav-aiuti li
{
    margin:0;
    padding:0;
}

#nav-aiuti li a:link, #nav-aiuti li a:visited
{
    background:#000;
    padding:20px 20px 20px 80px;
    height:34px;
    display:block;
    width:170px;
    background:url(../images/taglio/nav-aiuti.jpg) 0 0 no-repeat;
    color:#FFF;
    font-size:18px;
}

/*-----------------content wrap--------------------------------------------------------------------------------------------------------------------------*/
#content-wrap
{
    background: url(../images/taglio/content.jpg)  repeat-y 0 0;
    padding: 0 0 0 20px;
    margin:0 0 0 0;
    position: relative;
    float:left;
    width:940px;
}

#content-wrap-form
{
    background: url(../images/taglio/content.jpg)  repeat-y 0 0;
    padding: 0 0 0 20px;
    margin:20px 0 0 0;
    position: relative;
    float:left;
    width:940px;
}

/*----------------- main --------------------------------------------------------------------------------------------------------------------------*/
#main
{
    padding:0 20px 20px 0;
    width:650px;
    float:left;
}


.faqlink{
	display:block;
	margin:0 0 5px 0;
	}


/*-----------------box-form--------------------------------------------------------------------------------------------------------------------------*/
.box-form
{
    border-right:1px solid #507D31;
    border-left:1px solid #507D31;
    border-bottom:1px solid #507D31;
    -moz-border-radius: 20px;
    -webkit-border-radius:  20px;
    padding:0 0 5px 15px;
    margin:0 0 20px 0;
    position:relative;
    float:left;
    width:633px;
}

.box-form h2
{
    position:absolute;
    top:-1px;
    left:-1px;
    background:url(../images/taglio/box-form.png) no-repeat 0 0;
    margin:0;
    display:block;
    width:570px;
    color:#FFF;
    padding:0 0 0 90px;
    font-size:11px;
    height:30px;
}

.box-form h2 span
{
    background:#507D31;
    padding:7px 10px 7px 0;
    position:absolute;
    top:0;
    left:90px;
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
}

.box-form-content form
{
    clear:both;
    margin:0;
    padding:0;
}

.box-form-content h3
{
    text-transform:none;
    text-align:right;
    color:#999;
    font-size:12px;
    margin:0;
    padding:0 35px 5px 0;
}

.box-form-content p
{
  font-size:13px;
}


.sep
{
    width:600px;
    clear:both;
    border-bottom:1px solid #ccc;
    margin:0 0 0 0;
}

.minisep
{
    clear:both;
    border-bottom:1px solid #fff;
    margin:2px 0 2px 0;
}


.box-form-content
{
    padding:30px 0 10px 0;
    float:left;
}

.error
{
    background:#FFFDE8;
    border:1px dotted #F00;
	color:#F00;
}

#error_div
{
   clear:both;
   background:#FFFDE8;
    border:1px dotted #F00;
	margin:0 0 20px 0;
}

#inserisciAmmontare input:focus
{
    background:#FFFDE8;
    border:1px solid #000;

}

#inserisciAmmontare
{
    clear:both;
    background:#eee;
    border:2px solid #618A44;
	-moz-border-radius: 10px;
    -webkit-border-radius:  10px;
	margin:0 0 10px 0;
}

.box-form-content div.doublediv, .box-form-content div.unico
{
    background:#fff;
    margin:5px 0 10px 0;
    padding:0 0 0 0;
}

.box-form-content div div.riga
{
    background:#eee;
    display:block;
    padding:5px 5px 5px 0;
    margin: 0 0 5px 0;
    float:left;
}

.box-form-content div div.riga label
{
    color:#507D31;
    display:block;
    float:left;
    padding:0 10px 0 0;
    width:110px;
    font-size:10px;
    text-align:right;
    font-weight:bold;
    line-height:1.2em;
}

img.info
{
    padding:4px 5px 0 4px;
    float:left;
}

.box-form-content div.doublediv div.riga .col-field
{
    float:left;
    width:165px;
}

.box-form-content div.unico div.riga .col-field
{
    width:455px;
    float:left;
}

.box-form-content div div.riga input
{
    height:15px;
    width:120px;
    border:1px solid #036;
    padding:2px 5px 2px 5px;
    font-size:11px;
}


.box-form-content div div.riga input.half-size
{
    width:60px;
}

.box-form-content div div.riga select
{
    height:22px;
    border:1px solid #036;
    padding:2px 3px 2px 3px;
    font-size:11px;
    margin:0 5px 0 0;
}

.box-form-content div div.riga textarea
{
    width:120px;
    border:1px solid #036;
    padding:2px 5px 2px 5px;
    font-size:11px;
}

.box-form-content div div.riga input:focus, .box-form-content div div.riga textarea:focus
{
    border:1px solid #507D31;
}

.unico
{
    float:left;
}

.unico div.riga
{
    width:600px;
    float:left;
}

.box-form-content div.doublediv
{
    width:290px;
    float:left;
    padding-right:20px;
}

.box-form-content div.doublediv div.riga
{
    width:285px;
}


.box-form-content div.unico div.riga select
{
    float:left;
}

.box-form-content div.unico div.riga label
{
    float:left;
}

.box-form-content div.riga label.error
{
    background:none;
    color:red;
    margin:0;
    padding:2px 0 1px 10px;
    font-size:10px;
    text-align:left;
    font-style:italic;
}

.box-form-content div.riga input.error
{
    background:#FFFDE8;
    border:1px dotted #F00;
    float:left;
}

.box-form-content div.riga select.error
{
    background:#FFFDE8;
    border:1px dotted #F00;
    float:left;
}

#sendForm
{
    background: url(../images/taglio/sendForm.jpg) 0 0 repeat-x;
    padding:10px 30px;
    clear:both;
    margin:0 0 40px 0;
    width:590px;
    display:table;
    -moz-border-radius: 10px;
    -webkit-border-radius:  10px;
}

#sendForm input
{
    width:133px;
    height:38px;
    float:right;
    padding:5px 10px 5px 20px;
    color:#FFF;
    font-weight:bold;
    background:url(../images/taglio/send.png) 0 0 no-repeat;
    text-transform:uppercase;
    text-align:left;
	border:none;
}

#sendForm input:hover
{
    cursor:pointer;
    background:url(../images/taglio/send.png) left bottom no-repeat;
}

/*-----------------Grafico risultati--------------------------------------------------------------------------------------------------------------------------*/
#risultati
{
    width:580px;
    background:#333;
    padding:10px 10px;
    border:10px solid #eee;
    -moz-border-radius: 10px;
    -webkit-border-radius:  10px;
}

#risultati span#ammontare
{
    width:100px;
    display:block;
    float:left;
    color:#F90;
    font-size:14px;
}

#risultati span#anni
{
    width:450px;
    display:block;
    float:left;
    color:#F90;
    margin:0 0 0 20px;
    font-size:14px;
}

#risultati span#ammontare
{
    width:100px;
    display:block;
    float:left;
    color:#F90;
}

.anni
{
    width:560px;
    margin:0 0 10px 0;
    height:20px;
    padding:10px;
}

.anni span
{
    color:#fff;
    font-weight:bold;
    font-size:18px;
    display:block;
    width:30px;
    float:left;
}

.anni input
{
    float:left;
    margin:0 10px 0 0;
}


.barra
{
    width:400px;
    height:20px;
    float:left;
}

.barra .percentuale
{
    background:#D9E6F7;
    height:20px;
    float:left;
    margin:0 10px 0 0;
}

div.euros
{
    color:#fff;
    font-size:16px;
    font-weight:bold;
    margin:0 0 0 10px;
}

#preventivo
{
    background: url(../images/taglio/sendForm.jpg) 0 0 repeat-x;
    padding:10px 20px;
    clear:both;
    margin:10px 0 40px 0;
    width:610px;
	float:left;
    -moz-border-radius: 10px;
    -webkit-border-radius:  10px;
}
#preventivo p
{
    color:#000;
    float:left;
    margin:0;
    padding:10px 10px;
    font-size:13px;
    font-weight:bold;
}

#preventivo #amount
{
    float:left;
    margin:5px 0 0 0;
    padding:5px 5px;
    font-size:15px;
    color:#036;
    font-weight:bold;
    width:100px;
}

#preventivo #back
{
    width:180px;
    height:38px;
    float:left;
    padding:5px 10px 5px 20px;
    color:#FFF;
    font-weight:bold;
    background:url(../images/taglio/back.png) 0 0 no-repeat;
    text-transform:uppercase;
    text-align:right;
	border:none;
}

#preventivo #back:hover
{
    cursor:pointer;
    background:url(../images/taglio/back.png) left bottom no-repeat;
}

#preventivo #sendPreventivo
{
    width:180px;
    height:38px;
    float:right;
    padding:5px 10px 5px 20px;
    color:#FFF;
    font-weight:bold;
    background:url(../images/taglio/preventivo.png) 0 0 no-repeat;
    text-transform:uppercase;
    text-align:left;
	border:none;
}

#preventivo #sendPreventivo:hover
{
    cursor:pointer;
    background:url(../images/taglio/preventivo.png) left bottom no-repeat;
}


/*-------------- --------------------------------------------------------------------------------------------------------------------*/

.risultato{
	width:600px;
	font-size:13px;
}

.risultato p{
	padding:3px 0;
	margin:0;
}

.risultatoRichiesta{
	float:left;
	width:47%;
	margin:0 20px 0  0;
}

.risultatoRata{
	float:left;
	width:47%;
}

.risultatoRata span{
	font-weight:bold;
	padding:0 10px 0 0;
}


.risultato h3{
	background:#eee;
	margin:10px 0 10px 0;
	padding:5px 5px;
	text-align:left;
	font-size:14px;
	color:#000;
}

.larata{
	color:#3E955A;
	font-weight:bold;
	font-size:14px;
}

.prodotto{
	color:#BE851B;
	font-weight:bold;
	font-size:14px;
}

#appuntamento{
	padding:10px 0 0 0;
}

#appuntamento label{
	display:inline-block;
	width:350px;
	text-align:right;
	color:#000;
	background:#eee;
	font-weight:bold;
	font-size:14px;
	padding:3px 5px;
}


#appuntamento div{
	margin:0 0 10px 0;
	clear:both;
}



/*-----------------sidebar--------------------------------------------------------------------------------------------------------------------------*/
#sidebar
{
    width:270px;
    float:left;
    padding:10px 0 10px 0;
}

#sidebar h2
{
    background:#E5E7E6 url(../images/taglio/h2-sidebar.jpg) 0 10px repeat-x;
    padding:15px 10px 0 0;
    height:40px;
    margin:0 0 30px 0;
    position:relative;
    color: #000;
    font-size:18px;
}

#sidebar h2.blue
{
    background:#E2EBFA url(../images/taglio/h2-blue-sidebar.jpg) 0 10px repeat-x;
    border-top:1px solid #B5D1F6;
    padding:5px 10px 0 0;
	margin:0 0 10px 0;
}
#sidebar h2 img
{
    float:left;
    padding:0 5px 0 7px;
}


#sidebar h2 span
{
    padding:5px 0 0 0;
    display:block;
}


#sidebar h3 , #sidebar h4
{
    margin:0;
    padding:0;
}

#sidebar h3
{
    background:#E5E7E6 url(../images/taglio/sprite-sidebar.jpg) 0 -30px no-repeat;
    padding:5px 10px 2px 45px;
    margin:10px 0 10px 0;
    text-transform:none;
    display:block;
    color:#000;
}

#sidebar h3.active
{
    background:url(../images/taglio/sprite-sidebar.jpg) 0 0 no-repeat;
}

#sidebar h4 a:link, #sidebar h4 a:visited
{
    background:#E5E7E6 url(../images/taglio/sprite-sidebar.jpg) 0 -30px repeat-x;
    padding:5px 10px 8px 45px;
    margin:10px 0 10px 0;
    text-transform:none;
    display:block;
    color:#333;
}

#sidebar h4 a.open:link, #sidebar h4 a.open:visited
{
    background:url(../images/taglio/sprite-sidebar.jpg) 0 -90px no-repeat;
}

#sidebar h4 a:hover
{
    background:url(../images/taglio/sprite-sidebar.jpg) 0 -60px no-repeat;
    text-decoration:none;
}

#sidebar ul li
{
    font-size:13px;
}

#sidebar input
{
    border:1px solid #fff;
}

#sidebar  input:focus, #sidebar textarea:focus
{
    border:1px solid #507D31;
}

#sidebar form#preventivo_immediato
{
    margin:-10px 0 0 0;
    padding:20px 0 20px 30px;
    background:#D2E1F8 url(../images/taglio/h2-blue-sidebar.jpg) 0 0 repeat-x;
}

#sidebar form#preventivo_immediato label
{
    display:block;
    color:#587A3D;
    font-weight:bold;
    margin:10px 0 0 0;
}

#sidebar form#preventivo_immediato input
{
    width:200px;
    height:20px;
    padding:2px 5px 2px 5px;
}

#sidebar form#preventivo_immediato select
{
    width:200px;
    height:20px;
    padding:2px 5px 2px 5px;
}

#sidebar form#preventivo_immediato #submit
{
    width:133px;
    height:38px;
    padding:5px 10px 5px 20px;
    color:#FFF;
    font-weight:bold;
    background:url(../images/taglio/send.png) 0 0 no-repeat;
    text-transform:uppercase;
    text-align:left;
	border:none;
}


#sidebar form#preventivo_immediato #submit:hover
{
    cursor:pointer;
    background:url(../images/taglio/send.png) left bottom no-repeat;
}

#sidebar form#preventivo_immediato #privacy
{
    width:15px;
    float:left;
    margin:0 20px 0 0;
}


#sidebar form#preventivo_immediato #privacy-text
{
    margin:0 20px 10px 0;
    font-size:11px;
}

#sidebar form#preventivo_immediato label.error
{
    background:none;
    color:red;
    margin:0;
    padding:2px 0 1px 10px;
    font-size:10px;
    text-align:left;
    font-style:italic;
	display:inline;
}

#sidebar form#preventivo_immediato input.error
{
    background:#FFFDE8;
    border:1px dotted #F00;
}

#sidebar form#preventivo_immediato select.error
{
    background:#FFFDE8;
    border:1px dotted #F00;
}

#sidebar div
{

}

#sidebar div#colour
{
    padding:3px;
    background:none;
}

#sidebar p
{
  margin:5px 0 5px 20px;
  padding:0;
}


#sidebar ul li ul
{
  margin:5px 0 5px 10px;
}


#sidebar ul li ul li
{
   list-style:disc;
   background:none;
   padding:0 0 5px 3px;
   font-size:12px;
}



.basic  {
	 display:block;
	 width:100%;
}
.basic div {
	background-color: #eee;
}


.basic a {
	cursor:pointer;
	 padding:5px 10px 8px 45px;
    margin:10px 0 10px 0;
    text-transform:none;
    display:block;
    color:#333;
	 background:#D8DAD9 url(../images/taglio/sprite-sidebar.jpg) 0 -30px no-repeat;
	 font-weight:bold;
}
.basic a:hover {
	 background:#D8DAD9 url(../images/taglio/sprite-sidebar.jpg) 0 -60px no-repeat;
    text-decoration:none;
}
.basic a.selected {
	 background:#D8DAD9 url(../images/taglio/sprite-sidebar.jpg) 0 -60px no-repeat;
    text-decoration:none;
}



/*-----------------footer-------------------------------------------------------------------------------------------------------------------------*/
#footer
{
    clear:both;
    background:#528B2C url(../images/taglio/footer.jpg) 0 0 repeat-x;
    padding:30px 30px 20px 30px;
    color:#333;
    text-align:center;
}

#footer a:link, #footer a:visited
{
    color:#036;
}


/*-----------------altre classi-------------------------------------------------------------------------------------------------------------------------*/
.clear
{
    clear:both;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 2px solid #68A0DF;
    background-color: #fff;
    padding: 5px;
    max-width:250px;
    text-align:left;
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
}
#tooltip h3, #tooltip div { margin: 0; color:#000; font-size:10px;}

/*-----------------classe Nascosta--------------------------------------------------------------------------------------------------------------------------*/

.hidden
{
    display:none;
}