/*--------padrao topo*/

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


/*--------padrao topo*/

* {	text-decoration:none; margin:0; padding:0; list-style:none;	vertical-align:middle; border:none;/* Começo zerando tudo. O */}
body {margin: 0 auto; text-align:center; font: 100%  Verdana, Arial, Helvetica, sans-serif; background:url(../images/bg_body2.jpg); background-repeat:repeat-x;}

h1{ font:Arial, Helvetica, sans-serif; font-size:18px; color:#000; margin:10px 0 20px 0;}
h2{ font:Arial, Helvetica, sans-serif; font-size:20px; color:#fff; margin:30px 0 20px 0;}
h3{ font:Arial, Helvetica, sans-serif; font-size:15px; color:#000; margin:0px 0 20px 0;}
h4{ font:Arial, Helvetica, sans-serif; font-size:15px; color: #F60;}



p{ color:#000; text-align:justify;}
.p_home{ color:#D74C55;}

/*--------divs*/

#geral 		{width: 869px;  margin: auto; padding: 0; text-align:center; position:relative; top:0; left: 0; border: 0px solid #f60; }

#cabecalho 	{ width: 869px; height:191px; background-image:url(file:///D|/Meus%20documentos/Web%20Design%20&%20Design%20Gr%C3%A1fico/clientes/Spsign/images/topo.jpg); }

#logo{ float:left; width:434px; height:191px;}

#logo_img_holder{ float:left; padding:40px 0 0 0px;}
#logo_texto_holder{ float:left; padding:70px 0 0 0px;}

#post_it_holder{ float:right; margin:20px 40px 0 0;}

#marcadgua{ float:left; width:434px; height:191px; background-image:url(../images/topo_marcadgua.png); background-repeat:no-repeat; background-position:right; }

#conteudo { margin:auto; width:869px; height:100%;  border: 0px solid #f60; text-align:center; }

#flash{float:left; width:869px; height:301px; margin:18px 0 0 0; border:0px solid #000; text-align:center; background-image:url(../images/swf.png); background-repeat:no-repeat; background-position:center;}

#painel{float:left; width:869px; height:254px; margin:13px 0 0 0; border:0px solid #000; background-image:url(../images/painel_centro.png); background-position:center; background-repeat:no-repeat;}

#painel_interno{float:left; width:869px; height:533px; margin:22px 0 31px 0px; border:0px solid #000;background-image:url(../images/painel_interno.jpg); background-repeat:no-repeat;}

#painel_interno_textos{ width:700px; font:Arial, Helvetica, sans-serif; color:#fff; font-size:13px; text-align:justify; padding:5px 0px 0 30px;}

#painel_1{ float:left; height:250px; width:250px; margin:0 0 0 20px; padding:20px 0 0 0; font:Arial, Helvetica, sans-serif; color:#D74C55; font-size:11px; border:0px solid #000;}

#painel_2{ float:left; height:250px; width:250px; margin:0 0 0 30px; padding:20px 0 0 0; font:Arial, Helvetica, sans-serif; color:#D74C55; font-size:11px; border:0px solid #000;}

#painel_3{ float:left; height:250px; width:250px; margin:0 0 0 30px; padding:20px 0 0 0; font:Arial, Helvetica, sans-serif; color:#D74C55; font-size:11px; border:0px solid #000;}

#noticias_painel{ float:left; width:500px; margin:30px 0 0 150px;}
#noticias_painel_texto{ float:left; width:500px; text-align:justify; margin:30px 0 0 160px; border:0px solid #000;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#painel_1_img{ padding:30px 0 0 20px; float:left;}
#painel_2_img{ padding:30px 0 0 20px; float:left;}

#painel_1_textos{ padding:10px 0 0 0; float:left; text-align:justify;}
#painel_2_textos{ padding:27px 0 0 0; float:left; text-align:justify;}
#painel_3_textos{ padding:15px 0 0 0; float:left; text-align:justify;}

#painel_equipamentos{ height:520px; overflow:auto; border:0px solid #000;}

#painel_duvidas{ width:700px; margin:0 0 0 65px;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

#voltar_painel{ float:left; width:500px; margin:50px 0 0 0; border:0px solid #000;}
#voltar_painel_1{ float:left; width:500px; margin:130px 0 0 0; border:0px solid #000;}
#voltar_painel_2{ float:left; width:500px; margin:165px 0 0 0; border:0px solid #000;}
#voltar_painel_3{ float:left; width:500px; margin:135px 0 0 0; border:0px solid #000;}
#voltar_painel_4{ float:left; width:500px; margin:15px 0 0 0; border:0px solid #000;}

#voltar_texto{ float:right; padding:0 10px 0 0; color:#FFF; border:0px solid #000;}
#voltar_img{ float:right; border:0px solid #000;}

#barra_colorida{ float:left;  width:869px; height:18px; background-image:url(../images/barra_colorida.jpg); background-repeat:no-repeat;}

#mapa{margin:50px 10px 0 0;}



#form{ color:#FFFFFF; margin:65px 0 0 0;}


#galeria_fotos{ width:840px; height:500px; margin:13px 0 0 13px; border:0px solid #000;}

/*----------------------------------------------------------------menu principal*/

.menu {float: left; width:869px; height:45px;  margin:-38px 0 0 0px; padding:0px 0 0 10px;  position:relative;  font: bold 10px Tahoma, Verdana, Arial, Sans-serf;
border: solid #fff 0px;}
.menu ul li {float:left;  position:relative; margin:0 2px 0 0; width:89px; height:27px; border: solid #fff 0px; background-image:url(../images/menu.png); background-repeat:no-repeat; padding:0 0 0 3px;}
.menu ul li a { display: block; text-align:center; float: left;  border:0; cursor:  pointer; color:#FFF;}
.menu ul li a:hover {font-weight:bold; text-decoration:underline;}
.menu ul li a:active {}

/*----------------------------------------------------------------*/

ul li.hom {float:left; position:relative;}

ul li.hom a {margin:10px 0 0 26px; text-align:center; }
ul li.hom a:hover {}
ul li.hom a:active {}
/*----------------------------------------------------------------*/
ul li.emp {float:left; position:relative;}

ul li.emp a {margin:10px 0 0 17px; }
ul li.emp a:hover {}
ul li.emp a:active {}
/*----------------------------------------------------------------*/
ul li.por {float:left; position:relative;}

ul li.por a {margin:10px 0 0 12px; }
ul li.por a:hover {}
ul li.por a:active {}
/*----------------------------------------------------------------*/
ul li.cli {float:left; position:relative;}

ul li.cli a { margin:10px 0 0 17px; }
ul li.cli a:hover {}
ul li.cli a:active {}
/*----------------------------------------------------------------*/
ul li.loc {float:left; position:relative;}

ul li.loc a {margin:10px 0 0 4px;}
ul li.loc a:hover {}
ul li.loc a:active {}
/*----------------------------------------------------------------*/
ul li.ser {float:left; position:relative;}

ul li.ser a {margin:10px 0 0 16px; }
ul li.ser a:hover {}
ul li.ser a:active {}
/*----------------------------------------------------------------*/
ul li.con {float:left; position:relative;}

ul li.con a {margin:10px 0 0 18px; }
ul li.con a:hover {}
ul li.con a:active {}

/*----------------------------------------------------------------*/

ul li.duv {float:left; position:relative;}

ul li.duv a {margin:10px 0 0 20px; }
ul li.duv a:hover {}
ul li.duv a:active {}

/*----------------------------------------------------------------*/
ul li.equ {float:left; position:relative;}

ul li.equ a {margin:10px 0 0 0px; }
ul li.equ a:hover {}
ul li.equ a:active {}

/*-------------------Menu_noticias---------------------------------------------*/



.menu_noticias { float:left; width:600px; height:300px; margin:50px 0 0 124px; border:0px solid #000;}
.menu_noticias ul li { text-align:center; float: left; padding:30px 0 0 60px;  border:0; cursor:  pointer; color:#FFF;}
.menu_noticias ul li a {  text-align:center; float: left;  border:0; cursor:  pointer; color:#FFF;}
.menu_noticias ul li a:hover {font-weight:bold; text-decoration:underline;}
.menu_noticias ul li a:active {}

/*-----------------Lista_servicos-----------------------------------------------*/

#lista_servicos{ float:left; text-align:left; width:830px; margin:20px 0 0 20px; border:0px solid #000;}
#lista_servicos ul{color:#fff;}
#lista_servicos ul li{ list-style:circle;}

/*----------------------------------------------------------------links*/
.link {padding:0 0 0 15px; margin:0 0 0 5px; font: bold 100%  Arial, Verdana, Tahoma, Sans-serf;  background:no-repeat 0px 2px; color:#22517C;}
.link:hover {color:#fff;}
.link:active {color:#fff;}

.links li {margin:0;}
.links li a {display: block; padding: 0 0 0 15px; width: 400px;  text-align:left; line-height:20px; border: 1px solid #f00; cursor: pointer;}
.links li a:hover {color:#f60;}
.links li a:active {color:#f60;}







/*----------------------------------------------------------------rodape*/
#rodape { clear: both; margin:auto; height:122px; width:883px; text-align: center; font: 100% Arial, Verdana, Tahoma, Sans-serf; margin: 0; border:0px solid #000;
background-image:url(../images/topo_marcadgua.png); background-repeat:no-repeat; background-position:right;}


address {width: 700px; float: left; padding: 0px 5px 5px 0; *padding: 0px 5px 45px 0; font: 70% Arial, Verdana, Tahoma, Sans-serf; color: #000;}
#desenvolvimento {width: 700px; float: left; margin: 5px 0 0 -191px;}

.w3c, .web 		{margin: 0 5px 0px 0;	font: 90% Arial, Verdana, Tahoma, Sans-serf;}
a.w3c:link 			{color: #383838;}
a.w3c:visited 		{color: #383838;}
a.w3c:hover  		{color: #383838;}
a.web:link		{color: #383838;}
a.web:visited 	{color: #383838;}
a.web:hover 	{color: #383838;}