/* CSS Document
* Supercomunicare
* superblack
*/

/*Definizioni Generali*/
body{
  background:#323133;
  font-family:Arial;
  color:#FFF;
  font-size:12px;
  margin:0;
}
/*a style*/
a{
  text-decoration:none;
  color:#FFF;  
}

a:hover{
  text-decoration:underline;
}

a img{
  border:none;
}

a h3:hover{
  text-decoration:underline;
}
/*p style*/
p{
  color:#FFF;
  text-align:left;
  line-height:18px;
  margin-bottom:15px;
}
/*h style*/
h1{
  font-size:24px;
  font-weight:normal;
  line-height:25px;
}

h2{
  font-size:20px;
  font-weight:normal;
  line-height:25px;
}

h3{
  font-size:18px;
  font-weight:normal;
  line-height:5px;
}

h4{
  font-size:24px;
  font-weight:normal;
  line-height:20px;
  margin-bottom:0;
}

/*Classi*/

.orange{
  color:#ee7f00;
}
.orangeBig{
  color:#ee7f00;
  font-size:18px;
  font-weight:normal;
  line-height:20px;
}

.orangeBig2{
  color:#ee7f00;
  font-size:18px;
  font-weight:normal;
  line-height:20px;
  margin-bottom:-15px;
}

.yellow{
  color:#daa901;
}

.yellowBig{
  color:#daa901;
  font-size:18px;
  font-weight:normal;
  line-height:20px;
}

.yellowBig2{
  color:#daa901;
  font-size:18px;
  font-weight:normal;
  line-height:20px;
  margin-bottom:-15px;
}

.violet{
  color:#8e85d6;
}

.violetBig{
  color:#8e85d6;
  font-size:18px;
  font-weight:normal;
  line-height:20px;
}

.violetBig2{
  color:#8e85d6;
  font-size:18px;
  font-weight:normal;
  line-height:20px;
  margin-bottom:-15px;
}

.blue{
  color:#3b87fc;
}

.blueBig{
  color:#3b87fc;
  font-size:18px;
  font-weight:normal;
  line-height:20px;
}

.blueBig2{
  color:#3b87fc;
  font-size:18px;
  font-weight:normal;
  line-height:20px;
  margin-bottom:-15px;
}

.gray{
  color:#9a999a;
}

.white{
  color:#FFF;
}

.whiteBig{
  color:#FFF;
  font-size:18px;
  font-weight:normal;
  line-height:20px;
}

.nomargin{
  margin-bottom:-10px;
}

.medium{
  font-size:15px;
  line-height:15px;
}
/*Wrapper*/
#wrapper{
  width:800px;
  background:transparent;
  margin: 0 auto;
}

/*Header*/
#header{
  display:block;
  width:800px;
  height:130px;
  background:transparent url('img/header.jpg') no-repeat top left;
}

#header:hover{
 text-decoration:none; 
}

#header span{
  visibility:hidden;
}

/*Menu*/
#nav{
  background:transparent;
  margin-bottom:50px;
}

#nav a{
  float:left;
  display:block;
  width:195px;
  line-height:24px;
  text-align:right;
  color:#FFF;
  text-decoration:none;
  padding-right:5px;
  text-transform:lowercase;
}

#nav a:hover{
  text-decoration:underline;
}

#nav a.active{
  text-decoration:underline;
}

a.arancio{
  background:transparent url('img/01_arancio.jpg') no-repeat top left;
}

a.giallo{
  background:transparent url('img/02_giallo.jpg') no-repeat top left;
}

a.viola{
  background:transparent url('img/03_viola.jpg') no-repeat top left;
}

a.blu{
  background:transparent url('img/04_blu.jpg') no-repeat top left;
}

/*Content*/
#content{
  width:800px;
  min-height:450px;
  text-align:left; 
}

/*Filmato Flash*/
#flash{
  width:800px;
  height:470px;
  margin-top:30px;
  margin-bottom:10px;
  border:4px solid #FFF;
}

#filmato{
  width:800px;
  height:470px;
}

/*Left Sidebar*/
#l_sidebar{
  margin-top:60px;
  float:left;
  width:200px;
  color: #9a999a;
}

#l_sidebar a{
 color: #9a999a;
 line-height:16px;  
}

#l_sidebar a:hover{
 color: #FFF; 
 text-decoration:none; 
}

#l_sidebar a.active{
 color: #FFF; 
 text-decoration:none; 
}

.bloccolink{
  margin-bottom:20px;
}

.superc{
  display:block;
  background: transparent url('img/SuperCblog.png') no-repeat;
  width:115px;
  height:55px;
}

/*Center*/
#center{
  float:left;
  width:350px;
  margin-right:50px;
  font-size:12px;
}

/*Center*/
#center_home{
  float:left;
  width:600px;
  margin-right:00px;
  font-size:12px;
}

/*Right Sidebar*/
#r_sidebar{
  float:left;
  width:200px;
}

#bloccocase{
  height:420px;
  width:200px;
}

.casehistory{
  float:left;
  height:140px;
  margin-bottom:0px;
  width:190px;
  padding-right:10px;
}

.casehistory img{
  float:left;
  margin-top:0px;
  width:80px;
  height:130px;
  margin-right:10px;
}

.casehistory p, .casehistory a{
  font-size:10px;
  color:#9a999a;
  line-height:12px;
}

.casehistory a:hover{
  color:#FFF;
  text-decoration:none;
}

.casehistory a.active{
  color:#FFF;
  text-decoration:none;
}

#sel_page{
  float:left;
  width:190px;
  height:28px;
  background: url('img/base_page.jpg') no-repeat top center;
  padding:2px 5px 2px 5px;
}

#sel_page p{
  float:left;
  padding:0;
  margin-top:2px;
}

#sel_page p a{
  color: #9a999a;  
}

#sel_page p a:hover{
  color: #FFF;  
}

#sel_page form{
  float:right;
  padding:0;
  margin:0;
}

#sel_page form input.submit{
  background:transparent;
  color:#FFF;
  border:none;
  width:15px;
  font-size:9px;
}

/*Footer*/
#footer{
  margin-top:20px;
  float:left;
  width:800px;
  height:53px;
  background:transparent url('img/footer.jpg') no-repeat top center;
}

#footer p{
  text-align:center;
  font-size:10px;
  margin-bottom:0;
  color: #9a999a;
}

/*Form*/
form#contattaci{
  float:left;
  width:350px;
}

form#contattaci p{
  color:#FFF;
  text-align:left;
  line-height:18px;
  margin-bottom:15px;
  float:left;
}

.rigaform{
 float:left;
 width:350px;
 margin-bottom:10px;
}

.etichetta{
  float:left;
  width:120px;
  margin-right:10px;
  line-height:20px;
}

.campo{
  float:left;
  width:200px;
  font-family:Arial;
}
.checkbox{
  float:left;
  margin-bottom:10px;
}

.invia{
  float:left;
  margin-bottom:10px;
  background: url('img/invia.jpg') no-repeat top left;
  width:56px;
  height:44px;
  border:none; 
}