@charset "utf-8";
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-image: url(red/sfondo.jpg);
    background-repeat: repeat-x;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #4c4c4c;
	background-color: #992f25;
}

.rm a{
    color: #a92c20;
    text-decoration: none;
}


.rm a:visited{
    color: #a92c20;
}

.rm a:hover{
    color: #cd2212;
    text-decoration: underline;
}

.rm #container {
	width: 724px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px lascia spazio per gli elementi grafici e strutturali del browser ed evita che venga visualizzata una barra di scorrimento orizzontale */
	text-align:left;
	margin: 0 auto; /* i margini auto (insieme a una larghezza) centrano la pagina */
	
	/* sostituisce l'impostazione text-align: center nell'elemento body. */
	
}
.rm #mainContent {
	padding: 0 20px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
}

.rm #uno{
 width: 244px; height:89px; float:left; margin:0px; border:none; padding:0px;
}

.rm #menu{
    width: 480px;
    height: 89px;
    float: right;
    margin: 0px;
    border: none;
    padding: 0px;
    background-image: url(red/menu.jpg);
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 18px;
}

.rm #menu a{
    color: #fff;
    
}


.rm #tre{
width:244px; height:173px; float:left;
}

.rm #quattro{
width:480px; height:173px; float:right;
}

.rm #corpo_cont{
    background-image:url(red/sfondo_rip.jpg);
    background-repeat:repeat-y;
    width:658px;
    float: right;
    display: block;
}

.rm #corpo{
    width: 658px;
    clear: both;
    background-image:url(red/sfondo_fisso.jpg);
    background-repeat: no-repeat;
    display: block;
}

.rm #p_corpo{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.rm #clear{
    clear: both;
    display: block;
    height: 1px;
}

.rm #bottom{
    width:658px;
    height:59px;
    float: right;
}

.rm #footer{
    width: 645px;
    float: right;
    color: #fff;
    font-size: 11px;
    text-align: center;
    
}

.rm .hover_underline:hover{
text-decoration: underline;
}

.rm #menu #bt_home{
    width: 90px;
    margin-left: 30px;
    text-align: center;
    line-height: 60px;
    float: left;
    
}

.rm #menu #bt_portfolio{
    width: 120px;
    
    text-align: center;
    line-height: 60px;
    float: left;
    border-left-style: solid;
    border-left-color: #a61b1b;
    border-left-width: 1px;
}

.rm #menu #bt_blog{
    width: 90px;
    
    text-align: center;
    line-height: 60px;
    float: left;
    border-left-style: solid;
    border-left-color: #a61b1b;
    border-left-width: 1px;
}

.rm #menu #bt_contatti{
    width: 110px;
    
    text-align: center;
    line-height: 60px;
    float: left;
    border-left-style: solid;
    border-left-color: #a61b1b;
    border-left-width: 1px;
}

.rm h1{
padding: 0px;
font-size: 28px;
color: #c72425;
margin-left: 10px;
margin-right: 0px;
margin-top: -20px;
margin-bottom: 30px;
font-weight: normal;
}

.rm h1 a{
   text-decoration: none;
   color: #c72425;
}
.rm h1 a:visited{
   color: #c72425;
   text-decoration: none;
}

.rm h1 a:hover{
   text-decoration: underline;
   color: #c72425;
}

.rm #portfolio{
    font-size: 14px;
    font-weight: bold;
}

.rm #cella_prodotti{
    float: left;
    text-align: center;
    width: 200px;
}

.rm #riga_webapp{
    clear: both;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}

.rm  #foto{
 border: solid 1px #c3c3c3;
 margin-bottom: 4px;
 margin-top: 4px;
}

.rm #titolo_grigio{
 clear: both;
 color: #5d5d5d;
 font-size: 22px;
 margin-bottom: 10px;
}

.rm #left_top_home{
    float: left; margin-left: 5px; display:block; width: 470px; line-height: 16px;
}



.rm #left_home{
    float: left; width: 290px;
    border-right: solid 1px #ccc;
    padding-right: 10px;
}

.rm #right_home{
    float: left; width: 270px;
    margin-left: 20px;
}

.rm #titolo_articolo{
    font-size: 22px;
    clear: both;
    margin-bottom: 10px;
}

.rm #data_articoli{
    clear: both;
    margin-bottom: 2px;
}

.rm #language{
    text-align: right;
    width: 150px;
    height: 21px;
    background-repeat: no-repeat;
    background-image: url('red/sfondo_language.png');
    
}

.rm #language img{
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    margin-top: 4px;
}