@charset "UTF-8";
/* CSS Document */

*{ margin:0; padding:0; }
html, body{
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	height:100%
}


#content{ position: relative; height:100%;  }
#content ul{ list-style:none; padding-top:10px; }
#content h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:1.56em; text-transform:uppercase; padding-top:200px; }

#materia{width:50%; float:right; height:100%;}
#ceramiche{width:49%; float:right; height:100%;}
#materia{ background:url(home/bg-ceramiche.jpg) left top no-repeat #000; text-align:left; color:#fff; }
#materia a{ color:#fff; }


#ceramiche{ background:url(home/bg-materia.jpg) right top no-repeat #fff; text-align:right; color:#000;}
#ceramiche a{ color:#000; }

#materia h2, #materia ul{ padding-left:30px; }
#ceramiche h2, #ceramiche ul{ padding-right:30px; }


#materia a:hover, #ceramiche a:hover{ color:#f00; }