/* ------------------------------
css reset (inicio)
ref: http://www.igorescobar.com/blog/2009/10/26/css-reset-firefox-perfeito-internet-explorer-torto/
------------------------------ */
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,
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-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background:#eeeeee;
}
ol, ul {
    /*list-style: none;*/
	list-style:disc;
	list-style-position:inside;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* ------------------------------
css reset (fim)
------------------------------ */


/* ------------------------------
GERAL (inicio)
------------------------------ */

body {
	/* "Cabin Condensed" e "font-weight: 400 (ou 700)" sao caracteristicas para uso do Google Fonts */
	font-family: Tahoma, Helvetica, lucida sans unicode, Verdana, Arial, sans-serif; 
	font-weight:400;
	font-size: 14px;
	line-height:20px;
	color:#555;
	/*letter-spacing:-1px;
	text-transform:uppercase;*/
	text-decoration: none;
}

/* a:link........define o estilo do link no estado inicial; */ 
a:link {
	color:#900;
	text-decoration: underline;
}

/* a:visited...define o estilo do link visitado; */ 
a:visited {
	color:#900;
	text-decoration: underline;
}

/* a:hover.....define o estilo do link quando passa-se o mouse sobre ele; */ 
a:hover {
	color:#F00;
	text-decoration: underline;
}

/* a:active....define o estilo do link ativo (o que foi "clicado"). */ 
a:active {
	color:#F00;
	text-decoration: underline;
}

h2 {
	color:#900;
	font-size:22px;
}

/* ------------------------------
GERAL (fim)
------------------------------ */



/* ------------------------------
MENU (inicio)
------------------------------ */

ul.tabs
{
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul.tabs li
{
	height:25px;
	list-style: none;
	display: table-cell;
	float: left;
	/*line-height:40px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-1px;*/
	position: relative;
	padding-right:17px;
	padding-left:17px;
	border:0px solid #00F;
}

ul.tabs a
{
	position: relative;
	display: block;
	text-decoration:none;
	/*font-family: Helvetica, sans-serif;
	font-size:16px;
	color:#fff;*/
}

ul.tabs a:hover
{
	/*color:#000;*/
}


/* menu-specifc
*************************/

#menu
{
	/*top:80px;*/
	left:0;
	/*width:100%;*/
	width:930px;
	font-weight:normal;
    margin-left: auto;
    margin-right: auto;
	padding-top:1px;
	padding-left:0px;
	/*background: #835cfe;*/
	border:0px solid #000;
}

#menu ul
{
	margin: 0 auto;
	border:0px solid #00F;
}

#menu ul li a
{
	color:#fff;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;
	font-size:16px;
	/*text-transform:uppercase;*/
	border:0px solid #00F;
}

/*#menu ul li a img
{
	vertical-align: middle;
}
*/
#menu ul li a:hover
{
	background: url(../images/topselectionleft.png) top left no-repeat;
	color:#C30;

}
/*
#menu ul li a span
{
	display: block;
	padding: 0 15px 0 11px;
}

#menu ul li a:hover span
{
	background: url(../images/topselectionright.png) top right;
	background-color:#6551d1;
}
*/
/* ------------------------------
MENU (fim)
------------------------------ */



/* ------------------------------
TITULO (inicio)
------------------------------ */

#titulo {
	/*font-family: Helvetica, lucida sans unicode, Verdana, Arial, sans-serif;
	font-weight:bold;*/
	font-size:25px;
	width:850px;
	height:50px;
	color:#000066;
	/*text-transform:uppercase;*/
	padding-top:40px;
	padding-left:0px;
	/*background-image:url(../images/bg_conteudo_01.png);
	background-repeat:no-repeat;*/
	border:0px solid #F90;
}

/* ------------------------------
TITULO (fim)
------------------------------ */


/* ------------------------------
MENU VERTICAL (inicio)
------------------------------ */

#menu_vertical {
	width:200px;
	margin-right:30px;
	margin-bottom:30px;
	padding:20px 20px 0px 20px;
	margin:0px 0px 0px 30px;
	float:right;
	height:auto;
	border:0px solid #444;
	background:#eeeeee;
	}

A.MenuVertical, A.MenuVertical:link, A.MenuVertical:visited {
	font-size: 15px;
	line-height:18px;
	color: #666;
	text-decoration: none;
}
A.MenuVertical:hover {
	font-size: 15px;
	line-height:18px;
	color:#C00;
	text-decoration: none;
}

/* ------------------------------
MENU VERTICAL (fim)
------------------------------ */



/* ------------------------------
CABECALHO (inicio)
------------------------------ */

#header {
	height:315px;
	width:950px;
    margin-left: auto;
    margin-right: auto;
	padding-top:7px;
	padding-left:20px;
	background: #000 0 0 0 0; 
	border:0px solid #F90;
	}

#endereco {
	color:#FFF;
	text-align:center;
	padding-bottom:10px;
	border:0px solid #000;
	}

#endereco a {
	color:#FFF;
	text-decoration:underline;
	}

#endereco a:hover {
	color:#C00;
	text-decoration:underline;
}

#banner_header {
	height:279px;
	border:0px solid #fff;
	}

/* ------------------------------
CABECALHO (fim)
------------------------------ */



/* ------------------------------
CONTEUDO (inicio)
------------------------------ */

#container {
	margin:auto;
	padding:0;
	width:100%;
	text-align:left;
	border:0px solid #0FF;
	}

#contents {
	width:958px;	
	padding-top:5px;
    margin-left: auto;
    margin-right: auto;
	border:0px solid #333;
	/*background-color:#fff;*/
	}
	
#conteudo {
    margin-left: auto;
    margin-right: auto;
	padding-right:55px;
	padding-bottom:50px;
	padding-left:55px;
	text-align:justify;
	background-image:url(../images/bg_conteudo.png);
	background-repeat:no-repeat;
	border:0px solid #00cc00;
	}

/* ------------------------------
CONTEUDO (fim)
------------------------------ */



/* ------------------------------
RODAPE
------------------------------ */

#footer {
	height:40px;
	line-height:40px;
	clear:both;
	text-align: center;
	padding-top:0px;
	margin-top:0px;
	font-size:14px;
	color:#69C;
	background-color:#006; 
	}
	
#footer a {
	color:#fff;
	text-decoration:none;
	}
		
#footer a:hover {
	color:#FC0;
	text-decoration:none;
	}
		
/* ------------------------------
RODAPE 
------------------------------ */



/* ------------------------------
TEXTOS (inicio)
------------------------------ */

.SubTitulo {
	/*font-weight:700;*/
	font-size:18px;
	color:#06C;
}

/* ------------------------------
TEXTOS (fim)
------------------------------ */



/* ------------------------------
FORMULARIOS (inicio)
------------------------------ */

input, textarea, select { 
	padding:9px;
	margin-bottom:10px;
	border: solid 1px #E5E5E5;
	outline: 0;
	/*font: normal 13px/100% Verdana, Tahoma, sans-serif;*/
	font-family: lucida sans unicode, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:15px;
	color: #888888;
	width:300px;
	background: #FFFFFF url('../demo/demo/bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

option { 
	width: 300px;
	max-width: 400px;
	/*height: 150px;*/
	line-height: 150%;
	}

input:hover, textarea:hover, select:hover, option:hover 
input:focus, textarea:focus select:focus, option:hover { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
	
checkbox, radio {
	width: 19px;
	height: 2500px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
}

.form label { 
	margin-left: 10px; 
	color: #999999; 
}

.submit input {
	width: auto;
	padding: 9px 15px;
	margin-left:290px;
	margin-top:20px;
	background:#777;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
}
	
.submit input:hover {
	background:#333;
}
	
div.formulario label{
	display:inline;
}

div.formulario label span{
	display: block;
	float:left;
	width:250px;
	text-align:left;
	padding:10px 20px 0 0;
	border:0px solid #0FF;
}

#divcampo {
	padding-left:120px; 
	padding-top:0px; 
	padding-bottom:0px;
	width:350px;
	border:0px solid #ccc; 
}

#divcampo_checkbox {
	padding-left:0px; 
	padding-top:50px; 
	padding-bottom:0px;
	border:0px solid #ccc; 
}

#divcampo_checkbox input {
	width:20px;
}

#divtit {
	padding-left:0px; 
	display: block;
	float:left;
	width:480px;
	text-align:left;
	padding:10px 20px 0 0;
	border:0px solid #00F;
}

/* ------------------------------
FORMULARIOS (fim)
------------------------------ */




/* ------------------------------
PAGINAS (inicio)
------------------------------ */

/* HOME (inicio) */

#div_home1 {
	width:270px;
	padding-right:35px;
	text-align: left;
	float:left;
	border:0px solid #00F;
	}
	
#div_home2 {
	width:270px;
	text-align: left;
	vertical-align:top;
	float:left;
	border:0px solid #00F;
	}

/* HOME (fim) */

/* LIVROS IN SYNC (inicio) */

#div_livros1 {
	width:270px;
	padding-right:35px;
	text-align: left;
	float:left;
	border:0px solid #00F;
	text-align:center;
	}
	
#div_livros2 {
	width:270px;
	text-align: left;
	vertical-align:top;
	float:left;
	border:0px solid #00F;
	text-align:center;
	}

/* LIVROS IN SYNC (fim) */





/* GALERIA DE FOTOS (inicio) */

	#fotos { 
    /*margin-left: auto;
    margin-right: auto;*/
	padding-left:0px;
	border:0px solid #FF0;
	width:590px;
	} 
	
	#fotos a {
	text-decoration:none;
	} 
	
	#fotos li { 
	display:inline; 
	float:left; 
	width:125px; 
	/*background-color:#f5f7f9; 
	padding:5px; */
	margin:0 0 10px 15px; 
	text-align: center; 
	border:0px solid #FF0;
	/*border-right: #a5a7aa solid 1px; 
	border-bottom: #a5a7aa solid 1px; */
	} 	
	
	/*
	#fotos_ultima li { 
	border:1px solid #FF0;
	} */	

	#fotos img { 
	border:1px solid #036;
	padding:2px;
	} 	

	#fotos h3 { 
	margin-right:12px; 
	margin-bottom:15px; 
	margin-left:0px; 
	padding:5px;
	color:#fff; 
	background-color:#036;
	} 	


/* GALERIA DE FOTOS (fim) */


/* ------------------------------
PAGINAS (fim)
------------------------------ */