body{
font-family:century gothic, arial, san-serif;
font-size:medium;
background:#ededed  url(../images/white_wall.png) ; 
	 }
	 
#all{
width:960px;
height:790px;
margin-left:auto;
margin-right:auto;
background-color:#ededed;
background-image:url(../images/vitruvian2.jpg);
background-repeat:no-repeat;
border:1px solid #686868;
 -moz-border-radius: 25px;
        border-radius: 25px;
		 -moz-box-shadow: 5px 5px 8px #828888;
        -webkit-box-shadow: 5px 5px 8px #828888;
         box-shadow: 5px 5px 8px #828888;
		 
	}
	
	

#left{
width:300px;
height:790px;
float:left;
text-align:center;
padding:5px;
     }
	 
#right{
width:630px;
height:790px;
padding:10px;
float:right;

}


 
#nav{
 
font-size:1.25em;
padding:5px;
text-align:right;
word-spacing: 25px; 
color:#a4071c;
}
#nav a:hover {color:#a4071c;
}

 .box{
width:450px;
height:180px;

color:#3636cc;
font-size:small;
font-weight:bold;
text-align:right;
float:right;
}




#footer{
padding-top:5px;
    width:900px;
	margin-left:auto;
	margin-right:auto;   
    text-align:center;
    font-size:.75em;
    font-family:ariel,sans-serif;	
   	clear:both;

}	
	 	 
	 
	 
    	  /* Links */
a {
  text-decoration: none;
  color: #000000;
  }

a:hover {
  color: #474747;
  }

a img {
  border: 0;
  }

a img.border {  
  border: 1px solid #FC3307;
  }

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
 }
 
 

 
img.curve {box-shadow: inset 0 2px 3px #ccc,
			0 1px 0 #f4fff6;
		border: 1px solid #b7b7b7;
		border-radius:4px;
		 float: right; 
		 margin-left:15px;
		}
		

.red{color:#a4071c;}	 
h1{font-size:16px;}
h2{font-size:14px;}
.lista{font-size:.85em;}
td {padding-right:25px;}


/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */