/*//////////// esquema de cores
Azul link #1B81AB;
Cinza bordas #EBEBEB;
Cinza claro #F7F7F7;
Cinza escuro #DCDCDC;
Cinza span #6D6F71;
Laranja h2 box #FF973F;
/////////////*/

/* reset */
* { margin:0; padding:0; }
a { color:#852; text-decoration:none; outline:0; }
ul { list-style:none; }
table { border-collapse:collapse; }
img { border:0; }

/*   clearfix   */
#content:after, #content #main:after, #header #nav_top:after, #footer:after, #content #main #grupo:after, #prod-doc:after,
#video-list:after, #parceiros:after, #form-edit .campo:after
{ content:"."; display:block; clear:both; height:0; visibility:hidden; }

/* geral */
body { font:76%/1.4em Arial, Sans-Serif; color:#666;  }
#container { width:800px; margin:0 auto; padding:1em 0 2em 0; }
#header { height:170px; position:relative; background:#efefef url(../img/layout/bg_header.jpg) no-repeat; }
#content { padding:0 0 4em 0; }
#footer { clear:both; line-height:20px; height:20px; padding:7px 0; border:1px solid #EBEBEB; position:relative; }
p { margin:0 20px 1em 0; }
#content #main p sup { font-size:1px; }
#content #main p img { display:inline; vertical-align:top; margin:2px 5px 0 0; }

/* ---- header ---- */
#header #nav_top { margin:0 0 1em 0; position:absolute; right:195px; text-transform:uppercase; }
#header #nav_top li { line-height:30px; float:left; background:url(../img/layout/pipe.gif) no-repeat center left;  }
#header #nav_top li.none { background:none; }

#header #nav_top li a { font-size:.8em; font-weight:bold; color:#0A616A; display:block; margin:0 8px; }
#header #nav_top li a:link, #header #nav_top li a:visited { text-decoration:none; }
#header #nav_top li a:hover, #header #nav_top li a:active { text-decoration:underline; }

#header #buscar { position:absolute; right:5px; line-height:26px; padding:2px; }
#header #buscar input { vertical-align:middle; }
#header #buscar input.btn {padding:0;}
#header #buscar label {display:none;}

#header h1 { width:255px; height:99px; position:absolute; top:41px; left:1px; text-indent:-99999px;}
#header h1 a { width:255px; height:99px; position:absolute; top:0; left:0; text-indent:-99999px; }
#header h2	{ width:424px; height:99px; position:absolute; top:41px; right:1px; text-indent:-99999px; }

#header #nav_main { position:absolute; bottom:0; left:144px; }
#header #nav_main li { float:left; }
#header #nav_main li a,#header #nav_main li strong { font-weight:bold; margin:0 12px; font-size:1em; line-height:30px; text-transform:uppercase; }
#header #nav_main li a:link, #header #nav_main li a:visited { color:#fff; }
#header #nav_main li a:hover, #header #nav_main li a:active, #header #nav_main li strong { color:#EADF00; }

/* ----- breadcrumb ----- */
#content #breadcrumb { padding:15px 0 0 .5em; height:50px; }
#content #breadcrumb li { font-size:.9em; float:left; color:#000; }
#content #breadcrumb li a { text-decoration:underline; margin:0 8px 0 0; padding:0 5px 0 0;  background:url(../img/layout/breadcrumb.gif) no-repeat right 4px; }
#content #breadcrumb li a:link, #content #breadcrumb li a:visited { color:#999; }
#content #breadcrumb li a:hover, #content #breadcrumb li a:active { color:#0A616A; }

/* ----- home ----- */

#content #flash { margin:1em 0 1.5em 0; }

#content #col-left h2 { font-size:1em; font-weight:normal; color:#0A616A; padding:.5em 1em; background:url(../img/layout/bg_tit_box.jpg) no-repeat; }

#content #col-left #marcas-links { width:178px; height:220px; border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; background:url(../img/layout/marcas-distribuidas.jpg) no-repeat center center;  position:relative;}
#content #col-left #marcas-links .microaire { width:86px; height:27px; position:absolute; top:95px; left:6px; display:block;}
#content #col-left #marcas-links .biotech { width:74px; height:23px; position:absolute; top:95px; left:96px; display:block;}
#content #col-left #marcas-links .sebbin { width:80px; height:40px; position:absolute; top:20px; left:10px; display:block;}
#content #col-left #marcas-links .coapt { width:45px; height:68px; position:absolute; top:17px; left:115px; display:block;}
#content #col-left #marcas-links .icoone { width:66px; height:21px; position:absolute; top:140px; left:105px; display:block;}
#content #col-left #marcas-links .genesis { width:76px; height:34px; position:absolute; top:137px; left:9px; display:block;}
#content #col-left #marcas-links .mobilizer { width:85px; height:12px; position:absolute; top:192px; left:9px; display:block;}

#content #main #main-left, #content #main #main-right { width:190px; }
#content #main #main-left img, #content #main #main-right img { margin:0 0 1em 0; border:1px solid #EBEBEB; display:block; }
#content #main #main-left h2, #content #main #main-right h2 { margin:0 0 .5em 0;  }
#content #main #main-left { float:left; }
#content #main #main-right { float:right; margin:0 20px 0 0; display:inline; }

#content #main ul.mainList { margin:0 0 2em 0;}
#content #main ul.mainList li { padding:0 0 0 10px; background:url(../img/layout/bullet-list.gif) no-repeat 0 6px;}


#content #col-right .box { padding:1em; background:#EBEBEB; }


/* ----- content col left ----- */
#content #col-left, #content #col-right { width:180px; }

#content #col-left { float:left; }

#content #col-left #side-menu-empresa li { border-bottom:1px solid #EBEBEB; }
#content #col-left #side-menu-empresa li a, #content #col-left #side-menu-empresa li strong { font-weight:normal; padding:.5em 1em; display:block; }
#content #col-left #side-menu-empresa li a:link, #content #col-left #side-menu-empresa li a:visited { color:#666; }
#content #col-left #side-menu-empresa li a:hover, #content #col-left #side-menu-empresa li a:active, #content #col-left #side-menu-empresa li strong { color:#0A616A; }

#content #col-left #side-menu-prod { border-bottom:1px solid #EBEBEB;}

#content #col-left #side-menu-prod dt { padding:.3em .5em; border-top:1px solid #EBEBEB; }
#content #col-left #side-menu-prod dt a:link, #content #col-left #side-menu-prod dt a:visited { color:#0A616A; }
#content #col-left #side-menu-prod dt a:hover, #content #col-left #side-menu-prod dt a:active { color:#666; }

#content #col-left #side-menu-prod dd ul { padding:.5em 0; border-top:1px solid #EBEBEB;}
#content #col-left #side-menu-prod dd ul li { margin:0 .5em; padding:0 0 0 10px; background:url(../img/layout/seta-produtos.gif) no-repeat left 6px; }
#content #col-left #side-menu-prod dd ul li a:link, #content #col-left #side-menu-prod dd ul li a:visited { color:#666; }
#content #col-left #side-menu-prod dd ul li a:hover, #content #col-left #side-menu-prod dd u li a:active, a:hover, #content #col-left #side-menu-prod dd ul li strong { font-weight:normal; color:#0A616A; }

/* ----- content col right ----- */

#content #col-right { float:right; position:relative; }

#content #col-right #cadastro { border-bottom:5px solid #DCDCDC; margin:0 0 1em 0; }
#content #col-right #cadastro h2 { font-size:1.2em; color:#000;  padding:.5em 1em; border-top:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; background:#F7F7F7; }
#content #col-right #cadastro p { margin:0; padding:.5em 1em; display:block; }
#content #col-right #cadastro p a.seta { padding:0 12px 0 0; background:url(../img/layout/seta-link.gif) no-repeat right 4px; }
#content #col-right #cadastro p a:link, #content #col-right #cadastro p a:visited { color:#0A616A; }
#content #col-right #cadastro p a:hover, #content #col-right #cadastro p a:active { color:#C2D60B; }
#content #col-right #cadastro ul { padding:.5em 1em; }
#content #col-right #cadastro ul li a, #content #col-right #cadastro ul li strong { font-weight:normal; padding:0 10px 0 0; background:url(../img/layout/seta-link.gif) no-repeat right 4px; }
#content #col-right #cadastro ul li a:link, #content #col-right #cadastro ul li a:visited { color:#0A616A; }
#content #col-right #cadastro ul li a:hover, #content #col-right #cadastro ul li a:active, #content #col-right #cadastro ul li strong { color:#C2D60B; }

#content #col-right #referencias { position:absolute; border-left:1px solid #EBEBEB; border-right:1px solid #EBEBEB; border-bottom:1px solid #EBEBEB; }
#content #col-right #referencias.full { top:260px;}
#content #col-right #referencias.mid { top:190px;}
#content #col-right #referencias h3 { font-size:1em; color:#fff; margin:0 0 1em 0; padding:.5em 1em; background:#FF973F; }
#content #col-right #referencias p { margin:1em; }
#content #col-right #referencias .list { margin:0 1em; }
#content #col-right #referencias .list li { font-size:.9em; padding:0 0 1em 15px; background:url(../img/layout/bullet-list.gif) no-repeat 0 6px; }
#content #col-right #referencias .list li strong { font-size:1.1em; color:#000; display:block; }
#content #col-right #referencias .list li a:link, #content #col-right #referencias .list li a:visited { color:#1B81AB; }
#content #col-right #referencias .list li a:hover, #content #col-right #referencias .list li a:active { color:#C2D60B; }

/* ----- main ----- */
#content #main p.orc { padding:.3em .5em; border:1px solid #1B81AB; color:#000; background:#F7F7F7; }

#content #main a:link, #content #main a:visited { color:#0A616A; }
#content #main a:hover,#content #main a:active { color:#C2D60B}

#content #main { width:420px; margin:0 0 0 200px; }
#content #main h2 { color:#0A616A; font-weight:normal; margin:0 10px 1em 0; line-height:1.1em }
#content #main h2 span { font-size:.7em; }
#content #main h3, #content #main h4,#content #main h5 { color:#000; font-weight:normal; margin:0 0 .5em 0; }
#content #main h4,#content #main h5 { font-size:1em; }

#content #main h3 span { color:#6D6F71; }
#content #main h3 a:link, #content #main h3 a:visited { color:#000; }
#content #main h3 a:hover, #content #main h3 a:active { color:#C2D60B; }


#content #main img {  display:block; }
#content #main #img-box { width:400px; margin:0 0 2em 0; border:1px solid #EBEBEB; }

#content #main #grupo { margin:2em 20px 0 0; }
#content #main #grupo dt { font-size:1.2em; color:#000; }
#content #main #grupo dt.tit { margin:0 0 0 120px; }
#content #main #grupo dd.foto { float:left; margin:-20px 0 0 0; }
#content #main #grupo dd.txt { display:block; margin:0 0 0 120px; }
#content #main #grupo dd.sep { height:1.5em; }

#content #main .marca { margin:0 20px 2em 0; border-bottom:1px solid #EBEBEB; }
#content #main .marca img { float:left; display:block; }
#content #main .marca p, #content #main .marca ul { margin:0 0 1em 120px; }
#content #main .marca ul li { padding:0 0 0 15px; background:url(../img/layout/bullet-list.gif) no-repeat left 7px; }

#content #main #doc { margin:0 20px 0 0; }
#content #main #doc dt { font-size:1.2em; color:#000;  margin:2em 0 0 0; }

#content #main .produto-box { width:120px; float:left; display:inline; margin:0 20px 1em 0; }
#content #main .produto-box h3 { font-size:1.1em; font-weight:normal; padding:.3em .5em; color:#0A616A; background:#C2D60B url(../img/layout/bg-tit-produto.gif) no-repeat; }
#content #main .produto-box dl { margin:1em .5em; }
#content #main .produto-box dl dt { color:#000; margin:1em 0 .5em 0; text-transform:uppercase; }
#content #main .produto-box dl dd { padding:0 0 0 10px; background:url(../img/layout/bullet-list.gif) no-repeat left 6px; }

#content #main hr.sep { clear:left; margin:1em 0; visibility:hidden; }

#content #main #prod-doc { margin:0 0 1em 0; }
#content #main #prod-doc li { width:120px; float:left; margin:0 20px 0 0; display:inline; }
#content #main #prod-doc li img { display:block; margin:0 0 .5em 0; }
#content #main #prod-doc li span { display:block; }

#content #main #prod-doc-no-capa, #content #main #artigos-cientificos { width:400px; margin:0 0 1em 0; }
#content #main #prod-doc-no-capa li, #content #main #artigos-cientificos li { margin:0 0 .5em 0; padding:0 0 0 10px; background:url(../img/layout/bullet-list.gif) no-repeat left 7px; }
#content #main #prod-doc-no-capa li span, #content #main #artigos-cientificos li span { display:block; }

#content #main #video-list { width:400px; margin:0 0 1em 0; }
#content #main #video-list li { margin:0 1em .5em 0; float:left; }
#content #main #video-list li a { padding:0 0 0 25px; background:url(../img/admin/television.gif) no-repeat left center;}

#content #main #solicitacao { margin:-1em 20px 0 0; padding:.5em; text-align:center; background:#EBEBEB; }
#content #main #solicitacao a { text-transform:uppercase; padding:0 12px 0 0; background:url(../img/layout/seta-link-grey.gif) no-repeat right 3px; }

#content #main .prod-categoria { width:400px; }
#content #main .prod-categoria h3 { padding:0 0 .5em 0; border-bottom:1px solid #EBEBEB; }
#content #main .prod-categoria ul { padding:1em 0; }
#content #main .prod-categoria ul li { margin:0 0 1em 0; overflow:auto; }
#content #main .prod-categoria ul li img { float:left; margin:0 10px 0 0; display:block; border:1px solid #ebebeb; }

#content #main .list, #content #main .news ul { margin:0 0 1em 0; }
#content #main .list li, #content #main .news ul li { padding:0 0 0 15px; background:url(../img/layout/bullet-list.gif) no-repeat 0 5px; }

#content #main #list-link { width:400px; padding:0 0 3em 0; }
#content #main #list-link li { padding:0 0 .5em 10px; background:url(../img/layout/bullet-list.gif) no-repeat left 6px; }

#content #main .list-link { width:400px; padding:0 0 1em 0; }
#content #main .list-link li { padding:0 0 0 10px; background:url(../img/layout/bullet-list.gif) no-repeat left 6px; }

#content #main #parceiros { padding:0 0 3em 0; }
#content #main #parceiros li { width:125px; float:left; margin:0 15px 0 0; display:inline; }
#content #main #parceiros li a { padding:0 0 0 10px; background:url(../img/layout/bullet-list.gif) no-repeat left 5px; }

#content #main #parceitos-result { width:400px; margin:1em 0; }
#content #main #parceitos-result dt { color:#000; font-size:1.1em; margin:0 0 .5em 0; }
#content #main #parceitos-result dd, #content #main div#parceiros-result { width:400px; margin:0 0 2em 0; padding:0 0 .5em 0; border-bottom:1px solid #EBEBEB; }

#content #main #form-edit { width:400px; margin:2em 0 1em 0; }
#content #main #form-edit h3 { clear:left; }
#content #main #form-edit .campo { margin:0 0 1em 0; }
#content #main #form-edit .campo label { width:105px; display:block; float:left; }
#content #main #form-edit .campo input, #content #main #form-edit .campo textarea { width:290px; float:left; background:#eee; }
#content #main #form-edit .campo input.check { width:auto; }
#content #main #form-edit hr.line { margin:1em 0; background:#eee; height:1px; border:1px solid #eee; }
#content #main hr.line { width:400px; margin:1em 0; background:#eee; height:1px; border:1px solid #eee; }

#content #main #form-edit .btn { text-align:right; }
#content #main #form-edit .btn input { font-size:1.1em; padding:.2em; background:#eee; }

#content #main .error_message { color:#000; margin:0 0 .5em 0; padding:.5em; background:#C2D60B; border:1px solid #C2D60B; }
#content #main .ok_msg { color:#000; margin:0 0 .5em 0; padding:.5em; background:#C2D60B; border:solid 1px #C2D60B; }

#content #main .cols { width:180px; margin:0 20px 0 0; float:left; display:inline; }
#content #main #mapa dt a { display:block; font-size:1.1em; margin:0 0 .4em 0; padding:.3em .5em; border:1px solid #DCDCDC;}
#content #main #mapa dd { padding:.5em 0; }

#content #main #mapa dt a:link, #content #main #mapa dt a:visited { color:#0A616A;; }
#content #main #mapa dt a:hover, #content #main #mapa dt a:active { color:#C2D60B; }

#content #main #paginacao { margin:0 20px 0 0; padding:.5em 1em; overflow:auto; text-align:center; background:#EBEBEB; }
#content #main #paginacao span { padding:0 5em; }
#content #main #paginacao a.prev { padding:0 0 0 10px;  background:url(../img/layout/seta-link-grey-left.gif) no-repeat left 4px; }
#content #main #paginacao a.next { padding:0 10px 0 0;  background:url(../img/layout/seta-link-grey.gif) no-repeat right 4px; }

/* ----- footer ----- */
#footer span { color:#0A616A; padding:0 5px; font-size:.7em; position:absolute; left:.5em; text-transform:uppercase; font-weight:bold; }
#footer #nav_footer { position:absolute; left:95px; }
#footer #nav_footer li { float:left; padding:0 8px; background:url(../img/layout/pipe.gif) no-repeat; }
#footer #nav_footer li a { font-size:.7em;  color:#0A616A; display:block; text-transform:uppercase; font-weight:bold; }
#footer #nav_footer li a:link, #footer #nav_footer li a:visited { text-decoration:none; }
#footer #nav_footer li a:hover, #footer #nav_footer li a:active { text-decoration:underline; }


