/* global */
html, body, div, form, fieldset, input, h1, h2, h3, h4, ul, ol, li, blockquote {
	padding: 0;
	margin: 0;
	}
body {
	background:#fff url(../img/bg.gif) top repeat-x;
	color:#2b2b2b;
	margin:0 auto;
	text-align:center;
	font: normal 11px "Arial", Verdana, Helvetica;	
	}
h3 {
	font-size:14px;
	color:#214b90;
	}	
table, td, textarea, input, select {
	font: normal 11px "Arial", Verdana, Helvetica, Arial, sans-serif;
	}
input, textarea{
	border:1px solid #becddd;
	padding:3px;
	}
.inputnao {
	border:none;
	padding:0;
	}

		
/* links */
a {
	color:#3c639f;
	text-decoration:none;
	}
a:hover {
	color:#233c63;
	}	
a img{
	border:0;
	}

/* erro */
.erro{
	border:1px solid #f00;
	background:#ffeeec;
	font-weight:bold;
	text-align:center;
	color:#c00;
	padding:10px;
	}

.erroForm{
	font-weight:bold;
	font-size:120%;
	color:#C00000;
}

.sucessoForm{
	font-weight:bold;
	font-size:120%;
	color:#00C000;
}


/* containers */
#container {
	width:982px;
	text-align:left;
	margin:0 auto;
	}
#colEsq{
	width:135px;
	float:left;
	background:url(../img/bg-coluna.gif) bottom no-repeat;
	}
	#colEsq2{
	width:135px;
	float:left;
	}

#colDir {
	width:135px;
	float:right;
	background:url(../img/bg-coluna.gif) bottom no-repeat;
	}
#centro {
	margin:0 7px 0 7px;
	float:left;
	width:698px;
	}

/* cabecalho */
#logo {
width:424px;
	margin:5px 0 0 8px;
	float:left;
	}
#carrinho {
	float:right;
	width:401px;
	background:url(../img/topdisplay.jpg) top no-repeat;
	height:81px;
	}
#menu {
	background:url(../img/bg-menu.gif);
	overflow:hidden;
	height:36px;
	margin:0px 0 12px 0;	
	}
#poll {
	overflow:hidden;
	height:36px;
	margin:0px 0 12px 0;	
	}	
#menu .pesquisa {
	background:url(../img/bg-pesquisa.gif) left top no-repeat;
	height:20px;
	width:282px;
	margin:8px 0 0 12px;
	float:left;
	color:#fff;
	padding-left:77px;
	position:relative;
	}
#menu .pesquisa .campo {
	border:none;
	background:url(../img/bg-pesquisa2.gif) repeat-x;
	width:170px;
	height:12px;
	color:#fff;
	padding:3px !important;
	position:absolute;
	left:72px;
	top:0;
	}
#menu .pesquisa .ok {
	border:none;
	padding:0;
	position:absolute;
	left:258px;
	top:0;
	}
#menu .botoes {
	float:right;
	}
#menu .botoes li{
	float:left;
	list-style:none;
	}
#menu .botoes li a{
	height: 36px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
	}	
#menu .botoes #registo a{
	background: url(../img/m-registo.gif) no-repeat top;
	width:116px;
	margin-right:8px;
	}
#menu .botoes #registo a:hover{
	background: url(../img/m-registo.gif) no-repeat bottom;
	}	
#menu .botoes #login a{
	background: url(../img/m-login.gif) no-repeat top;
	width:91px;
	margin-right:8px;
	}
#menu .botoes #login a:hover{
	background: url(../img/m-login.gif) no-repeat bottom;
	}
#menu .botoes #on{
	color:#fff;
	background:url(../img/bg-on.gif) right;
	height:14px;
	margin:8px;
	padding:3px;
	}
#menu .botoes #on a{
	text-indent:0em;
	display:inline;
	float:none;
	color:#fff;
	height:auto;
	}
#menu .botoes #on a:hover{
	color:#ffe2df;
	}
#display {
	background:url(../img/bg-display.gif) no-repeat;
	height:38px;
	padding:5px 12px 0 12px;
	margin:0 0 5px 0;
	}
#display p{
	margin:0;
	padding:0;
	}	

/* coluna esquerda */
#nav, #nav li ul{
	list-style: none;
	width:135px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	z-index:34;
	}
#nav li{
	position: relative;
	z-index:4;
	}	
.submenu ul {
	position: absolute;
	left: 135px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}
#nav li a { /* styles for menu items */
	display: block;
	width:125px;
	text-decoration: none;
	color: #3c639f;
	background: #d5e3f2; /* IE6 Bug */
	padding: 5px;
	border-bottom: 1px solid #becddd;
	}
#nav li a:hover {
	color: #fff;
	background: #3c639f;
	} 
#nav li ul li a{
	padding: 2px 5px;
	background: #becddd;
	border-bottom: 1px solid #abbccd;
	}
#nav li:hover ul, #nav li.over ul { display: block; } /* The magic */	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */


/* coluna direita */
#colDir .menuDir{
	margin:0 0 10px 0;
	}
#colDir span, .titulo{
	background:url(../img/bg-li.gif) top no-repeat #1c385b;
	color:#fff;
	font-weight:bold;
	display:block;
	padding:5px;
	}
#colDir .menuDir a{
	background:#d5e3f2;
	font-weight:normal;
	padding:5px;
	display:block;
	text-decoration:none;
	border-bottom:solid 1px #becddd;
	height:15px;
	}
#colDir .menuDir a:hover{
	background:#3c639f;
	color:#fff;
	text-decoration:none;
	}
#colDir .info {
	color:#2b70db;
	padding:8px;
	background:#d6e4f2;
	font-weight:normal;
	border-bottom:solid 1px #becddd;
	list-style:none;
	height:auto;
	margin:0;
	}
#colDir .info a {
	color:#1c385b;
	font-weight:bold;
	text-decoration:none;
	display:block;
	}
#colDir .info a:hover {
	color:#2b5384;
	background:#d6e4f2;
	}


/* centro */
#centro .publicidade {
	margin:4px;
	position:relative;
	}
/* marquee 1pagina */
#centro #marquee {
	background:url(../img/bg-marquee.gif) no-repeat;
	width:645px;
	height:140px;
	margin:4px;
	padding:35px 0 0 45px;
	}
#mycarousel{
	display: block;	
	}
#mycarousel li{
	float: left;
	list-style-type: none;
	color:#666;
	font-size:11px;
	margin:3px;
	width:95px;
	}
#mycarousel li a img{
	border:1px solid #fff;
	}
#mycarousel li a img:hover{
	border:1px solid #4c77af;
	}
#mycarousel li strong{
	display:block;
	}


#centro .seccao {
	background:url(../img/bg-seccao.gif) left no-repeat;
	height:24px;
	padding:0 0 0 16px;
	width:682px;
	}
.seccao2{
	background:url(../img/b-sessao2.gif) left no-repeat;
	height:20px;
	padding:4px 0 0 16px;
	color:#1c385b;
	font-weight:bold;
}
#centro .padding {
	margin:10px;
	}

/* Listagem Produtos */	
#listagem {
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:14px;
	}
#listagem img {
	float:left;
	margin:3px 3px 3px 0;
	}	
#listagem li{	
	border-top:0;
	float:left;	
	width:216px;
	padding:0 0 3px 0;
	margin:2px 5px 2px 5px;
	height:95px;
	background:url(../img/bg-traco.gif) bottom repeat-x;
	}	
#listagem li .div{	
	overflow:hidden;
	height:100px;
	margin:0px;
	}
#listagem li a{	
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	}
#listagem li a:hover {
	text-decoration:none;
	color:#333333;
	}		
#listagem .preco{
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#3c639f;
	}
#listagem a {
	text-decoration:underline;
	color:#b7101e;
	}		
#listagem a:hover .preco{
	color:#b7101e;
	text-decoration:none;
	}	
.separacao {
	border-top:1px dotted #969696;
	height:4px;
	}	

/* Listagem */
.listagem{
	background:url(../img/bg-traco.gif) bottom repeat-x;
	margin:10px 0 0 0;
	padding:0 0 2px 0;
	clear:both;
	}
.listagem .img{
	float:left;
	overflow:hidden;
	width:100px;
	height:75px;
	margin:0 3px 0 0;
	}
.listagem .texto{
	float:left;
	width:575px;
	}
.listagem .texto a{
	font-size:14px;
	color:214b90;
	}
.listagem .texto a:hover {
	color:#3c639f;
	}
/* listagem loja/index.php */
.listagemLoja{
	background:url(../img/bg-traco.gif) bottom repeat-x;
	}
.listagemLoja .img{
	float:left;
	display:block;
	}
.listagemLoja h3{
	float:left;
	display:block;
	width:450px;
	margin:20px;
	}
.listagemLoja .preco{
	float:right;
	margin:20px;
	}
.listagemLoja .preco span{
	display:block;
	font-size:18px;	
	}

	
/* paginacao */

.paginacao { margin-top:10px;}

.paginacao span, .paginacao a, .paginacao a:visited{
	margin:4px;
	padding:5px;
	display:block;
	float:left;
	margin:1px;	
	}
.paginacao span{
	color:#fff;
	background:#3c639f;
	}
.paginacao a, .paginacao a:visited{
	color:#fff;
	background:#3c639f;
	text-decoration:none;	
	}
.paginacao a:hover{
	background: #233c63;
	}
.paginacao select {
	border:1px solid #fff;
	font-size:13px;
	color:#6b6b6b;
	padding:2px;
	margin:2px 0 2px 0; 
	}
		

/* outros */
.clear {
	clear:both;
	height:1%;
	font-size:1%;
	}

.overflow { overflow:hidden;
height:75px;
width:100px;}

.azul { color:#214b90;}

.branco { color:#fff;}

.preco{
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#3c639f;
	}
	
/* botoes loja */	

.mais {
	height:20px;
	display:block;
	background:url(../img/mais.gif) top;
	width:127px;
	text-indent: -900em;
	margin:4px;
	}

.mais:hover {background:url(../img/mais.gif) bottom;}

.alterar {
	height:20px;
	display:block;
	background:url(../img/alterar.gif) top;
	width:116px;
	text-indent: -900em;
	text-decoration:none;
	margin-bottom:4px;
	}

.alterar:hover {background:url(../img/alterar.gif) bottom;}