/* CSS Document */
/*body*/
/*a:hover { text-decoration: underline;  }*/

body{ margin:0; background-image:url(../imgs/back.gif); background-repeat:repeat-x; background-position:top; }

/*data*/
.dataDia{font: 10px Arial, Helvetica, sans-serif; text-decoration: none; color: #797676; }
.dataMes{font: 10px Arial, Helvetica, sans-serif; text-decoration: none; color: #3d6ca6; }
.dataAno{font: 10px Arial, Helvetica, sans-serif; text-decoration: none; color: #797676; }

/*bases*/
#main{ width:845px; vertical-align:top; padding-top:10px; margin:0 auto; position:relative; }
#conteudo { width:845px; float:left; padding-top:6px; vertical-align:top;}
#barra-dir-hp { width:201px; float:right; vertical-align:top;}

/*menu*/
#barra { width:840px;}
#data-links { height:20px;}
#menu {text-align:left; padding-top:15px; padding-left:10px;}
#saiba-mais { text-align:right; padding:3px; border-bottom:1px dashed #c1c1c1; border-top:1px dashed #c1c1c1; } 

/*Links*/
.sublink { font:11px Arial, Helvetica, sans-serif; text-decoration: none; color: #797676; }
a.sublink:link {font:11px Arial, Helvetica, sans-serif; text-decoration: none; color: #797676; }
a.sublink:hover {color: #cd0000; text-decoration:underline; }
a.link:link {font:13px Arial, Helvetica, sans-serif; text-decoration: none; color: #3d6ca6; font-weight:bold; background-image:url(../imgs/seta_azul.gif); background-position:left; background-repeat:no-repeat; padding-left:8px; }
a.link:hover {text-decoration:underline; color:#CC3300; background-image:url(../imgs/seta_red.gif); background-position:left; background-repeat:no-repeat; padding-left:8px; }

/*padding*/
.pad-3r {padding-right:3px;}

/*caixas*/
#hp-um { border:1px solid #e1dddd; padding:8px; width:605px; height:170px; }
#texto-um{ padding:5px; text-align:left; border-bottom:1px dashed #c1c1c1; }
#texto-dois{ padding:5px; text-align:left; border-bottom:1px dashed #c1c1c1; }
#texto-hp{ padding:5px; text-align:left; }

/*border*/
#cinco-branco { border:5px solid #FFFFFF;}
.um-cinza {border:1px solid #e1dddd;}
.um-cinza-tlr{ border-left:1px solid #e1dddd; border-right:1px solid #e1dddd; border-top:1px solid #e1dddd;}
.um-cinza-blr {border-bottom:1px solid #e1dddd; border-left:1px solid #e1dddd; border-right:1px solid #e1dddd;}

/*texto*/
.menu-principal{font: 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #3d6ca6; font-variant:small-caps; font-weight:bold;}
.titulos{font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color: #3d6ca6; font-variant:small-caps; font-weight:bold;}
.t16-blue{font: 16px Arial, Helvetica, sans-serif; text-decoration: none; color: #3d6ca6; font-weight:normal; font-weight:bold;}
.titulos-dois{font: 13px Arial, Helvetica, sans-serif; text-decoration: none; color: #3d6ca6; font-variant:normal; font-weight:bold;}
.t11-blue{font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #3d6ca6; }
.texto {font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #797676; font-weight:normal;}
.t14-texto-bold {font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color: #797676; font-weight:normal; font-weight:bold;}
.texto-bold {font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #797676; font-weight:bold;}
.saiba-mais-txt { font: 10px Arial, Helvetica, sans-serif; text-decoration: none; color: #CE0000;}

/*red*/
.t11-red {font: 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #cd0000; font-weight:normal;}
.t14-red{font: 14px Arial, Helvetica, sans-serif; text-decoration: none; color: #cd0000; font-weight:bold;}

/*white*/
.t16-white-bold {font: 16px Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; font-weight:normal; font-weight:bold;}

/*dropdown*/
#info {position:relative;}
p.bold {padding-left:5px; color:#000000;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.gleft {float:left; margin:25px 0 10px 0;}
.gright {float:right; margin:25px 5px 10px 0;}
.grc {margin:20px 0 0 10px;}




/*---------------------menu2-------------*/
ul.download {list-style-image:url(zip.gif);}
ul.download li {padding-left:5px; font-size:11px;}

#padding {height:50px;} /* this demo only */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:25px; position:relative; z-index:100;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; color:#000000;}

/* Set up the size of the list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;  color:#3d6ca6;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; border:0px;}

/* Default link styling */
.menu li.top a.top_link {display:block; float:left; height:28px; border:0px; color:#3d6ca6; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; padding-top:9px; font-weight:bold; text-align:left; padding-left:10px; width:550px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; color:#3d6ca6; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold;}

/* pre-load the hover images */
.menu li.p1 {width:40px;}
.menu li.p2 {width:85px;}
.menu li.p3 {width:60px;}
.menu li.p4 {width:83px;}
.menu li.p5 {width:90px;}
.menu li.p6 {width:200px;}


/*
.menu li a#um {width:40px;}
.menu li a#dois {width:85px;}
.menu li a#tres {width:60px;}
.menu li a#quatro {width:83px;}
.menu li a#cinco {width:90px;}
.menu li a#seis {width:150px;}


/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible; }
.menu li:hover {position:relative; z-index:200;}

.menu li a#home:hover, .menu li:hover a#home,
.menu li a#products:hover, .menu li:hover a#products,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#contacts:hover, .menu li:hover a#contacts,
.menu li a#shop:hover, .menu li:hover a#shop,
.menu li a#privacy:hover, .menu li:hover a#privacy {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; }
.menu :hover ul.sub {left:0; top:20px; background: #f0f0f0; white-space:nowrap; width:100%; height:auto; border:0px solid #f0f0f0; padding-left:0x;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:100%; padding-left:0px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:100%; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #f0f0f0; background: #f0f0f0;}
.menu :hover ul.sub li a.fly {background:#ffffff; border:3px solid #f0f0f0; height:20px;}
.menu :hover ul.sub li a:hover {background:#ffffff; color:#3d6ca6; border:3px solid #f0f0f0;}
.menu :hover ul.sub li a.fly:hover {background:#ffffff; color:#3d6ca6;}
.menu :hover ul li:hover > a.fly {background:#ffffff; color:#3d6ca6; } 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto;}