body                   {
    text-align: center;
    font: 12px Verdana, Georgia, Arial, Sans-serif; 
    background-color: #A6A6A6;
    background-image: url('../immagini/sfondo.gif');
    background-repeat: repeat-x
}

/* === Sezione Topcontainer === */

#topcontainer {
    width: 900px;
    height: 121px;
    margin: 0 auto;
    margin-top: 55px;
    text-align: left;   
}

#logo {
    float: left;
}

#logo h1 {
    padding-left: 40px;
    text-align: left;
    color: #fff;
    font: 40px "Arial Rounded MT Bold", Verdana, Georgia, Arial, Sans-serif;
}

/* === Menu === */

#menu1 {
    width: 559px;
    margin-top: 92px;
    float: right; 
}

#menu1 ul { 
    margin: 0; 
    padding: 0;
    list-style-type: none;
    float: right;
}
    
#menu1 li {
    float: left;
}

#menu1 a { 
    display: block;
    overflow: hidden;
    text-indent: -9999px;
   /*background-repeat: no-repeat;*/
   /*background-position: 0 -25px;*/
}
 
a.home {width: 59px; height: 29px; margin-right: 5px; background-image:url('../immagini/menu/home.gif');} 
a.centro_famiglia {width: 138px; height: 29px; margin-right: 5px; background-image:url('../immagini/menu/famiglia.gif');}
a.custodia_estiva {width: 139px; height: 29px; margin-right: 5px; background-image:url('../immagini/menu/custodia.gif');}
/*a.articoli {width: 65px; height: 29px; margin-right: 5px; background-image:url('../immagini/menu/articoli.gif');}*/
a.album_foto {width: 104px; height: 29px; margin-right: 5px; background-image:url('../immagini/menu/foto.gif');}

a:hover.home  {background-image: url('../immagini/menu/home_hover.gif');}
a:hover.centro_famiglia {background-image: url('../immagini/menu/famiglia_hover.gif');}
a:hover.custodia_estiva {background-image: url('../immagini/menu/custodia_hover.gif');}
/*a:hover.articoli {background-image: url('../immagini/menu/articoli_hover.gif');}*/
a:hover.album_foto {background-image: url('../immagini/menu/foto_hover.gif');}

a:active.home  {background-image: url('../immagini/menu/home_hover.gif');}

/* === Sezione Container === */

#container {
    width: 900px;
    margin: 0 auto;
    background-color: #fff;
    /*border: 1px solid red;*/
}

/* === Sezione Header === */

#header {
    width: 900px;
    overflow: hidden;
    margin-bottom: 20px;
}

#header img {
    float: right;
    margin: 5px 5px 0px 0px;
}

#header ul {  
    margin: 45px 0px 0px 45px;  
    padding: 0;  
    float: left;
    list-style-type: none; 
} 

#header li {
    margin: 10px 0px;
    text-align: left;
}

#header a {
    color: #9F4265; 
    letter-spacing: 1px;
    font: bold 10px Tahoma, Verdana, Georgia, Arial, Sans-serif;
    text-decoration: none;
}

#header a:hover {
    color: #000;
    text-decoration: none;
}

/* === Sezione Colonna sx === */

#colonnasx {
    display: block;
    width: 165px;  
    height: 395px;
    padding: 0;
    float: left;
}

/* === Sezione Colonna dx === */

#extra {
    width: 190px; 
    height: 355px;
    float: right;
}

#extra div.newsbox {
    padding: 0px 10px;
    background-image: url('../immagini/newsbox_margin.gif');
    background-position: bottom; 
    background-repeat: no-repeat;
}

#extra div.newsbox h2 {
    color: #9F4265; 
    text-align: center; 
    font: bold 12px Verdana, Georgia, Arial, Sans-serif;
}

#extra div.newsbox p  {
    color: #000;
	text-align: center;
	padding: 0 0 20px 0;
	font: 12px/18px Verdana, Georgia, Arial, Sans-serif;
}

#extra div.newsbox a {
    color: #9F4265; 
    font: bold 12px Verdana, Georgia, Arial, Sans-serif;
    text-decoration: none;
}

#extra div.newsbox a:hover {
    color: #9F4265; 
    font: bold 12px Verdana, Georgia, Arial, Sans-serif;
    text-decoration: underline;
}

/* === Sezione Content === */

#content {
    width: 543px;
    margin-bottom: 0px;
    float: left;
    border-style: solid; 
    border-width: 0 1px; 
    border-color: #fff #9F4265 #fff #fff;
}

#content h2 {
    margin: 0;
    padding: 0px 0px 0px 5px;
    text-align: left;
    color: #9F4265;
    font: 24px "Arial Rounded MT Bold", Verdana, Arial, Georgia, Sans-serif; 
}

#content p {
    padding: 0px 10px 0px 5px; 
	color: #000;
	text-align: justify;
	font: 12px/18px Verdana, Georgia, Arial, Sans-serif;
}

#content a {
    color: #9F4265; 
    font: bold 12px Verdana, Georgia, Arial, Sans-serif;
    text-decoration: none;
}

#content a:hover {
    color: #9F4265; 
    font: bold 12px Verdana, Georgia, Arial, Sans-serif;
    text-decoration: underline;
}

/* === Sezione footer === */

#footer {
    clear: both;
    text-align: center;
    padding: 2px 0px 2px 0px;  
    background-color: #fff; 
    color: #9F4265
}

/* === Sezione Mascherina bianca === */

#skin {
    width: 920px; 
    margin: 0 auto;
    margin-top: 17px;
    text-align: left;
    background: transparent; 
}

#xboxcontent {
    display: block;
    text-align: center; 
    background: #fff; 
    border: 3px solid #fff; 
    border-width: 0 3px;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display: block; overflow: hidden; font-size: 0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height: 1px;}
.xb4, .xb5, .xb6, .xb7 {background: #ccc; border-left: 1px solid #fff; border-right: 1px solid #fff;}
 
.xb1 {margin: 0 8px; background: #fff;}
.xb2 {margin: 0 6px; background: #fff;}
.xb3 {margin: 0 4px; background: #fff;}
.xb4 {margin: 0 3px; background: #fff; border-width: 0 5px;}
 
.xb5 {margin: 0 2px; background: #fff; border-width: 0 4px;}
.xb6 {margin: 0 2px; background: #fff; border-width: 0 3px;} 
.xb7 {margin: 0 1px; background: #fff; border-width: 0 3px; height: 2px;}