/* 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;
}

div#corpo div#section-a div.header h1.logo {
	width: 91px;
	height: 134px;
	float: left;
	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: 389px;
	height: 476px;
	float: left;
}

div#corpo div#section-a div.image div.imagePrincipal {
	padding: 20px 0 0 95px;
}

div#corpo div#section-a div.image p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #7d7c7c;
	padding: 5px 0 0 95px;
}

div#corpo div#section-a div.detalhes {
	width: 300px;
	height: 375px;
	float: right;
	padding: 43px 24px 0 0;
	*padding: 35px 24px 0 0;
}

div#corpo div#section-a div.detalhes div.texto {
	float: right;
}

div#corpo div#section-a div.detalhes p.texto00 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #7d7c7c;
	text-align: justify;
	width: 270px;
	padding: 8px 15px 0 0;
}

div#corpo div#section-a div.detalhes p.texto01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #7d7c7c;
	text-align: justify;
	width: 270px;
	padding: 15px 15px 0 0;
}

div#corpo div#section-a div.detalhes p.texto02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #7d7c7c;
	text-align: justify;
	width: 270px;
	padding: 15px 15px 0 0;
}

div#corpo div#section-a div.detalhes div.formContato {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #7d7c7c;
	text-align: justify;
	width: 270px;
	padding: 30px 0 0 0;
}

div#corpo div#section-a div.detalhes div.formContato div.formText {
	padding: 10px 0 0 0;
	*padding: 15px 0 0 0;
	_padding: 10px 0 0 0;
}

input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #7d7c7c;
	width: 270px;
}

input.enviarBut {
	background-color: #cbcbbe;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #57574a;
	width: 55px;
	height: 20px;
	float: right;
	margin: 10px 0 0 0;
}

input.enviarBut:hover {
	background-color: #57574a;
	color: #cbcbbe;
}

/*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;
	padding: 2px 1px 0 0;
}

div#corpo div#section-b ul.contatos li.eventos 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/FotosCasamentos.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}

div#corpo div#section-b ul.contatos li.eventos a:hover {
	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;
	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/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;
}