@charset "ISO-8859-1"; /*** Código que corrige a acentuação ***/
/* CSS Document */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: CSS Reset :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
* { 
margin: 0; 
padding: 0; 
list-style: none; 
} 
hr { 
display: none; 
} 
img { 
border: none; 
} 
body{ 
background: #002E6A;
}
body p{
font: 12px arial, verdana, tahoma; 
color: #222;
}
body p a{
font: 12px arial, verdana, tahoma; 
color: #333;
text-decoration: none;
}
body p a:hover{
color: #000;
text-decoration: underline;
}
h1, h2, h3 {
font: 15px arial, verdana, tahoma; 
color: #333;
}

@font-face {
font-family: "OpenSans-Light";
src: url("OpenSans-Light.ttf") format("truetype");
}
@font-face {
font-family: "OpenSans-Regular";
src: url("OpenSans-Regular.ttf") format("truetype");
}
@font-face {
font-family: "OpenSans-Bold";
src: url("OpenSans-Bold.ttf") format("truetype");
}

@media screen and (max-width:580px)
{
		#desktop, #tablet{display:none;} /* apenas celular */
}
@media screen and (min-width:581px) and (max-width:979px)
{
		#desktop, #mobile{display:none;} /* apenas tablet */
}
@media screen and (min-width:980px)
{
		#tablet, #mobile{display:none;} /* apenas desktop */
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: Layout Responsivo :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#desktop{ 
width: 100%;
height: 100%;
}
#tablet{ 
width: 100%;
height: 100%;
}
#mobile{ 
width: 100%;
height: 100%;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: DESKTOP ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#topo_geral { 
width: 100%;
background: #000 url(img/fundo_geral_topo.jpg) no-repeat;
background-position:top center;
}
/* :: Div Topo :: */
#topo_geral #topo{ 
width: 971px;
height: 172px;
margin: 0 auto;
position: relative;
}
#topo_geral #topo #logotipo{ 
width: 304px;
height: 53px;
position: absolute;
	top: 15px;
	left: 30px;
}
#topo_geral #topo #telefone{ 
width: 230px;
height: 82px;
position: absolute;
	top: 25px;
	left: 730px;
}
#topo_geral #topo #telefone p{ 
font: 15px "Times New Roman", Times, serif;
text-align: right;
font-style: italic;
color: #108C9A;
}
#topo_geral #topo #rede_social_01{ 
width: 28px;
height: 28px;
position: absolute;
	top: 24px;
	left: 855px;
}
#topo_geral #topo #rede_social_02{ 
width: 28px;
height: 28px;
position: absolute;
	top: 24px;
	left: 886px;
}
#topo_geral #topo #rede_social_03{ 
width: 28px;
height: 28px;
position: absolute;
	top: 24px;
	left: 917px;
}
#topo_geral #topo #menu{ 
width: 971px;
height: 36px;
position: absolute;
	top: 128px;
	left: 0px;
}
#topo_geral #topo #menu ul{ 
width: 971px;
height: 36px;
z-index: 999;
}
#topo_geral #topo #menu ul li.btn1{ 
width: 140px;
height: 36px;
float: left;
display: block;
}
#topo_geral #topo #menu ul li.btn1 a{
display: block;
width: 140px;
height: 36px;
background: url(img/btn_menu_01.png) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#topo_geral #topo #menu ul li.btn1 a:hover{
background-position: left -36px;
}
#topo_geral #topo #menu ul li.show-sub-menu{ 
width: 138px;
height: 36px;
background: url(img/btn_menu_02.png) no-repeat;
display: block;
float: left;
position: relative;
}
#topo_geral #topo #menu ul li.show-sub-menu:hover{ 
width: 138px;
height: 36px;
cursor: pointer;
background-position: left -36px;
}
#topo_geral #topo #menu ul li.show-sub-menu ul.submenu{ 
width: 1028px;
height: 460px;
background: #10A4B4;
border-bottom: 1px solid #333;
position: absolute;
	top: 36px;
	left: -169px;
}
#topo_geral #topo #menu ul li.show-sub-menu ul.submenu a{ 
font: 13px Arial, Verdana, sans-serif;
color: #fff;
text-decoration: none;
width: 246px;
float: left;
margin-right: 1px;
margin-bottom: 1px;
display: block;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 4px;
background: #676767;
}
#topo_geral #topo #menu ul li.show-sub-menu ul.submenu a:hover{ 
font: 13px Arial, Verdana, sans-serif;
color: #ccc;
text-decoration: none;
display: block;
background: #434343;
}
#topo_geral #topo #menu ul li.show-sub-menu ul.submenu a.menu{ 
font: 13px Arial, Verdana, sans-serif;
color: #fff;
text-decoration: none;
display: block;
padding-top: 3px;
padding-left: 10px;
padding-bottom: 4px;
background: #32AEAC;
}
#topo_geral #topo #menu ul li.show-sub-menu ul.submenu a.menu:hover{ 
font: 13px Arial, Verdana, sans-serif;
color: #ccc;
text-decoration: none;
display: block;
background: #237876;
}
#topo_geral #topo #menu ul li.btn2{ 
width: 138px;
height: 36px;
float: left;
display: block;
}
#topo_geral #topo #menu ul li.btn2 a{
display: block;
width: 138px;
height: 36px;
background: url(img/btn_menu_02.png) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#topo_geral #topo #menu ul li.btn2 a:hover{
background-position: left -36px;
}
#topo_geral #topo #menu ul li.btn3{ 
width: 138px;
height: 36px;
float: left;
display: block;
}
#topo_geral #topo #menu ul li.btn3 a{
display: block;
width: 138px;
height: 36px;
background: url(img/btn_menu_03.png) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#topo_geral #topo #menu ul li.btn3 a:hover{
background-position: left -36px;
}
#topo_geral #topo #menu ul li.btn4{ 
width: 139px;
height: 36px;
float: left;
display: block;
}
#topo_geral #topo #menu ul li.btn4 a{
display: block;
width: 139px;
height: 36px;
background: url(img/btn_menu_04.png) no-repeat;
text-indent: -999px;
overflow: hidden; 
} 
#topo_geral #topo #menu ul li.btn4 a:hover{
background-position: left -36px;
}
#topo_geral #topo #menu ul li.btn5{ 
width: 138px;
height: 36px;
float: left;
display: block;
}
#topo_geral #topo #menu ul li.btn5 a{
display: block;
width: 138px;
height: 36px;
background: url(img/btn_menu_05.png) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#topo_geral #topo #menu ul li.btn5 a:hover{
background-position: left -36px;
}
#topo_geral #topo #menu ul li.btn6{ 
width: 138px;
height: 36px;
float: left;
display: block;
}
#topo_geral #topo #menu ul li.btn6 a{
display: block;
width: 138px;
height: 36px;
background: url(img/btn_menu_06.png) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#topo_geral #topo #menu ul li.btn6 a:hover{
background-position: left -36px;
}
#topo_geral #topo #menu ul li.btn7{ 
width: 140px;
height: 36px;
float: left;
display: block;
}
#topo_geral #topo #menu ul li.btn7 a{
display: block;
width: 140px;
height: 36px;
background: url(img/btn_menu_07.png) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#topo_geral #topo #menu ul li.btn7 a:hover{
background-position: left -36px;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: Div Corpo Geral :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#corpo_geral { 
width: 100%;
background: #fff;
}
/* :: Div Corpo :: */
#corpo_geral #corpo{ 
width: 971px;
background: #fff;
margin: 0 auto;
}
#corpo_geral #corpo #separa_banner{ 
width: 971px;
height: 10px;
}
#corpo_geral #corpo #banner{ 
width: 971px;
height: 216px;
background: #fff;
}

#corpo_geral #corpo #video{ 
width: 971px;
height: 546px;
background: #FC6;
}
#corpo_geral #corpo h1{ 
font: 20px Arial, Verdana, Tahoma;
color: #127584;
padding-top: 18px;
padding-bottom: 3px;
border-bottom: 1px solid #777;
}
#corpo_geral #corpo p{ 
font: 13px/18px Arial, Verdana, Tahoma;
color: #333;
padding-top: 18px;
padding-bottom: 15px;
text-align: justify;
}
#corpo_geral #corpo #descricao_geral{ 
width: 971px;
height: 153px;
position:relative;
}
#corpo_geral #corpo #descricao_geral #descricao_produto{ 
width: 711px;
position: absolute;
	top: 0px;
	left: 0px;
}
#corpo_geral #corpo #descricao_geral #descricao_produto p{ 
font: 13px/20px Arial, Verdana, Tahoma;
color: #333;
padding-top: 10px;
padding-bottom: 3px;
}
#corpo_geral #corpo #descricao_geral #solicitacao_cores{ 
width: 260px;
position: absolute;
	top: 0px;
	right: 0px;
}
#corpo_geral #corpo #descricao_geral #solicitacao_cores p{ 
font: bold 13px/20px Arial, Verdana, Tahoma;
color: #333;
text-align: right;
padding-top: 80px;
padding-bottom: 3px;
}
#corpo_geral #corpo #descricao_geral #btn_cartela{ 
width: 260px;
height: 33px;
position: absolute;
	top: 113px;
	right: 0px;
}
#corpo_geral #corpo #descricao_geral #btn_cartela input.botao_form {
display: block;
width: 260px;
height: 33px;
cursor: pointer;
border: 0px;
background: url(img/btn_cartela.jpg) no-repeat;
text-indent: -999px;
overflow: hidden;
}
#corpo_geral #corpo #descricao_geral #btn_cartela input.botao_form:hover{
background-position: left -33px;
}

#corpo_geral #corpo #descricao_geral #btn_cartela p{
text-align: center;
padding-top: 10px;
}
#corpo_geral #corpo #descricao_geral #btn_cartela p a{ 
width: 260px;
height: 33px;
font: bold 14px Arial, verdana, sans-serif;
color: #fff;
text-decoration: none;
}
#corpo_geral #corpo #descricao_geral #btn_cartela p a:hover{ 
width: 260px;
height: 33px;
font: bold 14px Arial, verdana, sans-serif;
color: #FF0;
text-decoration: none;
}
#corpo_geral #corpo #lista_produtos{ 
width: 985px;
margin-top: 10px;
float: left;
}
#corpo_geral #corpo #lista_produtos #caixa_produto{ 
width: 181px;
height: 290px;
border: 1px solid #999999;
float: left;
margin-right: 14px;
margin-bottom: 14px;
position: relative;
}
#corpo_geral #corpo #lista_produtos #caixa_produto #foto_produto{ 
width: 159px;
height: 159px;
border: 1px solid #999999;
position: absolute;
	top: 10px;
	left: 10px;
}
#corpo_geral #corpo #lista_produtos #caixa_produto #brn_produto{ 
width: 161px;
height: 32px;
position: absolute;
	bottom: 10px;
	left: 10px;
}
#corpo_geral #corpo #lista_produtos #caixa_produto #brn_produto a{
display: block;
width: 161px;
height: 32px;
background: url(img/btn_detalhes.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral #corpo #lista_produtos #caixa_produto #brn_produto a:hover{
background-position: left -32px;
}
#corpo_geral #corpo #lista_produtos #caixa_produto #texto_produto{ 
width: 181px;
height: 62px;
position: absolute;
	bottom: 52px;
	left: 0px;
}
#corpo_geral #corpo #lista_produtos #caixa_produto #texto_produto p{ 
font: 13px Arial, Verdana, Tahoma;
color: #333;
text-align: center;
padding-top: 0px;
}
#corpo_geral #corpo #lista_produtos #caixa_produto2{ 
width: 181px;
height: 240px;
border: 1px solid #999999;
float: left;
margin-right: 14px;
margin-bottom: 14px;
position: relative;
}
#corpo_geral #corpo #lista_produtos #caixa_produto2 #foto_produto{ 
width: 159px;
height: 159px;
border: 1px solid #999999;
position: absolute;
	top: 10px;
	left: 10px;
}
#corpo_geral #corpo #lista_produtos #caixa_produto2 #brn_produto{ 
width: 161px;
height: 32px;
position: absolute;
	bottom: 10px;
	left: 10px;
}
#corpo_geral #corpo #lista_produtos #caixa_produto2 #texto_produto{ 
width: 181px;
height: 62px;
position: absolute;
	top: 180px;
	left: 0px;
}
#corpo_geral #corpo #lista_produtos #caixa_produto2 #texto_produto p{ 
font: 13px Arial, Verdana, Tahoma;
color: #333;
text-align: center;
padding-top: 0px;
}


#corpo_geral #corpo #pagina_pedido{ 
width: 971px;
margin: 0 auto;
}
#corpo_geral #corpo #pagina_pedido #titulo{ 
width: 971px;
height: 49px;
}
#corpo_geral #corpo #pagina_pedido #titulo.form{ 
width: 971px;
height: 80px;
}
#corpo_geral #corpo #pagina_pedido #titulo h1{ 
font: bold 16px arial, verdana, tahoma; 
color: #000;
padding-bottom: 18px;
padding-top: 18px;
text-align: center;
}
#corpo_geral #corpo #pagina_pedido #rotulos{ 
width: 971px;
height: 26px;
margin: 5px auto;
}
#corpo_geral #corpo #pagina_pedido #rotulos p.rotulo{ 
font: bold 13px arial, verdana, tahoma; 
color: #fff;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
}
#corpo_geral #corpo #pagina_pedido #produto{ 
width: 969px;
height: 23px;
}
#corpo_geral #corpo #pagina_pedido #produto p.normal{ 
font: 13px arial, verdana, tahoma; 
color: #333;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
#corpo_geral #corpo #pagina_pedido #produto p.codigo{ 
font: 13px arial, verdana, tahoma; 
color: #333;
text-align: center;
padding-left: -10px;
padding-top: 0px;
padding-bottom: 0px;
}
#corpo_geral #corpo #pagina_pedido #botoes{ 
width: 971px;
height: 30px;
margin: 10px auto;
border-top: 1px solid #BFBFBF;
}
#corpo_geral #corpo #pagina_pedido #botoes #continuar_escolhendo{ 
width: 180px;
height: 29px;
float: left;
margin-top: 15px;
}
#corpo_geral #corpo #pagina_pedido #botoes #continuar_escolhendo a{
display: block;
width: 200px;
height: 29px;
background: url(img/btn_continuar_escolhendo.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral #corpo #pagina_pedido #botoes #continuar_escolhendo a:hover{
background-position: left -29px;
}
#corpo_geral #corpo #pagina_pedido #botoes #qtd_escolha{ 
width: 180px;
height: 29px;
float: right;
margin-top: 15px;
}
#corpo_geral #corpo #pagina_pedido #botoes #qtd_escolha p.escolha{
font: 13px arial, verdana, tahoma; 
color: #333;
text-align: right;
padding-bottom: 0px;
padding-top: 7px;
}
#corpo_geral #corpo #pagina_pedido #botoes #qtd_escolha p.escolha strong{
font: bold 14px arial, verdana, tahoma; 
color: #F90;
text-align: right;
padding-bottom: 0px;
padding-top: 0px;
}
#corpo_geral #corpo #pagina_pedido #finalizar_pedido{ 
width: 250px;
height: 35px;
margin: 0 auto;
padding-bottom: 15px;
}
#corpo_geral #corpo #pagina_pedido #finalizar_pedido a{
display: block;
width: 250px;
height: 35px;
background: url(img/btn_finalizar.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral #corpo #pagina_pedido #finalizar_pedido a:hover{
background-position: left -35px;
}



#corpo_geral #corpo #voltar{ 
width: 971px;
height: 24px;
clear: both;
}
#corpo_geral #corpo #voltar p{ 
font: bold 16px Arial, Verdana, Tahoma;
text-align: center;
color: #333;
padding-top: 6px;
}
#corpo_geral #corpo #voltar p a{ 
font: bold 16px Arial, Verdana, Tahoma;
text-align: center;
text-decoration: none;
color: #333;
background: #ccc;
display: block;
height: 24px;
padding-top:6px;
}
#corpo_geral #corpo #voltar p a:hover{ 
font: bold 16px Arial, Verdana, Tahoma;
text-align: center;
text-decoration: none;
color: #333;
background: #F90;
}
#corpo_geral #corpo #empurra_produto_cor{ 
width: 971px;
height: 30px;
clear: both;
}
#corpo_geral #corpo #catalogo_zipper{ 
width: 971px;
height: 28px;
clear: both;
}
#corpo_geral #corpo #catalogo_zipper p{ 
font: bold 16px Arial, Verdana, Tahoma;
text-align: center;
color: #333;
padding-top: 6px;
}
#corpo_geral #corpo #catalogo_zipper p a{ 
font: bold 16px Arial, Verdana, Tahoma;
text-align: center;
text-decoration: none;
color: #333;
background: #39C;
display: block;
}
#corpo_geral #corpo #catalogo_zipper p a:hover{ 
font: bold 16px Arial, Verdana, Tahoma;
text-align: center;
text-decoration: none;
color: #333;
background: #F90;
}
#corpo_geral #corpo #empurra{ 
width: 971px;
height: 10px;
clear: both;
}
#corpo_geral #corpo #paginacao{ 
width: 971px;
height: 28px;
border-top: 1px solid #999;
clear: both;
}
#corpo_geral #corpo #paginacao p.paginacao{ 
font: 16px Arial, Verdana, Tahoma;
text-align: center;
padding-top: 3px;
padding-bottom: 20px;
}
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: Div Rodape Geral ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#rodape_geral { 
width: 100%;
height: 191px;
background: #000 url(img/fundo_geral_rodape.jpg) no-repeat;
background-position:top center;
}
/* :: Div Rodape :: */
#rodape_geral #rodape{ 
width: 971px;
height: 192px;
margin: 0 auto;
position: relative;
}
#rodape_geral #rodape #endereco{ 
width: 610px;
height: 50px;
position: absolute;
	top: 88px;
	left: 38px;
}
#rodape_geral #rodape #endereco p{ 
font: 12px Arial, Verdana, sans-serif;
color: #CCCCCC;
}
#rodape_geral #rodape #endereco p span{ 
font: bold 14px Arial, Verdana, sans-serif;
color: #5C799F;
}

#rodape_geral #rodape #endereco p a{ 
font: 12px Arial, Verdana, sans-serif;
color: #CCCCCC;
text-decoration:none;
}
#rodape_geral #rodape #endereco p a:hover{ 
font: 12px Arial, Verdana, sans-serif;
color: #FC0;
text-decoration:underline;
}

#rodape_geral #rodape #email{ 
width: 150px;
height: 40px;
position: absolute;
	top: 88px;
	left: 700px;
}
#rodape_geral #rodape #email p{ 
font: 12px Arial, Verdana, sans-serif;
color: #CCCCCC;
}
#rodape_geral #rodape #email p span{ 
font: bold 14px Arial, Verdana, sans-serif;
color: #5C799F;
}
#rodape_geral #rodape #logo_olhar{ 
width: 73px;
height: 57px;
position: absolute;
	top: 78px;
	left: 890px;
}
#rodape_geral #rodape #direitos{ 
width: 971px;
height: 36px;
position: absolute;
	top: 29px;
	left: 0px;
}
#rodape_geral #rodape #direitos p{ 
font: 12px Arial, Verdana, sans-serif;
color: #fff;
text-align: center;
padding-top: 12px;
}











/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: TABLET :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#corpo_geral_tablet{ 
width: 100%;
height: 100%;
background:#002E6A;
}
#corpo_geral_tablet #topo_geral_tablet{ 
width: 100%;
height: 170px;
background-image: url("img/topo_tablet.jpg");
background-repeat: no-repeat;
background-position: center;
}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet{ 
width: 570px;
height: 170px;
margin: 0 auto;
position: relative;
}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #logotipo{ 
width: 304px;
height: 53px;
position: absolute;
	top: 15px;
	left: 15px;
}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #fones{ 
width: 140px;
height: 90px;
position: absolute;
	top: 23px;
	right: 20px;
}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #fones p{ 
font: 13px "Times New Roman", Times, serif;
font-style: italic;
color: #0C838F;
text-align: right;
}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #btn_menu{ 
width: 50px;
height: 36px;
z-index:999;
position: absolute;
	top: 128px;
	right: 4px;
}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #btn_menu ul li.show-sub-menu{
	width:50px;
	height:36px;
	background:url(img/btn_menu.jpg) no-repeat;
	display:block;
	float:left;
	position:relative;
	}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #btn_menu ul li.show-sub-menu:hover{
	width:50px;
	height:168px;
	cursor:pointer;
	background-position:left -36px;
	}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #btn_menu ul li.show-sub-menu ul.submenu{
	width:200px;
	height:168px;
	background:#434343;
	border-bottom:1px solid #333;
	position:absolute;
	top:36px;
	right:1px;
	}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #btn_menu ul li.show-sub-menu ul.submenu li.curso1{
	width:200px;
	height:32px;
	border-top:1px solid #333;
	}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #btn_menu ul li.show-sub-menu ul.submenu li.curso1 a.frederic-font-tablet{
	font-family: "OpenSans-Regular";
	font-size: 20px;
	color: #fff;
	text-decoration:none;
	display:block;
	padding-top:3px;
	padding-left:10px;
	padding-bottom:6px;
	background:#676767;
	}
#corpo_geral_tablet #topo_geral_tablet #topo_tablet #btn_menu ul li.show-sub-menu ul.submenu li.curso1 a.frederic-font-tablet:hover{
	font-family: "OpenSans-Regular";
	font-size: 20px;
	color: #fff;
	text-decoration:none;
	display:block;
	background:#434343;
	}
	
	
	
	
	
	



#corpo_geral_tablet #conteudo_geral_tablet{ 
width: 100%;
background:#FFF;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet{ 
width: 570px;
margin: 0 auto;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #banner_tablet{ 
width: 570px;
height: 215px;
}

#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #video_tablet{ 
width: 570px;
height: 321px;
}

#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet h1{ 
font: 20px Arial, Verdana, Tahoma;
color: #127584;
padding-top: 18px;
padding-bottom: 3px;
border-bottom: 1px solid #777;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet{ 
width: 570px;
height: 159px;
position: relative;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #descricao_produto_tablet{ 
width: 310px;
position: absolute;
top: 0px;
left: 0px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #descricao_produto_tablet p{ 
font: 13px/20px Arial, Verdana, Tahoma;
color: #333;
padding-top: 10px;
padding-bottom: 3px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #solicitacao_cores_tablet{ 
width: 260px;
position: absolute;
top: 0px;
right: 0px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #solicitacao_cores_tablet p{ 
font: bold 13px/20px Arial, Verdana, Tahoma;
color: #333;
text-align: right;
padding-top: 80px;
padding-bottom: 3px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #btn_cartela_tablet{ 
width: 260px;
height: 33px;
position: absolute;
top: 113px;
right: 0px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #btn_cartela_tablet p{
text-align: center;
padding-top: 10px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #btn_cartela_tablet p a{ 
width: 260px;
height: 33px;
font: bold 14px Arial, verdana, sans-serif;
color: #fff;
text-decoration: none;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #btn_cartela_tablet p a:hover{ 
width: 260px;
height: 33px;
font: bold 14px Arial, verdana, sans-serif;
color: #FF0;
text-decoration: none;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #btn_cartela_tablet input.botao_form_tablet{ 
display: block;
width: 260px;
height: 33px;
cursor: pointer;
border: 0px;
background: url(img/btn_cartela.jpg) no-repeat;
text-indent: -999px;
overflow: hidden;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #descricao_geral_tablet #btn_cartela_tablet input.botao_form_tablet:hover{
background-position: left -33px;
}











#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_produtos{ 
width: 580px;
float: left;
z-index: 1;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_produtos #caixa_produto{ 
width: 278px;
height: 278px;
border: 1px solid #333;
float: left;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_produtos #caixa_produto #foto_produto{ 
width: 256px;
height: 140px;
border: 1px solid #333;
position: absolute;
	top: 10px;
	left: 10px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_produtos #caixa_produto #btn{ 
width: 256px;
height: 33px;
border: 1px solid #333;
position: absolute;
	left: 10px;
	bottom: 10px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_produtos #caixa_produto #btn a{
display: block;
width: 256px;
height: 33px;
background: url(img/btn_produto_categoria_tablet.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_produtos #caixa_produto #btn a:hover{
background-position: left -33px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_produtos #caixa_produto #texto{ 
width: 256px;
height: 62px;
position: absolute;
	left: 10px;
	top: 160px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_produtos #caixa_produto #texto p{ 
font: 13px/18px arial, verdana, tahoma; 
color: #333;
padding-top: 0px;
}




#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_videos_tablet{ 
width: 580px;
float: left;
z-index: 1;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_videos_tablet #caixa_video_tablet{ 
width: 278px;
height: 225px;
border: 1px solid #333;
float: left;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
background:#CFE8F5;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_videos_tablet #caixa_video_tablet #foto_video_tablet{ 
width: 256px;
height: 143px;
border: 1px solid #333;
position: absolute;
	top: 10px;
	left: 10px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_videos_tablet #caixa_video_tablet #texto_tablet{ 
width: 256px;
height: 30px;
position: absolute;
	left: 10px;
	top: 158px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #listagem_videos_tablet #caixa_video_tablet #texto_tablet p{ 
font: 13px/18px arial, verdana, tahoma; 
color: #333;
text-align: center;
padding-top: 3px;
}








#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #empurra_produto_tablet{ 
width: 570px;
height: 20px;
clear: both;
}

#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet p.paginacao{ 
font: 13px arial, verdana, tahoma; 
color: #222;
padding-top: 30px;
padding-bottom: 10px;
text-align: center;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet p.paginacao strong{ 
font: 13px arial, verdana, tahoma; 
color: #ccc;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet p.paginacao b{ 
font: bold 13px arial, verdana, tahoma; 
color: #fff;
border: 1px solid #069;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
background: #06C;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet p.paginacao a{ 
font: 13px arial, verdana, tahoma;
text-decoration: none;
color: #333;
margin: 1px;
border: 1px solid #fff;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet p.paginacao a:hover{ 
font: 13px arial, verdana, tahoma;
text-decoration: none;
color: #690;
border: 1px solid #069;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
}



#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #busca_tablet{ 
width: 570px;
height: 43px;
background: #CCC;
border: 1px solid #333;
position:relative;
z-index: 1;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #busca_tablet form{ 
width: 570px;
height: 43px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #busca_tablet form #rotulo{ 
width: 137px;
height: 22px;
position: absolute;
	top: 11px;
	left: 70px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #busca_tablet form #rotulo p{ 
font: bold 13px arial, verdana, tahoma; 
color: #333;
padding-top: 4px;
text-align: right;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #busca_tablet form #campo{ 
width: 137px;
height: 22px;
position: absolute;
	top: 9px;
	left: 212px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #busca_tablet form #campo input{ 
width: 137px;
height: 22px;
background: #fff;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #busca_tablet form #botao{ 
width: 87px;
height: 22px;
background: #fff;
position: absolute;
	top: 10px;
	left: 360px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #busca_tablet form #botao input.btn{ 
width: 87px;
height: 24px;
background: #777;
border: 1px solid #333;
font: bold 11px verdana, arial, tahoma; 
color: #fff; 
outline: none;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #busca_tablet form #botao input.btn:hover{ 
width: 87px;
height: 24px;
background: #333;
border: 1px solid #333;
cursor: pointer;
}



#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet{ 
width: 570px;
margin: 0 auto;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #titulo_tablet{ 
width: 570px;
height: 49px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #titulo_tablet.form{ 
width: 570px;
height: 80px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #titulo_tablet h1{ 
font: bold 16px arial, verdana, tahoma; 
color: #000;
padding-bottom: 18px;
padding-top: 18px;
text-align: center;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #rotulos_tablet{ 
width: 570px;
height: 26px;
margin: 5px auto;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #rotulos_tablet p.rotulo{ 
font: bold 13px arial, verdana, tahoma; 
color: #fff;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #produto_tablet{ 
width: 570px;
height: 23px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #produto_tablet p.normal{ 
font: 13px arial, verdana, tahoma; 
color: #333;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #produto_tablet p.codigo{ 
font: 13px arial, verdana, tahoma; 
color: #333;
text-align: center;
padding-left: -10px;
padding-top: 0px;
padding-bottom: 0px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #botoes_tablet{ 
width: 570px;
height: 30px;
margin: 10px auto;
border-top: 1px solid #BFBFBF;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #botoes_tablet #continuar_escolhendo_tablet{ 
width: 180px;
height: 29px;
float: left;
margin-top: 15px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #botoes_tablet #continuar_escolhendo_tablet a{
display: block;
width: 200px;
height: 29px;
background: url(img/btn_continuar_escolhendo.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #botoes_tablet #continuar_escolhendo_tablet a:hover{
background-position: left -29px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #botoes_tablet #qtd_escolha_tablet{ 
width: 180px;
height: 29px;
float: right;
margin-top: 15px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #botoes_tablet #qtd_escolha_tablet p.escolha{
font: 13px arial, verdana, tahoma; 
color: #333;
text-align: right;
padding-bottom: 0px;
padding-top: 7px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #botoes_tablet #qtd_escolha_tablet p.escolha strong{
font: bold 14px arial, verdana, tahoma; 
color: #F90;
text-align: right;
padding-bottom: 0px;
padding-top: 0px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #finalizar_pedido_tablet{ 
width: 250px;
height: 35px;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 15px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #finalizar_pedido_tablet a{
display: block;
width: 250px;
height: 35px;
background: url(img/btn_finalizar.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #pagina_pedido_tablet #finalizar_pedido_tablet a:hover{
background-position: left -35px;
}







#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #lista_cores_tablet{ 
width: 582px;
float: left;
}

#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet p.pioneirismo{ 
font: 20px Arial, Verdana, Tahoma;
color: #127584;
padding-top: 18px;
padding-bottom: 3px;
border-bottom: 1px solid #777;
}

#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #lista_cores_tablet #caixa_cor{ 
width: 180px;
height: 250px;
margin-right: 12px;
margin-bottom: 12px;
border: 1px solid #999;
float: left;
position: relative;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #lista_cores_tablet p{ 
font-family: "OpenSans-Regular";
font-size: 13px;
width: 160px;
text-align: center;
color:#333;
position: absolute;
	top: 175px;
	left: 10px;

}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #lista_cores_tablet #caixa_cor #foto_cor{ 
width: 160px;
height: 160px;
background:#CCC;
position: absolute;
	top: 10px;
	left: 10px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #empurra_lista_cores_tablet{ 
width: 570px;
height: 5px;
clear: both;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #voltar{ 
width: 570px;
height: 30px;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #voltar a{ 
font-family: "OpenSans-Regular";
font-size: 16px;
width: 570px;
height: 26px;
text-align: center;
color:#333;
padding-top: 4px;
display: block;
text-decoration: none;
background: #CCC;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #voltar a:hover{ 
font-family: "OpenSans-Regular";
font-size: 16px;
width: 570px;
height: 26px;
color:#fff;
display: block;
text-decoration: none;
background: #333;
}

#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #banner{ 
width: 570px;
height: 185px;
background: #CCC;
}











#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #lista_fotos{ 
width: 582px;
float: left;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #lista_fotos #foto{ 
width: 180px;
height: 137px;
margin-right: 12px;
margin-bottom: 12px;
float: left;
border: 1px solid #333;
}
#corpo_geral_tablet #conteudo_geral_tablet #conteudo_tablet #empurra_fotos{ 
width: 3px;
clear: both;
}

#corpo_geral_tablet #rodape_geral_tablet{ 
width: 100%;
height: 190px;
background-image: url("img/rodape_tablet.jpg");
background-repeat: no-repeat;
background-position: center;
}
#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet{ 
width: 570px;
height: 190px;
margin: 0 auto;
position: relative;
}
#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet #direitos{ 
width: 560px;
height: 32px;
position: absolute;
	top: 25px;
	left: 5px;
}
#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet #direitos p{ 
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
}

#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet #endereco{ 
width: 360px;
height: 70px;
position: absolute;
	top: 90px;
	left: 17px;
}
#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet #endereco p{ 
font: 12px/16px Arial, Helvetica, sans-serif;
color: #CCCCCC;
text-align: left;
}
#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet #endereco p span{ 
font: bold 14px Arial, Helvetica, sans-serif;
color: #5C799F;
}
#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet #endereco p a{ 
font: 12px Arial, Helvetica, sans-serif;
color: #CCCCCC;
text-decoration: none;
}
#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet #endereco p a:hover{ 
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: underline;
}
#corpo_geral_tablet #rodape_geral_tablet #rodape_tablet #olhar{ 
width: 73px;
height: 57px;
position: absolute;
	top: 77px;
	right: 17px;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :: MOBILE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#corpo_geral_mobile{ 
width: 100%;
height: 100%;
}
#corpo_geral_mobile #topo_geral_mobile{ 
width: 100%;
height: 170px;
background-image: url("img/topo_celular.jpg");
background-repeat: no-repeat;
background-position: center;
}
#corpo_geral_mobile #topo_geral_mobile #topo_mobile{ 
width: 346px;
height: 170px;
margin: 0 auto;
position: relative;
}
#corpo_geral_mobile #topo_geral_mobile #topo_mobile #logotipo{ 
width: 270px;
height: 47px;
position: absolute;
	top: 40px;
	left: 38px;
}
#corpo_geral_mobile #topo_geral_mobile #topo_mobile #btn_menu{ 
width: 50px;
height: 36px;
position: relative;
position: absolute;
	top: 128px;
	right: 17px;
}
#corpo_geral_mobile #topo_geral_mobile #topo_mobile #btn_menu ul li.show-sub-menu{
	width: 50px;
	height: 36px;
	background:url(img/btn_menu.jpg) no-repeat;
	display:block;
	float:left;
	position:relative;
	z-index: 999;
	}
#corpo_geral_mobile #topo_geral_mobile #topo_mobile #btn_menu ul li.show-sub-menu:hover{
	width: 50px;
	height: 36px;
	cursor:pointer;
	background-position:left -36px;
	z-index: 999;
	}
#corpo_geral_mobile #topo_geral_mobile #topo_mobile #btn_menu ul li.show-sub-menu ul.submenu{
	width:200px;
	height:168px;
	background:#434343;
	border-bottom:1px solid #333;
	position:absolute;
	top:36px;
	right:1px;
	}
#corpo_geral_mobile #topo_geral_mobile #topo_mobile #btn_menu ul li.show-sub-menu ul.submenu li.curso1{
	width:200px;
	height:32px;
	border-top:1px solid #333;
	}
#corpo_geral_mobile #topo_geral_mobile #topo_mobile #btn_menu ul li.show-sub-menu ul.submenu li.curso1 a.frederic-font-tablet{
	font-family: "OpenSans-Regular";
	font-size: 20px;
	color: #fff;
	text-decoration:none;
	display:block;
	padding-top:3px;
	padding-left:10px;
	padding-bottom:6px;
	background:#676767;
	}
#corpo_geral_mobile #topo_geral_mobile #topo_mobile #btn_menu ul li.show-sub-menu ul.submenu li.curso1 a.frederic-font-tablet:hover{
	font-family: "OpenSans-Regular";
	font-size: 20px;
	color: #fff;
	text-decoration:none;
	display:block;
	background:#434343;
	}

#corpo_geral_mobile #conteudo_geral_mobile{ 
width: 100%;
background:#FFF;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile{ 
width: 346px;
margin: 0 auto;
position: relative;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #banner_mobile{ 
width: 346px;
height: 216px;
}

#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #video_mobile{ 
width: 346px;
height: 195px;
}


#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile h1{ 
font: 20px Arial, Verdana, Tahoma;
color: #127584;
padding-top: 18px;
padding-bottom: 3px;
border-bottom: 1px solid #777;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile h1.pedido{ 
font: 16px Arial, Verdana, Tahoma;
color: #127584;
padding-top: 18px;
padding-bottom: 3px;
border-bottom: 1px solid #777;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile p{ 
font: 15px/18px Arial, Verdana, Tahoma;
color: #333;
padding-top: 18px;
padding-bottom: 15px;
text-align: justify;
}


#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #solicitacao_cores_mobile{ 
width: 346px;
padding-top: 0px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #solicitacao_cores_mobile p{ 
font: bold 13px/20px Arial, Verdana, Tahoma;
color: #333;
text-align: center;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #btn_cartela_mobile{ 
width: 260px;
height: 33px;
padding-bottom: 15px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #btn_cartela_mobile p{
text-align: center;
padding-top: 10px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #btn_cartela_mobile p a{ 
width: 260px;
height: 33px;
font: bold 14px Arial, verdana, sans-serif;
color: #fff;
text-decoration: none;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #btn_cartela_mobile p a:hover{ 
width: 260px;
height: 33px;
font: bold 14px Arial, verdana, sans-serif;
color: #FF0;
text-decoration: none;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #btn_cartela_mobile input.botao_form_mobile{ 
display: block;
width: 260px;
height: 33px;
cursor: pointer;
border: 0px;
background: url(img/btn_cartela.jpg) no-repeat;
text-indent: -999px;
overflow: hidden;
margin-left: 43px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #btn_cartela_mobile input.botao_form_mobile:hover{
background-position: left -33px;
}



#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #busca_celular{ 
width: 342px;
height: 90px;
background: #CCC;
border: 1px solid #333;
position:relative;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #busca_celular form{ 
width: 342px;
height: 43px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #busca_celular form #rotulo{ 
width: 342px;
height: 22px;
position: absolute;
	top: 5px;
	left: 0px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #busca_celular form #rotulo p{ 
font: bold 13px arial, verdana, tahoma; 
color: #333;
padding-top: 4px;
text-align: center;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #busca_celular form #campo{ 
width: 138px;
height: 22px;
position: absolute;
	top: 26px;
	left: 102px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #busca_celular form #campo input{ 
width: 138px;
height: 22px;
background: #fff;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #busca_celular form #botao{ 
width: 88px;
height: 22px;
background: #fff;
position: absolute;
	top: 58px;
	left: 127px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #busca_celular form #botao input.btn{ 
width: 88px;
height: 24px;
background: #777;
border: 1px solid #333;
font: bold 11px verdana, arial, tahoma; 
color: #fff; 
outline: none;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #busca_celular form #botao input.btn:hover{ 
width: 87px;
height: 24px;
background: #333;
border: 1px solid #333;
cursor: pointer;
}





#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile{ 
width: 346px;
margin: 0 auto;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #titulo_mobile{ 
width: 346px;
height: 49px;
padding-bottom: 12px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #titulo_mobile.form{ 
width: 346px;
height: 80px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #titulo_mobile h1{ 
font: bold 16px arial, verdana, tahoma; 
color: #000;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #rotulos_mobile{ 
width: 346px;
height: 26px;
margin: 5px auto;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #rotulos_mobile p.rotulo{ 
font: bold 13px arial, verdana, tahoma; 
color: #fff;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #produto_mobile{ 
width: 346px;
height: 23px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #produto_mobile p.normal{ 
font: 13px arial, verdana, tahoma; 
color: #333;
padding-left: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #produto_mobile p.codigo{ 
font: 13px arial, verdana, tahoma; 
color: #333;
text-align: center;
padding-left: -10px;
padding-top: 0px;
padding-bottom: 0px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #botoes_mobile{ 
width: 346px;
height: 30px;
margin: 10px auto;
border-top: 1px solid #BFBFBF;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #botoes_mobile #continuar_escolhendo_mobile{ 
width: 200px;
height: 29px;
float: left;
margin-top: 15px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #botoes_mobile #continuar_escolhendo_mobile a{
display: block;
width: 200px;
height: 29px;
background: url(img/btn_continuar_escolhendo.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #botoes_mobile #continuar_escolhendo_mobile a:hover{
background-position: left -29px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #botoes_mobile #qtd_escolha_mobile{ 
width: 146px;
height: 29px;
float: right;
margin-top: 15px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #botoes_mobile #qtd_escolha_mobile p.escolha{
font: 13px arial, verdana, tahoma; 
color: #333;
text-align: right;
padding-bottom: 0px;
padding-top: 7px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #botoes_mobile #qtd_escolha_mobile p.escolha strong{
font: bold 14px arial, verdana, tahoma; 
color: #F90;
text-align: right;
padding-bottom: 0px;
padding-top: 0px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #finalizar_pedido_mobile{ 
width: 250px;
height: 35px;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 15px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #finalizar_pedido_mobile a{
display: block;
width: 250px;
height: 35px;
background: url(img/btn_finalizar.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #pagina_pedido_mobile #finalizar_pedido_mobile a:hover{
background-position: left -35px;
}







#corpo_geral_mobile #conteudo_geral_mobile #banner{ 
width: 346px;
height: 247px;
background: #CCC;
}

#corpo_geral_mobile #conteudo_geral_mobile  #conteudo_mobile p.pioneirismo{ 
font: 20px Arial, Verdana, Tahoma;
text-align: center;
color: #127584;
padding-top: 18px;
padding-bottom: 3px;
border-bottom: 1px solid #777;
}

#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #caixa_produto{ 
width: 278px;
height: 278px;
border: 1px solid #333;
float: left;
margin-left: 34px;
margin-bottom: 20px;
position: relative;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #empurra_produtos_celular{ 
width: 278px;
clear: both;
}

#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #paginacao{ 
width: 278px;
height: 28px;
clear: both;
margin-left: 34px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile p.paginacao{ 
font: 13px arial, verdana, tahoma; 
color: #222;
padding-top: 5px;
padding-bottom: 10px;
text-align: center;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile p.paginacao strong{ 
font: 13px arial, verdana, tahoma; 
color: #ccc;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile p.paginacao b{ 
font: bold 13px arial, verdana, tahoma; 
color: #fff;
border: 1px solid #069;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
background: #06C;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile p.paginacao a{ 
font: 13px arial, verdana, tahoma;
text-decoration: none;
color: #333;
margin: 1px;
border: 1px solid #fff;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile p.paginacao a:hover{ 
font: 13px arial, verdana, tahoma;
text-decoration: none;
color: #690;
border: 1px solid #069;
padding-bottom: 1px;
padding-top: 1px;
padding-left: 5px;
padding-right: 5px;
}





#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #lista_cores_mobile{ 
width: 356px;
float: left;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #lista_cores_mobile #caixa_cor{ 
width: 166px;
height: 230px;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #999;
float: left;
position: relative;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #lista_cores_mobile p{ 
font-family: "OpenSans-Regular";
font-size: 14px;
width: 146px;
text-align: center;
color:#333;
position: absolute;
	top: 145px;
	left: 10px;

}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #lista_cores_mobile #caixa_cor #foto_cor{ 
width: 146px;
height: 146px;
background:#CCC;
position: absolute;
	top: 10px;
	left: 10px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #empurra_lista_cores_mobile{ 
width: 346px;
height: 5px;
clear: both;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #voltar{ 
width: 346px;
height: 30px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #voltar a{ 
font-family: "OpenSans-Regular";
font-size: 16px;
width: 346px;
height: 26px;
text-align: center;
color:#333;
padding-top: 4px;
display: block;
text-decoration: none;
background: #CCC;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #voltar a:hover{ 
font-family: "OpenSans-Regular";
font-size: 16px;
width: 346px;
height: 26px;
color:#fff;
display: block;
text-decoration: none;
background: #333;
}








#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #caixa_produto #foto_produto{ 
width: 256px;
height: 140px;
border: 1px solid #333;
position: absolute;
	top: 10px;
	left: 10px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #caixa_produto #btn{ 
width: 256px;
height: 33px;
border: 1px solid #333;
position: absolute;
	left: 10px;
	bottom: 10px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #caixa_produto #btn a{
display: block;
width: 256px;
height: 33px;
background: url(img/btn_produto_categoria_tablet.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #caixa_produto #btn a:hover{
background-position: left -33px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #caixa_produto #texto{ 
width: 256px;
height: 62px;
position: absolute;
	left: 10px;
	top: 160px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #caixa_produto #texto p{ 
font: 13px/18px arial, verdana, tahoma; 
color: #333;
padding-top: 0px;
}






#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #listagem_videos_mobile{ 
width: 356px;
padding-top: 15px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #listagem_videos_mobile #caixa_video_mobile{ 
width: 344px;
height: 245px;
border: 1px solid #333;
margin-bottom: 15px;
position: relative;
background:#CFE8F5;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #listagem_videos_mobile #caixa_video_mobile #foto_video_mobile{ 
width: 322px;
height: 180px;
border: 1px solid #333;
position: absolute;
    top: 10px;
    left: 10px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #listagem_videos_mobile #caixa_video_mobile #texto_mobile{ 
width: 324px;
height: 30px;
position: absolute;
    left: 10px;
    top: 195px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #listagem_videos_mobile #caixa_video_mobile #texto_mobile p{ 
font: 13px/18px arial, verdana, tahoma; 
color: #333;
text-align: center;
padding-top: 3px;
}










#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #foto_celular{ 
width: 346px;
float: left;
margin-bottom: 20px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #foto_celular #foto{ 
width: 318px;
margin: 0 auto;
border: 1px solid #777;
margin-bottom: 0px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #foto_celular #foto p{ 
font: 15px Arial, Verdana, Tahoma;
color: #333;
text-align: center;
padding-top: 1px;
padding-bottom: 4px;
}
#corpo_geral_mobile #conteudo_geral_mobile #conteudo_mobile #empurra_foto_celular{ 
width: 346px;
height: 3px;
clear: both;
}



#corpo_geral_mobile #rodape_geral_mobile{ 
width: 100%;
height: 190px;
background-image: url("img/rodape_celular.jpg");
background-repeat: no-repeat;
background-position: center;
}
#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile{ 
width: 346px;
height: 190px;
margin: 0 auto;
position: relative;
}


#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile #direitos{ 
width: 338px;
height: 32px;
position: absolute;
	top: 25px;
	left: 5px;
}
#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile #direitos p{ 
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
}

#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile #endereco{ 
width: 260px;
height: 70px;
position: absolute;
	top: 90px;
	left: 25px;
}
#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile #endereco p{ 
font: 12px/16px Arial, Helvetica, sans-serif;
color: #CCCCCC;
text-align: left;
}
#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile #endereco p span{ 
font: bold 14px Arial, Helvetica, sans-serif;
color: #5C799F;
}
#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile #endereco p a{ 
font: 12px Arial, Helvetica, sans-serif;
color: #CCCCCC;
text-decoration: none;
}
#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile #endereco p a:hover{ 
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: underline;
}
#corpo_geral_mobile #rodape_geral_mobile #rodape_mobile #olhar{ 
width: 73px;
height: 57px;
position: absolute;
	top: 77px;
	right: 25px;
}