/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border-left:0;
} 
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, 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;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {list-style: none;}
table {
	border-collapse: separate;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
/* .clearfix {display:inline-block;}*/
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p, h1,h2,h3,h4,h5,h6,ol {margin-bottom:2px}
a img,img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:20px}/* 26px */
h2{font-size:18px}/* 24px */
h3{font-size:16px}/* 22px */
h4{font-size:14px}/* 20px */
h5{font-size:12px}/* 18px */
h6{font-size:10px}/* 16px */

body {
	background: url(/temas/brasil/cortes/img/background.gif);
}

/* common styling */
.menu {font-family: arial, sans-serif; width:917px; height:44px; position:relative; font-size:11px; z-index:10;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#FFF; height:44px; background:#5A5A5A; line-height:20px; font-size:11px; overflow:hidden;} /* seccoes */
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#FFFFFF; background:#E43A28;}
.menu ul li:hover ul {display:block; position:absolute; top:44px; left:0;}
/*.menu ul li:hover ul li a.hide {background:#d7d7d7; color:#fff;}*/
/*.menu ul li:hover ul li:hover a.hide {background:#000000; color:#FFF;}*/
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#393939; color:#FFF; width:144px; height:25px; margin-left:-2px;}
.menu ul li:hover ul li a:hover {background:#E43A28;} /* onmouseover da subseccao */
.menu ul li:hover ul li img {margin-left:-2px;}
/*.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}*/

#outer {
	width:917px;
	margin:auto;/* center the page*/
	text-align:left;/* reset text back to left due to ie5.x fix */
}

#header {
	width:917px;
}

#logo {
	position:absolute;
	width:106px;
	height:145px;
	overflow:hidden;
	left:10px;
	top:-116px;
	z-index:200;
}

/* tagline code */
#tagline{
	width:937px;
	height:114px;
	margin:0 0 0 0;
	position:relative;
	z-index:1
}

#pesquisa_background{
	position:absolute;
	width:644px;
	height:73px;
	overflow:hidden;
	right:0px;
	top:14px;
	background-image:url(/temas/brasil/cortes/img/pesquisa_background.gif)
}

#form_pesquisa {
	position: absolute;
	left: 9px;
	top: 1px;
	width: 616px;
	height: 72px;
}

#pesquisa {
	position: absolute;
	left: 9px;
	top: 6px;
	width: 293px;
	height: 44px;
	display:inline;
}

#pesquisa img{
	display:inline;
}

#pesquisa span {
	color:#7D7D7D;
	font-size:11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#pesquisa input {
	font-size:10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#pesquisa select {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	display:inline;
}

#registo {
	position:absolute;
	display:inline;
	left: 305px;
	top: 5px;
	height: 69px;
	width: 310px;
}

#registo img {
	display:inline;
}

#registo span {
	color:#7D7D7D;
	font-size:11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display:inline;
}

#registo a {
	color:#7D7D7D;
	font-size:10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	display:inline;
}

#registo input {
	font-size:10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#novoUtilizador {
	position:relative;
	color:#CCCCCC;
	font-size:10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

#novoUtilizador a {
	text-decoration:underline;
	display:inline;
}

#redesSociaisHeader {
	position:absolute;
	width:917px;
	top: 90px;
}

#youtubeHeader {
	float:right;
	margin-right:7px;
}

#facebookHeader {
	float:right;
	margin-right:7px;
}

#twitterHeader {
	float:right;
	margin-right:7px;
}

#rssHeader {
	float:right;
}

#menu_nav {
	background-image:url(/temas/brasil/cortes/img/menu_background.gif);
	height: 44px;
}

ul#nav{
	text-decoration:none;
	padding:0 0px 0 200px;
}
 
#nav li,#nav li a {
	display:inline;
	padding:0px 0px 0 0;
}
/* mac hide \*/
#nav li,#nav li a {
	overflow:visible;
	float:left;
}
/* end hide*/

#nav li a:hover {
	margin-left:-2px;
	padding-right: 2px;
}

/*li#editora a { background: url(/temas/brasil/cortes/img/editora.gif) no-repeat 0 0; width:66px; height:19px;}
li#catalogo a { background: url(/temas/brasil/cortes/img/catalogo.gif) no-repeat 0 0; width:82px; height:19px}
li#autores a { background: url(/temas/brasil/cortes/img/autores.gif) no-repeat 0 0; width:74px; height:19px}
li#noticias a { background: url(/temas/brasil/cortes/img/noticias.gif) no-repeat 0 0; width:73px; height:19px}
li#eventos a { background: url(/temas/brasil/cortes/img/eventos.gif) no-repeat 0 0; width:72px; height:19px}
li#contactos a { background: url(/temas/brasil/cortes/img/contactos.gif) no-repeat 0 0; width:92px; height:19px}

li#editora a:hover { background: url(/temas/brasil/cortes/img/editoraOver.gif) no-repeat 0 0; width:66px; height:19px}
li#catalogo a:hover { background: url(/temas/brasil/cortes/img/catalogoOver.gif) no-repeat 0 0; width:82px; height:19px}
li#autores a:hover { background: url(/temas/brasil/cortes/img/autoresOver.gif) no-repeat 0 0; width:74px; height:19px}
li#noticias a:hover { background: url(/temas/brasil/cortes/img/noticiasOver.gif) no-repeat 0 0; width:73px; height:19px}
li#eventos a:hover { background: url(/temas/brasil/cortes/img/eventosOver.gif) no-repeat 0 0; width:72px; height:19px}
li#contactos a:hover { background: url(/temas/brasil/cortes/img/contactosOver.gif) no-repeat 0 0; width:92px; height:19px}*/

#main {
	width:917px;
	background:#FFF;
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:213px;	
	width:917px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; 
	left: 0;
}
.image_reel img {
	float: left;
}

/*--Paging Styles--*/
.paging {
	position: relative;
	bottom: 20px; left: 825px;
	width: 100px; height:0px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	vertical-align:middle;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 4px 6px 4px 6px;
	text-decoration: none;
	color: #fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background: url(/temas/brasil/cortes/img/banner_img.gif) no-repeat;
}
.paging a.active {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: url(/temas/brasil/cortes/img/banner_imgOver.gif) no-repeat;
}
.paging a:hover {
	background: url(/temas/brasil/cortes/img/banner_imgOver.gif) no-repeat;
}

#separador_banner {
	float:left;
}

#separador_noticias {
	float:left;
}

#main_topo_esq {
	width:350px;
	margin:0 0px 0 0px;
	display:inline;/* cure IE6 double margin bug*/
	float:left;
}

#tituloNoticias {
	position:relative;
	overflow:hidden;
	left:10px;
}

#vertodasNoticias {
	position:absolute;
	right:35px;
	width:53px;
	height:22px;
	z-index:1;
	top: 10px;
}

#textoNoticias {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

#main_topo_esq li {
	display:block;
	padding:10px 0px 10px 10px;
}

#main_topo_esq li img {
	display:inline;
	position:relative;
}

#main_topo_centro {
	float:left;
	padding:20px 10px 5px 10px;
}

#main_topo_dir {
	width:520px;
	display:inline;/* cure IE6 double margin bug*/
	float:left;
} 

#main_topo_dir li {
	display:block;
	padding:10px 0px 10px 20px;
}

#main_topo_dir li img {
	display:inline;
	position:relative;
}

#tituloEventos {
	position:relative;
	overflow:hidden;
	left:20px;
}

#vertodosEventos {
	position:absolute;
	right:10px;
	width:53px;
	height:22px;
	z-index:1;
	top: 10px;
}

#textoEventos {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

#imgEvento {
	padding:0px 5px 0px 0px;
	float:left;
}

#tituloDestaques {
	position:relative;
	padding:5px 0px 5px 0px;
	overflow:hidden;
	left:20px;
}

#bannerDestaques {
	position:relative;
	padding:5px 0px 20px 0px;
	overflow:hidden;
	left:20px;
}

/*--Main Container--*/
.main_viewDestaques {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.windowDestaques {
	height:118px;	
	width:473px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reelDestaques {
	position: absolute;
	top: 0; 
	left: 0;
}
.image_reelDestaques img {
	float: left;
}

/*--Paging Styles--*/
.pagingDestaques {
	position: relative;
	bottom: 20px; left: 382px;
	width: 100px; height:0px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.pagingDestaques a {
	padding: 2px 5px 4px 6px;
	text-decoration: none;
	color: #fff;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background: url(/temas/brasil/cortes/img/banner_img.gif) no-repeat;
}
.pagingDestaques a.active {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: url(/temas/brasil/cortes/img/banner_imgOver.gif) no-repeat;
}
.pagingDestaques a:hover {
	background: url(/temas/brasil/cortes/img/banner_imgOver.gif) no-repeat;
}

#tituloLancamentos {
	background: url(/temas/brasil/cortes/img/lancamentos_background.gif);
	width:917px;
	height:59px;
	float:left;
}

#tituloLancamentos span {
	position:relative;
	overflow:hidden;
	left:11px;
	top:34px;
}

#lancamentos {
	clear:both;
	width:917px;
	height:305px; /*305px*/
	background:transparent; 
}

#menuLancamentos {
	padding:0;
	width:917px;
	overflow:hidden;
	float:left;
}

#menuLancamentos li {
  display:inline;
  list-style-type:none;
  width:112px;
  height:300px;
}

#menuLancamentos li a {
  display:block;
  float:left;
  text-decoration:none; 
  margin:0; 
}

#menuLancamentos li a img {
	margin-right:5px;
	border:0;
	float:left;
	display:block;
}

#menuLancamentos li a span {
	display:none; 
}

#menuLancamentos li a:hover {
	background:#FFF;
}

#menuLancamentos li a:hover span {
	width:186px;
	display:block; 
	cursor:pointer;
	float:left;
}

.textoLancamentos h2 { 
	padding:0; 
	color:#000; 
	font-weight:bold; 
	font-size:16px; 
	border:0;
	display:block;
}

.textoLancamentos {
	padding:0; 
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

.textoLancamentosVermelho { 
	padding:0; 
	font-size:10px; 
	color:#E43A28;
}


#separadorBranco {
	background:#FFF;
	width:917px;
	height:20px;
}

#separadorGradiente {
	background: url(/temas/brasil/cortes/img/lancamentos_background.gif);
	width:917px;
	height:59px;
	clear:both;
}

#main_fundo, #main_fundo_esq, #main_fundo_centro, #main_fundo_dir {
	background:#FFF;
}

#main_fundo {
	width:917px;
	float:left;
}

#main_fundo_esq {
	width:350px;
	margin:0;
	display:inline;/* cure IE6 double margin bug*/
	float:left;
}

#tituloAutores {
	position:relative;
	overflow:hidden;
	left:10px;
	padding-bottom:10px;
}

#vertodosAutores {
	position:absolute;
	right:17px;
	width:53px;
	height:22px;
	z-index:1;
	top: 7px;
}

.textoAutores {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-transform: uppercase;
}

.textoAutores a {
	text-transform: uppercase;
	color:#7D7D7D;
}

.textoAutores a:hover {
	text-decoration:underline;
}

#autores {
	padding-bottom:20px;
}

#main_fundo_esq li {
  display:block;
  padding:0px 0px 5px 10px;
}

#main_fundo_esq li img {
  padding:0px;
  vertical-align:middle;
}

.autor {
	float:right;
	width:176px;
	height:251px;
}

#main_fundo_centro {
	float:left;
	padding:20px 20px 5px 20px;
}

#main_fundo_dir {
	width:526px;
	display:inline;/* cure IE6 double margin bug*/
	float:left;
} 

.tituloMultimidia {
	position:relative;
	overflow:hidden;
	padding-bottom:10px;
}

.videoGrande {
	position:relative;
	float:left;
}

.videoPequenoTopo {
	position:relative;
	overflow:hidden;	
	float:right;
	right:20px;
	top:-204px;
}
#videoPequenoTopo-1, #videoPequenoTopo-2, #videoPequenoTopo-3 {
	position:absolute;
	top:0px;
	margin-left:0px;
	display:block;
	width:144px;
	height:90px;
	z-index:20;
	cursor:pointer;
}

.videoPequenoFundo {
	position:relative;
	float:right;
	top:-110px;
	right:-124px;
}
#videoPequenoFundo-1, #videoPequenoFundo-2, #videoPequenoFundo-3 {
	position:absolute;
	top:0px;
	margin-left:0px;
	display:block;
	width:144px;
	height:90px;
	z-index:20;
	cursor:pointer;
}
.textoVideoGrande {
	position:relative;
	float:left;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	width:339px;
}

.textoVideoPequenoTopo, #textoVideoPequenoTopo-1, #textoVideoPequenoTopo-2, #textoVideoPequenoTopo-3 {
	position:relative;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	width:144px;
	display:block;
	height:15px;
	overflow:hidden;
}
.textoVideoPequenoTopo:hover, #textoVideoPequenoTopo-1:hover, #textoVideoPequenoTopo-2:hover, #textoVideoPequenoTopo-3:hover {
	cursor:pointer;
}

.textoVideoPequenoFundo, #textoVideoPequenoFundo-1, #textoVideoPequenoFundo-2, #textoVideoPequenoFundo-3 {
	position:relative;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
	width:144px;
	display:block;
	height:15px;
	overflow:hidden;
}
.textoVideoPequenoFundo:hover, #textoVideoPequenoFundo-1:hover, #textoVideoPequenoFundo-2:hover, #textoVideoPequenoFundo-3:hover {
	cursor:pointer;
}

#footer {
	clear:both;
	background:#CCC;
	width:917px;
	height:26px;
	text-align:right;
	vertical-align:middle;
}

#textoFooter {
	padding:8px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
}

#textoFooter a {
	text-decoration:none;
}

#textoFooter a:hover {
	text-decoration:underline;
}