/*
Nome: ASFOTOS
Endereco: http://www.asfotos.fot.br/
Descricao: Site ASFOTOS 
Versao: 2.2
Autor: Agência P4 - www.agenciap4.com.br
E-mail: contato@agenciap4.com.br
*/

*{margin:0;padding:0;list-style:none;}

body{background: #000 url(imagens/fundo+body.jpg) no-repeat center top;}
a{outline:none;}
a img{border:none;}

h2{
	display: block;
	height: 42px;
	margin:10px 0 15px;
	text-indent: -9999px;
	width:898px;
}
h2.estudio{background: url(imagens/h2+estudio.gif) no-repeat left center;}
h2.portfolio{background: url(imagens/h2+portfolio.gif) no-repeat left center;}
h2.depoimentos{background: url(imagens/h2+depoimentos.gif) no-repeat left center;}
h2.eventos{background: url(imagens/h2+eventos.gif) no-repeat left center;}
h2.fale{background: url(imagens/h2+fale.gif) no-repeat left center;}
h2.casamento{background: url(imagens/h2+portfolio+casamento.gif) no-repeat left center;}
h2.makingof{background: url(imagens/h2+portfolio+makingof.gif) no-repeat left center;}
h2.idade{background: url(imagens/h2+portfolio+15anos.gif) no-repeat left center;}

h3{
	display: block;
	height: 39px;
	margin:10px 0 15px;
	text-indent: -9999px;
	width:609px;
}
h3.estudioJoinville{background: url(imagens/h3+estudio+joinville.gif) no-repeat left center;}
h3.estudioJaragua{background: url(imagens/h3+estudio+jaragua.gif) no-repeat left center;}

h4{
	display: block;
	height: 25px;
	margin:9px 0 3px;
	text-indent: -9999px;
}
h4.casorio{background: url(imagens/h4+casamentos.png) no-repeat left center; width:165px;}
h4.making{background: url(imagens/h4+making.png) no-repeat left center; width:139px;}
h4.iDade{background: url(imagens/h4+15.png) no-repeat left center; width:99px;}

h5{
	display: block;
	height: 28px;
	margin:9px 0 3px;
	text-indent: -9999px;
}
h5.depoimentos{background: url(imagens/h5+depoimentos.jpg) no-repeat left center; width:169px;}
h5.ultimasBlog{background: url(imagens/h5+blog.jpg) no-repeat left center; width:213px;}

#geral{
	background: url(imagens/fundo+geral.png) repeat-y center top;
	margin: 0 auto;
	padding: 0 6px;
	width:940px;
}

#topo{
	background: #000 url(imagens/fundo+topo.jpg) repeat-x left top;
	height: 118px;
	padding-top:13px;
}
#topo h1
{
	background: url(imagens/h1+topo.png) no-repeat;
	display: block;
	height: 108px;
	margin: 0 10px;
	text-indent:-9999px;
	width:299px;
}
#topo h1 a{
	display: block;
	height: 108px;
	text-indent:-9999px;
	width:299px;
}
#topo ul,
ul#menuIndex{
	float: right;
	height: 50px;
	padding: 52px 8px 5px;
	width:604px;
}
#topo ul li,
ul#menuIndex li{
	background: url(imagens/menu/divisor.gif) no-repeat top right;
	float: left;
	height: 25px;
	padding: 0 11px;
}
ul#menuIndex li{
	padding: 0 14px;
}

ul#menuIndex li.primeiro{margin-left:10px;}
#topo ul li.ultimo,
ul#menuIndex li.ultimo{background: none;}
#topo ul li a,
ul#menuIndex li a{
	height: 25px;
	display: block;
	text-indent: -9999px;
}
#topo ul li a.um{background: url(imagens/menu/estudio.gif) no-repeat center;width: 57px;}
#topo ul li a.um:hover,
#bodyUm #topo ul li a.um{background:url(imagens/menu/estudio+hover.gif) no-repeat center bottom;}

#topo ul li a.dois{background: url(imagens/menu/portfolio.gif) no-repeat center;width:60px;}
#topo ul li a.dois:hover,
#bodyDois #topo ul li a.dois{background:url(imagens/menu/portfolio+hover.gif) no-repeat center bottom;}

#topo ul li a.tres{	background: url(imagens/menu/depoimentos.gif) no-repeat center;width:78px;}
#topo ul li a.tres:hover,
#bodyTres #topo ul li a.tres{background:url(imagens/menu/depoimentos+hover.gif) no-repeat center bottom;}

#topo ul li a.quatro{background: url(imagens/menu/alexandrina.gif) no-repeat center;width:86px;}
#topo ul li a.quatro:hover,
#bodyQuatro #topo ul li a.quatro{background: url(imagens/menu/alexandrina+hover.gif) no-repeat center bottom;}

#topo ul li a.cinco{background: url(imagens/menu/blog.gif) no-repeat center;width:29px;}
#topo ul li a.cinco:hover,
#bodyCinco #topo ul li a.cinco{background:url(imagens/menu/blog+hover.gif) no-repeat center bottom;}

#topo ul li a.seis{background: url(imagens/menu/fale+conosco.gif) no-repeat center;width:83px;}
#topo ul li a.seis:hover,
#bodySeis #topo ul li a.seis{background: url(imagens/menu/fale+conosco+hover.gif) no-repeat center bottom;}

#topo ul li a.home{background: url(imagens/menu/home.gif) no-repeat center;width: 33px;}
#topo ul li a.home:hover{background: url(imagens/menu/home+hover.gif) no-repeat center bottom;}


#conteudo{
	background-color:#000;
	padding: 10px 20px 55px 20px;
}
#conteudo p{
	color: #888;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 10px 0;
}
#banner{
	background: #000;
	height: 462px;
	position: relative;
	width:940px;
}
#bannerBaixo{
	background: url(imagens/fundo+bannerBaixo.png) repeat-x left top;
    top: 378px;
	height: 84px;
	position:absolute;
	width:940px;
	z-index: 90;
}
#bannerBaixo ul li{
	background: url(imagens/divisor+banner.png) no-repeat right center;
	float: left;
	height: 84px;
	padding:0 10px 0 20px;
	width:282px;
}
#bannerBaixo ul li.sem{background-image:none;}
#bannerBaixo ul li a{
	color:#808080;
	font: lighter 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:1.1em;
}

#interna{
	background-color: #fff;
	border-top: 4px solid #d70015;
	height: 267px;
	padding: 5px 27px;
}
#depo{
	background: url(imagens/fundo+depoimento+baixo.jpg) no-repeat left 50px;
	float: left;
	margin-right:30px;
	width:426px;
}
#depo #texto{display: block; margin: 25px 10px 10px 85px;}
#depo #texto span{
	color: #222;
	display: block;
	font:14px Georgia, "Times New Roman", Times, serif;
	padding-bottom:10px;
}
#depo #texto p{color:#777; font:11px Arial, Helvetica, sans-serif;}
#depo #texto p strong{
	color:#000;
	display: block;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#depo #texto p a{
	background: url(imagens/mais.jpg) no-repeat left center;
	color:#555;
	display: block;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin: 15px 0 0 145px;
	padding-left:13px;
	text-decoration:none;
}

#blog{
	float: left;
	width:425px;
}
#blog ul{padding-top:8px;}
#blog ul li{
	background:url(imagens/fundo+li+blog.jpg) no-repeat left top;
	margin-bottom:10px;
	width:416px;
}
#blog ul li .data{
	color: #000;
	font: bold 16px Arial, Helvetica, sans-serif;
	float: left;
	margin-right:22px;
	padding: 5px;
	width: 40px;
	text-align:center;
	text-transform:uppercase;
}
#blog ul li .data strong{
	color: #fff;
	display: block;
}
#blog ul li a{
	color: #000;
	display: block !important;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0; padding:8px;
	letter-spacing:-1px;
	text-decoration:none;
}
#blog ul li a span{
	background: none;
	color:#777;
	float:none;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin: 0; padding:0; letter-spacing:0 !important;
	text-transform:none;
}
#blog p a{
	background: url(imagens/mais.jpg) no-repeat left center;
	color:#555;
	display: block;
	font:bold 12px Arial, Helvetica, sans-serif;
	margin: 15px 0 0 225px;
	padding-left:13px;
	text-decoration:none;
}

#escerverDepoimento{
	background: url(imagens/folha+depoimento.gif) no-repeat center top;
	float: left;
	height: 60px;
		margin-right:35px;
	padding-top: 223px;
	width:235px;
	text-align:center;
}

#comentario p{padding-top:10px;}
#comentario ul{
	float: left;
	width: 610px;
}
#comentario ul li{
	background: url(imagens/aspas.jpg) no-repeat left 18px;
	color: #555;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	padding:0 3px 0 90px;
	width:510px;
	text-align:right;
}
#comentario ul li p{margin: 0 10px; text-align:left;font: bold 13px Arial, Helvetica, sans-serif;}
#comentario ul li .caixa{
	background-color: #222;
	color: #aaa;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	margin: 3px 0;
	padding: 10px;
	text-align:left;
}
#comentario form{
	background: url(imagens/fundo+form+comentario.jpg) no-repeat center top;
	height:502px;
	float:left;
	padding:40px 20px 0;
	width:522px;
}
#comentario form fieldset {border:none;}
#comentario form fieldset label {
    display:table;
	width:100%;
}
#comentario form fieldset label span {
	float:left;
	text-align:right;
	width:145px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#aaa;
	padding-top:8px;
	text-transform:uppercase;
}
#comentario form fieldset label input {
	background: #ddd url(imagens/fundo+input.jpg) repeat-x left top;
	float:left;
	border: 1px solid #bbb;
	padding:10px;
	margin:0 5px 5px;
	width:280px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #777;
}
#comentario form textarea{
	background: #fff url(imagens/fundo+textarea.jpg) repeat-x left bottom;
    float: left;
    border: 1px solid #bbb;
	color:#777;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 10px;
	width:280px;
	margin:0 5px 5px;
}
#comentario form button {
    width:75px;
    height:33px;
    background: url(imagens/botao+enviar.jpg) no-repeat 0 0;
    border:none;
    text-indent:-9000em;
    overflow:hidden;
    cursor:pointer;
    float:right;
    margin:-5px 70px 0 0;
}


.paginacao{
	clear: both;
	margin: 30px 0;
	padding:20px 23px 20px 370px;
	height: 30px;
}
.paginacao ul li{
	color: #472072;
	float: left;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 0 10px;
	text-transform:uppercase;
}
.paginacao ul li.direita{float:right;}


.boxEstudio{
	background-color: #1f1f1f;
	height: 170px;
	margin: 50px 0 30px 50px;
	padding:1px 10px 10px 220px;
	position: relative;
	width:620px;
}
.boxEstudio p{color: #aaa; margin: 10px !important;}
.fotoEstudio{
	background: url(imagens/fundo+foto+estudio.png) no-repeat left top;
	height: 146px;
	left: -20px;
	padding: 9px 10px;
	position:absolute;
	width:215px;
	top: -20px;
}
.fotoEstudio a img{padding: 10px 0 0 100px;}

ul#portifa {
  height: 300px;
  margin: 80px auto 0;
  width: 750px;
}
ul#portifa li{
	background: url("imagens/portifa-li.jpg") no-repeat scroll center center transparent;
	float: left;
	height: 236px;
	margin-right: 22px;
	padding: 8px 11px 11px 7px;
	position: relative;
	width: 210px;
}
ul#portifa li a{ position: absolute; left: 7px; top: 8px }
/*ul#portifa{height: 470px;}
ul#portifa li{
	float: left;
	height:425px;
	margin-right:15px;
	padding: 9px 0 9px 49px;
	width:233px;
}
ul#portifa li.boxCasamento{background: url(imagens/fundo+box+casamento.jpg) no-repeat left top;}
ul#portifa li.boxMaking{background: url(imagens/fundo+box+making.jpg) no-repeat left top;}
ul#portifa li.boxIdade{background: url(imagens/fundo+box+idade.jpg) no-repeat left top;}*/

.voltarPortifolio{
	clear: both;
	margin: 10px 0;
	padding:10px 10px 10px 30px;
	height: 20px;
}

#loginEventos{
	background: url(imagens/fundo+login+eventos.jpg) no-repeat left top;
	height:230px;
	margin: 60px auto 140px;
	padding: 15px 30px 10px 30px;
	width:284px;
	text-align:center;
}
#loginEventos br {line-height:0.7em;}
#loginEventos p, #loginEventos p a{color: #808080; text-decoration:none;}
#loginEventos form{
	padding: 5px 0 15px;
	height: 105px;
}
#loginEventos form fieldset {border:none;}
#loginEventos form fieldset label {
	display:table;
	width:100%;
}
#loginEventos form fieldset label span {
	float:left;
	text-align:right;
	width:45px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#aaa;
	padding-top:10px;
	text-transform:uppercase;
}
#loginEventos form fieldset label input {
	background: #ddd url(imagens/fundo+input.jpg) repeat-x left top;
	float:left;
	border: 1px solid #909090;
	padding:10px;
	margin:0 5px 10px;
	width:200px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #777;
}
#loginEventos form button {
    width:74px;
    height:32px;
    background: url(imagens/botao+entrar.jpg) no-repeat 0 0;
    border:none;
    text-indent:-9000em;
    overflow:hidden;
    cursor:pointer;
    float:right;
    margin:-10px 12px 0 0;
}
ul#eventoInterno{
	height: 475px;
	margin: 10px 0;
}
ul#eventoInterno.grande{ height:121px;}
ul#eventoInterno li,
ul#eventoInterno li.grande{
	background: url(imagens/fundo+li+evento+interno.jpg) no-repeat left top;
	float: left;
	height: 129px;
	margin: 5px;
	padding: 8px 13px 0;
	position: relative;
	width:409px;
}
ul#eventoInterno li.grandi{
	background: url(imagens/fundo+evento+galeria.jpg) no-repeat left top;
	height: 100px;
	padding: 11px;
	width:873px;
}
ul#eventoInterno li img{
	float: left;
	margin-right:15px;
}

/*
ul#eventoInterno li p{
	color:#fff;
	font-size: 14px;
	font-weight:bold;
	padding-top:10px;
	text-transform:uppercase;
	height: 80px; border: 1px solid #fff;
}
*/

ul#eventoInterno li .caixaNome{ height: 78px;}

ul#eventoInterno li p{
	color:#fff;
	font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
}
ul#eventoInterno li p strong{
	display: block;
	font-size: 21px;
}
ul#eventoInterno li p span{
	color: #777;
	display: block;
	font-size:10px;
	font-weight:normal;
	padding: 0 0 0 20px;
	text-transform:none;
}
/*
ul#eventoInterno li p span{
	color: #777;
	display: block;
	font-size:11px;
	font-weight:normal;
	padding: 14px 0 0 25px;
	text-transform:none;
}*/
ul#eventoInterno li a,
ul#eventoInterno li a.grande{
	background: url(imagens/botao+ver+evernto.jpg) no-repeat center top;
	bottom: 5px;
	display: block;
	float: right;
	height: 32px;
	position: absolute;
	right:15px;
	text-indent:-9999px;
	width:95px;
}
ul#eventoInterno li a.grande{
	background: url(imagens/fornecedores.jpg) no-repeat left top;
	bottom: 50px;
	height:30px;
	right: 50px;
	width:180px;
}
.paginacaoEvento{
	clear: both;
	margin: 10px 0;
	padding:10px;
	height: 30px;
}

.paginacaoEvento ul li.direita{float:right;}

#galeriaEventoInterno{
	min-height: 500px;
	padding: 0 0 10px 0;
}

#contato{
	background: url(imagens/fundo+contato.jpg) no-repeat left top;
	height:372px;
	margin: 40px auto 80px;
	width:807px;
}
#contato #endereco{
	float: left;
	margin:70px 10px 0;
	padding: 0 7px;
	width:220px;
}
#contato #endereco p span{font: bold 14px Arial, Helvetica, sans-serif; color: #ccc;}
#contato #endereco p a{color: #888; text-decoration:none;}
#contato form{
	float: left;
	margin: 30px 0 0 20px;
	width:500px;
}
#contato form fieldset {border:none;}
#contato form fieldset label {
	display:table;
	width:100%;
}
#contato form fieldset label span {
	float:left;
	text-align:right;
	width:135px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#aaa;
	padding-top:8px;
	text-transform:uppercase;
}
#contato form fieldset label input {
	background: #ddd url(imagens/fundo+input.jpg) repeat-x left top;
	float:left;
	border: 1px solid #bbb;
	padding:10px;
	margin:0 5px 5px;
	width:290px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #777;
}
#contato form textarea{
	background: #fff url(imagens/fundo+textarea.jpg) repeat-x left bottom;
	float: left;
	border: 1px solid #bbb;
	color:#777;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 10px;
	width:290px;
	margin:0 5px 10px;
}
#contato form button {
    width:75px;
    height:33px;
    background: url(imagens/botao+enviar.jpg) no-repeat 0 0;
    border:none;
    text-indent:-9000em;
    overflow:hidden;
    cursor:pointer;
    float:right;
    margin:-5px 48px 0 0;
}


#rodape{
	background: #000 url(imagens/fundo+rodape.jpg) no-repeat center top;
	clear: both;
	height: 120px;
	margin: 0 auto;
	padding: 6px;
	width:928px;
	text-align: center;
}
#rodape p{
	color: #aaa;
	font: bold 11px Arial, Helvetica, sans-serif;
	margin: 5px 0;	
}
#rodape p a{
	color: #777;
	text-decoration:none;
}
#rodape address{
	background: url(imagens/fundo+p+rodape.gif) repeat-x center top;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 10px auto;
	padding-top:10px;
	width:650px;
}

#fotos{
	padding: 10px;
	margin: 10px 0 5px;
	height:300px;
}
#fotosInterna{
	height:140px;
	padding-bottom:10px;
}
#fotosInterna a{margin: 10px 0; display: block;}


.fornecedoresDados{
    width: 250px;
    float: left;
}

#fornec p{
	float: left !important;
	margin: 5px 35px 0 0 !important;
	width:245px !important;
	min-height:45px;
  	height:auto !important;
  	height:45px;
}
#fornec p strong{
	display:inline  !important;
}