@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;	
}

a:link {
	text-decoration:none;
	color: #000;
}
a:visited {
	text-decoration:none;
	color: #000;
}
a:active {
	text-decoration:none;
	color: #999;
}
a:hover {
	text-decoration:underline;
	color: #000;
}

img {
	border:0px;	
}

#login {
	position:absolute;
	top:5px;
	right:10px;	
}

#logo_busca {
	margin-top:10px;
}

#form_busca {
	margin-top:20px;	
}

#palavras {
	border:2px #ccc solid; 
	/* Cantos arredondados */
	-moz-border-radius:15px; /*para firefox*/
	-webkit-border-radius:15px; /*para crome e safari*/
	border-radius:15px;
}

#produto ul {
	position:relative;
	width:100%;
	list-style:none;  
	padding:0;
	margin:0; 
}

#produto li {
	position: relative;
	float: left;
	width: 20%;
	height: 250px;
	margin: 0px;
	text-align: center;
	background-color: #FFFFFF;
	color: #000000;
}

#produto ul li a img {
	/*border color, width and margin for the images*/
	border:2px solid #000;
	margin: 0px;
	padding: 5px;
}
	
#produto ul li a:hover img {	
	/*background color on hover*/
	border:2px solid #ccc;
}

#footer a:link {
	text-decoration:none;
	color: #000;
}
#footer a:visited {
	text-decoration:none;
	color: #000;
}
#footer a:active {
	text-decoration:none;
	color: #999;
}
#footer a:hover {
	text-decoration:underline;
	color: #000;
}

#footer {
	background-color: #2A3FAA;
	background-image: url(imagens/bg_footer.jpg);
	background-repeat: repeat-x;
}

#paginacao {
	text-align:center;	
}

#clear {
	position: relative; 
	clear: both;
}


/*==================*/
/* Página das lojas */
/*==================*/
#corpo {
	width:auto;
	text-align:left;
	position: relative;
	padding:0px 0px 0px 310px;
}

#tabs-1, #tabs-2 {
	position:relative;
	width:100%;
	margin-bottom:10px;
}

#tabs-3 {
	position:fixed;
	width:550px; 
	height:300px;
	margin-left:-275px;
	left:50%; 
	margin-top:-150px; 
	top:50%;
	z-index:110;
	background-color:#fff;
	display:none;
	padding:30px;
	border:5px #000 solid; 

/* Cantos arredondados */
	-moz-border-radius:15px; /*para firefox*/
	-webkit-border-radius:15px; /*para crome e safari*/
	border-radius:15px;
}

#submenu ul {
	position: relative:
	width: 100%;
	height:32px;
	padding:2px 2px 0px 2px;
	background-color:#DDD;
	border:1px solid #999;
	list-style:none;  
}

#submenu li {
	position:relative;
	float:left;
	width:auto;
	height:24px;
	padding:5px 10px 0px 10px;
	margin: 2px;
	background-color:#EEE;
	border:1px solid #CCC;
}

#submenu li a:link {
	text-decoration:none;
	color:: #666;	
}
#submenu li a:visited {
	text-decoration:none;
	color: #666;
}
#submenu li a:active {
	text-decoration:none;
	color: #999;
}
#submenu li a:hover {
	text-decoration:underline;
	color: #666;
}

#submenu ul, #submenu li {
/* Cantos arredondados */
	-moz-border-radius:5px 5px 0px 0px; /*para firefox*/
	-webkit-border-radius:5px 5px 0px 0px; /*para crome e safari*/
	border-radius:5px 5px 0px 0px;	
}

.botao {
	position:relative; 
	width:99%; 
	border:2px #333 solid; 
	background-color:#CCC;
	margin:10px 0px 10px 0px; 
	padding:10px 0px 10px 0px; 
	font-size:24px; 
	text-align:center;	
	
/* Cantos arredondados */
	-moz-border-radius:15px; /*para firefox*/
	-webkit-border-radius:15px; /*para crome e safari*/
	border-radius:15px;
}

#logo_loja {
	position: relative;
	float:left;
	width: 300px;
	text-align:left;
	font-style:normal;
	margin: -48px 0px 0px -305px;
	background-color: #FFF;
	font-size: 11px;
	font-weight: normal;
	border:1px solid #CCC;
}

#vidro_fume {
	position:fixed;
	width:100%; 
	height:100%;
	left:0px; 
	top:0px; 
	z-index:100; 
	background-color:#000000; 
	display:none;
	opacity:0.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90);
}