/* 
' CSS by Sysfox Internet '
' http://www.sysfox.com.br/ ' 
' Autor: Lucas Raffael '
*/

/* ============================ */

*{margin:0;padding:0;}
a{text-decoration:none;border:none;}
a img{border:none;}
ul{list-style:none;}
p{font-family:Arial, Helvetica, sans-serif;font-size:11px;}
h1{font-family:segoe ui;font-size:18px;}
.verde{color:#0262af;}
*{margin:0;padding:0;border:0;list-style:none;text-decoratin:none;color:#333;}

input{color:#666;	border-radius:6px 6px 6px 6px;
-moz-border-radius:6px 6px 6px 6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-top-left-radius:6px;
}

/* ============ BODY =============== */

body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

body.body2{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background:#fff url(../img/bg-site.png) repeat-x;
	background-position:top center;
}


#container{
	width:971px;
	margin:0px auto;
	text-align:center;
}

#topo{
	margin:0px auto;
	width:971px;
	height:136px;
	background:url(../img/bg-topo.png) repeat-x;
	text-align:center;
}

#logo{
	float:left;
	position:relative;
	margin-top:30px;
	margin-left:10px;
}

#atendimento{
	float:right;
	position:relative;
	margin-top:15px;
	margin-right:10px;
}

#barra{
	margin:0px auto;
	width:100%;
	height:38px;
	background:url(../img/bg-barra.png) repeat-x;
	background-position:center;
	text-align:center;
	float:left;
}

#barra2{
	width:971px;
	margin:0px auto;
	text-align:right;
	position:relative;
	font-size:12px;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:36px;
}

#corpo{
	float:left;
	position:relative;
	width:971px;
}

#institucional{
	float:left;
	position:relative;
	width:560px;
	margin-top:40px;
}

#institucional h1{
	text-align:left;
	position:relative;
	padding-left:20px;
}

#institucional p{
	text-align:left;
	position:relative;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-top:10px;
	padding-left:20px;
}

#publico-alvo{
	float:left;
	position:relative;
	width:275px;
	margin-top:40px;
}

#publico-alvo p{
	color:#666;
	padding-top:10px;
	padding-bottom:5px;
}

#publico-alvo p span{
	color:#000000;
}

#alguns-clientes{
	float:left;
	position:relative;
	width:275px;
	margin-top:40px;
	line-height:20px;
}

#links{
	float:left;
	position:relative;
	width:407px;
	background:url(../img/bg-links.png) repeat-y;
	padding-top:40px;
}

#links h1{
	text-align:left;
	position:relative;
	padding-left:20px;
}

#links ul{
	float:left;
	position:relative;
	width:95%;
	margin-left:20px;
}

#links ul li{
	float:left;
	position:relative;
	width:100%;
	text-align:left;
	background:url(../img/separador-links.jpg) no-repeat;
	background-position:left bottom;
	padding-bottom:3px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
}

.foto-links{
	float:left;
	position:relative;
}

#links ul li h2{
	letter-spacing:-1px;
	font-weight:normal;
	padding-left:10px;
	float:left;
	width:265px;
	font-size:21px;
}

.cheques{
	color:#cc9900;
}

.cheques-p{
	color:#333;
}
#links ul li p{
	float:left;
	position:relative;
	width:265px;
	padding-left:10px;
	font-family:tahoma;
	font-size:14px;
}

#infraestrutura{
	float:left;
	position:relative;
	margin-top:10px;
	padding-bottom:40px;
}

#infraestrutura img.foto{
	margin-left:20px;
	margin-top:8px;
}

#infraestrutura p{
	float:left;
	position:relative;
	width:95%;
	text-align:left;
	padding-left:20px;
	margin-top:5px;
	margin-bottom:5px;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}


/*--------------------------------------------------------------------- BOF --*/
/* Rodape                                                                     */

#fim{
float:left;
position:relative;
width:100%;
background:url(../img/bg-rodape.png) repeat-x;
}

#rodape{
	margin:0px auto;
	width:971px;
}

#logorodape{
	margin:0px auto;
	float:left;
	position:relative;
}

#barrarodape{
	margin:0px auto;
	width:1547px;
	height:38px;
	background:url(../img/bg-barrarodape.png)  repeat-x;
	background-position:bottom center;
}
#rodape2{
	float:left;
	position:relative;
	width:100%;
	background:url(../img/bg-rodape2.jpg) no-repeat;
	height:85px;
	margin-top:-1px;
}

#sysfox{
	float:right;
	position:relative;
	margin-top:30px;
	margin-right:10px;
}
/* Rodape                                                                     */
/*--------------------------------------------------------------------- EOF --*/