﻿html, form
{
	height: 100%;
}

body
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 17px;
	color: #003366;
	text-align: center;
	/*background-color: #f5fad2;*/
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

hr
{
	border: solid 1px #ccc;
	height: 1px;
}

h1
{
	font-size: 18px;
	line-height: 24px;
	color: #0D3D6E;
	padding: 0;
	margin: 0;
}

h2
{
	font-size: 14px;
	line-height: 22px;
	color: #1460ad;
	padding: 0;
	margin: 0;
}

h3
{
	font-size: 14px;
	line-height: 28px;
	color: #0D3D6E;
	padding: 0;
	margin: 0;
}

h4
{
	font-size: 11px;
	line-height: 24px;
	font-weight: bold;
	color: #676767;
	padding: 0;
	margin: 0;
}

.labels
{
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	color: #676767;
}

a
{
	font-size: 11px;
	color: #003366;
	border-bottom: dotted 1px #003366;
	text-decoration: none;
}

a:hover
{
	color: #003366;
	border-bottom: dotted 1px #003366;
	background: #efefef;
}

a.link_img, a.link_img:hover, a.link_img:visited
{
	text-decoration: none;
	border: none;
	background-color: Transparent;
}

.left_shadow
{
	width: 10px;
	/*background-image: url(      "../img/shadowLeft2.gif" );
	background-repeat: repeat-y;
	background-position: right;
	background-color: Gray;*/
	border-right: solid 1px #ccc;
}

.right_shadow
{
	width: 10px;
	/*background-image: url(      "../img/shadowRight2.gif" );
	background-repeat: repeat-y;
	background-color: Gray;*/
	border-left: solid 1px #ccc;
}

table.outerTable
{
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	height: 100%;
}

table.outerTable td
{
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#container
{
	margin: 0 auto;
	text-align: left;
	width: 980px;
	background-color: White;
	height: 100%;
	padding: 0px;
}

#header_home
{
	display: block;
	width: 200px;
	height: 100px;
	cursor: pointer;
}

#header
{
	width: 960px;
	height: 100px;
	background-color: Navy;
	background-image: url(    "../img/header-blue.jpg" );
	border-bottom: solid 1px #fff;
}

#footer
{
	color: white;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: solid 1px #ccc;
	color: #0D3D6E;
	text-align: center;
	height: 70px;
	font-size: 10px;
	bottom: 0px;
	margin-top: 10px;
}

#footer a:link, #footer a:visited
{
	font-weight: normal;
}
.colibriFooter
{
	font-weight: bold;
	font-size: 11px;
}

#menu_horizontal
{
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	background-color: #cccc00;
	color: White;
	padding-left: 35px;
}

#nav-menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li
{
	float: left;
	list-style: none;
}


#nav-menu li a.itemMenu
{
	border: none;
	height: 30px;
	line-height: 30px;
	float: left;
	display: block;
	border-right: solid 1px #b8b801;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0 10px 0 10px;
	font-weight: bold;
}

#nav-menu li a.itemMenu:hover
{
	background: white;
	color: #0D3D6E;
	height: 30px;
	line-height: 30px;
	border-bottom: none;
}

#nav-menu li a.itemMenuSelected
{
	border: none;
	background: white;
	color: #0D3D6E;
	height: 30px;
	line-height: 30px;
	float: left;
	display: block;
	border-right: solid 1px #b8b801;
	text-decoration: none;
	text-align: center;
	padding: 0 10px 0 10px;
	font-weight: bold;
}

#nav-menu li a.itemMenuSelected:hover
{
	background: white;
	color: #0D3D6E;
	height: 30px;
	line-height: 30px;
	border-bottom: none;
}

#textoFundo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #003366;
	padding: 10px;
	line-height: 19px;
	margin-left: 25px;
	margin-right: 35px;
}

.imagemDetalhes
{
	border: solid 1px #ccc;
}

.tblLista
{
	width: 100%; 
	border-bottom: solid 1px #ccc; 
	margin-bottom: 10px; 
	margin-top: 10px;
}

.nomeAutores:link, .nomeAutores:visited, .nomeAutores:active
{
	font-size: 11px;
	text-decoration: none;
	color: #003366;

	
	text-decoration: none;
	border: none;
	background-color: Transparent;
}

.nomeAutores:hover
{
	text-decoration: none;
	color: #CCCC00;
}

.tituloLista:link, .tituloLista:visited, .tituloLista:active
{
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	color: #003366;
	font-weight: bold;
	border: none;
}

.tituloLista:hover
{
	text-decoration: none;
	background: #F5F5C8;
}

.tituloListaSmall:link, .tituloListaSmall:visited, .tituloListaSmall:active
{
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	color: #003366;
	font-weight: bold;
	border: none;
}

.tituloListaSmall:hover
{
	text-decoration: none;
	background: #F5F5C8;
}

.tituloLivroLink
{
	line-height: 17px;
}

.textotitulo
{
	color: #003366;
	font-size: 20px;
	line-height: 24px;
}

.textosubtitulo
{
	font-size: 12px;
	font-weight: bold;
}

.caixaFundo
{
	margin-left: 35px;
	margin-right: 10px;
}

.indice
{
	margin-right: 7px;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: #0D3D6E;
	display: block;
	float: left;
	border: none;
	padding-left: 2px;
	padding-right: 2px;
}

.indiceSelected
{
	margin-right: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	color: white;
	display: block;
	float: left;
	background: #0D3D6E;
	border: none;
	padding-left: 2px;
	padding-right: 2px;
}

.indiceSelected:hover
{
	border: none;
	background: #0D3D6E;
	color: white;
}
.indice:hover
{
	display: block;
	float: left;
	color: white;
	background: #0D3D6E;
	border: none;
}

tr.novidades
{
	border-bottom: dotted 1px #CBCD00;
	margin-bottom: 10px;
}

.td_main_cell td.textoNovidades
{
	color: #696969;
	padding-left: 10px;
	text-align: left;
}

.imagemNovidades img
{
	border: solid 1px #ccc;
}


.imagemDestaques
{
	margin-bottom: 4px;
	border: solid 1px #0D3D6E;
}

#barra_horizontal, #barra_horizontal2
{
	font-size: 12px;
	color: white;
	height: 26px;
	line-height: 25px;
	vertical-align: middle;
	background-color: #0D3D6E;
	background-image: url(      "../img/barra.gif" );
	padding-left: 10px;
	border-left: solid 1px #fff;
}

.barra_horizontal
{
	font-size: 12px;
	color: #666;
	height: 26px;
	line-height: 25px;
	vertical-align: middle;
	/*background-color: #0D3D6E;*/
	/*background-image: url(      "../img/barra.gif" );*/
	border-top: solid 1px #bbb;
	padding-left: 0px;
	/*border-left: solid 1px #fff;*/
}

#main_content_admin
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

#main_content
{
	padding-left: 20px;
	padding-top: 10px;
}

#main_content_website
{
	position: relative;
	padding-left: 0px;
	padding-top: 0px;
}

table.tblMainContent
{
	border-collapse: collapse;
	width: 100%;
}

.td_pesquisa
{
	height: 44px;
}

a.button_90, a.button_90:visited
{
	text-decoration: none;
	border: none;
	text-transform: lowercase;
	display: inline-block;
	text-align: center;
	padding-top: 3px;
	height: 20px;
	width: 90px;
	color: #555;
	background-color: Transparent;
	background-image: url('/img/btn_small_normal.gif');
	background-position: left top;
	background-repeat: no-repeat;
}

a.button_90:hover
{
	text-transform: lowercase;
	text-decoration: none;
	display: inline-block;
	height: 20px;
	width: 90px;
	color: #555;
	background-image: url('/img/btn_small_hover.gif');
	background-position: left top;
	border: none;
	background-color: Transparent;
}

a.button_250, a.button_250:visited
{
	text-decoration: none;
	border: none;
	text-transform: lowercase;
	display: inline-block;
	text-align: center;
	padding-top: 3px;
	height: 20px;
	width: 250px;
	color: #555;
	background-color: Transparent;
	background-image: url('/img/btn_big_normal.gif');
	background-position: left top;
	background-repeat: no-repeat;
}

a.button_250:hover
{
	text-transform: lowercase;
	text-decoration: none;
	display: inline-block;
	height: 20px;
	width: 250px;
	color: #555;
	background-image: url('/img/btn_big_hover.gif');
	background-position: left top;
	border: none;
	background-color: Transparent;
}

a.button_220, a.button_250:visited
{
	text-decoration: none;
	border: none;
	text-transform: lowercase;
	display: inline-block;
	text-align: center;
	padding-top: 3px;
	height: 20px;
	width: 220px;
	color: #555;
	background-color: Transparent;
	background-image: url('/img/btn_medium_normal.gif');
	background-position: left top;
	background-repeat: no-repeat;
}

a.button_220:hover
{
	text-transform: lowercase;
	text-decoration: none;
	display: inline-block;
	height: 20px;
	width: 220px;
	color: #555;
	background-image: url('/img/btn_medium_hover.gif');
	background-position: left top;
	border: none;
	background-color: Transparent;
}

.PesqAvancada
{
	color: #0D3D6E;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
}

.PesqAvancada:hover
{
	border-bottom: dotted 1px #0D3D6E;
	color: #0D3D6E;
}

table.tblMain
{
	border-collapse: collapse;
	background-color: White;
	width: 100%;
}

table.tblMain td
{
	vertical-align: top;
	padding: 0px;
}

td.td_main_cell
{
	border-right: solid 1px White;
}

td.td_right_cell
{
	width: 240px;
}

div.box
{
	width: 140px;
	background-color: white;
}

.box_header
{
	font-family: Verdana;
	font-size: 12px;
	letter-spacing: 0.03em;
	width: 135px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: white;
	padding-left: 5px;
	background-color: #0d3d6e;
	background-image: url(      "../img/pattern.gif" );
	background-repeat: repeat-x;
}

.box_body
{
	vertical-align: top;
}

div.box_wide
{
	width: 240px;
	background-color: white;
	border: solid 1px #0d3d6e;
	margin-bottom: 1px;
}

.box_header_wide
{
	font-size: 12px;
	width: 235px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	color: white;
	padding-left: 5px;
	background-color: #0D3D6E;
	background-image: url(      "../img/pattern.gif" );
	background-repeat: repeat-x;
}

.box_body_wide
{
	vertical-align: top;
	padding: 10px;
}

.dataNoticias
{
	font-family: Verdana;
	font-size: 10px;
	line-height: 15px;
	color: #696969;
}

.tituloNoticias, .tituloNoticias:link, .tituloNoticias:visited, .tituloNoticias:active
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
	border: none;
}

.tituloNoticias:hover
{
	color: #003366;
	text-decoration: none;
	background-color: #F5F5C8;
	border: none;
}

.introNoticias
{
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;
	color: #003366;
	font-weight: normal;
}

.introNoticias
{
	font-family: Verdana;
	font-size: 10px;
	line-height: 15px;
	color: #333333;
}

#page_title
{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	color: #555;
	height: 30px;
	display: block;
	width: 700px;
	text-align: left;
}

a.btnMenuSelected
{
	display: block;
	height: 22px;
	line-height: 22px;
	width: 135px;
	vertical-align: middle;
	padding-left: 5px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: solid 1px #7A95AF;
	color: white;
	background-color: #306499;
}

a.btnMenu
{
	display: block;
	height: 22px;
	line-height: 22px;
	width: 135px;
	vertical-align: middle;
	padding-left: 5px;
	color: #0d3d6e;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	border-bottom: solid 1px #7A95AF;
}

a.btnMenu_last
{
	display: block;
	height: 22px;
	line-height: 22px;
	width: 135px;
	vertical-align: middle;
	padding-left: 5px;
	color: #0d3d6e;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	border-bottom: solid 1px #7A95AF;
}

a.btnMenu:hover, a.btnMenu_last:hover, a.btnMenuSelected:hover
{
	color: white;
	background-color: #306499;
	border-bottom: solid 1px #7A95AF;
}

.erro
{
	font-family: Verdana;
	font-size: 11px;
	color: Red;
}

.erro_mensagem
{
	color: Red;
	font-size: 11px;
	display: block;
	line-height: 20px;
	vertical-align: middle;
}

.form_left_td
{
	width: 90px;
	text-align: left;
	color: #333;
	padding-right: 5px;
	height: 25px;
}

/************* GRID VIEW **********************/

.grvStyle
{
	padding: 5px 5px 5px 5px;
	background-color: white;
	margin-bottom: 10px;
	color: #0d3d6e;
}

.grvStyle th
{
	background-color: #306499;
	color: white;
	text-align: left;
	height: 25px;
	vertical-align: middle;
	padding-left: 4px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	padding-right: 2px !important;
}

.grvStyle th a:link
{
	color: white;
}

.grvStyle td
{
	text-align: left;
	height: 24px;
	vertical-align: middle;
	padding-left: 4px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	padding-right: 2px !important;
	border-bottom: solid 1px #ccc;
}

.grvStyle tr:hover
{
	background-color: #eee;
}

.grvPager td
{
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	border-bottom: none;
	padding: 0px;
}

tr.grvPager:hover, .grvPager td
{
	background-color: #fff;
}

.msgBox_ok
{
	border: dashed 1px black;
	background-color: #fdfecf;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 40px;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(    "../img/icon_ok.gif" );
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bold;
	color: Green;
}

.msgBox_error
{
	border: dashed 1px black;
	background-color: #fdfecf;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 40px;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(    "../img/error_icon.gif" );
	background-position: left center;
	background-repeat: no-repeat;
	font-weight: bold;
	color: Red;
}

.msgBox img
{
	background-color: Aqua;
}

.error_message
{
	font-weight: bold;
	color: Red;
}

.ok_message
{
	font-weight: bold;
	color: Green;
}

.precoItem
{
	font-size: 14px;
	font-weight:bold; 
	color: #000;
}

.precoItemAntigo
{
	font-size: 11px;
	text-decoration: line-through;
}

.precoItemDesconto
{
	font-size: 14px;
	font-weight: bold;
}

.stockEsgotado
{
	color: Red;
	font-size:12px; 
	font-weight:bold;
}

.stockDisponivel
{
	color: Green;
	font-size:12px; 
	font-weight:bold;
}

.tblCarrinho
{
	font-size: 10px;
	border-collapse: collapse;
	width: 100%;
}

.tblCarrinho td
{
	border-bottom: solid 1px #ccc;
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	line-height: 15px;
}

.tblCarrinho td.tdTotal
{
	color: #333;
	border-bottom: solid 1px #fff;
}

.carrinhoVazio
{
	background-image: url(      "../img/shoppingcart.gif" );
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 32px;
	padding-top: 5px;
	height: 28px;
}

.grvCarrinhoCompras
{
	padding: 5px 5px 5px 5px;
	background-color: white;
	margin-bottom: 10px;
	color: #0d3d6e;
}

.grvCarrinhoCompras th
{
	background-color: #ccc;
	color: White;
}
.grvCarrinhoCompras td
{
	height: 25px;
	vertical-align: middle;
	padding-left: 0px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	padding-right: 2px !important;
}


table.tblEncomendasItems
{
	border-collapse: collapse;
	width: 600px;
	margin-bottom: 20px;
}

table.tblEncomendasItems th
{
	font-weight: bold;
	border-bottom: solid 1px #ccc;
}

table.tblEncomendasItems td
{
	padding-right: 10px;
}

table.tblPagLista
{
    border-collapse: collapse;
    margin-left: 10px;
}

table.tblPagLista td
{
    padding-left: 4px;
}