@charset "utf-8";
/* =============================================================================

CSS Document 

Cliente: CEMITÉRIO JARDIM PARQUE DOS IPES
Projeto: Website

============================================================================= */

@import url("textos.css");

/* =============================================================================
HTML
============================================================================= */

* {margin:0; padding:0;}
html, body {font:11px Verdana, Geneva, sans-serif; background:#4cb398 url(../images/bg_website.jpg) repeat-x; color:#6e6f6f;}
a {color:#4cb398; text-decoration:none;}
a:active, a:focus, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
img {border:none;}
.ativo {font-weight:bold;}

/* =============================================================================
GERAL
============================================================================= */

#transparencia {width:880px; background:url(../images/bg_transparencia.png) repeat-y; margin:0 auto; padding:8px 0;}
#limites {width:860px; margin:0 auto; background:#FFF; padding-bottom:20px; border-left:#f0f0f0 solid 1px; border-right:#f0f0f0 solid 1px;}

.acabamento { background:url(../images/topo_acabamento.gif) no-repeat; height:16px; width:860px; margin:0 auto;}
.topo-frase {background:url(../images/bg_topo_frase.gif) no-repeat; height:120px;}
.borda-foto { background:url(../images/borda_foto.gif) no-repeat; width:842px; height:139px; margin:0 auto;}

.esquerda {float:left; min-width:1px;}
.direita {float:right; min-width:1px;}
.clear {clear:both; height:0; text-indent:-9999px;}

a.logo {background:url(../images/logo_cemiterio.gif) no-repeat; width:149px; height:110px; text-indent:-9999px; display:block; margin:2px 0 0 25px; position:absolute;}

	.conteudo {width:835px; margin:30px auto 0 auto;}
		#breadcrumb { float:right; margin:95px 35px 0 0; color:#268c72;}
		#breadcrumb strong {font-size:14px;}
		.voltar { margin-top:20px;}

	#rodape {margin:20px auto;width:880px; text-align:center; color:#FFF;}

		#menu {float:left; margin:0 0 0 5px; padding:0; height:26px; display:block; width:832px; font:12px Georgia, "Times New Roman", Times, serif; font-weight:bold; background:url(../images/bg_menu.gif) repeat-x;}
		#menu li {float:left; padding:0; margin:0; list-style:none;}
		#menu li a {display:block; height:26px; line-height:26px; padding:0 12px; color:#fff;}
		#menu li a:hover, a.ativo {background: url(../images/bg_menu_over.gif) repeat-x; color:fff; text-decoration:none;}
			#menu li ul {display:none; position:absolute; z-index:5; margin:0; background:#fff; padding:0; min-width:140px; border:#dbdad4 solid 1px; }
			#menu li:hover ul, #menu .ie6hover ul {display:block; }
			#menu li ul li {float:none; border-bottom:1px solid #dbdad4; background:none;}
			#menu li ul li a {background:none; text-indent:0px; height:auto; padding:8px; font:12px Verdana, Geneva, sans-serif; font-weight:normal; color:#7b7c76; padding-right:28px;}
			#menu li ul li a:hover {text-decoration:none; background:#f2f2f2; color:#7b7c76; }


/* =============================================================================
HOME
============================================================================= */

	.box-noticias {width:203px; background:url(../images/box_noticias_bg.gif) repeat-y;}
	.box-noticias-topo {height:24px; background:url(../images/box_noticias_topo.gif) no-repeat;}
	.box-noticias-rodape {height:14px; background:url(../images/box_noticias_rodape.gif) no-repeat;}
	.box-noticias a {color:#6e6f6f;}
	
	.box-mensagem {width:403px; background:#f2fcf8 url(../images/box_mensagem_bg.gif) repeat-y; margin:0 12px;}
	.box-mensagem-topo {height:24px; background:url(../images/box_mensagem_topo.gif) no-repeat;}
	.box-mensagem-rodape {height:14px; background:url(../images/box_mensagem_rodape.gif) no-repeat;}
	
	.box-padding, box-fixo {margin:20px 5px;}
	.box-fixo {width:600px;}
	.margem {margin:20px; min-height:208px;}
	
	.box-chamadas {width:203px;}
	.linha {padding-bottom:15px; border-bottom:#CCC solid 1px;}

/* =============================================================================
PÁGINA INTERNA
============================================================================= */
	
	.coluna-1 {width:215px;}
	.coluna-2 {width:600px;}
	
	.conteudo-1 {width:200px; font-size:10px; color:#999; margin:0 20px 0 0;}
	.conteudo-2 {width:585px; padding-right:20px;}
	.conteudo a {color:#6e6f6f;}
	
	.imagem {margin-right:20px;}
	.texto {width:600px;}
	.informacoes {width:180px; text-align:right; margin-top:40px;}
	
	.box-produtos {width:280px;}
	.box-produtos td {border-bottom:#efefef solid 1px; padding:5px;}
	.box-produtos td.cinza { background-color:#ccc; padding:5px; color:#fff; font-weight:bold;}
	
	#box-produtos-fotos {width:300px; float:right; background:url(../images/bg_fotos.gif) repeat-y; text-align:center; color:#fff;}
	.box-produtos-topo { background:url(../images/bg_fotos_topo.gif) no-repeat; width:300px; height:22px;}
	.box-produtos-rodape { margin:20px 0 0 0; background:url(../images/bg_fotos_rodape.gif) no-repeat; width:290px; height:24px; text-align:left; padding:7px 0 0 10px;}
	
			
	/* PAGINAÇÃO */	
	#indice{font-size:11px; padding:4px;}
	#paginacao{font-size:11px; font-weight: bold; text-align:center; margin:20px auto;}
		.pag-atual{float:left; padding:5px; background:#268c72; color:#fff; margin:3px; border: 1px solid #9fc8b8;}
		.pag-pontinhos{float:left; padding:5px; background:#cef4e5; color:#9fc8b8; margin:3px; border: 1px solid #9fc8b8;}
		.pag-navegacao-off{float:left; padding:5px; background:#cef4e5; color:#9fc8b8; margin:3px; border: 1px solid #9fc8b8;}
		
		.pag-link{float:left; padding:5px; background:#cef4e5; margin:3px;border: 1px solid #9fc8b8;}
		.pag-link a{color:#268c72; text-decoration:none;}
		.pag-link a:hover{text-decoration:underline;}
		
		.pag-navegacao{float:left; padding:5px; background:#cef4e5; margin:3px;border: 1px solid #9fc8b8;}
		.pag-navegacao a{color:#268c72; text-decoration:none;}
		.pag-navegacao a:hover{text-decoration:underline;}

/* =============================================================================
FORMULÁRIOS
============================================================================= */

	#formAdquira label { margin:0 0 10px 0;}
	#formAdquira input { margin: 0 10px 0 0;}

	form label {display:block; line-height:14px; padding: 0px 0px 0px 0px;}

	input, textarea {border:none; padding:5px; margin-bottom:20px;}
	.campo {border:#999 solid 1px;}
	
	#formHomenagens .enviar {width:64px; height:25px; text-indent:-9999px; display:block;}
	
	#formVelorio {margin-top:25px;}
	#formVelorio label {float:left; width:90px;}
	#formVelorio .enviar {width:69px; height:24px; margin-left:90px; text-indent:-9999px; display:block;}
	#formVelorio input, select, textarea {font-size: 12px; margin-bottom:10px; padding:3px;}

	form.cmxform {width: auto;}
form.cmxform label {color: #675f5b;}
	form.cmxform fieldset {border: none; border-top: 1px solid #C9DCA6;}
	form.cmxform fieldset fieldset {background: none;}
	form.cmxform fieldset p, form.cmxform fieldset fieldset {padding: 5px 10px 7px;}
 
	form.cmxform label.error, label.error {	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;	font-style: italic;	margin-left: 10px;	width: auto; display: inline;}
	
	div.error { display: none; }
	input {	border: 1px solid black; }
	input.checkbox { border: none }
	input:focus { border: 1px dotted black; }
	input.error, select.error { border: 1px dotted red; }
	form.cmxform .gray * { color: gray; }	
			
		.formButtonWrapper {float: left; height: 30px; margin-bottom: 20px; overflow: hidden; width: 49%;}
		
		.buttonWrapper a:link,
		.buttonWrapper a:visited,
		.buttonWrapper a:active,
		.formButtonWrapper button,
		.buttonWrapper.alt a:link,
		.buttonWrapper.alt a:visited,
		.buttonWrapper.alt a:active,
		.formButtonWrapper.alt button {
			background:#4cb398;
			border: 1px solid #063;
			color: #fff;
			cursor: pointer;
			display: block;
			float: left;
			font-family: "Lucida Grande", Verdana, Arial, sans-serif;
			font-size: 11px;
			line-height: 1.3em;
			margin: 0 7px 0 0;
			padding: 5px 10px 6px 10px;
			text-decoration: none;
			}
		
		.buttonWrapper.alt a,.formButtonWrapper.alt button {float: right; margin-right: 1px; margin-left: 7px;}
		.buttonWrapper a:hover,.formButtonWrapper button:hover,.buttonWrapper.alt a:hover,.formButtonWrapper.alt button:hover {background: #063; color: #fff;}
		.formButtonWrapper button {overflow: visible; padding: 4px 10px 3px 10px; /* IE6 */ width: auto;}
		.formButtonWrapper button[type] {line-height: 17px; /* Safari */ padding: 5px 10px 5px 10px; /* Firefox */}
		*:first-child+html button[type] {padding: 4px 10px 3px 10px; /* IE7 */}
		.formButtonWrapper button img,.buttonWrapper a img {border: none; height: 13px; margin: 0 2px -4px -4px !important;	padding: 0; width: 16px;}