* {line-height:1em; margin:0; padding:0;}
img {border:0 none;}
/* html {font: normal  Verdana, Geneva, Arial, Helvetica, sans-serif;} */
/*input,select {font-size:.8em;}*/
.clear {clear: both; height:0;font-size:0;line-height:0;}
.clearRight {clear: right; height:0;font-size:0;line-height:0;}

body {background: #666 url(../images/bg_body.png) repeat-x top; padding-top: 20px;}

#container {width:986px;height:auto;margin:auto; /*  border: 1px solid #fff;  */}

#header {width: 100%;height: 80px;background: transparent  url(../images/bg_topo.png) no-repeat top;}

#logo {margin: 10px 90px 0 65px; float: left; }

#topo {	float: left; width:690px; /* border: 1px solid red;*/ }

#toolbar {vertical-align:top;}
ul.toolbarText {list-style: none; display: inline; float: left; padding-bottom: 5px;}
ul.toolbarText li {margin-right: 20px; display: inline; font: normal 11px verdana; color: #fff;}
ul.toolbarText li a:link {text-decoration: none; color: #fff;}
ul.toolbarText li a:visited{text-decoration: none; color: #fff;}
ul.toolbarText li a:hover{text-decoration: underline;}
ul.toolbarText li.ative a:link {text-decoration: none; color: #888;}

ul.toolbarIcon {list-style: none; display: inline; float: right;}
ul.toolbarIcon li {margin-right: 20px; display: inline; width: 9px; height: 9px; }

#language {float: right; margin: 30px 10px 0;}
ul.language {list-style: none; display: inline;}
ul.language li {margin-right: 5px; display: inline; font: normal 11px verdana; color: #333; }
ul.language li a:link {text-decoration: none; color: #333; }
ul.language li a:visited {text-decoration: none; color: #333; }
ul.language li a:hover {text-decoration: underline;}

#menu {background: #fff; height: 25px; border-bottom: 2px solid #35424A; padding-left: 5px;}

ul.abas {font: normal 11px verdana; list-style-type: none;} 
ul.abas li {height: 25px;margin-right: -15px;float: left;background: url(../images/imgMenu_ldDir01.png) no-repeat right top;} 
ul.abas li a {display: block;padding: 7px 50px 0 20px;color: #fff; text-decoration: none; background: url(../images/imgMenu_ldEsq.png) no-repeat left top;} 
ul.abas li a:hover { color: #ff0; }

ul.abas li.ative {height: 25px;margin-right: -15px;float: left;background: url(../images/imgMenu_ldDir01_ative.png) no-repeat right top;}
ul.abas li.ative a {display: block;padding: 7px 50px 0 20px;color: #fff; text-decoration: none; background: url(../images/imgMenu_ldEsq_ative.png) no-repeat left top;} 
ul.abas li.ative a:link { color: #ff0; }
ul.abas li.ative a:hover { color: #ff0; }
	
#login {border-top: 2px solid #fff; border-bottom: 1px solid #6F97F9; background: #fff url(../images/bg_login.png) repeat-x; height: 40px;}

.formLogin {background:url(../images/img_apoioLogin.png) no-repeat top left; margin-right: 15px; float: left; }
p.forgotPass {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; margin-top: 12px; float: left; display: none; }

.btSignUp {height: 26px; float: right; margin: 7px 10px 0 0;cursor:pointer}
.btSignUpDir {float: left; background: url(../images/bt_signupLdDir.png) no-repeat; width: 7px; height: 26px;}
.btSignUpMidd {float: left; background: url(../images/bt_signupMeio.png) repeat-x; height: 26px; padding: 0 8px; font: bold 13px arial; color: #fff; line-height: 26px; letter-spacing: -1px;}
.btSignUpEsq {float: left; background: url(../images/bt_signupLdEsq.png) no-repeat; width: 7px; height: 26px;}


.btLeft {height: 26px;float: left; margin: 7px 10px 0 0;cursor:pointer}
.btLeftDir {float: left; background: url(../images/bt_signupLdDir.png) no-repeat; width: 7px; height: 26px;}
.btLeftMidd {float: left; background: url(../images/bt_signupMeio.png) repeat-x; height: 26px; padding: 0 8px; font: bold 13px arial; color: #fff; line-height: 26px; letter-spacing: -1px;}
.btLeftEsq {float: left; background: url(../images/bt_signupLdEsq.png) no-repeat; width: 7px; height: 26px;}


.botaoInput {cursor:pointer;background: url(../images/bt_signupMeio.png) repeat-x; height: 20px; font: bold 13px arial; color: #fff;border:0px;padding-left:3px;padding-right:3px}


#loginHome {padding: 7px 0 0 30px; display: none;}
#loginHome label {margin-right: 15px; font: normal 11px verdana; color: #333;}
#loginHome>label>input {margin-left: 3px;}
#loginHome input[type=text], #loginHome input[type=password] {
font: normal 12px verdana;
color: #333;
background: #EAF2FD;
border: 1px solid #8A95B5;
height: 17px;
}

#loginHome button {
background: #EAF2FD;
border: 1px solid #8A95B5;
padding: 0 8px;
font: bold 12px arial;
color: #333;
}

#loginHome label.ultimo {margin-right: 5px;}

.loginUser {float: left; margin: 10px;}
.loginUser span{font:normal 12px verdana; color: #333; vertical-align: middle;}
.logout{margin-left: 20px; font:bold 12px verdana; color: red;}

#content {background: #fff; height:auto; padding: 5px 5px 30px 5px;}

#conetainerConteudo { /*  border: 1px solid pink;   */ height: 100%;}

#containerEsq{float: left;  /* border: 1px dotted blue;  height:100%; */ width: 188px;position:relative}

#containerDir {float: right;  /*border: 1px solid red;   */ height:100%; width: 768px; margin-left: 10px;margin-right: 10px; margin-top: 10px;}

#conetainerCustomerArea{margin: 5px 5px 20px 5px; height:auto;}
h1.h1CustomerArea {margin: 5px 10px; font: bold 13px trebuchet ms; color: #fff; background: url(../images/lock_16x16_44.png) no-repeat left top; padding-left: 20px;}
.tituloH1Customer {background:#7286C7; padding: .1em 0; margin-bottom: 8px;}
#containerCustAreaEsq {float: left; width: 185px; height: 900px; background: #EFF2FB; padding-left: 15px;}
#containerCustAreaDir {float: right; width: 755px; height: 800px; border: 1px solid #C6D1EF;}

p.tituloCustomAreaMenu {font: bold 13px verdana; letter-spacing: -1px; color: #5668B0; margin:20px 0 8px 0;}
ul.menuCustomList {	list-style: none;}
ul.menuCustomList li{font: 11px verdana; color: #333; background: url(../images/bullet_custom.png) no-repeat left 3px; padding-left: 18px; height: 16px; margin-bottom: 4px;}
ul.menuCustomList li a:link{color: #333; text-decoration: none;}
ul.menuCustomList li a:visited{text-decoration: none; color: #333;}
ul.menuCustomList li a:hover{text-decoration: underline;}

ul.menuCustomList li.euCard{background: url(../images/sprite_icoProducts.png) no-repeat left -2px;}
ul.menuCustomList li.euPlan{background: url(../images/sprite_icoProducts.png) no-repeat left -18px;}
ul.menuCustomList li.euNumber{background: url(../images/sprite_icoProducts.png) no-repeat left -34px;}

ul.menuCustomList li.intro{background: url(../images/sprite_menuCustom.png) no-repeat left top;}
ul.menuCustomList li.orders{background: url(../images/sprite_menuCustom.png) no-repeat left -16px;}
ul.menuCustomList li.pay{background: url(../images/sprite_menuCustom.png) no-repeat left -32px;}
ul.menuCustomList li.cancel{background: url(../images/sprite_menuCustom.png) no-repeat left -48px;}
ul.menuCustomList li.chat{background: url(../images/sprite_menuCustom.png) no-repeat left -64px;}


#teaserFlash {height: 164px;margin: 2px;background: #FA9105;margin-bottom: 10px;text-align:center/* border: 1px solid #f60; */}

.ladoDirCima {float: right; margin-top: -1px; margin-right: -1px;}
.ladoDirBaixo {float: right; margin-bottom: -1px; margin-right: -1px;}

.ladoEsqCima {float: left; margin-top: -1px; margin-left: -1px;}
.ladoEsqBaixo  {float: left; margin-bottom: -1px; margin-left: -1px;}

#containerRates {margin: 2px;background: #fff; /*  #EAF2FD; *//* border: 1px dotted green; */}

.contentBox { border: 1px solid #d2d8ed; margin: 5px 0 10px 0; padding-bottom: 4px;}

.contentBoxNews, .contentBoxFeatured {height: 158px; border: 1px solid #fff; position:relative}

div.tituloBox {height: 24px; background: url(../images/imgTitulo_ldDir.png) top right;}

h1.tituloBoxH1 {
height: 24px;
color: #333;
font: bold 12px verdana;
letter-spacing: -1px;
background: url(../images/imgTitulo_ldEsq.png) no-repeat top left;
padding-left: 10px;
line-height: 24px;
}

div.tituloBoxEucard {height: 24px; background: url(../images/sprite_Titulo_ldDir.png) -24px right;}
h1.tituloBoxH1Eucard {height: 24px;color: #333;font: bold 12px verdana;letter-spacing: -1px;background:url(../images/sprite_Titulo_ldEsq.png) no-repeat -24px left;padding-left: 10px;line-height: 24px;}

div.tituloBoxEunumber {height: 24px; background: url(../images/sprite_Titulo_ldDir.png) -48px right;}
h1.tituloBoxH1Eunumber {height: 24px;color: #333;font: bold 12px verdana;letter-spacing: -1px;background:url(../images/sprite_Titulo_ldEsq.png) no-repeat -48px left;padding-left: 10px;line-height: 24px;}

div.tituloBoxEuplan {height: 24px; background: url(../images/sprite_Titulo_ldDir.png) -72px right;}
h1.tituloBoxH1Euplan {height: 24px;color: #333;font: bold 12px verdana;letter-spacing: -1px;background:url(../images/sprite_Titulo_ldEsq.png) no-repeat -72px left;padding-left: 10px;line-height: 24px;}


p.textoParagrNormal {font: 11px verdana; margin: 10px 0 5px 10px; color:#333; background: url(../images/img_bullet.png) no-repeat left 4px; padding-left: 8px;}
p.dest{ width:12%;float:left }

img.callingTo {	vertical-align: middle;	padding: 0 5px;}
img.waitingTo {vertical-align: middle; padding: 0 0 0 5px;}
img.ico_selectAccess {vertical-align: middle; margin: 0 0 0 10px;}

select.selectCallFrom {width: 200px;}
select.selectCallTo {width: 200px;}
select.selectAccess { margin: 5px 0 10px 10px;}

.accessResult {	
background: #ffc; 
font: 700 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #666;
height: 20px;
letter-spacing: -1px;
line-height: 15px;
margin:10px;
}

.accessResult span {margin-left: 10px;}

form.formCalling{display: inline; margin: 0 10px 0 10px;}
.formCalling div{display: inline; margin: 0 10px 0 10px;}

.rateCalling {font: bold 11px verdana; color: black; vertical-align: middle;}
.rateCallingUS {font: 11px verdana; color: #333; margin-right: 10px;}

.shouldKnow p{font: 11px verdana; color: #666; margin: 10px 10px 10px 10px; line-height: 1px; /*  display: none;  */}
.shouldKnow p.bold{font: bold 11px verdana; color: #3E5DA6; background: url(../images/img_bullet.png) no-repeat left 4px; padding-left: 8px;}

p.rateCallingPS { text-align: right; font: 10px verdana; color: #666; margin: 10px 10px  0 0; }

#containerNews {float: left; margin: 2px; width: 288px; /* border: 1px dotted orange; */}

.contentNoticia {margin:10px; border-bottom: 1px dashed #ccc;}

.tituloNews {font: 700 11px verdana;color: #666; background: url(../images/img_bullet01.png) no-repeat left 4px; padding-left: 8px;}
.textoNews {font: 11px verdana; color: #666; margin-bottom: 10px;}

#containerAccess {margin: 2px;/* border: 1px dotted red; */}

#containerFeatured {float: left;margin: 2px;width: 471px;/* border: 1px dotted #c6f; */}

.boxCards { margin: 10px; clear: both;}
.imgCards {	float: left; margin-right: 10px;}
.infoCards {}
.tituloboxCards {font: bold 11px verdana; color: #333; letter-spacing: -1px;}
.textoboxCards {font: normal 11px verdana; color: #333; }

#containerFooter {margin-bottom: 20px;}

#footer {text-align: center;height: 26px;background: transparent  url(../images/bg_footer.png) no-repeat bottom;}

#footer img {vertical-align: middle;}

#rodape {background: #fff;}

.containerRodape {background:  url(../images/bg_rodape.png) repeat-x bottom;margin: 0 5px;height: 150px;}

.containerRodapeEsq {float:left; margin-left: 20px;}
.containerRodapeDir {float:right; margin-right: 20px;}

.containersBox { font: normal 11px verdana; color: #333; margin-bottom: 10px; }
.containersBox p.tituloContainerBox{ font: bold 11px verdana; color: #333; margin-bottom: 4px; letter-spacing: -1px;}
.containersBox p{ font: normal 11px verdana; color: #666;}

ul.footerLista {list-style: none;}
ul.footerLista li {display: inline; margin-right: 5px; color: #666;}
ul.footerLista li a:link {text-decoration: none; color: #666;}
ul.footerLista li a:visited {text-decoration: none; color: #666;}
ul.footerLista li a:hover {text-decoration: underline;}

#copyright {height: 30px;background: #fff;padding: 0 5px;/*    border: 1px solid red;     */}

.copyrightText {
background: url(../images/bg_copyright01.png) repeat-x;
font: normal 11px verdana;
color: #fff; 
line-height: 23px;
height: 23px;
width: 964px;
float: left;
text-align: center;
margin-top: 5px; 
}

.copyLdEsq {
float:left;
height:23px;
width:6px;
background: url(../images/bg_copyright.png) no-repeat top left;
margin-top:5px;
}

.copyLdDir {
float:left;
height:23px;
width:6px;
background: url(../images/bg_copyright.png) no-repeat top right;
margin-top:5px;
}

h1.tituloPagesH1 {
font: bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
letter-spacing: -1px;
color: #3E5DA6;
margin-bottom: 10px;
}

/* ABOUT */

.containerAbout {margin: 10px;/* border: 1px solid red; */}
.containerAbout p {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;color: #333; margin: 5px 0;}


#panelNews{
  position: absolute;
  top:10px;
  left:2px;
  width: 279px;
  height: 158px; 
}


#text3{
  position: relative;
  top: -5px;
  left: 0;

  width: 100%;
  height: 150px;

	z-index:1;
  
  overflow: hidden;
	
	cursor: pointer;
	text-align: left;
}

#text3_box{
  position: absolute;
  top: 1px;
  
  width: 254px;
  margin-left:5px;
  overflow: hidden;
}

#text3 p{
  font-family: verdana;
  font-size: 70%;
  
  width: 100%;
	height: auto;
  
  color: #606060;
  border: 0px solid #000;
	
}



.tdName1
{
	text-align: right;
	background-color: #dfecff;
	color: #333;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 5px 10px 0px;
	border-right: 5px solid white;	
}

.tdInput1
{
	text-align: left;
	background-color: #f2f6ff;
	font-family: verdana;
	font-size: 11px;
	padding-left: 5px;
}

.tdName2
{
	text-align: right;
	background-color: #ecf2fe;
	color: #333;
	font-family: verdana;
	font-size: 11px;
	padding: 8px 5px;
	border-right: 5px solid white;
}

.tdInput2
{
	text-align: left;
	background-color: #f7faff;
	font-family: verdana;
	font-size: 11px;
	padding-left: 5px;
}

.required
{
	color: #30a3c8;
	padding-left: 3px;
	font-weight: bold;
}

.comment
{
	color: #999;
	padding-left: 5px;
	font-family: "verdana";
	font-size: 11px;
}

.texto
{
	color: #333;
	font-family: "Verdana";
	font-size 10px;
}

.tdInput1 input
{
	border: 1px solid #9ca8d6;
	width: 180px;	
}

.tdInput2 input
{
	border: 1px solid #9ca8d6;	
	width: 180px;
}

.tdInput2 select
{
	border: 1px solid #9ca8d6;	
	width: 185px;
	background-color: white;
	color: #333;
}

.infoPessoaisHeader
{
	float: left;
}

.infoPessoaisHeader2
{
	float: right;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	text-align: right;
}

.infoPesHeaderLeft
{
	float: left;
	width: 11px;
	height: 19px;
	background-image: url('../images/ld_esq.png');
	border-bottom: 1px solid #7286c6;
}

.infoPesHeaderContent
{
	float: left;
	width: 180px;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
	color: white;
	font-family: "Verdana";
	text-decoration: none;
	font-size: 12px;
	background-color: #7286c6;
	border-bottom: 1px solid #7286c6;
}

.infoPesHeaderRight
{
	float: left;
	width: 11px;
	height: 19px;
	background-image: url('../images/ld_dir.png');	
	border-bottom: 1px solid #7286c6;
}

.check
{
	text-align: left;
	font-family: verdana;
	font-size: 11px;
	color: #4a5582;
}


#divButton1_load
{
	position:absolute;
	left: 50%;
	top: 200px;
	margin-left: -155px;
	
	width: 310px;
	
	background-color: white;
	
	border: 2px solid #666;
	
	padding: 5px;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	display:none;
	}


.accordion_headings{
	padding:5px;
	background:#6C81C5;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{ background:#cfd8f0; }

.accordion_child{
	padding:15px;
	background:#EEE;
	height:300px;	
	overflow:auto;
}	

.containerDescricao { color:#333; }

.vitrineRow {
border-bottom-width:1px;
border-color:#fff;
border-bottom-style:solid;
font-family: Verdana;
font-size: 10px;
	
}

.containerImagem, .containerDescricao, .containerQuantidade, 
.containerPreco, .containerAcao {padding:2px;}

.valorInvalido{
	color: red;
	font:10px Verdana;
	display:none;
}

.retorno{
	display: none;
	height: 100%;
	width:30%;
	position: absolute;
	background: #ECF2FE;
	line-height: 450px;
	vertical-align:middle;
	text-align: center;
	font:12px verdana;
}

.retorno h2{font:bold 20px verdana;display: inline;}
.retorno h4{font:bold 14px verdana;display: inline;}

.content_checkout{ font: 13px verdana; line-height: 14px; padding: 10px;}
.content_checkout p{ margin-bottom: 15px; }
.content_checkout input{ font-size:16px; display:none;}

#checkout_step ul{ margin-left: 45px; padding-top: 5px; }
#checkout_step #bullet{ position:absolute; top:3px; left:3px; }

#checkout_step{
	width:760px;
	height:45px;
	background:url('../images/checkout_bgStep.png');
	margin-bottom:20px;
	position: relative;
}

#checkout_step li{
	float:left;
	width: 24.9%;
	list-style: none;
	font:12px verdana;	
}

#checkout_step .imgPasso li{ text-align: left; }

#checkout_step .imgPasso a{
	width: 12px;
	height: 12px;
	background:url("../images/checkout_status.png");
	display: block;
	text-decoration: none;
	margin-left: 25%;
	position: relative;
}