a:link, a:hover, a:visited, a:active {text-decoration:none; color:#333333}
.clear {clear:both}

body {background:url(../img/back_site.jpg) repeat-x #091F37; font:10pt Verdana, Geneva, sans-serif; color:#666666}
#header {background:url(../img/topo.jpg) top center no-repeat; height:261px}
#topo {height:261px}
#topo, #menu{width:980px; margin:auto}
#logo {padding-top:15px}
#BlocoMenu {background:url(../img/barramenu.jpg) top center no-repeat; height:34px; font-size:1.1em; padding-top:8px}
#menu li {float:left; margin:0 10px}
#menu a:hover, #MenuRodape a:hover {text-decoration:underline}
.conveythis {float:right}


#site {background:url(../img/back_azul.jpg) top center no-repeat; position:relative}
#conteudo {background: url(../img/back_conteudo.jpg)  no-repeat #E5F8FF; width:970px; margin:auto; padding:15px 5px 0 5px}
#PaginasdoSite {width:685px; float:left}
#PaginasdoSite h1 {color:#103663; font-size:1.4em}
#PaginasdoSite h2,#PaginasdoSite h3, #PaginasdoSite h4, #PaginasdoSite h5 {color:#103663; font-size:1.2em; margin-top:15px}
#PaginasdoSite p {text-align:justify}
#empresa {background:url(../img/back_empresa.jpg) no-repeat; height:518px; width:673px; margin-top:10px; padding:5px}
#empresa p {margin-top:15px; line-height:20px}
.TituloEmpresa {color:#ccffff; font-size:1.4em; font-weight:600; margin:10px 0 35px 90px}
.fazemos {color:#6699cc; font-size:1.3em; margin:25px 0}
ul.ListaEmpresa li{margin-bottom:10px}

#BlocoInformacao {float:right; width:281px}
.caixas {background:url(../img/caixa_azul.png) no-repeat; width:257px; height:261px; padding:0 12px; margin-bottom:5px}
.caixas p {font-size:0.8em}
.titulo {font-size:1.3em; text-align:center; padding-top:13px; color:#ccffff; margin-bottom:20px}
.clique {margin-top:25px; text-align:center}
#MenuRodape {font-size:1.1em; padding-top:8px}
#MenuRodape li {float:left; margin:0 9px}
#BaixoRaio {background:url(../img/baixo_site.jpg) no-repeat; width:980px; height:28px; margin:auto}

#footer {background:url(../img/rodape.jpg) repeat-x top center; height:346px; margin-top:-150px; color:#cccccc}
#footer a {color:#cccccc}
#rodape {width:980px; margin:auto; padding-top:170px}
.key {background:url(../img/back_key.jpg) no-repeat; height:141px; width:297px; float:left; margin-right:10px}
#informacao {float:left; width:365px; height:121px; text-align:center; padding-top:10px}
.direitos {float:left; margin-top:10px}
.hospedagem {float:right; margin-top:10px}

/*Contato*/
dl.contato {margin-top:10px; width:400px; float:left}
dl.contato dt {margin-top:10px; font-weight:600; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
dl.contato dd, dl.ContatoEnd dd {margin-top:3px}
.formulad {width:400px; height:23px}
dl.ContatoEnd {float:right; margin-top:30px; width:255px; background:#F8F8F8; border:1px dashed #004A83; padding:5px;}
dl.ContatoEnd dt {margin-top:15px; font-weight:600; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
dl.ContatoEnd dd {border-bottom: 1px solid #CCC; padding-bottom:5px}

dl.ListaArea {float:left; margin-left:10px}
dl.ListaArea dt {font-weight:600; color:#6699CC; font-size:1.4em}
dl.ListaArea dd {margin-top:10px; font-size:1.2em}

/*Produtos*/
#produtos {margin-bottom:35px; border-bottom:1px dashed #ccc; padding-bottom:10px}
#produtos a:hover {color:#103663; text-decoration:underline}

.defineproduto {float:left; width:300px; font-size:1.3em; color:#0066FF; text-align:center; margin:10px 0 0 10px}
.defineproduto img {border:1px solid #CCC}