/*==SCHEMA==



HTML

	BODY -> sfumatura in alto

		OUTER ->sfumatura in basso

			CONTAINER

				HEADER

				WRAPPER

					CONTENT

			FOOTER

			BACK

			EXTRADIV101

			EXTRADIV102

*/











* 

{

MARGIN: 0; PADDING: 0; /*impostiamo margin e padding a 0 per tutti gli elementi

cosė possiamo modificarli solo dove servono*/

} 





html 

{

HEIGHT:100%; MARGIN-BOTTOM: 1px; /*serve per far comparire la barra di scorrimento in Opera anche quando

il contenuto della pagina web č minimo, per avere una visualizzazione simile a quella degli altri browser*/

overflow-y: scroll; /*rende la scroll bar verticale sempre presente in firefox*/

} 



body 

{	

MIN-HEIGHT:100%; HEIGHT: 100%; /*serve per far comparire la barra di scorrimento in Opera anche quando

il contenuto della pagina web č minimo, per avere una visualizzazione simile a quella degli altri browser*/

margin: 0 auto; text-align: center; /*se voglio allineare testo e pagina (in explorer) al centro:*/

/*body {text-align: left} se voglio allineare testo e pagina (in explorer) a sinistra*/

background: #e2e4e5 url(../images/body_bg_06.jpg) left top repeat-x; position:relative;	



font-size: 0.75em;

line-height: 1.6em;

font-family:Verdana, Arial, Helvetica, sans-serif;

color: #444;



text-align:center;

margin:0 auto;

}





#outer 

{

position:relative;

/*background: url(bottom_bg.jpg) 0 100% repeat-x;*/

min-height:100%; /* firefox legge l'altezza minima del div */

min-width:960px;

width:960px;

margin:0 auto;

}

*html #outer 

{

height:100%; /* explorer ha bisogno di aiuto */

} 







div#back 

{

position: absolute; bottom: 0; left:50%;

width: 960px;  min-height: 800px;  height:100%; background: url(../images/colonne_03.jpg) bottom center repeat-y;

margin-left:-480px;

}



	







div#container 

{

position:relative; /*per poter posizionare gli #extradiv in modo assoluto*/

margin:0 auto;

text-align:left; 

width:960px; 

background: url(../images/colonne_03.jpg) bottom center repeat-y;

/*padding-bottom:184px;CLA*/   /* Height of the footer */

/*padding-bottom:240px;*/

}



			/* TIPS & TRICKS: se dobbiamo mettere uno sfondo verticale (o orizzontale in basso, 

			come in questo caso, lo posizioniamo come sfondo del #container; se fosse orizzontale, 

			oppure fisso, lo metteremmo come sfondo del body */





div#header 

{

margin: 0 auto; 

width: 960px; 

height: 260px;

background: url(../images/header_bg_06.jpg) top center no-repeat;

}





div#wrapper 

{ /*dimensioni dell'area che avvolge i contenuti veri e propri, e allineamento al centro*/

width: 960px; 

margin: 0 auto;

/*margin-top: -20px;*/

margin-top: 20px;

min-height:350px;

}



p.fine 

{

clear: both; height:1px; /*crea uno spazio prima del #footer per evitare la sovrapposizione

di questo al contenuto che lo precede*/	

}



div#footerwrapper 

{

/*position: absolute; bottom: 0; left:50%;

width: 960px;  margin-left:-480px; CLA*/

height: 184px; /*corrisponde all'altezza dell'immagine di sfondo del footer*/

background: url(../images/footer_bg_03.jpg) bottom center no-repeat;

}



div#footer /*span*/ {

/*display:block;*/ 

padding-top: 14px;

}







/*==Z-INDEX==*/

/*div#container {z-index:10;}

div#navigation {z-index:60;}

div#footerwrapper {z-index:20;}

div#back {z-index:5;}

div#extradiv101 {z-index:50;} div#extradiv102 {z-index:50;}*/

/*html {background-color:#990033} /*bordeaux*/

/*body {background-color:#FF0000} /*rosso*/

/*#outer {background-color:#33CCFF} /*azzurro*/

/*#container {background-color:#FF9933} /*arancio*/

/*#header {background-color:#FFFF33} /*giallo*/

/*#wrapper {background-color:#009966} /*verde scuro*/

/*#content {background-color:#00FF33} /*verde chiaro*/

/*#navigation {background-color:#FFCCFF} /*rosa*/

/*#footerwrapper {background-color:#CC00FF} /*viola*/

/*#footer {background-color:#FF33CC} /*fuxia*/

/*#back {background-color:#999999} /*grigio*/

/*#extradiv101 {background-color:#FFFFCC} /*giallo pallido*/

/*#extradiv102 {background-color:#663300} /*marrone*/







.hide,

hr,

#header h1

{

display:none; /* oggetti da non visualizzare */

}

















#header h3
{
color:#0a3371;
font-size:11px;
line-height:15px;
/*position:absolute;
left:50%;
margin-left:-220px;CLA*/
position:relative; top:84px; left:268px; width:350px;
padding-left:0;
}







#content
{
text-align:left;
/*margin:20px 80px 0 80px;*/
padding-left:30px;
padding-right:30px;
/* --- margine necessario per entrare dentro i margini dell'immagine delle colonne --- */

/*margin-top:20px;
margin-left:80px;*/
/*background-color:#99CCCC;*/
}















#navigation

{

/*position:absolute;

top:209px;

left:50%;

margin-left:-467px;*/

font-size:11px;

width:932px;

height:32px;

position:relative; left:13px; top:150px;

}



#navigation ul#nav1 /* insieme dei tasti del menu principale */

{

float:left;

width:92%;

list-style-type:none;

margin:0;

padding: 0;

/*border-bottom: 1px solid #000;*/

}



#navigation ul#nav1 li,

#subnavigation ul li

{

float: left;

margin:0;

padding: 0

} 



#subnavigation

{

/*position:absolute;

top:240px;

left:50%;

margin-left:-466px;*/

font-size:11px;

width:932px;

height:24px;

/*background-color:#d8dbe0;*/

position:relative; left:14px; top:148px;

background-image:url(../images/btn_bg_04.jpg);

background-position:left -64px;

background-repeat:repeat-x;

}



#subnavigation ul /* insieme dei tasti del sottomenu */

{

float:left;

list-style-type:none;

margin:0;

padding:0;

padding-left:100px;

}



#navigation ul li a,

#subnavigation ul li a

{

float: left;

padding-left: 15px;

text-decoration: none;

color: #0a3371;

font-weight:bold;

} 



#navigation ul li a{

background-image:url(../images/btn_bg_04.jpg);

background-position:top left;

background-repeat:no-repeat;

HEIGHT:32PX;

LINE-HEIGHT:28PX;

} 



#subnavigation ul li a

{

HEIGHT:24PX;

LINE-HEIGHT:22PX;

} 



#subnavigation ul li.selected a

{

color:#ff0033;

}



#navigation ul li a span

{

float: left;

padding-right:15px;

background-image:url(../images/btn_bg_04.jpg);

background-position:top right;

background-repeat:no-repeat;

cursor: pointer;

}



#subnavigation ul li a span

{

float: left;

padding-right:15px;

/*background-image:url(../images/btn_bg_04.jpg);

background-position:top right;

background-repeat:no-repeat;*/

cursor: pointer;

}



#navigation ul#nav2 /* tasto separato nel menu principale */

{

float:right;

/*width:8%;*/

width:69px;

list-style-type:none;

margin:0;

padding: 0;

}



#navigation .selected a,

#navigation .selected a:hover

{

background-position:left -32px;

/*color:#ff0033;*/

}



#navigation .selected a,

#subnavigation .selected a

{

color:#ff0033;

}



#navigation a:hover,

#navigation .selected a:hover,

#subnavigation a:hover,

#subnavigation .selected a:hover

{

/*background-position:left -32px;*/

color:#ff0033;

}



#navigation .selected a span,

#navigation .selected a:hover span

{

background-position:right -32px;

}



#navigation a:hover span

{

/*background-position:right -32px;*/

}











#fnavigation
{
/*padding-top:20px;*/
}



#fnavigation ul
{
padding: 9px 0 22px 0;
margin: 0;
list-style-type:none;
width: 100%;
text-align: center;
}



#fnavigation ul li
{
/*border-right:1px solid #ccc;*/
display: inline;
border-right: 1px solid #d8d9da;
}





#fnavigation ul li a
{
text-decoration: none;
text-transform:lowercase;
/*background-color:#00FF00;*/
padding: .2em .8em;
color:#9AA1AE;

}

#fnavigation ul li#fnav_contatti {border-right:none;}

#fnavigation .selected

{

font-weight:bold;

}











div#ragsoc

{

font-size:85%;

/*line-height:10px;*/

color: #0a3371;

padding-top:15px;

}



body#home #content{
text-align:justify;
}


#content p,
#content ul
{
padding:1em 0;
/*padding-bottom:2em;*/
/*margin-right:80px;*/
padding-left:50px;
padding-right:50px;

}

#global-container p,
#global_container ul
{
margin:0;
padding:0;
}

#image_container p

{

padding-top:0;

padding-bottom:1em;

}





ul

{

padding-left:3em;

padding-bottom:2em;

}







p,h1,h2,h3,h4,

gallery_title

{

/*padding-left:10px;

padding-right:10px;*/

}



.left

{
float:left;
/*width:40%;*/
padding-right:20px;
/*padding-left:40px;*/
}



.left2
{
float:left;
/*width:40%;*/
padding-left:300px;
/*padding-right:20px;*/
}



.right
{
float:right;
/*width:50%;*/
padding-left:20px;
padding-right:40px;
/*padding-bottom:20px;*/
}



#extradiv

{

/*display:none;*/

}



div#email

{

/*display:none;*/

font-size:90%;

/*position:absolute;

top:4px;

right:190px;*/

position:relative; left:640px; top:5px; width:200px;

}





#extra
{
padding-top:60px;
margin:0 auto;
}

#copyright
{
/*display:none;*/
font-size:90%;
/*position:absolute;
bottom:10px;
left:10px;*/
/*float:left;*/
/*padding-right:20px;*/
/*display:inline;*/
float:left;
}


#webmaster
{
/*clear:left;*/
/*display:none;*/
font-size:90%;
/*float:left;*/
/*display:inline;*/
float:left;
}


#counter
{
/*clear:left;*/
/*display:none;*/
font-size:90%;
float:right;
}









/* ============ CHI SIAMO ============= */

.profilo

{
clear:both;
width:500px;
margin:50px;
border:5px solid #d8d9da;
/*background-color:#eee;*/
margin-left:50px;
padding-right:10px;
padding-bottom:10px;
overflow:auto;
}



.profilo .left

{
/*position:relative; left:-5px;
margin-right:-5px;*/
margin:0;
}



.profilo .right

{

position:relative; right:0px;

margin-left:0px;
padding-right:0px;
margin-right:-10px !important;
margin-right:-5px ;


}


.profilo h3,
.profilo h4,
.profilo p
{
padding-left:20px !important;
padding-right:20px !important;
}

.profilo p
{
text-align:justify;
}





h1,h2,h3,h4,#gallery_title
{
/*color: #0a3371;*/
color:#9aa1ae;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
}



h1,h2,h3,h4
{
padding-left:50px;
}



h1

{

font-size:200%;

}



h2
{
font-size:180%;
}



h3
/*,#gallery_title*/
{
padding-top:10px;
font-size:140%;
}



h4
{
font-size:110%;
font-weight:normal;
}



.torna a,
p.didascalia
{
font-size:85%;
color:#84888e;
}



.torna
{
clear:both;
float:right;
}



p.didascalia
{
text-align:center;
/*margin-top:-1em;*/
}















/*===================================================================================================*/



/* mappe immagine */



ul#mappa1
{
/*margin-left:-10px;*/ margin:0; padding:0;
list-style:none;
position:relative;
/*left:-10px;*/
width:820px;
overflow:visible;
height:340px; /* dimensioni dell'immagine di sfondo da mappare */
background: url("../images/loSTAFFpas2.jpg") no-repeat;
margin:0 auto;
}

ul#mappa1 li
{
display:block;
position:absolute;
margin:0; padding:0;
}

li#mappa1-link1
{
left:538px; top:33px;
width:100px; height:128px;
/*background-color:#009999;*/
}

li#mappa1-link2
{
left:304px; top:96px;
width:100px; height:128px;
/*background-color:#990033;*/
}

li#mappa1-link3
{
left:30px; top:98px;
width:100px; height:128px;
/*background-color:#FFCC00;*/
}

li#mappa1-link4
{
left:186px; top:122px;
width:100px; height:128px;
/*background-color:#CC99CC;*/
}

li#mappa1-link5
{
left:696px; top:90px;
width:100px; height:128px;
/*background-color:#663399;*/
}

li#mappa1-link6
{
left:388px; top:59px;
width:100px; height:128px;
/*background-color:#00CC00;*/
}


#mappa1 a
{
display:block;
width:100%;
height:100%;
border:1px dotted transparent;
}

*html #mappa1 a
{
border-color: white;
background-color: white;
filter: chroma(color=white);
}

#mappa1 .alt { display:none }

#mappa1 a:hover
{
border:1px dotted #fff;
}

*html #mappa1 a:hover
{
border-color: white;
background-color: black;
filter: chroma(color=black);
}


/*==================================*/



ul#mappa2
{
/*margin-left:-10px;*/ margin:0; padding:0;
list-style:none;
position:relative;
/*left:-10px;*/
width:820px;
overflow:visible;
height:636px; /* dimensioni dell'immagine di sfondo da mappare */
/*background: url("../images/map_products.jpg") no-repeat;*/
background: url("../images/prodotti.jpg") no-repeat;
margin:0 auto;
}







ul#mappa2 li
{
display:block;
position:absolute;
margin:0; padding:0;
}


li#mappa2-link1
{
left:214px; top:270px;
width:170px; height:160px;
/*background-color:#009999;*/
}

li#mappa2-link2
{
left:386px; top:300px;
width:160px; height:130px;
/*background-color:#990033;*/
}

li#mappa2-link3
{
left:556px; top:290px;
width:210px; height:150px;
/*background-color:#FFCC00;*/
}

li#mappa2-link4
{
left:40px; top:370px;
width:160px; height:100px;
/*background-color:#CC99CC;*/
}

#mappa2 a,
#mappa2 a:visited
{
display:block;
width:100%;
height:100%;
text-decoration:none;
/*color:#0a3371;*/
color:#FFFFFF;
font-size:120%;
border:1px dotted transparent;
}


*html #mappa2 a
{
border-color: white;
background-color: white;
filter: chroma(color=white);
}

#mappa2 a:hover
{
/*color:#FF0033;*/
/*font-style:italic;*/
border:1px dotted #fff;
}

*html #mappa2 a:hover
{
border-color: white;
background-color: black;
filter: chroma(color=black);
}

#mappa2 .alt_bottom,
#mappa2 .alt_top
{ 
font-weight:bold;
text-align:center;
display: block;
width:100%;
/*background-color:#d8dbe0;*/
padding:4px 0;
}
#mappa2 .alt_bottom
{
position: absolute; bottom: 0px;
}





/*===================================================================================================*/







#businessCard
{
/*margin:0 20px;*/
width:400px;
height:250px;
background:url(../images/bigliettodavisita.jpg) top left no-repeat;
margin-left:40px;
}

#businessCard h3,
#businessCard p
{
display:none;
}

#customText
{
width:400px;
margin-left:40px;
}

#customText h3
{
height:65px;
margin:0; padding:0;
background: #e2e4e5 url(../images/postit.jpg) left top no-repeat;
}

#customText span
{
display:block;
background: #e2e4e5 url(../images/postit.jpg) -400px top repeat-y;
padding:10px 40px;
}







#customText



{



padding-bottom:85px;



background: #e2e4e5 url(../images/postit.jpg) left bottom no-repeat;



}











/* =======FORM============= */

.form
{
float:left;
width:430px !important;
width:390px;
}

.form h3
{
padding-left:50px !important;
padding-left:20px;
}

form
{
padding:20px;
/*background-color:#eee;*/
border:5px solid #d8d9da;
/*background-color:#eee;*/
margin-top:10px;
margin-left:50px !important;
margin-left:20px;
}


form input
{
width:70%;
}

form .invia
{
width:30%;
float:right;
}

form small
{
font-size:85%;
}

form textarea
{
width:100%;
height:80px;
}




#google_map
{
/*float:left;*/
width:450px;
height:690px; /* dimensioni dell'immagine di sfondo da mappare */
/*background: url("../images/map_products.jpg") no-repeat;*/
background: url("../images/cornice_mappa.jpg") no-repeat;

margin-left:40px !important;
margin-left:20px ;

padding-left:20px;
padding-top:20px;
/*padding:20px 30px 0 20px;*/
padding-right:30px;
}

.indicazioni
{

float:left;
width:300px;
/*margin-right:50px;*/


border:5px solid #d8d9da;
/*background-color:#eee;*/
margin-bottom:10px;
margin-top:10px;
}

.indicazioni ul
{
list-style-type:none;
}

.indicazioni ul,
.indicazioni p
{
padding:10px !important;
text-align:justify;
}

form br
{
clear:both;
}

strong2
{
font-size:14px;
font-weight:bold;
}