@charset "iso-8859-1";
/* CSS Document */
@import url(reset.css);
@import url(../Open_Sans/stylesheet.css);

/*----------------------------------------------------------------------*/


html, body{ /* need html and min-height and not just height for ipad*/
	width: 100%; min-height: 100%; height:100%;
	background: url(../images/fundo_site2.jpg) left top repeat-x #e3e3e3; 
	text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;
    -moz-font-feature-settings:"calt=1, liga=1, clig=1, kern=1"; -moz-font-feature-settings:"calt" 1, "liga" 1, "clig" 1, "kern" 1,;
    -ms-font-feature-settings:"calt", "liga", "clig", "kern"; -o-font-feature-settings:"calt", "liga", "clig", "kern";
    -webkit-font-feature-settings:"calt", "liga", "clig", "kern"; font-feature-settings:"calt", "liga", "clig", "kern";
	padding:0px;
	margin:0px;
    font: 13px 'OpenSansRegular', Arial, sans-serif;
	line-height:19px;
	color:#7c7c7c;

}

a {
    text-decoration: none;
	transition: color 0.4s linear 0s;
	-moz-transition: color 0.4s linear 0s; /* Firefox 4 */
	-webkit-transition: color 0.4s linear 0s; /* Safari and Chrome */
	-o-transition: color 0.4s linear 0s; /* Opera */
}

a:hover {
    color: #0493b8;
}

.conteudo_todo{
	width:874px;
	height:auto;
	min-height:100%;
	display:block;
	overflow:hidden;
	margin:0px auto;
	background:url(../images/fundo_sombra.png) center top repeat-y;
	padding: 0px 43px;
}

.header_falso{
	width:873px;
	height:127px;
	display:block;
	overflow:hidden;
}

.topo{
	width:873px;
	height:84px;
	display:block;
	overflow:hidden;
	background: url(../images/fundo_topo.jpg) left top no-repeat;
}

.nav_menu{
	width:873px;
	height:43px;
	display:block;
	overflow:hidden;
	background:url(../images/fundo_menu.jpg) left top no-repeat;
}

.geral_header{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	position:absolute;
	z-index:500;
}

header{
	width:960px;
	height:auto;
	margin:0px auto;
}

h1 a{
	width:133px;
	height:205px;
	display:block;
	overflow:hidden;
	float: left;
	cursor:pointer;
	border:none;
	background: url(../images/EGSP_logotipo.png) left top no-repeat;
	margin-left:89px;
}

nav.nav_verdadeiro{
	margin-top:84px;
	margin-left:272px;
	float:left;
}



/* Navigation -------------------- */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  width:60px;
  height:43px;
  font: 12px 'OpenSansBold', Arial, sans-serif;
  line-height:43px;
  color:#FFF;
  text-shadow: 2px 2px #0084ae;
  background: none;
  display: block;
  text-decoration: none;
  text-align:center;
}

.nav li a:hover {
  background: url(../images/hover_menu.jpg) left top repeat-x;
  color: #FFF;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: url(../images/hover_menu.jpg) left top repeat-x;
  color: #00315a;	
  text-shadow: 2px 2px #bcdde7;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	width: 120px;
	height:auto;
	text-shadow: none !important;
	background:none !important;
	border-bottom:1px solid #aab5c0;
  color: #00315a;
  line-height:13px;
  padding:3px 0px;
  font: 11px 'OpenSansRegular', Arial, sans-serif;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
	width: 120px;
	text-shadow: none !important;
	background:none !important;
  color: #0493b8;	
}

.nav ul {
  list-style: none;
  margin: 0;
  width: 120px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 43px;
}
.nav ul li {
  border: 0;
  float: none;
}



/* ---------------------------- */


.banner{
	width:873px;
	height:239px;
	display:block;
	overflow:hidden;
}

.TB_Wrapper {
	max-width: 873px;
	height: 239px;	
}

.barra_branca{
	width:873px;
	height:3px;
	display:block;
	overflow:hidden;
	background-color:#FFF;
}

.cont_texto{
	width:873px;
	height:auto;
	display:block;
	overflow:hidden;
	background:url(../images/fundo_cont_texto.jpg) left top no-repeat;
	padding-top:20px;
}

.col_esquerda_larga{
	width:536px;
	height:auto;
	display:block;
	overflow:hidden;
	float:left;
	padding-left:30px;
	padding-right:18px;
}

.espaco{
	width:100%;
	height:38px;
	display:block;
	overflow:hidden;
}

h2{
	font: 20px 'OpenSansSemibold', Arial, sans-serif;
	padding:0px;
	margin:0 0 15px 0;
	color:#006d8b;
}

a.pro_recentes{
	width:536px;
	height:auto;
	display:block;
	overflow:hidden;
	cursor:pointer;
	border-bottom:1px solid #dbd8d8;
	padding-bottom:14px;
	padding-top:14px;
	background: none;
	transition: background 0.5s linear 0s;
	-moz-transition: background 0.5s linear 0s; /* Firefox 4 */
	-webkit-transition: background 0.5s linear 0s; /* Safari and Chrome */
	-o-transition: background 0.5s linear 0s; /* Opera */
}

a.pro_recentes:hover{
	background:#f6f6f6;
}

a.pro_recentes div{
	float:left;
}

footer{
	border-top:1px solid #dbd8d8;
	width:807px;
	height:70px;
	display:block;
	overflow:hidden;
	margin-top:10px;
	font: 9px 'OpenSansRegular', Arial, sans-serif;
	line-height:30px;
	margin-left:30px;
	padding-left: 6px;
}


.col_esquerda_fina{
	width:150px;
	height:auto;
	display:block;
	overflow:hidden;
	float:left;
	padding-left:30px;
	padding-right:28px;
}

.col_direita_larga{
	width:636px;
	height:auto;
	display:block;
	overflow:hidden;
	float:left;
	padding:0px;
	text-align:justify;
}

.col_direita_larga b, .col_direita_larga strong{
	font-weight:100;
	font: 13px Arial, sans-serif;
	font-weight:bold;
	color:#6d6d6d;
}

.col_direita_larga span{
	font-size:10px;
	letter-spacing:-0.4px;
}


.col_direita_larga ul{
	margin:0px;
	padding:0px;
	list-style: none;
}


.col_direita_larga li{
	padding-left:20px;
	background:url(../images/bola.png) 10px 5px no-repeat;
	/*padding-bottom:15px;*/
	
}


.col_esquerda_larga ul{
	margin:0px !important;
	padding:0px !important;
	list-style: none;
}


.col_esquerda_larga li{
	padding:0 0 0 10px;
	margin:0px;
	background:url(../images/bola.png) 0px 5px no-repeat;
	/*padding-bottom:15px;*/
	
}


/* MENU ACORDION ------------------------------ */

.menu_list2 {	
	width: 636px;
}
.menu_head2 {
	font: 13px Arial, sans-serif;
	color:#00315a;
	cursor: pointer;
	position: relative;
    background: url(../images/left.png) right 12px no-repeat;
	border-top: 1px solid #e3e3e3;
	margin-top:10px;
	padding-top:10px;
	font-weight:bold;
}
.primeiro {
	border-top:  none !important;
}
.menu_body_fundo {
	display:none;
	background: url(../images/down.png) 700px top no-repeat;
	margin:10px 0px 6px 0px;
}
.menu_body_fundo a{
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body_fundo a:hover{
  color: #000000;
  text-decoration:underline;
  }


/* -------------------------------------------------- */

.menu_list {	
	width: 150px;
}
a.menu_head {
	width:150px;
	height:auto;
	display:block;
	overflow:hidden;
	cursor:pointer;
	padding:0px;
	position: relative;
    font: 11px 'OpenSansBold', Arial, sans-serif;
	color:#00315a;
    background: none;
	margin-top:25px;
	text-transform:uppercase;
	transition: color 0.4s linear 0s;
	-moz-transition: color 0.4s linear 0s; /* Firefox 4 */
	-webkit-transition: color 0.4s linear 0s; /* Safari and Chrome */
	-o-transition: color 0.4s linear 0s; /* Opera */
}
a:hover.menu_head {
	color:#0493b8;
}
.menu_body{
	display:block;
	overflow:hidden;
}
.menu_body a{
  width:145px;
  height:auto;
  display:block;
  overflow:hidden;
  cursor:pointer;
  color:#9d9d9d;
  font-weight:bold;
  text-decoration:none;
  font: 11px 'OpenSansRegular', Arial, sans-serif;
  line-height:14px;
  text-transform:uppercase;
  margin-top:10px;
  margin-left:5px;
}
.menu_body a:hover{
  color: #0493b8;
  }
  
.select {
	color:#0493b8 !important;
}


.espaco_geral{
  width:100%;
  height:50px;;
  display:block;
  overflow:hidden;
  clear:both;
}

.linha_baixo{
	height:28px;
	font: 13px 'OpenSansSemibold', Arial, sans-serif;
	line-height:16px;
	color:#00315a;
	text-align:center;
	vertical-align: top;
	border-bottom:1px solid #b1b1b1;
	padding:1px 2px;
}
.lateral{ 
	border-right:1px solid #b1b1b1;
	height:28px;
	font: 13px 'OpenSansSemibold', Arial, sans-serif;
	line-height:16px;
	color:#7c7c7c;
	text-align: center;
	vertical-align: bottom;
	padding:1px 2px;
}

