/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
title
{
    color: #0099FF;
}
body
{
    line-height: 1;
}
body.commerce
{
    background: url(images/vtex_bkg-bodyClass-commerce.png) repeat-x;
}
body.CRM-APP
{
    background: url(images/vtex_bkg-bodyClass-CRM.png) repeat-x;
}
body.project
{
    background: url(images/vtex_bkg-bodyClass-project.png) repeat-x;
}
body.vtex
{
    background: url(images/vtex_bkg-bodyClass-home.png) repeat-x;
}

body.depoimentos{   background: url(images/vtex_bkg-bodyClass-home.png) repeat-x;}
body.pageHome
{
    background: url(images/vtex_bkg-bodyClass-home.png) repeat-x;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins
{
    text-decoration: none;
}
del
{
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
a
{
    font-family: Arial;
    font-size: 10px;
    color: #FF6600;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}

/* ESTRUTURA */

#container
{
    display: block;
    width: 1003px;
    margin: 0px auto 0px auto;
    border-left: 4px solid #F7F7FB;
    border-right: 4px solid #F7F7FB;
    background: #fff url(images/vtex-bkg.png) no-repeat top right;
}
.vtex #container
{
    background: #fff;
}
/* TOP BANNER*/

.topBanner
{
    display: block;
    width: 1003px;
    height: 50px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}
/* TOPBAR*/

.topBar
{
    display: block;
    width: 1011px;
    height: 40px;
    margin: 10px auto 0px auto;
    padding: 0px;
}
.topBarLeft
{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -13px -521px;
}
.topBarCenter
{
    display: block;
    float: left;
    width: 931px;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background: url(images/vtex_bkg-bar.png) repeat-x;
}
.topBarRight
{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -13px -566px;
}

/* FIM  TOPBAR*/


/* TOP CONTENT */

#topContent
{
    display: block;
    width: 1003px;
    height: 80px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#topContent h1
{
    display: block;
    float: left;
    width: 246px;
    height: 74px;
    text-indent: -9999px;
}
#topContent h1 a
{
    display: block;
    float: left;
    width: 246px;
    height: 74px;
    margin: 0px 0px 0px 30px;
    background: url(images/vtex-image.png) no-repeat 0px 0px;
}
#topContent ul
{
    display: block;
    float: right;
    width: 309px;
    height: 74px;
    margin:0px 10px 0px 0px;
    padding: 0px;
}
topContent li
{
}

/* FIM  TOP CONTENT*/


/* MENU PRINCIPAL */

.subMenu ul
{
    display: block;
    float: right;
    width: 200px;
    height: 20px;
    font-family: arial;
    font-size: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0x 0px 0px;
}


.subMenu li a
{
    float: right;
    padding: 0px 12px 0px 10px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -162px;
    text-indent: 0px;
    color: #999999;
}
.subMenu li a:hover
{
    color: #ff6600;
}

/* FIM MENU PRINCIPAL */

#content
{
    display: block;
    float: left;
    width: 1003px;
    margin: 0px 0px 0px 0px;
    padding: px;
}
#content .conteudo
{
    display: block;
    float: left;
    width: 430px;
    margin: 0px 0px 20px 100px;
    padding: 0px;
}
.vtex #content .conteudo{
	width: 800px;
}
.depoimentos #content .conteudo
{
    
    margin: 0px auto 0px auto;
    }
.commerce.varejo #content .conteudo
{
    float:none;
    margin: 0px auto 0px auto;
    }
.CRM-APP.aerea #content .conteudo
{
    float: none;
    margin: 0px auto 0px auto;
    }
.CRM-APP.mercado #content .conteudo
{
    float: none;
    margin: 0px auto 0px auto;
    }    
.project.construcao #content .conteudo
{
    float: none;
    margin: 0px auto 0px auto;
    }
#content .conteudo.industria
{
    width: 850px;
    margin: 0px auto 0px auto;
    float: none;
}
#content hr
{
    display: block;
    clear: both;
    widdth: 1003px;
}
.reuniao #content hr
{
    border-top: 1px solid #0099cc;
}

.demo #content hr
{
    border-top: 1px solid #FF9900;
}
#content .conteudo .btn-enviar
{
    display: block;
    width: 60px;
    float: left;
    font-family: arial;
    font-size: 11px;
    cursor: pointer;
    font-weight: bold;
}
.reuniao #content .conteudo .btn-enviar
{
    color: #79BCE7;
}
.demo #content .conteudo .btn-enviar
{
    /*color: #FF6600;*/
}
#content .conteudo table
{
    width: 400px;
    margin: 20px auto 0px 260px;
    padding: 0px;
    font-family: arial;
    font-size: 10px;
}
#content .conteudo tr
{
    display: block;
    padding: 3px 0px 0px 0px;
    font-size: 11px;
}
#content .conteudo td
{
    width: 80px;
    padding: 0px;
    font-family: Arial;
    letter-spacing: 0.7px;
    color: #999999;
}
.reuniao #content .conteudo td
{
    color: #79BCE7;
}
.demo #content .conteudo td
{
    /*color: #FF6600;*/
}


#content .conteudo input
{
    width: 220px;
    margin: 0px 0px 10px 20px;
    border: 0px;
    font-family: arial;
    font-size: 11px;
    background-color: #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
    color: #999;
    font: normal normal 11px/15 arial;
}
.reuniao #content .conteudo input
{
    background-color: #EFF7FC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #79BCE7;
}
.demo #content .conteudo input
{
    /* background-color: #FFF1E8;     -moz-border-radius: 5px;     -webkit-border-radius: 5px;     border: 1px solid #FBEAE0;     color:#774700;     font: normal normal 11px/15 arial;*/
}
#content .conteudo select
{
    width: 250px;
    font-family: arial;
    font-size: 10px;
    margin: 0px 0px 5px 20px;
    border: 0px;
    background-color: #eee;
    color: #999;
    font: normal normal 11px/15 arial;
}
.reuniao #content .conteudo select
{
    background-color: #EFF7FC;
    color: #79BCE7;
}
.demo #content .conteudo select
{
    /*  background-color: #FFF1E8;     color:#774700;     font: normal normal 11px/15 arial;*/
}
#content .conteudo option
{
}
#content .conteudo textarea
{
    width: 165px;
    margin: 0px 0px 5px 20px;
    background-color: #eee;
    color: #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
}
.reuniao #content .conteudo textarea
{
    /*background-color: #EFF7FC;     color: #79BCE7;     -moz-border-radius: 5px;     -webkit-border-radius: 5px;     border: 1px solid #79BCE7;*/
}
.demo #content .conteudo textarea
{
    /* background-color: #FFF1E8;     color: #FF6600;     -moz-border-radius: 5px;     -webkit-border-radius: 5px;     border: 1px solid #FBEAE0;*/
}
.demo #content .conteudo textarea
{
}
#content .conteudo h2
{
    font-family: arial;
    font-size: 17px;
    line-height: normal;
    font-weight: normal;
    color: #999;
    text-indent: 20px;
}
#content .conteudo h2.introOrange
{
    display: block;
    width: 640px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    background: url(images/vtex-image.png) no-repeat -380px -533px;
}
#content .conteudo h2.introOrange.industria
{
    height: 40px;
    background: none;
    font-size: 33px;
    color: #dfdfdf;
    font-weight: bold;
}
#content .conteudo h2.introBlue.industria
{
    background: url(images/vtex-image.png) no-repeat -10px -1016px;
}
#content .conteudo h2.introBlue.industria2
{
    background: url(images/vtex-image.png) no-repeat -10px -1238px;
}
#content .conteudo h2.introGreen.industria
{
    background: url(images/vtex-image.png) no-repeat -10px -1140px;
}
#content .conteudo h2.introBlue
{
    display: block;
    width: 640px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    background: url(images/vtex-image.png) no-repeat -380px -656px;
}


#content .conteudo h2.introGreen
{
    display: block;
    width: 640px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    background: url(images/vtex-image.png) no-repeat -368px -25px;
}
#content .conteudo h2.introBlack
{
    display: block;
    width: 640px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    background: url(images/vtex-image.png) no-repeat -381px -780px;
}
#content .conteudo h2 span
{
    font-weight: bold;
}
#content .conteudo h4
{
    display: block;
    font-family: Arial;
    font-size: 12px;
    color: #666666;
    line-height: 16px;
    font-weight: normal;
    margin: 0px 0px 0px 20px;
    padding: 0px;
}

.even
{
    clear: both;
}
.legenda
{
    color: #999999;
    font-family: arial;
    font-size: 10px;
    float: left;
    display: block;
    width: auto;
    height: 20px;
    margin: 15px 0px 0px 0px;
}
.darkblue
{
    color: #666666;
    font-weight: bold;
}
.vtex .darkblue{
	color: #476B7E;
}
.orange
{
    color: #FF6600;
    font-weight: bold;
}
.sqrOrange
{
    background-image: url(images/vtex-list-square-crm.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
}

.brdOrange
{
    display: block;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #FFE8D9;
}
.blue
{
    color: #0099CC;
    font-weight: bold;
}
.sqrBlue
{
    background-image: url(images/vtex-list-square-commerce.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
}
.brdBlue
{
    display: block;
    float: left;
    border: 1px solid #DBF1F8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #DBF1F8;
}

.green
{
    color: #009933;
}
.sqrGreen
{
    background: url(images/vtex-list-square-project.png) no-repeat 0px 7px;
}
.brdGreen
{
    background: #F2F9F4;
    display: block;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #DFF2E6;
}
.sqrBlack
{
    background: url(images/vtex-list-square-black.png) no-repeat 0px 7px;
    color: #5959B0;
}
.brdBlack
{
    display: block;
    float: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #DEDEEF;
}

#content .airplane{
	display: block;
	float:left;
	width:137px;
	height:370px;
	margin: 20px 0px 0px 100px;
	padding:0px;
	background-image: url(images/vtex-image.png);
	background-repeat: no-repeat;
	background-position: -649px -956px;	
}
#content .cifrao{
display: block;
	float:left;
	width:125px;
	height:375px;
	margin: 20px 0px 0px 100px;
	padding:0px;
	background-image: url(images/vtex-image.png);
	background-repeat: no-repeat;
	background-position: -488px -952px;	
}
#content .house{
	display: block;
	float:left;
	width:149px;
	height:339px;
	margin: 20px 0px 0px 100px;
	padding:0px;
	background-image: url(images/vtex-image.png);
	background-repeat: no-repeat;
	background-position: -823px -980px;	
}
#content .varejoB2C
{
    display: block;
	float:left;
	width:116px;
	height:374px;
	margin: 20px 0px 0px 100px;
	padding:0px;
	background-image: url(images/vtex-image.png);
	background-repeat: no-repeat;
	background-position: -337px -953px;
    }
    #content .varejoB2B
{
    display: block;
	float:left;
	width:109px;
	height:374px;
	margin: 20px 0px 0px 150px;
	padding:0px;
	background-image: url(images/vtex-image.png);
	background-repeat: no-repeat;
	background-position: -203px -955px;
    }
#content .conteudo .boxBonus
{
    display: block;
    float: left;
    width: 600px;
    height: 100px;
    margin: 0px auto 40px 0px;
}
#content .conteudo .boxBonus h3
{
    display: block;
    float: left;
    width: 570px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font: normal bold 33px/19px Arial;
    color: #ccc;
}


#content .conteudo .boxBonus em
{
    display: block;
    float: left;
    width: 120px;
    height: 30px;
    margin: 20px 0px 0px 2px;
    padding: 10px;
    text-align: center;
    font: normal normal 11px/13px Arial;
    
    }
.CRM-APP #content .conteudo .boxBonus h3
{
    color:#FF6600;
    }
.CRM-APP #content .conteudo .boxBonus em
{
    border: 1px solid #FBE2D2;
    background: #FDF3EC;
    color:#FF6600;
    }
.commerce #content .conteudo .boxBonus h3
{
    color:#0099CC;
    }    
.commerce #content .conteudo .boxBonus em  
{
    border: 1px solid #DEF3FC;
    background: #F2FAFE;
    color:#0099CC;
    }  
.project #content .conteudo .boxBonus h3
{
   
    color: #00995A;
}
.project #content .conteudo .boxBonus em
{
    
    border: 1px solid #D0ECD9;
    background: #E9F6ED;
    color:#00995A;
}

.small
{
    font-size: 10px;
}
#content .conteudo dl
{
    display: block;
    margin: 10px;
    padding: 10px;
}
#content .conteudo dt.brdBlue
{
    clear: both;
}
#content .conteudo dl.brdBlue
{
    width: 265px;
    height: auto;
    background: #F7FCFD;
}
#content .conteudo dl.brdOrange
{
    width: 530px;
    height: auto;
    background: #FFFAF7;
}
#content .conteudo dl.brdOrange.industria
{
    width: 800px;
}
#content .conteudo dl.brdBlue.industria
{
    width: 800px;
}
#content .conteudo dl.brdGreen.industria
{
    width: 800px;
}
#content .conteudo dl.brdGreen
{
    width: 265px;
    height: auto;
}
#content .conteudo dl.brdBlack
{
    width: 170px;
    height: auto;
}
/* BOTOES QUICKVIEW MODULOS*/

#content .conteudo a.btn-quickView
{
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    margin: 5px 0px 5px 0px;
    padding: 0px;
    text-indent: -9999px;
    background: url(images/vtex-image.png) no-repeat -744px -149px;
}

/* FIM */


.vtex #content .conteudo dt{
	color:#476B7E;
}
.vtex #content .conteudo dd{
	color:#476B7E;
}

#content .conteudo dt
{
    font-family: arial;
    font-size: 12px;
    color: #999999;
    line-height: 17px;
    letter-spacing: 0.3px;
}
#content .conteudo dd
{
    display: block;
    width: auto;
    font-family: arial;
    font-size: 12px;
    color: #999999;
    line-height: 19px;
    letter-spacing: 0.3px;
    padding: 0px 0px 0px 10px;
}
#content .conteudo dt span
{
    font-weight: bold;
}
#content .sideConteudo
{
    display: block;
    float: left;
    width: 340px;
    height: auto;
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

/* CSS DA HOME */

.pageHome #content .placeViewHome
{
    display: block;
    width: 800px;
    height: 334px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}
.pageHome #content .placeViewHome p
{
    display: block;
    float: left;
    width: 300px;
    height: auto;
    font-family: arial;
    font-size: 11px;
    line-height: 14px;
    color: #666666;
}
.pageHome #content .placeViewHome h2
{
    font-family: arial;
    font-size: 17px;
    line-height: normal;
    font-weight: normal;
    color: #999999;
    text-indent: 20px;
}

.pageHome #content .contentMenuDepartamento
{
    display: block;
    float: left;
    width: 400px;
    height: auto;
    margin: 10px 0px 0px 30px;
    padding: 0px;
}

.pageHome #content .contentMenuDepartamento dt
{
    display: block;
    width: 360px;
    height: auto;
    margin: 10px;
    padding: 0px;
    font: normal normal 11px/14px arial;
    color: #999999;
}

/* FIM DO CSS DA HOME*/
.PRJCL a
{
    display: block;
    float: left;
    width: 94px;
    height: 304px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -130px -942px;
}
.PRJCL a:hover
{
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -547px -944px;
}
.CRMAPP a
{
    display: block;
    float: left;
    width: 94px;
    height: 304px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -274px -943px;
}
.CRMAPP a:hover
{
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -670px -944px;
}

.CMMCS a
{
    display: block;
    float: left;
    width: 94px;
    height: 304px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -418px -942px;
}
.CMMCS a:hover
{
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -785px -943px;
}

.pageHome #content .placeView
{
    display: block;
    float: left;
    width: 290px;
    height: 190px;
    margin: 20px;
    padding: 0px 0px 0px;
}
.pageHome #content .placeView p
{
    display: block;
    float: left;
    width: 200px;
    font-family: arial;
    font-size: 11px;
    margin: 10px 0px 0px 0px;
}
/* BOX LATERAIS */


#content .sideConteudo.boxCrm
{
    margin: 80px 0px 0px 0px;
    background: #FFF7F2;
    opacity: 0.6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #FFF7F2;
}
#content .sideConteudo.boxCrm h3
{
    display: block;
    float: left;
    width: 100%;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 15px;
    color: #FF6600;
}
#content .sideConteudo.boxCrm dd
{
    display: block;
    width: auto;
    font-family: arial;
    font-size: 12px;
    color: #999999;
    line-height: 19px;
    letter-spacing: 0.3px;
    padding: 0px 0px 0px 10px;
}
#content .sideConteudo.boxCommerce
{
    margin: 80px 0px 0px 0px;
    background: #F2FAFC;
    opacity: 0.6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #F2FAFC;
}
#content .sideConteudo.boxCommerce h3
{
    display: block;
    float: left;
    width: 100%;
    height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 15px;
    color: #0099CC;
}
#content .sideConteudo.boxCommerce dd
{
    display: block;
    width: auto;
    font-family: arial;
    font-size: 12px;
    color: #999999;
    line-height: 19px;
    letter-spacing: 0.3px;
    padding: 0px 0px 0px 10px;
}

#content .sideConteudo.boxProject
{
    margin: 80px 0px 20px 0px;
    background: #F2F9F4;
    opacity: 0.8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #DFF2E6;
}
#content .sideConteudo.boxProject h3
{
    display: block;
    float: left;
    width: 100%;
    height: 20px;
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 15px;
    color: #009933;
    text-indent: 10px;
    margin: 10px 0px 0px 0px;
}

#content .sideConteudo.boxProject dd
{
    display: block;
    width: auto;
    font-family: arial;
    font-size: 12px;
    color: #999999;
    line-height: 19px;
    letter-spacing: 0.3px;
    padding: 0px 0px 0px 10px;
}
#content .sideConteudo.feeds
{
    display: block;
    float: left;
    width: 800px;
    height: auto;
    margin: 40px 0px 20px 50px;
    padding: 20px 20px 0px 20px;
    border-top: 1px dotted #dfdfdf;
}
#content .sideConteudo.feeds h3
{
    display: block;
    width: 100%;
    height: 35px;
    margin: 0px 0px 0px 20px;
    padding: 0px;
    background: none;
    font-family: Arial;
    font-size: 11px;
}
.depoimentos #content h4
{
    display: block;
    width: 600px;
    height: 35px;
    margin: 20px 0px 0px 40px;
    padding: 0px;
    background: none;
    font-family: Arial;
    font-size: 12px;
    color: #666;
}
.depoimentos #content h3
{
    display: block;
    width: 640px;
    height: 100px;
    margin: 0px 0px 0px 40px;
    padding: 0px 0px 0px 20px;
    font-family: Arial;
    font-size: 25px;
    color: #999999;
    text-indent: 10px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -380px -404px;
}
#content .sideConteudo.feeds p
{
    display: block;
    float: left;
    width: 430px;
    height: auto;
    margin: 150px 0px 10px 20px;
    padding: 0px 10px 20px 0px;
    font-family: arial;
    font-size: 12px;
    color: #666;
    line-height: 26px;
}
#content .sideConteudo.feeds hr
{
    display: block;
    float: left;
    width: 90%;
}
#content .sideConteudo.feeds .placeView
{
    display: block;
    float: left;
    width: 320px;
    height: auto;
    margin: 10px 0px 0px 20px;
    padding: 0px 0px 20px 0px;
    font-family: arial;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1px;
    font-style: italic;
}


.vtex #content .sideConteudo
{
    margin: 20px 0px 0px 0px;
    background: #fff;
    opacity: 0.8;
    padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #ccc;
}
.vtex #content .sideConteudo h3
{
    display: block;
    float: left;
    width: 100%;
    height: 20px;
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 15px;
    color: #009933;
    text-indent: 10px;
    margin: 10px 0px 0px 0px;
}
.vtex #content .sideConteudo dd
{
    display: block;
    width: auto;
    font-family: arial;
    font-size: 12px;
    color: #999999;
    line-height: 19px;
    letter-spacing: 0.3px;
    padding: 0px 0px 0px 10px;
}
/* FIM */

#firstStep
{
    display: block;
    clear: both;
    width: 1003px;
    height: 83px;
    margin: 20px auto 0px auto;
    background: #E6E6FB;
}
/* conteudo firstStep */
#firstStep h2
{
    display: block;
    width: 100%;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #8F8FDE;
    margin: 7px 0px 0px 10px;
    padding: 0px;
}
#firstStep .infos
{
    display: block;
    float: left;
    width: 201px;
    height: 59px;
    border-right: 1px solid #C8C8EE;
    margin: 0px 0px 10px 0px;
}
#firstStep .infos p
{
    display: block;
    width: 180px;
    height: 20px;
    margin: 20px 0px 0px 10px;
    padding: 0px;
    font-family: Arial;
    font-size: 10px;
    color: #666;
    font-weight: bold;
    line-height: 13px;
}
#firstStep .solre
{
    display: block;
    float: left;
    width: 308px;
    height: 59px;
    border-right: 1px solid #C8C8EE;
    background: url(images/vtex-image.png) no-repeat center;
    background-position: 0px -200px;
    text-indent: -9999px;
}
#firstStep .solre a
{
    display: block;
    float: left;
    width: 308px;
    height: 59px;
    background: url(images/vtex-image.png) no-repeat center;
    background-position: 0px -200px;
    cursor: pointer;
}
#firstStep .solde
{
    display: block;
    float: left;
    width: 345px;
    height: 39px;
    background: url(images/vtex-image.png) no-repeat center;
    background-position: 0px -265px;
    cursor: pointer;
    text-indent: -9999px;
}
#firstStep .solde a
{
    display: block;
    float: left;
    width: 345px;
    height: 39px;
    background: url(images/vtex-image.png) no-repeat center;
    background-position: 0px -265px;
    cursor: pointer;
}
#footer .seloVtex
{
    display: block;
    float: left;
    width: 113px;
    height: 25px;
    margin: 10px 0px 0px 10px;
    background: url(images/vtex-image.png) no-repeat;
    background-position: -250px 0px;
}
#footer p
{
    display: block;
    float: left;
    width: auto;
    height: 20px;
    margin: 20px 0px 0px 10px;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
}
#footer
{
    display: block;
    clear: both;
    width: 603px;
    height: 50px;
    margin: 0px auto 0px auto;
    padding: 0px 200px 0px 200px;
    background: url(images/bkg_footer.png)repeat-x;
    border-bottom: 2px solid #ff9900;
}
/* CLASSES APLICADAS AO MENU*/

.home a
{
    display: block;
    width: 53px;
    height: 17px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -370px;
}
.home a:hover
{
    width: 53px;
    height: 17px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -386px;
}
.EC a
{
    display: block;
    width: 142px;
    height: 17px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -476px;
}
.EC a:hover
{
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -493px;
}
.EC a:focus
{
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -493px;
}
.ECF
{
    display: block;
    width: 142px;
    height: 17px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -173px -493px;
}
.CRM a
{
    display: block;
    width: 118px;
    height: 17px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -422px;
}

.CRM a:hover
{
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -439px;
}
.CRMF
{
    display: block;
    width: 118px;
    height: 17px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -173px -439px;
}
.PRJ a
{
    display: block;
    width: 134px;
    height: 17px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -324px;
}
.PRJ a:hover
{
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -341px;
}
.PRJF
{
    display: block;
    width: 134px;
    height: 17px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -149px -341px;
}
.DPM a
{
    display: block;
    width: 134px;
    height: 17px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -68px -553px;
}
.DPM a:hover
{
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -67px -576px;
}
.DPMF
{
    display: block;
    width: 134px;
    height: 17px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -206px -576px;
}

/* CLASSES APLICADAS AO MENU DO TOPO*/

.first-title
{
    display: block;
    float: left;
    width: 309px;
    height: 30px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: center;
    font-family: Arial;
    font-size: 13px;
    color: #999999;
    background: url(images/Untitled-7.png) no-repeat;
}

.ECT
{
    display: block;
    float: left;
    width: 103px;
    height: 44px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: 0px -74px;
    cursor: pointer;
}
.ECT:hover{
 display: block;
    float: left;
    width: 103px;
    height: 44px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-position: 0px -118px;
    cursor: pointer;
}
.ECTF
{
    display: block;
    float: left;
    width: 103px;
    height: 44px;
    cursor: pointer;
    background-image: url(images/vtex-image.png);
    background-position: 0px -118px;
    cursor: pointer;
}
.CRMT
{
    display: block;
    float: left;
    width: 79px;
    height: 44px;
    cursor: pointer;
    margin: 0px 0px 0px 7px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -103px -74px;
    cursor: default;
}
.CRMT:hover{
	display: block;
    float: left;
    width: 79px;
    height: 44px;
    cursor: pointer;
    margin: 0px 0px 0px 7px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -103px -118px;
    cursor: pointer;
}
.CRMTF
{
    display: block;
    float: left;
    width: 79px;
    height: 44px;
    cursor: pointer;
    margin: 0px 0px 0px 7px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -103px -118px;
    cursor: default;
}
.PRJT
{
    display: block;
    padding: 0px;
    float: left;
    height: 46px;
    width: 102px;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 7px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -183px -73px;
    cursor: default;
}
.PRJT:hover{
display: block;
    padding: 0px;
    float: left;
    height: 46px;
    width: 102px;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 7px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -183px -119px;
    cursor: pointer;
}
.PRJTF
{
    display: block;
    padding: 0px;
    float: left;
    height: 46px;
    width: 102px;
    cursor: pointer;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 7px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -183px -119px;
    cursor: default;
}

/* SELOS */

.seloCertisign
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/certisignlogonovo.png);
    background-repeat: no-repeat;
}
.seloDecanter
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/decanter-selo.png);
    background-repeat: no-repeat;
}
.seloEstacao
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/selo-estacao.png);
    background-repeat: no-repeat;
}
.seloMercatto
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/selo-mercato.png);
    background-repeat: no-repeat;
}
.seloPolishop
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/selo-polishop.png);
    background-repeat: no-repeat;
}
.seloSacks
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/selo-sacks.png);
    background-repeat: no-repeat;
}
.seloTrip
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/selo-trip.png);
    background-repeat: no-repeat;
}
.seloWalmart
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/selo-walmart.png);
    background-repeat: no-repeat;
}
.seloAgora
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/seloAgora.jpg);
    background-repeat: no-repeat;
}
.seloAustralian
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/seloAustralian.png);
    background-repeat: no-repeat;
}
.seloDb2
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/seloDb2.png);
    background-repeat: no-repeat;
}
.seloChemtech
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/seloChemtech.png);
    background-repeat: no-repeat;
}
.seloQueiroz
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/seloQueiroz.png);
    background-repeat: no-repeat;
}
.seloObebrecht
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/seloObebrecht.png);
    background-repeat: no-repeat;
}
.seloPetrobras
{
    display: block;
    float: left;
    width: 100%;
    height: 30px;
    margin: 3px 0px 3px 0px;
    background-image: url(images/seloPetrobras.png);
    background-repeat: no-repeat;
}

/* FIM */

.rodape
{
    display: block;
    width: 1011px;
    height: 40px;
    margin: 0px auto 20px auto;
    padding: 0px;
}

.RL
{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -627px;
}
.CT
{
    display: block;
    float: left;
    width: 931px;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background: url(images/vtex_bkg-rodape.png) repeat-x;
}
.RR
{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-image: url(images/vtex-image.png);
    background-repeat: no-repeat;
    background-position: -10px -672px;
}

/* CONTENT TV */

.contentTv
{
    display: block;
    float: left;
    width: 340px;
    height: 240px;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}
.contentTv .topContentTv
{
    display: block;
    float: left;
    width: 340px;
    height: 25px;
    margin: 0px;
    padding: 0px;
}
.contentTv .tlContentTv
{
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0px;
    padding: 0px;
    background-image: url(tv.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.contentTv .tcContentTv
{
    display: block;
    float: left;
    width: 270px;
    height: 35px;
    margin: 0px;
    padding: 0px;
    background-image: url(tv.png);
    background-repeat: no-repeat;
    background-position: -35px 0px;
}
.contentTv .trContentTv
{
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0px;
    padding: 0px;
    background-image: url(tv.png);
    background-repeat: no-repeat;
    background-position: -305px -0px;
}
.contentTv .centerContentTv
{
    display: block;
    float: left;
    width: 340px;
    height: 170px;
    margin: 0px;
    padding: 0px;
}
.contentTv .clContentTv
{
    display: block;
    float: left;
    width: 35px;
    height: 170px;
    margin: 0px;
    padding: 0px;
    background-image: url(tv.png);
    background-repeat: no-repeat;
    background-position: -0px -35px;
}
.contentTv .ccContentTv
{
    display: block;
    float: left;
    width: 270px;
    height: 170px;
    margin: 0px;
    padding: 0px;
    background-image: url(tv.png);
    background-repeat: no-repeat;
    background-position: -35px -35px;
    z-index: 1;
}
.contentTv .crContentTv
{
    display: block;
    float: left;
    width: 35px;
    height: 170px;
    margin: 0px;
    padding: 0px;
    background-image: url(tv.png);
    background-repeat: no-repeat;
    background-position: -305px -35px;
}
.contentTv .footerContentTv
{
    display: block;
    float: left;
    width: 340px;
    height: 100px;
    margin: 0px;
    padding: 0px;
}
.contentTv .flContentTv
{
    display: block;
    float: left;
    width: 35px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    background-image: url(tv.png);
    background-repeat: no-repeat;
    background-position: -0px -205px;
}
.contentTv .fcContentTv
{
    display: block;
    float: left;
    width: 270px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    background-image: url(tv.png);
    background-repeat: no-repeat;
    background-position: -35px -205px;
}
.contentTv .frContentTv
{
    display: block;
    float: left;
    width: 35px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    background-image: url(tv.png);
    background-repeat: no-repeat;
    background-position: -305px -205px;
}

.depoimentos .menuInside{
	float:right;
	height: auto;
}

.menuInside
{
    display: block;
    float: left;
    width: 360px;
    height: auto;
    margin: 0px;
    padding: 0px;
}
/* MENUSIDE*/



.menuInside #options
{
    width: 380px;
    margin: 0px auto;
    text-align: right;
    color: #9ac1c9;
}
.menuInside #options a
{
    text-decoration: none;
    color: #9ac1c9;
}
.menuInside #options a:hover
{
    color: #033;
}

.menuInside #acc
{
    width: 380px;
    list-style: none;
    color: #033;
    margin: 0 auto 40px;
}
.menuInside #acc h3
{
    width: 380px;
    padding: 6px 6px 8px;
    font-weight: bold;
    margin-top: 5px;
    cursor: pointer;
}
.menuInside #acc h3:hover
{
}
.menuInside #acc .acc-section
{
    overflow: hidden;
    
}
.menuInside #acc .acc-content
{
    width: 425px;
    padding: 15px;
    border-top: none;
    
}

.menuInside #acc .acc-content p
{
    display: block;
    width: 300px;
    font: normal normal 11px/14px arial;
}

.menuInside #acc .acc-content a
{
    display: block;
    float: left;
    width: 145px;
    height: 20px;
    font: normal normal 12px arial;
    color: #999;
    margin: 10px 5px 15px 5px;
    padding: 0px 0px 0px 12px;
    background-image: url("images/vtex-list-square-black.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
}
.menuInside #acc .acc-content a:hover
{
    color: #4C7282;
    text-decoration: none;
}
.menuInside #nested
{
    width: 360px;
    list-style: none;
    color: #033;
    margin-bottom: 15px;
}
.menuInside #nested h3
{
    width: 360px;
    height: 30px;
    padding: 2px 0px 3px 25px;
    font-weight: normal;
    margin-top: 10px;
    cursor: pointer;
    color: #999;
    font: normal bold 11px arial;
    background: url(images/sinalMais.png) no-repeat left center;
}
.depoimentos .menuInside #nested h3
{
    padding: 0px;
    font-weight: normal;
    letter-spacing: 0.7px;
    background: none;
    }
.depoimentos .menuInside #nested h3:hover
{
    color: #A6BFCD;
    background: none;
    }    
.CRM-APP .menuInside #nested h3
{
    width: 620px;
}
.menuInside #nested h3:hover
{
    color: #999;
    background: url(images/sinalMais2.png) no-repeat left center;
}
.menuInside #nested .acc-section
{
    overflow: hidden;
    background:#fff;
    height: auto;
}
.menuInside #nested .acc-content
{
    width: 400px;
    padding: 15px;
    border-top: none;
    background: url(images/Untitled-9.png) repeat-x;
}
.depoimentos .menuInside #nested .acc-content
{
    background:none;
    }
.menuInside #nested .acc-content a.btn-quickView
{
    display: block;
    float: left;
    width: auto;
    height: 22px;
    margin: 5px 0px 5px 10px;
    padding: 3px;
    text-indent: 0px;
    background: none;
    
}
.menuInside #nested .acc-content a.btn-quickView:hover
{
    color: #ff9900;
    text-decoration:underline;
    }
.menuInside #nested .acc-selected
{
}

/* FIM MENUSIDE */

/* PARCEIROS LOGOS*/

.logoParceiros
{
    display: block;
    float: left;
    width: 100px;
    height: 100px;
    margin: 0px 0px 0px 15px;
    padding: 0px;
    background: none;
}
.nomeParceiros
{
    display: block;
    float: left;
    width: 200px;
    height: 40px;
    margin: 0px 0px 0px 10px;
    padding: 3px;
    font-family: arial;
    font-size: 12px;
    color: #999;
}
.productDetail
{
    display: block;
    clear: both;
    width: 680px;
    height: auto;
    margin: 0px auto 0px auto;
    padding: 0px;
}

.productDetail dt
{
    font-family: arial;
    font-size: 12px;
    color: #999999;
    line-height: 17px;
    letter-spacing: 0.3px;
}
.productDetail dd
{
    display: block;
    width: auto;
    font-family: arial;
    font-size: 11px;
    color: #999999;
    line-height: 19px;
    letter-spacing: 0.3px;
    padding: 0px 0px 0px 10px;
}
.productDetail dt span
{
    font-weight: bold;
}
.productDetail p
{
    display: block;
    clear: left;
    font-family: arial;
    font-size: 13px;
    line-height: 13px;
    color: #999;
    font-weight: bold;
    margin: 0px 0px 20px 20px;
}
.contentComent{
	display:block;
	float:left;
	width: 935px;
	height:auto;
	margin: 10px 0px 30px 20px;
	padding: 0px;
	background: #F7F7FB;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 10px 5px 0 10px; -webkit-border-radius: 10px 5px 0 10px;


}
.contentComent h5 a.logoWalmartSpark{
	display:block;
	float:left;
	width: 179px;
	height:65px;
	margin: 20px 0px 20px 20px;
	background: url(images/Walmart.png) no-repeat;
}
.contentComent h5 a.logoAgora{
display:block;
	float:left;
	width: 190px;
	height:65px;
	margin: 20px 0px 20px 20px;
	background: url(images/Agora.png) no-repeat;
	
	}
.contentComent h5 a.logoPolishop{
display:block;
	float:left;
	width: 152px;
	height:65px;
	margin: 20px 0px 20px 20px;
	background: url(images/Polishop.png) no-repeat;
	
	
	}
.contentComent h5 a.logoTrip{
display:block;
	float:left;
	width: 147px;
	height:65px;
	margin: 20px 0px 20px 20px;
	background: url(images/Trip.png) no-repeat;
	
	
	}
.contentComent h5 a.logoCertisign{
display:block;
	float:left;
	width: 190px;
	height:65px;
	margin: 20px 0px 20px 20px;
	background: url(images/Certisign.png) no-repeat;
	
	}
.contentComent h5 a.logoEstacaodovinho{
display:block;
	float:left;
	width: 190px;
	height:65px;
	margin: 20px 0px 20px 20px;
	background: url(images/logoEstacaodovinho.png) no-repeat;
	
	
	}
.contentComent h5 a.logoSacks{
display:block;
	float:left;
	width: 150px;
	height:65px;
	margin: 20px 0px 20px 20px;
	background: url(images/logoSacks.png) no-repeat;
	
	
}
#content .conteudo .contentComent p{
	display: block;
	float:left;
	width: 640px;
	height:auto;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 20px 0px;
	font-family: arial;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.5px;
	color:#557E97;
}
#content .conteudo .contentComent a.bt-verMais{
	display:block;
	float: right;
	width: 83px;
	height:18px;
	margin: 10px 20px 0px 0px;
	font-size: 13px;
	color: #666666;
	background: url(images/vtex-image.png) no-repeat -744px -180px;
	text-indent: -9999px;
}