/* ---------------------------------------------------------------- 
 * CONTENUTI specifici
 * ---------------------------------------------------------------- 
 */

.lup a:hover{background: #ffff33; color: black;}
.rep a:hover{background: #009900;}
.cla a:hover{background: #cc0000;}

.lupettihover, a.lupettihover{ background: #ffff33;color:#000;}
.repartohover {background: #009900;}
.clanhover    {background: #cc0000;}

.giallo a:hover{color:#ffff33;}
.verde a:hover{color:#009900;}
.rosso a:hover{color:#cc0000;}


.viola a:hover {color:#6600cc;}
.cocahover {background: #6600cc;}
.coc a:hover{background: #6600cc;}
		

.blu a:hover{color: #3333cc;}
.turchese a:hover{color: #3399cc;}





/* ---------------------------------------------------------------- 
 *  HEADER
 * ---------------------------------------------------------------- 
 */ 

#header {
  position: relative;
  width: 980px;
  margin: 0 auto;
  height: 300px;
  padding-top: 14px;
  /*overflow: hidden;*/
}

#titolo { 
	width: 980px;
	height: 200px;		
	background: url(../images/titolo2.png);
}

/* ---------------------------------------------------------------- 
 *  CORPO DEL SITO
 * ---------------------------------------------------------------- 
 */ 
 
body {
	font-family: Arial,sans-serif; /*font-family: Helvetics,sans-serif; */
	color: #fff;
	font-size: 13px;
	}

#barretta {
	margin: 0 auto;
	width: 980px;
	height: 6px;
	background: url(../images/navigation_bottom.jpg);	}

#barretta2 {
	margin: 0 auto;
	width: 980px;
	height: 6px;
	background: url(../images/navigation_bottom2.jpg);	}	


/*------------------------------------------------------------------------------------------------------------------------------
--------LUPETTI-----------------------LUPETTI----------------------------------LUPETTI------------------------------------------
------------------------------------------------------------------------------------------------------------------------------*/


#contenentlupetti{
	margin: 0 auto;
	width: 980px;
	overflow-x: hidden;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));  CSS3 non supportato*/
	background: #333 url(../images/backgrounds/450.png) repeat-x ;
	}

.imglup {
	height: 290px;
	width: auto;
	padding: 10px;
	float: left;
	vertical-align: text-top;
	}

.elenco{
padding-top: 20px;
list-style-position: inside;
list-style-type: none;
font-size: 14px;}

#perlegge{
float: left;
width: 500px;
}	

#perpromessa{
float: left;
width: 250px;}	

.giustificato {
	text-align:justify;
	font-size: 16px;
}



/*------------------------------------------------------------------------------------------------------------------------------
--------REPARTO-----------------------REPARTO----------------------------------REPARTO------------------------------------------
------------------------------------------------------------------------------------------------------------------------------*/


.imgrep {
	height: 315px;
	width: auto;
	padding: 10px;
	float: left;
	vertical-align: text-top;
	}


/*---------------------------------------------------------------------
--------CLAN-----------------------CLAN--------------------------------
----------------------------------------------------------------------*/


.imgclan {
	height: 315px;
	width: auto;
	padding: 10px 10px 5px 10px;
	float: left;
	vertical-align: text-top;
	}
/*----------------------------------------------------------------------
--------COCA----------------------COCA----------------------------------
-----------------------------------------------------------------------*/

.hrcocamenu{

border: 1px solid #fff;
height: 0px;
}


/*---------------------------------------------------
/*
/*          	CONTENUTI uguali per tutti
/*
-------------------------------------------------*/
.altrenews a{
	text-transform: none;
	text-decoration: none;
	color: white;
	font-style: italic;
				}

.postitle {
	font-size: 30px;
	font-family: Arial;
	padding-bottom: 5px;
	font-weight: lighter;
			}
.postdata {
	margin-bottom: 20px;
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
	}
.postext{
	text-align: justify;
	padding-bottom: 10px;
	font-size: 14px;
}		

.postlink {
	padding-bottom: 40px;
	color: #666;
}	
.postlink a{
	color: #666;
	}

.lato{
	width: 100px;
	float:left;}

.post{
	overflow: hidden;
	width: 780px;
	height: auto;
	float:left;
	border-right: 3px solid #fff;
	padding: 10px 15px 15px 15px;
		}
.post_descrizionebranca {
	overflow: hidden;
	width: 775px;
	height: auto;
	float:left;
	border-right: 3px solid #fff;
	padding: 10px 20px 15px 15px;
		}		
		
.side{
	float:left;
	width: 135px;
	padding: 10px 15px 15px 15px;}

.sidemenu {
	list-style: none;
	list-style-position: inside;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 13px;
	color: #ccc;	
	}


.grande {display: inline; font-size: 20px; color: #999;}



.nomecapo {
	text-align: right;
	font-size: 13px;
	text-transform: uppercase;}
	
.telefono {
	text-align: right;
	padding-bottom: 5px;
	color: #999;
				}	

.mailico {
	float:right;
	padding: 0px 0px 2px 5px;
	height:30px;
	width:auto;
	}
/*________________PAGINE DI DOWNLOAD_______________*/

.icone{
	clear: left;
	vertical-align: text-top;
	float: left;
	height: 60px;
	width: auto;
	}
	
.dascaricare
	{
	display: inline;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 30px;
	padding-left: 5px;
	}	

.specifiche
	{
	display: inline;
	font-size: 14px;
	color: #999;
	padding-left: 5px;
	}	

.ilfile{
	height: 70px;
	}	
	
.led {  
	font-size: 24px;
	text-transform: uppercase;
	color: #666;
	padding-bottom: 15px;
	padding-top: 15px;
	
	}	
	
.linksbranca
	{
	list-style-position: inside;
	
	padding-left: 20px;
	}

.linksbranca li a{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	
	}	
	
.loading {
	text-align: center;
	font-size: 20px;
	color: #fff;
	position: absolute;
	width: 100%;
	top:150px;
}	
	

.mobile_back_header {
	height:40px;
	box-sizing: border-box;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #333;
	color:#fff;
	font-size: 20px;
	line-height: 30px;
}