@charset "utf-8";
form{ width:auto;}
/*========================= inicio botoes  de continuar comprando  e finalizar compra========================*/
a h2 {
	color:#030;
		}
a h2:hover {
	color:#0C0;
		}
		a h3 {
	color:#F00;
	font-size:17px;
		}
a h3:hover {
	color:#C00;
	
		}
		/*========================= fim botoes  de continuar comprando  e finalizar compra========================*/
body{
	margin:0 auto;
	padding:0;
	/*background-image:url(../imagens/background.jpg);}*/
	background:#FFF;
	}
#detalhes h6 {
	height:150px;
	font-size:18px;
}
#detalhes #texto p
{
	font-size:12px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;

}
#detalhes #texto 
{
	font-size:12px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	background:#FFF;

}
img { border:0;}
#topo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	height: 200px;
	width: 1000px;
}
#detalhes_carrinho {
	background-color: #FFF;
	height: auto;
	width: auto;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: 1px;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

#total {
	height: auto;
	width: 1000px;
	text-align: left; /* "remédio" para o hack do IE */
	vertical-align: top;
	position: absolute;
	left: 50%;/*utilizado para fazer o site ficar no meio*/
	margin-left: -500px;/* utilizado para fazer o site ficar no meio*/
	z-index: 1000;
	/*border-left:1px solid #CCC;
/*border-right:1px solid #CCC;*/
background:#FFF;

}
#logo {
	background-color: #FFF;
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding-bottom:25px;

	
}
#logo img {
	top:50%;
	margin-top:20%;/* centraliza  a imagem da logo  no centro da div*/
}
#carrinho {
	background-color: #666;/* muda cor da faixa onde esta escrito bem vidno ou nome do visitante*/
	float: right;
	height: 25px;
	width: 200px;
	
	
}
#carrinho a { color:#FF0;/* muda cor da letra onde esta escrito bem vidno ou nome do visitante*/
font-style:none;
text-decoration:none;

}
/*==============================botao   comprar==========================*/

#comprar a:hover{ width:auto; height:auto;background:#933; color:#FF0; }/* muda a cor do botao hover quando fica por cima dele o mouse*/
#comprar p {/*este bloco responsavel por muitas configuraçoes de texto no site*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	background-color: #F00;
	text-align: center;
	height: auto;
	width: auto;
	color:#000;
	text-decoration:none;
}
#comprar a li { height:50px;
width: 200px; background:#C00;
}

a {
	list-style:none; text-decoration:none;}
#comprar a  {list-style:none;text-decoration:none; color:#FFF; background-color:#C00;}

/*#comprar a:hover{ width:auto; height:auto;background:#06C; color:#FFF; }*/

#comprar {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background:#C00;
	font-size:22px;
	text-align:center;
	list-style:none;
	text-decoration:none;
	font-weight:bold;
	/*background-color: #F00;*/
	float: left;
	height: auto;
	width: auto;
	
	
}

/*===========================================fim botao comprar ========================================*/

#login {
	background-color: #666; /* muda cor da faixa onde esta escrito bem vidno ou nome do visitante*/
	float: right;
	height: 25px;
	width: 129px;
	text-align:left;
	
	
}
#login2 {
	background-color: #666;/* muda cor da faixa onde esta escrito bem vidno ou nome do visitante*/
	float: right;
	height: 25px;
	width: 300px;
	text-align:left;
	
	
}
#login2 a { color:#FF0;/* muda cor da letra onde esta escrito bem vidno ou nome do visitante*/
font-style:none;
text-decoration:none;
}

#login a { color:#FFFF00;/* muda cor da letra onde esta escrito bem vidno ou nome do visitante*/
font-style:none;
text-decoration:none;
}
#login3 {
	background-color: #FFF;
	float: right;
	height: 250px;
	width: 500px;
	text-align:left;
	
	
}
#pesquisar form{
	width:150px;
	clear:both;
	display:block;
	float:right;
	position:relative;
	left:-150px;
	color:#C00;
}

#pesquisar {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color:#FFF;/* muda cor da escrita bem vidno ou nome do visitante*/
	background-color: #FFF;
	text-align: right;
	float: right;
	height: 175px;
	width: 700px;
	padding:1;
	
	
}
#menu {
	background-color: #333;
	height: 25px;
	width: 700px;
	float: left;
	position: relative;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	
}
#banner {
	background-color: #FFF;
	width: 1000px;
	height: 340px;
	line-height:0;
	
	
}
#conteudo {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	height: auto;
	width: 1000px;
	




}
#imagens {
	background-color: #fff;
	float: left;
	height: 400px;
	width: 500px;
	vertical-align: top;
}
#nome_preco {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	color: #000;
	background-color: #FFF;
	float: left;
	
	height: 50px;
	width: 300px;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #FFF;
	text-align: center;
	height: auto;
	width: auto;
}

#descricao {
	background-color: #FFF;
	clear: both;
	float: left;
	height: auto;
	width: auto;
	padding:5px 0px 0px 10px;
}





#esquerdo {
	background-color: #FFFFFF;
	float: left;
	width: 1000px;
	height: 350px;
}
#centro {
	background-color: #03F;
	width: 333px;
	height: 350px;
	float: left;
}
#direito {
	background-color: #0CF;
	float: left;
	height: 350px;
	width: 333px;
}
#rodape {
	background-color: #FFF;
	height: 200px;
	width: 1000px;
	color:#000;
	padding:0;
	
}
#rodapeesquerdo {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background-color: #FFF;
	float: left;
	height: 200px;
	width: 336px;
	
	
}
#rodapecentro {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background-color: #FFF;
	float: left;
	height: 200px;
	
	width:328px;
}
#rodapedireito {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background-color: #FFF;
	float: left;
	height: 200px;
	width: 335px;
	color:#000;
	
	
}
#rodapecentro  a{
	font-size:13px;
	color:#FFF;
	display:block;
	width:165px;
	
	
	
}
#rodapecentro a:hover{color:#FFF;}

#ultimo {
	background-color: #FFF;
	height: 30px;
	width: 1000px;
	clear: both;
	float: left;
	font-size:10px;/* tamnho da letra do copy right*/
	text-align:center;
}
#ultimo a {
	text-decoration:none;
	color:#900;
}
#faixa_topo {
	
	color:#FFF;
	/*color: #F00;/* cor auto brasil*/
	background-image:url(../../admin/controladores/logo/fundo.jpg);
	
	background-repeat:repeat;
	/*background-color: #C30;*/
	/*background-color: #033;/* cor auto brasil*/
	float: left;
	height:340px;
	width: 100%;
}
/* texbox --------------------------------------------------------------------------------*/
input[type=text],input[type=email], textarea
{
	border:solid 1px #e0e0e0;
	margin:2px 2px 5px 0px; 
	padding:5px; 
	color:#999; /* muda cor do text box de todo o site*/
	vertical-align:middle; 
	font-size:11px;
	size:15px;
	width:275px;}


/*------------------------------------------------------pagina demais ------------------------------*/
#lado {
	background-color: #FFF;
	float: left;
	width: 200px;
	height: 500px;
	padding:0px;
	line-height:0;
	overflow:auto;

	
	
}
/*   estiliza a barra de scroll barra de rolagem     inicio
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}
/*   estiliza a barra de scroll barra de rolagem     final*/
#detalhes {
	background-color: #FFF;
	width: 800px;
	height: auto;
	float: left;
	
	
}
#detalhes_cadastro{
	background-color: #FFF;
	width: 1000px;
	height: auto;
	float: left;
	clear:both;
	
}

#detalhes_carrinho {
	background-color: #FFF;
	width: 1000px;
	height: auto;
	float: left;

}
.item2 img{
width:400px;
height:200px;}

#conteudo_central {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	height: auto;
	width: 1000px;
	float:left;
}
#faixa {
	/*color: #F00;
	background-color: #CCC;*/
	font-size:10px;
	list-style:none;
/*	font-weight:bold;*/
	font: Tahoma;
	height: auto;
	width: 800px;
	
	color: #933;
/*	background-color: #933;*/
border-bottom:2px solid #666;
}


#faixa_pesquisa {
	
	font-size:10px;
	list-style:none;
	font-weight:bold;
	font: Tahoma;
	height: auto;
	width: 800px;
	color: #933;
/*	background-color: #933;*/
border-bottom:2px solid #666;
}
/* menu -----------------------------------------------------------------------------------------------*/
	
	
	#menu ul {width:800px;
	padding:0px;
	margin:0px;
	list-style:none;
	font:100% Tahoma;
	z-index:1000;}
#menu li { margin: 0; padding: 0;}
#menu a { margin: 0; padding: 0;}
#menu ul {list-style: none;}
#menu a {text-decoration: none;}



#menu > ul > li {
    float: left;
    position: relative;
	position:relative;
}

#menu > ul > li > a {
    color: #FFF;
    font-family: Verdana, 'Lucida Grande';
    font-size: 15px;
	line-height:5px;
	font-weight:bold;
	padding: 3px 30px;
   
   
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}

#menu > ul > li > a:hover {color:#C00;padding: 3px 30px; background:#FFF; }/* muda cor do hover no menu horizontal*/


#menu > ul > li > ul {
    opacity: 0;
    visibility: hidden;

    background-color:#900;
    text-align: left;
    position: absolute;
    top:50px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.0);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.0);
        box-shadow: 0px 1px 3px rgba(0,0,0,.0);
}

#menu > ul > li:hover > ul { /*aproxima o sub menu do topo */
    opacity: 1;
    top: 30px;
    visibility: visible;
}

#menu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent rgb(250,250,250) transparent;
    border-style: solid;
    
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
}

#menu > ul ul > li { position: relative;}

#menu ul ul a{ /* responsavel por colocar a cor no sub menu */
    color: #FFF;
    font-family: Verdana, 'Lucida Grande';
    font-size: 13px;
    background-color:#900;
   padding: 5px 8px 7px 16px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#menu ul ul a:hover {background-color:#FFF; color:#F00;}


#menu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -1px;
    left: 206px;
    
    background-color:#FFF;
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius:5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}


#menu ul ul > li:hover > ul { opacity: 1; left: 193px; visibility: visible; background:#FFF;}


#menu ul ul a:hover{
    background-color:#FFF);
    color:#F00;
	font-weight:bold;
}

	
/*	
	
#menu ul {
	width:800px;
	padding:0px;
	margin:0px;
	float: left;
	list-style:none;
	font:100% Tahoma;

}
	
#menu ul li { display: inline; }
	
#menu ul li a {
	color: #FFF;
	text-decoration: none;
	padding: 3px 30px;
	float:left;
	font-weight:bold;
	
	
	display: block;
	

}
#menu ul li a:hover {
	background-color:#FFF;
	color: #F00;
	font-weight:bold;
	display:inline;
}

/* Fix IE. Hide from IE Mac \
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End 


li:hover ul, li.over ul { 
	display: block; 
	}

/*-----------------------------
#menu ul li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
#menu ul li ul li {
		display: none;
		display:block;
	}

    

    #menu li:hover li a{background-color:#B00;} 
    #menu li:hover li a:hover{background-color:#71abff;}
   #menu li a{display:block;padding:10px 0 10px 15px;border-bottom:1px solid #cccccc;color:#fff;text-decoration:none;  display:inline;}
  #menu li a:hover{background:#71abff; }
   #menu ul li ul{position:absolute;left:-99999px; display:block;}
    #menu li:hover ul{padding:0;top:0;left:200px;}*/
/* final menu horizontal ----------------------------------------------------------------------------------*/
/* menu lado --------------------------------------------------------------------------------------------*/
	
#lado ul {
			padding:0px;
			margin:0px;
			float: left;
			width: 200px;
			background-color:#FFF;
			list-style:none;
			font:100% Tahoma;
			line-height:normal;
			
			
		}
		#lado ul li  {
			display:block;
			
			
			
		}

#lado ul li a {
			
			color: #000;
			text-decoration: none;
			font-size:12px;
			/*font-weight:bold;*/
			padding:3px 20px;
			float:left;
			width:155px;
			
			
			
		}

		#lado ul li a:hover {
			background-color:#CCC;
			color: #C00;
			/*font-weight:bold;*/
			width: 160px;
			height:auto;
			
			-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		}
		
/* lado _______________________________________________----------------------------------------*/
#faixa_lado {
	color: #933;
/*	background-color: #933;*/
border-bottom:2px solid #666;
	font-size:10px;
	list-style:none;
	font-weight:bold;
	font: Tahoma;
	height: auto;
	width: 200px;
	line-height:normal;
	
}
/* news ------------------------------------------------------------*/
.styletext{font-size:15px; color:#000; padding:0;}/* muda a corr das palavras grandes  como recebea nossa newsleter*/
/*------------------------------------------------------------BANNER ---------------------------------------------------------------------*/
/*----------------------------------------------------------------login------------------------------------------------------------------*/
fieldset{ padding:1px;}
#conteudo fieldset form {text-align:center; height:auto; display:block; margin:2 auto; background:#fff; border:4px solid #666; color:#999;}
#conteudo fieldset  { width:300px;padding:0 15px 10px 15px; 
	position:relative;
	left:500px;}
#conteudo legend{font:Arial, Helvetica, sans-serif ; font-size:18px; color:#069; font-weight:bold; padding:10px;}
#conteudo label { display:block; padding:3px 0;}
#conteudo span{ display:block; font:Arial, Helvetica, sans-serif; font-size:16px; color:#069; font-weight:bold;}






/*----------------------------- msg --------------------------------------------------------*/
#msgvazio{
	background:#FF9999;
	width:600px;
	height:30px;
	
	bottom: 0; /**/ 
	border:dotted #999;
	border-width: 1px 0;
	text-align:center;
	left:300px;
	position:relative;
}
#msgvazio b {
	margin:0;
	font-weight:bold;
	color:#000;
	font-size:18px;
	text-align:center;
	}

#msg{
	background:#b0f1b0;
	width:600px;
	height:60px;
	
	bottom: 0; /**/ 
	border:dotted #999;
	border-width: 1px 0;
	text-align:center;
	left:300px;
	position:relative;
}
#msg p {
	margin:0;
	font-weight:bold;
	color:#060;
	font-size:18px;
	text-align:center;
	}
	#msg2{
	background:#b0f1b0;
	width:600px;
	height:60px;
	
	bottom: 0; /**/ 
	border:dotted #999;
	border-width: 1px 0;
	text-align:center;
	left:120px;
	position:relative;
}
#msg2 p {
	margin:0;
	font-weight:bold;
	color:#060;
	font-size:18px;
	text-align:center;
	}
	
	
	
	
	#msg3{
	background:#b0f1b0;
	width:300px;
	height:60px;
	
	bottom: 0; /**/ 
	border:dotted #999;
	border-width: 1px 0;
	text-align:center;
	
	position:relative;
}
#msg3 p {
	margin:0;
	font-weight:bold;
	color:#060;
	font-size:13px;
	text-align:center;
	}
	
	/*----------------------------------------------tabelas ----------------------------------------------------------*/
	table {border-collapse:separate;border-spacing:0;width: 500px;border-top:1px solid #ececec;margin-bottom:8px;}
table,td,th { text-align:left;}
th{padding:5px;color:#999;text-transform:uppercase;}
td{padding:5px;color:#000; /*font-weight:bold;*/font-size: 11px;}
tfoot td{border:0px;}
th,tr:hover{background-color:#ececec;}
table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 14px 0;
	width: 100%;
}
tr th,
thead th {
	color: #F00;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 14px;
}
tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 11px;
	font-weight: bold;
}
tr.odd td {
	background: #F2F7FC;
}
/*--------------------------------------------------------------MENUS drop-------------------------------*/
/*--------------------------------------------# rodape tabela rede social ---------------------------*/



@charset "utf-8";
form{ width:auto;}
body{
	margin:0 auto;
	padding:0;
	/*background-image:url(../imagens/background.jpg);}*/
	background:#FFF;
	}
#detalhes h6 {
	height:150px;
	font-size:18px;
}
#detalhes #texto p
{
	font-size:12px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;

}
#detalhes #texto 
{
	font-size:12px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	background:#FFF;

}
img { border:0;}
#topo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000;
	text-decoration: none;
	height: 200px;
	width: 1000px;
}

#detalhes_carrinho {
	background-color: #FFF;
	height: auto;
	width: auto;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: 1px;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

#total {
	height: auto;
	width: 1000px;
	text-align: left; /* "remédio" para o hack do IE */
	vertical-align: top;
	position: absolute;
	left: 50%;/*utilizado para fazer o site ficar no meio*/
	margin-left: -500px;/* utilizado para fazer o site ficar no meio*/
	z-index: 1000;
	/*border-left:1px solid #CCC;
/*border-right:1px solid #CCC;*/
background:#FFF;

}
#logo {
	background-color: #FFF;
	background-repeat: no-repeat;
	height: 200px;
	width: 300px;
	float: left;
	padding-bottom:25px;

	
}
#logo img {
	top:50%;
	margin-top:20%;/* centraliza  a imagem da logo  no centro da div*/
}
#carrinho {
	background-color: #666;/* muda cor da faixa onde esta escrito bem vidno ou nome do visitante*/
	float: right;
	height: 25px;
	width: 200px;
	
	
}
#carrinho a { color:#FF0;/* muda cor da letra onde esta escrito bem vidno ou nome do visitante*/
font-style:none;
text-decoration:none;

}



#login {
	background-color: #666; /* muda cor da faixa onde esta escrito bem vidno ou nome do visitante*/
	float: right;
	height: 25px;
	width: 129px;
	text-align:left;
	
	
}
#login2 {
	background-color: #666;/* muda cor da faixa onde esta escrito bem vidno ou nome do visitante*/
	float: right;
	height: 25px;
	width: 300px;
	text-align:left;
	
	
}
#login2 a { color:#FF0;/* muda cor da letra onde esta escrito bem vidno ou nome do visitante*/
font-style:none;
text-decoration:none;
}

#login a { color:#FFFF00;/* muda cor da letra onde esta escrito bem vidno ou nome do visitante*/
font-style:none;
text-decoration:none;
}
#login3 {
	background-color: #FFF;
	float: right;
	height: 250px;
	width: 500px;
	text-align:left;
	
	
}
#pesquisar form{
	width:150px;
	clear:both;
	display:block;
	float:right;
	position:relative;
	left:-150px;
	color:#C00;
}

#pesquisar {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color:#FFF;/* muda cor da escrita bem vidno ou nome do visitante*/
	background-color: #FFF;
	text-align: right;
	float: right;
	height: 175px;
	width: 700px;
	padding:1;
	
	
}
#menu {
	background-color: #333;
	height: 25px;
	width: 700px;
	float: left;
	position: relative;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	
}
#banner {
	background-color: #FFF;
	width: 1000px;
	height: 340px;
	line-height:0;
	
	
}
#conteudo {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	height: auto;
	width: 1000px;
	




}
#imagens {
	background-color: #fff;
	float: left;
	height: 400px;
	width: 500px;
	vertical-align: top;
}
#nome_preco {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	color: #000;
	background-color: #FFF;
	float: left;
	
	height: 50px;
	width: 300px;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-color: #FFF;
	text-align: center;
	height: auto;
	width: auto;
}

#descricao {
	background-color: #FFF;
	clear: both;
	float: left;
	height: auto;
	width: auto;
	padding:5px 0px 0px 10px;
}





#esquerdo {
	background-color: #FFFFFF;
	float: left;
	width: 1000px;
	height: 350px;
}
#centro {
	background-color: #03F;
	width: 333px;
	height: 350px;
	float: left;
}
#direito {
	background-color: #0CF;
	float: left;
	height: 350px;
	width: 333px;
}
#rodape {
	background-color: #FFF;
	height: 200px;
	width: 1000px;
	color:#000;
	padding:0;
	
}
#rodapeesquerdo {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background-color: #FFF;
	float: left;
	height: 200px;
	width: 336px;
	
	
}
#rodapecentro {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background-color: #FFF;
	float: left;
	height: 200px;
	
	width:328px;
}
#rodapedireito {
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	background-color: #FFF;
	float: left;
	height: 200px;
	width: 335px;
	color:#000;
	
	
}
#rodapecentro  a{
	font-size:13px;
	color:#FFF;
	display:block;
	width:165px;
	
	
	
}
#rodapecentro a:hover{color:#FFF;}

#ultimo {
	background-color: #FFF;
	height: 30px;
	width: 1000px;
	clear: both;
	float: left;
	font-size:10px;/* tamnho da letra do copy right*/
	text-align:center;
}
#ultimo a {
	text-decoration:none;
	color:#900;
}
#faixa_topo {
	
	color:#FFF;
	/*color: #F00;/* cor auto brasil*/
	background-image:url(../../admin/controladores/logo/fundo.jpg);
	
	background-repeat:repeat;
	/*background-color: #C30;*/
	/*background-color: #033;/* cor auto brasil*/
	float: left;
	height:340px;
	width: 100%;
}
/* texbox --------------------------------------------------------------------------------*/
input[type=text],input[type=email], textarea
{
	border:solid 1px #e0e0e0;
	margin:2px 2px 5px 0px; 
	padding:5px; 
	color:#999; /* muda cor do text box de todo o site*/
	vertical-align:middle; 
	font-size:11px;
	size:15px;
	width:275px;}


/*------------------------------------------------------pagina demais ------------------------------*/
#lado {
	background-color: #FFF;
	float: left;
	width: 200px;
	height: 500px;
	padding:0px;
	line-height:0;
	overflow:auto;

	
	
}
/*   estiliza a barra de scroll barra de rolagem     inicio
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 10px;
}

::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #666;
  -webkit-border-radius: 3px;
}
/*   estiliza a barra de scroll barra de rolagem     final*/
#detalhes {
	background-color: #FFF;
	width: 800px;
	height: auto;
	float: left;
	
	
}
#detalhes_cadastro{
	background-color: #FFF;
	width: 1000px;
	height: auto;
	float: left;
	clear:both;
	
}

#detalhes_carrinho {
	background-color: #FFF;
	width: 1000px;
	height: auto;
	float: left;

}
.item2 img{
width:400px;
height:200px;}

#conteudo_central {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	height: auto;
	width: 1000px;
	float:left;
}
#faixa {
	/*color: #F00;
	background-color: #CCC;*/
	font-size:10px;
	list-style:none;
/*	font-weight:bold;*/
	font: Tahoma;
	height: auto;
	width: 800px;
	
	color: #933;
/*	background-color: #933;*/
border-bottom:2px solid #666;
}


#faixa_pesquisa {
	
	font-size:10px;
	list-style:none;
	font-weight:bold;
	font: Tahoma;
	height: auto;
	width: 800px;
	color: #933;
/*	background-color: #933;*/
border-bottom:2px solid #666;
}
/* menu -----------------------------------------------------------------------------------------------*/
	
	
	#menu ul {width:800px;
	padding:0px;
	margin:0px;
	list-style:none;
	font:100% Tahoma;
	z-index:1000;}
#menu li { margin: 0; padding: 0;}
#menu a { margin: 0; padding: 0;}
#menu ul {list-style: none;}
#menu a {text-decoration: none;}



#menu > ul > li {
    float: left;
    position: relative;
	position:relative;
}

#menu > ul > li > a {
    color: #FFF;
    font-family: Verdana, 'Lucida Grande';
    font-size: 15px;
	line-height:5px;
	font-weight:bold;
	padding: 3px 30px;
   
   
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}

#menu > ul > li > a:hover {color:#C00;padding: 3px 30px; background:#FFF; }/* muda cor do hover no menu horizontal*/


#menu > ul > li > ul {
    opacity: 0;
    visibility: hidden;

    background-color:#900;
    text-align: left;
    position: absolute;
    top:50px;
    left: 50%;
    margin-left: -90px;
    width: 180px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.0);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.0);
        box-shadow: 0px 1px 3px rgba(0,0,0,.0);
}

#menu > ul > li:hover > ul { /*aproxima o sub menu do topo */
    opacity: 1;
    top: 30px;
    visibility: visible;
}

#menu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent rgb(250,250,250) transparent;
    border-style: solid;
    
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
}

#menu > ul ul > li { position: relative;}

#menu ul ul a{ /* responsavel por colocar a cor no sub menu */
    color: #FFF;
    font-family: Verdana, 'Lucida Grande';
    font-size: 13px;
    background-color:#900;
   padding: 5px 8px 7px 16px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#menu ul ul a:hover {background-color:#FFF; color:#F00;}


#menu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -1px;
    left: 206px;
    
    background-color:#FFF;
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius:5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}


#menu ul ul > li:hover > ul { opacity: 1; left: 193px; visibility: visible; background:#FFF;}


#menu ul ul a:hover{
    background-color:#FFF);
    color:#F00;
	font-weight:bold;
}

	
/*	
	
#menu ul {
	width:800px;
	padding:0px;
	margin:0px;
	float: left;
	list-style:none;
	font:100% Tahoma;

}
	
#menu ul li { display: inline; }
	
#menu ul li a {
	color: #FFF;
	text-decoration: none;
	padding: 3px 30px;
	float:left;
	font-weight:bold;
	
	
	display: block;
	

}
#menu ul li a:hover {
	background-color:#FFF;
	color: #F00;
	font-weight:bold;
	display:inline;
}

/* Fix IE. Hide from IE Mac \
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End 


li:hover ul, li.over ul { 
	display: block; 
	}

/*-----------------------------
#menu ul li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
#menu ul li ul li {
		display: none;
		display:block;
	}

    

    #menu li:hover li a{background-color:#B00;} 
    #menu li:hover li a:hover{background-color:#71abff;}
   #menu li a{display:block;padding:10px 0 10px 15px;border-bottom:1px solid #cccccc;color:#fff;text-decoration:none;  display:inline;}
  #menu li a:hover{background:#71abff; }
   #menu ul li ul{position:absolute;left:-99999px; display:block;}
    #menu li:hover ul{padding:0;top:0;left:200px;}*/
/* final menu horizontal ----------------------------------------------------------------------------------*/
/* menu lado --------------------------------------------------------------------------------------------*/
	
#lado ul {
			padding:0px;
			margin:0px;
			float: left;
			width: 200px;
			background-color:#FFF;
			list-style:none;
			font:100% Tahoma;
			line-height:normal;
			
			
		}
		#lado ul li  {
			display:block;
			
			
			
		}

#lado ul li a {
			
			color: #000;
			text-decoration: none;
			font-size:12px;
			/*font-weight:bold;*/
			padding:3px 20px;
			float:left;
			width:155px;
			
			
			
		}

		#lado ul li a:hover {
			background-color:#CCC;
			color: #C00;
			/*font-weight:bold;*/
			width: 160px;
			height:auto;
			
			-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
		}
		
/* lado _______________________________________________----------------------------------------*/
#faixa_lado {
	color: #933;
/*	background-color: #933;*/
border-bottom:2px solid #666;
	font-size:10px;
	list-style:none;
	font-weight:bold;
	font: Tahoma;
	height: auto;
	width: 200px;
	line-height:normal;
	
}
/* news ------------------------------------------------------------*/
.styletext{font-size:15px; color:#000; padding:0;}/* muda a corr das palavras grandes  como recebea nossa newsleter*/
/*------------------------------------------------------------BANNER ---------------------------------------------------------------------*/
/*----------------------------------------------------------------login------------------------------------------------------------------*/
fieldset{ padding:1px;}
#conteudo fieldset form {text-align:center; height:auto; display:block; margin:2 auto; background:#fff; border:4px solid #666; color:#999;}
#conteudo fieldset  { width:300px;padding:0 15px 10px 15px; 
	position:relative;
	left:500px;}
#conteudo legend{font:Arial, Helvetica, sans-serif ; font-size:18px; color:#069; font-weight:bold; padding:10px;}
#conteudo label { display:block; padding:3px 0;}
#conteudo span{ display:block; font:Arial, Helvetica, sans-serif; font-size:16px; color:#069; font-weight:bold;}






/*----------------------------- msg --------------------------------------------------------*/
#msgvazio{
	background:#FF9999;
	width:600px;
	height:30px;
	
	bottom: 0; /**/ 
	border:dotted #999;
	border-width: 1px 0;
	text-align:center;
	left:300px;
	position:relative;
}
#msgvazio b {
	margin:0;
	font-weight:bold;
	color:#000;
	font-size:18px;
	text-align:center;
	}

#msg{
	background:#b0f1b0;
	width:600px;
	height:60px;
	
	bottom: 0; /**/ 
	border:dotted #999;
	border-width: 1px 0;
	text-align:center;
	left:300px;
	position:relative;
}
#msg p {
	margin:0;
	font-weight:bold;
	color:#060;
	font-size:18px;
	text-align:center;
	}
	#msg2{
	background:#b0f1b0;
	width:600px;
	height:60px;
	
	bottom: 0; /**/ 
	border:dotted #999;
	border-width: 1px 0;
	text-align:center;
	left:120px;
	position:relative;
}
#msg2 p {
	margin:0;
	font-weight:bold;
	color:#060;
	font-size:18px;
	text-align:center;
	}
	
	
	
	
	#msg3{
	background:#b0f1b0;
	width:300px;
	height:60px;
	
	bottom: 0; /**/ 
	border:dotted #999;
	border-width: 1px 0;
	text-align:center;
	
	position:relative;
}
#msg3 p {
	margin:0;
	font-weight:bold;
	color:#060;
	font-size:13px;
	text-align:center;
	}
	
	/*----------------------------------------------tabelas ----------------------------------------------------------*/
	table {border-collapse:separate;border-spacing:0;width: 500px;border-top:1px solid #ececec;margin-bottom:8px;}
table,td,th { text-align:left;}
th{padding:5px;color:#999;text-transform:uppercase;}
td{padding:5px;color:#000; /*font-weight:bold;*/font-size: 11px;}
tfoot td{border:0px;}
th,tr:hover{background-color:#ececec;}
table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 14px 0;
	width: 100%;
}
tr th,
thead th {
	color: #F00;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 14px;
}
tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 11px;
	font-weight: bold;
}
tr.odd td {
	background: #F2F7FC;
}
/*--------------------------------------------------------------MENUS drop-------------------------------*/
/*--------------------------------------------# rodape tabela rede social ---------------------------*/