/* CSS do site do CESPE ( controles gerais) */
#meio{background:url(../images/bckSite.gif) repeat-y top left; margin-top:280px;}
#centro{ background:url(../images/bckMeio.gif) top center no-repeat; position:absolute; top:165px; left:20px; width:740px; height:355px;}
#col001{ width:320px; float:left; padding-left:55px;}
#col002{ width:355px; float:left; margin-left:10px;}

.boxes{ background:url(../images/bckbox001.gif) no-repeat bottom left; width:330px; margin-top:20px; position:relative; padding-top:140px;}
.boxes .boxtxt{margin:0px 30px; padding-bottom:15px; width:auto;}
.fotoboxes{ position:absolute; left:0; top:0px; clip:rect(0px 330px 140px 0px); width:330px; height:140px;}
.fotoboxes .img001{margin-top:-40px;}

.oiaso{ background:url(../images/bckbox001.gif) no-repeat bottom left; width:330px; margin-top:20px; padding-bottom:20px;}
.evento{ margin:20px; width:auto; }
.fotoeventomasc{ position:absolute; top:0; left:0;}
.fotoevento{ position:relative; width:145px; float:left;}

.txtevento{ float:left; width:140px; margin-top:10px;}
.oiaso .saibamais{ margin-left:25px;}