Title: Unica Studio 
Aggiornamento: 15-01-2012

/* --- Color Palette: 
  
  COLORI SOCIALI
  Studio      - Pantone 137 Arancione chiaro: #ffab38
  Servizi     - Pantone Orange 021 Arancione scuro: #ff723d
  Portfolio   - Pantone 201 Bordeaux: #981E32	
  Preventivi  - Pantone 199 Rosso: #d0103a
  Contatti    - Pantone 122 Giallo scuro: #FCD450
  Documenti   - Pantone 100 Giallo chiaro: #F3EC7A	
  
  SALA DI GRIGI
  Studio      - Grigio 1: #9b9b9b
  Servizi     - Grigio 2: #9e9e9e
  Portfolio   - Grigio 3: #676767	
  Preventivi  - Grigio 4: #888888
  Contatti    - Grigio 5: #a5a5a5
  Documenti   - Grigio 6: #b7b7b7	
  
  
  INDICE CSS
  
  A1.0. TESTI GENERALI
  A1.1. Testi sezione studio
  A1.2. Testi sezione servizi
  A1.3. Testi sezione portfolio 
  A1.4. Testi sezione preventivi
  A1.5. Testi sezione contatti
  A1.6. Testi sezione documenti 
  
  A2.0. MENU' NAVIGAZIONE
  A2.1. Menù Primo livello
  A2.2. Menù Secondo livello
  A2.3. Menù Terzo livello
  
  B1.0.0 STRUTTURA SITO
  B1.0.1.Corpo
  B1.0.2.Testate
  B1.0.3.Contenitore
  B1.0.4.Footer
  B1.0.5.Immagini
  B1.0.6.Griglia

  B1.1.0.PAGINE STUDIO
  B1.2.0.PAGINE SERVIZI
  B1.3.0.PAGINE PORTFOLIO
  B1.4.0.PAGINE PREVENTIVI
  B1.5.0.PAGINE CONTATTI
  B1.6.0.PAGINE DOCUMENTI

  C1.0.0.ELEMENTI VARI
  
--- */



/* A. Testi e Tipografia Generale --- */


body {
    line-height: 15px;
    font-size: 12px;
    font-family: Arial, Geneva, sans-serif;
    color:#ECEBDD;
}
  
.testo {
    font-size: 12px;
    font-family: Arial, Geneva, sans-serif;
    color:#000;
}

.footer {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 9px;
	color: #5D5D5D;

}

A.footer:visited, A.footer:link, A.footer:active, A.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 15px;
	color: #999999;
    text-decoration: none;    
}

.home_title{
    background-image:url(../img/sfondo-home-pantone137-b.jpg);
    background-repeat:repeat-x; 
    width:988px;
    height:62px;
    top:0px;
	margin-top:-70px;
    position:relative;
}


.aligned_low {
position:absolute;
bottom: 0px;
margin: 0px 0px 8px 10px;
width: 802px;
}

/* A1. Testi sezione studio --- */


.testo_studio {
  line-height: 15px;
  font-size: 12px;
  font-family: Arial, Geneva, sans-serif;
  color:#FFAB37;
}

A.testo_studio:visited, A.testo_studio:link, A.testo_studio:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
  color:#FFAB37;
    text-decoration: none;    
}

A.testo_studio:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
    text-decoration: none;
    background-color:#FFAB37;
}

.testo_studio_grigio {
  line-height: 15px;
  font-size: 12px;
  font-family: Arial, Geneva, sans-serif;
  color:#666;
}

.title_studio{
    background-image:url(../img/sfondo-home-pantone137.jpg);
    background-repeat:repeat-x; 
    width:988px;
    height:62px;
    top:0px;
	margin-top:18px;
    position:relative;
}

/* A2. Testi sezione servizi --- */

.testo_servizi {
   line-height: 15px;
   font-size: 12px;
   font-family: Arial, Geneva, sans-serif;
   color:#FF7336;
}

A.testo_servizi:visited, A.testo_servizi:link, A.testo_servizi:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FF7336;
    text-decoration: none;    
}

A.testo_servizi:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
    text-decoration: none;
	background-color:#FF7336;  
}


.servizi_title{
  background-image:url(../img/sfondo-servizi-pantone021.jpg);
  background-repeat:repeat-x;
  width:988px;
  height:62px;
  top: 18px;
  position:relative;
}

.testo_servizi_grigio {
    line-height: 15px;
    font-size: 12px;
    font-family: Arial, Geneva, sans-serif;
    color:#666;
}
..titoletto_servizi {
   line-height: 15px;
   font-size: 13px;
   font-weight:bold;
   font-family: Arial, Geneva, sans-serif;
   color:#FF7336;
}

A.titoletto_servizi:visited, A.titoletto_servizi:link, A.titoletto_servizi:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	ont-weight:bold;
	color: #FF7336;
    text-decoration: none;    
}

A.titoletto_servizi:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #fff;
	font-weight:bold;
    text-decoration: none;
	background-color:#FF7336;  
}

/* A3. Testi sezione portfolio --- */

.testo_portfolio {
    line-height: 15px;
    font-size: 12px;
    font-family: Arial, Geneva, sans-serif;
    color:#DC5267;
}

A.testo_portfolio:visited, A.testo_portfolio:link, A.testo_portfolio:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #DC5267;
    text-decoration: none;  
}

A.testo_portfolio:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
	color: #fff;
    text-decoration: none;
 	background-color:#981E32;  
}

.portfolio_title{
  background-image:url(/img/sfondo-portfolio-pantone201.jpg);
  background-repeat:repeat-x;
  width:988px;
  height:62px;
    top: 18px;
  position:relative;
}




/* A4. Testi sezione preventivi --- */


.testo_preventivi {
    line-height: 15px;
    font-size: 12px;
    font-family: Arial, Geneva, sans-serif;
    color:#E42c46;
}

.titoletto_preventivi {
    line-height: 15px;
    font-size: 13px;
    font-family: Arial, Geneva, sans-serif;
    color:#E42c46;
}

A.testo_preventivi:visited, A.testo_preventivi:link, A.testo_preventivi:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #E42c46;
    text-decoration: none;    
}

A.testo_preventivi:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
    text-decoration: none;
	background-color:#E42c46;  
}

.preventivi_title{
  background-image:url(../img/sfondo-preventivi-pantone199.jpg);
  background-repeat:repeat-x;
  width:988px;
  height:62px;
  top: 18px;
  position:relative;
}


/* A5. Testi sezione contatti --- */


.testo_contatti {
    line-height: 15px;
    font-size: 12px;
    font-family: Arial, Geneva, sans-serif;
    color:#FCD450;
}

.titoletto_contatti {
    line-height: 15px;
	font-size: 12px;
    font-family: Arial, Geneva, sans-serif;
    color:#FCD450;
}

A.testo_contatti:visited, A.testo_contatti:link, A.testo_contatti:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #FCD450;
    text-decoration: none;    
}

A.testo_contatti:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
    text-decoration: none;
	background-color:#FCD450;  
}

.contatti_title{
  background-image:url(../img/sfondo-contatti-pantone122b.jpg);
  background-repeat:repeat-x;
  width:988px;
  height:62px;
  top: 18px;
  position:relative;
}

/* A6. Testi sezione documenti --- */


.testo_documenti {
  line-height: 15px;
  font-size: 12px;
  font-family: Arial, Geneva, sans-serif;
  color:#F3EC7A;
}

.titoletto_documenti {
    line-height: 15px;
	font-size: 12px;
    font-family: Arial, Geneva, sans-serif;
    color:#F3EC7A;
}

A.testo_documenti:visited, A.testo_documenti:link, A.testo_documenti:active  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #F3EC7A;
    text-decoration: none;    
}

A.testo_documenti:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #000;
    text-decoration: none;
	background-color:#F3EC7A;  
}

.documenti_title{
  background-image:url(../img/sfondo-documenti-pantone100b.jpg);
  background-repeat:repeat-x;
  width:988px;
  height:62px;
  top: 18px;
  position:relative;
}

/* SRUTTURA SITO */



/* Inizio navigazione menu primo livello */

div#navigazione_primaria {
 width: 240px;
 line-height: 18px;
 padding-top: 48px;
 padding-left: 6px;
   float: left;
   
}

 div#navigazione_primaria  ul {
 margin: 0;
 padding: 0;
}

div#navigazione_primaria  li {
margin-top: 2px;
background: none;
list-style-type: none;
}
  
div#navigazione_primaria  li#studio_active  { 
text-decoration:  none;
background-color: #ffab38;
}

div#navigazione_primaria  li#studio_gray_active  { 
text-decoration:  none;
background-color: #9b9b9b;
}

div#navigazione_primaria  li#servizi_active { 
text-decoration:  none;
background-color:#ff723d;
}

div#navigazione_primaria  li#servizi_gray_active { 
text-decoration:  none;
background-color:#9e9e9e;
}

div#navigazione_primaria  li#portfolio_active  { 
text-decoration:  none;
background-color:#981E32;
}

div#navigazione_primaria  li#portfolio_gray_active  { 
text-decoration:  none;
background-color:#676767;
}

div#navigazione_primaria  li#preventivi_active  { 
text-decoration:  none;
background-color:#d0103a;
}

div#navigazione_primaria  li#preventivi_gray_active  { 
text-decoration:  none;
background-color:#888888;
}

div#navigazione_primaria  li#contatti_active  { 
text-decoration:  none;
background-color:#FCD450;
}

div#navigazione_primaria  li#contatti_gray_active  { 
text-decoration:  none;
background-color:#a5a5a5;
}

div#navigazione_primaria  li#documenti_active { 
text-decoration:  none;
background-color:#F3EC7A;
}

div#navigazione_primaria  li#documenti_gray_active { 
text-decoration:  none;
background-color:#b7b7b7;
}

div#navigazione_primaria  A {
display: block;
width: 240px;
text-decoration: none;
color:#000;
text-align: left;
margin-left: 0px;
font-size: 10px;
line-height: 18px;
font-weight:bold;
padding-left: 8px;
font-family:Arial, Helvetica, sans-serif;
}

div#navigazione_primaria  A:hover{
display: block;
width: 232px;
color:#000;
text-decoration: underline;
text-align: left;
margin-left: 0px;
font-size: 10px;
line-height: 18px;
font-weight:bold;
padding-left: 8px;
}



/* Inizio menù secondo livello */ 

div#navigazione_secondaria { 
    width: 230px;
    line-height: 18px;
    padding-top: 48px;
    padding-left: 6px;
    float: left;
}

 div#navigazione_secondaria  ul {
    margin: 0;
    padding: 0;
}

div#navigazione_secondaria  li {
    margin-top: 2px;
    background: none;
    list-style-type: none;
}


div#navigazione_secondaria  li#studio_active  { 
    text-decoration:  none;
    background-color: #ffab38;
}

div#navigazione_secondaria  li#studio_gray_active  { 
    text-decoration:  none;
    background-color: #9b9b9b;
}

div#navigazione_secondaria  li#servizi_active { 
    text-decoration:  none;
    background-color:#ff723d;
}

div#navigazione_secondaria  li#servizi_gray_active { 
    text-decoration:  none;
    background-color:#9e9e9e;
}

div#navigazione_secondaria  li#portfolio_active  { 
    text-decoration:  none;
    background-color:#981E32;
}

div#navigazione_secondaria  li#portfolio_gray_active  { 
    text-decoration:  none;
    background-color:#676767;
}

div#navigazione_secondaria  li#preventivi_active  { 
    text-decoration:  none;
    background-color:#d0103a;
}

div#navigazione_secondaria  li#preventivi_gray_active  { 
    text-decoration:  none;
    background-color:#888888;
}

div#navigazione_secondaria  li#contatti_active  { 
    text-decoration:  none;
    background-color:#FCD450;
}

div#navigazione_secondaria  li#contatti_gray_active  { 
    text-decoration:  none;
    background-color:#a5a5a5;
}

div#navigazione_secondaria  li#documenti_active { 
    text-decoration:  none;
    background-color:#F3EC7A;
}

div#navigazione_secondaria  li#documenti_gray_active { 
    text-decoration:  none;
    background-color:#b7b7b7;
}

div#navigazione_secondaria  A {
    display: block;
    width: 230px;
    text-decoration: none;
    color:#000;
    text-align: left;
    margin-left: 0px;
    font-size: 10px;
    line-height: 18px;
    font-weight:bold; 
    padding-left: 8px;
    font-family:Arial, Helvetica, sans-serif;
}

div#navigazione_secondaria  A:hover{
    display: block;
    width: 232px;
    color:#000;
    text-decoration: underline;
    text-align: left;
    margin-left: 0px;
    font-size: 10px;
    line-height: 18px;
    font-weight:bold;
    padding-left: 8px;
}

div#navigazione_secondaria li#studio A:hover{
    background-color: #ffab38;
}

div#navigazione_secondaria li#servizi A:hover{

    background-color: #ff723d;
}

div#navigazione_secondaria li#portfolio  A:hover{
    background-color: #981E32;
}

div#navigazione_secondaria li#preventivi  A:hover{
    background-color: #d0103a;
}

div#navigazione_secondaria li#contatti A:hover{
    background-color: #FCD450;
}

div#navigazione_secondaria li#documenti  A:hover{
    background-color: #F3EC7A;
}




/* Inizio menù terzo livello */ 

div#navigazione_terziaria {
    width: 230px;
    line-height: 18px;
    padding-top: 48px;
    padding-left: 6px;
    float:left;
 
}



div#navigazione_terziaria  ul {
    margin: 0;
    padding: 0;
}

div#navigazione_terziaria  li {
    margin-top: 2px;
    background: none;
    list-style-type: none;
}

div#navigazione_terziaria  li#studio_active  { 
    text-decoration:  none;
    background-color: #ffab38;
}

div#navigazione_terziaria  li#studio_gray_active  { 
    text-decoration:  none;
    background-color: #9b9b9b;
}

div#navigazione_terziaria  li#servizi_active { 
   text-decoration:  none;
   background-color:#ff723d;
}

div#navigazione_terziaria  li#servizi_gray_active { 
   text-decoration:  none;
   background-color:#9e9e9e;
}

div#navigazione_terziaria  li#portfolio_active  { 
   text-decoration:  none;
   background-color:#981E32;
}

div#navigazione_terziaria  li#portfolio_gray_active  { 
   text-decoration:  none;
   background-color:#676767;
}

div#navigazione_terziaria  li#preventivi_active  { 
   text-decoration:  none;
   background-color:#d0103a;
}

div#navigazione_terziaria  li#preventivi_gray_active  { 
   text-decoration:  none;
   background-color:#888888;
}

div#navigazione_terziaria  li#contatti_active  { 
   text-decoration:  none;
   background-color:#FCD450;
}

div#navigazione_terziaria  li#contatti_gray_active  { 
   text-decoration:  none;
   background-color:#a5a5a5;
}

div#navigazione_terziaria  li#documenti_active { 
   text-decoration:  none;
   background-color:#F3EC7A;
}

div#navigazione_terziaria  li#documenti_gray_active { 
   text-decoration:  none;
   background-color:#b7b7b7;
}

div#navigazione_terziaria  A {
   display: block;
   width: 230px;
   text-decoration: none;
   color:#000;
   text-align: left;
   font-size: 10px;
   line-height: 18px;
   font-weight:bold;
   padding-left: 8px;
   font-family:Arial, Helvetica, sans-serif;
}

div#navigazione_terziaria  A:hover{
   display: block;
   width: 232px;
   color:#000;
   text-decoration: underline;
   text-align: left; 
   margin-left: 0px;
   font-size: 10px;
   line-height: 18px;
   font-weight:bold;
   padding-left: 8px;
}

div#navigazione_terziaria li#studio A:hover{
   background-color: #ffab38;
}

div#navigazione_terziaria li#servizi A:hover{
   background-color: #ff723d;
}

div#navigazione_terziaria li#portfolio  A:hover{
   background-color: #981E32;
}

div#navigazione_terziaria li#preventivi  A:hover{
    background-color: #d0103a;
}

div#navigazione_terziaria li#contatti A:hover{
    background-color: #FCD450;
}

div#navigazione_terziaria li#documenti  A:hover{
     background-color: #F3EC7A;
}


/* --- B1.0.0. STRUTTURA SITO --- */

body {
margin-left:6px;
margin-top:0px;
}


/* --- B1.0.1. Corpo --- */

.sfondo_home_esterno{

  background-image:url(../img/sfondo2-bianco.jpg);
  background-repeat:repeat-y;
  background-position:left;
  z-index:-2;
  top:0px;

}



/* --- B1.0.2. Testate --- */

.header{

  width: 980px;
  height: 232px;
  background-image:url(../img/logo-unica-studio-bianco.jpg);
  background-repeat:no-repeat;
  background-position:right;
  z-index:10;
  

}
.header_home{

  width: 980px;
  height: 280px;
  background-image:url(../img/logo-unica-studio_home_bianco.jpg);
  background-repeat:no-repeat;
  background-position:right,bottom;
  z-index:10;
  

}

#header2{
  background-image:url(../img/header-bianco.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  z-index:1;
  top:0px;
  height:320px;


}

#header_servizi{
  background-image:url(../img/header-servizib.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  z-index:1;
  top:0px;
  height:320px;
}

#header_preventivi{
  background-image:url(../img/header-preventivib.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  z-index:1;
  top:0px;
  height:320px;
}
#header_contatti{
  background-image:url(../img/header-contattib.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  z-index:1;
  top:0px;
  height:320px;
}

#header_documenti{
  background-image:url(../img/header-documentib.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  z-index:1;
  top:0px;
  height:320px;
}

#header_portfolio{
  background-image:url(../img/header-portfoliob.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  z-index:1;
  top:0px;
  height:320px;
}


/* --- B1.0.2.Barra cambio colore --- */

#label {
  width:240px;
  padding:0px;
  position:absolute;
  top:230px;
  left:740px;
  text-align:right;
  z-index: 1;
}
#label_portfolio {
  width:240px;
  padding:0px;
  position:absolute;
  top:370px;
  left:740px;
  text-align:right;
  z-index: 1;
}

#label_home {
  width:240px;
  padding:0px;
  position:absolute;
  top:230px;
  left:740px;
  text-align:right;
  z-index: 1;
}


/* --- B1.0.3.Contenitore --- */

.container{
  width: 990px;
}

/* ---B1.0.4. Footer --- */

#footer {
    width:836px;
	background-image:url(../img/120x60_bianco.jpg);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	padding-left: 150px;
	padding-top: 12px;
	height: 70px;
	border-top-style: dotted;
    border-width: 1px;
    border-top-color: #ccc;
}

/* ---B1.0.5. Immagini--- */

.img {
    float:left;
	padding:0px;
    margin:6px;
}

/* ---B1.0.6. Griglia --- */


.grid-column-general {
  float: left;
  width: 230px;
  height:auto; 
  margin-left:4px;
  padding-left: 4px;
  padding-bottom: 6px;
  padding-right: 0px;
  
}
.grid-column-general2 {
  float: left;
  width: 250px;
  height:auto; 
  margin-left:0x;
  padding-left: 4px;
  padding-bottom: 6px;
  padding-right: 0px;
  
}
.grid-column-small {
  float: left;
  width: 150px;
  height:auto; 
  margin-left:4px;
  padding-left: 4px;
  padding-bottom: 6px;
  padding-right: 0px;
  
}

.grid-row-column-studio {
  width: 230px;
  margin-left:0px;
  background-color: #FFAB38;
  height: 6px;
}
.grid-row-column-studio-small {
  width: 140px;
  margin-left:0px;
  background-color: #FFAB38;
  height: 6px;
}
.grid-row-column-studio2 {
  width: 460px;
  margin-left:0px;
  background-color: #FFAB38;
  height: 6px;
}
.grid-row-column-preventivi {
  width: 230px;
  margin-left:0px;
  background-color: #D0103A;
  height: 6px;
}
.grid-row-column-preventivi-small {
  width: 140px;
  margin-left:0px;
  background-color: #D0103A;
  height: 6px;
}
.grid-row-column-servizi{
  width: 230px;
  margin-left:0px;
  background-color: #ff723d;
  height: 6px;
}
.grid-row-column-servizi-small {
  width: 140px;
  margin-left:0px;
  background-color: #ff723d;
  height: 6px;
}
.grid-row-column-contatti {
  width: 230px;
  margin-left:0px;
  background-color: #FCD450;
  height: 6px;
}
.grid-row-column-contatti-small {
  width: 140px;
  margin-left:0px;
  background-color: #FCD450;
  height: 6px;
}
.grid-row-column-documenti {
  width: 230px;
  margin-left:0px;
  background-color: #F3EC7A;
  height: 6px;
}
.grid-row-column-documenti-small {
  width: 140px;
  margin-left:0px;
  background-color: #F3EC7A;
  height: 6px;
}
.grid-row-column-portfolio {
  width: 230px;
  margin-left:0px;
  background-color: #981E32	;
  height: 6px;
}
.grid-row-column-portfolio-small {
  width: 140px;
  margin-left:0px;
  background-color: #981E32	;
  height: 6px;
}
.grid-column1 {
  float: left;
  width: 880px;
  height: 150px;
  margin-left:0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 6px;
  padding-right: 0px;
}

.grid-column2 {
  float: left;
  width: 230px;
  height: 300px;
  margin-left:4px;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 2px;
  padding-right: 0px;
}

.grid-column3 {
  float: left;
  width: 230px;
  height: 300px;
  margin-left:6px;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 4px;
  padding-right: 0px;
}


.grid-column3b {
  float: left;
  width: 230px;
  height: 550px;
  margin-left:6px;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 4px;
  padding-right: 0px;
}

.grid-column4 {
  float: left;
  width: 230px;
  height: 300px;
  margin-left:6px;
  padding-top: 0px;
  padding-bottom: 6px;
  padding-left: 4px;
  padding-right: 0px;
}
.grid-column-general {
  float: left;
  width: 230px;
  height:auto; 
  margin-left:4px;
  padding-left: 4px;
  padding-bottom: 6px;
  padding-right: 0px;
  
}

.grid-row-general {
  float: left;
  width: 990px;
  margin-left:0px;
}
.grid-row1 {
  width: 990px;
  margin:0px;
  padding:0px;
}
.grid-row2 {
  width: 990px;
  margin:0px;
}

.grid-row3 {
  width: 990px;
  margin:0px;
}

.grid-row4 {
  width: 990px;
  margin:0px;
  height:auto;
}
.grid-row5 {
  width: 990px;
  margin:0px;
}
.grid-row-margin-general {
  float: left;
  width: 990px;
  height: 6px;
  margin-left:0px;
}
.grid-row-margin1 {
  width: 988px;
  margin:0px;
  background-color: #303030;
  height: 0px;
}
.grid-row-margin2 {
  width: 988px;
  margin:0px;
  background-color: #303030;
  height: 0px;
}

.grid-row-margin {
  width: 988px;
  margin-left:0px;
  background-color: #F3EC7A;
  height: 6px;
}

.grid-row-margin-studio {
  width: 988px;
  margin-left:0px;
  background-color: #FFAB38;
  height: 6px;
}

.grid-row-margin-servizi {
  width: 988px;
  margin-left:0px;
  background-color: #ff7232;
  height: 6px;
}
.grid-row-margin-portfolio {
  width: 988px;
  margin-left:0px;
  background-color: #981E32;
  height: 6px;
}
.grid-row-margin-preventivi {
  width: 988px;
  margin-left:0px;
  background-color: #E42c47;
  height: 6px;
}
.grid-row-margin-contatti {
  width: 988px;
  margin-left:0px;
  background-color: #FCD450;
  height: 6px;
}
.grid-row-margin-documenti {
  width: 988px;
  margin-left:0px;
  background-color: #F3EC7A;
  height: 6px;
}




/* --- B1.2.0.PAGINE STUDIO --- */

/* ---  B1.2.0.PAGINE SERVIZI --- */

/* --- B1.3.0.PAGINE PORTFOLIO --- */



/* --- B1.4.0.PAGINE PREVENTIVI --- */

.form1 {
margin:0px;
padding-left:10px;
outline-color:#000000;
font-size:9px;
background-color:#000;
color:#5D5D5D;
width:100px;
height:15px;
}

.grid-column-form {
  float: left;
  width: 470px;
  height:auto; 
  margin-left:4px;
  padding-left: 4px;
  padding-bottom: 6px;
}
.grid-row-column-form {
  width: 470px;
  padding-left: 4px;
  background-color: #D0103A;
  height: 6px;
}
.form_divisorio{border-top: 1px dotted #CCCCCC}

.form_label{width: 470px; margin-top:5px;    background: #D0103A; color: #FFFFFF; border: 1px dotted #FFFFFF}


.form_label2{
 width: 213px;
 margin-left:0px;
 margin-top:5px;
 background:#D0103A;
 color: #FFFFFF;
 border: 1px dotted #FFFFFF
 }


.form_label3{
 width: 213px; 
 margin-left:33px;
 margin-top:5px;
 background: #D0103A; color: #FFFFFF;
 border: 1px dotted #FFFFFF;
}

#form_text{ 
 position:absolute;
 left: 492px;
}

#form_text2{ 
 position:absolute;
 left: 745px;
}

.checkbox{ 
 background:#D0103A; 
 color: #FFFFFF;
 border: 1px solid #FFFFFF;
 margin: 5px 5px 5px 0px;
}

  
/* --- B1.5.0.PAGINE CONTATTI --- */

.grid-column-form {
  float: left;
  width: 470px;
  height:auto; 
  margin-left:4px;
  padding-left: 4px;
  padding-bottom: 6px;
}

.grid-row-column-form-contatti {
  width: 470px;
  padding-left: 4px;
  background-color: #FCD450;
  height: 6px;
}

.form_divisorio{
 border-top: 1px dotted #CCCCCC
 }

.form_label_contatti{

 width: 470px;
 margin-top:5px;
 background: #FCD450;
 color: #000;
 border: 1px dotted #FFFFFF;
}

.form_label2_contatti{
 width: 213px;
 margin-left:0px;
 margin-top:5px;
 background: #FCD450;
 color: #000;
 border: 1px dotted #FFFFFF
}

.form_label3_contatti{
 width: 213px; 
 margin-left:33px; 
 margin-top:5px; 
 background: #FCD450;
 color: #000;
 border: 1px dotted #FFFFFF;
}

#form_text_contatti{
 position:absolute;
 left: 492px;
}

#form_text2_contatti{ position:absolute;left: 745px;

}

.checkbox_contatti{ background: #FCD450; color: #000;  border: 1px solid #FFFFFF ;margin: 5px 5px 5px 0px;
}


 

/* ---  B1.6.0.PAGINE DOCUMENTI --- */


.grid-column-form {
    float: left;
    width: 470px;
    height:auto; 
    margin-left:4px;
    padding-left: 4px;
    padding-bottom: 6px;
}

.grid-row-column-form-brochure {
    width: 470px;
    padding-left: 4px;
    background-color: #F3EC7A;
    height: 6px;
}

.form_divisorio {
    border-top: 1px dotted #CCCCCC
}

.form_label_brochure{
		float: left;
    width: 470px;
	margin-top:5px;
	background: #F3EC7A;
	color: #000;
	border: 1px dotted #FFFFFF
}

.form_label_brochure2{
		float: left;
     width: 213px;
	 margin-left:0px;
	 margin-top:5px;
	 background: #F3EC7A;
	 color: #000;
	 border: 1px dotted #FFFFFF
}

.form_label_brochure3{
		float: left;
     width: 213px;
	 margin-left:33px;
	 margin-top:5px;
	 background: #F3EC7A;
	 color: #000;
	 border: 1px dotted #FFFFFF;

}
.form_label_brochure4{
     width: 30px;
	 margin-left:33px;
	 margin-top:5px;
	 background: #F3EC7A;
	 color: #000;
	 border: 1px dotted #FFFFFF;

}
#form_text{
     position:absolute;
	 left: 492px;
}

#form_text2{
      position:absolute;
	  left: 745px;
}

/* ---  B1.7.0.PAGINA CORSI --- */


.grid-column-percorsi {
    height:auto; 
    margin-left:4px;
    padding-left: 4px;
    padding-bottom: 6px;
}


/* ---  B6.7.0.PAGINA MAPPA SITO --- */

.ul_primo_livello {
text-indent: 0px;
}
.li_primo_livello {
text-indent: 0px;
}
.ul_secondo_livello {
text-indent: -50px;
}
.li_secondo_livello {
text-indent: 0px;
}



/* --- C1.0.0.ELEMENTI VARI --- */

.freccina {
background-image:url(../img/freccina_menu.gif);
background-repeat:no-repeat;
background-position:left;
}
.bordo_img {
border: none;
border-width: 0px;
border-spacing:0px;
}
.riga {
border-top-style: dotted;
border-width: 1px;
border-top-color: #FFF;
}
.img {
float: left;
padding: 0px;
}

.fondo_sommario {
width: 988px;
height: 330px;
background-image: url(../img/righe.jpg);
background-repeat:repeat-x;
background-position:left bottom;
}

#sommario{
padding:12px;
}

#obsoleto
{
    position:absolute;
	visibility:hidden;
	left:300px;
	top:300px;
	height:300px;
	width:600px;
    background: #FFFFAA;
    padding: 5px 5px 5px 5px;
    border-bottom: solid 1px #000000;
	z-index:5;
	text-align:center;
}

#social {
    position:absolute;
    width:150px; 
    left:650px; 
    top:407px; 
    align:right; 
    border:0;
}
#social_home {
    position:absolute;
    width:150px; 
    left:650px; 
    top:192px; 
    align:right; 
    border:0;
}

#like_facebook {
    position:absolute;
    width:150px; 
    left:820px; 
    top:415px; 
    align:right; 
    border:0;
}
#like_facebook_home {
    position:absolute;
    width:150px; 
	height:50px;
    left:820px; 
    top:200px; 
    align:right; 
    border:0;
    background-color: transparent;
}
#like_tweet {
    position:absolute;
    width:150px; 
    left:900px; 
    top:415px; 
    align:right; 
    border:0;
	
}
#like_tweet_home {
    position:absolute;
    width:150px; 
    left:900px; 
    top:200px; 
    align:right; 
    border:0;
	background-color: transparent;
	z-index:2;
}