/* BODY */
html,body{margin: 0;padding:0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

body>div#corpo{height:auto;}
img {border:0px;}

/* #contenitore */
#corpo { position: relative; width: 890px; margin: 10px auto 0px 10px; text-align: left; background-color:#FFF;}

#corposito {
	margin:auto;
}

#imgback a {position: absolute; top: 0; left: 0; width: 100%; height: 450px; background: url() no-repeat center top; z-index: 1;}
	
#sito {position: relative; width: 910px; margin: 0 auto; margin-top: 10px;  z-index: 2; background-color:#FFF;}

#backbiglead {
	background-color:#FFF;
}
  
#testa { background-color: #333300; width: 890px; height: 19px; margin: 0px auto 0px auto; text-align: center; display: block; }		
#testa .home { position: absolute; top: 3px; left: 10px; }
#testa .mail { position: absolute; top: 3px; left: 858px; }
   
#tab-testa { position: relative;width: 890px;margin: 0px auto 0 auto;}	
#testa-sx { float: left; width: 728px; margin: 0px; display:block }

 #testa-sx .logo { float: left; margin: 4px 0px 0px 0px }
 #testa-sx .subscribe { float: left; margin: 6px 0px 0px 60px}  
 #testa-sx .subscribehome { float: left; margin: 6px 0px 0px 60px}  
 #testa-sx .banner728 { margin: 4px auto 0px auto;text-align:center; }  
 #testa-sx .menu {  background-color: #000; margin: 2px 0px 0px 0px; height:33px; }  
 
#testa-dx { float: left; width: 162px; margin: 0px auto 0 auto; position:relative;}
  #testa-dx .box-cerca { margin-top: 25px;}  
  #testa-dx .box-cercasurfshop { margin-top: 8px;}  
  #testa-dx .banner-angdx { position:absolute; top:114px; }
  
  
#contenitore { position: relative; width:890px;margin-top: 10px;text-align: left; background-image: url(http://www.pianetaitalia.net/surfcorner/immagini/bg-verde.gif); background-repeat: y;}	
 #tab-sx { float: left; width: 728px; margin: 0px; }
  #tab-sx .cont-sx { float: left; width: 363px; margin: 0px; }
      
   #tab-prodotti { width: 160px; margin: 0px 0px 0px 10px; }
   #tab-prodotti .cont-prodotti { margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333300; text-decoration: none; }    
   #tab-prodotti .data { font-family: helvetica, arial, sans-serif; font-size: 9px; color: #666633; text-decoration: none; }
   #mailing-list { margin: 10px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333300; text-decoration: none; }
   #mailing-list .linea-vert { float: left; margin-right: 3px; }

  #tab-sx .coda-sx { width: 728px; margin: 5px 0px 0px 0px; }
  #tab-sx .coda-top { width: 728px; height:18px; background-color: #000; margin: 0px 0px 0px 0px;}
  #tab-sx .coda-banner { width: 728px; background-color: #fff; margin: 1px 0px 1px 0px;}
  #tab-sx .coda-bottom { width: 728px; height:10px; background-color: #000; margin: 0px 0px 0px 0px;}

    
  #tab-sx .cont-dx { float: left; width: 365px; margin: 0px; }
   #tab-news {width: 365px; background-color: #CCCC99; margin: 0px 0px 0px 0px; } 
   #tab-news .newsnazionali{ background-color: #333300; margin: 0px 0px 0px 0px; }
   #tab-news .newsnazionali img{ margin: 0px 0px 0px 31px; } 
   #tab-news .cont-news { margin: 0px 25px 0px 31px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333300; text-decoration: none; } 
   #tab-news .data { font-family: helvetica, arial, sans-serif; font-size: 9px; color: #666633; text-decoration: none; }
   
  .tabella { width: 330px; margin: 0px 0px 0px 0px; padding:10px; border: 1px solid #666633;}
  .tabella .contenuto { margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333300; text-decoration: none; }    
  .tabella .data { font-family: helvetica, arial, sans-serif; font-size: 9px; color: #666633; text-decoration: none; }
  .tabella .immagine { margin-right: 10px; }
  
  .tabella-nobor { width: 330px; margin: 0px 0px 0px 0px; padding:10px;}
  .tabella-nobor .contenuto { margin: 0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333300; text-decoration: none; }    
  .tabella-nobor .data { font-family: helvetica, arial, sans-serif; font-size: 9px; color: #666633; text-decoration: none; }
  .tabella-nobor .immagine { margin-right: 10px; }
  
 
 #tab-dx {float: left; width: 160px; margin: 0px auto 0 2px;}
 

#coda { clear: both; }
 
 #bottom { width: 890px; height:120px; margin-left:10px; background-color: #000000 !important; position:relative; display:block; }
 #bottom .sx { width: 728px; float:left; }
 #bottom .dx {float: left; width: 160px; position:relative;}
 #bottom .cerca {position:absolute; top:15px; background-color: #fff; width: 162px; height:90px;}
 #bottom .banner { width: 728px; margin-top:15px; }
 .note { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; text-decoration: none; text-align:right; padding:2px; width:890px;}

.ripristino { clear: both; height:1px;overflow:hidden;margin:-1px; }		


		
/* varie */
a:link, a:visited, a:active { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline;}
.titolo { text-align: left; color: #333300 !important; text-decoration: none; font-weight: bold;}		
.titolo a:link, .titolo a:visited, .titolo a:active { text-align: left; color: #333300 !important; text-decoration: none; font-weight: bold;}
.titolo a:hover { text-align: left; color: #333300 !important; text-decoration: underline;font-weight: bold;}	 

.titolo-indice { text-align: left; color: #333300 !important; text-decoration: none;}		
.titolo-indice a:link, .titolo-indice a:visited, .titolo-indice a:active { text-align: left; color: #333300 !important; text-decoration: none;}
.titolo-indice a:hover { text-align: left; color: #333300 !important; text-decoration: underline;}	

.bandatop { background-color: #333300; height: 46px; position:relative; }
.bandatop .categoria {top: 6px; left:33px; position:absolute; }

.errorlabel { color : red; font-size: 11px; }
.oklabel { color : green; font-size: 11px; }
.border { border: 1px solid #A29F56; background-color: #ebebeb; }


/* Invia Amico */
#tabellaamico { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333300; text-decoration: none;}
#tabellaamico .margini {margin: 20px 0px 0px 33px; width:350px; }
#tabellaamico .testo { color: #000; text-decoration: none; }
#tabellaamico .data { font-family: helvetica, arial, sans-serif; font-size: 9px; color: #666633; text-decoration: none; margin: 5px 0px 10px 0px; }
#tabellaamico .testodocumento {margin: 0px 0px 0px 0px; }


.archivio {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000 !important;  margin: 10px 0px 0px 0px; }

#formamico { width:200px; padding:5px; margin:0 auto;}
form p { margin:.2em 0;}
fieldset { padding: 1em; border:0px; }
legend { font-weight:bold; font-style:normal; font-family:Verdana, sans-serif; color: #333300;  font-size:11px; padding:5px;}
#informazioni label {display:block; float:left; width:135px;text-align:right; font-weight:normal;
color:#333300; padding-right:0; font-family:Verdana, sans-serif; font-size:11px;}
#amico #informazioni input { font-weight: normal; font-size: 11px; font-family: Verdana,helvetica,sans-serif; width:160px; border:#333300 1px solid; background-color:#f4f4f4;
padding:1;margin-left:10px;color:#000;}
#informazioni textarea{font-weight:normal;font-size:11px;font-family:Verdana,helvetica,sans-serif;
width:160px; border:#333300 1px solid;background-color:#f4f4f4;padding:0px 0px 0px 2px;margin-left:10px;}
#conferma{margin-left:30px;}
input#inviaamico {width:100px;border:#ffffff 1px solid; background-color:#666633;color: white;
font-weight: bold;font-size:11px ;font-family:Verdana,helvetica,sans-serif; }
input#annullaamico {width:80px;border:#ffffff 1px solid; background-color:#666633;color: white;
font-weight: bold;font-size:11px ;font-family:Verdana,helvetica,sans-serif; }
.labelAccesskey{font-size:10px;color:#666633;font-family:Verdana, sans-serif;font-weight:normal;}


.formcerca { background-color: #ffff; font-size:11px; padding:5px;}
.formcerca .inputform {	border:#333300 1px solid; background-color: #fff; color: #333300; font-size:11px ;}
.formcerca .button {border:#333300 1px solid; background-color: #999966; color: #fff; font-size:11px ;}
.formcerca .select {background-color: #999966; color: #fff; font-size:11px; padding:1px;}

.spazio { margin-top:15px;}


.ultimenews {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333300; font-weight: bold; margin: 40px 0px 25px 0px; }

.tabellacerca { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333300; text-decoration: none;}
.tabellacerca .margini {margin: 0px 0px 0px 33px; width:600px; }
.tabellacerca .testo { color: #000; text-decoration: none; }
.tabellacerca .data { font-family: helvetica, arial, sans-serif; font-size: 9px; color: #666633; text-decoration: none; margin: 5px 0px 20px 0px; }
.tabellacerca .testodocumento {margin: 0px 20px 0px 20px; text-align:left; }
.tabellacerca .immagine { width:360px; text-align:right; }
.tabellacerca .descrizione { text-align:left; padding :3px; font-size: 10px;}
.tabellacerca .impagina { color: #000; text-decoration: none; margin: 2px 0px 5px 0px;}