* { margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 0 }

/* HEADER....................................................................................................................... */

#header { width: 1000px; height: 130px;  margin: 5px auto 5px auto; background: url(imgs/header.gif) no-repeat; position: relative; }
#header #logotray { position: relative; top: 12px; left: 55px; float: left }
#header #menus { float: left }
#header #administre { width: 183px; height: 29px; position: absolute; top: 34px; right: 10px; text-transform: uppercase; font-weight: bold; padding: 0px 0px 0px 0px }
#header #administre a { margin: 0 }
#header #clique { float: left; position: relative; top: 40px; left: 445px }
#header #menu { float: left; text-transform:uppercase; font-weight: bold; font-size: 10px; position: relative; top: 92px; left: 160px; color: #666}
#header #menu ul { list-style: none; padding: 0 }
#header #menu li { float: left; margin: 0px 5px 0px 5px }
#header #menu li a { color: #666; display: block; height: 20px; padding: 10px 5px 0px 5px }
#header #menu li a:hover { background: #003f6c; color: #fff; text-decoration: none }

#headermenu { background: url(imgs/barra_menu.gif) no-repeat #003f6c; width: 1000px; margin: 0 auto; height: 42px; text-transform:uppercase; font-weight: bold; color: #fff }
#headermenu ul { list-style: none; padding: 0 }
#headermenu li { float: left; margin: 0px 7px 0px 7px; padding-top: 14px }
#headermenu li a:hover { color: #fff }

#header3 { width: 1000px; margin: 0 auto; }

#menu_h { width: 955px; height: 30px; background: url(imgs/barra_menu_h.png) no-repeat; margin: 0 auto 8px auto; padding: 14px 0px 0px 45px }

/* ^HEADER....................................................................................................................... */

/* HOME....................................................................................................................... */

#home { width: 1000px; margin: 0 auto; }
#home #superbanner { width: 1000px; margin: 0 auto 5px auto; height: 250px }

#home #titverticais { height: 30px;     padding: 0 0 5px; }
#home #titverticais strong { color: #003f6c; font-size: 22px; margin-left: 10px; letter-spacing: -1px }

#home #verticais { width: 1000px; margin: 5px 0px 0 0px; height: 180px }

#home #verticais #caixa1 { width: 325px; height: 180px;   float: left; margin-right: 9px }
#home #verticais #caixa2 { width: 325px; height: 180px; border-left: dotted #e5e5e5 1px; float: left; margin-right: 9px }
#home #verticais #caixa3 { width: 325px; height: 180px; border-left: dotted #e5e5e5 1px;  float: left }

#home #verticais h1 { font-size: 18px; font-weight: normal; color: #0171a5; letter-spacing: -1px; margin: 8px 0px 0px 24px }
#home #verticais p { font-size: 12px; font-weight: normal; color: #666; letter-spacing: 0px; margin: 10px 14px 0px 24px }
#home #verticais p strong { color: #003f6c; letter-spacing: 0px; font-size: 12px }
#home #verticais a { color: #049cd0;  font-size: 12px }
#home #verticais a:hover { color: #049cd0;  text-decoration:underline; font-size: 12px }

#home #titrapido { height: 30px;   margin: -10px 0 0; }
#home #titrapido strong { color: #25b5e7; font-size: 22px; margin-left: 10px; letter-spacing: -1px }

#home #rapido { width: 1000px; margin: 5px 0px 0 0px; height: 135px }

#home #rapido #caixa1 { width: 325px; height: 130px; margin-right: 9px; float: left }
#home #rapido #caixa2 { width: 325px; height: 130px; margin-right: 9px; float: left; border-left: 1px dotted #e5e5e5; }
#home #rapido #caixa3 { width: 325px; height: 130px; float: left; border-left: 1px dotted #e5e5e5; }

#home #rapido h1 { font-size: 16px; font-weight: bold; color: #0171a5; letter-spacing: -1px; margin: 14px 0px 0px 24px }
#home #rapido p { font-size: 12px; font-weight: normal; color: #666; letter-spacing: 0px; margin: 10px 14px 0px 24px }
#home #rapido p strong { color: #003f6c; letter-spacing: 0px; font-size: 12px }
#home #rapido a { color: #0394c6; text-decoration:underline; font-size: 12px; font-weight: bold }
#home #rapido a:hover { color: #0394c6; text-decoration:underline; font-size: 12px; font-weight: bold }


/*^HOME....................................................................................................................... */

#box { list-style:none; margin: 0; padding: 0 }

/* RODAPE....................................................................................................................... */
#rodape_institucional { width: 1000px; height: 52px; margin: 20px auto 0px auto; text-transform:uppercase; font-weight: bold; color: #333; clear:both; }
#rodape_institucional ul { list-style: none; padding: 0 }
#rodape_institucional li { float: left; margin-top: 12px }
#rodape_institucional li a { color: #333 }

#rodape { width: 1000px; height: 40px; background: url(imgs/barra_rodape.gif) no-repeat; margin: 2px auto 0px auto; text-transform:uppercase; font-weight: bold; color: #fff }
#rodape ul { list-style: none; padding: 0 }
#rodape li { float: left; margin-top: 12px }

#rodapemenu { width: 1000px; margin: 0 auto; color: #666; margin-top: 5px;  height: 185px; padding-top: 10px }
#rodapemenu div{ border-left: 1px dotted #cacaca; min-height: 150px; }
#rodapemenu ul { list-style: none; padding: 0 20px; }
#rodapemenu li { margin: 0 }
#rodapemenu li a { color: #666; font-size: 11px; padding: 2px 0; display: block; }
.footerfinal span{ font: 11px Arial, Helvetica, sans-serif; color: #666666; }
/*^RODAPE....................................................................................................................... */

body {
	background:url(imgs/bg2.gif) repeat-x
}

.bginterno {
	background:url() repeat-y
}

.tdhomelogin {
	background:url(imgs/caixa_home_login4.gif) repeat y;
	padding-left: 20px;
}

.bglogin {
	background:url(imgs/caixa_login3.gif) no-repeat;
	padding-left: 80px;
}

.bgnews {
	background:url(imgs/caixa_news2.gif) no-repeat;
	padding-left: 0px;
}

.bglogin2 {
	background:url(imgs/t3.gif);
	padding-left: 10px;
}

.bglogin3 {
	background:url(imgs/bg_login_home.gif);
	padding-left: 0px;
}

.bgcases {
	background:url(imgs/bg_cases_home.gif) no-repeat;
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 10px;
}

.bgclick {
	background:url(imgs/t2.gif) no-repeat;
}

td {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #333;
	}
	
.tx {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #4a96af;
	}
	
.td2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #102f46;
	padding-right: 0px;
	}
	
.td3 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #fff;
	padding-right: 0px;
	}
	
.td4 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #96aab0;
	padding-right: 0px;
	}
	
.tp1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #999;
	padding-left: 40px;
	}
	
.tp2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #113148;
	padding-left: 5px;
	padding-right: 30px;
	}
	
.tit {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	color: #102f46;
	}
	
.tdplanos {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #000;
	}
	
.dest {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #102e45;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #fff
	}
	
.smais {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #102e45;
	padding-left: 8px;
	padding-right: 8px;
	}
	
.qdata {
	font-family : sans-serif, Arial, Helvetica;
	font-size : 28px;
	color: #000;
	width: 60px;
	height: 61px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: #ebeced
	}
	
.picmidia {
	width: 246px;
	height: 146px;
	background-color: #ebeced;
	BORDER-RIGHT: 2px solid #7596a4;
	BORDER-TOP: 2px solid #7596a4;
	BORDER-LEFT: 2px solid #7596a4;
	BORDER-BOTTOM: 2px solid #7596a4;
	}
	
.tdlogin {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #000;
	}
	
.data {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #ff0000;
	}
	
.tdcases {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 10px;
	color: #000;
	padding-left: 7px;
	padding-right: 10px;
	background:url(imgs/bg_cases.gif)
	}
	
.conteu {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #000;
	padding-left: 50px;
	padding-right: 50px;
	}
	
.tdportifa {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #000;
	padding-left: 16.5px;
	padding-right: 16.5px;
	}
	
.menu_interno {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #000;
	padding-left: 20px;
	font-weight: normal;
	background: #fff;
	}
	
.menu_interno_a {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #000;
	padding-left: 10px;
	font-weight: normal;
	background: #fff;
	}
#corpo{ margin-top: 4px;}	
#abamenu { padding: 0; margin: 0 }
#abamenu #secao { padding-top: 0 }
	
#abamenu { background: url(imgs/aba_menu.gif) no-repeat; padding: 0px 0px 0px 28px; margin: 0 }
#abamenu #secao { padding-top: 15px }
	
.menu_interno2 {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #000;
	padding-left: 20px;
	}
	
.tdroda {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #fff;
	background:url(imgs/rodape2.gif)
	}
	
.barratit {
	font-family : Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #102f46;
	padding-left: 10px;
	background:url(imgs/barratit.gif) no-repeat
	}
	
h4 {
	font-family: sans-serif, Arial, Helvetica;
	color: #102e45;
	font-size: 18px;
	letter-spacing: -1px;
}

h1 {
	font-family: sans-serif, Arial, Helvetica;
	color: #333;
	font-size: 32px;
	letter-spacing: -1px;
	margin-bottom: 10px;
	font-weight: normal
	
}

h2 {
	font-family: sans-serif, Arial, Helvetica;
	color: #333;
	font-size: 14px;
	letter-spacing: -1px;
	margin: 10px 0px 0px 0px;
}

/* TITULOS ........................................................................................ */
	
.tit {
	font-family: sans-serif, Arial, Helvetica;
	color: #333;
	font-size: 14px;
	letter-spacing: -1px;
}

.tit1 {
	font-family: sans-serif, Arial, Helvetica;
	color: #225c74;
	font-size: 14px;
	letter-spacing: -1px;
}

.tit2 {
	font-family: sans-serif, Arial, Helvetica;
	color: #333;
	font-size: 14px;
	letter-spacing: -1px;
}

.tit3 {
	font-family: sans-serif, Arial, Helvetica;
	color: #d9d9d9;
	font-size: 14px;
	letter-spacing: -1px;
}

.tit4 {
	font-family: sans-serif, Arial, Helvetica;
	color: #333;
	font-size: 16px;
	letter-spacing: 0px;
	font-weight: 800
}

.tit5 {
	font-family: sans-serif, Arial, Helvetica;
	color: #333;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -0.25px;
}

.tit6 {
	font-family: sans-serif, Arial, Helvetica;
	color: #fff;
	font-size: 22px;
	letter-spacing: -1px;
}

.tit7 {
	font-family: sans-serif, Arial, Helvetica;
	color: #28460a;
	font-size: 20px;
	letter-spacing: -1px;
}

.tit8 {
	font-family: sans-serif, Arial, Helvetica;
	color: #225c74;
	font-size: 12px;
	letter-spacing: -1px;
	}
	
.tit9 {
	font-family: sans-serif, Arial, Helvetica;
	color: #102e45;
	font-size: 16px;
	letter-spacing: -1px;
	}
	
.tit10 {
	font-family: sans-serif, Arial, Helvetica;
	color: #547f97;
	font-size: 18px;
	letter-spacing: -1px;
	}
	
.tit11 {
	font-family: sans-serif, Arial, Helvetica;
	color: #000;
	font-size: 18px;
	letter-spacing: -1px;
	}

.tit12 {
	font-family: sans-serif, Arial, Helvetica;
	color: #21b402;
	font-size: 26px;
	letter-spacing: -1px;
	}
	
.tit13 {
	font-family: sans-serif, Arial, Helvetica;
	color: #c2354b;
	font-size: 18px;
	letter-spacing: -1px;
	}

.tit14 {
	font-family: sans-serif, Arial, Helvetica;
	color: #98356d;
	font-size: 24px;
	letter-spacing: -1px;
	}
	
.tit15 {
	font-family: sans-serif, Arial, Helvetica;
	color: #98356d;
	font-size: 16px;
	letter-spacing: -1px;
	}
	
.tit16 {
	font-family: sans-serif, Arial, Helvetica;
	color: #80501a;
	font-size: 16px;
	letter-spacing: -1px;
	}
	
.tit17 {
	font-family: sans-serif, Arial, Helvetica;
	color: #80501a;
	font-size: 24px;
	letter-spacing: -1px;
	}
	
.tit18 {
	font-family: sans-serif, Arial, Helvetica;
	color: #1a8dc2;
	font-size: 22px;
	letter-spacing: -1px;
	margin: 0px
}

.tit19 {
	font-family: sans-serif, Arial, Helvetica;
	color: #333;
	font-size: 16px;
	letter-spacing: -1px;
	}
	
/*^ TITULOS ........................................................................................ */

.pic {
	BORDER-RIGHT: 2px solid #f1fafd;
	BORDER-TOP: 2px solid #f1fafd;
	BORDER-LEFT: 2px solid #f1fafd;
	BORDER-BOTTOM: 14px solid #f1fafd;
}

.pic2 {
	BORDER-RIGHT: 4px solid #eae9e9;
	BORDER-TOP: 4px solid #eae9e9;
	BORDER-LEFT: 4px solid #eae9e9;
	BORDER-BOTTOM: 14px solid #eae9e9;
}

.red {
	font-family : Verdana, Arial, sans-serif, Helvetica;
	font-size : 11px;
	color: #ff0000;
	}
	
.catcombo { color: #0099cc; font-weight: bold; font-size: 14px }

.divlogin {
	position: absolute;
	visibility: hidden;
	z-index: 1;
	overflow: auto;
	top: 2px;
	right: 10px;
	overflow:hidden
}

.link1:link {COLOR: #102F46; TEXT-DECORATION: none}
.link1:active {COLOR: #102F46; TEXT-DECORATION: none}
.link1:visited {COLOR: #102F46; TEXT-DECORATION: none}
.link1:hover {COLOR: #102F46; TEXT-DECORATION: underline}

.link2:link {COLOR: #5496c0; TEXT-DECORATION: none}
.link2:active {COLOR: #5496c0; TEXT-DECORATION: none}
.link2:visited {COLOR: #5496c0; TEXT-DECORATION: none}
.link2:hover {COLOR: #22637c; TEXT-DECORATION: underline}

.link3:link {COLOR: #fd7d02; TEXT-DECORATION: none;}
.link3:active {COLOR: #fd7d02; TEXT-DECORATION: none}
.link3:visited {COLOR: #fd7d02; TEXT-DECORATION: none}
.link3:hover {COLOR: #fd7d02; TEXT-DECORATION: underline}

.linkv:link {COLOR: #ff0000; TEXT-DECORATION: none}
.linkv:active {COLOR: #ff0000; TEXT-DECORATION: none}
.linkv:visited {COLOR: #ff0000; TEXT-DECORATION: none}
.linkv:hover {COLOR: #0099ff; TEXT-DECORATION: underline}

.linka:link {COLOR: #0099ff; TEXT-DECORATION: none}
.linka:active {COLOR: #0099ff; TEXT-DECORATION: none}
.linka:visited {COLOR: #0099ff; TEXT-DECORATION: none}
.linka:hover {COLOR: #27627a; TEXT-DECORATION: underline}

.linkh:link {COLOR: #666; TEXT-DECORATION: none}
.linkh:active {COLOR: #666; TEXT-DECORATION: none}
.linkh:visited {COLOR: #666; TEXT-DECORATION: none}
.linkh:hover {COLOR: #22637c; TEXT-DECORATION: underline}

.linkrei:link {COLOR: #003f6c; TEXT-DECORATION: underline}
.linkrei:active {COLOR: #003f6c; TEXT-DECORATION: underline}
.linkrei:visited {COLOR: #003f6c; TEXT-DECORATION: underline}
.linkrei:hover {COLOR: #003f6c; TEXT-DECORATION: underline}


.in {
	font-size: 14px;
	height: 25px;
	padding: 5px 0px 0px 0px;
	font-family: Arial,verdana;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #008fdc 5px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	BACKGROUND-COLOR: #fff;
}

.in2 {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	font-family: Arial,verdana;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	BACKGROUND-COLOR: #fff;
}

.inlogin {
	font-size: 14;
	font-family: Arial,verdana;
	BORDER-RIGHT: #999 1px solid;
	BORDER-TOP: #999 1px solid;
	BORDER-LEFT: #999 1px solid;
	BORDER-BOTTOM: #999 1px solid;
	BACKGROUND-COLOR: #fff;
	padding: 4px 0px 0px 0px;
	width: 175px;
	height: 24px
}

.inlogin2 {
	font-size: 9;
	font-family: Arial,verdana;
	BORDER-RIGHT: #999 1px solid;
	BORDER-TOP: #999 1px solid;
	BORDER-LEFT: #999 1px solid;
	BORDER-BOTTOM: #999 1px solid;
	BACKGROUND-COLOR: #fff;
	width: 95px
}

.inbt {
	font-size: 9;
	color: #fff;
	font-family: Arial,verdana;
	BORDER-RIGHT: #999 0px solid;
	BORDER-TOP: #999 0px solid;
	BORDER-LEFT: #999 0px solid;
	BORDER-BOTTOM: #999 0px solid;
	BACKGROUND-COLOR: #000;
	width: 95px;
	height: 25px
}

A:link {COLOR: #fff; TEXT-DECORATION: none}
A:active {COLOR: #fff; TEXT-DECORATION: none}
A:visited {COLOR: #fff; TEXT-DECORATION: none}
A:hover {COLOR: #E5F3F8; text-decoration: underline}

.fold{cursor:hand; font-weight: bold }


.aba {
		position: absolute;
		top: 0px;
		z-index: 1;
		overflow: auto;
				}

/* ....  HOME  .................................................................................................................. */

.tdtithome { font-family:Arial, Helvetica, sans-serif; color: #fff }
.h1home { font-family:Arial, Helvetica, sans-serif; color: #fff; margin: 0 }

#barratit_home { background:url(imgs/barra_home_destaque.gif) no-repeat; width: 490px; height: 39px; padding: 0px 0px 0px 0px; margin-bottom: 5px }
#barratit_home h1 { margin: 0px 0px 0px 30px; font-weight: normal; color: #000; padding-top: 8px }
#caixa_home { width: 243; height: 233px; background:#ececec; margin-left: 4px; padding: 0px 0px 0px 0px }

/*^....  HOME  ............................................................................................................................... */

/* ....  TODOS OS PRODUTOS  .................................................................................................................. */

#tp { width: 737px; margin: 0 auto }

#tp #produtos { float:left; width: 483px; margin: 0; padding: 0 }
#tp #produtos #barratit { background:url(imgs/barra_tit.gif) no-repeat; width: 483px; height: 33px; padding-top: 6px }
#tp #produtos #barratit h1 { margin: 0px 0px 0px 50px; font-weight: normal; color: #000 }
#tp #produtos #caixa{ width: 483; min-height: 97px; background:#f1f1f1 }
#tp #produtos #caixa #pic { float:left; width: 116px; padding: 3px 0px 0px 16px }
#tp #produtos #caixa #descreve { float:left; width: 329px; padding: 6px 11px 0px 11px; color: #666 }
#tp #produtos #caixa a { font-size: 14px; color: #666; font-weight: bold; text-decoration:underline }
#tp #produtos #caixa a:hover { font-size: 14px; color: #8fc725; font-weight: bold }
#tp #produtos #caixa .a2 { font-size: 11px; color: #666; text-decoration:none; font-weight:normal }
#tp #produtos #caixa .a2:hover { font-size: 11px; color: #8fc725; text-decoration:underline; font-weight:normal }

#tp #rapido { float:left; width: 240px; margin: 0; padding: 0px 0px 0px 14px } 
#tp #rapido #barratit { background:url(imgs/barra_tit_lado.gif) no-repeat; width: 239px; height: 33px; padding: 6px 0px 6px 0px }
#tp #rapido #barratit h1 { margin: 0px 0px 0px 10px; font-weight: normal; color: #000 }
#tp #rapido h1 { margin: 0px 0px 0px 0px; font-weight: normal; color: #00aeef }


/*^....  TODOS OS PRODUTOS  .................................................................................................................. */


#campos label {
	color:#505050;
	display:block;
	margin-top:8px;
	margin-bottom:2px;
	}

#campos input[type="text"]  {
	width:430px;
	height:28px;
	background:transparent url(imgs/bgInput.gif) no-repeat left top;
	border: 1px solid #d6d6d6;
	color:#505050;
	}
	
#campos input[type="select"]  {
	width:430px;
	height:28px;
	background:transparent url(imgs/bgInput.gif) no-repeat left top;
	border: 1px solid #d6d6d6;
	color:#505050;
	}
	
#campos textarea  {
	width:430px;
	height:190px;
	border: 1px solid #d6d6d6;
	color:#505050;
	}
	
#form strong {
	float:left;
	color:#505050;
	font-weight:bold;
	letter-spacing:-0.5px;
	margin-top:13px;
	}

#op {
	display:block;
	margin-top:40px;
	width:430px;
	}

#op label {
	color:#505050;
	padding-right:10px;
	margin-top:15px;
	}

#op input[type="text"]  {
	margin-top:7px;
	width:430px;
	height:28px;
	background:transparent url(imgs/bgInput.gif) no-repeat left top;
	border: 1px solid #d6d6d6;
	color:#505050;
	float:left;
	}
	
#op input[type="radio"]  {
	margin-right:2px;
	}
	
#form .enviar {
	float:left;
	margin-left:314px;
	margin-top:10px;
	background:transparent url(imgs/btEnviar.png) no-repeat;
	width:116px;
	height:48px;
	border:0px;
	font-family:arial, verdana, helvetica, sans-serif;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.5px;
	vertical-align:middle;
	cursor:pointer;
	padding-bottom:5px;
	}

.error {
	display:block;
	font-size:12px;
	width:430px;
	color:#ff1e00;
	line-height:20px;
	vertical-align:middle;
	border-bottom: 1px dotted #ff1e00;
	}

#form input.error {
	border-left: 5px solid #ff5c46;
	}

/* ....  MERCHANDISING  .................................................................................................................. */

#topmerchan { width: 1000px; height: 280px }
#merchan_conteu { height: 430px }
#merchan_conteu #lado1 { float:left; width: 418px; padding: 15px 15px 0px 0px }
#merchan_conteu #lado1 h1 { font-size:20px } 
#merchan_conteu #lado1 p { margin-bottom: 15px; color:#333 }
#merchan_conteu #lado1 .preco { font-size: 30px; color: #ff0000 }
#merchan_conteu #lado1 #legenda { font-size: 10px; color: #666; margin-top: 10px; letter-spacing: -0.3px }

#merchan_conteu #lado2 { float:left; width: 236px; padding: 15px 15px 0px 0px }
#merchan_conteu #lado2 p { margin-bottom: 20px }
#merchan_conteu #lado2 #legenda { font-size: 10px; color: #666; margin-top: 10px; letter-spacing: -0.3px }

#merchan_conteu #lado3 { float:left; width: 316px }


/* PORTAL DE AJUDA....................................................................................................................... */

#ajudabox2 { height: 180px; width: 100% }
#ajudabox2 #box { width: 40%; float: left; padding-right: 15px; font-size: 12px }
#ajudabox2 #box a { text-decoration: none; color: #333 }
#ajudabox2 #box a:hover { text-decoration: none; color: #666 }
#ajudabox2 #box #tit { height: 70px }
#ajudabox2 #box #tit strong { font-size: 16px }

#ajuda_barra_tit { height: 66px; margin-bottom: 10px } 
#ajuda_barra_tit #ico { float: left; width: 66px; margin-right: 4px }
#ajuda_barra_tit #barra { float: left; background: url(imgs/barra_tit_ajuda.gif) no-repeat; height: 44px; width: 700px; padding: 22px 0px 0px 12px }
#ajuda_barra_tit #barra strong { font-size: 17px; }

#ajuda_boxwiki { padding-left: 80px; margin-bottom: 15px}
#ajuda_boxwiki a { text-decoration: none; color: #333; font-size: 13px; margin-bottom: 1px; display: block }
#ajuda_boxwiki a:hover { text-decoration: none; color: #666 }

#ajudamais { font-size: 12px; color:#F00; text-align: right; margin: 10px 20px 10px 0px }
#ajudamais a { text-decoration: none; color: #F00 }

#ajuda_buscafaq { font-size: 13px; color: #333; padding: 0px 0px 0px 80px; margin-bottom: 10px }
#ajuda_buscafaq label { display: block; font-size: 12px; margin-bottom: 8px; color: #333}
#ajuda_buscafaq input[type="text"] { width: 500px; height: 25px; font-size: 14px; color: #999; font-weight: bold; border: solid 1px #CCC; float: left }
#ajuda_buscafaq input[type="submit"] { width: 100px; height: 30px; font-size: 14px; color: #999; font-weight: bold; margin-left: 5px; background: #999; border: solid 0px; color: #fff }

/* . . . */

#ajuda_wifaq { height: 245px }
#ajuda_wifaq a { color: #003f6c }
#ajuda_wifaq h2 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: 10px }
#ajuda_wifaq #box_conteu { height: 170px }

#ajuda_wifaq #box_wiki { float: left  }
#ajuda_wifaq #box_wiki ul { list-style: none; margin: 0; padding: 0 }
#ajuda_wifaq #box_wiki ul li { margin: 0; padding: 0; height: 50px; background: #f0f0f0; width: 370px; margin-bottom: 5px }
#ajuda_wifaq #box_wiki ul li a { color: #666; display: block; width: 350px; height: 35px; padding: 15px 0px 0px 20px; font-size: 14px }
#ajuda_wifaq #box_wiki ul li a:hover { background:#e6e6e6 }

#ajuda_wifaq #box_faq { float: left; margin-left: 30px }
#ajuda_wifaq #box_faq #buscando { height: 55px }
#ajuda_wifaq #box_faq input[type="text"] { width: 277px; height: 38px; font-size: 14px; color: #999; font-weight: bold; border: solid 1px #CCC; float: left }
#ajuda_wifaq #box_faq input[type="submit"] { width: 98px; height: 40px; font-size: 14px; color: #999; font-weight: bold; margin-left: 5px; background: url(imgs/bt_buscar_faq.gif) no-repeat; border: solid 0px; color: #fff }
#ajuda_wifaq #box_faq ul { list-style:none; padding: 0; margin: 0 }
#ajuda_wifaq #box_faq li { list-style:none; padding: 0; margin: 0px 0px 10px 0px }

#ajuda_wifaq #box_manuais { width: 370px; float: left }
#ajuda_wifaq #box_manuais .lmanu { color: #666; display: block; font-size: 14px }

#ajuda_mais { width: 370px; text-align: right; height: 30px }
#ajuda_mais a { font-size: 12px; color: #003f6c }

#ajuda_wifaq #box_dicas { float: left; margin-left: 30px }
#ajuda_wifaq #box_dicas strong { font-size: 16px }
#ajuda_wifaq #box_dicas .ldica { color: #666; display: block; font-size: 14px }
#ajuda_wifaq #box_dicas .ldica:hover {  }

/*^PORTAL DE AJUDA....................................................................................................................... */

/* PLANOS ....................................................................................................................... */
.td_pc { background: url(imgs/bg_planos_commerce.gif) no-repeat; font-size:24px; color: #fff; font-weight: bold }
.td_pc_des { padding-left: 20px }
.td_pc_item { font-size: 13px; color:#666 }
.td_pc_item_preco { font-size: 13px; color:#999; font-weight: bold }
.td_pc_tit { font-size: 13px; color:#fff; padding-left: 20px }

.td_pp { background: url(imgs/bg_planos_premium.gif) no-repeat; font-size:24px; color: #fff; font-weight: bold }
.td_pe { background: url(imgs/bg_planos_exclusive.gif) no-repeat; font-size:24px; color: #fff; font-weight: bold }
/*^PLANOS ....................................................................................................................... */


/* RECEBA ONLINE 2.0 ....................................................................................................................... */

#boxohomereceba { background: url(imgs/box_home_receba.gif) no-repeat; width: 236px; height: 131px; float: left; padding: 20px 10px 0px 10px }
#boxohomereceba strong { font-size: 16px; color: #363636; }
#boxohomereceba #tx { font-size: 11px; color: #464646; margin-top: 10px; height: 65px }
#boxohomereceba a { color: #003f6c; text-decoration:underline }
#boxohomereceba a:hover { color: #1288c5; text-decoration:underline }
.td_planos_receba { background: url(imgs/bg_td_receba.gif) no-repeat; font-size:14px; color: #fff; font-weight: bold; padding-left: 20px }
/*^RECEBA ONLINE 2.0 ....................................................................................................................... */

/* LOJA VIRTUAL ....................................................................................................................... */
#caixa_prataforma { width: 256px; }
#caixa_prataforma #curva1 { background: url(imgs/caixa_plataforma1.gif) no-repeat; width: 256px; height: 11px }
#caixa_prataforma #curva2 { background: url(imgs/caixa_plataforma2.gif) no-repeat; width: 256px; height: 11px }
#caixa_prataforma #acaixa { background: #f4f1f1; height: 300px; padding: 0px 14px 0px 14px }
#caixa_prataforma #acaixa p { padding: 10px 0px 0px 10px }
#caixa_prataforma #acaixa a { text-decoration: none; color: #333 }
#caixa_prataforma #acaixa a:hover { text-decoration: underline; color: #333 }

#caixa_prataforma #acaixa2 { background: #f4f1f1; height: 135px; padding: 14px 14px 0px 14px }
#caixa_prataforma #acaixa2 strong { font-size: 18px; font-weight: normal; }
#caixa_prataforma #acaixa2 p { margin-top: 14px }
#caixa_prataforma #acaixa2 a { text-decoration: none; color: #333 }
#caixa_prataforma #acaixa2 a:hover { text-decoration: underline; color: #333 }

/*^LOJA VIRTUAL ....................................................................................................................... */

/* AFILIADOS ........................................................................................................................... */
#link_afiliados { background: #FFC; height: 60px; font-family:"Courier New", Courier, monospace; color: #333; font-size: 15px; padding: 15px 0px 0px 15px }
/*^AFILIADOS ........................................................................................................................... */

/*^AGENCIA ........................................................................................................................... */

#box_funciona { float: left; width: 275px; background: #f4f4f4; height: 222px; padding: 10px; border-top: solid 5px #e6e6e6 }
#box_disclaimer { border: solid 3px #1da2da; width: 748px; padding: 15px }
#box_disclaimer2 { background: #fff799; border: 1px solid #FF0; width: 748px; padding: 15px }

#itens_extras { height: 90px }
#itens_extras #itens { float: left; margin-right: 14px }

#agencia #header_produto { clear: both }
#agencia #box { float: left }
#agencia #conceito { float: left; padding: 0px 0px 0px 20px }
#agencia #conceito h1 { margin: 0; color: #003f6c }
#agencia #conceito p { width: 540px; text-align:justify; padding-top: 10px }

#agencia p { padding: 10px 0px 10px 0px }

#agencia #box_ilustra { height: 200px }

#agencia #desenvolvidos { margin: 14px 0px 0px 0px }

#agencia #desenvolvidos2 { margin: 14px 0px 0px 0px }
#agencia #desenvolvidos2 #aplicacoes { float: left; width: 316px; margin-right: 45px }
#agencia #desenvolvidos2 #aplicacoes2 { float: left; width: 744px }
#agencia #desenvolvidos2 #aplicacoes #box { width: 301px; height: 189px; background: #fff799; border: 1px solid #FF0; padding: 15px; font-family:"Courier New", Courier, monospace; font-size: 12px  }
#agencia #desenvolvidos2 #aplicacoes2 #box2 { width: 752px; height: 189px; background: #fff799; border: 1px solid #FF0; padding: 15px; font-family:"Courier New", Courier, monospace; font-size: 12px  }
#agencia #desenvolvidos2 #aplicacoes #box a { color: #053359; font-family:"Courier New", Courier, monospace; font-size:12px; text-decoration:underline }
#agencia #desenvolvidos2 #desenvolveu { float: left; width: 424px }

#agencia #box_instrucoes { width:784; clear: both; height: 200px; background: #f4f4f4; margin: 15px 0px 0px 0px; border-top: solid 5px #e6e6e6 }
#agencia #box_instrucoes strong { font-size: 18px; color: #0971b5; font-weight:normal }
#agencia #box_instrucoes p { width: 318px; text-align:justify }
#agencia #box_instrucoes #medida { float: left; padding: 30px }
#agencia #box_instrucoes #funciona { float: left; padding: 30px }
#agencia #box_instrucoes #comprar { }

#menu-esquerdo{ display: block; width: 173px; margin-right: 3px; margin-bottom: 4px; margin-top: 4px; float: left;}
	#menu-esquerdo img{margin:0; padding: 0; vertical-align: top;}
	#menu-esquerdo ul{display: block; background: #ffffff; padding: 20px 0 0 0;}
	#menu-esquerdo ul li{list-style: none; margin-left: 10px; display: block;}
	#menu-esquerdo ul li a{ font: normal 11px/20px Arial, Helvetica, sans-serif; color: #333333; display: block;}
	#menu-esquerdo ul li a.espaco_maior{ padding-bottom: 15px;}
#header3{ display: none;}
#meio{ display: block; margin-top: 4px; overflow: hidden; width: 823px; }
#meio .title{display: block;}
#meio .title img{display: block;}
	#meio #combos_especiais{ background: #ffffff url(imgs/combos_especiais_bg.png) top right no-repeat; padding-top: 80px; padding-left: 39px;}
	#meio #combos_especiais img{ vertical-align: top; }
		#meio #combos_especiais > ul{ width: 744px; padding: 0; display: block;}
		#meio #combos_especiais > ul > li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; float: left;}
		#meio #combos_especiais > ul > li img{ vertical-align: top; }
		#meio #combos_especiais > ul > li a{ display: block;}
		#meio #combos_especiais a.comprar{text-align: right; padding-top: 6px; background: #f6f6f6;}
		#meio #combos_especiais a.comprar img{ display: inline; margin-right: 6px;}
		#meio #combos_especiais #basic{ padding-top: 233px; width: 186px;}
		#meio #combos_especiais #classic{ padding-top: 162px; width: 186px;}
		#meio #combos_especiais #master{ padding-top: 73px; width: 186px;}
		#meio #combos_especiais #prime{ width: 186px; }
	
	#meio #pacotes_banners{background: #ffffff url(imgs/servicos_design/pacote_banners_bg.png) top right no-repeat; padding-top: 70px;}
		#meio #pacotes_banners > ul{padding-left: 0;}
		#meio #pacotes_banners ul li{ display: block; list-style: none;}
#meio .caixa_info { background: url(imgs/servicos_design/caixa_info_bg.png) no-repeat; padding-top: 5px; padding-bottom: 15px; display: table;}
	#meio .caixa_info h2{ margin-left: 47px; margin-top: 47px; font: bold 16px Arial, Helvetica, sans-serif; color: #444444;}
	#meio .caixa_info p {margin-left: 47px; margin-right: 60px; margin-top: 15px; font: normal 12px Arial, Helvetica, sans-serif; color: #666666;}
	#meio .caixa_info ul{display: block; padding: 0; margin-top: 25px;}
	#meio .caixa_info ul li{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; list-style: none; float: left;}
	
	#meio #produtos{ background: #ffffff url(imgs/servicos_design/produtos_bg.png) top right no-repeat; display: block; padding-top: 72px; padding-bottom: 31px;}
		.produto{ display: block; background: url(imgs/servicos_design/produto_bg.png) top left no-repeat; padding-top: 26px;}
			.produto h2{ font: bold 16px Arial, Helvetica, sans-serif; color: #7a7a7a; margin-left: 47px; display: inline-block; float: left; }
			.produto p{ padding-top: 10px; font: normal 12px Arial, Helvetica, sans-serif; color: #444444;}
			.produto ul{ padding: 0;}
			.produto ul li{ list-style: none; padding: 11px 0; height: 28px; border-top: 1px solid #f4f4f4;}
			.produto ul li:first-child{ border-top: none;}
			.produto ul li span{ float: left;}
			.produto .btn_veja_mais{ float: right; margin-top: 12px; margin-right: 39px; display: block; width: 74px; height: 15px;}
				.produto .btn_veja_mais a{background: url(imgs/servicos_design/btn_veja_mais.png) no-repeat; display: block; width: 74px; height: 15px;}
			.produto .titulo { display: inline-block; width: 380px; font: bold 12px/28px Arial, Helvetica, sans-serif; color: #7a7a7a;}
			.produto .preco { display: inline-block; width: 118px; text-align: right ; color: #0076c3; font: normal 18px/28px Arial, Helvetica, sans-serif; padding-right: 5px;}
			.produto .ocultar{ display: none; margin-left: 47px; margin-right: 39px;}
			.produto.aberto .ocultar{display: block;}
			.produto.aberto .btn_veja_mais a{visibility: hidden;}
			.produto.aberto h2{ font: bold 16px Arial, Helvetica, sans-serif; color: #0c79bb; margin-left: 47px; }
	
	.bt-avancar{ background: url(../images/servicos_design/bt-avancar.png) no-repeat; height: 26px; width: 182px; }
		.bt-avancar img{ visibility: hidden; }
	
	.bt-continuar-comprando{ background: url(../images/servicos_design/bt-avancar.png) no-repeat; height: 26px; width: 182px; }
		.bt-continuar-comprando { visibility: hidden; }
	
.clear{clear: both;}
.block{display: block; height: 30px; cursor: pointer;}
	#layout-01 {
		width:424px; height:220px;
		}
		#layout-01 div li { text-align:center; }
	#layout-02 {
		width:784px; height:220px;
		}
		#layout-02 div li { text-align:center; }
		#layout-02 div li div { 
			display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
			padding:0 30px;
		}
	#layout-03 {
		width:720px; height:315px; margin:0 auto;
		}
		#layout-03 > div { height:315px; }
		#layout-03 div li { text-align:center; list-style:none; }
		
		#layout-03 .rolar-prev { background: url( images/rolar/prev2.gif) repeat-y; height:315px; }
		#layout-03 .rolar-next { background: url( images/rolar/next2.gif) repeat-y; height:315px; }
		#layout-03 .rolar-next-block { background: url( images/rolar/next2_block.gif) repeat-y; height:315px; }
		#layout-03 .rolar-prev-block { background: url( images/rolar/prev2_block.gif) repeat-y; height:315px; }

#car { }
#car2 { font-weight:bold }
#descreve_custom{ width: 520px; text-align:justify; background: url(imgs/bg_descrevecustom.gif) no-repeat; color: #fff; height: 75px; padding: 20px; margin-top: 10px }

#caixa_agencia { width: 256px; height: 200px; background: #f4f1f1; float: left }
#caixa_agencia #conteu { background: #f4f1f1; padding: 15px }
#caixa_agencia #conteu a { color: #003f6c }
#caixa_agencia #rodape { background:url(imgs/caixa_agencia_rodape.gif) no-repeat; width: 256px; height: 11px; }

#menu_banners { line-height: 200%; margin-top: 20px }
#menu_banners #menu { float: left; font-size: 12px }
#menu_banners #menu strong { font-size: 14px; color: #333 }
#menu_banners a { color: #018acb; font-size: 12px}

#caixabriefings { padding-top: 20px }
#caixabriefings ul { list-style: none; clear: both; margin: 0; padding: 0 0 20px 0; height: 40px }
#caixabriefings ul li { float: left; padding: 0 8px 0 0 }
#caixabriefings ul li a { color: #000; text-decoration:underline }

/* ....  CONTRATA  ........................................................................................................................... */

#caixa_contrata { background: url(imgs/contrata_bg_tit.gif) repeat-y; widows: 784px; }
#caixa_contrata #conteu { padding: 6px 0 0 50px; width: 650px }
#caixa_contrata #conteu ul { margin: 0; padding: 0; list-style: none; }
#caixa_contrata #conteu li { float: left }
#caixa_contrata #top { background: url(imgs/contrata_barra_tit.gif) no-repeat; width: 734px; height: 60px; padding: 6px 0 0 50px }
#caixa_contrata #top p { font-size: 16px; color: #555; width: 650px }
#caixa_contrata #base { background: url(imgs/contrata_base_tit.gif) no-repeat; width: 784px; height: 11px }

/*^....  CONTRATA  ........................................................................................................................... */

.treinamento_lista ul li { margin: 0; padding: 0 }

/* ....  CLIENTES  ........................................................................................................................... */

#branco_fulltop { width: 1000px; margin: 0 auto; background:url(imgs/branco_fulltop.gif) no-repeat; height: 7px }
#branco_full { width: 960px; margin: 0 auto; background: #fff; height: 800px; padding: 20px;}
#branco_full #clientes { float: left; width: 603px; margin-right: 5px }
#branco_full #clientes p { font-size: 13px; color: #333 }
#branco_full #clientes #box_disclaimer3 { width: 599px; padding-top: 15px; margin: 15px 0 15px 0; font-size: 11px }

#branco_full #clientes #clientes_bloco { height: 90px }
#branco_full #clientes #clientes_bloco a { border: 3px solid #e1e1e1; display: block; float: left; overflow:hidden;}
#branco_full #clientes #clientes_bloco a:hover { border: solid 3px #0073b5 }
#branco_full #clientes #clientes_bloco img { margin: -3px; overflow:hidden; float:left }
#branco_full #clientes #clientes_bloco #clientes_logo { float: left; margin-right: 5px }
#branco_full #clientes #clientes_bloco #clientes_logo2 { float: left }

#branco_full #depoimentostop { float: left; width: 352px; background:url(imgs/depoimentos_top.gif) no-repeat; height: 11px; margin-top: 14px }
#branco_full #depoimentos { float: left; width: 352px; background: #083f6d; height: 2034px; }
#branco_full #depoimentos #headerdepoimentos { color: #fff; padding: 15px; margin-bottom: 20px; background: #083f6d; padding-bottom:0px; height:auto; }
#branco_full #depoimentos #headerdepoimentos strong { font-size: 20px; font-weight: normal }
#branco_full #depoimentos #headerdepoimentos p { font-size: 12px;  }
#branco_full #depoimentos #brancodepoimentotop { background: url(imgs/topdepoimentos_branco.gif) no-repeat; width: 346px; height: 10px; margin: 0 auto }
#branco_full #depoimentos #brancodepoimento { background: #fff; width: 330px; height: 1925px; margin: 0 auto; padding: 0 8px 0 8px }
#branco_full #depoimentos #brancodepoimento p { font-size: 12px; color: #333; text-align: justify; padding: 0 15px 0 15px }
#branco_full #brancodepoimentobase { background: url(imgs/basedepoimentos_branco.gif) no-repeat; width: 352px; height: 14px; margin: 0 auto; clear: both }

/*^....  CLIENTES  .......................................................................................................................... */
		
/* PALESTRAS ....................................................................................................................... */

.cadastro_oculto, #exibe_id_loja, #exibe_receber_contato{ display:none; }/* oculta itens do formulario */
#flash_msg_erro {color:#ff1f3a; list-style: none;}
	
/*^PALESTRAS ....................................................................................................................... */		
