/* CSS Document */
/* CSS created by Giovanni Ghersi for if&but Network di Comunicazione - www.ifbut.com - June 2006. */
/* You may not reproduce this css design elsewhere without the designer's written permission. However, feel free to study the CSS and use techniques you learn from it elsewhere. */



body {
/*
background-color:#444;
background-image:url(media/pentagramma_neg2.jpg);
background-repeat:repeat-x;
background-position:0px 138px;
*/
background-color:#400;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin:0;
}

p {margin: 5px 10px;}

a {color: #444444; font-weight:bold;}
a:hover {color: #8b0808; text-decoration: none;}
a:focus {outline: 0;}

img {border:1px solid #444;}

#contenitore {
width: 740px;
margin-left: auto;
margin-right: auto;
margin-top:0px;
text-align: center;
background-color:#fff;
}

#blocco_orizzontale {
width: 740px;
float: left;
margin:0;
}

#logo {
width: 223px;
height:160px;
float: left;
background-image: url(media/carlo_logo.jpg);
background-repeat:no-repeat;
background-position:28px 14px ;
background-color:#fff;
border-right: 1px solid #bdbdbd;
}
#sotto_logo {
width: 223px;
height:24px;
float: left;

background-color:#8b0808;
margin-top:136px;
}
#fascia_sopramenu_bianca {
width: 516px;
height:55px;
float: left;
background-color:#fff;
}
#fascia_sopramenu_bordata_sx {
width: 300px;
height:81px;
float: left;
background-color:#fff;
border-right: 1px solid #bdbdbd;
}
#fascia_sopramenu_bordata_dx {
width: 215px;
height:81px;
float: left;
background-color:#fff;
}
#fascia_grigia_sx {
width: 300px;
height:24px;
float: left;
background-color:#444;
border-right: 1px solid #bdbdbd;
}
#fascia_grigia_dx {
width: 215px;
height:24px;
float: left;
background-color:#444;
}
#area_soci {
width: 148px;
height:150px;
float: left;
background-color:#fff;
}
#area_soci p{
margin-left:8px;
margin-top:130px;
}


#blocco_foto2, #blocco_foto3, #blocco_foto4, #blocco_foto5, #blocco_foto6 , #blocco_foto7, #blocco_foto8, #blocco_foto9, #blocco_foto10 {
width: 592px;
float: left;
height: 150px; 
background-color:#fff;
}

#blocco_foto2 {background-image: url(media/carlo2.jpg);}
#blocco_foto3 {background-image: url(media/carlo3.jpg);}
#blocco_foto4 {background-image: url(media/carlo4.jpg);}
#blocco_foto5 {background-image: url(media/carlo5.jpg);}
#blocco_foto6 {background-image: url(media/carlo6.jpg);}
#blocco_foto7 {background-image: url(media/carlo7.jpg);}
#blocco_foto8 {background-image: url(media/carlo8.jpg);}
#blocco_foto9 {background-image: url(media/carlo9.jpg);}
#blocco_foto10 {background-image: url(media/carlo10.jpg);}
#blocco_foto p, #blocco_foto2 p, #blocco_foto3 p, #blocco_foto4 p, #blocco_foto5 p, #blocco_foto6 p, #blocco_foto7 p,  #blocco_foto8 p, #blocco_foto9 p, #blocco_foto10 p
{margin-top:135px; margin-left:55px; }

/*-------------------------------- sotto blocco dei contatti ---------------------------------*/
#sottofoto_sx{
float:left;
width:525px;
height:40px;
background-color:#fff;
border-right:1px solid #bdbdbd;
}
#sottofoto_dx{
float:right;
width:214px;
height:40px;
background-color:#fff;
}
#blocco_contenuti {
width: 740px;
float: left;
background-color:#fff;
padding-bottom:20px;
}
#colonna_sinistra p{
text-align:left;}
#colonna_sinistra {
width: 489px;
float: left;
background-color:#fff;
border-right: 1px solid #bdbdbd;
}
#colonna_destra {
width: 250px;
float: right;
background-color:#fff;
}
#colonna_destra p{
text-align:right;}

.titolo{
font-size:18px;
font-weight:bold;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px solid #000;}
.titolo1 {
display:block; 
height: 15px;
font-size:12px;
border-bottom:2px solid  #d5d5d3;
padding-left: 20px; 
font-weight: bold;
color: #8b0808;
padding-top: 2px;
margin-top: 20px;
padding-bottom: 2px;}
.titolo2{
font-weight:bold;
color:#8b0808;
}

.primo_par{
padding-top:10px;
}
#titolo_lato_destro {
width: 250px;
height: 25px;
float: left;
margin-top: 20px;
background-color: #8b0808;}
#titolo_lato_destro p { text-align: right; color: #fff; font-size: 13px; text-transform:uppercase;}

#img_lato_destro{
float:right;
width:250px;
text-align:right;
margin-top:3px;
margin-bottom:5px; 
background-color: #fff;}

#interno_dx p{
text-align: right;}
#colonna_destra a {color: #8b0808;}
#colonna_destra a:hover {color: #000; text-decoration:none;}
.listacontatti, .statuto, .listapresentazioni  {text-align:left;}
.listapresentazioni li{list-style: none; margin-top: 5px;}
.contenuto, .contenuto_moduli, .contenuto_areariservata {
width: 480px;
float:left;}
.contenuto li {
text-align:left;
margin-left:20px;
margin-right: 5px; 
list-style-type:lower-alpha;}
.contenuto_areariservata ul {margin-left: 0px; margin-top: 10px; width:440px; padding: 20px 0px 20px 0px;}
.contenuto_areariservata li {display: inline; margin-left: 10px;}
.contenuto_moduli li {list-style: none;height:21px; float: right;}
.contenuto_areariservata input {width: 100px; font-size:11px;}
.contenuto_moduli input {width: 200px; font-size:11px;}
.contenuto_moduli textarea {width: 300px; height: 100px; float:right;font-size:11px; font-family: Arial, Helvetica, sans-serif;}

.box_dati, .box_dati1 {
width:460px;
margin-left: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #8b0808; 
float: left;}
.box_dati li, .box_dati1 li { margin-right: 5px; }
.box_dati1 li{width: 300px;text-align: right;;}
input#bottone, input#bottone1  {
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #8b0808; }
input#bottone1 {width:40px;}

#footer {
margin-bottom: 1px;
font-size: 10px;
width: 740px;
float: left;
text-align:center;
background-color:#8b0808;
color:#fff;
border-bottom:1px solid #fff;}

div#footer a{
color:#fff;
text-decoration:underline;}
div#footer a:hover{
color:#fff;
text-decoration:none;}

/*----------------------------  MENU -------------------*/

/* MENU PRINCIPALE */
.menuNavigazione{
margin:0;
padding:0;
list-style:none;}
.menuNavigazione li{
float:left; width: 80px;
margin-left:8px;
border-left: 1px solid #444;
padding-left: 7px;
position:relative;}
#menu li.corto {width: 30px;}
#menu li.sottomenu, #menu li.sottomenu1 {
border: none;
width: 120px; 
margin-left: 0px;
padding: 9px 2px 3px 4px;/*padding: 0px 2px 5px 2px;*/
text-align: left;}
/*#menu li.sottomenu1 a {margin-top:-14px; display:block; padding-top:18px; background-color: #f90;text-align: left;}
#menu li.sottomenu a {display:block; text-align: left;}*/
span.menu1 a:hover {text-decoration: underline; color: #444;}

.menuNavigazione a{
float:left;
height:16px;}
/* SOTTO MENU */
.menuNavigazione ul{
margin:0;
padding:0;
list-style:none;
width:130px;
margin-left: 2px;}
.menuNavigazione ul li{
float:none;}
.menuNavigazione ul a{
float:none;
color:#444;
font-weight:bold;}
/* MENU ON OFF */
.menuNavigazione ul,
.menuNavigazione ul.subMenu-off{
position:absolute;
visibility:hidden;
}
.menuNavigazione ul.subMenu-on{
visibility:visible;
}
/* POSIZIONAMENTO DEL SOTTO MENU */
.menuNavigazione ul.subMenu-on{
position:absolute;/* primo livello di annidamento:menu a discesa */
top:1.3em;
padding-top:5px;
/*left:-21px;*/
left:-1px;
font-weight:bold;
visibility:visible;
 border-bottom: 2px solid #8b0808;
background-color:#fff;
}
.menuNavigazione ul.subMenu-on ul.subMenu-on{
margin: 0 0 0 -1px; /*livelli di annidamento superiori al primo:menu a comparsa laterale */
width: 9.7em;
position:absolute;
top: 0px;
left:9.7em;
background-color:#32599a;
}

/* COLORI */
.menuNavigazione{background-color:#fff;}
.menuNavigazione a{font-size:12px;color:#444;text-align:center;}
/* EFFETTO ROLLOVER */
.menuNavigazione a:hover{
background-color:#fff;
color:#8b0808;}

#menu {float: right;
margin-top: 60px;
font-size: 12px;
padding-right:10px;}
#menu2 {float: left;
margin-top: 60px;
font-size: 12px;
padding-right:10px;}

.Stile1 {
	color: #990000;
	font-weight: bold;
}
.stile2 {font-size: 10px;}
ol{
text-align:left;
}
.contenuto_areariservata ul {margin-left: 0px; margin-top: 10px; width:440px; padding: 20px 0px 20px 0px;}

.contenuto_areariservata li {display: inline; margin-left: 10px;}

.contenuto_moduli li {list-style: none;height:21px; float: right;}

.contenuto_areariservata input {width: 100px; font-size:11px;}

/* ---------- SLIDE SHOW --------- */
#rotator
{	
	overflow: hidden;
	float:left;
	width: 592px;
	height: 150px;
	background-color:#fff;
}

#rotator img
{
	width: 592px;
	height: 150px;

}

.approfondimento {

margin-left:0;
margin-top:0px;
list-style:none;
text-align:left;
}