/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline; HO DOVUTO TOGLIERLO PER ALLINEARE MIDDLE LE IMMAGINI NELLE TABELLE*/ 
    background: transparent;
}
body {
    line-height: 0em;
}
hr {
  size:1px;
  height:1px;
  color:#f0f;
  width:100%;
  border-style:dotted;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
p {
	line-stacking: 4em;
}
/* FINE DEL RESET */





@media all{

	
	/* layout */
	html{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	body{
		line-height: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 18px;
		font-family: Arial;
		background:#f8f8f8;
		width:100%;
		color:#000;
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}


	h1{
		font-size: 30px;
		line-height: 2em;
		padding: 20px 0;
	}
	.containermodulo{
		position: relative;
		max-width:740px;
		width:100%;
		margin:0 auto;
	}
	.containermodulo p{
		line-height: 1.5em;
	}

	a, .a:link{color:#800080;}
	a:hover, a:focus, a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #0080ff;
		text-decoration: none;
    }

	/* Fine layout */



	
}



@media all and (max-width: 800px){
    .containermodulo{
        position: relative;
        max-width:740px;
        width:96%;
        margin:0 2%;
    }
}