* {
    border: none;
    font-family: "Arial";
    list-style: none;
    padding: 0px;
    text-decoration: none;
    margin: 0px auto;
	font-size:12px;
	font-weight:lighter;
}

body {
      font-size: 14px;
      line-height: 18px;
      margin: 0px auto;
      text-align: center;
      background:url(../img/site/fundo_sem_sombra.png);
}


#corpo {
	clear:both;
      margin: 0px auto;
      width: 1025px;
      background: transparent url(../img/site/pixel_sombra_dir.jpg) 1010px 1px repeat-y;
}

#container {
      float:left;
	width: 1000px;
	background: #FFF url(../img/site/pixel_sombra_esq.jpg)  0px 1px repeat-y;
	background-position:1000px;
	margin: 0px auto;
	text-align: left;
	min-height:980px;
}


#header {
	float:left;
	display:inline;
	width:100%;
}

#header h1{
	float:left;
	display:inline;
	background:url(../img/logo_jainfo.png) no-repeat ;
	text-indent: -9999px;
	overflow:hidden;
	width:215px;
	height:149px;
	margin:10px 30px 10px 20px;
}

#header ul {
	margin:114px 0px 10px 0px;
}

#header ul li a{
	font-size:18px;
	color:#333;
	font-weight:bold;
	line-height:35px;
	padding:5px 10px 5px 10px;
}

#header ul li .ativo{
	color:#FFF;
	background-color:#008AE7;	
}

#header ul li{
	display:inline;
}

#header ul li a:hover{
	color:#FFF;
	background-color:#008AE7;	
}	

#submenu {
	float:left;
	width:100%;
	line-height:65px;
	background-color:#F77909;
	
}

#submenu h1{
	color
	:#FFF;
	font-family:"Verdana";
	font-weight:bold;
	font-size:50px;
	margin:0px 0px 0px 10px;	
}

#servicos{
	float:left;
	padding:20px;
}

#servicos span a{
	float:left;
	font-family:"Arial";
	color:#666;
	font-size:14px;
}

#planos ul {
	float:left;
	display:inline;
	width:1000px;
	margin:-10px 0px 0px -20px;
	
}

#planos ul li{
	float:left;
	display:inline;
	border-right:1px solid #ccc;
	width:240px;
	height:310px;
	padding:0px 0px 0px 5px ;
}

#planos ul .fim {
      float:left;
      border:none;
}

#planos  h1 {
      width:200px;
      margin: 0px 0px 0px 30px;
      position:absolute;
      font-weight:bold;
	font-size:22px;
	line-height:25px;
	color:#F77908;
      text-align:right;
	
}

#planos  img {
      float:left;
      margin:30px 10px;
}
#planos  h2 {
      margin:20px 0px 0px 15px;
      font-size:16px;
      color:#666;
      width:auto;
}

#planos p {
      float:left;
      width:100%;
      margin:20px 0px 0px 15px;
      font-size:16px;
      color:#666;
      width:auto;
}

#planos ul li p {
	color:#F77908;
	font-size:16px;
	text-align:justify;
	margin:10px;
	width:auto;
	min-height:110px;
}

#planos ul li ul li {
	float:left;
	width:195px;
	height:20px;
	border:none;
	color:#666;
	text-align:left;
}

#planos ul li ul li:hover {
	background-color:#EEE;
	cursor:pointer;
}
#planos ul li ul li p{
	margin:0px 10px 0px 10px;
	float:left;
	color:#666;
	font-weight:bold;
}

#planos ul li ul li h3{
	margin:0px 10px 0px 10px;
	float:left;
	font-weight:lighter;
	font-size:14px;
}

#planos ul li  span a{
	color:#008AE7;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	line-height:35px;
	text-align:center;
	width:160px;
	color:#FFF;
	background-color:#008AE7;
	margin:0px 15px 20px 37.5px;
	
}

#planos ul li span a:hover{
	color:#FFF;
	background-color:#F77909;
	cursor:pointer;
	
}
#vantagens h2 {
	float:left;
	margin:10px;
	width:100%;
	color:#008AE7;
	font-size:25px;
	font-weight:bold;
}

#vantagens ul {
	clear:both;
	float:left;
}

#vantagens ul li{
	float:left;
	color:#666;
	padding:3px 10px;	
	width:100%;
	list-style:inside;
}

#vantagens ul li:hover {
	float:left;
	height:auto;
	background-color:#CFDDE6;
	background-color:#EEE;
	cursor:pointer;
}	

#cases{
      float:left;
      padding:20px;
      width:100%;
      
}

#cases b{
font-family:"Arial";
	font-weight:bold;
	font-size:14px;
	
}

#cases ul {
      float:left;
      display:inline;
      width:100%;
}

#cases ul li{
      float:left;
      display:inline;
      height:250px;
      margin:30px 10px 0px 30px;
      text-align:center;
}

#cases ul li a{
      color:#003254;
}

#cases ul li img {
      padding:5px 5px;
      border:1px solid #ccc;
}

#sistemas{
      float:left;
      padding:20px;
      width:100%;
}


#sistemas ul {
      float:left;
      display:inline;
      width:100%;
}

#sistemas ul li{
      float:left;
      display:inline;
      height:250px;
      margin:50px 10px 0px 30px;
      text-align:center;
      width:90%;
}

#sistemas ul li img {
      float:left;
      padding:5px 5px;
      border:1px solid #ccc;
}

#sistemas ul li ul{
      float:left;
      display:inline;
      width:450px;
      margin:0px 0px 0px 20px;
}

#sistemas ul li ul .titulo{
      float:left;
      width:12%;
      height:30px;
      margin:0px;
      padding:0px;
      text-align:right;
      font-weight:bold;
}

#sistemas ul li ul .descricao{
      float:left;
      width:80%;
      height:30px;
      margin:0px;
      text-align:left;
      padding:0px 0px 0px 10px;
      
}




#quemsomos {
	float:left;
	padding:20px;
	width:100%;
	
}

#quemsomos ul {
	float:left;
	width:100%;
	margin: 10px 30px;
}

#quemsomos ul li{
	float:left;
	width:940px;
	font-size:18px;
	margin:5px;
}

#quemsomos ul li h1{
	font-size:45px;
	color:#333;
	font-weight:bold;
	line-height:45px;
	margin:30px 0px 0px -20px;
}

#quemsomos .destaque1{
	font-size:20px;
	font-weight:lighter;
	color:#008AE7;
}

#quemsomos .destaque2{
	font-size:35px ;
	font-weight:bold;
	color:#008AE7;
}

/* FORMULARIOS GENERICOS */
.form {
    display: inline;
    clear: both;
    margin-right: 20px;
    padding: 0;
    width: 100%;
}

.form span p{
	font-size:12px;
	line-height:20px;
	text-align:justify;
	margin:20px;
	color:#333;
}

.form fieldset {
    float: left;
	display: inline;
    border: 1px solid #ccc;
    margin: 20px 10px 0px 40px;
    padding: 16px 20px;
    width: 40%;
}

.form fieldset legend {
	text-align:left;
    background: #fff;
    color: #e32;
	font-size: 160%;
    font-weight: bold;
}

.form fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 10px;
}

.form fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}

.form fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}

.form form div {
    clear: both;
    margin-bottom: 1em;
    padding: .5em;
    vertical-align: text-top;
}

.form form div.input {
    color: #444;
}

.form form div.required {
    color: #333;
    font-weight: bold;
}

.form form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
    margin-left: 100px;
}


.form label {
    display: block;
    font-size: 110%;
    padding-right: 20px;
}

.form input, .form textarea {
    clear: both;
    font-size: 140%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 2px;
    border: 1px solid #676767;
}

.form select {
	clear: both;
    font-size: 120%;
    vertical-align: text-bottom;
    border: 1px solid #676767;
    width:100px;
}

.form select[multiple = multiple] {
    width: 100%;
}

.form .select {
    float: left;
    margin: 0px 0px 0px 0px;
}

.form option {
    font-size: 120%;
    padding: 0 3px;
}

.form input[type = checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}

.form input[type = radio] {
    float: left;
    width: auto;
    margin: 0 3px 7px 0;
}

div.radio label {
    margin: 0 0 6px 20px;
}

.form input[type = submit] {
    float:left;
	display: inline;
    padding: 2px 5px;
    vertical-align: bottom;
	border: 1px solid #FFF;
    line-height: 40px;
    width: 200px;
    color:#FFF;
	background-color:#008AE7;
    font-size: 20px;
    text-align: center;
	margin:10px 10px 0px 0px;
	text-transform:uppercase;
	letter-spacing:0.5px;
}

.paging {
    float: right;
    display: inline;
    min-width: 300px;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin: 0px 0px 10px 0px;
    padding: 0px 10px 0px 10px;
}

.paging span {
    padding: 1px 7px 1px 7px;
    margin: 0px 0px 0px 2px;
}

.paging a {
    color: #333333;
}

.disabled {
    display: inline;
    color: #666;
}

.current {
    height: 20px;
    width: 20px;
    background-color: #E5FFBF;
    border: 1px solid #99FF02;
}

.numbers {
    height: 20px;
    width: 20px;
}

#grato {
      float:left;
      width:100%;
}

#grato h1{
      float:left;
      text-align:center;
      margin:30px;
      width:100%;
}
/* FIM FORMULARIOS GENERICOS */

#footer{
      float:left;
      text-align:center;
      border-top:1px solid #E8A810;
      margin:20px 10px 0px 25px;
      padding:5px 0px;
      background-color:#FFF;
      width:960px;
      color:#333;
}

#footer p{
      font-size:11px;
}


#banner {
      border-top:1px solid #003254;
      float:left;
}

#banner img{
      position:absolute;
}

#banner #menu{
      width:1000px;
      height:42px;
      position:relative;
      margin:259px 0px 0px 0px;
}

#banner #barra{
  width:1000px;
  height:85px;
  position:absolute;
  margin:265px 0px 0px 0px;
  opacity:0.95;
  -moz-opacity: 0.95;
  filter: alpha(opacity=0.95);
  background-color:#001427;
  
}

#menu span{
  float:left;
  width:100%;
  height:95px;
  margin:10px 0px;
}

#menu span a{
  float:right;
  text-align:right;
  width:525px;
  margin:5px 10px;
  font-weight: bold;
  font-size: 25px;
  color:white;
  line-height:32px;
  height: 95px;
}

.atual {
      background-color:#FFF;
      color:#000000 !important;
      cursor: pointer;
      opacity:1;
      -moz-opacity: 1;
      filter: alpha(opacity=100);
      
}
#menu ul li a:hover {
      background-color:#FFF;
      color:#000000;
      cursor: pointer;
      opacity:1;
      -moz-opacity: 1;
      filter: alpha(opacity=100);
      
}

.titulo_azul{
      float:left;
      font-size:22px;
      color:#0072B7;
      font-weight:bold;
      width:960px;
      border-bottom:1px solid #999;
      line-height:30px;
}

.link_azul{
      
      font-size:22px;
      color:#0072B7;
      font-weight:bold;
      width:960px;
      border-bottom:1px solid #999;
      line-height:30px;
}

.titulo_cinza h2{
      float:left;
      margin:0px 10px 10px 10px;
      font-size:22px;
}

.descricao{
      float:left;
      width:900px;
      margin:10px 0px;
}

#pesquisagoogle{
      float:left;
      width:100%;
      padding:20px;
}

#pesquisagoogle form{
      float:left;
      margin:30px 100px;
      display:inline;
      width:900px;
}

#pesquisagoogle form label{
      float:left;
      margin:0px;
      padding:0px;
      width:120px;
      line-height:30px;
      font-size:25px;
}

#pesquisagoogle .input{
      float:left;
      margin-top:10px;
}

#pesquisagoogle form input[type = text]{
      width:400px;
      height:30px;
      color:#666;
}

#pesquisagoogle form input[type = submit]{
      margin:10px 0px 0px 10px;
      height:38px;
}

#pesquisagoogle form .submit{
      float:left;
      
}

#pesquisagoogle form input[type = submit]{
      float:left;
}