/* CSS Document */
/*
@name: css/mosca.css
@desc: css generale
@author: Giada Ranieri
@lastauthor: Giada Ranieri
*/

* {
margin: 0;
 padding: 0;
}

html, body{
margin:0px;
 padding:0px;
 height:100%;
}

body{
margin:0;
color:#333;
width:100%;
font-size: 11px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:center;
background: url(../img/lay/bg.jpg) #960;
}

a {
color: #960;
 text-decoration: none
}

a:hover {
color: #960;
 text-decoration:underline
}
img {
border:none;

}
hr {
 display:none
}
img.FloatLeft {
float:left;
margin:0px 20px 0 0;
}

.centrato {
margin:50px auto auto;
width:400px;
text-align:center;
}

h3 {
color:#960;
text-align:center;
border-bottom:5px solid #fff;
}

/*---------  CONTENTS -----------*/

/* home */


#boxhome {
margin:160px auto auto auto;
 width:984px;
 height:262px;
 background:url(../img/lay/bg_home.jpg) no-repeat top left #fff;
}

#container {
margin:0 auto auto auto;
width:984px;
background:url(../img/lay/bg_content.gif) repeat-y top left;
min-height:400px;
height:auto !important;
height:400px;
}

#testa {
 margin:0px auto auto auto;
 width:984px;
 height:242px;
 background:url(../img/lay/testa.jpg) no-repeat top left #fff;
}

#testa h1 {
display:none;
}


/* menu */
#menu, #menu_pg {
float:left;
margin:10px 0px 0 42px;
width: 900px;
height: 40px;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
text-align: center;
}

#menu_pg {
margin: 0 0px 0 42px;
}

/* to stretch the container div to contain floated list */
#menu:after, #menu_pg:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#nav {
list-style: none;
padding: 0;
margin: 0;
width: 900px;
}

#nav li {
display: block;
float: left;
width: 150px;
margin: 0;
padding: 0;
font-size: 0.8em;
}

#nav li a:link, #nav li a:visited {
display: block;
width: 150px;
padding: 0;
height: 40px;
padding: 0;
line-height: 40px;
color: #fff;
text-decoration: none;
background: url(../img/lay/li.jpg) 0 -40px;
}

#menu>ul#nav li a { width: auto; }
#menu_pg>ul#nav li a { width: auto; }

ul#nav li#active a, ul#nav li a:hover{
 background-position:0 0;
 color:#fff;
text-decoration:none;
}

/*contenuto*/
#content {
margin:0 auto auto;
width:900px;
min-height:350px;
height:auto !important;
height:350px;
}

#content img {
border:none;
}

#content a {
color: #960;
text-decoration: none
}

#content a:hover {
color: #960;
text-decoration:underline
}

#content h1 {
height:30px;
width:860px;
margin:3px 0 0;
text-align:left;
padding-left:40px;
color:#fff;
line-height:30px;
font-weight:normal;
text-transform:uppercase;
font-size:20px;
background:url(../img/lay/bg_h1.jpg) top left no-repeat #bf5c00;
}

#content h2 {
text-align:left;
line-height:1.5em;
margin:10px;
font-size:16px;
font-weight:bold;
color:#960;
}


#content h4 {
text-align:left;
line-height:1.5em;
margin:10px;
font-size:12px;
font-weight:normal;
}

#content p {
text-align:left;
line-height:1.5em;
margin-left:10px;
}

#content p.formz {
border-bottom:1px solid #960;
padding-bottom:5px;
}

#content img.FloatRight1 {
float:right;
 margin:20px;

}
#content img.FloatRight2 {
float:right;
 margin:0px 20px;
}

#contcenter {
margin:0 auto auto;
width:840px;
}

#clnsx {
 float:left;
 width:300px;
 min-height:300px;
height:auto !important;
height:300px;
margin:10px 0 0;
}

#clnsx400 {
float:left;
width:400px;
margin:10px 0 0 0;
}


#clndx {
float:left;
width:560px;
margin:20px 0 0 30px;
min-height:300px;
height:auto !important;
height:300px;
background:#fff;
}

#clndxmap {
float:left;
width:400px;
margin:20px 0 0 60px;
}


#clndx img, #clndxmap img {
border:none;
padding:10px 10px 0 0;
}

.thumbnail {
float: left;
width: 160px;
margin: 0 15px 15px 0;
padding: 5px;
}
.thumbnail130 {
float: left;
width: 120px;
margin: 0 15px 15px 0;
padding: 5px;
}

.thumbnail528 {
float: left;
width: 528px;
margin: 0 15px 15px 0;
padding: 5px;
}


.thumbnail183 {
float: left;
width: 183px;
margin: 15px 15px 0 0;
padding: 5px;
}

.thumbnail200 {
float: left;
width: 200px;
margin: 15px 15px 0 0;
padding: 5px;
}

.clearboth {
clear: both;
}

.Padimg  {
padding: 5px
}


/*gallery*/
#MGallery {
 clear:both;
 width: 700px;
 height:300px;
 margin:0px auto auto;
 
}
#MGallery ul{
 margin:0px auto auto;

}
#MGallery li {
 display: inline;
 list-style-type: none;
 width:100px;
 height:130px;

}
#MGallery li img {
width:100px;
 height:130px;
 margin:5px;
 padding:3px;

}

/* form mail */
form{
clear:both;
width:400px;
padding:5px 0;
margin:20px 0 0;
}

fieldset{
border:none
}

fieldset div{
float:left;
width:400px;
padding: 0px 0 10px;
}

label{
float:left;
width:100px;
display: inline;
line-height:8px;
margin-left:20px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#buttonz {
 margin: 0 auto auto 140px;
}

.Campo {
background:#fff;
 border:1px solid #960;
 width:250px;
}

.invia {
background:#fff;
 color:#666;
 font-size:12px;
 font-weight:bold;
margin-top:5px;
 border:1px solid #960;
}

/*footer*/
#footer {
 clear:both;
 margin:5px auto auto auto;
}

#footer p {
 color:#FFE0CF;
 font-size:11px;
 text-align:center;
 
}
#footer a, a:hover, a:active, a:visited {
color:#FFE0CF;
 text-decoration:none;

}
#footer img {
 border:0;
 padding:0 2px;
 vertical-align:middle
}

/*spot*/
#spot {
margin:0px auto auto auto;
background-color:#f93;
}

#spot p {
color:#fff;
 font-size:11px;
 text-align:center;
 font-weight:bold;
}

#spot a, a:hover, a:active, a:visited {
color:#fff;
 text-decoration:none;
}

/* IE6 ONLY */
* html #content h1 {
width:900px;	
}
	
* html #menu {
margin:10px 0px 0 21px;
}

* html #menu_pg {
margin:0 0px 0 21px;
}

* html form{
margin:30px auto auto auto;
}

* html #clndx {
margin:30px 0 0 10px;
}

* html #clndx img {
border:none;
padding:10px 10px 0 0;


/* IE7 Only */
*+html form{
margin:20px auto auto auto;
}