/*

 * -- BASE STYLES --

 * Most of these are inherited from Base, but I want to change a few.

 */



html, body{margin:0;padding:0;background: #fff url(images/BKGN.jpg) repeat-x;height:100%;}



body {

  color: #526066;

}



h2,

h3 {

  letter-spacing: 0.25em;

  text-transform: uppercase;

  font-weight: 600;

}



p{

	font-family: arial;

  line-height: 1.6em;

  text-align: center;

  font-size: 1em;

  font-weight: normal;



}

a{



  color: black;

  text-decoration: none;

}



a:visited{



  color: black;

  text-decoration: none;

}

/*

 * -- Layout Styles --

 */

.l-content {

  margin: 0 auto;

}





.banner img {

  display: block;

  margin-left: auto;

  margin-right: auto;

  margin-top: 1em;

   

}



.certificazioni 

{

	

  margin-left: auto;

  margin-right: auto;

 	vertical-align: top;

	text-align: center;

  	padding: 50px;

  

  }







.certificazioni img

{

	

	vertical-align: top;

	}



.topright

{

  /*max-width: 980px;*/

 padding-bottom: 0em; 

 padding-right: 10em;

  

  text-align: right;

}



@media (min-width: 767px) {

  .banner-head {

    font-size: 4em;

  }

  .pricing-table {

    margin-bottom: 0;

  }

}



/*

 * -- PHONE MEDIA QUERIES --

 * On phones, we want to reduce the height and font-size of the banner further

 */

@media (min-width: 480px) {

  .banner {

    height: 400px;

  }

  .banner-head {

    font-size: 3em;

  }

}