/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: #fff url(../images/bg.jpg) top repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#7f7f7f; }
.main { position:relative; margin:0 auto; width:984px; }

/* HEADER
----------------------------------------------------------------------------- */
.header {}

.header .welcome {width:924px; height:21px; padding:5px 30px 0; background:url(../images/header_welcome.jpg) no-repeat;}
.header .welcome h3 {font-size:12px; color:#bfe7ff; font-weight:normal; float:left;}
.header .welcome h3 strong {color:#FFF;}
.header .welcome p {width:80px; padding:0 0 0 20px; text-align:right; float:right; color:#FFF; font-weight:bold;}
.header .welcome span {text-align:right; float:right; color:#bfe7ff; font-weight:bold; display:block;}

/* header menu
.................................. */
.header ul {position:relative; width:694px; height:110px; float:left; background:url(../images/header_bg.jpg) no-repeat;}
.header ul li {display:inline;}
.header ul a {cursor:pointer; position:absolute; bottom:0; height:41px; background-image:url(../images/header_menu.jpg);}
.header ul a strong {display:none;}

.header ul li.item1 a{left:0; width:114px; background-position:0 0;}
.header ul li.item1 a:hover,
.header ul li.item1 .over {background-position:0 -41px;}

.header ul li.item2 a{left:114px; width:126px; background-position:-114px 0;}
.header ul li.item2 a:hover,
.header ul li.item2 .over {background-position:-114px -41px;}

.header ul li.item3 a{left:240px; width:169px; background-position:-240px 0;}
.header ul li.item3 a:hover,
.header ul li.item3 .over {background-position:-240px -41px;}

.header ul li.item4 a{left:409px; width:165px; background-position:-409px 0;}
.header ul li.item4 a:hover,
.header ul li.item4 .over {background-position:-409px -41px;}

.header ul li.item5 a{left:574px; width:98px; background-position:-574px 0;}
.header ul li.item5 a:hover,
.header ul li.item5 .over {background-position:-574px -41px;}


/* CONTENT
----------------------------------------------------------------------------- */
.content {width:984px; background:url(../images/content_bg.jpg) repeat-y;}

.content .color1 {background:#00e8cb;}
.content .color2 {background:#1f8cca;}
.content .color3 {background:#aad142;}
.content .color4 {background:#555176;}
.content .color5 {background:#bb0d3c;}
.content .color6 {background:#fed401;}
.content .color7 {background:#54c5cf;}
.content .color8 {background:#f58121;}
.content .color9 {background:#eb008b;}
.content .color10 {background:#91c5ea;}

/* left col
.................................. */
.content .col_left {width:251px; padding:0 17px 0 22px; float:left; background:url(../images/content_leftbg.jpg) top no-repeat;}

.content .col_left .busca {height:62px; position:relative;}
.content .col_left .busca input {width:191px; height:18px; border:1px solid #004a8e; padding:0 0 0 2px; position:absolute; left:12px; top:22px;}
.content .col_left .busca .ip1 {font-size:12px; color:#999;}
.content .col_left .busca .ip2 {font-size:12px; color:#333;}
.content .col_left .busca a {width:35px; height:37px; position:absolute; top:13px; right:4px; background:url(../images/content_buscabt.gif) no-repeat; filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;}
.content .col_left .busca a:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.content .col_left .busca span {display:none;}

.content .col_left ul {}
.content .col_left li {background:url(../images/content_menufoo.jpg) bottom no-repeat; padding:0 0 16px 10px;}
.content .col_left li a {padding:0 0 0 10px; color:#296da4;}
.content .col_left li a:hover { font-weight:bold;}
.content .col_left li.over {font-weight:bold;}
.content .col_left li span {width:26px; height:14px; display:block; float:left;}


/* left col
.................................. */
.content .col_right {width:672px; padding:0; float:left; background:url(../images/content_bgfoo.jpg) bottom left no-repeat; min-height:480px;}

.col_right .title { padding:12px; border-bottom:1px solid #dbdbdb; background:url(../images/content_bgtop.jpg) top right no-repeat;}
.col_right .title h2 {font-size:24px; font-weight:bold; line-height:1em; border-left:8px solid #1f8cca; padding:0 12px;}
.col_right .title h2 span {color:#296da4;}
.col_right .title p {border-left:8px solid #1f8cca; padding:8px 12px 0;}

.col_right .txt { padding:12px;}
.col_right .txt img{padding:0 0 12px 12px;}
.col_right .txt p {padding:0 0 10px;}
.col_right .txt ul {padding:0 12px 12px 0;}
.col_right .txt span {display:block; width:6px; height:6px; float:left; margin:5px 12px 0 0; _margin:0;}
.col_right .txt li {padding:0 0 10px;}
.col_right .txt li h4 {font-size:14px; line-height:normal; font-weight:bold;}
.col_right .txt li p {padding:6px 0 6px 20px;}
.col_right .txt a {color:#808080; text-decoration:underline;}
.col_right .txt a:hover {color:#296da4;}

/* produtos, onde encontrtar
.................................. */
.products1 {margin:12px 0;}
.products1 ul {width:310px; float:left; padding:0 12px 12px 12px;}
.products1 span {display:block; width:6px; height:6px; height:6px; float:left; margin:5px 12px 0 0; _margin:0;}
.products1 li a {color:#808080;}
.products1 li a:hover { font-weight:bold; color:#296da4;}
.products1 li.over {font-weight:bold; color:#296da4;}
.products1 ul.border {border-right:1px solid #d9d9d9;}

.products2 {margin:12px 0; }
.products2 ul {padding:0 12px 12px 12px;}
.products2 li {width:140px; float:left; padding:0 22px 12px 0; background:url(../images/products_outline.gif) top left no-repeat; height:200px; }
.products2 li h4 {font-size:12px;}
.products2 li img {padding:5px;}
.products2 li a {color:#808080;}
.products2 li a:hover img {padding:0; border:5px solid #dddddd;}
.products2 li a:hover {color:#296da4;}

.products2 .nav {padding:5px 34px 12px 0; border-top:1px solid #CCC; text-align:center;}
.products2 .nav a{color:#666; padding:0 4px; font-weight:bold;}

.contact2 .nav_bar,
.info .nav_bar,
.products2 .nav_bar,
.txt .nav_bar {background:#f4f4f4; padding:5px; margin:0 12px 12px;}
.contact2 .nav_bar a,
.info .nav_bar a,
.products2 .nav_bar a,
.txt .nav_bar a {color:#808080; font-weight:bold; text-decoration:none;}
.contact2 .nav_bar a:hover,
.info .nav_bar a:hover,
.products2 .nav_bar a:hover
.txt .nav_bar a:hover {color:#296DA4;}
.contact2 .nav_bar span,
.info .nav_bar span,
.products2 .nav_bar span,
.txt .nav_bar span {font-size:16px; display:inline; float:left; margin: 0; padding: 0 6px 0 0; }

.info {padding:12px 0 12px 12px}
.info .img {width:436px; background:#f2f2f2; float:left;}
.info .img img {border:1px solid #dddddd;}
.info ul.detail {width:200px; padding:0 10px 0 0; float:right;}
.info ul.detail li {padding:0 0 12px;}
.info ul.detail li strong { color:#666}
.info ul.detail li img {border:1px solid #ccc;}

.contact3 {padding:12px; border-top:1px solid #ccc; margin:10px 0 0 0;}
.contact3 ul.section {float:left; width:214px;}

.contact3 li {padding:3px 12px;}
.contact3 li.top1 {padding:0; background:url(../images/contact_top1.gif) no-repeat; height:12px;}
.contact3 li.top2 {padding:0; background:url(../images/contact_top2.gif) no-repeat; height:12px;}
.contact3 li.bottom1 {padding:0; background:url(../images/contact_bottom1.gif) no-repeat; height:12px;}
.contact3 li.bottom2 {padding:0; background:url(../images/contact_bottom2.gif) no-repeat; height:12px;}

.contact3 h3 {font-size:16px; font-weight:bold; line-height:normal; color:#296DA4; padding:0 0 10px;}

.contact3 ul.form {width:320px; float:left;}
.contact3 ul.form li { height:42px; padding:0;}
.contact3 ul.form label {display:block;}
.contact3 ul.form .ip {width:300px; border:1px solid #CCC; padding:2px;}
.contact3 ul.form .ip2 {width:96px; !width:90px; border:1px solid #CCC; padding:2px;}
.contact3 ul.form .bt {width: 100px; height: 25px; margin: 0 10px 0 0; float:right; border:1px solid #CCC; padding:2px; cursor:pointer;}
.contact3 ul.form em {font-size:10px; color:#666;}


/* fale conosco 1 and 2
.................................. */
.contact1 ul {padding:12px; width:690px;}
.contact1 ul li {float:left; padding:0 12px 12px 0;}
.contact1 ul a {display:block; cursor:pointer; width:318px; height:83px; background-image:url(../images/contact_bts.jpg);}
.contact1 ul a span {display:none;}

.contact1 ul li.item1 a{background-position:0 0;}
.contact1 ul li.item1 a:hover{background-position:318px 0;}
.contact1 ul li.item2 a{background-position:0 83px;}
.contact1 ul li.item2 a:hover{background-position:318px 83px;}
.contact1 ul li.item3 a{background-position:0 166px;}
.contact1 ul li.item3 a:hover{background-position:318px 166px;}
.contact1 ul li.item4 a{background-position:0 249px;}
.contact1 ul li.item4 a:hover{background-position:318px 249px;}

.contact2 {padding:12px;}
.contact2 ul.section {float:left; width:214px;}
.contact2 ul.form {float:right; width:420px;}

.contact2 ul.form .bt { float: left; width: 100px; height: 25px; margin: 0 10px 0 0;}

.contact2 li {padding:3px 12px;}
.contact2 li.top1 {padding:0; background:url(../images/contact_top1.gif) no-repeat; height:12px;}
.contact2 li.top2 {padding:0; background:url(../images/contact_top2.gif) no-repeat; height:12px;}
.contact2 li.bottom1 {padding:0; background:url(../images/contact_bottom1.gif) no-repeat; height:12px;}
.contact2 li.bottom2 {padding:0; background:url(../images/contact_bottom2.gif) no-repeat; height:12px;}

.contact2 ul.form label {display:block; font-weight:bold; padding:0 0 3px;}
.contact2 ul.form input {width:100%; height:20px; border:1px solid #CCC; padding:2px;}
.contact2 ul.form textarea {width:100%; _width:395px; height:120px; border:1px solid #CCC; padding:2px;}


/* FOOTER
----------------------------------------------------------------------------- */
.footer {width:924px; height:21px; padding:5px 30px 30px; background:url(../images/footer_bar.jpg) no-repeat; font-size:11px}
.footer a {color:#666; text-decoration:none;}
.footer a:hover {text-decoration:underline;}