* { font-family: 'Droid Serif', arial, serif; margin: 0px;}
body { padding: 0px; margin: 0px; font-size: 9pt; background-image: url('images/bg-site.jpg'); background-repeat: repeat-x; }
img { border: 0px; }
p { margin-bottom: 15px; line-height: 18px; text-indent: 30px; }

.field-validation-error { color: #ff0000; }

.header { width: 960px; height: 155px; margin: auto; padding: 0px 30px 0px 30px; overflow: hidden; }
.header .logo { width: 370px; float: left; }
.header .telefone { width: 470px; float: right; }
.section { width: 960px; height: auto; margin: auto; padding: 0px 30px 0px 30px; background-image: url('images/bg-area.jpg'); background-repeat: repeat-x; overflow: hidden; background-color: #FFFFFF; }
.section .area { width: 960px; height: auto;  overflow: hidden; }

.section .area .a1 { width: 960px; height: 342px; overflow: hidden; margin-top: 26px; }
.section .area .a1 .banner { margin: 0px 10px 0px 10px; width: 520px; height: 342px; float: left; background-image: url('images/bg-banner.jpg'); background-repeat: no-repeat; }
.section .area .a1 .vantagens { margin: 0px 10px 0px 10px; width: 400px; height: 342px; float: left;  }

.section .area .a2 { width: 940px; height: 196px; margin: 21px 10px 22px 10px; overflow: hidden; background-color: #f7f8f9; }
.section .area .a2 .aplicacao { float: left; }
.section .area .a2 .apl { float: left; width: 190px; }
.section .area .a2 .apl h1 { font-size: 24pt; margin: 15px 0px 10px 0px; }
.section .area .a2 .apl div { text-align: left; padding: 10px; line-height: 20px; }
.section .area .a2 .exemplos { float: left; width: 500px; }
.section .area .a2 .exemplos h3 { font-size: 9pt; margin: 25px 0px 20px 0px; text-indent: 10px; }
.section .area .a2 .exemplos ul { float: left; margin-right: 20px; margin-left: 20px; }
.section .area .a2 .exemplos ul li { margin-bottom: 5px; }

.section .out { padding: 40px 30px 40px 30px; overflow: hidden; }
.section .out h1 { padding: 20px 0px 20px 0px; }

.section .fotos { margin-left: 50px; padding-bottom: 40px; }
.section .fotos li { float: left; margin-right: 15px; margin-bottom: 10px;}

.section .area .a3 { width: 940px; height: auto; margin: 21px 10px 22px 10px; overflow: hidden; }

.section .portfolio { width: 100%; }
.section .portfolio li { width: 400px; margin-left: 50px; float: left; height: 230px; margin-top: 30px; }
.section .portfolio li img { width: 300px;  }
.section .portfolio li span { width: 300px; display: inline-block; margin-top: 10px; text-align: center; }
.section .portfolio li span a { text-decoration: none; color: #41036E; }


.footer { width: 100%; height: 122px; background-image: url('images/bg-rodape.jpg'); background-repeat: repeat-x; }
.footer .area { width: 960px; height: 155px; margin: auto; padding: 0px 30px 0px 30px;}
.footer .area .copy { width: 600px; padding: 25px 0px 0px 15px; float: left; }
.footer .area .idev { width: 300px; padding: 25px 15px 0px 0px; float: left; text-align: right; }
.footer p { text-indent: 0px;}

fieldset { border: none; padding: 19px; margin: 0 0 20px 0; width: 90%; }
fieldset .left { width: 50%; float: left; margin: 0 0 10px 0 !important;}
fieldset .right { width: 50%; float: right; margin: 0 0 10px 0 !important;}
fieldset .m { width: 50%; float: left; }
fieldset .mm { width: 35%; float: left; }
fieldset.update { background-color: #FFFFCC; }
fieldset p { margin: 0 0 10px 0 !important; float: left; width: 100%; text-indent: 0px !important;  }
fieldset p label { padding: 5px 0px 7px 0px; display: block; width: 100%; line-height: 12px; }
fieldset input, textarea, select { border: 1px solid #ddd; background: #fff url(/Content/images/input-shaddow.gif) no-repeat left top; padding: 5px 7px; float: left; color: #666666; margin-right: 10px; }
fieldset input:focus, textarea:focus, select:focus { background: #ffffe4 url(/Content/images/input-shaddow-hover.gif) no-repeat left top; }
fieldset input[type=submit] { background-color: #666666; padding: 5px 15px 5px 15px; background-image: none; background-repeat: no-repeat; color: #FFFFFF; cursor: pointer; }
fieldset input[type=submit]:hover { background-color: #808080; }

#s3slider { width: 500px; height: 293px; position: relative; overflow: hidden; margin-top: 48px; margin-left: 9px;  }
#s3slider a { text-decoration: none; color: #FFFFFF; font-weight: bold; }
#s3slider a:hover { text-decoration: underline; }
#s3sliderContent { margin: 0px; padding: 0px 0px 5px 0px; width: 500px; position: absolute; top: 0; }
#s3slider #s3sliderContent .s3sliderImage { float: left; position: relative; display: none;  }
#s3slider #s3sliderContent .s3sliderImage img { width: 500px; height: 283px;  }
#s3slider #s3sliderContent .s3sliderImage span { height: 30px; color: #FFFFFF; text-align: left; text-indent: 10px; position: absolute; left: 0; padding: 5px 0px 5px 0px; width: 500px; background-color: #000; filter: alpha(opacity=80); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.8; color: #FFFFFF; bottom: 0; }
#s3slider #s3sliderContent .clear { clear: both; }

.pagination { float: left; width: 95%; padding: 10px; background-color: #CCCCCC; }
.pagination .paginationLeft { float: left; }
.pagination .paginationRight { float: right; }

/*///////// ALERTAS DO SISTEMA - ERROS, SUCESSO E ATENÇÃO */
.erro { margin: 5px auto 5px auto; color: white; text-align: center !important; width: 97%; background-color: #CC0000; font-weight: bolder; padding: 10px; }
.sucesso { margin: 5px auto 5px auto; color: #FFFFFF; text-align: center !important; background-color: #336600; font-weight: bolder; padding: 10px; width: 97%; }
.atencao { margin: 5px auto 5px auto; color: #000000; text-align: center !important; background-color: #FFCC00; font-weight: bolder; padding: 10px; width: 97%; }
/*/////////////////////////////////////////////////////////////////////// FIM DA PAGINAÇÃO */

ul li, ol li { margin-bottom: 5px;}