@charset "utf-8";
/* CSS Document */

/************************************
Atmosfera
Criado em: Novembro/2008                     																					
Desenvolvido por: ZONAInternet
************************************/

/************************************
	BASIC TAGS
************************************/

* { margin: 0; padding: 0;	border: none; text-decoration: none; list-style-type: none; }

html { width: 100%; height: 100%; }

body {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	color: #572225;
	line-height: 18px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#desktop {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -292px;
	margin-left: -490px;
	width: 980px; height: 585px;
}

#lightbox {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -292px;
	margin-left: -490px;
	width: 980px; height: 585px;
	z-index: 15;
	/*background: #FFFFFF;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=92);
	-moz-opacity:0.92;*/
}

#fulldesktop {
	width: 100%; height: 100%;
}

/************************************
	CLASSES
************************************/

	.bold { font-weight: bold; }
	.italic { font-style: italic; }
	.center { text-align: center; }
	.right { text-align: right; }
	.block { display: block; }
	.upercase { text-transform: uppercase; }
	.underline { text-decoration: underline; }
	.clear { clear: both; }
	.24 { line-height: 24px; }
	a { color: #572225; text-decoration: none; }
	h1 { font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; }
	.none { display: none; }

/************************************
	ESTRUTURA 
************************************/

#lightboxInside {
	margin: 120px auto;
	width: 500px; height: 307px;
	background: url(../imgs/bg_lightbox.gif);
	text-align: center;
}
	#lightboxInside #logos {
		margin: 40px auto 0;
		width: 420px; height: 75px;
		background: #FFFFFF;
	}
	#lightboxInside p { color: #FFFFFF; font-size: 14px; line-height: 21px; }
	#lightboxInside a { font-weight: bold; color: #FFFFFF; }
	#lightboxInside a:hover { text-decoration: underline; }
	.fechar { font-size: 10px; float: right; margin: 5px 10px 0 0; }
	
#logoFlash { width: 351px; height: 107px; }

.colunaUnica { width: 980px; }
.colunaUnica #conteudo { padding-left: 47px; }

#colunaEsquerda {
	float: left;
	width: 480px;
}
	#colunaEsquerda #conteudo {
		padding: 13px 0 0 47px;
		width: 425px;
	}
		#colunaEsquerda #conteudo h1, #menu { margin-top: 35px; }
		#colunaEsquerda #conteudo p { padding: 6px 15px 0 0; }
		
		li { display: inline; }
		
		#menu li a { font-size: 12px; font-weight: normal; text-transform: uppercase; }
		#menu li a:hover { text-decoration: underline; }
		
		
		/* MENU TOPO */
		body#atmosferaActive 	#menu ul li.menutopo_01 a,
		body#sementeActive 		#menu ul li.menutopo_02 a,
		body#praquemActive 		#menu ul li.menutopo_03 a,
		body#clippingActive 	#menu ul li.menutopo_04 a,
		body#ambientacaoActive 	#menu ul li.menutopo_06 a{ text-decoration: none; color: #c9bf78; cursor: default; }
		
		/* MENU BOTTOM */
		body#inspiracoesActive 	#menu ul li.menubottom_01 a,
		body#comemoracoesActive #menu ul li.menubottom_02 a,
		body#suacasaActive 		#menu ul li.menubottom_03 a,
		body#ambientesActive 	#menu ul li.menubottom_04 a { text-decoration: none; color: #c9bf78; cursor: default; }
				

#colunaDireita {
	float: right;
	width: 500px; height: 580px;
	position:relative;
}




.clipping { padding: 15px 0; }
.clipping .itemClip { position: relative; float: left; margin: 0 2px 5px 0; width: 140px; height: 126px; background: url(../imgs/bg_clipping.gif); }
.clipping .itemClip a { display: block; padding: 6px; width: 128px; height: 114px; overflow: hidden; text-align: center; vertical-align: middle; }
.clipping .itemClip a span { position: absolute; bottom: 6px; right: 6px; display: block; width: 22px; height: 21px; background: url(../imgs/lupa.gif); }

#flash {
	width: 100%; height: 100%;
}

#footer {
	clear: both;
	margin: 20px 0 0 47px;
	width: 933px; height: 50px;
	/*text-align: center;*/
	font-size: 10px;
}
	#footer a { color: #666666; }
	#footer a:hover { color: #333333; }
	#footer a.parceiro { display: block; margin: 0; width:159px; }