/* 
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_vermelho.png') repeat-x #FFF; font-family:Tahoma; }
li		  { list-style:none; }
ul		  { list-style:none; }

fieldset          { border:0; }

#corpo            { width: 800px; margin:0 auto; padding-bottom:30px; }

#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;
}
#topo			{ width:800px; margin:0 auto; } 

#cabecalho      { width:800px; margin:0 auto; }
#cabec_logo	    { width:270px; height: 121px; float:left; margin-top:22px; margin-bottom:11px; background:url('../images/logotip_novo.png'); }
#cabec_resto	{ width:530px; height: 155px; float:left; }

#menu			{ width:800px; float:left; background:url('../images/bg_black.png') repeat-x 0 100%; border-left:inset; border-right:outset; }
#menubar		{ height:40px; padding-left:60px; float:left; }

#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: 90px; width: 170px; }

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

#txtpaginas          { font-size:13px; color:#000; margin-right:5px; padding-top:20px; }
#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; margin-right:5px; }
#txtpaginas li		 { font-size:13px; list-style:square; }



#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; 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: 200px; margin:0px; float:left; padding-left:15px; padding-top:10px; padding-bottom:10px; font-size:12px; }
#destaque h1	  { margin: 20px 0; font-size:14px; }
#destaqueTexto    { width:420px; height: 200px; float:left; font-size:12px; }
#destaqueTexto h1 { margin: 20px 0; font-size:14px; }
#destaqueTexto p  { margin: 15px 0; }
#imgdestaque        { width:100px; height: 150px; margin:0px; float:left }

#noticias         { width:550px; height: 300px; margin:0px;  font-size:10px; }
#noticias h1	  { font-size:12px; font-weight:bold; }

#noticiasesq		{ width:310px; height: 200px; font-size:10px; margin:0px; float:left; margin-left:15px; padding-left:5px; border-width:thin; border-style:inset; overflow:hidden;}
#noticiasesqtitulo	{ width:300px; height: 20px; font-size:10px; margin:0px; float:left; }
#noticiasesqtexto	{ width:300px; height: 180px; font-size:9px; margin:0px; float:left; overflow:hidden;}

#noticiasdir         { width:193px; height: 99px; background:url(../images/bkgnotdir.jpg); margin:0px; float:left; margin-left:3px; padding-left:5px; border-width:thin; border-style:outset; color:#000; }
#noticiasdir a       { color:#900; text-decoration:none; text-align:justify; }



/*
#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; }

#slideshow {
    position:relative;
    height:200px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 200px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 200px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}


/* debug*/