@charset "UTF-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:12px;
background-color:#000000;
margin:0;
padding:0;
}
#main {
width:955px;
min-height:768px;
padding:0px;
margin:0 auto 0 auto;
overflow:auto;
/*border:1px dashed pink;*/

}
#logo {
width:955px;
height:144px;
margin:0 auto 0 auto;
background-image:url(../img/logo.jpg);
background-repeat:no-repeat;
background-position:top center;
padding:0;
}
#menu {
width:765px;
height:98px;
margin:0 auto 0 auto;
}
#menu ul{
width:100%;
margin:0 auto 0 auto;
text-decoration:none;
list-style:none;
padding:0;

}
#menu li{
float:left;
margin:0;
padding:0;
/*border:1px dashed grey;*/
}
/****************** quello che fa funzionare il rollover menu ******************/
#menu a {
    /*width: 204px;*/
	height:98px; 
    overflow: hidden;
    float: left;
}
#menu img {
    border: none;
}
#menu a:hover img {
    margin-top: -89px;
}
/***************/
#contenuto {
width:955px;
min-height:390px;
padding-top:70px;
margin:0;
background-image:url(../img/sopra.jpg);
background-repeat:no-repeat;
}
.box {
width:316px;
height:171px;
float:left;
}

img {
border:none;
}
/*    profilo    */
#it {
width:450px;
float:left;
height:auto;
line-height:20px;
margin: 0 0 20px 0;
}
#uk {
width:450px;
float:right;
height:auto;
line-height:20px;
margin: 0 0 20px 0;
}

#it li{
list-style:circle;
list-style-position:inside;
margin:0;
padding:0;
text-align:left;
max-width:450px;
max-height:20px;
clear:both;
}
#uk li{
list-style:circle;
list-style-position:inside;
margin:0;
padding:0;
text-align:left;
max-width:450px;
max-height:20px;
clear:both;
}

/*    DOVE SIAMO    */
#mappa {
width:655px;
float:left;
border:1px solid #333333;
}
#indirizzo {
width:290px;
text-align:right;
line-height:19px;
float:left;
}
/*    CONTATTI    */
.campo {
width:300px;
height:20px;
background-color:#CCCCCC;
border:none;
}
.campo_txt {
width:300px;
height:50px;
background-color:#CCCCCC;
border:none;
}
.campo_capcha {
width:200px;
height:20px;
background-color:#CCCCCC;
border:none;
}

a {
text-decoration:none;
color: #000000;
font-weight:bold;
}

h1 {
font-size:20px;
padding:0;
margin:0 0 5px 0;
}
h2 {
font-size:15px;
padding:0;
margin:0 0 10px 0;
}
.form {
float:left;
}

/*STYLE IMMAGINI NELLA HOME*/
#imgindex {
width:635px;
height:324px;
margin-left:auto;
margin-right:auto;
}
#contenuto ul {
list-style:none;
margin:0 auto 0 auto;
padding:0;
}
	#contenuto li {float:left;width:317px;height:159px;margin: 0 0 5px 0;padding:0;}
	#contenuto li a {display:block;padding:0px 10px;height:100%;color:#FFF;text-decoration:none;}
	#contenuto li a { background-color:red repeat 0 0;}
	#contenuto li a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#a1 a {background:url(../img/rollover/madonnabasic.jpg) repeat;}
	#a2 a {background:url(../img/rollover/madonnamoda.jpg) repeat;}
	#a3 a {background:url(../img/rollover/dennyrose.jpg) repeat;}
	#a4 a {background:url(../img/rollover/lovenature.jpg) repeat;}
	#a5 a {background:url(../img/rollover/byblos-man.jpg) repeat;}
	#a6 a {background:url(../img/rollover/byblos-woman.jpg) repeat;}