/* CSS Webetico -  */
/* Testi */




html {
	background: #666666 ;
}
#premio{	background:  url(http://www.webetico.com/images/premio.gif) no-repeat right top;
position:absolute; top:0px; right:0px;
width:150px; height:172px; 
}


BODY {
	text-decoration: none;
	text-transform: none;
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color:#CCCCCC;
	scrollbar-arrow-color:#FFFFFF;
	background: #FFFFFF url(http://www.webetico.com/images/sfondo.jpg) repeat-x center top;
	text-align:center;
	font: 8pt Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #666666;
}

a:link, a:visited {color:#FF6600; text-decoration:none;}
a:hover{color:#990000}


TABLE {
	color:#666666;
	text-decoration: none;
	text-transform: none;
	font: 7pt/14px Verdana, Arial, Geneva, Helvetica, sans-serif;
}

strong{color:#333333}

p {margin:0px; padding:1px;}

/* Header */

.header{margin-left:auto; margin-right:auto; width:950px; height:320px; overflow:hidden;}
.fotoheader { float:left; width:380px;}
.logo{float:left; width:400px; height:180px; margin-top:80px;}
.menu{ position:absolute; width:75%; margin-left:auto;  top:240px; text-align:right;  }




.menutop{position:absolute; width:75%; margin-left:auto; margin-right:auto; top:208px; text-align:right; }



.F10_yellow    			{ font-size : 8pt; color: #FFCC00; }
.F10_black    			{ font-size : 8pt; color: #000000; }
.F10_white    		{ font-size : 8pt; color: #FFFFFF; }
.F11_grey	 		{ font-family: Verdana, Arial; font-size : 11px; color:#666666 }
.F8_white    		{ font-size : 8pt; color: #FFFFFF; }
.F8_green    		{ font-size : 8pt; color:#669966; }
.F10_red    		{ font-size : 8pt; color:#CC0000; }
.F8_white1	        { font-size : 7pt; color: #CCCCCC; }
.F8_orange	 		{ font-family: Verdana, Arial; font-size : 7pt; color:#FF6600; }
.F13_brown	 		{ font-family: Verdana, Arial; font-size : 13px; color:#663300; }
.F12_red	 		{ font-family: Verdana, Arial; font-size : 12px; color:#990000; }

/* Titoli */
.TIT18      { font-family: Verdana, Arial; font-size: 18px; color:#999999; font-weight: bold}
.TIT14      { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color:#FF6600; font-weight: bold}
.titolo{color:#FF0000; font-size:14px}
/* Links */



.L10_red A:link     { color:#CC0000; font-size : 8pt; text-decoration: none; }
.L10_red  A:visited  { color: #CC0000; font-size : 8pt; text-decoration: none; }
.L10_red  A:hover    { color:#000000; font-size : 8pt; text-decoration: none; }

.L11_orange  A:link     { color:#FF6633; font-size : 8pt; text-decoration: none; }
.L11_orange  A:visited  { color: #FF6633; font-size : 8pt; text-decoration: none; }
.L11_orange  A:hover    { color:#FF9900; font-size : 8pt; text-decoration: underline; }

.L8_orange  A:link     { color:#FF6633; font-size : 7pt; text-decoration: none; }
.L8_orange  A:visited  { color: #FF6633; font-size : 7pt; text-decoration: none; }
.L8_orange  A:hover    { color:#FF9900; font-size : 7pt; text-decoration: underline; }

.L12_red  A:link     { color:#CC0000; font-size : 12px; text-decoration: none; }
.L12_red  A:visited  { color: #CC0000; font-size : 12px; text-decoration: none; }
.L12_red  A:hover    { color:#FF0000; font-size : 12px; text-decoration: underline; }

.L8_grey  A:link     { color:#999999; font-size : 7pt; text-decoration: none; }
.L8_grey  A:visited  { color: #999999; font-size : 7pt; text-decoration: none; }
.L8_grey  A:hover    { color:#FF9900; font-size : 7pt; text-decoration: none; }

.L8_black A:link     { color:#000000; font-size : 7pt; text-decoration: none;  }
.L8_black A:visited  { color: #000000; font-size : 7pt; text-decoration: none;  }
.L8_black A:hover    { color: #FF9900; font-size : 7pt; text-decoration: none; }

/*news NEWS*/
.newshomelista{float:left; margin-bottom:9px; border-bottom:1px solid #CCCCCC; padding:4px;}
.fotonewshome{ float:left; margin-right:5px; }
.fotonewshome img { width:100px; height:75px;}
.testidettaglioimmagini{text-align:left; }

.fotodettaglio{ float:left; margin-right:10px; }
.titolodettaglio{color:#990000; font-size:14px; text-align:left}
.bottoni{text-align:left; float:left; border-top:1px solid #CCCCCC; margin-top:10PX;}

.archiviolista{background:#DCDCDC; padding:8px; border-bottom:1PX solid #999999; margin-bottom:5px;}




div.linea
{
	width: 300px;
	border-top: 0px solid gray;
	border-right: 1px solid #990000;
	border-bottom: 0px solid gray;
	padding:1em;
	margin:1;
	color: #FF6600;
}


.sottolineatura 
{
border-bottom: 1px solid #ff0000
}


.sfondolb {
	background-repeat: no-repeat;
	background-position: left bottom;
}
.sfondolt {
	background-position: left top;
	background-repeat: no-repeat;
}



input {
	color:#000000;
	background-color:#FFFFFF;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
}
button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color:#999999;
	margin: 1px;
	padding: 1px;
	border: 1px solid #FFFFFF;
	font-size: 7pt;
	font-weight: bold;
}
option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #FFFFFF;
	margin: 2px;
	padding: 1px;
	font-size: 8pt;
	border: 1px solid #CCCCCC;
}
select {
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	}
textarea {
font-family:  Arial,Verdana, Helvetica, sans-serif;
font-size: 8pt;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 2px;
	padding: 2px; 
}

.sinistra{padding:2px; margin:5px;}



 .spazio {
 margin: 4px;
 padding: 2px; 
	}
	
	table#lineasotto {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	}
	
	td#lineasottosmall {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#CCCCCC;
	}
		
		
	td#linearight {
	border-right-width: 1px;
	border-right-color:#339900;
	border-right-style: solid;
	}

 td#sfondo{
	background: url(http://www.webetico.com/images/sfondogrigio.gif) no-repeat center center;
}

.imagesmall {
	width: 50px;
	border: 1px solid #999999;	
}
div#testo{
	margin: 0px;
	padding-left: 10px;
	width: 520px;
}



div#mask {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	height:250px;
	z-index:1;
	overflow: hidden;

}
div#livellouno {
	position:relative;
	left:0px;
	top:0px;
	width:250px;
	z-index:2;
}

  
  .menu ul,   .menutop ul  {display:inline; list-style:none; line-height:30px; }
  .menu li,   .menutop li{ display:inline;}
  
.menu ul li a:link, .menu ul li a:visited, .menutop ul li a:link, .menutop ul li a:visited{
	font: 7pt Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#999999;
	text-decoration: none;
	padding:10px;  }
 
  
.menu ul li a:hover , .menutop ul li a:hover {
	text-decoration: none;
	color:#99CC00;
	background:#000000;
  }
  
.active{
font: 7pt Arial, Verdana, Helvetica, sans-serif;
  color:#FFCC00;
	text-decoration: none;
	text-transform: uppercase;
	padding:10px; 
	background:#000000; }
  
  
  
  
  b {
	color: #000000;
}
 img#verde{
	border: 1px solid #66CC33;
 }
 
 table#menuprogetto{
	font: 8pt Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FF6600;
	padding: 1px;
}
 table#menuprogetto a:link{
	font: 8pt Arial, Verdana, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#A3CB80;
	text-decoration: none;
  }
    table#menuprogetto a:hover {
	text-decoration: none;
	color:#990000;
  }
     table#menuprogetto a:visited{
	font: 8pt Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#A3CB80;
	text-decoration: none;
  }
  
img#foto{border: 1px solid #A3CB80;}


#numeri a:link,  #numeri a:visited {
	color: #CCCCCC;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
}
#numeri a:hover {
	color: #FFF;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	background: #FF9900;
}
#footer{
	border-top: 2px solid #000000;
}


#grey {color:#000000}





/* pagina pagin pagina*/
.clearfloat{clear:both; padding:0px; margin:0px}

.content{ 
margin-left:auto;
margin-right:auto;
width:800px;
padding:5px;
margin-top:2px;
}

.banner{
float:left;
width:250px;
height:150px;
margin:10px;
text-align:left;
color:#666666
}

.banner a:link, .banner a:visited{color:#999999}
.banner a:hover{color:#000000}



.esempisito{
width:250px;
padding-top:90px;
padding-left:18px;
height:280px;
text-align:center;
background:url(http://www.webetico.com/images/esempiosito.jpg) no-repeat center center;
color:#666666
}

.esempisito img{float:left; margin:2px; padding:1px; width:110px; border:1px solid #99CC00}



.esempiarca{
width:250px;
padding-top:70px;
padding-left:18px;
height:180px;
text-align:center;
background:url(http://www.webetico.com/images/arcaesempio.jpg) no-repeat center center;
color:#666666
}

.esempiarca img{float:left; margin:2px; padding:1px; width:110px; border:1px solid #FF9900}






.bannerfotoufficio{
float:left;
width:250px;
height:150px;
margin:10px;
text-align:center;
color:#666666
}

.bannerfotoufficio img{border:1px solid #CCC; padding:2px; margin:2px;} 


.banner ul{ display:block; list-style:none; margin:0px; padding:0px;}

.banner ul li a:link, .banner ul li a:visited{
color:#000000;
text-decoration:none;

display:block;
background:#CCCCCC;
width:200px;
padding:4px;
margin:1px;
text-align:left;
line-height:20px;}


.banner ul li a:hover{background:#99CC00;}

.testopagina{
float:right;
width:500px;
text-align:justify;
color: #666666;
}

.invia{background:#99CC00; color:#000000; border:1px solid #000000;}

.portfolio{
float:left;
text-align:left;
width:250px;
padding:4px;
margin:4px;
border-bottom:1px solid #CCCCCC;
height:89px;
color:#999999
}
.portfolio a:link, .portfolio a:visited{text-decoration:none; color:#000000; padding-left:15px; background:url(http://www.webetico.com/images/freccialink.gif) no-repeat left center; font-style:italic;}
.portfolio a:hover{color:#FF9900;background:url(http://www.webetico.com/images/freccialinkhover.gif) no-repeat left center;}
.portfolio strong {color:#666666}

.portfolio strong { color:#000000}

/* LIVE VALIDATOR -------------------------------------------------------------------------------------------------------------------*/
/* Classe che si applica ai messaggi di validità */
.LV_valid {
	color:#00CC00;
	font-size: 8pt;
}

/* Classe che si applica ai messaggi di non validità */	
.LV_invalid {
	color:#CC0000;font-size: 8pt;
}

/* Classe che si applica a tutti i messaggi di validazione */	
.LV_validation_message{
    font-weight:bold; font-size: 8pt;
    margin:0 0 0 5px;
}

/* Stili applicati ai campi validi */    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}

/* Stili applicati ai campi non validi */ 
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}