/*==================================== STILI GENERICI==============================================*/
html,body{margin: 0;padding:0 ;}
html{background-color:#dce7f2;}
body{font-family: arial,sans-serif;/*font-size: 76%;*/text-align: center;}
div#contenitore{
position: relative;
width:760px; margin: 0 auto;
background:  url("../img/sfondi/sfondo_coldx.jpg") repeat-y top right #FFFFFF;
}
div#contenitore2{
text-align: left;
background:  url("../img/sfondi/sfondo_colsx.jpg") repeat-y top left;
}
img{border:none;}
/*=====================================================================================================*/



/*===============================   STILI SPECIFICI PER IL LAYOUT    ==================================*/
div#colsx{
position: absolute; top: 100px;
left: 0;padding: 0;
width: 108px!important;
}
div#coldx{
/*position: absolute;*/ top: 100px; float:right; 
right: 0;padding: 0 0 0 0 ;
width: 160px!important;
}
div#contenuto{
margin: 0 160px 0 108px;
padding: 1em 0;background-color:#fff;
font-size:12px; color:navy;
}
div#piede{
text-align:center; /*padding: 5px 0;*/
/*background-color:#b0252a;*/ color: #CCCCCC;
font-family:"Trebuchet MS", "Times New Roman"; font-size:9px; font-weight:bold; 
height:auto; clear:both;
background:#b0252a url("../img/sfondi/piede.jpg") no-repeat left bottom;
} 

div#piede p{margin:0px 10px ; padding: 0;}
div#piede p a{color:#999999;}
div#piede p a:hover{color:#FFFFFF;}
div#piede p a.piede_attiva{color:#FFFFFF; text-decoration:none;}
/*=====================================================================================================*/



/*====================================== STILI TESTATA ================================================*/
div#testata{height: 100px; }
div#sfondo {height:78px;background:  url("../img/sfondi/sfondo_testata.jpg") no-repeat top right;}
div#subtestata{width:600px; float:left; margin:0; padding:0; background-color:#b0252a; font-size:11px;}
div#subtestata ul{margin:0; padding:0; list-style-type:none;}
div#subtestata li{width:108px; float:left; margin:0; padding:0; color:#FFFFFF; font-weight:bold; text-align:center;}
div#subtestata a{display:block; color:#FFFFFF; text-decoration:none; height:15px; line-height:15px;}
div#subtestata a:hover{background-color:#69c; color:#FFFFFF; text-decoration:none;}
div#subtestata li ul{display:none;}
div#subtestata li:hover ul{display:block; position:absolute; left:108px; z-index:1000; width:108px; padding:0; margin:0 0 0 0;
background-color:#0c1057;}
div#subtestata li li a{font-size:10px; padding-bottom:2px;}
div#subtestata a.attiva{background-color:#69c; cursor:default; height:15px;}
div#data{ float:right; right:0; 
top:78px; width:160px; height:15px; 
background-color:#b0252a; font-size:11px; font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:center; color:#FFFFFF; font-weight:bold;
}
/*======================================================================================================*/



/*======================================= STILI PER HOME ===============================================*/
div#box1 {clear:left; width:450px; margin:0 auto; text-align:justify;}
div#box1 p {padding:0; margin:0; text-align:center;}
div#box2, div#box3, div#box4 {clear:left; width:450px; margin:0 auto;/*padding-top:20px;*/}
div#box2 div, div#box3 div {
float:left; width:150px; 
text-align: center; line-height:75px; 
color:#369; font-weight:bold; letter-spacing:1px;
}
div#box4 div {float:left; width:150px; text-align:center;}
div#box2{padding-top:5px;}
.bold{font-weight:bold;}
div#box2 {padding-top:15px;}
div#box4 {padding-bottom:15px;}
div#box2 img, div#box4 img{width:150px; height:119px;}
span.motto{color:#b0252a; font-size:20px; font-weight:bold; font-family: "Dutch801 Rm BT", Arial, "Times New Roman"}
div#box5{clear:left; width:450px;height:100px; margin:0 auto; text-align:left; border:solid 1px navy;  overflow:hidden;}
div#box5 a{font-size:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#30621b;}
div#box5 a:hover{font-weight:100;}
div#box5 ul{margin-top:8px; padding-top:0; list-style-image:url(../img/loghi/ancora.jpg)}
div#box5 li{padding-bottom:4px; padding-left:4px;}
div#box5 p.pboxtitolo{font-size:11px; font-weight:bold; 
width:100%; background-color:#6699cc; 
color:#FFFFFF; margin:0; padding:0 0 0 5px;
letter-spacing:0.1em;}

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



/*============================================= STILI PER LA COLSX ==============================================================*/
div#colsx a.attiva{cursor:default; color: #FFFFFF; }
div#colsx a.attiva:hover{background-color:#0c1057;}
/*========== stili per la finestra con testo scorrevole ==============*/
div#finestra{
float:left; width:106px!important;
height:92px; margin: 0 AUTO; background-color:#FFFFFF;
border-left:solid 1px navy; border-right:solid 1px #0c1057;
}
iframe#rotolo{padding-left:5px;}

/*====================== stili navigazionesx ===========================*/
					   
/* bottoni principali */
div#navigazionesx{
float:left; padding:0;
}
div#navigazionesx{
width:108px!important; left:0; margin:5px 0 0 0;
}
div#navigazionesx ul{
list-style-type:none; margin:0; padding:0
}
div#navigazionesx li{
width:108px; margin:0; padding:0; color:#FFFF00;
}
div#navigazionesx ul li a{
display:block;width:108px; text-decoration:none; 
color:#69c; font-weight:bold; 
width:98px; /*\width:108px; w\idth:98px;*/ 
height:45px; font-size:12px; line-height:45px; 
border-bottom:solid 1px #69c; padding-left:10px; /*padding:15px 0 10px 10px;*/
}

div#navigazionesx a:hover{
text-decoration:none; color: #FFFFFF; background-color:#369;
}
div#navigazionesx ul li.sx_img a{border-bottom:none; text-align:center; margin-top:30px;}
div#navigazionesx ul li.sx_img a:hover{ background-color:#0c1057; }

div#navigazionesx ul li ul {display:none;}	
div#navigazionesx ul li:hover ul{display:block; position:absolute; 
z-index:1000; width:140px; background-color:#b0252a; 
margin:-5px 0 0 0; padding:0; 
height:auto !important; left:108px; top:147px; 
}	
div#navigazionesx ul li ul li{
width:140px; background-color:#b0252a; 
padding:0; margin:0; 
text-align:center; height:auto !important;  height/**/:18px; line-height:19px;
}
div#navigazionesx ul li ul li a{
width:140px; background-color:#b0252a; 
display:block; font-size:11px; color:#FFFFFF; 
padding:0; margin:0; height:auto !important; height/**/:18px; line-height:19px;
}	
div#navigazionesx ul li ul li a:hover {
background-color:#6699cc; height:auto !important;  height/**/:18px; line-height:19px;
}
div#navigazionesx ul li ul li a.attiva{ background-color:#0c1057;}                             
/*============================================================================================================================*/



/*=================================================  STILI PER LA COLDX  =====================================================*/
div#tuttodx{float:left; padding:0 0 0 0;
font-size:12px; margin:0;
}

div#news, div#attivita, div#cuccioli, div#foto, div#video, div#sostenitori {
width:150px!important; margin:5px;
}

/*colori sociali*/
div#col_soc{background-color:#b0252a; margin:0 5px 5px 5px; width:150px!important;} 
div#col_soc a{color:#FFFFFF; display:block; width:100%; text-align:center; text-decoration:none; font-weight:bold; font-size:12px;
background-image: url("../img/sfondi/sfondo_hover_dx.jpg");}
div#col_soc a:hover{background-color:#6699cc; color:#0c1057;}
div#col_soc a.attiva{background-color:#6699cc; color:#30621b; cursor:default;}
div#col_soc a.attiva:hover{color:#30621b;}

div#news a.attiva, div#attivita a.attiva, 
div#cuccioli a.attiva, div#foto a.attiva{text-align:center; color:#0c1057; background-image:none; border-bottom:none;}
div#news a.attiva:hover, div#attivita a.attiva:hover, 
div#cuccioli a.attiva:hover, div#foto a.attiva:hover{color:#0c1057; cursor:default;}

div.intestazionebox{
color:#eee; font-weight:bold;
font-size:12px; text-align:center; 
font-family:Geneva, Arial, Helvetica, sans-serif; background-color:#0c1057;
}

div#news ul, div#attivita ul, div#cuccioli ul, div#foto ul {list-style-type:none; margin:0; padding:0;}
div#news li, div#attivita li, div#cuccioli li, div#foto li {margin:0; padding:0;}

div#news a, div#attivita a, div#cuccioli a, div#foto a {
text-decoration:none; color:#eee; 
font-weight:bold; font-size:11px; 
height:13px; line-height:13px;
background-image: url("../img/sfondi/sfondo_hover_dx.jpg");
display:block; width:140px!important; 
border-bottom:solid 1px navy; padding-left:10px;
}

div#news a:hover, div#attivita a:hover, div#cuccioli a:hover, div#foto a:hover{
color:#FFFFFF; background-color:#6699cc; text-align:center;
}
div#video, div#sostenitori{text-align:center;}
div#video img{margin:10px auto;}
div#sostenitori img{margin:40px auto;}
div#contatore{ width:88px; height:31px; text-align:center; margin:0 auto 20px auto;}
/*===============================================================================================================================*/

/*=================================================CONTENUTO MODIFICABILE========================================================*/
/* formattazione testo razze*/
div#contenuto_modificabile{clear:left; width:450px; margin:0 auto; text-align:left}
div#contenuto_modificabile p.bold{text-align:center;}
div#contenuto_modificabile p {margin:0; padding:0; text-indent:15px; word-spacing:.2em;}
div#contenuto_modificabile h3.titolo{font-size:14px; text-align:center; margin:0 0 5px 0;}
div#contenuto_modificabile h3.sottotitolo{
display:block; font-size:12px; 
width:100%; height:auto; 
background-color:#dce7f2; /*padding-left:10px;*/
margin:10px 0; text-align:center;
}
div#contenuto_modificabile a {font-weight:bold; text-decoration:none; color:#30621b;}
/*=============================*/
 
/*== chi siamo ==*/
div#contenuto_modificabile div#chi_siamo p{text-align:center;}
div#contenuto_modificabile div#chi_siamo p.justify{text-align:justify; text-indent:0;}
div#contenuto_modificabile div#chi_siamo div.img_chi_siamo{padding:10px 0; font-size:9px; font-weight:bold;}

/*== visibilita per foto del gruppo e del canada ==*/
a.show_chs, a.show_chs:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.show_chs b {        /*chia siamo*/
position:absolute;
visibility:hidden; /* nasconde l'immagine */
width:482px; 
height:0; 
left:-228px; /* posizionamento dell'immagine all'interno del testo */
top:-380px;
}
a.canada b{          /*terranova*/
position:absolute;
visibility:hidden; /* nasconde l'immagine */
width:350px; 
height:0; 
left:-260px; /* posizionamento dell'immagine all'interno del testo */
top:0px;
}

a.canada2 b{         /*labrador*/
position:absolute;
visibility:hidden; /* nasconde l'immagine */
width:350px; 
height:0; 
left:-360px; /* posizionamento dell'immagine all'interno del testo */
top:0px;
}

a.show_chs:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.show_chs:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.show_chs:hover b img {
border:0; /* remove the link border */
}

/*== formattazione testo passato ==*/
div#contenuto_modificabile div#passato p{text-align:center; text-indent:0;}
div#contenuto_modificabile div#passato h3.sottotitolo{text-align:center;}

/*== iscrizioni ==*/
div#barra{float:left; width:100%;}
div#barra ul {list-style-type:none; margin:0; padding:0;}
div#barra li{width:auto; float:left; margin:0; padding:0 10px; font-size:11px; font-weight:bold;}
div#barra li a { display:block; height:15px; line-height:15px;color:#0c1057; margin:0; padding:0; 
float:left; border-bottom:solid 1px navy;}
div#barra li a:hover{color:#6699cc;}
div#barra a.barra_attiva, div#barra a.barra_attiva:hover { color:#b0252a; cursor:default;}
div#iscrizioni div.centro, div#documenti div.centro, div#contattaci div.centro{
text-align:center; margin-top:30px; margin-bottom:10px;}/*logo per iscrizioni e documenti*/
div#iscrizioni p, div#documenti p {text-align:justify; text-indent:0;}/*p per iscrizioni e documenti*/
div#iscrizioni {border:solid 1px navy; padding:15px 15px 120px;}
div#iscrizioni div#barra p{text-indent:10px;}
div#iscrizioni p.left {text-align:left;}
div#iscrizioni p.centro {text-align:center;}
div#iscrizioni p.rosso{text-align:left; color:red;}
div#iscrizioni p.left_bold{text-align:left; font-size:11px; font-weight:bold;}
div#iscrizioni p.right{text-align:right;}

/*== documenti ==*/
div#documenti div#barra {margin:0 auto; width:100%;}
div#documenti div#barra li{padding:0 5px;}
div#documenti p.centro{text-align:center;}
div#documenti p.left{text-align:left;}
div#barra p{font-size:11px; color:#b0252a; font-weight: bold; text-indent:5px; margin-bottom:5px;} 
div#barra p a {border-bottom:solid 1px navy; color:#0c1057;}
div#tuttodoc{border:solid 1px navy; padding:15px 15px 120px;}

/*== contattaci ==*/
div#contattaci p{text-align:left; text-indent:0;}


/* visibilita mappa italia e ostia*/
.italia {padding:0; margin:0; list-style-type:none; background-image: url("../img/pop_up/italia.gif"); width:380px; height:419px; 
margin:50px auto 100px auto; position:relative; z-index:0;}
.italia li a {text-indent:-999px; display:block;  width:80px; height:20px; background:trasparent; position:absolute; line-height:8px;}
.italia li a em {visibility:hidden; position:absolute;}
.italia li a.ostia {top:220px; left:189px;}
.italia li a:hover {background:yellow; text-indent:0; height:1.2em; 
font-size:1em; color:#fff; line-height:1em; padding:2px 10px; width:90px;}
.italia li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid navy; width:300px; color:#600; padding:25px;font-style:normal; top:-200px; left:-180px; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; letter-spacing:1px; line-height:1.5em;}

div#sedi p, div#operative p{text-indent:0;} /*testo di dove siamo*/
div#operative {margin-top:10px;}
div#operative ul {margin-top:0;}
/*==============================================*/

/*== colori sociali ==*/
div#contenuto_modificabile div#colori_sociali p{text-align:left; text-indent:0;}
div#colori_sociali div.img_col_soc{text-align:center; margin-top:30px; margin-bottom:60px;}
span.rosso{color:#b0252a; font-weight:bold;}
div#contenuto_modificabile div#colori_sociali div.colore_blu, div#contenuto_modificabile div#colori_sociali div.colore_rosso,
div#contenuto_modificabile div#colori_sociali div.colore_verde {width:350px; height:20px; margin:0px auto;}
div#contenuto_modificabile div#colori_sociali div.colore_blu{background-color:#0c1057;}
div#contenuto_modificabile div#colori_sociali div.colore_rosso{background-color:#b0252a;}
div#contenuto_modificabile div#colori_sociali div.colore_verde{background-color:#30621b;}
/*===============pagina dei link e meteo================*/
div#contenuto_modificabile div#link_cont div, div#contenuto_modificabile div#meteo div
{width:100%; text-align:center; border-bottom:solid 1px navy; padding:10px 0;}
div#contenuto_modificabile div#link_cont div p, div#contenuto_modificabile div#meteo div p{padding-top:10px;}

/*=============stili immagini===================*/
.destra         {float:right; clear:right; padding: 10px 0 5px 10px; width:160px; height:128px;}
.sinistra       {float:left; clear:left; padding:10px 10px 5px 0; width:160px; height:128px;}
.sinistra_dim_eff{float:left; clear:left; padding:10px 10px 5px 0;}
div#contenuto_modificabile img.testa{width:75px; height:80px; float:left; clear:left; padding:10px 10px 5px 0;}
div#contenuto_modificabile img.destra_vert {width:100px; height:133px; float:right; clear:right; padding: 10px 0 5px 10px;}