/*
 *	Projeto:	Site Lindissimas.com.br
 *	Descrição:	Site sobre beleza, moda feminina, etc.
 *	Autor: 		Impera Developer Team
 *	Data: 		22/01/2008
 */


* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: none;
	vertical-align: middle;
}

body {
	background: url(../imagens/back.jpg) top center fixed;
	text-align: center
}

#geral {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

/*
 * MENU
 */

#cabecalho {
	width: 900px;
	height: 150px;
	margin: 0 auto;
	padding-top: 4px;
	background: transparent url(../imagens/lindissimos_02.jpg) no-repeat top center;
}

#cabecalhoMenu {
	width: 750px;
	height: 35px;
	margin: 0 auto;
}


#cabecalhoMenu ul {
	width: 750px;
	display: block;
	margin: 0 auto;
}

#cabecalhoMenu li{
	display: inline;
}
 
#cabecalhoMenu a {
	font: bold 14px "Trebuchet MS", Arial, Helvetica, Tahoma;
	color: #00CC00;
	float: left;
	padding: 3px 21px;
}

#cabecalho #cabecalhoMenu a:hover {
	color: #ffffff;
	background-color: #006600;
}

/*
 * LOGO
 */

#cabecalho #cabecalhoLogo {
	background: url(../imagens/lindissimos_04.jpg) no-repeat top center;
	width: 900px;
	height: 83px;
	overflow: hidden;
	text-indent: -5000px;
}

/*
 * PROPAGANDA CABECALHO
 */

#cabecalho #cabecalhoPropaganda {
	width: 900px;	
	height: 29px;
	background: url(../imagens/lindissimos_05.jpg) no-repeat top center;
}

#cabecalho #cabecalhoPropaganda p {
	width: 900px;
	height: 29px;
	padding-top: 8px;
	text-align: center;
	color: #FFFFFF;
}

/*
 * CONTEUDO
 */

#conteudo {
	width: 900px;
	min-height: 800px;
	float: left;
}

#conteudoPropaganda {
	float: left;
	width: 120px;
	height: 700px;
	margin: 0 auto;
}


/*
 * CONTEUDO PRINCIPAL
 */

#conteudoPrincipal {
	float: right;
	width: 770px;
	height: auto;
	margin: 0 auto;
}

#conteudoPrincipal #conteudoPrincipalProp{
	padding: 0;
	height: 130px;
	padding-bottom: 10px;
}

#conteudoPrincipal #chamadaGrande {
	float: left;
	width: 300px;
	height: 435px;
}

#conteudoPrincipal #chamadaPequena1, #conteudoPrincipal #chamadaPequena2 {
	float: right;
	width: 281px;
	height: 210px;
	background: url(../imagens/fundoChamadas.png) no-repeat top center;
	margin: 0px 3px 10px 0;
}

#conteudoPrincipal #chamadaPequena1 h4, #conteudoPrincipal #chamadaPequena2 h4{
	padding: 12px 2px 0 12px;
	font: bold 17px 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform: capitalize;
}

#conteudoPrincipal #chamadaPequena1 p, #conteudoPrincipal #chamadaPequena2 p{
	margin: 0px 2px 2px 2px;
	padding: 0px 10px 5px 10px;
	font: 12px 'Lucida Grande', Verdana,Arial,Sans-Serif;
	line-height: 18px;
	color: #FFFFFF;
}

#conteudoPrincipal #chamadaPequena1 h3, #conteudoPrincipal #chamadaPequena2 h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-left: 10px;	
	color: #FFFFFF;
}

#conteudoPrincipal #chamadaPequena1 p a, #conteudoPrincipal #chamadaPequena2 p a{
	font: bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #00CC00;
	float: right;
	vertical-align: baseline;
	color: #FFFFFF;
}

#conteudoPrincipal #chamadaPequena1 p a:hover, #conteudoPrincipal #chamadaPequena2 p a:hover{
	font: bold 11px Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #19570b;
	float: right;
	color: #FFFFFF;
}


/* Genéricas */
.generico{
	font: 16px Arial,Sans-Serif,'Lucida Grande', Verdana,;
	line-height: 18px;
	color: #FFFFFF;
	padding: 5px;
}
.generico p, label, em{
	font: 16px Arial,Sans-Serif,'Lucida Grande', Verdana,;
	line-height: 18px;
	color: #FFFFFF;
	padding: 5px;
}
.generico a{
	font: 16px Arial,Sans-Serif,'Lucida Grande', Verdana,;
	line-height: 18px;
	color: #00CC00;
}
.generico h2, .generico h3, .generico h4{
	font-family: 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.generico h2{
	font-size: 22px;
	border-bottom: 1px solid #999999;
	margin: 5px;
}	

.generico h3{
	font-size: 20px;
}

.generico h4{
	font-size: 15px 
}

.generico input{
	border: 1px solid #19570b;
}

.generico textarea{
	border: 1px solid #19570b;
}


/*
 * RODAPE
 */

#rodape {
	width: 769px;
	color: #ffffff;
	height: 70px;
}

#rodape p{
	font: bold 12px 'Trebuchet MS', Geneva, Arial, Helvetica, sans-serif;
	padding: 20px 15px 0 15px;
	text-align: center;
	color: #FFFFFF;
}

#rodape p a{
	color: #FFFFFF;
	text-transform: uppercase;
}
