@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400');

.imgAnatelVitrine,
.imgAnatelView,
.imgAnatelBanner{
	position : absolute;
	bottom   : 40px;
	left     : 5px;
}
.facebookicon{
	position: absolute;
    top: 92px;
    right: 118px;
    height: 69px;
    background: none;
}
.instagramicon{
	position: absolute;
    top: 92px;
    right: 78px;
    height: 69px;
    background: none;
}
.youtubeicon{
	position: absolute;
    top: 92px;
    right: 39px;
    height: 69px;
    background: none;
}

.imgAnatelView{
	top  : -18px;
	left : 0;
}

.imgAnatelBanner{
	top  : 15px;
	left : 15px;
	z-index : 100000000000000000000000000000000000;
}

.textoanatel{

	padding-top: 15px;

	text-align:left;

}

.imagemanatel{

	float: left;

	padding-right: 10px;

	width:150px;

}a

body, html{
	margin  : 0;
	padding : 0;
	height  : 100%;

	font-family : Tahoma;
	font-size   : 14px;
	background  : url(../imagens/bgall.gif) repeat-x;
	text-align  : center;
}

html{
	/*background  : url(bg-natal.png);*/
}

#all {
	position       : relative;
	margin         : 0 auto;
	width          : 1007px;
	height         : auto !important;
	height         : 100%;
	min-height     : 100%;
	padding-bottom : 85px;
}

#all #loading{
	position   : fixed;
	top        : 0;
	left       : 45%;
	z-index    : 1000;
	width      : 155px;
	height     : 43px;
	visibility : hidden;
	background : url(../imagens/bgCarregando.png) no-repeat;
}

#all #loading label{
	position    : absolute;
	left        : 0;
	width       : 155px;
	font-size   : 12px;
	text-align  : center;
	color       : #FFF;
	height      : 43px;
	line-height : 40px;
}

a{
	color : #036B30;
}

a:hover{
	text-decoration : underline;
	color           : #0066CC;
}

/*--------------------------------------------------------------------------------------------*/
.cor1{
	color : #036B30;
}

.cor2{
	color : #544A7B;
}

.avizoErro, .avizoProduto{
	position   : absolute;
	top        : 35px;
	left       : 165px;
	width      : 372px;
	height     : 355px;
	background : url(../imagens/404.jpg) no-repeat;
}

.avizoProduto{
	background : url(../imagens/prodnaoexiste.jpg) no-repeat;
}

span.Error{
	cursor      : default;
	position    : absolute;
	top         : 368px;
	left        : 0;
	width       : 100%;
	font-size   : 14px;
	font-weight : bold;
	text-align  : center;
}

.ftsLoja{
	margin : 2px 0 0 47px;
}

.formInput{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 12px;
	background  : url(../imagens/bg-form.jpg) repeat-x bottom;
	border      : 1px solid #CCCCCC;
	padding     : 2px 2px ;
}

/*--------------------------------------------------------------------------------------------*/

.topo{
	position      : relative;
	width         : 100%;
	height        : 276px;
}

.topo img.logo{
    position: absolute;
    top: 16px;
    left: 1px;
    width: 215px;
    height: auto;
}

.topo label.slogan{
	position    : absolute;
	top         : 81px;
	left        : 10px;
	width       : 320px;
	font-size   : 13px;
	line-height : 18px;
	text-align  : left;
}

.topo label.slogan span{
	font-weight : bold;
}

.topo .institucional{
	position   : absolute;
	top        : 0;
	left       : 320px;
	width      : 360px;
	height     : 36px;
	background : url(../imagens/instit_M.gif) repeat-x;
}

.topo .institucional .left,
.topo .institucional .right{
	width      : 13px;
	height     : 36px;
	float      : left;
	background : url(../imagens/instit_L.gif) repeat-x;
}

.topo .institucional .right{
	float      : right;
	background : url(../imagens/instit_R.gif) repeat-x;
}

.topo .institucional ul{
	position : absolute;
	top      : 9px;
	left     : 6px;
}

.topo .institucional ul li.first{
	border : none;
}

.topo .institucional ul li{
	border-left : solid 1px #FFF;
}

.topo .institucional ul li, .topo .institucional ul li a{
	float : left;
}

.topo .institucional ul li a{
	padding   : 0 16px;
	font-size : 11px;
	color     : #FFF;
}

.topo .institucional ul li a:hover{
	text-decoration : none;
}

/*
.topo .busca{
	position : absolute;
	top      : 45px;
	left     : 343px;
	width    : 313px;
	height   : 57px;
}

.topo .busca label{
	position    : absolute;
	top         : 0;
	left        : 5px;
	font-size   : 15px;
	font-weight : bold;
}

.topo .busca div{
	position   : absolute;
	bottom     : 0;
	left       : 0;
	width      : 321px;
	height     : 40px;
	background : url(../imagens/Bgbusca.gif) no-repeat;
}

.topo .busca div input{
	position   : absolute;
	top        : 12px;
	left       : 26px;
	width      : 244px;
	height     : 17px;
	background : none;
	border     : none;
}
*/

.topo .busca_codigo{
    position : absolute;
    top      : 15px;
    left     : 645px;
    width    : 125px;
    height   : 69px;
    background: #41B373;
}

.topo .busca_codigo input{
    max-width  : 112px;
    margin     : 5px;
    height     : 22px;
    background : #fff;
    border     : none;
    padding    : 3px 2px;
}

.topo .busca_codigo .buscar_codigo_button{
    display    : inline-block;
    cursor     : pointer;
    width      : 116px;
    height     : 29px;
    background : #219654;
    line-height: 28px;
    color      : #fff;
    font-size: 12px;
}

/*BUSCA GERAL*/

.topo .busca{
	position : absolute;
	top      : 15px;
	left     : 328px;
	width    : 285px;
	height   : 69px;
    /*background: #41B373;*/
}

.topo .busca input{
	position   : absolute;
	top        : 7px;
	left       : 6px;
	width      : 287px;
	height     : 43px;
	background : #fff;
    padding    : 10px 45px 10px 5px;
    border: solid, 1px, #41B373;
}

.topo .busca .chkbox{
	background : url(../imagens/chkbox.png) left top;
}

	.topo .busca .chkbox label{
		position : absolute;
		top      : 2px;
		left     : 18px;
		color    : #FFF;
		font-size : 11px;
		display   : block;
		width     : 120px;
		text-align:left;
	}

	.topo .busca .chkbox.act{
		background : url(../imagens/chkbox.png) left bottom;
	}

	.topo .busca .chkbox:hover,
	.topo .busca .chkbox label{
		text-decoration : none;
		cursor          : pointer;
	}

    .topo .busca .buscar_button{
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        position   : absolute;
        top        : 7px;
        left      : 300px;
        cursor     : pointer;
        width      : 60px;
        height     : 65px;
        background : #219654;
        line-height: 28px;
        color      : #fff;
        border-radius: 0 4px 4px 0;
    }


.topo .newsletter{
	position   : absolute;
	top        : 15px;
	right      : 0;
	width      : 210px;
	height     : 69px;
	/*border: solid, 1px, #6C609E*/
	/*background : #6C609E;*/
}

.topo .newsletter .left, .topo .newsletter .right{
	width      : 12px;
	height     : 78px;
}

.topo .newsletter .left{
	float      : left;
	background : url(../imagens/bgNews_L.gif) no-repeat;
}

.topo .newsletter .right{
	float      : right;
	background : url(../imagens/bgNews_R.gif) no-repeat;
}

.topo .newsletter label{
	position    : absolute;
	top         : 5px;
	left        : 11px;
	color       : #FFF;
	font-weight : bold;
}

.topo .newsletter button{
	position   : absolute;
	right      : -97px;
	top        : 28px;
	width      : 45px;
	height     : 37px;
	cursor     : pointer;

    background   : #4A426C;
    border       : none !important;
    box-shadow   : none !important;
    border-radius: 0 4px 4px 0;
    padding      : 0 0 !important;
}

.topo .newsletter .contentinput{
	position   : absolute;
	top        : 23px;
	left       : 10px;
	width      : 190px;
	height     : 26px;
	border     : none;
}

.topo .newsletter .contentinput input{
	position   : absolute;
	top        : 5px;
	left       : 3px;
	width      : 240px;
	background : #fff;
    border: solid, 1px, #6C609E;
    padding: 10px 0px 10px 8px;
}

.topo .menuHorizontal{
	position : absolute;
	bottom   : -4px;
	left     : 2px;
	height   : 41px;
	width: 1200px;
}

.topo .menuHorizontal ul li{
	margin : 0 6px 0 0;
}

.topo .menuHorizontal ul li, .topo .menuHorizontal ul li a{
	position    : relative;
	float       : left;
	height      : 41px;
	line-height : 40px;
	color       : #FFF;
	font-size   : 12px;
	text-align  : center;
}

.topo .menuHorizontal ul li{
	margin : 0 6px;
}


.topo .menuHorizontal ul li a{
	padding   : 0 8px 0 20px;
	min-width : 45px;
}


.topo .menuHorizontal ul li.ativo a, .topo .menuHorizontal ul li a:hover{
	color           : #036B30;
	line-height     : 50px;
	text-decoration : none;
	background      : url(../imagens/navHorizonte_L.gif) top left no-repeat;
}

.topo .menuHorizontal ul li.ativo a .right, .topo .menuHorizontal ul li a:hover .right{
	position   : absolute;
	top        : 0;
	right      : -12px;
	width      : 17px;
	height     : 46px;
	background : url(../imagens/navHorizonte_R.gif) no-repeat;
}

.topo label.listaPreco{
	position : absolute;
	right    : 0;
	top      : 90px;
	width    : 200px;
}

.topo label.listaPreco a{
	position : absolute;
	top      : 5px;
	left     : 27px;
	color    : #0066CC;
}

.topo label.listaPreco a:hover{
	text-decoration : underline;
}

/*--------------------------------------------------------------------------------------------*/

.rodape{
	position   : absolute;
	bottom     : 0;
	left       : 0;
	width      : 100%;
	height     : 150px;
	background : url(../imagens/rodape2.gif) bottom repeat-x;
}

.rodape .rodapeLeft{
	position   : absolute;
	top: 1px;
	bottom     : 0;
	left       : 0;
	width      : 11px;
	height     : 48px;
	background : url(../imagens/leftBottom.gif) bottom no-repeat;
}

.rodape button{
	position    : absolute;
	top         : 1px;
	right       : 0;
	width       : 42px;
	height      : 47px;
	border      : none;
	color       : #FFF;
	cursor      : pointer;
	background  : url(../imagens/btnancoratopo.gif) no-repeat;
}

.rodape label.obs{
	position    : absolute;
	bottom      : 3px;
	left        : 15px;
	text-align  : left;
	color       : #FFF;
	font-size   : 11px;
	line-height : 13px;
}

.rodape label.developed{
	position    : absolute;
	bottom      : 8px;
	right       : 65px;
	text-align  : left;
	color       : #FFF;
	font-size   : 12px;
	line-height : 13px;
}

.rodape label.developed a, .rodape label.ajudenos a{
	font-weight : bold;
	color       : #FFF;
}

.rodape label.developed a:hover, .rodape label.ajudenos a:hover{
	text-decoration : underline;
}

.rodape label.ajudenos{
	position    : absolute;
	bottom      : 30px;
	right       : 65px;
	text-align  : left;
	color       : #FFF;
	font-size   : 12px;
	line-height : 13px;
}

.rodape .atencao{
	position      : absolute;
	top           : -21px;
	left          : 10px;
	padding       : 0 8px;
	height        : 22px;
	line-height   : 22px;
	border        : solid 1px #089845;
	border-bottom : none;
	color         : #FF0000;
	cursor        : default;
}

.rodape .atencao img.left{
	position : absolute;
	top      : -1px;
	left     : -1px;
}

.rodape .atencao img.right{
	position : absolute;
	top      : -1px;
	right    : -1px;

}

/*--------------------------------------------------------------------------------------------*/

.content{
	position   : relative;
	float      : left;
	margin     : 10px 0 0 0;
	padding-bottom: 100px;
}

#content2{
	position   : relative;
	float      : left;
	margin     : 90px 0 0 0;
}


/*--------------------------------------------------------------------------------------------*/

.content .leftAbs{
	position   : absolute;
	top        : 0;
	left       : -5px;
	width      : 158px;
	height     : 100%;
	/*background : url(../imagens/meioMenu.gif) repeat-y;	*/
}

.content .bottomLeft{
	position   : absolute;
	bottom     : 0;
	left       : 0;
	width      : 164px;
	height     : 13px;
	background : url(../imagens/bottomMenu.gif) no-repeat;
}

.content .left{
	float : left;
	width : 158px;
	margin : -4px 0 0 0;
}

.content .left .boxMenu{
	float  : left;
	width  : 164px;
	margin : 0 0 0;
}

.content .left .boxMenu .topo{
	position   : relative;
	float      : left;
	width      : 100%;
	height     : 37px;
	background : url(../imagens/topMenu.gif) no-repeat;
	margin-left: -5px;
}

.content .left .boxMenu .topo label{
	position    : absolute;
	top         : 10px;
	left        : 20px;
	font-size   : 14px;
	color       : #FFF;
	font-weight : bold;
}

.content .left .boxMenu .meio{
	position   : relative;
	float      : left;
	width      : 100%;
	background : url(../imagens/meioMenu.gif) repeat-y;
	margin-left: -5px;
}

.content .left .boxMenu .meio ul{
	width : 158px;
	margin: 8px 0 8px 5px;
}

.content .left .boxMenu .meio ul li{
	overflow : hidden;
}

.content .left .boxMenu .meio ul li, .content .left .boxMenu .meio ul li a{
	float        : left;
	width        : 100%;
	text-align   : left;
	font-size    : 12px;
	/* height: 25px; */
	line-height  : 15px;
	color        : #036B30;
	margin-bottom: 5px;
}

.content .left .boxMenu .meio ul li a:hover{
	text-decoration : underline;
	color           : #0066CC;
}

.content .left .boxMenu .bottom{
	position   : relative;
	float      : left;
	width      : 100%;
	height     : 13px;
	background : url(../imagens/bottomMenu.gif) no-repeat;
	margin-left: -5px;
}

/*--------------------------------------------------------------------------------------------*/

.content .rightAbs{
	position   : absolute;
	top        : 0;
	right      : 0;
	width      : 180px;
	height     : 100%;
	background : url(../imagens/bgcontent.gif) right repeat-y;
}

.content .right{
	position   : relative;
	float      : right;
	width      : 175px;
	margin     : 14px 0 14px 0;
}

.content .right .banners{
	width  : 164px;
	margin : 0 0 10px 0;
}

.content .right .banners a img{
	border : solid 2px transparent;
}

.content .right .banners a:hover img{
	border : solid 2px #FFF;
}

.content .right .banners img{
	margin : 0;
}

.content .topRight, .content .bottomRight{
	position   : absolute;
	right      : 0;
	width      : 180px;
	height     : 12px;
	background : url(../imagens/bgcontent_R_T.gif) no-repeat;
}

.content .topRight{
	top : -1px;
}

.content .bottomRight{
	bottom     : 0;
	background : url(../imagens/bgcontent_R_B.gif) no-repeat;
}

.content .right .nota{
	float  : left;
	width  : 164px;
	margin : 12px 0 0 2px;
}

.content .right .nota label{
	display     : block;
	width       : 100%;
	height      : 23px;
	line-height : 23px;
	text-align  : left;
	font-weight : bold;
	font-size   : 13px;
	color       : #FFF;
	background  : url(../imagens/bgtopMenuRight2.gif) repeat-x;
}

.content .right .nota ul{
	float      : left;
	width      : 162px;
	margin     : 0;
	background : #FFF;
	border     : solid 1px #B70000;
}

.content .right .nota ul li{
	font-size   : 11px;
	line-height : 16px;
	padding     : 8px 3px;
	text-align  : center;
}

.content .right .nota ul li a{
	font-size : 12px;
}

.content .right .noticias{
	float  : left;
	width  : 164px;
	margin : 12px 0 0 2px;
}

.content .right .noticias label{
	display     : block;
	width       : 100%;
	height      : 23px;
	line-height : 23px;
	text-align  : left;
	font-weight : bold;
	font-size   : 13px;
	color       : #FFF;
	background  : url(../imagens/bgtopMenuRight.gif) repeat-x;
}

.content .right .noticias ul{
	float      : left;
	width      : 162px;
	margin     : 0;
	background : #FFF;
	border     : solid 1px #544A7B;
}

.content .right .noticias ul li{
	padding : 4px;
}

.content .right .noticias ul li, .content .right .noticias ul li a{
	text-align  : left;
	font-size   : 12px;
	color       : #444;
	float       : left;
	width       : 148px;
	line-height : 14px;
}

.content .right .noticias ul li a{
	padding : 3px;
}

.content .right .noticias ul li a:hover{
	background : #E0DEEB;
    color      : #0066CC;
}

.content .right .noticias ul li.divisor{
	width         : 162px;
	height        : 1px;
	padding       : 0;
	border-bottom : dashed 1px #999
}

.content .right label.labelRight{
	display     : block;
	width       : 159px;
	/*height      : 40px;*/
	/*line-height : 18px;*/
	/*padding     : 2px;*/
	background  : #FFF;
	font-size   : 13px;
	margin      : 2px 0 0 2px;
}

.content .right label.labelRight img{
	float : left;
    margin-bottom: 5px;
    border-radius: 5px;
}

.lbr a{margin-bottom: 2px; padding: 2px}

.content .right label.labelRight img#imgDown{
	margin : 5px 0 0 7px;
}

/*--------------------------------------------------------------------------------------------*/

.content .meio{
	float  : left;
	width  : 673px;
}

.content .meio .vitrine{
	position      : relative;
	width         : 160px;
	height        : 274px;
	float         : left;
	text-align    : center;
	margin        : 3px;
	border-bottom : dashed 1px #999;
}

.content .meio .vitrine:hover{
	background : url(../imagens/bgvitrine.gif) bottom repeat-x;
}


.content .meio .vitrineBorder{
	position     : absolute;
	top          : 1px;
	width        : 1px;
	height       : 270px;
	right        : -4px;
	border-right : dashed 1px #999
}

.content .meio .vitrine a img{
	margin : 0 auto;
}

.content .meio .vitrine a{
	margin   : 97px auto 0;
	display  : block;
	width    : 110px;
	height   : 110px;
	overflow : hidden;
}

.content .meio .vitrine .titulo{
    word-wrap: break-word;
	position   : absolute;
	top        : 8px;
	left       : 0;
	text-align : center;
	width      : 100%;
	font-size  : 11px;
}


.content .meio .vitrine .preco b{
	font-weight : normal;
	font-size   : 15px;
}

.content .meio .vitrine .preco{
	position   : absolute;
	bottom     : 18px;
	right      : 16px;
	width      : auto;
	font-size  : 20px;
	color      : #544A7B;
}

/*
.content .meio .bannerPr{
	position : relative;
	width    : 660px;
	height   : 298px;
	margin   : 3px 0 0 4px;
	border   : solid 1px #6C609E;
	overflow : hidden;
}
*/
/*--------------------------------------------------------------------------------------------*/

.boxBanner{
	position : relative;
	float    : left;
	width    : 325px;
	height   : 174px;
	margin   : 5px;
	cursor   : pointer;
	overflow : hidden;
}

.boxBanner .imgTop{
	position : absolute;
	width    : 325px;
	margin   : 26px 0 0 0;
	z-index  : 1;
	border   : none;
}

.boxBanner .imgBg{
	position : absolute;
	top      : 23px;
	height   : 135px;
	margin   : 10px;
	z-index  : 0;
	border   : none;
}

.boxBanner .topBanner{
	font-family   : Arial;
	position      : absolute;
	left          : 0;
	top           : 0;
	width         : 325px;
	height        : 26px;
	border-bottom : solid 1px #C7C2DA;
	background    : url(../imagens/bgtopBanner.gif) repeat-x;
	z-index       : 1;
}

.boxBanner .topBanner strong{
	font-family : Arial;
	font-size   : 10px;
	position    : absolute;
	width       : 100%;
	top         : 4px;
	left        : 0;
	text-align  : center;
	color       : #FFF;
	z-index     : 2;
}

.boxBanner .descricao{
	font-family : Arial;
	/*text-shadow : #6C609E 0.1em 0.1em 0.2em;*/
	position    : absolute;
	right       : 8px;
	top         : 38px;
	width       : 230px;
	height      : 55px;
	text-align  : right;
	font-size   : 14px;
	font-weight : bold;
	z-index     : 2;
}

.boxBanner .descricao strong{
	width 		   : 230px;
	height         : 55px;
	text-transform : uppercase;
}

.boxBanner .preco1, .boxBanner .preco2{
	font-family : "Arial Black", Arial, Tahoma, Verdana;
	position    : absolute;
	right       : 10px;
	bottom      : 4px;
	color       : #CCC;
	z-index     : 2;
}

.boxBanner .preco1 a{
	color : #CCC;
}

.boxBanner .preco1 a:hover{
	text-decoration : none;
}

.boxBanner .preco2{
	right   : 12px;
	bottom  : 4px;
	color   : #FF0000;
	z-index : 3;
}

.boxBanner .preco2 a{
	color   : #FF0000;
}

.boxBanner .preco2 a:hover{
	text-decoration : none;
}

.boxBanner .preco1 em, .boxBanner .preco1 b,
.boxBanner .preco2 em, .boxBanner .preco2 b{
	font-style  : normal;
	font-weight : bold
}

.boxBanner .preco1 em{
	font-size : 16px;
}

.boxBanner .preco2 em{
	font-size : 16px;
}

.boxBanner .preco1 b, .boxBanner .preco2 b{
	margin : 0 0 0 8px;
	font-size : 30px;
}

.boxBanner .preco2 b{
	font-size : 30px;
}

.paginacao{
	margin : 15px 0;
	float  : left;
	width  : 100%
}

.paginacao a, .paginacao label{
	padding    : 3px 9px;
	border     : solid 1px #BCB7D3;
	text-align : center;
	color      : #000;
	background : url(../imagens/bgvitrine.gif) top repeat-x;
}

.paginacao label, .paginacao a:hover{
	background : url(../imagens/bgtopBanner.gif) top repeat-x;
}

/*--------------------------------------------------------------------------------------------*/

.headerPag{
	position      : relative;
	float         : left;
	width         : 100%;
	height        : 25px;
	margin        : 0 0 30px 0;
	border-bottom : solid 1px #BCB7D3;
}

.headerPag .tituloPag{
	min-width     : 60px;
	position      : absolute;
	top           : 2px;
	left          : 8px;
	padding       : 4px 20px;
	border        : solid 1px #BCB7D3;
	border-bottom : solid 1px #FFF;
	text-align    : center;
	font-size     : 14px;
	color         : #000;
	background    : url(../imagens/bgvitrine.gif) 0 -35px repeat-x;
	cursor        : default;
}

.headerPag .tituloPag img.leftheaderPag{
	width    : 9px;
	height   : 8px;
	position : absolute;
	top      : -1px;
	left     : -1px;
}

.headerPag .tituloPag img.rightheaderPag, .contentProduto img.rightheaderProd{
	width    : 9px;
	height   : 8px;
	position : absolute;
	top      : -1px;
	right    : -1px;
}

/*--------------------------------------------------------------------------------------------*/

.content2{
	float       : left;
	position    : relative;
	width       : 97%;
	margin      : 0 0 0 8px;
	text-align  : left;
	line-height : 20px;
	font-size   : 12px;
}

.content2 .nomeProduto img.rightheaderProd{
	width    : 9px;
	height   : 8px;
	position : absolute;
	top      : -1px;
	right    : -1px;
	z-index  : 1;
}

.content2 .nomeProduto, .content2 .produtoIndisp{
	float       : left;
	position    : relative;
	width       : 654px;
	height      : 25px;
	line-height : 25px;
	border      : solid 1px #BCB7D3;
	cursor      : default;
	font-size   : 11px;
	text-align  : left;
    background  : url(../imagens/bgvitrine.gif) 0 -35px repeat-x;
}

.content2 .produtoIndisp{
	height      : 65px;
	line-height : 62px;
	font-size   : 15px;
	font-weight : bold;
	color       : #FF0000;
	margin      : 0 0 2px 0;
	background  : none;
	border      : none;
}

.content2 .produtoIndisp img{
	margin : 0;
	float  : left;
}

.content2 .nomeProduto .codProduto{
	position     : absolute;
	top          : -2px;
	right        : 1px;
	padding      : 2px 5px;
	color        : #000;
	font-size    : 13px;
	z-index      : 2;
}

.content2 .ftProduto{
	position      : relative;
	margin        : 20px 0 0 0;
	width         : 100%;
	float         : left;
	text-align    : center;
	border-bottom : solid 1px #BCB7D3;
}

.content2 .ftProduto img{
	margin : 5px auto;
}

.content2 .ftProduto .preco{
	font-size   : 25px;
	font-family : "Arial Black", Arial, Tahoma, Verdana;
	position    : absolute;
	right       : 10px;
	bottom      : 4px;
	font-weight : bold;
	color  		: #544A7B;
}

.content2 .ftProduto .preco em{
	font-size       : 14px;
	text-decoration : none;
	font-weight     : normal;
}

.content2 span.indicar a{
	color : #000;
}

.content2 .indicar{
	margin     : 5px 10px 0 45px;
	font-size  : 11px;
	position   : relative;
	float      : left;
	height     : 23px;
	line-height: 23px;
	padding    : 1px 12px;
	color      : #000;
	background : #ccc;
}


.content2 span.indicar .right{
	margin      : 0;
	position    : absolute;
	top         : 0;
	right       : 0;
	height      : 23px;
	width       : 12px;
}

.content2 .contentText{
	margin        : 80px 20px 50px 20px;
	/*width         : 100%;*/
	float         : left;
	text-align    : left;
	font-size     : 12px;
}

.content2 .contentText table{
    vertical-align: middle;
}

.content2 .contentText p, .content2 .contentText table tr td{color:#333}


/*--------------------------------------------------------------------------------------------*/


.content2 .tituloNoticia{
	font-size : 18px;
	color     : #544A7B;
}

/*--------------------------------------------------------------------------------------------*/

.content2 .tituloFuncionarios{
	font-size : 18px;
	color     : #544A7B;
}

.content2 .boxAtendente{
	position   : relative;
	width      : 100%;
	border     : solid 1px #BCB7D3;
	margin     : 15px 0;
}

.content2 .boxAtendente a{
	color : #000;
}

.content2 .boxAtendente a:hover{
	color : #0066CC;
}

.content2 .boxAtendente .nome{
	width       : 100%;
	height      : 25px;
	font-weight : bold;
	font-size   : 13px;
	color       : #544A7B;
}

.content2 .boxAtendente .nome label, .content2 .boxAtendente .linha label{
	position    : absolute;
	width       : 150px;
	top         : 0;
	right       : 6px;
	height      : 25px;
	line-height : 21px;
	text-align  : left;
}

.content2 .boxAtendente .linha label{
	height      : 33px;
	line-height : 35px;
}

.content2 .boxAtendente .linha{
	position    : relative;
	line-height : 30px;
	border-top  : solid 1px #FFF;
	color       : #444;
}

.content2 .boxAtendente .linha img{
	float  : left;
	margin : 0 2px
}

/*--------------------------------------------------------------------------------------------*/

.content2 .formContato{
	position : relative;
}

.content2 .formContato label{
	font-size : 12px;
	position  : absolute;
	left      : 15px;
	height    : 40px;
}

.content2 .formContato label input{
	position : absolute;
	left     : 0;
	bottom   : 0;
}

.content2 .formContato label textarea{
	position : absolute;
	left     : 0;
	top      : 20px;
	width    : 320px;
	height   : 200px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size   : 12px;
	background  : url(../imagens/bg-form.jpg) repeat-x bottom;
	border      : 1px solid #CCCCCC;
	padding     : 2px 2px ;
}

.content2 .formContato label#email{
	top : 50px;
}


.content2 .formContato label#telefone{
	top : 100px;
}

.content2 .formContato label#assunto{
	top : 150px;
}

.content2 .formContato label#area{
	top : 200px;
}

.content2 .formContato label#btn{
	top : 430px;
}

/*--------------------------------------------------------------------------------------------*/

.content2 .listaAplicativo{
	position : relative;
	width    : 98%;
	height   : 38px;
	float    : left;
	margin   : 0 0 15px 10px;
    border-bottom   : 1px solid #ddd; /*rodrigo*/
    padding-bottom  : 8px;/*rodrigo*/
}

.content2 .listaAplicativo a .img{
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 38px;
	height   : 38px;
	margin   : 0;
	background : url(../imagens/downloadicon.gif) top no-repeat;
}

.content2 .listaAplicativo a:hover .img{
	background : url(../imagens/downloadicon.gif) bottom no-repeat;
}


.content2 .listaAplicativo a span{
	position    : absolute;
	top         : 0;
	left        : 45px;
	height      : 38px;
	line-height : 38px;
}

.content2 .listaAplicativo a:hover span{
	text-decoration : underline;
}

.content2 .listaAplicativo p.apl_title{padding-left: 45px; font-size: 110%}

/*--------------------------------------------------------------------------------------------*/

.aviso{
	position  : relative;
	float     : left;
	width     : 640px;
	height     : 106px;
	margin    :  15px 0 15px 15px;
	background: #fff6c4;
	padding   : 0;
}

.aviso .topAviso,.aviso .bottomAviso{
	position   : absolute;
	width      : 100%;
	height     : 5px;
	background : url(../imagens/bgaviso_M.gif) top repeat-x;
}

.aviso .topAviso{
	top : 0;
}

.aviso .bottomAviso{
	bottom : 0;
	background-position : bottom;
}

.aviso .MLAviso,
.aviso .MRAviso{
	position   : absolute;
	top        : 0;
	height     : 100% !important;
	height     : 100%;
	min-height : 100%;
	width      : 2px;
}

.aviso .MLAviso{
	left : 0;
	background : url(../imagens/bgaviso_ML.gif) repeat-y;
}

.aviso .MRAviso{
	right : 0;
	background : url(../imagens/bgaviso_MR.gif) repeat-y right;
}

.aviso .TLAviso,
.aviso .BLAviso,
.aviso .TRAviso,
.aviso .BRAviso{
	position : absolute;
	width    : 2px;
	height   : 4px;
}


.aviso .TLAviso,
.aviso .TRAviso{
	top  : 0;
}

.aviso .TLAviso{
	left       : 0;
	background : url(../imagens/bgaviso_TL.gif);
}

.aviso .TRAviso{
	right      : 0;
	background : url(../imagens/bgaviso_TR.gif) right;
}

.aviso .BLAviso,
.aviso .BRAviso{
	bottom : 0;
}

.aviso .BLAviso{
	left       : 0;
	background : url(../imagens/bgaviso_BL.gif);
}

.aviso .BRAviso{
	right      : 0;
	background : url(../imagens/bgaviso_BR.gif) right;
}


.aviso span{
	height      : 40px;
	line-height : 20px;
	left        : 10px;
	font-size   : 13px;
	color       : #FF0000;
	cursor      : default;
	padding     : 15px 8px;
	z-index     : 2;
}


/*--------------------------------------------------------------------------------------------*/

.content .meio .vitrine2{
	position      : relative;
	float         : left;
	margin        : 0 0 0 7px;
	width 	      : 98%;
	height        : 65px;
	border-bottom : dashed 1px #C3BFD8;
}

.content .meio .vitrine2:hover{
	background : url(../imagens/bgvitrine.gif) 	0 -210px repeat-x;
}

.content .meio .vitrine2noBorder{
	border : none;
}

.content .meio .vitrine2 label.produto{
	position    : absolute;
	top         : 15px;
	left        : 10px;
	color       : #000;
	font-size   : 11px;
	text-align  : left;
	font-weight : bold;
}

.content .meio .vitrine2 a{
	color : #000;
}

.content .meio .vitrine2 a:hover{
	color : #0066CC;
}

.content .meio .vitrine2 label.preco{
	position  : absolute;
	top       : 26px;
	left      : 560px;
	color     : #544A7B;
	font-size : 17px;
}

.content .meio .vitrine2 label.preco em{
	font-style : normal;
	font-size  : 14px;
}

.content .meio .vitrine2 label.categoria{
	position  : absolute;
	bottom    : 10px;
	left      : 10px;
	color     : #544A7B;
	font-size : 12px;
}

.content .meio .vitrine2 label.categoria a{
	font-size : 11px;
}

/*-------------------------------------------------------------------*/

.content2 .newsletterForm{
	margin   : 20px 0 0 0;
	position : relative;
}

.content2 .newsletterForm label{
	font-size : 12px;
	position  : absolute;
	left      : 15px;
	height    : 40px;
}

.content2 .newsletterForm label input{
	position : absolute;
	left     : 0;
	bottom   : 0;
}

.content2 .newsletterForm label#email{
	top : 50px;
}

.content2 .newsletterForm label#btn{
	top : 100px;
}


/* 	SLIDESHOW
-----------------------------------------------------------------*/

.slideshow-wrapper{
	width   : 640px;
	height  : 305px;
    margin  : 0 0 10px 15px;
    position: relative;
	overflow: hidden;
}

	.slideshow {
		width      : 640px;
		height     : 305px;
		position   : relative;
	  	overflow   : hidden;
	}

		.slideshow img{
			max-width    : 100% !important;
			height       : auto;
			border       : solid 1px #eee;
		}

		.slideshow-wrapper .nav a{
			cursor       : pointer;
			display      : block;
			padding      : 0px;
			margin-bottom: 3px;
			font-size    : 0px;
			width        : 30px;
			height       : 30px;
			background   : url(../imagens/navigation.png);
			background-repeat: no-repeat;
			text-decoration: none;
			text-indent  : -9999em;
			position     : absolute;
			top          : 135px;
			z-index      : 16;
			margin       : 0;
		}

		.slideshow-wrapper .nav a#next {
			background: url(../imagens/navigation.png) 33px 0;
			right: 5px;
		}

		.slideshow-wrapper .nav a#next:hover {
			background: url(../imagens/navigation.png) 33px 30px;
		}

		.slideshow-wrapper .nav a#prev {
			background : url(../imagens/navigation.png) -2px 0;
			margin-left: 5px;
		}

		.slideshow-wrapper .nav a#prev:hover {
			background: url(../imagens/navigation.png) -2px 30px;
		}

/*---------------------------------------
	POPUP


#signup {
	width  : 660px;
	height : 298px;
	padding-bottom: 2px;
	margin: 0 auto;
	display: none;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}

#signup-header {
	background: #eee;
	padding: 18px 18px 14px 18px;
	border-bottom: 1px solid #CCC;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

#signup-header  h2 {
	color: #444;
	font-size: 2em;
	font-weight: 700;
	margin-bottom: 3px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
#signup-header  p {
	color: #444;
	font-size: 1.3em;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	text-shadow: none;
}

#signup .txt-fld {
	position: relative;
	width: 364px;
	padding: 14px 20px;
	border-bottom: 1px solid #EEE;
	text-align: right;
}
#signup .btn-fld {
	width: 254px;
	overflow: hidden;
	padding: 12px 20px 12px 130px;
}

#signup .txt-fld label {
	display: block;
	float: left;
	width: 90px;
	padding-top: 8px;
	color: #222;
	font-size: 1.3em;
	text-align: left;
}
#signup .txt-fld input {
	width: 244px;
	padding: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 1.2em;
	color: #222;
	background: #F7F7F7;
	font-family: "Helvetica Neue";
	outline: none;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #E7E6E6;
	border-bottom: 1px solid #E7E6E6;
}
#signup .txt-fld input.good_input {
	background: #DEF5E1 url(../img/good.png) 236px center no-repeat;
}
#signup .txt-fld input.error_input {
	background: #FDE0E0;
}

button {
	color: white!important;
	text-decoration: none!important;
	text-align: center !important;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .2)!important;
	font-size: 13px;
	padding: 5px 12px !important;
	border: 1px solid #2F58FF !important;
	background: #1746FF;
	background: -webkit-gradient(linear,left top,left bottom,from( #0c39bd),to( #0f0470));
	background: -webkit-linear-gradient(top, #1746FF, #2F58FF);
	background: -moz-linear-gradient(top, #1746FF, #2F58FF);
	background: -ms-linear-gradient(top, #1746FF, #2F58FF);
	background: -o-linear-gradient(top, #1746FF, #2F58FF);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .25),inset 0 1px 0 rgba(255, 255, 255, .4);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .25),inset 0 1px 0 rgba(255, 255, 255, .4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.4);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.4);
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.modal_close {
	position: absolute;
	top: 4px;
	right: 2px;
	display: block;
	width: 32px;
	height: 32px;
	background: url(../imagens/close.gif) no-repeat;
	z-index: 2;
}
-----------------------------------------*/


/*MENU INSTITUCIONAL*/

.menu_institucional ul {
    position   : relative;
    margin     : 0 auto;
    height     : 30px;
    text-align : right;
    /*float      : right;*/
}

.menu_institucional ul li {
    line-height    : 30px;
    font-size      : 12px;
    display        : inline-block;
}

.menu_institucional ul li a {
    color      : #777;
    padding    : 0 5px;
    display    : block;
    margin-left: -4px;
    transition : background 0.2s linear;
}

.menu_institucional ul li a.lista_precos {
    background  : url('../imagens/lista.png') left center no-repeat;
    padding-left: 22px;
}

.menu_institucional ul li a.lista_precos:hover {
    background : #ccc url('../imagens/lista.png') left center no-repeat;
}

.menu_institucional ul li a:hover,
.menu_institucional ul li a:focus{
    color        : #fff;
    background : #ccc;
}

.menu_institucional div{
    display : none;
}

/*MULTIPLAS IMAGENS*/

.foto_produto{
	position: relative;
	float   : left;
	margin  : 2px;
}

.foto_produto img{
	max-width: 100%;
	height   : auto;
	overflow : hidden;
}

/*rodrigo*/

.resp {width: 100%;max-width: 600px;height: auto; background-color:#FAFAFA;text-align: center;font-family: 'Lato', Arial, sans-serif;clear: both
}
.resp img{width:100%;max-width: 600px}
.resp p big, .resp p{padding: 15px;padding-top: 0;padding-bottom:0}
.resp p big{font-weight: bold;text-align: center; font-size: 1.5em;color: #2D2D2D; line-height: 1.2em;padding-left: 20px 0}
.resp,.resp p, .resp strong, .resp ul li, .resp ol li, .resp strong{font-size: 1.2em;line-height: 1.5em}
.resp p{margin:10px 0}
.resp video{width: 100%;height: auto}
.resp hr{border:0;border-top:1px solid #eee}

.table-normal {font-family: 'Arial', sans-serif;font-size: 13px;border-collapse: collapse;width: 500px}
.table-normal th {font-weight: bold;padding: 10px 0;width: 200px}
.table-normal td{padding: 10px; padding-right: 10px; padding-left: 0}
.table-normal th, .table-normal td {border-bottom: 1px solid #ddd; text-align: left; color: #525252; vertical-align: top}
.table-normal thead th a {text-decoration: none;color: #525252}
.table-normal thead th {text-transform: uppercase;padding: 30px 0 10px 0}
.table-normal tr: hover{background-color: #f6f6f6}
.table-normal tbody tr:first-child td {border-top: 1px solid #ddd}
.table-normal tr td:first-child {width: 200px}

.table-neffos{font-family: 'Maven Pro', sans-serif; font-size: 14px; border-collapse: separate; font-weight: 400}
.table-neffos th{font-weight: normal; font-size: 16px; padding: 20px 0}
.table-neffos th{font-weight: 500}
.table-neffos td{padding: 20px; padding-right: 25px}
.table-neffos th, .table-neffos td {border-bottom: 1px solid #ddd; text-align: left; color:#525252; vertical-align: top}

.table-lines td{border:1px solid #000;padding:5px}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contentText ul {
    list-style: disc;
}

/*rodrigo - produtos relacionados com owl carousel*/

#itens-relacionados {
    border-bottom: 1px solid #eee;
    clear: both;
    padding: 0;
    margin-bottom: -50px;
}
#relacionados {
    /* padding: 0 20px */
    background-color: #fbfbfb;
}
.vitrine-rel a {
    display: block;
    cursor: grab;
    padding: 15px 20px;
}
.vitrine-rel label {
    display: block;
    cursor: pointer;
}
.vitrine-rel label.preco {
    font-weight: bold;
    color: #5c5c5c;
}

.vitrine-rel * {
    text-align: center;
}
.owl-carousel .owl-item img {
    width: 110px;
    margin: 0 auto;
    cursor: pointer;
}
#itens-relacionados h3 {
    text-transform: uppercase;
    margin-left: 20px;
    margin-bottom: 5px;
}