﻿@charset "utf-8";
/* CSS Document */

body {	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background:url(../images/bg.jpg) top center no-repeat #E5E5E5; font-family: 'Open Sans', sans-serif;} body img { border: none;}
body img { border: none;} 
.geral { width:100%; float:left; position:relative;}
#topo { width:100%; float:left; position:relative;}
#topo #green { width:100%; height:40px; float:left; position:relative; background: #008349;}
#topo #logo { width:208px; height:151px; position: absolute; top: 40px; left: 50%; margin-left: -104px; background:url(../images/bglogo.png) no-repeat; z-index:999;}
#topo #menu { text-transform: uppercase; width:100%; height:80px; float:left; position:relative; margin: 60px 0px 0px 0px; background: url(../images/bgmenu.png)repeat-x;}
#topo #menu ul {  width:980px; padding: 0px; position:absolute; top: 0px; left: 50%; margin-left: -490px;  list-style:none; font-weight: 700; font-size:14px;}
#topo #menu ul li {  padding: 0px; position:relative; float:left; }
#topo #menu ul li a {  margin-top: -25px; width:129px;  position: relative; float:left; color: #777; text-decoration:none;}

#topo #menu ul li a:hover, #topo #menu ul li:hover a { background:url(../images/bgmenu2.png); width:129px; height:67px; position: relative; float:left; color: #FFF; text-decoration:none; }
#topo #menu ul li span {  width:120px;  margin: 30px 0px 0px 0px; position:relative; float:left; text-align: center;}


#topo #menu ul li ul { z-index: 999; margin: 0px 0px 0px 8px; width:120px; display: none; padding: 0px; background:#008349 ; text-decoration: none;}
#topo #menu ul li:hover ul { width:120px; display: block;  margin-left: -64px; margin-top: 35px;}

#topo #menu ul li ul li  {  width:120px; position:relative; float:left; text-align:center;   }

#topo #menu ul li:hover ul li a {  height: auto; padding: 5px 0px 5px 0px; background: url(../images/lineverde.png) 2px 0px no-repeat;  }

#topo #menu ul li ul li a { width:120px;  color: #FFF;  text-decoration: none;  margin: 0px 0px 0px 0px; }


#topo #menu ul li ul li a:hover  {  width:120px;  color: #FFF; text-decoration: none; background: #A8CF45; }
#topo #menu ul li ul li span { font-weight:400; margin: 5px 0px 0px 0px; position:relative; float:left; font-size:13px;}

#topo #menu .afastamento { margin-left: 208px;}

#menu2 { text-transform: uppercase;font-weight: 700; z-index: 999; padding: 0px 0px 0px 10px; width: 130px; height: 179px; right: -20px; top:84px; position: absolute;  background:url(../images/bgmenu22.png); }
#menu2 ul { float:left; position:relative; list-style: none; padding: 20px 0px 0px 0px; margin: 0px;} 

#menu2 li { background: url(../images/lineverde.png) 0px 18px  no-repeat; width:115px; height:25px; position: relative; float:left; margin: 0px; padding:0px; font-size:11px; } 
#menu2 li a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color:#FFF; margin:5px 0px 0px 0px; padding:0px; }
#menu2 li span { width: 115px;  height:25px; position:relative; float:left; text-align: left; margin:0px; padding:0px 0px 0px 15px;}
#menu2 li a:hover { color: #FC0;  }
#menu2 .telefone { width:115px; height:30px; color: #FFF; font-size:14px; position:relative; float:left;  margin: 0px 0px 0px 0px; text-align:center; padding: 0px 0px 0px 5px;}

.conteiner { width: 980px; position: relative; top: 0px; left: 50%; margin-left: -490px; margin-top: 0px; }

#sliders { width: 980px; height:366px; overflow:hidden; position:relative; float:left; padding: 0px 0px 0px 0px; }
#sliders ul { width: 980px; height:366px; position:relative; float:left; list-style:none; padding:0px; margin:0px; }
#sliders li { width: 980px; height:366px; position:relative; float:left; padding:0px; margin:0px;}
#sliders .images { width:565px;  position:relative; float:left; }
#sliders .text {  width:415px;  height:366px; position: relative; float:left;  background: #A8CF45;}
#sliders .text a {  color: #FFF; text-decoration: none; } #sliders .text a:hover {  color: #FFF; text-decoration: underline; }
#sliders .title { text-transform: uppercase; width:385px; position: relative; float:left; color: #FFF; font-size:48px; font-weight:700; margin: 5px 15px 0px 15px;}
#sliders .subtitle { width:385px; position: relative; float:left; color: #FFF; font-size:38px; font-weight:400; margin: 5px 15px 0px 15px;}
#sliders .leg { width: 64px; position: absolute; z-index: 999; bottom: 15px; left: 320px; }
#sliders .slidePrev{ width: 32px; height: 32px; position: relative; float: left; margin: 41px 0px 0px 0px; cursor: pointer; background: url(../images/prev.jpg) 0px 0px; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -ms-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; }

#sliders a.slidePrev:hover{ background: url(../images/prev.jpg) 0px 32px;}
#sliders .slideNext{ width: 32px; height: 32px; position: relative; float: left; background: url(../images/next.jpg) 0px 0px; cursor: pointer; -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -ms-transition: background 0.2s ease;-o-transition: background 0.2s ease; transition: background 0.2s ease; }
#sliders a.slideNext:hover{ background: url(../images/next.jpg) 0px 32px ;}
.boxcz { padding:15px; color: #777; font-size:12px; width:276px; height: 245px; float: left; position: relative; border: 1px solid #CCC; background:#F4F4F4; -webkit-border-radius: 5px; border-radius: 5px; margin: 30px 28px 0px 0px;}
.boxcz h1 { width:276px;position: relative; float:left; color: #777; font-size:22px; font-weight:700; margin: 0px; padding:0px; }
.boxcz ul { width:276px;position: relative; float:left;  padding:0px; margin: 0px; list-style:none; }
.boxcz ul li { width:276px; height: 40px; overflow: hidden; position: relative; float:left; padding:11px 0px 11px 0px; margin: 0px; border-bottom: 1px dashed #777;}
.boxcz  a  { color: #777; text-decoration:none; } .boxcz  a:hover  { color: #777; text-decoration:underline; }
.boxcz .mais { float:right; position:relative; font-size:12px; font-weight: 700; padding: 15px 0px 0px 0px;}
.boxcz span {  float:left; position:relative;}

.boxvd {  width:308px;  float: left; position: relative; margin: 30px 28px 0px 0px;}

.boxcz2 { padding:15px; color: #777; font-size:12px; width:612px; height: 170px; float: left; position: relative; border: 1px solid #CCC; background:#F4F4F4; -webkit-border-radius: 5px; border-radius: 5px; margin: 30px 28px 0px 0px;}
.boxcz2 h1 { width:612px; position: relative; float:left; color: #777; font-size:22px; font-weight:700; margin: 0px; padding:0px; }
.boxcz2 ul { width:612px;position: relative; float:left;  padding:0px; margin: 0px; list-style:none; }
.boxcz2 ul li { width:612px; height: 17px; overflow: hidden; position: relative; float:left; padding:11px 0px 11px 0px; margin: 0px; border-bottom: 1px dashed #777;}
.boxcz2  a  { color: #777; text-decoration:none; } .boxcz2  a:hover  { color: #777; text-decoration:underline; }
.boxcz2 .mais { float:right; position:relative; font-size:12px; font-weight: 700; padding: 10px 0px 0px 0px;}

.boxcz3 { padding:15px; color: #777; font-size:12px; width:276px; height: 245px; float: left; position: relative; border: 1px solid #CCC; background:#F4F4F4; -webkit-border-radius: 5px; border-radius: 5px; margin: 30px 0px 0px 0px;}
.boxcz3 h1 { width:276px;position: relative; float:left; color: #777; font-size:22px; font-weight:700; margin: 0px; padding:0px; }
.boxcz3 ul { width:276px;position: relative; float:left;  padding:0px; margin: 0px; list-style:none; }
.boxcz3 ul li { width:276px; overflow: hidden; position: relative; float:left; padding:11px 0px 11px 0px; margin: 0px; border-bottom: 1px dashed #777;}
.boxcz3  a  { color: #777; text-decoration:none; } .boxcz3  a:hover  { color: #777; text-decoration:underline; }
.boxcz3 .mais { float:right; position:relative; font-size:12px; font-weight: 700; padding: 10px 0px 0px 0px;}
.boxcz3 .img { width:100px; height:66px; position: relative; float:left;  padding:3px; margin: 0px; border:1px solid #CCC;}
.boxcz3 .data { width:162px;  position: relative; float:left;  padding:0px; margin: 0px 0px 5px 5px; font-weight:700; }
.boxcz3 .titulo { width:162px;  position: relative; float:left;  padding:0px; margin: 0px 0px 0px 5px; font-weight:600; }
.boxvd {  width:308px;  float: left; position: relative; margin: 30px 28px 0px 0px;}
.boxvd2 {  width:308px;  float: left; position: relative; margin: 58px 28px 0px 0px;}

#left { width:672px;  float: left; position: relative; padding: 0px 0px 0px 0px; }
#banner { width:646px;  float: left; position: relative;  margin: 30px 0px 0px 0px; }
.aniversariante { width:80px; height:80px; position:absolute; top: 25px; left:20px; border: 2px solid #060; }
.nomeniver { position:absolute; bottom: 23px; left:115px; font-size:12px; font-weight:700;}

#parceiros { width: 980px; float:left; position:relative; padding: 30px 0px 30px 0px;}
#parceiros h1 { width: 980px; float:left; position:relative; color: #777; font-size:22px; font-weight:700; margin: 0px; padding:0px 0px 10px 0px; }
.parceiro { cursor:pointer; width: 300px; height:100px; overflow:hidden; float:left; position:relative; margin: 0px 0px 0px 37px; border: 1px solid #CCC; text-align:center;}

#right {  width:308px;  float: left; position: relative; padding: 0px 0px 0px 0px; }

#footer { width: 100%; float:left; position:relative; background: #008349; font-size:14px; color: #FFF; } 
#footer  a { color: #FFF; text-decoration: none; } #footer a:hover { color: #FFF; text-decoration: underline; }
#footer ul { text-transform: uppercase; float: left; position: relative; padding: 20px 0px 20px 0px; margin:0px; list-style:none;}
#footer li  { width:245px;  float: left; position: relative; padding: 0px; margin:5px 0px 5px 0px;}

#copyright {width:980px; float: left; position: relative; font-size: 12px; text-align:center;}

#maternidadevirtual { width: 276px; float:left; position:relative; padding:0px; margin: 0px;}
#maternidadevirtual input {cursor:pointer; width: 270px; float:left; position:relative; border: 1px solid #CCC;  padding: 3px; margin: 7px 0px 0px 0px;}
#maternidadevirtual .btbusca {width:60px; height:30px; float:right; position:relative; background:url(../images/btmaternidade.jpg) 0px 0px no-repeat; border:none;}
#maternidadevirtual input[type="submit"]:hover { background:url(../images/btmaternidade.jpg) 0px -30px no-repeat;}
#maternidadevirtual input[type="text"]:hover, input[type="password"]:hover { background: #FFC;}


.fotos { position: relative; flaot:left; opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.fotos:hover {  opacity: 0.5;}

#busca { width: 100%;  height: 90px; float:left; position: relative; }
#pagina { width: 672px; float:left; position: relative; }
#pagina h1 { width: 636px; float:left; position: relative; padding: 5px; margin: 30px 0px 0px 0px; background: #008349; color: #FFF; font-size:22px; font-weight:700;  text-transform: uppercase;}
#pagina #texto { width: 636px; float:left; position: relative; padding: 0px 0px 0px 0px; color: color: #777; font-size: 14px;} 
#pagina #texto a { color: #777; text-decoration: none; font-weight:700;}  #pagina #texto a:hover { color: #777; text-decoration: underline; }

#webmail { width: 606px; float:left; position:relative; padding:0px; margin: 0px 0px 0px 0dpx;}
#webmail img { float:left; position:relative;}
#webmail input {cursor:pointer; width: 276px; float:left; position:relative; border: 1px solid #CCC; padding: 3px; margin: 7px 0px 0px 0px;}
#webmail .btbusca {width:60px; height:30px; top:25px; right:0px; position:absolute; background:url(../images/btmaternidade.jpg) 0px 0px no-repeat; border:none;}
#webmail input[type="submit"]:hover { background:url(../images/btmaternidade.jpg) 0px -30px no-repeat;}
#webmail input[type="text"]:hover, input[type="password"]:hover { background: #FFC;}

#curriculo {   width: 606px; float:left; position:relative; }
#curriculo .campoform {  cursor:pointer; margin: 10px 0px 10px 0px; width: 606px;  float:left; position:relative; padding: 3px; border: 1px solid #CCC;  }
#curriculo .campoform:hover { background:  #FFC;} #curriculo .campoform:focus { background:  #FFC;}
#curriculo .campoform2 { font-size: 14px; cursor:pointer; font-family: 'Open Sans', sans-serif;  padding: 3px 0px 0px 3px; margin: 10px 0px 10px 0px; width: 608px; float:left; position:relative;  border: 1px solid #CCC; }
#curriculo .campoform2:hover { background: #FFC;} #curriculo .campoform2:focus { background: #FFC;}
#curriculo .btbusca { cursor:pointer;width:60px; height:30px; float:right; position:relative; background:url(../images/btenviar.jpg) 0px 0px no-repeat; border:none;}
#curriculo input[type="submit"]:hover { background:url(../images/btenviar.jpg) 0px -30px no-repeat;}

#curriculo input[type="radio"], img { float:left; position: relative;}

#contato {   width: 606px; float:left; position:relative; }
#contato img {  width:190px; height:156px; top:10px; right:-10px; position:absolute;}
#contato .campoform {  cursor:pointer; margin: 10px 0px 10px 0px; width: 406px;  float:left; position:relative; padding: 3px; border: 1px solid #CCC;  }
#contato .campoform:hover { background:  #FFC;} #contato .campoform:focus { background:  #FFC;}
#contato .campoform2 { font-size: 14px; cursor:pointer; font-family: 'Open Sans', sans-serif;  padding: 3px 0px 0px 3px; margin: 10px 0px 10px 0px; width: 608px; float:left; position:relative;  border: 1px solid #CCC; }
#contato .campoform2:hover { background: #FFC;} #contato .campoform2:focus { background: #FFC;}
#contato .btbusca { cursor:pointer;width:60px; height:30px; float:right; position:relative; background:url(../images/btenviar.jpg) 0px 0px no-repeat; border:none;}
#contato input[type="submit"]:hover { background:url(../images/btenviar.jpg) 0px -30px no-repeat;}


#downloads {  width: 612px; float:left; position:relative; }

#downloads ul { padding: 0px; margin: 0px; float:left; position: relative; list-style: none;}
#downloads li {  padding:15px; color: #777; font-size:12px; width:612px; float: left; position: relative; border: 1px solid #CCC; background:#F4F4F4; -webkit-border-radius: 5px; border-radius: 5px; margin: 0px 0px 30px 0px;}

#dowloads .texto {width: 512px; position:relative; float:left;}
#downloads .left { width: 512px; position:relative; float:left; padding: 0px 20px 0px 0px;}
#downloads .right { width: 80px; position:relative; float:left;}

#pagina #paginacao { width:646px; position:relative; float:left; text-align:right; margin: 30px 0px 30px 0px; }
#pagina #paginacao .paginacao { font-size:12px; color:#FFF; text-decoration:none; background-color: #008349; padding: 5px; margin: 0px 2px 0px 2px; }
#pagina #paginacao .paginacao a { color: #FFF; text-decoration:none; }
#pagina #paginacao .paginacao a:hover { color: #FFF; text-decoration:underline; }
#pagina #paginacao .paginacao2 { font-size:12px; color:#FFF; text-decoration:none; background-color:#3FA55E; padding: 5px; margin: 0px 2px 0px 2px; }



#topnoticia {width: 612px; paddding: 0px 0px 0px 0px ; margin: 0px 0px 20px 0px; float:left; position: relative;}
#mentions { z-index:600; paddding: 0px ; margin: 0px 0px 0px 0px; top:0px; right:0px;  position: absolute; }
#mentions_tt { paddding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; margin-left: 0px; float:left; position: relative; }
#mentions_ff { paddding: 0px ; margin: 0px 0px 0px 10px; float:left; position: relative; }
#datanoticia { width: 500px; position:relative; float:left; font-size:14px; color: #777; font-weight:400; text-align:left; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;}
#categorianoticia { width: 500px; color: #777; font-size: 20px; position:relative; float:left; font-weight:400; }
#categorianoticia a { color: #777; text-decoration: none;}
#categorianoticia a:hover { color: #777; text-decoration: underline;}
#titulonoticia { width:612px; position:relative; float:left; font-size:30px; color: #777; font-weight:600; text-align:left; margin: 10px 0px 0px 0px;}
#titulonoticia a { color: #777; text-decoration: none; } #titulonoticia a:hover { color: #777; text-decoration: underline; }

#imagem_noticia { width: 250px; position:relative; float:right; margin-left: 15px; margin-bottom: 10px; text-align:left; }
#imagem_noticia img{ border: 2px solid #CCC; }
#creditofotosnoticia { color: #777; position:relative; float:left; text-align:left; padding: 0px 0px 1px 1px; font-style:italic; font-size:12px; }
#legendafotonoticia { width:244px; position:relative; float:left; background: #CCC; padding: 5px 5px 5px 5px; font-size: 12px;}
#textonoticia { width: 612px; position:relative; float:left; font-size:13px; color:#777; font-weight:400; text-align:justify; padding: 10px 0px 10px 0px; }
#textonoticia a{ color:#000; text-decoration:none; }
#textonoticia a:hover{ color: #777; text-decoration:underline;}


#maisfotos { width: 612px; position:relative; float:left; font-size:14px; font-weight:600; color:#777; padding:5px 0px 5px 0px}
#galerianoticia { width: 612px; position:relative; float:left; }
#galerianoticia img { width: 131px; height: 86px; position:relative; float:left; border: 2px solid #CCC; margin: 10px 18px 10px 0px;}

.barra_coments {float: left; position: relative; width: 612px; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; font-size: 16px; color:#777; border-bottom: #777 1px solid; font-weight:600;}



#listas { width: 612px; float:left; position:relative; margin: 0px 0px 0px 0px; }
#listas a { color: #777; text-decoration: none; } #listas a:hover { color: #777; text-decoration: underline; }
#listas ul { width:612px; float:left; position:relative; padding:0px 0px 0px 0px; margin:0px; list-style:none;}
#listas li  { border-bottom: 1px solid #CCC; width:612px; height: auto; float:left; position:relative; padding:15px 0px 15px 0px; margin: 0px;}
#listas .imagem { float:left; position:relative; margin: 0px 10px 0px 0px; border: 5px solid #CCC;
-webkit-transition: border 0.5s ease;
-moz-transition: border 0.5s ease;
-ms-transition: border 0.5s ease;
-o-transition: border 0.5s ease;
transition: border 0.5s ease;
}
#listas .imagem:hover { border: 5px solid #008349;}
#listas .data { font-size:14px;}
#listas .categoria { font-size:14px;}
#listas .titulo { font-size:18px; line-height:20px; font-weight:600; }
#listas span { color: #000; padding: 2px 0px 2px 0px; width:425px; float:left; position:relative; font-weight:400; }

#paginacao_ { width: 612px; float:left; position: relative; }

#conteinerfoto { width: 612px; float:left; position: relative; padding: 0px 0px 20px 0px;}
.conteinerfoto { width: 204px; float: left; margin: 0px 0px 0px 0px;}


.conteinerfoto .imagem { width:194px; float:left; position:relative;  border: 5px solid #CCC;
-webkit-transition: border 0.5s ease;
-moz-transition: border 0.5s ease;
-ms-transition: border 0.5s ease;
-o-transition: border 0.5s ease;
transition: border 0.5s ease;
}
.conteinerfoto .imagem:hover { border: 5px solid #008349;}

.pergunta { width: 612px; float:left; position: relative; font-size: 15px; font-weight: 700;  padding: 0px 0px 10px 0px;}
#enquete .resposta { width: 612px; float:left; position: relative; font-size: 14px; padding: 10px 0px 10px 0px; }
#enquete .resposta .radioenquete { float:left; position: relative; margin-left: -2px; margin-right: 5px; background: #CCC;}

#enquete .btbusca { cursor:pointer;width:60px; height:30px; float:right; position:relative; background:url(../images/btenviar.jpg) 0px 0px no-repeat; border:none;}
#enquete input[type="submit"]:hover { background:url(../images/btenviar.jpg) 0px -30px no-repeat;}

#enquete {   width: 612px; float:left; position:relative; }
#enquete .campoform {  cursor:pointer; margin: 10px 0px 10px 0px; width: 606px;  float:left; position:relative; padding: 3px; border: 1px solid #CCC;  }
#enquete .campoform:hover { background:  #FFC;} #enquete .campoform:focus { background:  #FFC;}
#enquete .campoform2 { font-size: 14px; cursor:pointer; font-family: 'Open Sans', sans-serif;  padding: 3px 0px 0px 3px; margin: 10px 0px 10px 0px; width: 608px; float:left; position:relative;  border: 1px solid #CCC; }
#enquete .campoform2:hover { background: #FFC;} #curriculo .campoform2:focus { background: #FFC;}
#enquete img {  width:326px; height:173px; top:0px; right:0px; position:absolute;}

#filtrar2 {width: 612px; height: 20px; position: relative; float:left; border-bottom: 1px solid #CCC; padding: 0px 0px 10px 0px;}
#filtrar { position: absolute; top: 0px; right: 0px; z-index: 999; }
.subcat { background: #F3F3F3; color: #008349; }

#alerta { width: 100%; float:left; position: relative; font-size: 12px; padding: 10px 0px 10px 0px; text-align:center;}




#pagina #texto #adv1 { padding: 0px; margin:0px; width:612px; position:relative; float: left; border-left: 1px solid #FFF;}
#pagina #texto #adv1 ul {width:612px; position:relative; float:left; padding:0px; margin:0px; }
#pagina #texto #adv1 li { cursor: pointer; width:51px; height: 37px; list-style:none; float:left; border:none; padding:0px; margin:0px;}
#pagina #texto #adv1 a {  border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; display:block; padding: 8px 0px 8px 0px; text-decoration: none; text-align:center; margin:0px;  font-size: 13px; font-weight:400; color:#FFFFFF;  background: #008349;}
#pagina #texto #adv1 a:hover { color:#FFF;  background: #00A85A; text-decoration: none; }
#pagina #texto #adv1 .selected { font-weight:700;  margin-bottom:0; color:#FFF; background:#00A85A; border-bottom: 1px solid #FFF; cursor:default;  }


#nivers { width: 612px; float:left; position:relative; margin: 0px 0px 0px 0px; }
#nivers a { color: #777; text-decoration: none; } #listas a:hover { color: #777; text-decoration: underline; }
#nivers ul { width:612px; float:left; position:relative; padding:0px 0px 0px 0px; margin:0px; list-style:none;}
#nivers li  { border:none; width:306px; height: auto; float:left; position:relative; padding:0px; margin: 30px 0px 0px 0px;}
#nivers .imagem { width:100px; float:left; position:relative; margin: 0px 10px 0px 0px; border: 5px solid #CCC;
-webkit-transition: border 0.5s ease;
-moz-transition: border 0.5s ease;
-ms-transition: border 0.5s ease;
-o-transition: border 0.5s ease;
transition: border 0.5s ease;
}
#nivers .imagem:hover { border: 5px solid #008349;}
#nivers .data { font-size:14px;}
#nivers .categoria { font-size:16px; font-weight:700;}
#nivers .titulo { font-size:18px; line-height:20px; font-weight:700; }
#nivers span { color: #777; padding: 2px 0px 2px 0px; width:170px; float:left; position:relative; font-weight:400; }
#nivers .box { width:291px; float:left; position:relative;  border: 1px solid #CCC;}


#esqueci { width: 612px; float:left; position:relative; padding:0px; margin: 0px 0px 0px 0dpx;}
#esqueci input {cursor:pointer; width: 526px; float:left; position:relative; border: 1px solid #CCC; padding: 3px; margin: 7px 0px 7px 0px;}
#esqueci .btbusca {width:60px; height:30px; top:-3px; right:0px; position:absolute; background:url(../images/btenviar.jpg) 0px 0px no-repeat; border:none;}
#esqueci input[type="submit"]:hover { background:url(../images/btenviar.jpg) 0px -30px no-repeat;}
#esqueci input[type="text"]:hover, input[type="password"]:hover { background: #FFC;}

#novasenha { width: 612px; float:left; position:relative; padding:0px; margin: 0px 0px 0px 0dpx;}
#novasenha input {cursor:pointer; width: 526px; float:left; position:relative; border: 1px solid #CCC; padding: 3px; margin: 7px 0px 7px 0px;}
#novasenha .btbusca {width:60px; height:30px; top:-3px; right:0px; position:absolute; background:url(../images/btenviar.jpg) 0px 0px no-repeat; border:none;}
#novasenha input[type="submit"]:hover { background:url(../images/btenviar.jpg) 0px -30px no-repeat;}
#novasenha input[type="text"]:hover, input[type="password"]:hover { background: #FFC;}

#galeria { width: 612px; float:left; position:relative; padding: 24px 0px 24px 0px;  border-bottom: 1px dashed #CCC; }
#galeria .imagem { width:194px; float:left; position:relative; margin: 0px 0px 0px 0px; border: 5px solid #CCC;
-webkit-transition: border 0.5s ease;
-moz-transition: border 0.5s ease;
-ms-transition: border 0.5s ease;
-o-transition: border 0.5s ease;
transition: border 0.5s ease;
}
#galeria .imagem:hover { border: 5px solid #008349;}


#buscar {width: 500px; float:left; position:relative; padding:30px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#buscar input {cursor:pointer; width: 412px; height:22px; float:left; position:relative; border: 1px solid #CCC; padding: 3px; margin: 7px 10px 7px 0px;}
#buscar .btbusca {width:60px;  height:30px;  float:left; position:relative; background:url(../images/btbuscar.jpg) 0px 0px no-repeat; border:none;}
#buscar input[type="submit"]:hover { background:url(../images/btbuscar.jpg) 0px -30px no-repeat;}
#buscar input[type="text"]:hover, input[type="password"]:hover { background: #FFC;}





#btnoutlook {
  background: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #FFFFFF, #D7D7D7);
  background-image: -moz-linear-gradient(top, #FFFFFF, #D7D7D7);
  background-image: -ms-linear-gradient(top, #FFFFFF, #D7D7D7);
  background-image: -o-linear-gradient(top, #FFFFFF, #D7D7D7);
  background-image: linear-gradient(to bottom, #FFFFFF, #D7D7D7);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  float:left; 
  position: relative; 
  margin: 20px 0px 0px 128px;
  color: #FFF;
border: 1px solid #CCC;
}


#btnoutlook:hover{
  background: #FFFFFF;
  background-image: -webkit-linear-gradient(top, #FFFFFF, #B0FFAE);
  background-image: -moz-linear-gradient(top, #FFFFFF, #B0FFAE);
  background-image: -ms-linear-gradient(top, #FFFFFF, #B0FFAE);
  background-image: -o-linear-gradient(top, #FFFFFF, #B0FFAE);
  background-image: linear-gradient(to bottom, #FFFFFF, #B0FFAE);



}

#restam { float:left; positiom:relative; font-weight:600; font-size: 18px; padding: 0px 3px 0px 3px ; margin-top: -4px;}

#publicidadecentro {width:308px; height: 278px; float: left; position: relative; margin: 30px 28px 0px 0px;}