/* PJR Informatica */

/* RESET ##############################################  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ESTILOS GERAIS ##############################################  */

/* 
azul claro #c7d8e5;
azul medio #5589b2
azul escuro #2c516e
preto #2e2e2e

border botoes azul #3a729d
border botoes laranja #d85411
border cizento widget #cecece;
fundo cizendo widget #f1f1f1;
botões 16 altura e border 1px

*/

body {
	font:1.4em Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	background:#c7d8e5 url(../images/layout/bg_body.jpg) top center repeat-x;
	margin-top:0;
}

a:link, 
a:active, 
a:visited {text-decoration:none; }

a:hover { text-decoration:underline;} 

.left { float:left; }
.right { float:right; }
.clear { font-size:1px; height:1px; width:100%; clear:both;}

.txtCentro { text-align:center; }

.riscado { text-decoration:line-through;}

/* ESTRUTURA ##############################################  */

#bloco960 {
	width:940px;
	background:#fff;
	margin:0 auto;
	padding:0 10px 10px 10px;
	font-size:.7em;
}

#header { 
	width:940px;
	height:145px;
}

#menu-cats {
	width:940px;
	background:#aaa;
	height:60px;
}

#content {
	width:730px;
	background:none;
	margin:20px 0;
}


#sidebar {
	width:200px;
	margin:20px 0;
	font-size:.8em;
}

#footer {
	width:940px;
	height:100px;
	background: url(../images/layout/bg_footer.jpg) repeat-x;
}

.btnAzul {
	color:#fff;
	font-weight:bold;
	border:1px solid #3a729d;
	background:url(../images/layout/bg_btnAzul.jpg) repeat-x;
	padding:0 5px;
	height:16px;
	line-height:16px;
}

.btnLaranja {
	color:#fff;
	font-weight:bold;
	border:1px solid #d85411;
	background:url(../images/layout/bg_btnLaranja.jpg) repeat-x;
	padding:0 5px;
	height:16px;
	line-height:16px;
}

/* HEADER ##############################################  */

#header {
	background:url(../images/layout/bg_header.jpg) no-repeat;
}

/* lOGO ##############  */

#logo { 
	width:210px;
	background:#fff;
	clear:left;
}

/* MENU SECÇÕES ##############  */

#menu-seccoes {
	height:40px;
	color:#fff;
	float:left;
	margin:80px 0 0 0px;
	font-size:.8em;
	padding:5px;
	width:720px;
	border-top:1px dotted #f1f1f1;
	border-bottom:1px dotted #f1f1f1;
	background:#5589b2;
}

#menu-seccoes a:link, 
#menu-seccoes a:active, 
#menu-seccoes a:visited {
	height:40px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	display:block;
	float:left;
	margin:0 5px;
	padding:0 10px;
}

#menu-seccoes a:hover { background:#2c516e; text-decoration:none; }
#menu-seccoes a:hover em  { background:#2c516e;}

#menu-seccoes .active { background:#2c516e; }

/* MENU CATEGORIAS ##############################################  */

#menu-cats {
	margin:10px 0;
	font-size:.8em;
	height:auto;
}


/* categorias */

#menu-cats .categorias { background:#5589b2; height:80px; line-height:40px; }

#menu-cats .categorias a:link, 
#menu-cats .categorias a:active,
#menu-cats .categorias a:visited  {
	height:40px;
	color:#fff;
	display:block;
	float:left;
	color:#fff;
	padding:0 10px;
	font-weight:bold;
	text-decoration:none;
}

#menu-cats .categorias a:hover {
	background:#2c516e;
}

.categorias a.active:link,
.categorias a.active:active,
.categorias a.active:visited { background:#2c516e; }
.categorias a:hover { background:#2c516e; }

/* sub-categorias */
#menu-cats .subcategorias { background:#2c516e; height:80px; line-height:40px;}

#menu-cats .subcategorias a:link, 
#menu-cats .subcategorias a:active,
#menu-cats .subcategorias a:visited {
	height:40px;
	color:#fff;
	display:block;
	float:left;
	color:#fff;
	padding:0 10px;
	font-weight:bold;
	text-decoration:none;
}

#menu-cats .subcategorias a:hover {
	background:#2c516e;
	text-decoration:underline;
}



/* CONTENT ##############################################  */

/* CONTENT ##############  */

/* BANNER ##############  */

.banner {
	width:730px;
}

/* BLOCO NOVIDADES ##############  */

.bloco730 {
	width:730px;
	margin-bottom:20px;
}

.bloco730 h2 {
	background:#27618e url(../images/layout/bg_h2.jpg) right no-repeat;
	width:720px;
	height:30px;
	line-height:30px;
	color:#fff;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}

.bloco230 {
	width:220px;
	border:1px solid #5589b2;
	margin:0 0px 20px 0px;
	padding:5px;
	}
	
.bloco230meio {
	margin:0 16px 20px 17px;
}
	
.bloco230 h3 {
color:#5589B2;
font-size:0.9em;
height:40px;
margin:0 0 5px;

}

.bloco230 h3 a:link,
.bloco230 h3 a:active,
.bloco230 h3 a:visited {
	color:#5589b2;
}

.bloco230 .img { width:150px; height:150px; text-align:center; margin:0 auto; }

.bloco230 .nota { color:#666; font-weight:bold; font-size:.8em;}
.bloco230 .nota span { color:#5589b2; margin:0 0 0 10px;}

.bloco230 .btnAzul {
	color:#fff;
	font-weight:bold;
	font-size:.7em;
	border:1px solid #3a729d;
	background:url(../images/layout/bg_btnAzul.jpg) repeat-x;
	padding:0 5px;
	height:16px;
	line-height:16px;
}

.bloco230 .btnLaranja {
	color:#fff;
	font-weight:bold;
	font-size:.7em;
	border:1px solid #d85411;
	background:url(../images/layout/bg_btnLaranja.jpg) repeat-x;
	padding:0 5px;
	height:16px;
	line-height:16px;
}

/* listagem produto */

/* ######################### ordenação da listagem */

.ordenacao {
	width:730px;
	height:25px;
	line-height:25px;
	font-size:12px;
	margin:0;
	border-bottom:1px solid #5589b2;
}

.ordenacao a:link,
.ordenacao a:visited,
.ordenacao a:active {
	text-decoration:none;
	border:0;
	color:#2c516e;
	background:#c7d8e5;
	padding:2px 5px !important;
}

.ordenacao a:hover {
	background:#2c516e;
	color:#5589b2;
	
}

.ordenacao .btnAzul { height:auto !important; color:#2c516e; background:#c7d8e5; border:none; margin:0 !important; text-decoration:none;}

.ordenacao p { text-align:right;}

.ordenacao .orderby {
	margin:0 0 0 10px;
	font-weight:bold;	
	float:right;
	color:#2c516e;
}

.ordenacao .orderby a:link,
.ordenacao .orderby a:active,
.ordenacao .orderby a:visited {
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding:2px;
}

.ordenacao .orderby .active {
	background:#2c516e;
	color:#c7d8e5;
	text-decoration:none;
}

.ordenacao .qtd_change { background:none !important; }

.ordenacao .qtd_change img { vertical-align:middle;} 

.blocoProduto {
	width:730px;
	border-bottom:1px solid #5589b2;
	padding:0 0 10px 0;
	margin:10px 0;
}

.blocoProduto .imgProduto {
	width:215px;
	text-align:center;
}
.blocoProduto .detalhesProduto {
	width:510px;
	margin:0 0 0 5px;
}

.blocoProduto .detalhesProduto h3 { color:#5589b2;}

.blocoProduto .detalhesProduto h3 a:link,
.blocoProduto .detalhesProduto h3 a:active,
.blocoProduto .detalhesProduto h3 a:visited {
	color:#5589b2;
}

.blocoProduto .detalhesProduto .descricao {
	margin:10px 0;
	font-size:.8em;
	height:60px;
}

.blocoProduto .detalhesProduto .detFooter {
	font-size:.8em;
	margin:10px 0 0 0;
	height:30px;
	line-height:30px;
}

.detalhesProduto .detFooter .preco {
	font-weight:bold;
	margin:0 10px 0 0;
	font-size:1.2em;
}
.detalhesProduto .detFooter .promocao {
	font-size:1.8em;
	color:#83b32f;
	font-weight:bold;
	margin:0 10px 0 0;	
}

.detalhesProduto .detFooter .detFooterDir { 
	width:300px;
	text-align:right;
}

.detalhesProduto .detFooter .btnAzul, 
.detalhesProduto .detFooter .btnLaranja {
	margin:0 0 0 10px;
	color:#efefef;
}

.detalhesProduto .detFooter .btnAzul:hover, 
.detalhesProduto .detFooter .btnLaranja:hover {
	text-decoration:none;
	color:#fff;
}

.qtd { width:40px; border:1px solid #2C516E; margin:0 10px; text-align:center; }
.qtd_change { color:#2C516E; font-weight:bold; font-size:1em; }

/* ############################# paginação fundo página */

.paginacao {
	width:730px;
	height:20px;
	line-height:16px;
	margin:20px 0;
	text-align:center;

}

.paginacao a:link,
.paginacao a:active,
.paginacao a:visited {
	background:#c7d8e5;
	text-align:center;
	color:#2c516e;
	font-weight:bold;
	font-size:12px;
	padding:2px 10px;
	display:block;
	float:left;
	margin:5px;
	width:25px;
}

.paginacao a:hover { 
	background:#2c516e;
	color:#c7d8e5;
	text-decoration:none;
	}

.paginacao a.active { 

	background:#2c516e;
	color:#c7d8e5;
	text-decoration:none;
}


/* pagina produto */

.fprotudo { width:300px; height:165px;}

.fprotuto .upload_foto { width:300px; background:#ccc;}

.dproduto {
	width:405px;
	margin:0 0 0 10px;
}

.dproduto h3 {
	color:#5589b2;
}

.dproduto .descricao {
	font-size:.8em;
	margin:10px 0;
}

.dproduto input.titulo { width:400px; background:#fff; border:1px solid #5589b2;}

.dproduto textarea.descricao { background:#fff; width:400px; height:100px; font:12px Verdana, Arial, Helvetica, sans-serif; line-height:15px; border:1px solid #5589b2;}

.dproduto select.categoria { border:1px solid #5589b2; margin:0 10px 5px 0;}
.dproduto select.subcategoria { border:1px solid #5589b2; margin:0 0 5px 0; }

.dfooter {
	width:405px;
	height:20px;
	line-height:20px;
	font-size:.9em;
}

.dfooter .preco {
	font-weight:bold;
	margin:0 10px 0 0;
	font-size:.9em;
}

.dfooter .promocao {
	font-size:1.2em;
	color:#83b32f;
	font-weight:bold;
	margin:0 10px 0 0;	
	color:#fd8f02;
}

.dfooterlink { 
	height:20px; 
	text-align:right; 
	width:170px;
	margin:0;
}

.dfooterlink a:link, 
.dfooterlink a:active, 
.dfooterlink a:visited { 
	line-height:20px;
}

.dfooter input.txtPreco { width:30px; background:#fff; border:1px solid #5589b2;}

.cproduto {
	margin:20px 0;
}

.cproduto h3 { color:#5589b2;}

.cproduto .linha { line-height:25px; font-size:.8em; }

.cproduto .linha .cdescricao {
	width:730px;
}

.cproduto .ctitulo {
	width:115px; 
	font-weight:bold; 
	margin:0 10px 0 0; 
	text-align:right;
	text-transform:capitalize;
}

.cproduto textarea { width:710px; height:120px; background:#fff; border:1px solid #5589b2; margin:20px 0 0 0;}

/* FINALIZAR COMPRA ##############  */

.tbl_valor_final {
	width:100%;
	margin:20px 0;
	text-align:center;
	font-size:.8em;
	border:1px solid #c7d8e5;
}

.tbl_valor_final th { padding:0 0 10px 0; font-size:1.2em; font-weight:bold;}
.tbl_valor_final .odd { background:#c7d8e5; }

.tbl_valor_final td { vertical-align:middle;}

.tbl_valor_final .produto { width:300px; padding:5px; text-align:left;}
.tbl_valor_final .qt { wdith:100px; padding:5px; }
.tbl_valor_final .valor { width:180px; padding:5px; }

.tbl_valor_final tfoot { color:#2c516e; font-weight:bold; }

.boldTitle { font-size:14px;}

.font12px { font-size:12px;}

.morada_envio { width:600px; margin:5px 0 0 2px; }

/* LOGIN / REGISTO ##############  */

.bloco730 #login, .bloco730 #registar  {
	font-size:.8em;
}

.bloco730 #login p, .bloco730 #registar p { margin:10px 0;}

.bloco730 #login .borderAzul, .bloco730 #registar .borderAzul {
	background:#c7d8e5;
	border:0;
}

#login label, #registar label { 
	width:120px; 
	display:block; 
	margin:0px 0 10px 10px; 
	float:left; 
	text-align:right; 
	height:25px;
	line-height:25px;
	color:#2c516e;
	font-weight:bold;
	}
	
#login input, #registar input {
	width:365px;
	height:20px;
	vertical-align:middle;
	margin:0 0 0 10px;
	padding:5px 5px 0 5px;
}


#registar textarea {
	width:365px;
	height:70px;
	margin:0 0 0 10px;
	padding:5px 5px 0 5px;
}


#login select.select { 
	background:c7d8e5;
	color:2c516e;
	margin-left:10px;
	height:20px;
	vertical-align:middle;
	padding:0 0 0 5px;
}

#login button, #registar button {
	background:#568bb4;
	border:0;
	color:#fff;
	font-weight:bold;
	margin:0 0 0 10px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding:0px 10px;
}

#registar .botoes { width:515px; background:#000; height:auto;}

#login label.adicionar { width:150px !important;}

#login input.adicionar { width:200px !important;}

#login button {margin-left:410px;}

#login button.adicionar {margin-left:308px;}


.cliente label { 
	width:150px !important; 
	display:block; 
	margin:0px 0 10px 10px; 
	float:left; 
	text-align:right; 
	height:25px;
	line-height:25px;
	color:#2c516e;
	font-weight:bold;
	}
	
.cliente button { margin:0 10px 0 auto !important; float:right;}

.cliente button.delete { background:#999 !important; }



/* AREA ADMIN ######################################################################################################  */

.tbl_edit_prod { 
	width:100%;
	border:0;
}

.tbl_edit_prod thead th {
	color:#2c516e;
	}
	
.tbl_edit_prod tbody td {
	text-align:center;
	padding:2px;
	font-size:12px;
	line-height:20px;
	vertical-align:middle;
	}
	
.tbl_edit_prod tbody td a:link, 
.tbl_edit_prod tbody td a:visited, 
.tbl_edit_prod tbody td a:active {
	color:#2c516e;
	font-weight:bold;	
	}

.tbl_edit_prod tbody td a:hover {	
	color:#5589b2;
	}
	
.tbl_edit_cat { 
	width:100%;
	border:0;
}

.tbl_edit_cat th {
	color:#2c516e;
	padding-bottom:20px;
	vertical-align:middle;
	}
	
.tbl_edit_cat tbody td {
	text-align:center;
	padding:5px 0;
	font-size:12px;
	vertical-align:middle;
	}
	
.tbl_edit_cat tbody td a:link, 
.tbl_edit_cat tbody td a:visited, 
.tbl_edit_cat tbody td a:active {
	color:#2c516e;
	font-weight:bold;
	}

.tbl_edit_cat tbody td a:hover {	
	color:#5589b2
	}
	
.tbl_edit_cat tbody td img { vertical-align:middle; }

.tbl_edit_cat tbody td.categoria {border-top:1px solid #999; padding:10px 0; }
.tbl_edit_cat tbody td.icons {text-align:left; }

.tbl_edit_seccao th { text-align:left; padding:0 0 0 10px;}
.tbl_edit_seccao tbody td { text-align:left; padding:5px 0 5px 10px; font-size:12px;}
.tbl_edit_seccao img { vertical-align:middle;}



/* SIDEBAR ##############  */

.widget { 
	border:1px solid #cecece;
}

.widget a:link, 
.widget a:visited,
.widget a:active { color:#2c516e;}

/* login */

.login input#username {
	background:transparent url(../images/layout/icon_nome.png) no-repeat scroll 5px 50%;
}

.login input#password {
	background:transparent url(../images/layout/key.png) no-repeat scroll 5px 50%;
}

.login button {
background:#568BB4 none repeat scroll 0 0;
border:0 none;
color:#FFFFFF;
float:right;
font-weight:bold;
margin:10px 0 0 5px;
padding:1px;
}

.login input {
border:1px solid #CCCCCC;
margin:5px 0 0;
padding-left:25px;
width:155px;
}

.login {
	background:#fff url(../images/layout/bg_login.jpg) bottom repeat-x;
	padding:5px;
	border-bottom:1px solid #cecece;
}

.login .username { 
	text-align:right;
	font-weight:bold;
}

.login .username a:link,
.login .username a:active,
.login .username a:visited {
	color:#2c516e;
 }

.login .carrinho {
	float:right;
	background:url(../images/layout/carrinho.png) left center no-repeat;
	width:180px;
	height:35px;
	margin:10px 0;
}

.carrinho .itens-carrinho { 
	font-weight:bold; 
	float:right; 
	width:100px;
	text-align:right;
}
.carrinho .itens-preco { 
	font-weight:bold; 
	float:right; 
	width:100px; 
	text-align:right;
}

.login .login-links {
	width:100%;
	text-align:right;
	font-weight:bold;
	font-size:.95em;
	letter-spacing:1px;
	
}

.login-links a:link,
.login-links a:active,
.login-links a:visited {
	color:#3d93ad;
}

.login-links a.registo:link,
.login-links a.registo:active,
.login-links a.registo:visited { 
	color:#666;
	margin:0 0 5px 10px;
}

/* pesquisa */

.pesquisa {
	margin:20px 0 0 0;
	font-size:1em;
	padding:10px 5px;
	background:#f1f1f1;
}

.pesquisa label {
	font-weight:bold;
	color:#222;
}

.pesquisa input {
	border:1px solid #ccc;
	margin:5px 0;
	width:160px;
	float:right;
	background:#fff url(../images/layout/lupa.png) left center no-repeat;
	background-position:5px;
	padding-left:25px;
}

.pesquisa button {
	background:#568bb4;
	border:0;
	color:#fff;
	font-weight:bold;
	float:right;
	padding:1px;
	margin:0;
}

/* newsletter */

/* Newsletter administration */

#newsletter { /* form newsletter */  }

#newsletter b { font-size:13px; padding-bottom:5px; display:block}

#newsletter input.assunto { 
	width:530px;
	margin-bottom:10px;
}

#newsletter textarea { 
	width:530px;
	height:200px;
	margin-bottom:10px;
}

#newsletter .submit { height:auto; background:#5589b2;}


/* newsletter sidebad */
.newsletter {
	width:200px;
	margin:20px 0;
}

.newsletter .widget {padding:5px;}

.newsletter h3 {
	background:url(../images/layout/bg_h3_newsletter.png) no-repeat;
	color:#fff;
	font-weight:bold;
	height:39px;
	padding:5px 5px 0 5px;
	font-size:1.1em;
	vertical-align:middle;
}

.newsletter label {
	color:#222;
	font-weight:bold;
	width:190px;
	display:block;
}

.newsletter input {
	border:1px solid #ccc;
	margin:5px 0 0 0;
	width:155px;
	padding-left:25px;
}

.newsletter #nome { 
	background:url(../images/layout/icon_nome.png) left center no-repeat;
	background-position:5px;
	}
.newsletter #email { 
	background:url(../images/layout/icon_email.png) left center no-repeat;
	background-position:5px;
	}
	
.newsletter button {
	background:#568bb4;
	border:0;
	color:#fff;
	font-weight:bold;
	float:right;
	padding:1px;
	margin:5px;
}

.tabelas-precos {
	background:#f1f1f1;
	padding:5px;
}

.tabelas-precos a:link,
.tabelas-precos a:active,
.tabelas-precos a:visited {
	font-weight:bold;
	color:#5589b2;
}

/* FOOTER ##############  */

#footer p { text-align:right; color:#fff; font:.8em Verdana, Arial, Helvetica, sans-serif; line-height:20px;}

#footer p a:link,
#footer p a:visited,
#footer p a:active {
	color:#c7d8e5;
}

/* Conteudos estáticos ##############  */

.conteudos {
	font-size:.8em;
}

.conteudos a:link,
.conteudos a:active,
.conteudos a:visited {
	color:#5589b2;
}

.conteudos h3 {
	color:#2c516e;
	font-size:14px;
	height:20px;
	margin:0 0 10px 0;
}

.conteudos .responsavel { color:#5589b2;} 
.conteudos ul, .conteudos ol { 
	margin:10px 20px;
	
}

.conteudos ul li{ list-style:disc;}

.conteudos ol li{ list-style:decimal;}

/* Backoffice ######################################################################################  */

#addproduto .btnAzul { height:auto !important; background:#568bb5;}

#addproduto .dproduto { font-size:13px; }
#addproduto .dproduto select { float:none; font-size:12px;}
#addproduto .dproduto h3 { font-size:14px; }
#addproduto .dproduto input { margin:10px 0 0 0; }
#addproduto .dproduto input.valores { margin:10px 0 0 0; width:50px; }

.logout { 
	color:#2c516e;
	background:url(../images/layout/cancel.png) no-repeat left;
	padding:5px 5px 5px 20px;
	vertical-align:center;
	font-size:12px;
	font-weight:bold;
 }

.logout:hover {
	color:#5589b2;
	text-decoration:none;
}

.navigate { 
	width:730px;
	border-top:1px solid #2c516e;
	position:relative;
	text-align:right;
}

.navigate a:link,
.navigate a:active,
.navigate a:visited {
	margin:5px 0 0 0;
	color:#2c516e;
	font-size:12px;
	font-weight:bold;
}

.escaloes { font-size:12px; text-align:center; margin:10px 0;}
.escaloes th {padding:5px 0 10px 0; }
.escaloes td {border-bottom:1px solid #5589b2; padding:5px; }

.escaloes td a:link, .nomeempresa:link, 
.escaloes td a:visited, .nomeempresa:visited,
.escaloes td a:active .nomeempresa:active {
	color:#2c516e;
	font-weight:bold;	
	}

.escaloes td a:hover, .nomeempresa:hover {	
	color:#5589b2;
	}

.btnAdicionar:link,  
.btnAdicionar:visited, 
.btnAdicionar:active {
	color:#2c516e;
	font-weight:bold;
	font-size:12px;
	}

.btnAdicionar:hover {	
	color:#5589b2;
	}

.width450px { width:450px;}
.width100px { width:100px; }

#editar_escaloes .btnAzul { height:auto !important; border:none; background:#2c516e; }

.banner200200 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 200px;
}

.banner200600 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 600px;
}