/* FRONTEND CSS
*********************************************/

html {
	height:100%;
	width:100%;
}

body{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	font-color:#00000000;
	font-family: Gill Sans Light;
	font-size: 14px;
	line-height: 20px;
	background:url(../images/bg/bg.jpg) repeat-x;
}



img { margin: 0px; padding: 0px; border: none; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
	.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }

.margin_r10 { margin-right: 10px; }

.float_l { float: left; }
.float_r { float:  right; }

#wrapper_outer {
	width: 100%;
}

#wrapper {
	width: 980px;
	padding: 0 10px;
	margin: 0px auto;
}


#quemsomos {
	width:600px;
	height:363px;
margin-top:20px;
background:#eaeae8;
font-family: Gill Sans Light;
font-size:14px;
text-align:justify;
line-height:20px;
color:#000000;
padding:15px;
margin-right:40px;
border:0px solid #ffffff;

}

#menu {
	position:absolute;
	float:right; 
	top:220px;
	width:995px; 
font-size:12px;
	height:46px; 
	color:#fff; 
	z-index:;

}
input{
color:#000000;}

#logo {
	position:absolute;
	float:left; 
	top:50px;
	width:202px; 
	height:159px; 
	color:#fff;
	background: url(../images/logo/astimo.png) repeat-x;
margin-lefst:400px; 
	z-index:9999;

}
#social {
	position:absolute;
	float:left; 
	top:370px;
	width:50px; 
	height:20px; 
	color:#fff;
margin-left:800px; 
	z-index:999;

}

#search {
	position:absolute;
	float:left; 
	top:240px;
	width:216px; 
	height:33px; 
	color:#fff;
margin-left:720px; 
	z-index:999;

}
#banner {
	width:975px;
	height:400px;
	z-index:1;
margin-top:300px;
font-size:14px;
color:#ffffff;
font-family: Gill Sans Light;
background:#695c4c;
line-height:20px;
padding:10px;
}
#missao {
	width:960px;
	height:100%;
	z-index:1;
margin-top:10px;
font-size:14px;
color:#ffffff;
font-family: Gill Sans Light;
background:#2f9581;
line-height:20px;
padding:15px;
}

#missao2 {
	width:330px;
	height:363px;
	z-index:1;
margin-top:-780px;
float:right;
margin-right:-10px;
font-size:14px;
color:#ffffff;
font-family: Gill Sans Light;
background:#254151;
line-height:20px;
padding:15px;
}
#valores {
	line-height:25px;
float:right;
	width:433px;
	height:329px;
	z-index:1;
margin-top:-361px;
font-family: Gill Sans Light;
font-size:14px;
text-align:justify;
background:#0e3c5d;
line-height:20px;
color:#b5b4b4;
padding:15px;
margin-right:40px;
border:0px solid #ffffff;
}

#pensamento {
	width:938px;
	height:34px;
	z-index:1;
margin-top:40px;
font-size:14px;
color:#ffffff;

}
#sede {
	width:938px;
	height:52px;
	z-index:1;
margin-top:50px;
font-size:14px;
color:#ffffff;
margin-left:-10px;

}
.span7  {
  width: 960px;

  margin-top:0px;

padding: 16px;
font-size:18px;
color:#000000;
margin-left:0px;
}
#salcaldeira_content_wrapper {
  width: 970px;
  padding: 10px 0;
color:#ffffff;
}

#salcaldeira_content_wrapper {
  width: 970px;
  padding: 10px 0;
bottom:30px;
color:#ffffff;
}

.content{
 width: 960px;
  margin-top: -390px;
background: #034873;
padding: 16px;
font-size:14px;
color:#ffffff;
margin-left:0px;

}
.content_all {
  clear: both;
background: #034873;
margin-top: -390px;
color:#ffffff;
}

/* Footer */

#salcaldeira_copyright {  
clear: both;
    width: 100%;
    bottom: -30px;
    position: relative;


}


#copyright_content {
  width: 970px;
  height: 20px;
  padding:10px 0px;
position: relative;
  margin: 0 auto;
  *margin: 0px 0px 0px 0px;
  
}

.muhate{
width: 160px;
float:left;


}

#copyright {
 width:968px;
	height:52px;
	z-index:1;
margin-top:60px;
font-size:11px;
color:#ffffff;
margin-left:-10px;
}

.powered {
  width: 690px;
  height: 20px;
  padding:10px 0px;
    margin-left:340px;
  margin-top:-50px; 
color:#818080;
  font-size:13px; 
  



/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* for higher resolutions (android and retina) */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) {
  
}