﻿html *			{	padding: 0; margin: 0;	}

a img, 
:link img, 
:visited img	{	border: 0; }

table			{	border-collapse: collapse;	border-spacing: 0;	}
ol, ul			{	list-style: none;	}

a				{	text-decoration: none;	color:#fff;	}
a:hover			{	/* mouse over link */color:#05c7c0;	}  
a:active		{	/* selected link */	color:#05c7c0;	}

body			{ background: #000; font-family: Trebuchet MS; color: #fff; }

p			{ margin: 0px; }
h1			{ margin: 0px; }
h2			{ margin: 0px; }
h3			{ margin: 0px; }
img			{ margin: 0px; border: 0px; }
			  
.bold		{ font-weight: bold; }
.normal		{ font-weight: normal; }
.upper		{ text-transform: uppercase;}
.lower		{ text-transform: lowercase;}
.oito		{ font-size: 8px; }
.nove		{ font-size: 9px; }
.dez		{ font-size: 10px; }
.onze		{ font-size: 11px; }
.doze		{ font-size: 12px; }
.treze		{ font-size: 13px; }
.quatorze	{ font-size: 14px; }
.quinze		{ font-size: 15px; }
.dezesseis	{ font-size: 16px; }
.dezesete	{ font-size: 17px; }
.dezoito	{ font-size: 18px; }
.dezenove	{ font-size: 19px; }
.vinte		{ font-size: 20px; }
.vinteum	{ font-size: 21px; }
.vintedois	{ font-size: 22px; }
.vintetres	{ font-size: 23px; }
.vintequatro{ font-size: 24px; }
.vintecinco	{ font-size: 25px; }
.vinteseis	{ font-size: 26px; }

.trebuchet	{ font-family: Trebuchet MS;}
.arial		{ font-family: Arial;}
.verdana	{ font-family: Verdana; }
.tahoma		{ font-family: Tahoma; }
.indent		{ text-indent: 15px; }

.right		{ text-align: right;}
.left		{ text-align: left; }

.vermelho	{ color: #FF0000; }
.laranja	{ color: #FFCC00; }
.verde		{ color: Green; }
.preto		{ color: #000; }
.branco		{ color: #fff; }
.defaultcolor { color: #e0e0e0; }

.textbox	{ float: left; margin: 2px 8px 0px 0px; width: 150px; height: 17px; vertical-align: bottom;
        	  border: #809DB9 solid 1px; }
.water		{ color: #666666; }

#main			{ width: 930px; margin: 0px auto; }

#header			{ height: 300px; }
#headerside		{ height: 145px; width: 930px; }

#headerlogo		{ width: 330px; height: 135px;	float: left; display: table; }
#headermenu		{ width: 590px; height: 135px;	float: right; }

#logo				{ width: 295px; height: 110px; margin-left: 25px; }
#search				{ width: 295px; height: 25px;  margin-left: 25px; }
#search .inputText		{ background: #000; border: #666 solid 1px; width: 160px; height: 20px; float: left; color: #fff; }
#search .inputButtom	{ margin: 0px 0px 0px 15px; }


#contacto			{	height: 30px; text-align: right; padding: 5px 25px 0px 0px; }
#delivery			{	height: 25px; text-align: right; padding: 0px 25px 0px 0px; margin-top: 5px; }
#subtitles			{	color: #fff; text-align: left; width: 450px; 
          			 	float: left; line-height: 1.2; }

#menu				{	height: 70px;  }
#menu ul			{	}
#menu ul li			{	float: left;	}
#menu ul li a		{	display: inline-block; font-size: 12px;	text-transform: uppercase;
       		 			text-decoration:none; color:#fff;
       		 			padding:10px 15px 35px 15px; background-color:#000; border-bottom: 3px solid #fff; 
       		 			margin-right: 1px; font-weight: normal; }
#menu ul li a:hover		{	border-bottom: 3px solid #ff0000; color:#05c7c0; background-color:#e0e0e0;	}
#menu ul li a.selected	{	border-bottom: 3px solid #ff0000; color:#000; font-weight: bold; background-color:#e0e0e0;	}

#headerbanner			{ height: 160px; padding-top: 5px; }
#banner					{ width: 880px; height: 150px;  background-color: #e0e0e0; margin: 0px auto; }

#content				{ width:930px; margin: 0px; padding-bottom: 30px; }

#clear					{ clear: both; }

#contentinter			{ width:900px; margin: 0px 0px 0px 15px;}

#container				{ width: 650px; padding: 5px; margin: 0px 10px 0px 0px; float: right;}

#contentleft			{ width: 210px; float: left; display: table; clear: both; }

#headerprodutos			{ width: 200px; height: 25px; margin: 7px 0px 0px 0px; }

#pagename				{ width: 650px; height: 28px;  color: #e0e0e0;
         				  border-bottom: #ccc solid 1px; }
#pagename h1			{ margin: 5px 0px 0px 0px; letter-spacing: 5; }



/*MENU LATERAL*/
#menulateral				
		{ width: 200px; margin: 0px 0px 10px 0px;}
#menulateral ul			
		{ margin: 0px; padding: 0px; list-style-type: none; }
#menulateral ul li			
		{ margin-left: 2px; height: 25px; padding-top: 6px; display: block;
		  width: 198px;  }
#menulateral ul li span		
		{ display: block; text-decoration: none; padding: 8px 10px 6px 0px;
		  color: #000; width: 198px; text-indent: 25px; 
		  background-color: #e0e0e0; }
#menulateral ul li a		
		{ display: block; text-decoration: none;
		  border-bottom: #fff solid 2px; padding: 8px 10px 6px 0px;
		  color: #fff; width: 198px; text-indent: 25px; 
		  background: scroll url(../Images/IconMenu.gif) 5px 10px no-repeat; }	
#menulateral ul li a:visited
		{ background: scroll url(../Images/IconMenuVisited.gif) 5px 10px no-repeat; }
#menulateral ul li a:hover	
		{ background: scroll url(../Images/IconMenuHover.gif) 5px 10px no-repeat; }
#menulateral h1	
		{ margin: 0px 0px 5px 0px; font-weight: normal; text-indent: 10px;  }
		
#footer					{ margin: 0px; padding: 0px; }

#mainfooter				{ margin: 0px 0px 0px 15px; width: 900px; height: 60px; }

#copyright				{ width: 200px; float: left; margin-right: 20px;}
#copyright p			{ margin: 3px 0px 0px 0px; }

#contact                { width: 300px; float: left; text-align: left;}

#address				{ margin: 0px; width: 350px; float: right;}
#address p				{ margin: 3px 8px 0px 0px; }

.faixa				{ width: 650px; height: 28px;
      				  margin: 10px 0px 0px 0px;
      				  border-bottom: #ccc solid 1px; }
.faixa h1			{ margin: 2px 0px 0px 0px; letter-spacing: 5; }
.faixa select		{ margin: 3px 0px 0px 0px; }

#formulario			{ margin: 10px 10px 20px 10px; 	}

#forms				{ margin-left: 10px;	}
#forms	input		{ background: #000; border: #666 solid 1px; color: #fff;
      	     		  margin: 5px 0px 5px 0px; height: 20px; }
#forms	textarea	{ background: #000; border: #666 solid 1px; margin: 5px 0px 5px 0px; color: #fff; }
#forms	select		{ background: #000; border: #666 solid 1px; color: #fff;
      	     		  padding: 0px 0px 0px 0px; height: 23px; }
#noinput			{ margin-left: 10px;	}
#noinput input		{ margin: 5px 0px 5px 0px;}

.formsenha					{ }
.formsenha .input["text"]	{ }
.formsenha .input["submit"]	{ }

.inputSenhaButton	{ width: 120px;  height: 25px; margin: 10px 10px 0px 20px; 
                 	  background: #000; border: #666 solid 1px; color: #fff; }
.inputTextBox		{ width: 120px;  height: 25px; margin: 5px 5px 0px 20px; 
                 	  background: #000; border: #666 solid 1px; color: #fff; }
                 	  
#maps				{ border: #fff solid 1px; padding: 5px; }


.home				{ width: 650px; height: 2px; margin: 10px 0px 10px 0px;
      				  border-bottom: #ccc solid 1px; }

/*VITRINE*/

.box			{ height: 220px; }
.thumb			{ width: 100px; float: right; }
.must			{ width: 540px; float: left;	}
.box .produto	{ border: #000 solid 1px; padding: 5px; width: 230px; height: 210px; float: left; margin-right: 5px;}
.box h1			{ text-indent: 15px; text-transform: capitalize;}
.box p			{ text-indent: 15px; margin-top: 15px; }
.box .saiba		{ text-align: right; margin: 35px 10px 0px 0px; }
.box .minprod	{ padding: 0px 3px 3px 0px; background-color: #ff0000; width: 80px; height: 80px;}
.space			{ height: 50px }

#boxservicos	{ width: 325px; height: 150px; border-right: #e0e0e0 solid 1px; float: left; }
#boxservicos .saiba	{ text-align: right; margin: 15px 10px 0px 0px; }
#boxservicos p	{ text-indent: 15px; margin-top: 15px; }

#boxDelivery	{ float: left; margin: 0px 0px 0px 10px; width: 300px;}
#boxDelivery p	{ text-indent: 15px; margin-top: 15px; }
#boxDelivery .saiba	{ text-align: right; margin: 15px 10px 0px 0px; }

#servico		{ min-height: 120px; border: transparent solid 1px}
#imagemServico	{ border: #e0e0e0 solid 1px; padding: 5px; width: 150px; height: 100px; float: left; margin-right: 5px;}
#servico p		{ text-indent: 15px; margin-top: 15px; }

#servicos		{ float: left; }
#thumbservicos	{ border: #e0e0e0 dotted 1px; padding: 5px; width: 150px; height: 100px; margin-right: 50px; }

#gridBusca					{ clear: both; border: #e0e0e0 dotted 1px; min-height: 90px; margin-bottom: 5px;}
#gridBusca #boxthumbnail	{ float: left; clear: both; margin: 5px 10px 5px 5px;}
#gridBusca h3				{ margin: 0px;}
#gridBusca p				{ margin: 0px 0px 10px 0px;}


#viewproduto	{ border: #000 dotted 1px; padding: 5px; width: 260px; float: left; 
            	  margin-right: 5px; background-color: #31373c }
#viewproduto h1	{ border-bottom: #ff0000 dotted 1px; margin: 5px 0px 5px 0px; padding: 3px; }
#viewproduto h2	{ border-bottom: #666666 dotted 1px; margin: 5px 0px 5px 0px; padding: 3px; }
#modelo			{ border: #fff dotted 1px; padding: 5px; width: 200px; margin: 5px 0px 5px 23px;}

#description	{ }
#description h1	{ border-bottom: #e0e0e0 dotted 1px; margin: 0px 0px 3px 0px; padding: 2px; }
#description h2	{ border-bottom: #e0e0e0 dotted 1px; margin: 2px 0px 3px 0px; padding: 2px; }
#description h3	{ border-bottom: #e0e0e0 dotted 1px; margin: 2px 0px 3px 0px; padding: 2px; }


#faixamodelo		{ width: 650px; margin: 10px 0px 0px 0px; border-bottom: #ccc solid 1px; padding-bottom: 5px; }

#return			{ float: right; text-align: right; margin-right: 10px; width: 200; }

#thumbnails			{ text-align: center;
           			  padding: 5px; width: 95px; float: left; margin-right: 4px;}
#thumbnails p		{ margin-top: 3px; }
#thumbnails .tumb	{ border: #e0e0e0 dotted 1px; padding: 3px; }

#navigator			{ border: #e0e0e0 dotted 1px; padding: 3px; height: 20px; }
#left				{ float: left; text-align: left; margin-left: 10px; width: 200; }
#right				{ float: right; text-align: right; margin-right: 10px; width: 200; }


#viewpromocao			{ width: 300px; padding: 5px; margin-right: 10px; }
#viewpromocao #imagem	{ border: #fff dotted 1px; padding: 5px; float: left; background: #31373c; margin-right: 10px;}
#viewpromocao h1		{ border-bottom: #ff0000 dotted 1px; margin: 0px 0px 0px 0px; padding: 2px; }
#viewpromocao p			{ text-align: right; margin-top: 30px; }
#viewpromocao .confira	{ text-align: right; margin-top: 35px; }

#promocao				{}
#promocao #imagem	{ border: #fff dotted 1px; padding: 5px; float: left; background: #31373c; margin-right: 10px;}
#promocao h1		{ border-bottom: #ff0000 dotted 1px; margin: 0px 0px 0px 0px; padding: 2px; }
#promocao p			{ text-align: left; margin: 5px 0px 30px 0px; }
#promocao .label	{ margin-right: 5px; width: 180px; float: left; }

#produtopromocao			{ width: 210px; margin-right: 10px;}
#produtopromocao #imagem	{ border: #fff dotted 1px; padding: 5px; float: left; background: #31373c; margin-right: 5px;}
#produtopromocao h1			{ border-bottom: #ff0000 dotted 1px; margin: 0px 0px 0px 0px; padding: 2px; height: 40px; }
#produtopromocao .antigo	{ text-decoration: line-through; }
#produtopromocao .promocao	{ margin-top: 15px; }


/*GRID VIEW*/
.gridPaged .pager								{	margin: 0px; padding: 0px; 
																font-family: Tahoma; font-weight: bold;  }
.gridPaged .pager td							{	margin: 0px; padding: 0px;}
.gridPaged .pager td table						{	border-collapse: separate; border-spacing: 0;
																margin: 3px 0px 10px 0px; *border-collapse: collapse;}
.gridPaged .pager td table tbody				{	padding: 0px; margin: 0px;}
.gridPaged .pager td table tbody tr				{	margin: 0px; padding: 0px;
																background-color: #999; border: solid 1px transparent;}
.gridPaged .pager td table tbody tr td			{	padding: 0px; background-color: #999; }
.gridPaged .pager td table tbody tr td a		{	width: 25px; text-align: center; height: 24px;
																margin: 0px; padding: 0px; padding-top: 9px;
																background: transparent; color: #000; float: left;
																border: solid 1px #999; _border: solid 1px #999; }
.gridPaged .pager td table tbody tr td a img	{	margin: 0px; padding: 0px; }
.gridPaged .pager td table tbody tr td a:hover	{	color: #fff; background: #666; height: 24px; padding-top: 9px; }

.gridPaged .pager td table tbody tr td span		{	width: 25px; color: #f2f2f2; height: 24px;
																margin: 0px; padding: 0px; padding-top: 9px;
																float: left; text-align: center; background-color: #999;
																background-image: url(../Images/page_select.gif);
																background-repeat: no-repeat; background-position: bottom; }
