﻿/**** LAYOUT ****/

html{ font-family:Arial;}

body{ margin:0px; padding:0px; border:0px; background:#21A7C7 url(../img/bg.png) repeat-x;}

p{ font-size:13px; font-weight:normal; color:#333; line-height:20px; text-align:justify;}

h1{ font-size:16px; font-weight:bold; color:#000; margin-bottom:20px;}

a{ font-size:60%; color:#21A7C7; text-decoration:none; font-size:12px;}

a:hover{text-decoration:underline; color:#000; font-size:12px;}

img{ border:0px;}

/**** HEADER ****/

#header{ position:relative; width:900px; height:45px; padding-bottom:0px; background-image:url(../img/bg_header.png); background-repeat:repeat-x;}

.data { margin-right:20px; float:right; margin-top:18px; position: relative; font-size:11px; color:#000;}

.espaco { background-color:#fff; height:3px;}

#banner{ width:900px; height:222px;}


/**** CONTENT ****/

#container{ width:900px; margin-left:auto; margin-right:auto; margin-top:10px; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px#000; box-shadow: 0 0 10px #000;}

#content{ width:900px; overflow:visible; background-color:#fff;}

#mcol{ float:left; margin-top:0px; overflow:visible; margin:20px; width:860px;}

/**** RODAPÉ ****/

#footer{ width:900px; height:41px; color:#fff; font-size:11px; background-image:url(../img/bg_footer.jpg); background-repeat:no-repeat; font-size:12px; color:#333;}

#footer a{ text-decoration:none; font-size:12px; color:#333;}

#footer a:hover{ text-decoration:underline; color:#1B5A61; font-size:12px;}

#footer #copyright{ padding-top:15px;}


p.clr, .clr { clear:both; padding:0; margin:0; background:none;}