<!--

/* Body */
 body {
  color: #363636;
  background-color: #EEE;
  /*background-image: url("http://localhost/carelli/sistema/images/back.gif");*/
  font-size: small;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: lighter;
 }
 
 a {
    color:#363636;
 	text-decoration: none;
	}
	
 a:hover{
    color: #CD0000;
    }
    
 form {
    margin: 0;
    padding: 0;
 }
 
 img {
    border-width: 0;
 }
 
 select {
 width: 140px;
 }
 
 hr {
 border-color: #191970;
 border-style: solid;
 border-width: 1px;
 }
 
 h1 {
 width: 96%;
 border-style: solid;
 border-color: #696969;
 border-width: 0px 0px 1px 0px;
 font-size: small;
 font-weight: bold;
 }
 
 h2 {
 width: 96%;
 border-style: solid;
 border-color: #696969;
 border-width: 0px 0px 1px 0px;
 font-size: medium;
 font-weight: bold;
 text-align: right;
 }
 
 .mini {
 font-size: x-small;
 color: #9C9C9C;
 }
 
 .vermelho {
 font-weight: bold;
 color: #F00;
 }
 
 .showlista {
 width: 96%;
 margin: 0;
 border-width: 0px;
 text-align: left;
 }
 
 .showlista td{
 padding: 5px;
 background-color: #F8F8FF;
 color: #483D8B;
 }
 
 .showlista a{
 color: #483D8B;
 }
 
 .showlista a:hover{
 color: #6A5ACD;
 }

/* Layout */
 .mainheader {
 background-color: #191970;
 background-image: url("../images/backgreylong.gif");
 background-repeat: repeat-x;
 width: 100%;
 height: 120px;
 border-width: 1px;
 border-style: solid;
 border-color: #696969;
 margin-left: -50%;
 position: absolute;
 top: 0px;
 left: 50%;
 text-align: left;
 }

 .mainheadershadow {
 background-color: #696969;
 width: 100%;
 height: 120px;
 border-width: 0px;
 margin-left:-50%;
 position:absolute;
 top:3px;
 left:50%;
 }

 .main{
 width: 768px;
 background-color: #FFF;
 border-width: 1px;
 border-color: #696969;
 border-style: solid;
 margin-left:-384px;
 padding: 0 0 30px 0;
 position:absolute;
 top:156px;
 left:50%
 }
 

/* Menu */

 .navbar {
 background-color: #696969;
 background-image: url("../images/backgrey.gif");
 background-repeat: repeat-x;
 width: 768px;
 margin: 0;
 padding: 0;
 margin-left: -385px;
 border-style: solid;
 border-width: 1px;
 border-color: #696969;
 font-size: 10pt;
 position:absolute;
 top:0;
 left:50%;
 }

 ul.nav {
	margin:0;
	padding:0;
	font-size: 10pt;
	}
 ul.nav li {
	list-style:none;
	display:inline;
	}
 ul.nav li a {
    width: 192px;
    float:left;
    padding: 5px 0;
    background-color: #FFF;
    background-image: url("../images/backgrey.gif");
    background-repeat: repeat-x;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
    color: #008B00;
	border-width:0 0 0 1px;
	border-color:#696969;
	border-style:solid;
    position: relative;
	margin-left: -1px;
	}
 ul.nav a:hover{
    background: #191970;
    background-image: url("../images/backgreen.gif");
    background-repeat: repeat-x;
	color: #008B00;
    }
 ul.nav a:active{
    background:#191970;
    background-image: url("../images/backblue.gif");
    background-repeat: repeat-x;
	color:#FFF;
    }
    
/* Menu lateral */
 ul.side {
	margin:0;
	padding:0;
	display: block;
 }
 ul.side li {
	list-style:none;
 }
 
 #lihead {
    width: 171px;
    background-color: #696969;
    background-image: url("../images/backgreen.gif");
    background-repeat: repeat-x;
    float: left;
    padding: 10px;
	text-align:left;
	text-decoration:none;
	font-weight: bold;
	border-width: 1px 0;
	border-color: #696969;
	border-style:solid;
    position: relative;
    margin-right: -3px;
 }
 
 ul.side li a {
    width: 171px;
    float: left;
    padding: 10px;
	text-align:left;
	text-decoration:none;
	font-weight: bold;
	border-width: 1px 0;
	border-top-color: #FFF;
	border-bottom-color: #696969;
	border-style:solid;
    position: relative;
    margin-right: -3px;
 }
 ul.side a:hover{
	color: #008B00;
 }
 ul.side a:active{
    border-top-color:#696969;
	border-bottom-color: #FFF;
 }

 ul.navx {
	margin:0;
	padding:0;
	font-size: 10pt;
	}
 ul.navx li {
	list-style:none;
	display:inline;
	}
 ul.navx li a {
    width: 192px;
    float:left;
    padding: 5px 0;
    background-color: #FFF;
    background-image: url("../images/backgrey.gif");
    background-repeat: repeat-x;
	text-align:center;
	text-decoration:none;
	font-weight: bold;
    color: #008B00;
	border-width:0 0 0 1px;
	border-color:#696969;
	border-style:solid;
    position: relative;
	margin-left: -1px;
	}
 ul.navx a:hover{
    background: #191970;
    background-image: url("../images/backgreen.gif");
    background-repeat: repeat-x;
	color: #008B00;
    }
 ul.navx a:active{
    background:#191970;
    background-image: url("../images/backblue.gif");
    background-repeat: repeat-x;
	color:#FFF;
    }
    
/* Conteúdo */
 
 .mainleft {
 width: 191px;
 /* height: 40em; */
 background: #FFF url(../images/backmenu.jpg) left repeat-y;
 position: absolute;
 left: 0px;
 top: 0px;
 border-width: 0 1px 1px 0;
 border-style: solid;
 border-color: #696969;
 }
 
 .mainright {
 width: 156px;
 /* height: 40em; */
 position: absolute;
 right: 0px;
 top: 0px;
 border-width: 0 0 1px 1px;
 border-style: solid;
 border-color: #696969;
 }
 
 .maincenter {
 width: 550px;
 height: 2000em;
 margin-left: -190px;
 padding: 10px;
 position: relative;
 top: 0px;
 left: 50%;
 /*
 border-width: 1px;
 border-style: solid;
 border-color: #696969;
 */
 }
 
 .maincenterx {
 width: 96%;
 height: 120em;
 padding: 10px;
 position: relative;
 top: 0px;
 left: 2%;
 /*
 border-width: 1px;
 border-style: solid;
 border-color: #696969;
 */
 }


 .sidebut {
  padding: 10px 0;
  text-align: left;
  font-weight: lighter;
 }

 .botao {
  width: 10em;
  float: right;
  margin-right: 1em;
  padding: 2px;
  background-color: #F8F8FF;
  border: solid 1px #483D8B;
  font-weight: bold;
  text-align: center;
 }
 
 .botao a{
  color: #483D8B;
 }
 

 .bottomfeet {
 width: 760px;
 text-align: center;
 font-size: x-small;
 margin: 0 0 0 -380px;
 position: relative;
 bottom: 20px;
 left: 50%;
 }

  #ip1 {
 width: 100%;
 border-style: solid;
 border-color: #696969;
 border-width: 0px 0px 1px 0px;
 padding: 0 0 10px 0;
 }
 
 -->