@charset "UTF-8";
/* Escrita Online Website - Beta Version - November 2007*/
/* Designed by Equylybra (Marcell Branco) - All rights reserved */
/* Default CSS Styles - Screen */

/* estilos da loja */
@import url("loja.css");

/* Elementos gerais */
body { margin: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #000 url(../img/defaultElements/bodyBackground.png) top left repeat-x fixed; }
a { color: #333; text-decoration: none; }
a:hover { color: #CC3300; text-decoration: underline; }
div,ul,ol,li,dl,dt,dd,pre,form,input { margin: 0; padding: 0; }
ul,ol { list-style: none; }
img { border: none; }

.column.first { margin-left: 0 !important; }

ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }

/* Caixa Principal */
#MainContainer { width: 900px; margin: auto; background: #FFF url(../img/defaultElements/MainContainer_bgMiddle.png) top left; }

/* Header */
div#header { width: 870px; height: 150px; position: relative; margin: 0; padding: 0 15px; background: url(../img/defaultElements/MainContainer_bgTop.png) top left no-repeat; }
#sacola { float:left; width: 106px; height: 137px; margin-top: 13px; display:inline }
#logo { float:left; width: 182px; height: 101px; margin-top: 13px; display:inline }
#top_banner { float: right; position: absolute; top: 10px; right: 0; height: 92px; margin: 0; }

#boxSearch { width: 300px; height: 51px; float: right; position: absolute; top: 57px; right: 220px; background: url(../img/header/boxSearch.png) top left no-repeat; }
	#boxSearch form { margin: 15px 0 0; padding: 0 0 0 55px; }
	#boxSearch div { float: left; margin: 0 1px; }
	#boxSearch #keywords { width: 100px; height: 14px; font-size: 12px; padding: 2px 0 0 3px; }
	#boxSearch #target { width: 100px; height: 18px; padding: 0 0 0 3px; font-size: 10px; }
	#boxSearch #target option { padding: 0 0 1px 10px;  }
	#boxSearch .okButton { width: 24px; height: 19px; background: url(../img/defaultElements/okButton.png); margin: 0 1px; border: none; cursor: pointer; }
	#boxSearch div#AdvSearchLink { float: right; font-size:10px; margin: 1px 10px 0 0; }
	
	/* Hack para IE 7 */
	*:first-child+html #boxSearch #keywords { margin-top: -1px; padding-top: 1px; }
	*:first-child+html #boxSearch #target { height: 20px; padding: 0 0 1px 3px; }
	*:first-child+html #boxSearch .okButton { margin: 0; }
	
	/* Hack para IE 6 */
	* html #boxSearch div#AdvSearchLink { margin: -14px 6px 0 0; }
	* html #boxSearch #keywords { margin-top: -1px; padding-top: 1px; }
	* html #boxSearch #target { height: 20px; padding: 0 0 1px 3px; }
	* html #boxSearch .okButton { margin: 0; }
	
#boxCart { width: 200px; height: 51px; float: right; position: absolute; top: 57px; right: 15px; background: url(../img/header/boxCart.png) top left no-repeat; text-align: right; font-size: 11px; }
	#boxCart a { text-decoration: none; }
	#boxCart div { height: 24px; margin: 6px 0 0; padding: 26px 7px 0 0; cursor: pointer; }

/* Mensagem de Erro do Aplicativo */
.messageStackError { padding: 2px 6px; text-align:center; margin: 0 15px; border: 1px solid #CCC; background-color: #CC3300; }
.ApplicationWarning { padding: 2px 23px 0 19px; }
.ApplicationWarning td.messageStackWarning, .messageStackSuccess td.messageStackSuccess { padding: 4px 6px; text-align:center; border: 2px solid #FBF5E1; background-color: #E9E1C9; color: #000; }
.ApplicationWarning td.messageStackError, .messageStackSuccess td.messageStackSuccess { padding: 4px 6px; text-align:center; border: 2px solid #FBF5E1; background-color: #E9E1C9; color: #000; }

/* Content Holders */
#ContentHolder { vertical-align: top; margin: 4px 0; padding: 0 15px; text-align: left; }
	/* Hack para IE6 */
	* html #ContentHolder { margin-top: 0; }
#BlackContainer { color: #E6E6E6; min-height: 400px; width: 854px; padding: 6px 8px; background: #000 url(../img/defaultElements/black_bg.jpg) bottom no-repeat; }
#BlackContainer p { margin-left: 6px; margin-right: 6px; text-align: justify }
#BlackContainer td { vertical-align: top; }

#ShopHeader { height: 40px; background: url(../img/titulos/background.jpg) top left repeat-x; }
	#ShopHeader #tabs { float: right; margin: 11px 0 0; }
	#ShopHeader #tabs li { display: inline; }
	#ShopHeader #tabs li .tab { margin: 0 3px 0 0; padding: 3px 8px 2px; font-size: 11px; float: left; cursor: pointer; border: 1px solid #CCC; border-bottom: none; background: url(../img/defaultElements/tab.png) top left repeat-x; }
	
/* Columns */
#SideLeft { width: 190px; margin: 4px 4px 0 0; float: left; min-height: 200px; }
#SideRight { width: 190px; margin: 4px 0 0 4px; float: left; min-height: 200px; }
	#SideLeft .BoxFooter, #SideRight .BoxFooter { height: 6px; background: url(../img/Boxes/BoxFooter.gif) top left no-repeat; margin-bottom: 8px; }

#Center { width: 456px; margin: 0 4px 0; float: left; }
#CenterLarge { width: 656px; margin: 0 0 0 4px; float: left; }
	
	#Center .ApplicationWarning, #CenterLarge .ApplicationWarning { padding: 2px 2px 1px; }
	#Center .ApplicationWarning .messageStackError, #CenterLarge .ApplicationWarning .messageStackError { padding: 4px 6px; text-align:center; border: 1px solid #666;  background: #FFF url(../img/defaultElements/CenterBoxBackground.png) 1px 1px no-repeat; color: #000; }
	#Center .TextVisitorsCart, #CenterLarge .TextVisitorsCart { margin: 1px 2px 0; padding: 4px 6px; text-align:center; border: 1px solid #666;  background: #FFF url(../img/defaultElements/CenterBoxBackground.png) 1px 1px repeat-x; color: #000; font-size: 11px; }
	#Center .TextVisitorsCart a, #CenterLarge .TextVisitorsCart a { color: #CC3300; }

.CenterBox { min-height: 200px; margin: 0 2px 8px; padding: 0 4px 0; color: #000; border: 1px solid #999;  background: #FFF url(../img/loja/CenterBoxBackground.png) 1px 1px repeat-x; }

#CenterBox { width: 440px; min-height: 200px; margin: 4px 8px 0; padding: 0 4px; float: left; color: #000; border: 1px solid #999; background: #FBF5E1 url(../img/defaultElements/CenterBoxBackground.png) 2px 2px no-repeat; }
	.FixHeight { clear: both; height: 1px; }

/* Side Containers */
.SideTab { height: 20px; width: 182px; padding: 6px 0 0 8px; font-size: 11px; color: #000; background: url(../img/Boxes/TabBackground.png) top left no-repeat; font-weight: bold;  }
.SideContent { height: auto; width: 180px; color: #333; padding: 5px 4px; background-color: #FFF; border: 1px solid #CCC; border-top: none; border-bottom: none; }
.SideContent ul { list-style-type: none; margin: 0; padding: 0; }
.SideContent li { margin: 2px 0; } 
.SideContent li div { padding: 6px 8px; background:#F2F1EC; }
.SideContent li div:hover { background: url(../img/defaultElements/SideContentDivHoverBackground.png); color: #000000; text-decoration: none; font-weight: bold; }
.SideContent li a:hover { text-decoration: none; }

/* Center Containers */
.CenterTab { height: 23px; color: #000; margin: 4px 2px; padding: 0; border: 1px solid #978779; background: #FAC905 url(../img/defaultElements/CenterTabBackground.png) top repeat-x; color: #000; }
.CenterTab span { margin-left: 10px; font-weight: bold; font-size: 10px; }
.CenterTab a { color: #000; }
.CenterTab a:hover { color: #000; }
.CenterContent { min-height: 385px; margin: 0 2px 4px; padding: 5px 12px 10px 12px; color: #333; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-top: none; }
.CenterContent h1 { font-size: 16px; color: #000; margin: 16px 0 4px; }
.CenterContent h4 { font-size: 13px; color: #000; font-weight: normal; margin: 4px 0 20px; }
.CenterContent h4 p { margin: 0; }
.CenterContent h5 { font-size: 10px; color: #333; margin-left: 0; margin-right: 0; } 
.CenterContent p { margin-left: 0; margin-right: 0; }
.CenterContent p strong { color: #000; }
.CenterContent .NoticiaData { color: #666666; padding: 5px 2px; border-bottom: 1px solid #999999; }
.CenterContent .NoticiaTitulo { font-weight: bold; margin: 8px 4px 4px; }
.CenterContent .NoticiaComentario { margin: 4px 4px 22px 4px; }
.CenterContent .NoticiaComentario p { margin: 0; }
.CenterContent .Agenda { height: 387px; background: url(../img/defaultElements/calendario.jpg) bottom right no-repeat; }
.CenterContent .AgendaNome { font-weight: bold; margin: 8px 4px 2px; }
.CenterContent .AgendaData { margin: 2px 4px 22px 4px; }
.CenterContentText p { margin-top: 0; }
.CTLarge { width: 612px; height: 17px; margin: 4px 0 4px 10px; background: #FAC905 url(../img/defaultElements/CenterTabBackgroundLarge.png) top left no-repeat; padding: 4px 6px; font-weight: bold; }
.CCLarge { width: 600px; min-height: 387px; margin: 0 0 0 10px; padding-top: 20px }
.CCPanel { width: 612px; margin: 0 0 0 10px; min-height: 394px; padding: 4px 6px }

.CCGaleria { width: 624px; min-height: 387px; margin: 0 0 0 10px; padding: 12px 0 }
.CenterContent div.album { width: 288px; height: auto; padding: 10px; margin: 5px 0; border: 1px solid #CCC; float: left; background: #FFF url(../img/defaultElements/albunsBackground.png) bottom repeat-x; }
.CenterContent div.album_right {margin: 5px 0 5px 5px; }
.CenterContent div.album:hover { cursor: pointer; border: 1px solid #C2A469; background: #FAF3E7 url(../img/defaultElements/albunsBackgroundHover.png) bottom repeat-x; }
.CenterContent div.album div.imagem { float: right; width: 140px; text-align:right }
.CenterContent div.album div.detalhes { float: left; width: 148px; }
.CenterContent div.album div.detalhes span { margin: 4px 0 8px; display: block; }
.CenterContent div.album div.detalhes span.titulo { font-size: 13px; font-weight: bold; color:#000 }
.CenterContent div.album div.detalhes span.descricao { font-size: 12px; font-weight: normal; color:#333 }
.CenterContent div.album div.detalhes span.data { font-size: 11px; font-weight: normal; color:#666 }

/* Galeria de fotos da Área Conheça a Escrita */
.ShowCasePictures { width: 816px; height: 120px; padding: 25px 5px 5px 5px; border: none; overflow-x: hidden; overflow-y: hidden; }
.ShowCasePictures td { padding: 0 6px; }

/* Slide Drawers - Telhas*/

.SideDrawer { height: 406px; width: 190px; margin-bottom: 10px; background: #fbf8ef url(../img/defaultElements/shinglesBackground.png) bottom no-repeat; }
.SideDrawer h2 { background: url(http://images.apple.com/support/home/images/header_184bg.png) no-repeat; }
.SideDrawer .drawers { margin: 0; position: relative; overflow: hidden; height: 100%; }
.SideDrawer .drawers li { display: block; position: absolute; top: 0; z-index: 1; width: 100%; }
.SideDrawer .drawers img.photo { display: block; margin: 2px 3px 0 3px; }
.SideDrawer .drawers .hidden { height: 115px; width: 188px; background-color: #fbf8ef; border-left: 1px solid #999; border-right: 1px solid #999; overflow: hidden }
.SideDrawer .drawers .handle { display: block; padding: 16px 10px 8px; height: 56px; margin-bottom: -6px; background: url(../img/defaultElements/shinglesHandleBackground.png) -190px 100% no-repeat; overflow: hidden; }
.SideDrawer .drawers .handle:hover { text-decoration: none; }
.SideDrawer .drawers .handle strong { display: block; font-size: 13px; color: #333; font-weight: bold; height: 18px; white-space: nowrap; overflow: hidden; }
.SideDrawer .drawers .handle .description { color: #333; height: 28px; overflow: hidden; line-height: 14px; }
.SideDrawer .drawers .handle .more { color: #2971a7;}
.SideDrawer .drawers li.obscured .handle { background-position: 0 100%; }
.SideDrawer .drawers li.obscured .handle .description { color: #666; }

/* Estilos para Spry Tabbed Panels (version 0.4 - Spry Pre-Release 1.6) -> Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
.TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; }
.TabbedPanelsTabGroup { margin: 0 4px; padding: 0px; }
.TabbedPanelsTab { position: relative; top: 2px; float: left; padding: 3px 8px 2px; margin: 0 3px 0 0; font-size: 11px; color: #000; background: #BDAF7E url(../img/tabbedPanels/Tabs.png); list-style: none; border-left: solid 1px #CCC; border-bottom: solid 1px #999; border-top: solid 1px #999; border-right: solid 1px #999; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; }
.TabbedPanelsTabHover { background: #DFC23F url(../img/tabbedPanels/TabHover.png); }
.TabbedPanelsTabSelected { top: 1px; border: 1px solid #999; border-bottom: none; padding-bottom: 4px; background: #FFF url(../img/defaultElements/tab.png) top left repeat-x; }
.TabbedPanelsTab a { color: black; text-decoration: none; }
.TabbedPanelsContentGroup { clear: both; margin: 0 4px; border: solid 1px #999; background-color: #FFF }
.TabbedPanelsContent { padding: 24px 12px 10px; color: #333; }
.TabbedPanelsContentVisible { }
.VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #FFF; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; }
.VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; }
.VTabbedPanels .TabbedPanelsTabSelected { background-color: #FFF; border-bottom: solid 1px #999; }
.VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; }

/* Estilos para Pagina��o Virtual em DMTHL */
.VirtualPage { /*hide the broken up pieces of contents until script is called. Remove if desired*/
  display: none; text-align: center; background: url(../img/defaultElements/ThumbsLinkBackground.png) top no-repeat; padding: 12px 0 8px; margin: 0 4px; height: 136px; cursor: pointer; }
.VirtualPage p { /*hide the broken up pieces of contents until script is called. Remove if desired*/
  margin: 8px 0; font-weight: bold; }
.VirtualPageBoxName { font-size: 13px; font-weight: bold; text-align: center; margin: 10px 0 8px 3px; }

.PaginationStyle { /*Style for demo pagination divs*/
  text-align: center; padding: 2px 0 0 0; margin: 10px 0; }
.PaginationStyle span { margin: 0 0 18px 0; display: block; }
.PaginationStyle .flatview a { padding: 1px 4px 3px 4px; margin: 0 0 4px 0; border: 1px solid #CCC; font-weight: bold; }
.PaginationStyle a { /*Pagination links style*/
  padding: 0 2px; text-decoration: none; color: #000; background-color: white; }
.PaginationStyle a:hover, .PaginationStyle a.selected { }
.PaginationStyle a.imglinks { /*Pagination Image links style (class="imglinks") */
  border: 0; padding: 0; }
.PaginationStyle a.imglinks img { vertical-align: bottom; border: 0; }
.PaginationStyle a.imglinks a:hover { background: none; }
.PaginationStyle .flatview a:hover, .PaginationStyle .flatview a.selected { /*Pagination div "flatview" links style*/
  color: #000; background-color: #F0D47D; border: 1px solid #999999; }

/* Ajax Accordion -------------------------------------------------------*/
#tips_accordion { padding: 0 0 0 0; width: 188px; background: none; }
.accordion_toggle { padding: 4px 8px 12px 8px; border-bottom: 2px solid #CCCCCC; background-color: #FFFFFF; }
.accordion_toggle:hover { background: #FFFFFF url(../img/defaultElements/toggleEffectBackground.png) bottom no-repeat; border-bottom: none; }
.accordion_toggle div { text-align: center; }
.accordion_toggle h3 { font-size: 11px; margin: 12px 0 2px 0; }
.accordion_toggle p { margin: 0 2px; }
.accordion_toggle p a { color:#CC3300; font-weight: bold; }
/* End of Ajax Accordion ------------------------------------------------------ */

.pageTitle { position: relative; padding-bottom: 3px; margin-bottom: 5px; border-bottom: 1px solid #333333; }
.pageTitle img { display: block; }
.pageTitleSection { font-size: 12px; color: #CC3300; margin: 2px 0; padding: 0 2px 6px 20px; display: inline; background:url(../img/titulos/arrowTituloOrange.gif) 0 5px no-repeat; }

/* Jump menu para sele��o de generos na Loja Virtual */
#generosNav { font-size: 11px; width: 380px; padding-left: 26px; display: inline; background:url(../img/titulos/arrowTituloBlack.gif) 5px 5px no-repeat; }
#generosNav form { margin: 4px 6px; }
#generosNav select { font-size: 11px; }

/* Containers para demostra��o de produtos -> quando categoria n�o est� especficada */
.showCaseTab { width: 636px; height: 30px; margin-top: 15px; background: url(../img/titulos/productContainerTabBackground.gif) no-repeat; }
.showCaseTabSorter { font-size: 10px; float: right; padding: 5px 6px; }
.showCaseTab select { font-size: 10px; }
.showCaseContent { width: 626px; height: 186px; padding: 5px 5px; border: 1px solid #CCCCCC; border-top: none; background: url(../img/defaultElements/showCaseContent_bg.png) repeat-x; overflow-x: scroll; overflow-y: hidden; }
.showCaseContent td { padding: 6px; vertical-align: middle; background-color: #FFFFFF; border: 1px solid #B1B089; }
.showCaseContent td div { width: 286px; }
.showCaseCategoriaContent { width: auto; height: auto; padding: 5px 5px; border: 1px solid #CCCCCC; border-top: none; background: url(../img/defaultElements/showCaseContent_bg.png) repeat-x; }
.showCaseCategorias table { width: 100%; margin-top: 18px; }
.showCaseCategorias td { padding: 6px; width: 50%; vertical-align: middle; background-color: #FFFFFF; border: 1px solid #B1B089; }
.showCaseCategoriasStatisticas { margin: 2px 8px; font-size: 10px; }
.showCaseProductName { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 2px 0 6px 0; }
.showCaseProductAutorMarca { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin-top: 6px; }
.showCaseProductPrecoNormal { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; margin-bottom: 2px; text-decoration: line-through; }
.showCaseProductPrecoDestaque { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CC3300; margin-top: 2px; }

/* Webmail Login */
#webmail { width: 190px; margin: auto; margin-top: 40px; }
#webmail div { padding: 4px 0; width: 190px; text-align: right; }
#webmail div div.label { padding: 0; width: 50px; float:left }
#webmail div select { font-size: 11px; }
#webmail div.button { text-align: center; }
#webmail div.button input { margin-top: 12px; }

/* Rodap� */
#footer { width: 870px; padding: 0 15px 30px; font-size: 10px; color: #333; text-align: left; background: url(../img/defaultElements/MainContainer_bgBottom.png) bottom no-repeat; clear: both; }
#footer #nav { height: 19px; margin: 0 0 10px 0; padding: 6px 6px 0; text-align: center; background: url(../img/topNav/topNav_bgCenter.png); border-left: 1px solid #E0D1A5; border-right: 1px solid #E0D1A5; }
	/* Hack para IE6 */
	* html #footer #nav ul { margin-bottom: 0; }

#footer #nav li { display: inline; margin: 0 3px; }
#footer li a { color: #000; }
#footer a { color: #333; }
#footer a:hover { color: #CC3300; }
#footer p { margin: 2px 6px; clear: both; }