/* INFO SUL TEMPLATE
-----------------------------------------------
NOME TEMPLATE : Red Ink

DESCRIZIONE : Design fisso, centrato, con colonna a sinistra.

MASSIMA GRANDEZZA CONTENUTO: 510px

MASSIMA GRANDEZZA COLONNA: 180px

DISEGNATO DA : Mario Aprea

TEMPLATE DISRIBUITO CON LA LICENZA : Creative Commons Attribuzione - Non commerciale License Italia.

----------------------------------------------- */


/* STILE GENERICO 
============================== */

body {
    background-image: url(../img/sfondo.jpg);
/*    background-position: center; */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;

/*    background-repeat: repeat-y; */
/*	background-repeat: no-repeat;  */
 	background-color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
    text-align: center;
}

body.start {
  background-image: none;
 	background-color: #FFFFFF;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
    text-align: center;
	color : #999999;
}

a:link {
	color: #9B293C;
	text-decoration: underline;
}

a:visited {
	color: #9B293C;
	text-decoration: underline;
}

a:hover {
	color: #B83841;
	text-decoration: none;
}

A.entes:LINK{
	text-decoration : none;
	text-align: center;
	font-family: Arial,Tahoma,Verdana,Helvetica;
	font-weight: bold;
	color : #999999;
        font-style: oblique;
	font-size : 8.8 pt;}

A.entes:VISITED{
	text-decoration : none;
	text-align: center;
	font-family: Arial,Tahoma,Verdana,Helvetica;
	font-weight: bold;
        font-style: oblique;
	color : #999999;
	font-size : 8.8 pt;}

A.entes:HOVER{
	text-decoration : none;
	text-align: center;
	font-family: Arial,Tahoma,Verdana,Helvetica;
	font-weight: bold;
    font-style: oblique;
	color : #0000ff;
	font-size : 8.8 pt;}

#container {
    background-color: trasparent;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
    margin-left: auto;
    margin-right: auto;
  	width: 745px; 
} 

#contentmain {
   float: bottom;
   margin-left: 210px;
   margin-bottom: 10px;
   text-align: center;
   border: 5px solid #639CFF;
   width: 520px;
   background-color: #c0c0FF;
   font-size: 12px;
   -moz-opacity:0.8;
   filter:alpha(opacity=80);
}

#contentbox {
   float: bottom;
   margin-left: 210px;
   margin-bottom: 10px;
   text-align: center;
   border: 5px solid #639CFF;
   width: 520px;
   height: 370px;
   background-color: #c0c0FF;
   font-size: 12px;
   -moz-opacity:0.8;
   filter:alpha(opacity=80);
}

#footer{
   height: 15px; 
   clear: both; 
   background-color: #0000FF;
   border: 5px solid #639CFF;
   font-size: 14px;
   font-weight: bold;
   color: #639CFF;
   text-align: center;
   padding: 2px; 
}


/* STILE HEADER
============================== */

#header{
	border: 5px solid #639CFF;
    background-color: #0000FF;
	background-repeat: no-repeat;
	height: 74px;
    margin-bottom: 5px;
}

.logo {
    float: left;
	margin-left: 16px;
	margin-top: 5px;
	padding-right: 90px;
	background-color: transparent;
}

.tasto {
   float: left;
   margin-top: 15px;
   background-color: transparent;
   padding-right: 30px;
}

/* STILE COLONNA
============================== */

#contentleft{
	float: left;
	border: 5px solid #639CFF;
	width: 170px;
	background-color: #0000FF;
	margin: 0px 0 10px 0;
	padding: 0 10px 5px 10px;
	font-size: 12px;
    -moz-opacity:0.8;
	filter:alpha(opacity=80);
}

.sectiontitle {
    font-family: Tahoma, Times New Roman, Times, serif;
	font-size: 18px;
    letter-spacing: 1px;
    color: blue;
	font-weight: bold;
    text-align: center;
    text-transform: capitalize;
	padding: 10px;
	background-color: transparent;
}

.keysection {
    float: bottom;
	align: left;
	background-color: transparent;
    margin-bottom: 8px;
    margin-top: 8px;
}

/* STILE CONTENUTO 
============================== */

.text{
        font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
        font-weight: normal;
        color: #666666;
        text-align: justify;  
        margin-bottom: 15px; 
}

.data {
    font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
    font-weight: normal;  
    text-align: left;
    color: #666666;   
    margin-bottom: 5px;
}

.trasparentbox{
	float: right;
	border: 1px solid #000000;
	background-color: #C0C0C0;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 12px;
    -moz-opacity:0.5;
	filter:alpha(opacity=50);
}

.logogrande {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.testogrande {
    margin-top: 12px;
    margin-bottom: 1px;
	text-align: justify;
	padding: 16px;
	font-size: 18px;
    font-weight: bold;
	color: #000000;
}

.bottom-scroll {
	background: transparent;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
    font-weight: bold;
	font-variant: normal; 
	font-weight: 14px;
	color: #000000;
}

.justesto {
   font-family: Tahoma, Verdana, Arial;
   color: #000000;
   margin-top: 5px;
   margin-bottom: 10px;
   text-align: justify;
   font-weight: bold;    
   font-size: 12px;     
}

.secredtit {
   font-family: Tahoma, Verdana, Arial;
   color: #FF0000;
   margin-top: 15px;
   margin-bottom: 15px;
   text-align: center;
   text-transform: none;
   font-weight: bold;    
   font-size: 15px;     
}

.redbox{
	border: 1px solid #ff0000;
	background-color: transparent;
	margin: 10px;
	padding: 10px;
	font-size: 12px;
}

.transparentbox{
	background-color: transparent;
	margin: 5px;
	padding: 10px;
}