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

body{
	margin:0px;
	background:#D1E3ED url(img/fundo_site.jpg) no-repeat top center;
}
.body{
	margin:0px;
	background:#D1E3ED;
}
#todosite{
	margin:auto;
	width:1000px;
	height:auto;
}
/*************** cabecalho do site ***************/
#cabecalho{
	height:365px;
	width:100%;
	margin-top:24px;
}
#cabecalho_paginas{
	height:140px;
	width:100%;
	margin-top:24px;
}
/*************** cabecalho do site/lado_esquerdo ***************/
#lado_esquerdo{
	float:left;
	width:472px;
	margin-left:28px;
}
#logo{
	width:270px;
	margin-top:27px;
	margin-left:17px;
}
#demo{
	width:441px;
	height:167px;
	margin-top:60px;
	background:url(img/demo.png) no-repeat;
}
#texto_oculto1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#76490C;
	margin-left:60px;
	margin-top:30px;
	margin-right:55px;
	line-height:140%;
}
#demo_texto{
	width:441px;
	height:102px;
}
#link {
	width:372px;
	height:34px;
	margin-left:37px;
	margin-top:15px;
	position:relative;
	background:url(img/link.gif)  no-repeat;
}
#link ul {
	  list-style:none;
      text-indent:-9999em;
}
#link li {
	  position:absolute;
      top:0;
      height:34px;
} 
#link li a{
      display:block;
      text-decoration:none;
      width:100%;
      height:100%;
	  margin:0;
	  padding:0;
      top:0;
}
#link1 {
	width:372px;
	left:0px;
}
#link1 a:hover{
      background:url(img/link.gif) no-repeat 0 -35px;
}
h1, h2, h3, h4, h5, h6{ 
	margin:0px;
	text-indent:-9999em;
}
/*************** fim cabecalho do site/lado_esquerdo ***************/

/*************** cabecalho do site/lado_direito ***************/
#lado_direito{
	float:left;
	width:452px;
	height:343px;
	margin-left:48px;
}
#lado_direito_paginas{
	margin-top:60px;
	float:left;
	width:452px;
	margin-left:48px;
}
#computador{
	margin-left:5px;
}
#login{
	background:url(img/login.png) no-repeat;
	width:384px;
	height:34px;
	margin-top:22px;
	margin-left:39px;
}
.usuario{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#4B4B4B;
	background:transparent;
	border:0px;
	margin-left:60px;
	*margin-left:21px; /* IE 7 */
	margin-top:9px; 
	*margin-top:8px; /* IE 7 */
}
.senha{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#4B4B4B;
	background:transparent;
	border:0px;
	margin-left:12px;
	*margin-left:12px; /* IE 7 */
	margin-top:9px; 
	*margin-top:8px; /* IE 7 */
}
#ok{
	cursor:pointer;
	text-decoration:none;
	width:30px;
	height:20px;
	background:transparent;
	border:0px;
	margin-left:8px;
	*margin-left:7px; /* IE 7 */
	margin-top:4px; 
	*margin-top:2px; /* IE 7 */
}
/*************** fim cabecalho do site/lado_direito ***************/
/*************** final cabecalho do site ***************/

/*************** conteudo do site ***************/
#conteudo{
	clear:both;
	width:972px;
	height:300px;
	margin-left:28px;
}
#conteudo_paginas{
	width:972px;
	height:auto;
	margin-left:28px;
}
#box{
	float:left;
	background:url(img/box.png) no-repeat;
	width:304px;
	height:270px;

}
/*************** conteudo paginas ***************/
#box_paginas{
	float:left;
	background:url(img/box_paginas.png) no-repeat;
	width:304px;
	height:223px;

}
#box_plataforma{
	background:#f2f2f2;
	padding:20px;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:justify;
	font-size:11px;
	color:#5B5B5B;
	float:left;
	margin-bottom:40px;
	width:590px;
	height:auto;
}
b{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
}
/*************** fim conteudo paginas ***************/

#titulo_box1{
	margin-top:18px;
	margin-left:56px;
	background:url(img/titulo_box1.gif) no-repeat;
	height:42px;
}
#texto_box1{
	margin-top:10px;
	margin-left:56px;
	background:url(img/texto_box1.gif) no-repeat;
	height:88px;
}
#titulo_box2{
	margin-top:18px;
	margin-left:56px;
	background:url(img/titulo_box2.gif) no-repeat;
	height:44px;
}
#texto_box2{
	margin-top:5px;
	margin-left:56px;
	background:url(img/texto_box2.gif) no-repeat;
	height:108px;
}
#titulo_box3{
	margin-top:18px;
	margin-left:56px;
	background:url(img/titulo_box3.gif) no-repeat;
	height:38px;
}
#texto_box3{
	margin-top:6px;
	margin-left:56px;
	background:url(img/texto_box3.gif) no-repeat;
	height:108px;
}
#btn_box {
	width:75px;
	height:26px;
	margin-left:215px;
	margin-top:32px;
	position:relative;
	background:url(img/btn_box.png)  no-repeat;
}
#btn_box ul {
	  list-style:none;
      text-indent:-9999em;
}
#btn_box li {
	  position:absolute;
      top:0;
      height:26px;
} 
#btn_box li a{
      display:block;
      text-decoration:none;
      width:100%;
      height:100%;
	  margin:0;
	  padding:0;
      top:0;
}
#link2 {
	width:75px;
	left:0px;
}
#link2 a:hover{
      background:url(img/btn_box.png) no-repeat 0 -26px;
}
#btn_box2 {
	width:75px;
	height:26px;
	margin-left:215px;
	margin-top:16px;
	position:relative;
	background:url(img/btn_box.png)  no-repeat;
}
#btn_box2 ul {
	  list-style:none;
      text-indent:-9999em;
}
#btn_box2 li {
	  position:absolute;
      top:0;
      height:26px;
} 
#btn_box2 li a{
      display:block;
      text-decoration:none;
      width:100%;
      height:100%;
	  margin:0;
	  padding:0;
      top:0;
}
#link3 {
	width:75px;
	left:0px;
}
#link3 a:hover{
      background:url(img/btn_box.png) no-repeat 0 -26px;
}
#btn_box3 {
	width:75px;
	height:26px;
	margin-left:215px;
	margin-top:22px;
	position:relative;
	background:url(img/btn_box.png)  no-repeat;
}
#btn_box3 ul {
	  list-style:none;
      text-indent:-9999em;
}
#btn_box3 li {
	  position:absolute;
      top:0;
      height:26px;
} 
#btn_box3 li a{
      display:block;
      text-decoration:none;
      width:100%;
      height:100%;
	  margin:0;
	  padding:0;
      top:0;
}
#link4 {
	width:75px;
	left:0px;
}
#link4 a:hover{
      background:url(img/btn_box.png) no-repeat 0 -26px;
}
/*************** fim do conteudo do site ***************/

/*************** rodape do site ***************/
#rodape{
	background:url(img/texto_contato.gif) no-repeat 620px top;
	margin: 30px 0px 0px 0px;
	width:100%;
	height:40px;
}
#rodape_texto{
	margin-bottom:20px;
	margin-top:35px;
	margin-right:30px;
	text-align:right;
	font-family:Tahoma, Geneva, sans-serif;
	color:#666;
	font-size:11px;
}
.campos{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	border:solid 1px #9C0;
	background:#f7f7f7;
	margin-top:1px;
}
.btn_campos{
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	border:solid 1px #80BA3F;
	background:#9C0;
	margin-top:1px;
	width:100px;
	height:32px;
}