body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif}
img{ border:none}
.clear{ clear:both}

#head{ float: left; width:100%; background-image:url(images/bgh.png)}
#head .in{width:960px; min-height:141px;  margin:auto}
#head h1{color:#FFFFFF; text-align:center; padding:30px}
#head .in .logo{ float:left; width:960px; height: 141; }
#head .in .logo img{ margin:10px 0 10px 280px}

#content{float: left; width:100%; margin-top:25px;}
#content h1{font-weight:normal; color:#06599c}
#content .in{ width:950px; min-height:300px;  margin:auto}
#content .in a{ color:#04478d; text-decoration:none; font-weight:bold}
#content .in a:hover{ color:#f8831c}
#content .in .legend{ float:left; width:800px; padding:20px 0; text-align:center}
#content .in .logos{ width:650px; margin:auto }
#content .in .logos .box{ float:left; /*width:310px;*/ min-height:130px; margin: 5px; border:1px solid #CCCCCC }
#content .in .logos .box img{  width:300px; height:120px; display:block }
#content .in .logos .box p{ font-size:12px; color:#666666; margin: 5px 0; padding:0 10px; text-align:center  }

#footer{float: left; width:100%; border-top:1px solid #CCCCCC; margin-top:50px}
#footer a{ color:#CCCCCC; text-decoration:underline}
#footer a:hover{ color:#999999; text-decoration:underline}
#footer .in{width:850px; min-height:100px;  margin:auto}
#footer .in .legal{ float:left; width:850px; text-align:center; color:#CCCCCC; font-size:11px; padding:10px 0}


#nivel
img{margin:0px 8px 10px 0px; }