/* CSS Document */
@charset "utf-8";
/* Autor Cristian Machado Ávila */
/*======================== Reset======================================*/
* { margin: 0; padding: 0; }
img, fieldset, button { border: none; }
/*========================Tags Gerais=================================*/
a, a:hover { text-decoration: none; color:#021E4D;}
li { list-style:none;}
/*Formularios=========================================================*/
input, textarea,  select {border:none;}
label { width:200px; }
input:focus, select:focus, textarea:focus {border:none;}
input:active, select:active, textarea:active {border:none;}
/*========================Tipografia==================================*/
body, textarea{ font-family:"Tahoma", sans-serif; font-size:11px;	color:#FFF; background:#01416F;}
*html{ background-color:#000; overflow:hidden; }
address{font-style:normal;}
/*======================== Navegação =================================*/
#navegacao {
	width:100%;
	height:501px;
	position:absolute;
	top:0;left:0;
	overflow:hidden;
	background-color:#FFF;
}
/*======================== Mask =======================================*/
#mask {	width:500%;	height:501px;}
/*======================== Item =======================================*/ 
.item {	width:20%; height:501px; float:left; }
/*======================== Titulo das páginas =========================*/
.tituloPagina{ color:#021E4D;   
	font-family: 'Yanone Kaffeesatz', serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	width:300px;
	height:30px;
	margin-top:136px;
	margin-bottom:20px;
	margin-left:230px;
	float:left;
  }
/*======================== Menu Principal ==============================*/
.menuPrincipal { width:795px; height:30px; font-family: 'Yanone Kaffeesatz', serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	margin-top:186px; float:right; }
.menuPrincipal li { float:left; display:inline; }
.menuPrincipal li#contatoL { float:right; }
.menuPrincipal li a { margin-right:20px; display:block; }
.menuPrincipal li a:hover{ color:#999;
}
/*======================== Menu Interno ==============================*/
.menuInterno { width:795px; height:30px; font-family: 'Yanone Kaffeesatz', serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0em;
	word-spacing: 0em;
	float:right; }
.menuInterno li { float:right; display:inline; }
.menuInterno li a { margin-right:20px; display:block; }
.menuInterno li a:hover{ color:#999;
}
/*========================Background Home ==============================*/
#pagHome { background:url(../imagens/bgInternas.jpg) top center no-repeat; }
#pagEmpresa { background:url(../imagens/bgEmpresa.jpg) top center no-repeat; }
#pagContato { background:url(../imagens/bgInternasCont.jpg) top center no-repeat; }
/*======================== Página Home =================================*/
#paginaHome{ width:721px; height:136px; float:right; margin-top:6px; }
#paginaHome img{ margin-top:8px; float:right; margin-right:60px;  } 
#paginaHome p{ width:180px; float:left; display:block; margin-top:10px; line-height:25px; margin-left:10px; font-size:11px; }
/*======================== Página Empresa =================================*/
#paginaEmpresa{ width:721px; height:136px; float:right; margin-top:6px; }
#paginaEmpresa img{ margin-top:8px; float:right; margin-right:60px;  } 
#paginaEmpresa p{ font-size:14px; width:650px; float:left; display:block; margin-top:20px; line-height:25px; margin-left:10px; font-size:11px; }
/*=========================Pagina Portfolio ================================*/
.listSolucoes #fotoPort{ margin-top:64px;}
/*======================== Página Solucoes =================================*/
#paginaSolucoes{ width:721px; height:136px; float:right; margin-top:6px; }
#paginaSolucoes img{ margin-top:8px; float:right; margin-right:60px;  } 
#paginaSolucoes p{ width:650px; float:left; display:block; margin-top:20px; line-height:25px; margin-left:10px; font-size:11px; }
.listSolucoes { width:452px; height:378px; float:left; margin-top:-120px; }
.listSolucoes li { float:left; display:inline; width:335px; height:95px; }

.listSolucoes li#sistemas { margin-left:-20px; color:#01416F; margin-bottom:35px;  }
.listSolucoes li#sistemas span { height:70px; margin-top:20px; display:block; float:right; width:180px; line-height:18px; }
.listSolucoes li#sistemas img { float:left; margin:0px; padding:0px;  }

.listSolucoes li#software { margin-left:20px; margin-bottom:35px; }
.listSolucoes li#software span { height:70px; margin-top:20px; display:block; float:right; width:180px; line-height:18px;}
.listSolucoes li#software img { float:left; margin:0px; padding:0px;  }

.listSolucoes li#websites { margin-left:40px; color:#01416F; }
.listSolucoes li#websites span { height:70px; margin-top:20px; display:block; float:right; width:180px; line-height:18px; }
.listSolucoes li#websites img { float:left; margin:0px; padding:0px;  }

/*======================== Logo ========================================*/
#logo{ width:170px; height:108px; margin:auto; position:relative; z-index:15; }
#logo #img{ margin-top:25px; margin-left:-200px; }
/*======================== Content das páginas =========================*/
.content {	width:1000px; height:501px; margin:0 auto;	background-color:#FFF;	position:relative; }
/*======================== Botão Selecionado  ==========================*/
.selected { color:#333; }	
/*======================== Rodape ======================================*/
#rodape{ width:100%; height:68px; margin-top:375px; clear:both; background:#01416F; }
#rodape #int{ width:1000px; height:68px; line-height:68px; margin:auto;}
#rodape #int img{ float:left; margin-top:18px; }
#rodape #int span{ font-family: 'Tahoma', serif; font-size: 11px; float:right; display:block; height:30px; }

/* ========================== Formulário de contato ======================================*/
#form { width:710px; display:block; height:auto; float:left; padding-left:20px; margin-top:15px; }
* html  #form {	width:720px; float: left; margin:10px 30px; }
#form fieldset label{ width:90px; height:15px; float:left; }
#form input#nome, input#email, input#fone{
	width:200px;
	height:20px;
	float:left;
	margin-bottom:10px;
	line-height:23px;
	padding:2px 2px 0px 2px;
	border:#30A4DD solid 1px;
	background:#01416F;
	color:#FFF;
	margin-left:3px;
}
#form ul{ width:710px; height:auto; float:left; }
#form ul li{ width:330px; float:left; display:inline; margin-right:10px; }
#form ul li#ldrt{ width:330px; }
 #form select{
	width:306px;
	height:25px;
	float:left;
	margin-bottom:10px;
	background:#000;
	padding:2px;
	color:#999;
	border:#333 solid 1px;
	background:#000;
	color:#FFF;
}
#form textarea{
	width:200px;
	height:83px;
	float: left;
	margin-bottom:10px;
	margin-left:3px;
	padding:2px;
	border:#30A4DD solid 1px;
	background:#01416F;
	color:#FFF;
}
#form a#botao{
	width:106px;
	height:27px;
	display:block;
	line-height:25px; 
	text-align:center;
	cursor:pointer;
	color:#FFF;
	background: url(../imagens/bgBT.jpg) top left no-repeat #01416F;
	margin-top:10px;
	float: right;
	margin-right:30px;	
}

/*========================Check Form Contato=========================*/
form.envia li label.check { background:url(../imagens/form_check.png) no-repeat right;}
form.envia li label.erro { background: url(../imagens/form_erro.png)  no-repeat right; }
form.envia li label.ok { background: url(../imagens/form_ok.png)  no-repeat right;}
form.envia li input.erro, form.envia textarea.erro { border-color: #FF6F71;}
form.envia Input.ok, form.envia textarea.ok { border-color: #66AC5B;}

form.envia h1{ font-size:11px; float:left; }
#captcha { width:350px; height:150px; float:right; }
#captcha label { 140px; padding-right:20px; }
#captcha label.erro { 160px; }