/* 
Document   : estilo
Created on : 23/07/2009, 21:56:51
Description: folha de estilo do site da Micropost
*/

*                 { margin:0; padding:0;}
body              { background: url('../images/topo_degrade.png') repeat-x #FFF; font-family:Tahoma; }

fieldset          { border:0; }

#corpo            { width: 800px; margin:0 auto;}

#modelo		  	  {
	width:680px;
	height:auto;
	padding:5px;
	margin-left:5px;
	font-size:12px;
	color:#000;
	text-align:center;
	}
	
#modelo h2		  { 
	font-size:16px;
	color:#600;
	}

#modelo div.modelo1 {
	width:180px;
	height:210px;
	padding-left:40px;
	float:left;
}

#modelo div.modelo2 {
	width:180px;
	height:210px;
	float:left;
	padding-left:40px;
}

#modelo div.modelo3 {
	width:180px;
	height:210px;
	float:left;
	padding-left:40px;
}

#modelo div.zera_float {
	clear:both;
}


#cabecalho        { width:800px; height: 115px; margin:0 auto; margin-top:50px; background: url('../images/topo_cinza.png') no-repeat center; }
#cabecalho img    { float:left; padding: 10px 10px; }

#menu             { float: right; width:500px; height:30px; margin-top:25px; margin-right:20px; }
#menu li          { float: left;  width:104px; padding: 2px 10px 5px 10px; list-style-type:none; text-align:center; background:url('../images/botao.png') no-repeat center; }
#menu li a        { color:#FFF; font-size:14px; font-weight:bold; text-decoration:none; }



#empresa          { width: 750px; margin:0 auto; background: url('../images/logoback.jpg') no-repeat center; }

#imgempresa          { float: left; margin-right:5px; height: 120px; width: 170px; }
#imgprodutos         { float: left; margin:20px 10px 15px 10px; height: 120px; width: 170px; }

#imgprodutos2         { float: right; margin-right:5px; height: 220px; width: 170px; }

#txtpaginas          { font-size:13px; color:#000; margin-right:5px; padding-top:10px; }
#txtpaginas h1       { font-size:16px; color:#600; font-weight:bold; }
#txtpaginas h2       { font-size:14px; color:#600; font-weight:bold; }
#txtpaginas p        { font-size:13px; color:#000; }
#txtpaginas li       { font-size:13px; color:#000; }
#txtpaginas ul       { font-size:13px; color:#000; }


#interno				{ width:400px; font-size:13px; color:#000;}
#interno h2				{ padding:10px 15px 20px 15px; font-size:18px; color:#FFF; }
#interno .campos label	{ float:left; width:1000px; padding-left:10px; }
#interno .campos input	{ float:left; width:150px; margin-bottom:10px; }
#interno .botoes 		{ padding-left:50px; }
#interno .floatstop 	{ clear:both; }


/*
#rodape           { width:100%; height: 25px; margin:0 auto; margin-top:30px; padding-top:10px; text-align:center; font-size:12px; background: url('../images/baixo_azul.png'); color:#FFF; float:left; }

#rodape           { width:100%; height: 25px;margin:-3425px 0px 0px 0px;  text-align:center; font-size:12px; background: url('../images/baixo_azul.png'); color:#FFF; float:left; }
#rodape           { width:100%; height: 25px; margin:0 auto; margin-bottom:0px; padding-top:10px; text-align:center; font-size:12px; background: url('../images/baixo_azul.png'); color:#FFF; float:left; }

*/

#rodape           { width:100%; height: 25px; margin:0 auto; margin-top:30px; padding-top:10px; text-align:center; font-size:12px; background: url('../images/baixo_azul.png'); color:#FFF; float:left; }







/* configuracoes da pagina inicial */
#conteudo		  { width:800px; margin:0 auto; background-color:ff0000;}
#conteudo_esq	  { width:600px ; height:480px; float:left; }
#conteudo_dir	  { width:180px ; height:480px; float:left; border-width:0px 0px 0px 0px; border-color:#666; border-style:solid; }
#chat			  { width:180px; height:110px; border:none; }
#userbars		  { width:180px; height:100px; }
/*#login			  { width:180px; height:110px; border:none; background-image:url('../images/login.png'); } */
#login			  { width:180px; height:110px; border:none; background-image:url('../images/login.png'); color:#333; font-size:10px; text-align:left; border: none; margin:12px 0px 0px 0px }

#destaque         { width:520px; height: 420px; margin:0px; float:left; padding-left:30px; padding-top:20px; font-size:12px; }
#destaque h1	  { margin: 20px 0; font-size:14px; }
#destaqueTexto    { float:left; width:500px; margin-left: 180px; margin-top:5px; font-size:10px; }
#destaqueTexto h1 { margin: 20px 0; font-size:14px; }
#destaqueTexto p  { margin: 15px 0; }

#imgdestaque        { width:100px; height: 100px; margin:0px; float:right }
#txtdestaque        { margin:5px; float:left; font-size:12px;}
#txtdestaque h1		{ margin: 20px 0; font-size:14px; }


/*
#chat         { width:190px; height: 160px; margin:0 auto; margin-top:10px; background: url('../images/linhas.png') no-repeat center; }
#chatTexto    { float:left; width:500px; margin-left: 180px; margin-top:20px; font-size:10px; }
#chatTexto h1 { margin: 20px 0; font-size:14px; }
#chatTexto p  { margin: 15px 0; }
#atuacao         { width:550px; height: 135px; margin:0px; float:left;overflow:auto;}

*/
#quadro-atuacao		{ width:572px; height: 135px; margin:0px; float:left; background:url(../images/quadro.png); }
#atuacao			{ width:525px; height: 65px; margin-top:20px; padding-left:20px; padding-top:30px; overflow:hidden; }
#tel				{ width:557px; font-size:10pt; margin-left:6px; }

#atuacao h2			{ font-size:12px; text-shadow:#333; text-decoration:underline; color:#333; padding-top:10px; padding-left:15px;}
#atuacao h3			{ font-size:12px; text-shadow:#333; text-decoration:none; color:#333}

/*
#atuacao          { width:530px; height: 110px; margin:0 auto; margin-top:10px; padding: 12px 20px; background: url('../images/box.png') no-repeat center;
                    color:#FFF; font-size:18px; text-align:center; }
#atuacao div      { float: left; width:210px; height:100px; margin:0px 20px; }
#atuacao h2       { font-size:16px; padding-top:10px; }
*/
#boxes            { width:800px; height: 180px; margin:0 auto; }
#boxes>div        { float:left; width:250px; height:170px; margin:7px; background:url('../images/box_small.png') no-repeat center; }

/* configuracoes das paginas internas */

#boxInterno       { width:760px; height: 148px; margin:0 auto; margin-top:10px; padding: 12px 20px; background: url('../images/box.png') no-repeat center;
                    color:#009; font-size:18px; text-align:center; }
#boxInterno h1    { margin: 20px 0; font-size:24px; color:#FFF}
#boxInterno p     { margin: 15px 0; color:#000 }
#boxInterno li     { color:#000 }


/* sistema de cameras - login */

#cameras h2      { padding:10px 15px 20px 15px; font-size:18px; color:#FFF; }

#cameras .campos label { float:left; width:70px; padding-left:10px; }
#cameras .campos input { float:left; width:130px; margin-bottom:10px; }

#cameras .botoes { padding-left:50px; }


/* debug*/