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

body {
	padding:0px; 
	margin:0px; 
	font-family:Verdana, Helvetica, sans-serif, Arial; 
	font-size:11px;
	background-color:#FFF;
	background-image: url(../img/bg.png);
	background-repeat: repeat-x;
}
hr{
	width:240px;
	color:#ccc;
	text-align:left;
	border: 1px solid #ccc;
}
label{
	display:block;
}
label span{
		display:inline-block;
		width:100px;
		font-weight:bold;
}
input, textarea, select{
		width:200px;
		margin-bottom:10px;
}
button{
		width:auto;
		height:auto;
		background-color:#CCC;
		border:1px solid #333;
}

p {text-indent:20px; text-align:justify;}
h1{margin-bottom:20px;}
li{font-weight:normal; text-align:justify;}

a {font-size:11px; text-decoration:none; font-weight:bold;}
a:link {color: #333;}
a:visited {color: #333;}
a:hover {color: #999; text-decoration:underline;}
a:active {color: #333;}

.style1 {font-size:9px; color:#333;}
.style2 {font-size:10px; color:#333;}
.style3 {font-size:11px; color:#333;}

.style11 {font-size:9px; color:#333; line-height:20px}
.style12 {font-size:10px; color:#333; line-height:20px}
.style13 {font-size:11px; color:#333; line-height:20px}

.style21 {font-size:9px; color:#333; font-weight:bold;}
.style22 {font-size:10px; color:#333; font-weight:bold;}
.style23 {font-size:11px; color:#333; font-weight:bold;}

.style33 {font-size:11px; color:#fff; font-weight:bold;}
.style34 {font-size:12px; color:#fff; font-weight:bold; text-decoration:none;}

.style43 {font-size:11px; color:#fff;}

.titulo1 {font-size:14px; color:#999; font-weight:bold; line-height:20px; text-indent:none;}
.titulo2 {font-size:13px; color:#999; font-weight:bold; line-height:20px; text-indent:none;}
.titulo3 {font-size:11px; color:#999; font-weight:bold; line-height:20px; text-indent:none;}

.floatstop {clear:both;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.espacamento{padding:3px;}

.destaque{width:auto; height:auto; padding:10px; border:solid 1px #ccc; text-align:center;}
.destaque2{width:auto; height:auto; padding:5px; border:solid 1px #ccc; text-align:center; margin: 10px 0px 10px 0px;}

.projetos-recentes-1{
	width:320px;
	height:auto;
	float:left;
}
.projetos-recentes-2{
	width:320px;
	height:auto;
	float:right;
}

#breadcrumbs{
	width:auto;
	height:20px;
	margin-top:7px;
}
#creditos{
	float:left;
}
/*#container{
	width:970px;
	padding: 5px;
	margin: 10px auto;
	height:auto;
}*/

#container {
	width:970px;
	padding:0px 5px 5px 5px;
	/*position:relative;
	left:50%;
	margin-left:-485px;*/
	margin:0 auto;
}

#containerespecial{
	width:600px;
	padding:2px;
	background-color:#fff;
	margin: 0 auto;
	border: 1px solid #29166F;
}

/*#container-rodape{
	width:970px;
	padding:5px;
	margin: 0 auto;
}*/
#container-rodape {
	width:970px;
	padding:5px;
	/*position:relative;
	left:50%;
	margin-left:-485px;*/
	margin: 0 auto;
}
#principal-esquerda{
	width:260px;
	height:auto;
	float:left;
}
#logotipo{
	float:left;
	padding-top:5px;
	padding-left:10px;
	width:330px;
	height:90px;
}
#logo-preview{
	float:right;
}
#menu-auxiliar{
	width:auto;
	margin-left:10px;
}
#menu-principal{
	width:auto;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}
#menu-superior{
	float:right;
	text-align:right;
	width:300px;
	height:90px;
}
#principal{
	width:680px;
	height:auto;
	float:right;
	padding-top:20px;
}
#rodape{
	background-image:url(../img/bg-rodape.jpg);
	background-repeat:repeat-x;
	height:260px;
}
#termos-uso{
	float:right;
	margin-right:200px;
}
#topo{
	width:auto;
	height:100px;
	margin-top:5px;
}
#webmail{
	width:auto;
	height:auto;
	margin-left:10px;
	margin-top:20px;
}