/*
------------------------------------------------------
RESET BROWSER STYLES begin
------------------------------------------------------
*/
@import('livros.css');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table {	border-collapse: separate; border-spacing: 0; }
a img { border: 0; }
caption, th, td { text-align: left; font-weight: normal; }
q:before, q:after { content:''; }
abbr, acronym { border: 0; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
:focus { outline: 0; }

/*
------------------------------------------------------
RESET BROWSER STYLES end
------------------------------------------------------
*/


/*
------------------------------------------------------
LAYOUT STYLES begin
------------------------------------------------------
*/

body {
	background: #fff url(../img/bg.jpg) 0 0 repeat-x;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
 	text-align:center;
	color: #666;
}

div#center {
	width: 960px;
 	margin-left: auto;
 	margin-right: auto;
	text-align: left;

}

.wcanvas {
	width: 960px;
	}


.bannertop {
	width: 960px;
	margin-top: 10px;
	text-align:center;}

	
.header {
	width:960px;
	margin-top: 15px;
	height:114px;
	background: url(../img/header.png) no-repeat;
	}

.header .logo {
	width: 380px;
	padding: 4px 0px 0px 17px;
	float: left;}

.header .links {
	padding:10px 0px 0px 0px;
	margin-bottom:3px;
	width:530px;
	float:right;
	height:28px;} 

.header .links .pipelist {
	float:right; }

.header .links .pipelist ul {
   list-style: none;
   text-align:right;
   margin-right:5px;
   }

.header .links .pipelist li:first-child {
	border-left:none;}

.header .links .pipelist li {
   border-left: 1px solid #ccc;
   padding:0 15px;
   display:inline; }

.header .links .pipelist a{
   font-weight: bold;
   color: #333333;
   text-decoration:none;
   } 
 
.header .links .pipelist a:hover{
   text-decoration:underline;
   } 
  
.header .data{
	width: 150px;
	color:#999;
	margin-top: 20px;
	text-align:center;
	float:left;}

.header .pesquisa {
	width: 360px;
	height:30px;
	padding: 26px 0px 0px 20px;
	margin-right: 20px;
	background: url(../img/pesquisar.gif) no-repeat;
	float:right;
	}

.header .pesquisa p {
	font-size: 13px;
	font-weight: bold; 
	color:#fff;
	width:90px;
	margin-left:35px;
	text-align:center;
	float:left;}

.header .pesquisa .inputbox {
	border: solid 1px white;
	color:#999;
	margin: -2px 0px 0px 15px;
	width: 180px;
	float:left;}

.header .pesquisa .submit{
	width:25px;
	padding-left:10px;
	float:left;
	}
	
.ticker {
	width:960px;
	height:20px;
}

.ticker .gap {
	width:168px;
	height:20px;
	background-color:#FFF;
	float:left;}

.ticker .noticias {
	width: 792px;
	height: 20px;
	text-align: center;
	float: right;
	line-height: 17px;
	overflow:hidden;
	}



.footer{
	width: 910px;
	height: 120px;
	background:url(../img/bgfooter.jpg) 0 0 repeat-x;
	padding: 30px 30px 0px 20px; 
	float:left;
	}

.footer .nav {
	width:800px;
	float:left}

.footer li {
	display:inline;
	padding:0px 10px;
	border-right: 1px solid #999;
	}

.footer a {
	color:#fff;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;}
	
.footer .morada {
	padding-left: 10px;
	font-size: 10px}

.footer .morada a {
	color:#666;
	text-decoration:none;
}

.footer .logo {
	float:right}

/*
------------------------------------------------------
STYLES start
------------------------------------------------------
*/

h1{
	font-size:19px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 22px;}

.htit{
	font-size:30px;
	line-height: 32px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#006699;
	padding-left:13px;}

.grey {color:#CCC;}
.dgrey {color:#666;}
.lgrey {color:#999;}
.branco {color:#FFF}
.azul{color:#069;}

.bd {font-weight:bold;}

.cB {clear:both;}

.s10 {font-size:10px;}
.s11 {font-size:11px;}
.s14 {font-size:14px;}
.s16 {font-size:16px;}
.s18 {font-size:18px;}
.s19 {font-size:19px;}
.s24 {font-size:24px;}


.error {
	float:left;
	width:90%;
	padding-left:13px;
	margin-top: 17px;
	color:Red;
}


/*
------------------------------------------------------
Login panel
------------------------------------------------------
*/

#blanket {
	width: 100%;
	background: #000;
	filter: alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity: 0.80;
	position: absolute;
	z-index: 9001;
	top: 0;
	left: 0;
}

#divLoginPanel, #divMessagePanel {
	position: absolute;
	background: #666;
	padding: 0;
	border: 8px #c4e4f3 solid;
	width: 560px;
	height: 200px;
	z-index: 9002;
	float: left;
	clear: left;
	display: none;
}

#divLoginPanel .titleBox, #divMessagePanel .titleBox {
	background: #373737; 
	height: 28px; 
	margin-bottom: 12px; 
	padding-top: 10px; 
	width: 560px; 
	display: block;
}

#divLoginPanel .titleBox .title, #divMessagePanel .titleBox .title {
	float: left; 
	clear: left; 
	width: 230px; 
	padding-left:20px;
	text-decoration: none; 
	font-size: 19px;
	line-height:22px;
	font-weight: bold; 
	color: #fff; 
	letter-spacing: -1px; 
	text-align: left;
}

#divLoginPanel .titleBox .closeButton, #divMessagePanel .titleBox .closeButton {
	float: right; 
	clear: right; 
	text-align: right;
	padding-right:20px; 
	width: 230px;
}

#divLoginPanel .titleBox .closeButton a, #divMessagePanel .titleBox .closeButton a {
	color: #fff; 
	font-size: 14px; 
	line-height:22px;
	font-weight: bold;
	text-decoration: none;
}

#divLoginPanel .message, #divMessagePanel .message {
	width: 520px;
	display: block;
	text-align: center;
	font-weight: bold; 
	padding: 10px;
	color:#FFF;
}

#divLoginPanel .divForm, #divMessagePanel .divForm {
	margin: 10px 0px 0px 70px;
	padding: 0;
	border: 0;
	text-align: center;
	width: 420px;
	float: left;
	clear: both;
}

#divLoginPanel .divForm .field {
	background: #f9fcfe;
	border: solid 1px #999;
	padding: 3px;
	margin-bottom: 8px;
	font-size: 12px; 
	color: #666;
	width: 200px;
}

#divLoginPanel .divForm .button {
	margin: 10px 0px 0px 0px;
	font-size: 12px; 
	font-weight: bold; 
	width: 200px;
	float: left;
	clear: both;
}


/*
------------------------------------------------------
Loader
------------------------------------------------------
*/

.loader {
	position:absolute; 
	z-index:10000;
	background-color:Transparent; 
	left:42%; 
	top:300px; 
	width:180px; 
	height:50px;
}

.loader .content {
	width:250px; 
	height:110px; 
	background-color: #373737; 
	padding-top: 65px; 
	text-align:center; 
	border:8px solid #c4e4f3; 
	color:#FFFFFF; 
	font-weight:bold
}

/*
------------------------------------------------------
menu left ordered
------------------------------------------------------
*/
.orderPainel div
{
    margin-top: 5px;

}
.orderPainel div:nth-child(1)
{
    margin-top: 0px;

}