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

.box_contenitore {
   width: 30%;
   color: #000;
   background-color: #CC0000;
}

.box_topleft { background: url(../img/top_left.gif) no-repeat top left }

.box_topright { background: url(../img/top_right.gif) no-repeat top right }

.box_bottomleft { background: url(../img/bottom_left.gif) no-repeat bottom left }

.box_bottomright { background: url(../img/bottom_right.gif) no-repeat bottom right }

.box_contenuto { padding: 10px }

/*
Esempio di utilizzo:

<div class="box_contenitore">
  <div class="box_topleft">
	 <div class="box_topright">
		<div class="box_bottomleft">
		   <div class="box_bottomright">
			  <div class="box_contenuto">
	              <p>Qui va il contenuto.</p>
		 	  </div>
           </div>
		</div>
	 </div>
  </div>
</div>
   
*/

.box_celeste_contenitore {
   width: 100%;
   color: #000;
/*   background-color: #c6e7f4; */
}

.box_celeste_topleft { background: url(../img/celeste_top_left.gif) no-repeat top left }

.box_celeste_topright { background: url(../img/celeste_top_right.gif) no-repeat top right }

.box_celeste_bottomleft { background: url(../img/celeste_bottom_left.gif) no-repeat bottom left }

.box_celeste_bottomright { background: url(../img/celeste_bottom_right.gif) no-repeat bottom right }

.box_celeste_contenuto { padding: 10px }



.box_salmone_contenitore {
   width: 100%;
   color: #000;
   height:100%;
/*   background-color: #f4dcc6; */
}

.box_salmone_topleft { background: url(../img/salmone_top_left.gif) no-repeat top left; height:100%; }

.box_salmone_topright { background: url(../img/salmone_top_right.gif) no-repeat top right; height:100%; }

.box_salmone_bottomleft { background: url(../img/salmone_bottom_left.gif) no-repeat bottom left; height:100%; }

.box_salmone_bottomright { background: url(../img/salmone_bottom_right.gif) no-repeat bottom right; height:100%; }

.box_salmone_contenuto { padding: 10px; height:100%; }