@charset "utf-8";

/**
 *
 * Formatação de elementos em geral
 *
 **/
* {
	font-family:"Microsoft Sans Serif", Arial, "Trebuchet MS", Tahoma, sans-serif;
	margin:0;
	padding:0;
}

body { background:#322c1e url(../imagens/bg-body.png) repeat-x top; }

a {
	color:#ffc;
	text-decoration:none;
}

img { border:none; }



/**
 *
 * Principal
 *
 **/
div#principal {
	position:relative;
	width:770px;
	height:595px;
	margin:0 auto;
}



/**
 *
 * Header
 *
 **/
div#header {
	position:relative;
	width:770px;
	height:70px;
	border-bottom:1px solid #3b3423;
}

div#header hr { display:none; }



/**
 *
 * Logotipo
 *
 **/
div#principal div#header h1 {
	position:absolute;
	top:0;
	left:0;
	width:194px;
	height:70px;
}

div#principal div#header h1 a {
	display:block;
	width:194px;
	height:70px;
	text-indent:-9999px;
	background:url(../imagens/cesar-cruz.png) no-repeat left top;
	outline:none;
}

div#principal div#header h1 a img { display:none; }



/**
 *
 * Menu
 *
 **/
div#principal div#header ul {
	float:right;
	padding-right:1px;
	background:url(../imagens/divisoria-menu.png) no-repeat top right;
	list-style-type:none;
}

div#principal div#header ul li {
	display:inline;
	float:left;
	height:70px;
	padding-left:1px;
	background:url(../imagens/divisoria-menu.png) no-repeat left top;
}

div#principal div#header ul li a {
	display:block;
	height:24px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	font-size:80%;
	font-weight:bold;
	color:#ccbf84;
	padding:32px 15px 14px;
	background:#1d1a12 url(../imagens/bg-links-menu.png) repeat-x 0 0;
}

div#principal div#header ul li a:hover,
div#principal div#header ul li a.active {
	color:#ffc;
	background:#383022 url(../imagens/bg-links-menu.png) repeat-x 0 -70px;
}

div#principal div#header ul li a:hover span,
div#principal div#header ul li a.active span { border-bottom:1px dotted #ffc; }



/**
 *
 * Conteúdo principal
 *
 **/
div#principal div.conteudo {
	position:relative;
	width:770px;
	height:459px;
	padding-top:20px;
}

div#principal div.conteudo h1 {
	height:35px;
	line-height:35px;
	font-size:160%;
	color:#ccbf84;
	margin-bottom:15px;
}

div#principal div.conteudo p {
	font-size:80%;
	color:#ccbf84;
	margin:0 0 15px;
}

div#principal div.conteudo p a { border-bottom:1px dotted #ccbf84; }



/**
 *
 * Rodapé
 *
 **/
div#footer {
	position:relative;
	width:770px;
	height:30px;
	margin:0 auto;
	padding-bottom:20px;
}

div#footer hr { display:none; }

div#footer p a {
	display:block;
	float:right;
	width:48px;
	height:30px;
	text-indent:-9999px;
	background:url(../imagens/paulo-de-tarso.png) no-repeat left top;
}



/**
 *
 * Acervo
 * http://www.cesarcruz.com.br/acervo/
 *
 **/
div#principal div#conteudo-acervo {
	height:479px;
	padding-top:0;
}

div#principal div#conteudo-acervo h1 { display:none; }

div#principal div#conteudo-acervo ul#fotos {
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:770px;
	height:525px;
	list-style-type:none;
	overflow:hidden;
	z-index:1;
}

div#principal div#conteudo-acervo ul#fotos li {
	position:relative;
	width:770px;
	height:525px;
	overflow:hidden;
}


/* Foto */
div#principal div#conteudo-acervo ul#fotos li img {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:770px;
	height:480px;
}


/* Descrição do produto */
div#principal div#conteudo-acervo ul#fotos li p.descricao {
	position:absolute;
	top:480px;
	left:0;
	width:770px;
	height:45px;
	line-height:45px;
	text-align:center;
	margin:0;
}


/* Carregando */
div#principal div#conteudo-acervo p#loading {
	position:absolute;
	top:0;
	left:0;
	width:770px;
	height:479px;
	margin:0;
	background-color:#000;
	z-index:2;
}

div#principal div#conteudo-acervo p#loading img {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	width:128px;
	height:15px;
	margin:-8px 0 0 -64px;
}

div#principal div#conteudo-acervo noscript p#aviso {
	position:absolute;
	top:0;
	left:0;
	width:770px;
	height:479px;
	line-height:479px;
	text-align:center;
	margin:0;
	background-color:#000;
	z-index:3;
}


/* Controles do slideshow */
div#principal div#conteudo-acervo ul#controls {
	position:absolute;
	bottom:20px;
	left:0;
	display:none;
	width:166px;
	height:40px;
	background:url(../imagens/bg-controls.png) no-repeat left top;
	list-style-type:none;
	z-index:4;
}

div#principal div#conteudo-acervo ul#controls li {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
}


div#principal div#conteudo-acervo ul#controls li h1#title-bar {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:166px;
	height:10px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:move;
	z-index:5;
}


/* Contador */
div#principal div#conteudo-acervo ul#controls li strong#count {
	position:absolute;
	top:15px;
	left:6px;
	display:block;
	width:73px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:55%;
	color:#ccbf84;
	z-index:6;
}

div#principal div#conteudo-acervo ul#controls li strong#count em { font-style:normal; }

div#principal div#conteudo-acervo ul#controls li span {
	position:absolute;
	top:15px;
	display:block;
	width:20px;
	height:20px;
	text-indent:-9999px;
	background:#685b44 url(../imagens/botoes.png) no-repeat;
	outline:none;
	cursor:pointer;
}


/* Anterior */
div#principal div#conteudo-acervo ul#controls li span#prev {
	left:90px;
	background-position:0 0;
	z-index:7;
}
div#principal div#conteudo-acervo ul#controls li span#prev:hover { background-position:0 -20px; }


/* Próxima */
div#principal div#conteudo-acervo ul#controls li span#next {
	left:140px;
	background-position:0 -40px;
	z-index:8;
}
div#principal div#conteudo-acervo ul#controls li span#next:hover { background-position:0 -60px; }


/* Pause */
div#principal div#conteudo-acervo ul#controls li span#pause {
	left:115px;
	background-position:0 -80px;
	z-index:9;
}
div#principal div#conteudo-acervo ul#controls li span#pause:hover { background-position:0 -100px; }


/* Play */
div#principal div#conteudo-acervo ul#controls li span#play {
	left:115px;
	background-position:0 -120px;
	z-index:9;
}
div#principal div#conteudo-acervo ul#controls li span#play:hover { background-position:0 -140px; }


/* Tool tip */
div#tool-tip {
	width:86px;
	height:52px;
	text-align:center;
	font-size:60%;
	padding:5px 5px 15px;
	background:url(../imagens/bg-tool-tip.png) no-repeat left top;
	z-index:10;
}



/**
 *
 * Sobre Nós
 * http://www.cesarcruz.com.br/sobre-nos/
 *
 **/
div#principal div#conteudo-sobre-nos { background:url(../imagens/sobre-nos.jpg) no-repeat bottom; }



/**
 *
 * Fale conosco
 * http://www.cesarcruz.com.br/fale-conosco/
 *
 **/

/* Dados de contato */
div#principal div#conteudo-fale-conosco ul#dados-de-contato {
	float:right;
	width:260px;
	font-size:80%;
	color:#ffc;
	list-style-type:none;
}

div#principal div#conteudo-fale-conosco ul#dados-de-contato li { margin-bottom:30px; }

div#principal div#conteudo-fale-conosco ul#dados-de-contato li strong.title {
	display:block;
	font-size:120%;
	color:#ccbf84;
	margin-bottom:6px;
	padding-bottom:3px;
	border-bottom:1px dotted #ccbf84;
}

div#principal div#conteudo-fale-conosco ul#dados-de-contato li ul { list-style-type:none; }

div#principal div#conteudo-fale-conosco ul#dados-de-contato li ul li { margin-bottom:8px; }


/* Horário marcado */
div#principal div#conteudo-fale-conosco ul#dados-de-contato li ul li strong#horario-marcado { font-size:90%; }


/* Campos obrigatórios */
div#principal div#conteudo-fale-conosco p#campos-obrigatorios {
	width:490px;
	font-size:60%;
	padding-bottom:5px;
}

div#principal div#conteudo-fale-conosco p#campos-obrigatorios strong { font-size:130%; }


/* Formulário */
div#principal div#conteudo-fale-conosco form#contato fieldset {
	width:490px;
	font-size:80%;
	border:none;
}


/* Label */
div#principal div#conteudo-fale-conosco form#contato fieldset label {
	display:block;
	height:18px;
	line-height:18px;
	font-size:90%;
	color:#ccbf84;
	margin-bottom:1px;
}


/* Input, Textarea */
div#principal div#conteudo-fale-conosco form#contato fieldset input,
div#principal div#conteudo-fale-conosco form#contato fieldset textarea {
	display:block;
	height:20px;
	line-height:20px;
	font-size:90%;
	color:#ffc;
	margin-bottom:5px;
	padding:2px;
	background-color:#0e0d09;
	border:1px solid;
	border-color:#2e281b #ccbf84 #ccbf84 #2e281b;
}


/* Nome, e-mail */
div#principal div#conteudo-fale-conosco form#contato fieldset input#nome,
div#principal div#conteudo-fale-conosco form#contato fieldset input#email { width:400px; }


/* Telefone */
div#principal div#conteudo-fale-conosco form#contato fieldset input#telefone { width:100px; }


/* Formato (telefone) */
div#principal div#conteudo-fale-conosco form#contato fieldset p#formato {
	font-size:70%;
	margin-top:-4px;
}


/* Mensagem */
div#principal div#conteudo-fale-conosco form#contato fieldset textarea {
	width:484px;
	height:100px;
	line-height:18px;
}


/* Contador de caracteres */
div#principal div#conteudo-fale-conosco form#contato fieldset p#contador {
	float:right;
	margin:0;
}


/* Botão "Enviar" */
div#principal div#conteudo-fale-conosco form#contato fieldset button {
	display:block;
	width:70px;
	height:26px;
	font-size:80%;
	font-weight:bold;
	color:#ffc;
	margin-top:10px;
	background:#000 url(../imagens/bg-button.png) no-repeat left top;
	border:none;
}


/* br's */
div#principal div#conteudo-fale-conosco form#contato fieldset br { display:none; }



/**
 *
 * Mensagem enviada
 * http://www.cesarcruz.com.br/mensagem-enviada/
 *
 **/
div#principal div#conteudo-mensagem-enviada { background:url(../imagens/mensagem-enviada.jpg) no-repeat right 50px; }



/**
 *
 * Página não encontrada
 *
 **/
div#principal div#conteudo-not-found { background:url(../imagens/pagina-nao-encontrada.jpg) no-repeat 550px 50px; }

div#principal div#conteudo-not-found p { width:458px; }

div#principal div#conteudo-not-found ul {
	font-size:80%;
	color:#ccbf84;
	margin:0 0 25px 25px;
}

div#principal div#conteudo-not-found ul li { margin-bottom:5px; }

div#principal div#conteudo-not-found ul li a { border-bottom:1px dotted #ccbf84; }


/* Endereço acessado */
div#principal div#conteudo-not-found p#url {
	width:446px;
	padding:5px;
	background:#211d14 url(../imagens/bg-descricao-produtos.png) repeat-x top;
	border:1px solid #2e281b;
	border-top:none;
}