*{ margin: 0; padding: 0; outline: 0; }
body { font: 12px Arial; background: #606060; line-height:180%; }
a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration:underline}

#divUP { margin: 5px 0 0 0; background: #FFF; vertical-align:top; }
#divDOWN { clear: both; margin: 0; background: url(../img/bg_down.gif) #606060 repeat-x; vertical-align:bottom}
#divMENU { clear: both; width: 810px; height:130px; margin: 0 auto; text-align: left; background:#FFF}
#divINDEX-right { width: 500px; margin: 0 0 0 30px ; text-align: left; float:right; }
#textoINDEX { text-align: justify; font-size: 14px; line-height:150%;}
#divINDEX-down { clear: both; width: 810px; margin: 0 auto; text-align: left; vertical-align:bottom; }
#divCONTEUDO { clear: both; width: 810px; margin: auto; padding: 0 0 30px 0 ; text-align: left; background:#FFF; height:100%;}
#divCONTEUDO-atendimento { width: 350px; margin: auto; text-align: left; float:right;}
#divCONTEUDO-mavenflip { width: 330px; padding: 30px 0 0 30px ; float:right;}
#divCONTEUDO-cases { clear:both; width:810px; margin: 40px 0 0 0}
#divFOOTER { clear: both; width: 810px; margin: 0 auto; text-align: left; background: #606060; vertical-align:bottom}

/* Links Index */
#browse {
	padding: 9px 12px 9px 30px;
	background: #fff url(../img/chat.gif) no-repeat 6px 11px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 210%;
	text-decoration: none; }

#browse:hover { background: #eee url(../img/chat.gif) no-repeat 6px 11px; text-decoration: none; }

#browse1 {
	padding: 9px 12px 9px 30px;
	background: #fff url(../img/mais.gif) no-repeat 6px 11px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 210%;
	text-decoration: none; }

#browse1:hover {
	background: #eee url(../img/mais.gif) no-repeat 6px 11px;
	text-decoration: none;
}


/* Links MavenFlip */
#infos {
	padding: 9px 12px 9px 30px;
	background: #fff url(../img/chat.gif) no-repeat 6px 10px;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	line-height: 210%;
	text-decoration: none; }

#infos:hover { background: #eee url(../img/chat.gif) no-repeat 6px 10px; text-decoration: none; }

#infos1 {
	padding: 9px 12px 9px 30px;
	background: #fff url(../img/mais.gif) no-repeat 6px 10px;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	line-height: 210%;
	text-decoration: none; }

#infos1:hover {
	background: #eee url(../img/mais.gif) no-repeat 6px 10px;
	text-decoration: none; }

/* Menu */
#menu { float: right; margin: 40px 5px 0 0; text-align:center; text-decoration:none; text-transform: uppercase;}
#menu li { display: inline; list-style: none; text-decoration:none}
#menu li a { float: left; color: #000; padding: 4px; margin: 0 0 0 10px; font-weight: bold; text-decoration:none}
#menu li a:hover { color: #46A7E7; text-decoration:none}
#menu li a.current { color: #46A7E7; text-decoration:none}

/* Logo */
h1 { float: left; margin: 25px 0 25px; }

/* Titulo divDOWN */
h2 { font-size: 14px; color: #FFF; margin: 20px 0 20px 0; line-height: 150%; }

/* Titulos Internos */
h3 { font-size: 18px; color: #000; line-height: 150%; font-weight:bold; padding: 0 0 20px 0; }

/* Carrossel */
#right { width: 450px; height: 80px; overflow: hidden; padding: 40px 25px 0 25px; clear:both;}
#right img { height: 80px; margin: 0px; padding: 0 20px 0 0; border: 0px; clear:both; }

/* boxgrid */
.boxgrid { Float: left; Overflow: hidden; Position: relative;  Margin: 0 20px 0 20px; Width: 158px; Height: 215px;}
.boxgrid IMG { Left: 0px; Position: absolute; Top: 0px;	Border: 4px #838383;}
.boxgrid P { Padding: 0 0 0 10px; Font: 8pt Arial; Color: #ffffff; }
.boxgrid P A { Font: 8pt Arial;	Color: #ffffff;}
.boxcaption { Background: #006EC2; Filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); Float: left; Width: 100%; Position: absolute; Height: 53px; Opacity: .99; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" }
.captionfull .boxcaption { Left: 0px; Top: 220px }
.caption .boxcaption { Left: 0px; Top: 220px }

H4 {Margin: 10px 0 0 10px; Font: bold 12px Arial; Color: #fff; }

/* Tooltip */
a.tooltip{
    position:relative; 
    z-index:24;
	background-color:#ccc;
	font-family:Arial;
	font-size:12px;
    color:#000;
    text-decoration:none;
	padding:20px;
	border:0;}

a.tooltip:hover{z-index:25;}

a.tooltip span{display: none}

a.tooltip:hover span{ 
    display:block;
    position:absolute;
    top:25px;
	left:30px;
	width: 140px; 
    border:4px solid #bbb;
    background-color:#fff;
	padding: 10px;
	font:Arial 10px; Color: #000;}
	
h5 { PADDING: 0 0 10px 0; MARGIN: 0px; FONT-SIZE: 16px; COLOR: #177cec;}

/* formulários */
#form TEXTAREA { border:#E2E2E2 1px solid; font-size: 12px; margin-bottom: 5px; width: 295px; color: #000; font-family: "Arial"; background-color: #f0f0f0 }

#form INPUT { border:#E2E2E2 1px solid; font-size: 12px; margin-bottom: 5px; width: 295px; color: #000; font-family: "Arial"; background-color: #f0f0f0 }

/* Footer */
#footer { clear: both; color: #ffffff; font-size: 11px; border-top: 1px dotted #ccc; padding: 30px 10px; vertical-align:baseline; height:auto}

#flinks { float: right; padding: 10px;}