/*
 *	Projeto:	Palácio das Cortinas.
 *	Descrição:	CSS para a área "Cortinas Teatro" do site.
 *	Autor: 		Impera Developer Team
 *	Data: 		27/02/2008
 */


* {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: baseline;
	border: none;
}

body{
	background: transparent url("../imgs/fundo_teatro.jpg") no-repeat top center;
}

/*
 * 	DIV geral
 */
#geral{
	margin: 0px auto;
	width: 770px;
	height: 730px;
}

/*
 * DIV menu
 */
#menu{
	margin: 0px auto;
	height: 180px;
	width: 770px;
}

/*
 * DIV conteudo
 */

#conteudo{
	margin: 20px 0 0 0;
 	width: 770px;
	background: transparent;
	display: table;
}

#painelFotos{
	width: 770px;
	height: auto;
}

#chamadas{
	float: right;
	width: 400px;
	height: auto;
}

#chamadas div{
	background: url("../imgs/chamada_inicio.png") no-repeat top center;
	height: 154px;
	margin-top: 10px;
	margin-right: 10px;
	padding-top: 15px;
}

#chamadas div strong{
	padding-left: 10px;
	font: 25px Monotype Corsiva, Arial, Helvetica, sans-serif;
}

#chamadas div p{
	padding: 10px 10px 0 13px;
	white-space: normal;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: justify;
}

/*
 *	DIV com as miniaturas de imagem
 */
#listaFotos{
	width: 336px;
	height: auto;
	float: left;
	background: url("../imgs/fundo_fotos_02.jpg") repeat-y top center;
}

#listaFotos h3{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #000000;
	font: 20px Monotype Corsiva, Arial, Helvetica, sans-serif;
	background: url("../imgs/fundo_fotos_01.jpg") no-repeat top center;
}

#containerFotosMiniatura{
	margin-left: 20px;
}

.listaFotoImgEsquerda, .listaFotoImgDireita{
	width: 140px;
	height:140px;
	padding: 2px;
	border: 1px solid #C10000;
}

#rodapeListaFotos{
	width: 336px;
	height: 30px;
	background: url("../imgs/fundo_fotos_03.jpg") no-repeat bottom center;
}

#fotoAmpliada{	
	width: 404px;
	height: auto;
	float: right;
	margin: 0px 10px 10px 10px;
}

#fotoAmpliada img{
	width: 400px;
	height: 300px;
	padding: 4px;
	border: 1px solid #A6A6A6;
}

#fotoAmpliada h5{
	font: 13px Monotype Corsiva;
	text-align: center;	
}

#fotoAmpliada h3{
	text-align: center;
	padding: 2px;
	width: 400px;
	height: auto;
	white-space: normal;
	font: bold 15px Arial, Helvetica, sans-serif;
}

#fotoAmpliada p{
	width: 400px;
	margin-top: 10px;
	line-height: 20px;
	text-indent: 15px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#fotoAmpliada h4{
	width: 404px;
	height: 30px;
	text-indent: 2px;
	text-align: center;
	padding-top: 7px;
	background: url("../imgs/quadrado2.jpg") no-repeat center top;
	font: 20px Monotype Corsiva;
	color: #333;
	white-space: normal;
	display: table;
}

#fotoAmpliada strong{
	font: 20px Monotype Corsiva;
}

#fotoAmpliada span{
	font: 18px Monotype Corsiva;
}

#fotoAmpliada ul li{
	width: 400px;
	list-style-position: inside;
	list-style-type: square;
}

/*
 *	Rodapé da Página
 */
#footer{
	background: url("../imgs/rodape.png") no-repeat top center;
	width: 770px;
	height: 75px;
}

#footer p{
	padding-top: 9px;
	text-align:center;
	font: bold 12px Arial, Helvetica, sans-serif;
}

#footer p span{
	font: 15px Monotype Corsiva;
}