/*
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
| Destaque principal home Setting                                               |
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
*/

#media {
    margin-botton: 30px;
}

#spotLight{
	position:relative;
	width:778px;
	height:199px;
	float:left;
	margin-bottom:40px;
}

#spotLight IMG{
	position:absolute;
}

#spotLight A{
	text-decoration:none;
}

#ghostBoxLeft{
	width:233px;
	height:192px;
	position:absolute;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	padding:5px 5px 2px 13px;
}

#ghostTextBoxLeft {
    color:#fff;
    text-decoration:none;
	color:#FFFFFF;
	height:100px;
	text-decoration:none;
	/* RETIRADO PQ TEXTO FICA PRA DIREITA NO IE7. AGUARDAR CORRECAO DO THIAGO PARA IE7 E VOLTAR. TEM QUE CORRIGIR MARGIN DOS BOTOES PREVIOUS/NEXT
	position:absolute;
	top:50%;
	margin-top:-50px;*/
}
#ghostTextBoxLeft A{
	color:#FFF;
    text-decoration:none;
}

#ghostTextBoxLeft H3{
    color:#ffffff;
	padding:0px;
	margin:0px;
	font-size:16px;
	padding:0px 0px 5px 0px;
    text-transform:uppercase;
}

#ghostTextBoxLeft P{
	padding:0px;
	margin:0px;
	font-size:15px;
	line-height:19px;
}

#ghostBoxRight{
	width:250px; /*  caso tenha que ser via texto, comentar o width e substituir espaço por <br> para quebrar em linhas */
	height:199px;
	position:absolute;
	right:27px;
	top:10px;
}

#ghostBoxRight H2{
	font-size:80px;
	margin:0px;
	padding:0px;
	line-height:70px;
	text-align:right;
}

#ghostBoxRight H2 A{
	text-decoration:none;
    text-transform:uppercase;
}

.ghostBoxRightA_Blue {
    color:#0099FF;
}
.ghostBoxRightA_Green {
    color:#669900;
}
.ghostBoxRightA_Orange {
    color:#FF6600;
}
.ghostBoxRightA_Orange2 {
    color:#FF9900;
}


/*
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
| SubDestaques principal home Setting                                               |
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
*/

.item{
	width:270px;
	float:left;
	zoom:1;
    height:217px;
    margin-top:8px;
	margin-bottom:20px;
    overflow:hidden;
}

.item:first-child{
    height:217px;
    margin-bottom:0;
	overflow:hidden;
}
.item:after {
	display:block;
	clear:both;
	content:".";
	height:0px;
	visibility:hidden;
}

.item A{
	text-decoration:none;
}

.item EM {
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	font-family: 'MS Sans Serif', Geneva, sans-serif;
	width:110px;
	float:left;
}

.item EM A{
	font-size:20px;
	font-style:normal;
	font-weight:normal;
	font-family: 'MS Sans Serif', Geneva, sans-serif;
	line-height:16px;
}

.item IMG{
	float:left;
	margin:0px 5px 3px 0px;
}

.item H3{
	margin:20px 0px 5px 0px;
}

.item H3 A{
	font-size:13px;
}

.item H3 A{
	color:#526671;
}

.item SMALL IMG{
	border:0px none;
	margin:2px 6px 0px 0px;
}

.item SMALL{

	margin:0px 0px 15px 0px;
	clear:both;
	display:block;
}

.item SMALL A{
	color:#526671;
	font-size:12px;
	line-height:18px;
}

.lastChild{
	margin-bottom:5px!important;
}

.ILeft{
	margin-left:1px;
	margin-right:35px;
}

.IRight{
margin-left:1px;
}

/* Item Skin Azul*/

.skinBlue{
	background:transparent url('../img/trace_azul.gif') repeat-x 0px bottom;
}

.skinBlue EM A{
	color:#0099FF;
}

.skinBlue IMG{
	border:2px solid #0099FF;
}

/* Item Skin Verde*/

.skinGreen{
	background:transparent url('../img/trace_green.gif') repeat-x 0px bottom;
}

.skinGreen EM A{
	color:#669900;
}

.skinGreen IMG{
	border:2px solid #669900;
}

/* Item Skin Rosa*/

.skinPink{
	background:transparent url('../img/trace_pink.gif') repeat-x 0px bottom;
}

.skinPink EM A{
	color:#FF3366;
}

.skinPink IMG{
	border:2px solid #FF3366;
}

/* Item Skin Laranja*/

.skinOrange{
	background:transparent url('../img/trace_orange.gif') repeat-x 0px bottom;
}

.skinOrange EM A{
	color:#FF6600;
}

.skinOrange IMG{
	border:2px solid #FF6600;
}

/* Item Skin Laranja2*/

.skinOrange2{
	background:transparent url('../img/trace_orange.gif') repeat-x 0px bottom;
}

.skinOrange2 EM A{
	color:#FF9900;
}

.skinOrange2 IMG{
	border:2px solid #FF9900;
}

/* Item Skin Red*/

.skinRed{
	background:transparent url('../img/trace_orange.gif') repeat-x 0px bottom;
}

.skinRed EM A{
	color:#FF9900;
}

.skinRed IMG{
	border:2px solid #FF9900;
}

/*
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
| Slide da Home - Destaque                                              |
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
*/


#slider {
    width: 780px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
    /* colocando margem botton para o slider da home */
    margin-bottom: 10px;
}

#sliderContent {
    width: 780px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 754px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    /*display: none; ERA UTILIZADO NO s3slider*/
}
.clearSliderImage {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}

.left {
	top: 0;
    left: 0;
	width: 230px !important;
	height: 300px;
}
.right {
	right: 0;
	bottom: 0;
	width: 50px !important;
	height: 199px;
}
ul { list-style-type: none;margin:0;padding:0}

.next {
	float: left;
	margin-left:197px;
	margin-top: 163px; /* 262px (apos correcao do texto no IE7, voltar) */
}

.previous {
	float: left;
	margin-top: 163px; /* 262px (apos correcao do texto no IE7, voltar) */
}