/* :) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	[ Desenvolvido por: Openhaus Marketing Digital .... ]
	[ www.openhaus.com.br - 34 3210 7264 .............. ]
	[ 08.06.2007 ...................................... ]

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ :) */



/* :) Padrões HTML ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ :) */

	*    { margin: 0; padding: 0; }
	body { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #333; line-height: 15px; }
	
	a,visited,active { text-decoration: none; color: #333; }
	a:hover { text-decoration: underline; }
	

/* :) Padrões Formulários ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ :) */

	input,textarea,select { padding: 1px; border: solid 1px #ccc; background: #fff; font-family: Tahoma, Verdana, Arial; font-size: 11px; }
	html>body input,textarea,select { margin-bottom: 2px; }
	
	label { float: left; width: 65px; }
	

/* :) Padrões Class ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ :) */

	.esc { float: left; }
	.dir { float: right; }
	.cls { clear: both; }
	
	.ft10 { font-size: 10px; }
	.ft11 { font-size: 11px; }
	.ft12 { font-size: 12px; }
	.ft13 { font-size: 13px; }
	
	.bold   { font-weight: bold; }
	.normal { font-weight: normal; }
	
	.justify { text-align: justify; }
	
	.ln10 { line-height: 10px; }
	.ln15 { line-height: 15px; }
	
	.branco { color: #fff; }
	.azul   { color: #3366cc; }
	.verde  { color: #2bbe70; }
	
	.bgCinza { background: #a1a1a1; }
	.bgClaro { background: #ebeff7; }

	
/* :) Site ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ :) */

	#corpo  { width: 776px; border: solid 1px #ccc; border-top: none; background: #fff; margin: 0 auto; }
	#flash  {}
	#meio   { margin-top: 1px; border-top: solid 1px #a4a4a4; background: url(../images/sombra_topo.jpg) top repeat-x; padding: 10px 0; }
	#rodape { background: #e7f2ec; margin: 0 10px; }
	
	
/* :) Meio ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ :) */

	#box1 { width: 213px; }
	#box2 { width: 253px; margin: 0 26px; } html>body #box2 { margin-bottom: 10px; } *+html #box2 { margin-bottom: 0px !important; }
	#box3 { width: 237px; }
	
	.boxClaro { width: 235px; background-image: url(../images/box_limpeza_bottom.jpg); background-position: bottom; background-repeat: no-repeat; }
	.boxClaro #int { margin: 0 auto; padding-bottom: 20px; width: 90%; }
	.padTitle { padding-bottom: 8px; }
	
	#title { padding: 5px 5px 5px 10px; width: 198px; margin-bottom: 10px; font-size: 13px; color: #fff; background: #a1a1a1 url(../images/canto_cinza.jpg) right no-repeat; }
	#box1 .int   { padding-left: 10px; first-letter: 15px; }
	#box1 p      { margin: 0; }

	#box1 .int p:first-letter  { font-size: 15px; font-weight: bold; color: #333; }
	#box1 .image { margin: 10px 0; }
	
	#box2 hr { height: 1px; border: dotted 1px #ccc; margin: 5px 0; }
	
		#load { margin: 20px auto; width: 150px; padding: 10px 0 12px; border: solid 1px #ccc; text-align: center; }
	
	
/* :) Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ :) */

	

/* :) Rodape ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ :) */

	

/* :) Interna ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ :) */

	#meioInt { padding: 10px 20px; }
	
	.subTitle { background: url(../images/bg_subtitle.jpg) no-repeat; color: #0F4C9D; font-weight: bold; padding: 4px 0 5px 30px; }
	
	.q3 { padding-top: 5px; margin-right: 5px; float:left; }
	
	.fotoSustentacao { border: solid 1px #ccc; padding: 1px; float: left; margin-right: 10px; }