
/* CSS document for www.fabbricadellamusica.com */

body { 
  margin-top: 2px; 
  text-align: left; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#596161;
}
  
img { border: none }
  
img.imgdec { 
  float: left;
  margin-right: 15px;
  clear: none;
  background-color: #ffffff;
}
  
div.imgdec { float: left; width: 535px; }

form { float: left; width: 500px; padding: 10px 0px; }
form span { display: block; height: 20px; clear: both; padding: 1px 0px; }
form span label { float: left; width: 105px; }
form span input, form span textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; float: left; border: 1px dotted #4046F7;}
button { background-color: #E6F0FF; border: 1px solid #4046F7; font-weight: bold; font-size: 10px; width: 60px; margin-right: 5px; }
textarea { width: 365px; }

#site { width: 800px; }
  
a, a:visited { text-decoration: none; color: #596161; }
a:hover { text-decoration: underline; color: #0046b4; }

.separatore { clear:both; height: 25px; }
  
#top { clear: both; }

#menu { 
  float: left;
  width: 170px;
  height: 410px;
}
  
.menu_top { 
  background-image: url(../images/menu_border_top.gif);
  width: 145px;
  margin-top: 10px;
}

.menu_body, .menu_header {
  border-left:1px solid #d0d0d0;
  padding-left:5px;
  width: 145px;
}

.menu_header img.sel_menu { margin-right: 3px; }

.menu_body span { margin-right: 6px; }

#breadcrumb { 
  margin: 1px 5px 5px 170px;
  text-align: right;
}

#main { 
  float: left; 
  margin: 0px 0px 10px 0px; 
  width: 630px; 
}

#footer { 
  clear: both !important;
  border-top: 3px solid #0046b4;
  padding-top: 2px !important;
  padding-top: 0px;
  padding-right: 5px;
  color: #888888;
  text-align: right;
}
  
#footer img { 
  float: left;
  margin-left: 10px;
}

#footer span { float: left; }

#footer a:link, #footer a:visited { color: #888888; }

h1 {
  border-bottom: 2px solid #b9bab5;
  background-image: url(../images/sel_sez.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0px 0px 1px 18px;
  font-size: 12px;
  margin: 0px 0px 8px 0px;
}

h2 {
  background-image: url(../images/sel_menu.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0px 1px 11px;
  font-size: 10px;
  margin: 0px;
}
  
p { 
  margin: 0px 0px 5px 0px;
  line-height: 15px;
}

p.other { 
  margin: 0px 0px 7px 0px;
  line-height: 12px;
}

p.other a { font-weight: bold; }
  
ul { 
  margin: 5px;
       margin-left: -27px;
  }
li { margin-bottom: 1px; }
  
dl { margin: 0px 0px 50px 100px; }
dt {
  display: list-item;
  list-style-image: url(../images/sel_menu.gif);
  list-style-position: inside;
	margin-left/* */:/**/0px !important;
	margin-left: -7px;
  font-weight: bold;
}

dd { margin: 0px 0px 10px; }


div.welcome {
 margin-bottom: 10px;
}

.welcome img, .contacts img {
 float:left;
 margin-right: 15px;
 margin-bottom: 8px;
}

.welcome div, .contacts div {
 clear:both;
}

.welcome h2, .contacts h2 {
 float:left;
 margin-right:8px;
}

.welcome a {
 float:none;
 margin: 0px 0px -2px 2px;
 font-weight: bold;
}
   
table.cdm { 
  width: 90%;
  margin: 10px auto;
  text-align: center;
  border: 1px dotted #4046f7;
}

table.cdm tr.header th {
  height: 18px;
  background-color: #0046b4;
  color: #ffffff;
  font-weight: bold;
}
table.cdm th { text-transform: uppercase; font-weight: normal; }
  
table.cdm tr.alt td, table.cdm tr.alt th { background-color: #e6f0ff; }

table.cdm td, table.cdm th {
  height: 15px;
  vertical-align: middle;
  background-color: #d9e4f4;
}

.cdm h2, .anag_view h2 {
  background: none;
  margin: 12px 0px 3px;
  padding: 1px 0px;
  border: 1px dotted #0046b4;
  background-color: #d9e4f4;
  color: #0046b4;
  text-transform: uppercase;
  text-align: center;
}

.cdm span {
  font-weight: bold;
  color: #0046b4;
}

div.anag_list {
  float: left;
  width: 112px;
  text-align: center;
  margin: 15px;
}

div.anag_list img {
  margin-bottom: 10px;
}

div.anag_list strong {
  display: block;
}

div.anag_list a:hover strong {
  text-decoration: underline;
}

div.anag_view img {
  float: left;
  margin: 0px 10px 10px 0px;
}

div.anag_view h2 { clear: both; }

div.anag_view div {
  margin: 0px 0px 5px 10px;
  float: left;
  width: 460px;
  height: 130px;
}

div.anag_view ul { 
  margin: 5px;
       margin-left: -24px;
  }

p.links { margin: 0px; }

.photo_menu { margin-bottom: 10px; }
.photo_menu form { margin: 0px !important; }
.photo_menu select {  
  width: 150px;
}
.photo_menu a, .photo_menu a:visited, .photo_menu a:hover { }

.photo_album { margin-top: 5px; }
.photo_album p { margin: 5px 0px; }
.photo_album em { color: #888888; }
.photo_thumb, .photo_view { 
  clear: both; 
  margin: 5px auto; 
  text-align: center; 
}

a.photo_album {
  border: 2px solid #0046b4;
  float: left;
  margin-left: 5px;
}
a.photo_thumb img, a.photo_view img { border: 2px solid #0046b4; }
a:hover.photo_album, a:hover.photo_thumb img, a:hover.photo_view img { border: 2px solid #4f97ff; }

.photo_thumb table {
  margin: 0px auto;
}
.photo_thumb td {
  height: 70px;
  padding: 3px 7px;
  text-align: center;
}

span.email_ret {
  padding: 3px 10px;
  font-weight: bold;
}
.ok { color: #34821c; border: 1px solid #34821c; background-color: #ebf9e7; }
.ko { color: #ea0303; border: 1px solid #ea0303; background-color: #f7e0e0; }