/* layout.css */

* {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}

/*body*/
body {
	text-align: center;/* alinhamento para IE 5 e 5.5 */
	background-image: url(../_images/bg.jpg);
	background-repeat:repeat-x;
	background-position: top left;
	background-color: #e7e7e1;
}
/*container*/
div#container {
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	height: 668px;
}

div#cabecalho {
	height: 70px;
}

/*Corpo*/
div#corpo {
	background-image: url(../_images/fundo_casamento.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 824px;
	height: 476px;
}


/*Section A*/

div#corpo div#section-a div.header {
	float: left;
}

div#corpo div#section-a div.header h1.logo {
	width: 91px;
	height: 134px;
	padding: 160px 0 0 10px;
}

div#corpo div#section-a div.header h1.logo a {
	width: 91px;
	height: 134px;
}

div#corpo div#section-a div.header h1.logo a img {
	border: 0;
	text-decoration: none;
}

div#corpo div#section-a div.image {
	width: 600px;
	height: 238px;
	float: left;
}

div#corpo div#section-a div.image h2.Evento01 {
	padding: 15px 0 0 110px;
}

div#corpo div#section-a div.image h2.Evento01 a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.Evento01 a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.Evento01 a {
	background-image: url(../_images/evento01.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.image h2.Evento02 {
	padding: 0 0 0 325px;
}

div#corpo div#section-a div.image h2.Evento02 a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.Evento02 a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.Evento02 a {
	background-image: url(../_images/evento02.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.image h2.Evento03 {
	padding: 0 0 0 530px;
}

div#corpo div#section-a div.image h2.Evento03 a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.Evento03 a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.Evento03 a {
	background-image: url(../_images/evento03.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.image h2.Evento04 {
	padding: 10px 0 0 110px;
}

div#corpo div#section-a div.image h2.Evento04 a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.Evento04 a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.Evento04 a {
	background-image: url(../_images/evento04.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.image h2.Evento05 {
	padding: 0 0 0 325px;
}

div#corpo div#section-a div.image h2.Evento05 a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.Evento05 a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.Evento05 a {
	background-image: url(../_images/evento05.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.image h2.Evento06 {
	padding: 0 0 0 530px;
}

div#corpo div#section-a div.image h2.Evento06 a span.title {
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.image h2.Evento06 a span.swfFlash {
	display: block;
	padding: 9px 0 0 9px;
}

div#corpo div#section-a div.image h2.Evento06 a {
	background-image: url(../_images/evento06.jpg);
	width: 133px;
	height: 211px;
	float: left;
}

div#corpo div#section-a div.proximo {
	width: 30px;
	height: 30px;
	float: right;
	margin: 190px 15px 0 0;
	_	margin: 190px 7px 0 0;
}

div#corpo div#section-a div.proximo p.maisEventos a span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#corpo div#section-a div.proximo a img {
	display: block;
	text-decoration: none; /*Tirar Sublinhado do link*/
	border: none;
	width: 30px;
	height: 30px;
}

/*Section B*/

div#corpo div#section-b ul.contatos {
	float: right;
	list-style: none;/*Tirar Bullet*/
	height: 20px;
}

div#corpo div#section-b ul.contatos li.home span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#corpo div#section-b ul.contatos li.home {
	display: block;
	float: left;
	width: 66px;
	padding: 2px 1px 0 0;
}

div#corpo div#section-b ul.contatos li.home a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 20px;/*Altura do a*/
	line-height: 20px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/home_but.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.home a:hover {
	background-image: url(../_images/home_but.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}


div#corpo div#section-b ul.contatos li.slideshow span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#corpo div#section-b ul.contatos li.slideshow {
	display: block;
	width: 86px;
	float: left;
	padding: 2px 1px 0 0;
}

div#corpo div#section-b ul.contatos li.slideshow a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 20px;/*Altura do a*/
	line-height: 20px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/slideshow_but.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.slideshow a:hover {
	background-image: url(../_images/slideshow_but.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.eventos span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#corpo div#section-b ul.contatos li.eventos {
	display: block;
	width: 160px;
	float: left;
	margin: 2px 1px 0 0;
	text-decoration: none; /*Tirar Sublinhado do link*/
	height: 20px;/*Altura do a*/
	line-height: 20px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/FotosCasamentos.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.videos span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#corpo div#section-b ul.contatos li.videos {
	display: block;
	width: 55px;
	float: left;
	padding: 2px 1px 0 0;
}

div#corpo div#section-b ul.contatos li.videos a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 20px;/*Altura do a*/
	line-height: 20px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/videos_but.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.videos a:hover {
	background-image: url(../_images/videos_but.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.album span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#corpo div#section-b ul.contatos li.album {
	display: block;
	width: 55px;
	float: left;
	padding: 2px 1px 0 0;
}

div#corpo div#section-b ul.contatos li.album a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 20px;/*Altura do a*/
	line-height: 20px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/albuns_but.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.album a:hover {
	background-image: url(../_images/albuns_but.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.blog span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#corpo div#section-b ul.contatos li.blog {
	display: block;
	width: 40px;
	float: left;
	padding: 2px 1px 0 0;
}

div#corpo div#section-b ul.contatos li.blog a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 20px;/*Altura do a*/
	line-height: 20px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/blog_but.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.blog a:hover {
	background-image: url(../_images/blog_but.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.orcamento span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#corpo div#section-b ul.contatos li.orcamento {
	display: block;
	width: 86px;
	float: left;
	padding: 2px 1px 0 0;
}

div#corpo div#section-b ul.contatos li.orcamento a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 20px;/*Altura do a*/
	line-height: 20px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/orcamento_but.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.orcamento a:hover {
	background-image: url(../_images/orcamento_but.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.contato span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}


div#corpo div#section-b ul.contatos li.contato {
	display: block;
	width: 63px;
	float: left;
	padding: 2px 1px 0 0;
}

div#corpo div#section-b ul.contatos li.contato a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 20px;/*Altura do a*/
	line-height: 20px;/*Altura do a*/
	color: #000;
	font-weight: bold;
	background-image: url(../_images/contato_but.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.contato a:hover {
	background-image: url(../_images/contato_but.jpg);
	background-position: bottom left;
	background-repeat:no-repeat;
}

/*Rodapé*/

div#rodape {
	padding: 60px 0 0 0;
	*padding: 80px 0 0 0;
	_padding: 60px 0 0 0;
}

div#rodape p.direitos span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#rodape p.direitos {
	display: block;
	background-image:url(../_images/direitos.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 377px;
	height: 12px;
	float: left;
	margin: 0 0 0 89px;
	_margin: 0 0 0 44px;
}
div#rodape p.dcd span {
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute; /* regra para sumir com texto do navegador*/
}

div#rodape p.dcd a {
	text-decoration: none; /*Tirar Sublinhado do link*/
	display: block;/*Transforma o inline em bloco, isto é, ela fica com a largura igual a da ul*/
	height: 14px;/*Altura do a*/
	line-height: 14px;/*Altura do a*/
	background-image: url(../_images/dcd.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	width: 87px;
	height: 14px;
	float: right;
	margin: 0 85px 0 0;
	_margin: 0 43px 0 0;
}