/* 

Designed by Suzan Martino
December 2009


main colors:

pink: #ff0077
orange: #F9A946
blue: #0077ff
red: #ff5431
purple: #8A288E
dark purple: #682D90
green: #3AB54A

*/

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

html
{
	background: #ECECEC url(../images/bar.jpg) repeat-x top center;
	height:100%;
}

img { behavior:  url(../js/iepngfix.htc)} /*IE6 PNG correction*/

body
{
	font-size: 90%;
	font-family: "Trebuchet MS", Verdana, sans-serif; /*georgia, times new roman, sans-serif;*/
	line-height: 1.7em;
	text-align: center;
	color: #444;
}

/* ---------------------------------------- WRAPPER ----------------- */
#wrapper{
	position: relative;
	
	background: url(../images/smoke.jpg) no-repeat top center;
	
	text-align: left;
	margin-top: -10px;
	margin-right: auto;
	margin-left: auto;	

	width: 920px;
	height: 100%;
}

#wrapper ul, #wrapper ul li a
{
	list-style-type: none;
}

/* ---------------------------------------- LOGO ----------------- */

#logo{
	position: absolute;

	width: 197px;
	height: 235px;
	
	margin: 25px 0 0 60px;

	z-index: 50;
}

/* ---------------------------------------- MENU ----------------- */

#menu{

    position: relative;
	float: right;
    
	height: 29px;
	width: 600px;

    margin: 240px 0 -50px 0;
}

#menu li {
				float: right;
				list-style: none;
			
			}

#menu li a {
	font: bold 14px "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
	color: #682D90;
	top: 7px;
	text-transform: uppercase;

	height: 30px;
	
	padding: .5em 2em;
}

#menu li a:hover {
	background: #F9A946;
}

#menu li a:active {
	background: #ff5431;
}

/* ---------------------------------------- BANNER ----------------- */
#banner{
	position: relative;
	
	clear: right;
	float: left;
	
	margin: 50px 0 60px 0;
	_margin: 270px 0 60px 0;
	*margin: 270px 0 60px 0;
}

/* ---------------------------------------- CONTEUDO INDEX ----------------- */

#conteudo_index{
	position: relative;
	clear: both;
		
	height: 320px;
	overflow: hidden;
	
	margin: 100px 0 30px 0;
	*margin: 10px 0 30px 0;
	_margin: 10px 0 30px 0;

}
/* ---------------------------------------- ICON ----------------- */

.icon{
	float: left;
	margin: 0 1em 0 2em;
}

/* -------------------------------------------------------- */

#esquerda, #centro, #direita {
	text-align:justify;
	background: #fff;

	width: 300px;
	height: 330px;
}

#esquerda p, #centro p, #direita p{
	padding:  0 2em 0 2em;
	margin: 0 0 1em 0;
}

#esquerda a, #centro a, #direita a {
	
	color: #3AB54A;
	text-decoration: none;
	text-align: right;
	
	padding: 0 0 0 30px;
	
	font-weight: bold;
}

#esquerda a:hover, #centro a:hover, #direita a:hover {
	
	color: #ffffff;
	background:  #3AB54A;
	
	padding: 5px 5px 5px 30px;	
}

#esquerda h2, #centro h2, #direita h2 {

	text-align:center;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 2px;

	color: #fff;
	background: url(../images/bg_title.jpg) no-repeat top center; 
	
	padding: 10px;
	margin: 0 0 1em 0;
}

/* ---------------------------------------- ESQUERDA ----------------- */

#esquerda{
	position: relative;
	float: left;
	
}

/* ---------------------------------------- ESQUERDA ----------------- */

#centro {
	position: relative;
	margin: 0 0 0 310px;
	
}

#centro ul li{

		list-style-image: url(../images/bullet.png);
		margin: 0 1em 0 3em;

}

/* ---------------------------------------- DIREITA ----------------- */

#direita{
	position: relative;
	float: right;
}


/* ---------------------------------------- CONTEUDO ----------------- */

#conteudo{
	position: relative;
	clear: both;
		
	height: 300px;
	
	text-align: center;
}
/* ---------------------------------------- FOOTER ----------------- */

#footer{

	clear: both;
	position: relative;
	
	width: 900px;
	
	margin: 1em 0 1em 0;

	text-align: center;
	
	color: #8A288E ;
	
	border-top: 1px solid #8A288E;

}

#footer h6{
	color: #b99e46;
}