body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border:0;
}

/*BODY BASIC*/


body, html { height: 100%; background: transparent; }
html {  }
body { font-family: Arial, Verdana; min-height: 500px; text-align: center;}
a { color: #666; text-decoration: none; }
a:hover { text-decoration: underline; }

.limit { width: 910px; margin: 0 auto; }

#header { width: auto; text-align: left; text-align: center}
#header .barra { background: #666; height: 15px; margin-bottom: 10px; }
#header #menu { float: right; height: 16px; padding-top: 35px;}
#header #menu li { float: left; font-size: 12px; color: #666666 }
#header #menu li.sep { padding: 0 8px; }
#header .logo { float: left; margin-left: 70px; margin-top: 10px; }


#home { width: 100%; height: 550px; margin: 10px auto 0 auto; text-align: center; overflow: hidden; position: relative; min-width: 1000px; max-width: 2000px; display: block; *width: 600px;}
#home .moldura { width: 770px; height: 550px; margin: 0 auto; overflow: visible; display: block; }
#home .moldura .itens { width: 2000em; height: 550px; position: relative; }
#home .moldura .itens div { float: left; height: 500px; width: 750px;  padding: 10px 10px 40px; background: #666; }
#home .moldura .itens div.active {  }
#home .moldura .itens div.active p { display: block; }
#home .moldura .itens div img { height: 500px; width: 750px; }
#home .moldura .itens div a p{ display: none; text-align: center; height: 20px; padding: 10px 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; color: white }
#home .moldura .itens div a p span{ display: inline-block; color: #666; background: white; text-transform: uppercase; padding: 5px; margin-left: 5px; }
#home .moldura .itens div a:hover { text-decoration: none; }
#home .left { width: 90px; height: 55px; position: absolute; left: 0; top: 50%; margin-top: -30px; background: #666 url(../image/seta-left.png) 70% center no-repeat; z-index: 2; cursor: pointer; }
#home .right { width: 90px; height: 55px; position: absolute; right: 0; top: 50%; margin-top: -30px; background: #666 url(../image/seta-right.png) 30% center no-repeat; z-index: 2; cursor: pointer; }
#home .floater { width: 204px; height: 226px; position: absolute; top: 50px; left: 50%; margin-left: -113px; background: url(../image/4.png) no-repeat center center; z-index: 100; cursor: pointer; }


#fotos { width: 100%; height: 550px; margin: 25px auto 0 auto; text-align: center; overflow: visible; position: relative; min-width: 1000px; max-width: 2000px; }
#fotos .moldura { width: 770px; height: 550px; margin: 0 auto; overflow: hidden; }
#fotos .moldura .itens { width: 9999em; height: 580px; position: relative; overflow: visible; }
#fotos .moldura .itens div { float: left; height: 500px; width: 750px; padding: 10px 10px 40px; }
#fotos .moldura .itens div.active {  }
#fotos .moldura .itens div img { max-height: 500px; max-width: 750px; }
#fotos .moldura .itens div p { font-size: 12px; margin-top: 10px; text-align: left; }
#fotos .moldura .itens div p span { float: right; display: block; }
#fotos .left { width: 90px; height: 55px; position: absolute; left: 0; top: 50%; margin-top: -30px; background: #666 url(../image/seta-left.png) 70% center no-repeat; z-index: 2; cursor: pointer; }
#fotos .right { width: 90px; height: 55px; position: absolute; right: 0; top: 50%; margin-top: -30px; background: #666 url(../image/seta-right.png) 30% center no-repeat; z-index: 2; cursor: pointer; }
#fotos .navigator { width: 910px; clear: both; margin: 0 auto 5px; *width: 600px; }
#fotos .navigator .navi { float: right; overflow: hidden; }
#fotos .navigator .navi a { display: block; float: left; padding: 2px 7px; background: #666; color: white; margin-left: 5px; cursor: pointer; margin-bottom: 5px; }
#fotos .navigator .navi a img { width: 50px; height: auto; }
#fotos .navigator .navi a.active  { background: white; color: #666 }



#header2 { width: auto; text-align: left;}
#header2 .barra { background: #666; height: 15px; margin-bottom: 25px; }
#header2 #menu { float: right; height: 16px; padding-top: 10px;}
#header2 #menu li { float: left; font-size: 12px; color: #666666 }
#header2 #menu li.sep { padding: 0 8px; }
#header2 #wrapper { width: 210px; float: left; margin: 0 15px 0 20px; }
#header2 #wrapper img { max-width: 210px; margin-bottom: 10px; }
#header2 .logo { float: left; }

#perfil .FontSmaller { font-size: 11px; }
#perfil { text-align: left; }
#perfil .quadro { width: 420px; padding: 96px 500px 0 0px; height: 404px; background: url('../image/perfil.png') no-repeat 100% 50%; }
#perfil .quadro ul { border-bottom: 1px solid #e5e5e5; height: 32px; line-height: 32px; }
#perfil .quadro ul li { margin-top: 1px; float: left; border: none; background: #f5f5f5; height: 31px; line-height: 31px; color: #7d7b5c; font-family: Verdana, Arial; font-size: 12px; padding: 0 20px; }
#perfil .quadro ul li.ui-tabs-active { border: 1px solid #e6e6e6; border-bottom-color: white; background: white; margin-top: 0px; }
#perfil .quadro ul li a { display: block; outline: 0; }
#perfil .quadro ul li a:hover { text-decoration: none; }
#perfil .quadro > div { padding: 20px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; background: white; font-size: 11px; font-family: Verdana; }
#perfil .quadro > div p { margin-bottom: 10px; }




#publicacoes { width: 100%; height: 440px; margin: 25px auto 0 auto; text-align: center; overflow: hidden; position: relative; min-width: 1000px; max-width: 2000px; display: block; *width: 580px;}
#publicacoes .moldura { width: 600px; height: 440px; margin: 0 auto; overflow: visible; display: block; }
#publicacoes .moldura .itens { width: 2000em; height: 400px; position: relative; }
#publicacoes .moldura .itens div { float: left; height: 350px; width: 580px;  padding: 10px 10px 40px; background: #666; }
#publicacoes .moldura .itens div.active {  }
#publicacoes .moldura .itens div.active p { display: block; }
#publicacoes .moldura .itens div img { height: 350px; width: 580px; }
#publicacoes .moldura .itens div a p{ display: none; text-align: center; height: 20px; padding: 10px 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; color: white }
#publicacoes .moldura .itens div a p span{ display: inline-block; color: #666; background: white; text-transform: uppercase; padding: 5px; margin-left: 5px; }
#publicacoes .moldura .itens div a:hover { text-decoration: none; }
#publicacoes .left { width: 90px; height: 55px; position: absolute; left: 0; top: 50%; margin-top: -30px; background: #666 url(../image/seta-left.png) 70% center no-repeat; z-index: 2; cursor: pointer; }
#publicacoes .right { width: 90px; height: 55px; position: absolute; right: 0; top: 50%; margin-top: -30px; background: #666 url(../image/seta-right.png) 30% center no-repeat; z-index: 2; cursor: pointer; }
#publicacoes .navigator { height: 20px; width: 910px; clear: both; margin: 0 auto 5px; position: relative; *width: 600px; }
#publicacoes .navigator .navi { height: 20px; float: right; overflow: hidden; position: relative; }
#publicacoes .navigator .navi a { display: block; float: left; padding: 2px 7px; background: #666; color: white; margin-left: 5px; }
#publicacoes .navigator .navi a img { width: 50px; height: auto; }
#publicacoes .navigator .navi a.active { background: white; color: #666; }


#publicacoes .navei { position: relative; width: 830px; margin: 0 auto; padding: 0 20px; overflow: hidden; *width: 560px;}
#publicacoes .navei .navigator2 { height: 40px; clear: both; position: relative; overflow: hidden; width: 830px; *width: 560px; }
#publicacoes .navei .left { width: 20px; height: 20px; position: absolute; left: 0; top: 50%; margin: -10px 0 0 0; background: #666 url(../image/seta-left.png) 70% center no-repeat; z-index: 2; cursor: pointer; }
#publicacoes .navei .right { width: 20px; height: 20px; position: absolute; right: 0; top: 50%; margin: -10px 0 0 0; background: #666 url(../image/seta-right.png) 30% center no-repeat; z-index: 2; cursor: pointer; }
#publicacoes .navei .navigator2 .navi { height: 40px; float: left; overflow: hidden; position: relative; width: 2000em; }
#publicacoes .navei .navigator2 .navi a { display: block; float: left; padding: 2px 2px; background: #666; color: white; margin-left: 5px; }
#publicacoes .navei .navigator2 .navi a img { width: 50px; height: 30px; }
#publicacoes .navei .navigator2 .navi a.active { background: white; color: #666; }






#contato_form { width: 100%; height: 650px; margin: 25px auto 0 auto; text-align: center; overflow: hidden; position: relative; min-width: 1000px; max-width: 2000px; }
#contato_form .moldura { width: 930px; margin: 0 auto; overflow: visible; }
#contato_form .moldura .left { float: left; width: 300px; display: block; padding: 5px; min-height: 250px; text-align: left; font-size: 13px; color: #666; }
#contato_form .moldura .form {}
#contato_form .moldura .form ul { color: #666;}
#contato_form .moldura .form ul li { margin-bottom: 5px; }
#contato_form .moldura .form ul li span { display: block; font-size: 13px; padding-bottom: 5px; }
#contato_form .moldura .form ul li input[type=text] { width: 290px; padding: 2px 5px; border: 1px solid #666; }
#contato_form .moldura .form ul li input[type=submit] { text-align: center; padding: 3px 6px; background: #666; border: none; display: block; float: right; margin-right: 10px; color: white; font-size: 13px; }
#contato_form .moldura .form ul li textarea { width: 290px; height: 150px; border: 1px solid #666; padding: 2px 5px;}
#contato_form .moldura .left iframe { padding: 4px; border: 1px solid #666; margin-top: 10px; }
#contato_form .moldura .left h2 { font-weight: bolder; }




#eventos { width: 100%; height: 225px; margin: 25px auto 0 auto; text-align: center; overflow: hidden; position: relative; min-width: 1000px; max-width: 2000px; display: block; *width: 600px;}
#eventos .moldura { width: 1000px; height: 200px; margin: 0 auto; overflow: visible; display: block; }
#eventos .moldura .itens { width: 2000em; height: 200px; position: relative; }
#eventos .moldura .itens div.firstline2 { float: left; height: 200px; width: 1000px; }
#eventos .moldura .itens div.firstline2 div { float: left; height: 150px; width: 230px;  padding: 10px 10px 40px; background: #666 }
#eventos .moldura .itens div.firstline2.active {  }
#eventos .moldura .itens div.firstline2.active p { display: block; }
#eventos .moldura .itens div.firstline2 img { height: 150px; width: 230px; }
#eventos .moldura .itens div.firstline2 a p{ display: none; text-align: center; height: 20px; padding: 10px 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; color: white }
#eventos .moldura .itens div.firstline2 a p span{ display: inline-block; color: #666; background: white; text-transform: uppercase; padding: 5px; margin-left: 5px; }
#eventos .moldura .itens div.firstline2 a:hover { text-decoration: none; }
#eventos .left { width: 90px; height: 55px; position: absolute; left: 0; top: 50%; margin-top: -15px; background: #666 url(../image/seta-left.png) 70% center no-repeat; z-index: 2; cursor: pointer; }
#eventos .right { width: 90px; height: 55px; position: absolute; right: 0; top: 50%; margin-top: -15px; background: #666 url(../image/seta-right.png) 30% center no-repeat; z-index: 2; cursor: pointer; }
#eventos .navigator { height: 20px; width: 910px; clear: both; margin: 0 auto 5px; *width: 600px; }
#eventos .navigator .navi { height: 20px; float: right; overflow: hidden; }
#eventos .navigator .navi a { display: block; float: left; padding: 2px 7px; background: #666; color: white; margin-left: 5px; }
#eventos .navigator .navi a img { width: 50px; height: auto; }
#eventos .navigator .navi a.active  { background: white; color: #666 }
#eventos .navigator2 { height: 40px; width: 910px; clear: both; margin: 0 auto 5px; *width: 600px; }
#eventos .navigator2 .navi { height: 40px; float: right; overflow: hidden; }
#eventos .navigator2 .navi a { display: block; float: left; padding: 2px 2px; background: #666; color: white; margin-left: 5px; }
#eventos .navigator2 .navi a img { width: 50px; height: 30px; }
#eventos .navigator2 .navi a.active { background: white; color: #666 }




.Italic { font-style: italic; }
.Bold { font-weight: bold; }