* { font-family: 'Droid Sans', arial, serif; }
body { font-size: 10pt; background-image: url('images/bgSite.jpg'); background-repeat: repeat-x; margin: 0px; line-height: 18px; color: #5d5d5f; }
a { color: #cc0000; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0px; }
h1, h2, h3, h4, h5 { font-weight: normal; }

#player { float: left; margin-right: 10px; }
.yt_holder { background: #f3f3f3; padding: 10px; float: left; border: 1px solid #e3e3e3; margin-bottom: 15px; width: 98%; }
.yt_holder ul { float: left; margin: 0; padding: 0; width: 280px; height: 340px; overflow: auto; }
.yt_holder ul li { list-style-type: none; display: block; background: #f1f1f1; float: left; width: 270px; margin-bottom: 5px; padding: 2px; }
.yt_holder ul li img { width: 105px; float: left; margin-right: 5px; border: 1px solid #999; }
.yt_holder ul li a { text-decoration: none; display: block; color: #000; font-size: 0.8em; line-height: 12px; }
.yt_holder .currentvideo { background: #e6e6e6; }

.erro { margin: 5px auto 5px auto; color: white; text-align: center !important; width: 97%; background-color: #CC0000; font-weight: bolder; padding: 5px; }
.sucesso { margin: 5px auto 5px auto; color: #FFFFFF; text-align: center !important; background-color: #336600; font-weight: bolder; padding: 5px; width: 97%; }
.atencao { margin: 5px auto 5px auto; color: #000000; text-align: center !important; background-color: #FFCC00; font-weight: bolder; padding: 5px; width: 97%; }
.p { text-align: justify; padding-bottom: 15px; text-indent: 20px; }

.area { width: 1020px; margin: auto; }
.area .header { padding: 0px 30px 0px 30px; width: 960px; height: 105px; overflow: hidden; float: left; }
.area .header .esq { width: 280px; height: 105px; float: left; }
.area .header .dir { background-position: right top; padding-top: 25px; padding-right: 30px; width: 650px; height: 80px; text-align: right; float: left; background-image: url('images/redes.png'); background-repeat: no-repeat; }

.area .nav { padding: 0px 30px 0px 30px; width: 960px; height: 43px; float: left; }
.area .nav ul { list-style: none; }

.area .section { width: 1020px; height: auto; z-index: 99; background-image: url('images/bgSection.jpg'); background-repeat: repeat-y; float: left; }

.area .section .nava .out { padding: 5px 30px 10px 30px;}
.area .section .nava .item { width: 440px; float:left;}

.area .section .nava { padding: 15px 10px 15px 10px; background-image: url('images/bgArea.jpg'); background-repeat: repeat-x; width: 940px; margin: 0px 30px 0px 30px; overflow: hidden; }
.area .section .nava .produtos { width: 940px; height: 290px;  float: left; }
.area .section .nava .video { padding: 10px; width: 380px; height: 201px; float: left; background-color: #a9a8a8; margin-right: 20px; }
.area .section .nava .video img {  width: 380px; height: 170px; }
.area .section .nava .video .titulo { color: #FFFFFF; }
.area .section .nava .clientes { border: 1px solid #e4e4e4; padding: 10px; width: 498px; height: 199px; float: left; }

.area .section .nava .produto { padding: 10px; overflow: hidden;  }
.area .section .nava .produto .detalhe { width: 100%; display: inline-block; }
.area .section .nava .produto h1 { color: #CC0000; }
.area .section .nava .produto img { float: left; margin-right: 10px; }
.area .section .nava .produto h2 { background-color: #f3f3f3; padding: 10px; font-weight: bold; }
.area .section .nava .produto .mais-produto { width: 430px; float: left; margin-right: 15px;margin-top: 15px; display: inline-block; height: 180px; text-align: justify; }
.area .section .nava .produto .mais-produto h1 { font-size: 11pt; }
.area .section .nava .produto .mais-produto img { width: 200px; }
.area .section .nava .produto .mais-produto .imagem { width: 200px;height: 100%;float: left; }

.area .section .nava .produto-list { width: 420px; float: left;margin-top: 15px; margin-right: 30px; display: inline-block; text-align: justify;overflow: hidden; }
.area .section .nava .produto-list h1 { font-size: 12pt; }
.area .section .nava .produto-list img { width: 200px;float: left; }

.area .footer { width: 1020px; padding-top: 15px; height: 105px; color: #FFFFFF; background-color: #292929; float: left;background-image: url('images/bgFooter.jpg'); background-repeat: repeat-y; }
.area .footer .d { margin: 0px 10px 0px 10px; width: 960px; margin: auto; overflow: hidden; }
.area .footer .d .copy { width: 450px; float: left; padding-left: 20px;}
.area .footer .d .idev { width: 450px; float: right; padding-right: 20px; text-align: right;}

fieldset { border: none; padding: 19px; margin: 0 0 20px 0; width: 960px; }
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; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; font-size: 8pt; }
.field-validation-valid { display: none; font-size: 8pt; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-errors ul { margin: auto; }
.validation-summary-errors ul li { list-style: none; }
.validation-summary-valid { display: none; }

#s3slider { width: 576px; height: 264px; position: relative; overflow: hidden; margin-top: 13px;  }
#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: 576px; position: absolute; top: 0; }
#s3slider #s3sliderContent .s3sliderImage { float: left; position: relative; display: none;  }
#s3slider #s3sliderContent .s3sliderImage img { width: 576px; height: 264px;  }
#s3slider #s3sliderContent .s3sliderImage span { height: 30px; color: #FFFFFF; text-align: left; text-indent: 10px; position: absolute; left: 0; padding: 5px 0px 5px 0px; width: 576px; background-color: #000; filter: alpha(opacity=80); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.8; color: #FFFFFF; display: none;  bottom: 0; }
#s3slider #s3sliderContent .clear { clear: both; }

/* Pager */
.pagination { float: left; width: 98%; padding: 5px; margin-top: 10px; background-color: #f2f3f4;overflow: hidden; }
.pagination .paginationLeft { float: left; }
.pagination .paginationRight { float: right; }