/* COLORS
    Azul        #3B5F8B
    Cinza        #AAA
*/


body{ background: #3B5F8B url(../images/bg.png) center top; color: #FFF; font: normal 14px/150% Helvetica, Arial;}
p{ color: #FFF; text-align: justify}
ul li,
p{ cursor: default; margin: 0;}
p{ font: normal 14px/160% Helvetica, Arial;}
a{ color: #FFF; text-decoration: underline;}
a:hover{ color: #CCC;}
a:focus{ outline: none;}


/* CLASS */
.cont{ clear: both; margin: 0 auto; width: 966px;}
.clear{ clear: both; font-size: 0; height: 0px; line-height: 0px;}

.alignCenter { display:block; margin:0 auto }
.alignLeft { float:left }
.alignRight { float:right }
img.aligncenter,
img.alignleft,
img.alignright { background: #FFF; border: 1px solid #CCC; margin: 5px 0 10px; padding: 3px;}
img.alignleft{ margin: 0 20px 10px 0;}
img.alignright{ margin: 0 0 10px 20px;}


/* HEADERS */
h1,h2,h3{ cursor: default;}
h1{ color: #FFF; border-bottom: 3px solid #3B5F8B; display: block; font: normal 24px/100% Times, 'Times New Roman', serif; letter-spacing: 4px; margin: 0; padding: 0 10px 10px; text-align: left; text-transform: uppercase; text-shadow: 0px 1px 1px #000;}
h2{ color: #FFF; font: normal 22px/100% Helvetica, Arial; margin: 30px 10px 10px; padding: 0; text-align: left; text-shadow: 0px 1px 1px #000;}
h3{ background: #FF7100; color: #FFF; font: normal 18px/100%  Helvetica, Arial; padding: 3px;}

h1 small{ font-size: 18px; display: block; text-transform: lowercase}
h1 a,
h2 a{ color: #FFF; cursor: pointer}
h1 span{ font-size: 32px;}

/* TOP */
#top{ background: url(../images/sprite.png) no-repeat 0px 0; clear: both; margin: 15px auto 0px; height: 235px; }
#top #logo{ color: #333; display: inline;  float: left; margin: 5px 0 0 3px; text-align: center; text-indent: -9999px}
#top #logo span{ background: #FFF url(../images/sprite.png) no-repeat -0px -237px; display: block; text-indent: -9999px; width: 227px; height: 209px;}


/* NAV */
#nav{ background: #AAA -0px -240px; float: left; margin: 5px 0 0 20px; width: 713px; height: 209px;}
#nav ul{ clear: both; margin: 15px 50px 0; padding-top: 15px; width: 635px;}
#nav li{ display: inline; float: left; list-style: none; margin: 0px 52px 0 0px;}
#nav li.last{ margin: 0;}
#nav li a{ border-bottom: 2px solid #AAA; color: #FFF; font: bold 18px/25px Helvetica, Arial; display: block; padding: 0 0px; text-decoration: none; text-shadow: 0px 1px 1px #666;}
#nav li a:hover{ border-bottom: 2px solid #FFF; color: #FFF; text-decoration: none; text-shadow: 0px 1px 1px #000;}
#nav .login{ border-top: 1px solid #FFF; clear: both; display: block; font: bold 16px/100% Helvetica, Arial; margin: 118px 40px 40px; padding: 17px 10px 0; text-align: right; text-shadow: 0px 1px 1px #666; width: 613px;}
#nav .login input{ background: #999; border: 1px solid #CCC; color: #FFF; font: bold 16px/100% Helvetica, Arial; margin-left: 5px; padding: 5px 3px 4px; text-shadow: 0px 1px 1px #666; width: 140px; height: 16px;}
#nav .login input:focus{ border: 1px solid #3B5F8B; text-shadow: 0px 1px 1px #333;}
#nav .login button{ background: #3B5F8B; border: 1px solid #CCC; color: #FFF; cursor: pointer; font: bold 16px/16px Helvetica, Arial; margin-left: 5px; padding: 0px; text-shadow: 0px 1px 1px #666; width: 40px; height: 27px; vertical-align: middle}


/* MIDDLE */
#middle{ background: url(../images/bgCont.png); margin: 0 auto 20px; padding: 40px; width: 880px;}
#middle p{ margin: 10px; width: auto;}
#middle a.more{ border-bottom: 1px solid #3B5F8B; float: right; font-weight: bold; line-height: 120%; text-decoration: none; width: 94px;}
#middle a.more:hover{ border-bottom: 1px solid #AAA; color: #FFF; text-decoration: none;}
#middle a.more span{ background: #3B5F8B url(../images/sprite.png) no-repeat -953px -305px; display: block; float: right; margin-left: 10px; text-align: center; text-indent: -9999px; width: 15px; height: 15px;}
#middle a.more:hover span{background: #AAA url(../images/sprite.png) no-repeat -953px -305px;}
#middle .mainContent ul{ margin: 10px 0;}
#middle .mainContent ul li{ background: url(../images/sprite.png) no-repeat -954px -281px; margin: 2px 10px; padding-left: 17px;}
#middle .mainContent ul li a{ text-decoration: none;}
#middle .mainContent ul li a:hover{ text-decoration: underline;}


/* FOOTER */
#footer{ background: url(../images/bgCont.png); margin: 0 auto 30px; padding: 20px 40px; width: 880px;}
#footer p{ font-size: 12px;}
#footer .phone{ color: #FFF; border-right: 2px solid #3B5F8B; float: left; font: normal 24px/36px Times, 'Times New Roman', serif;; letter-spacing: 4px; margin: 0 20px 0 0; padding: 0 20px; text-align: left; text-transform: uppercase; text-shadow: 0px 1px 1px #000;}
#footer .address{ float: left;}
#footer .visual7{ color: #AAA; margin-right: 10px; text-align: right;}
#footer .visual7 a{ text-decoration: none;}
#footer .visual7 a:hover{ color: #FFF; text-decoration: underline;}  


/* SIDEBAR */

/* ENTRAR */
.entrar .cont p{ text-align: center; width: 100%;}
.entrar .cont p img{ display: block; margin: 40px auto;}
.entrar .cont p a{ background: url(../images/bgCont.png); color: #FFF; display: block;font: normal 20px/100% Times, 'Times New Roman', serif; letter-spacing: 4px; margin: 30px auto; padding: 14px 30px 10px; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0px 1px 1px #000; width: 342px;}
.entrar .cont p a span { font-size: 26px;}
.entrar .cont p a:hover{ text-decoration: underline;}


/* HOME */
.home #middle .mainContent{ float: left; margin-right: 40px; width: 490px;}
.home #middle .sideContent{ float: left; width: 350px;}
.home #middle .sideContent ul{ margin: 10px 0;}
.home #middle .sideContent ul li{ background: url(../images/sprite.png) no-repeat -954px -281px; margin: 2px 10px; padding-left: 17px;}
.home #middle .sideContent ul li a{ text-decoration: none;}
.home #middle .sideContent ul li a:hover{ text-decoration: underline;}



/* CONTATO */
.contato #middle .mainContent{ }
.contato #middle .sideContent{ border-left: 3px solid #3B5F8B; float: right; margin: 30px 0 0 20px; padding-left: 10px; width: 300px;}
.contato #middle form{ margin-top: 30px}
.contato #middle form label{ color: #FFF; float: left; font: normal 18px/100% Helvetica, Arial; margin: 0 20px 20px 0; text-align: right; width: 170px; }
.contato #middle form span{ color: #CCC; display: block; font: normal 12px/100% Helvetica, Arial;}
.contato #middle form input,
.contato #middle form textarea{ border: 1px solid #CCC; color: #666; font: normal 16px Helvetica, Arial; padding: 5px; margin: 0px 0 15px; width: 320px}
.contato #middle form .submit{ background: #EEE; color: #3B5F8B; cursor: pointer; font-weight: bold; margin-left: 190px; width: 330px;}
.contato #middle form .submit:hover{ background: #3B5F8B; color: #FFF}
.contato #middle form input:focus,
.contato #middle form textarea:focus{ border: 1px solid #3B5F8B; color: #3B5F8B;}


/* CONTATO */
.contato  .mainContent{ }
.contato  .sideContent{ border-left: 3px solid #3B5F8B; float: right; margin: 30px 0 0 20px; padding-left: 10px; width: 300px;}
.contato  form{ margin-top: 30px}
.contato  form label{ color: #FFF; float: left; font: normal 18px/100% Helvetica, Arial; margin: 0 20px 20px 0; text-align: right; width: 170px; }
.contato  form span{ color: #CCC; display: block; font: normal 12px/100% Helvetica, Arial;}
.contato  form input,
.contato  form textarea{ border: 1px solid #CCC; color: #666; font: normal 16px Helvetica, Arial; padding: 5px; margin: 0px 0 15px; width: 320px}
.contato  form .submit{ background: #EEE; color: #3B5F8B; cursor: pointer; font-weight: bold; margin-left: 190px; width: 330px;}
.contato  form .submit:hover{ background: #3B5F8B; color: #FFF}
.contato  form input:focus,
.contato  form textarea:focus{ border: 1px solid #3B5F8B; color: #3B5F8B;}