*{
	margin:0 auto;
	padding:0;
}

body{
	overflow-x:hidden;
	background:url(../img/bg_linha.gif) repeat-y top center;
}
@font-face {
	font-family: 'MyriadPro-It';
	src: url('fontes/myriadproit.eot');
	src: url('fontes/myriadproit.eot?#iefix') format('embedded-opentype'),
			 url('fontes/myriadproit.woff') format('woff'),
			 url('fontes/myriadproit.ttf') format('truetype'),
			 url('fontes/myriadproit.svg#myriadproit') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-SemiboldIt';
	src: url('fontes/myriadprosemiboldit.eot');
	src: url('fontes/myriadprosemiboldit.eot?#iefix') format('embedded-opentype'),
			 url('fontes/myriadprosemiboldit.woff') format('woff'),
			 url('fontes/myriadprosemiboldit.ttf') format('truetype'),
			 url('fontes/myriadprosemiboldit.svg#myriadprosemiboldit') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Semibold';
	src: url('fontes/myriadprosemibold.eot');
	src: url('fontes/myriadprosemibold.eot?#iefix') format('embedded-opentype'),
			 url('fontes/myriadprosemibold.woff') format('woff'),
			 url('fontes/myriadprosemibold.ttf') format('truetype'),
			 url('fontes/myriadprosemibold.svg#myriadprosemiboldit') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('fontes/myriadproregular.eot');
	src: url('fontes/myriadproregular.eot?#iefix') format('embedded-opentype'),
			 url('fontes/myriadproregular.woff') format('woff'),
			 url('fontes/myriadproregular.ttf') format('truetype'),
			 url('fontes/myriadproregular.svg#myriadproregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-BoldIt';
	src: url('fontes/myriadproboldit.eot');
	src: url('fontes/myriadproboldit.eot?#iefix') format('embedded-opentype'),
			 url('fontes/myriadproboldit.woff') format('woff'),
			 url('fontes/myriadproboldit.ttf') format('truetype'),
			 url('fontes/myriadproboldit.svg#myriadproboldit') format('svg');
	font-weight: normal;
	font-style: normal;
}
ul{
	list-style:none;
}


/*///////////////////////////////////////////////////////////////////////////////////////
TOPO
///////////////////////////////////////////////////////////////////////////////////////*/
#topo{
	width:100%;
	height:169px;
	background:url(../img/bg_topo.png) no-repeat top center;
	position:fixed;
	top:0;
	z-index: 8;

}
#box_topo a.btn_home{
	float:left;
	width:233px;
	height:67px;
	margin-left: 163px;
	margin-top: 32px;
}
#topo #box_topo{
	width:980px;
	height:159px;
	position:relative;
}
#topo .contato{
	min-width:187px;
	position:absolute;
	top:23px;
	right:0;
	background:url(../img/bg_fale_conosco.png) no-repeat top left;
	font-family: 'MyriadPro-It';
	color:#193a77;
	font-size:22px;
	text-decoration:none;
	z-index: 9;
	padding: 13px 0px 9px 52px;
	float:right;
}
#topo .contato:hover{
	color:#fff;
	background:url(../img/bg_fale_conosco.png) no-repeat bottom left;
}

/*#topo #box_topo ul.menu{
	font-family: 'MyriadPro-It';
	width: 577px;
	position: absolute;
	bottom: 0px;
	margin: 0;
	right: 7px;
	padding: 0;
	
}
#topo #box_topo ul.menu li{
	float:left;
	
}
#topo #box_topo ul.menu li a{
	text-decoration:none;
	color:#FFF;
	font-size:19px;
	padding: 13px 13px 12px 13px;
	position:relative;
	overflow:hidden;
	float:left;
	
}
#topo #box_topo ul.menu li a div{
	background:url(../img/bg_btn.png) no-repeat top left;
	height: 49px;
	bottom: 0px;
	width:100%;
	display:none;
	left: 0px;
	float: left;
	position: absolute;
	z-index: -1;
}
#topo #box_topo ul.menu li a div span{
	background:url(../img/bg_btn_right.png) no-repeat top right;
	position:absolute;
	right: 3px;
	top: 0;
	width: 14px;
	height: 49px;	
}*/


#lava {
	/* you must set it to relative, so that you can use absolute position for children elements */
	position:relative; 
	width: 583px; 
	height:49px;
	font-family: 'Arial';
	margin-top:110px;
	float:right;
	overflow:hidden;
}

#lava ul {
	/* remove the list style and spaces*/
	margin:0;
	
	padding:0; 
	list-style:none; 
	display:inline;
			
	/* position absolute so that z-index can be defined */
	position:absolute; 
	
	/* center the menu, depend on the width of you menu*/
	left:0px; 
	top:0; 
	
	/* should be higher than #box */
	z-index:100;
	width:720px !important;
	padding-left: 5px !important; 

}

#lava ul li {
	
	/* give some spaces between the list items */
	margin:0 1px; 
	
	/* display the list item in single row */
	float:left;
	padding:14px 10px;
}
#lava ul li a{
	text-decoration:none;
	color:#FFF;
	font-size:17px;
	position:relative;
	font-style:italic;
	font-weight:bold;
}

#lava #box {
	
	/* position absolute so that z-index can be defined and able to move this item using javascript */
	position:absolute; 
	left:0; 
	top:0; 
	
	/* should be lower than the list menu */
	z-index:50; 

	/* image of the right rounded corner */
	background:url(../img/ponta2.png) no-repeat top right; 
	height:49px;
	
	/* add padding 8px so that the tail would appear */
	padding-right:12px;
	
	/* self-adjust negative margin to make sure the box display in the center of the item */
	margin-left:5px;
}

#lava #box .head {
	/* image of the left rounded corner */
	background:url(../img/ponta.png) no-repeat;
	height:49px;

	/* self-adjust left padding to make sure the box display in the center of the item */
	margin-left: -12px;
}

/*///////////////////////////////////////////////////////////////////////////////////////
CONTEUDO
///////////////////////////////////////////////////////////////////////////////////////*/
#conteudo{
	width:100%;
	min-height:500px;
	min-width:1024px;
	background:url(../img/bg_fundo.gif) no-repeat top center !important;
	margin-top:134px;
	z-index:0;
	zoom:100%;
}
#pagina{
	width:980px;
}
.pagina_box{
	width:604px;
	margin-right:0;
	margin-top:34px;
	float:right;
}
#pagina h1.titulo{
	margin:0;
	margin-left:25px;
	font-family: 'Arial';
	font-size:20px;
	color:#193a77;
	font-style:italic;
}
#pagina h2{
	font-family: 'arial';
	font-size: 17px;
	color: #193a77;
	margin-left: 24px;
	margin-bottom: 10px;
	float: left;
	width: 580px;
	font-style: italic;
}
#pagina h3{
	font-family: Arial;
	font-size: 15px;
	color: #4a4a4a;
	margin-left: 24px;
	margin-bottom: 10px;
	margin-top: 37px;
	font-style: italic;
}
#pagina p{
	font-family: 'Arial';
	font-size:14px;
	color:#4a4a4a;
	text-rendering: optimizeSpeed;
	width:580px;
	/*float:right;*/
	margin-bottom:24px;
	margin-right: 0;
	font-weight:normal;
	text-align:justify;
	margin-left: 0;
}
#pagina ul, #pagina ul li ul{
	font-family: 'Arial';
	font-size:14px;
	color:#4a4a4a;
	list-style-image:url(../img/type_list.gif);
	text-align: justify;
}
#pagina ul ul{
	margin:0;
	margin-top: -8px;
	
}
#pagina ul ul ul{
	margin:0;
	margin-top: 0px;
	
}
#pagina ul li{
	margin-bottom:10px;
}
#pagina ul ul li{
	margin-bottom:0;
}

#pagina h1.titulo_principal{
	font-family: 'Arial';
	font-size:24px;
	color:#193a77;
	background:url(../img/bg_titulo.gif) no-repeat top left;
	width:579px;
	padding:25px 0px 10px 25px;
	margin-bottom:24px;
	float:right;
	font-style:italic;
}

#pagina h1.small{
	font-family: 'Arial';
	font-size:24px;
	color:#193a77;
	background:url(../img/bg_titulo.gif) no-repeat top left;
	width:579px;
	padding:5px 0px 10px 25px;
	margin-bottom:24px;
	float:right;
	font-style:italic;
	
}
#pagina h1.small small{
	font-size:20px;
}

#pagina ul.submenu{
	float:left;
	width:100%;
	list-style:none;
	padding:0 0 0 20px;
	margin: 0;
	margin-bottom:45px;
	
}
#pagina ul.submenu li{
	background:#dadada url(../img/bullet.gif) no-repeat top left;
	width:100%;
	padding:3px 0px 2px 15px;
	margin-bottom:5px;
	width: 547px;
	overflow: hidden;
}
#pagina ul.submenu li:hover{
	background-color:#cccbcb;
}
#pagina ul.submenu ul{
	list-style:none;
	margin: 0;	
}
#pagina ul.submenu ul li{
	margin-bottom:5px;
	background:#dadada url(../img/bullet2.gif) no-repeat top left;
	padding:3px 0px 2px 5px;
	width: 516px;
	overflow: hidden;
}
#pagina ul.submenu ul li:hover{
	background:#cccbcb url(../img/bullet2.gif) no-repeat bottom left;
}
#pagina ul.submenu li span{
	font-family: 'MyriadPro-SemiboldIt';
	color:#fff;
	font-size:18px;
}
#pagina ul.submenu a{
	text-decoration:none;
	font-family: 'Arial';
	color:#4a4a4a;
	font-size:16px;
	padding-left: 15px;
	/*padding-right: 66%;*/
	font-style:italic;
	font-weight:bold;
}
#pagina ul.submenu ul a{
	/*padding-right: 50% !important;*/
}
/*//////  BOX REALZAÇÕES //////////////////*/
.box_realizacoes{
	border-bottom:3px solid #dadada;
	float:left;
	margin-bottom:60px;
	width: 585px;
	float: right	
}
.box_realizacoes h2, .box_realizacoes h3{
	margin-left:0 !important;
}
.box_realizacoes .imagem{
	width:281px;
	height:211px;
	float:left;
	margin:0px 18px 18px 0px;
	
}

.pagina_box cite{
	background:#dadada;
	width: 510px;
	float: right;
	padding: 20px;
	border-left:7px solid #193a77;
	margin-bottom:30px;
}
.pagina_box cite p{
	width:auto !important;
}
.pagina_box cite ul li{
	/*font-weight:bold;*/
}

.pagina_box strong{
	font-family: 'Arial';
	font-size:14px;
	color:#4a4a4a;
	font-style:italic;
	font-weight:bold;	
}

.box_realizacoes small.calendario{
	font-family: 'Arial';
	font-size:12px;
	color:#4a4a4a;
	width: 250px;
	background:url(../img/bullet_real.gif) no-repeat left top;
	float: left;
	margin-bottom: 10px;
	padding-left: 24px;
	padding-bottom:3px;
	font-style:italic;
	font-weight: bold;
}
.box_realizacoes small.mapa{
	font-family: 'Arial';
	font-size:12px;
	color:#4a4a4a;
	width: 250px;
	background:url(../img/bullet_real.gif) no-repeat left bottom;
	float: left;	
	margin-bottom: 10px;
	padding-left: 24px;
	padding-bottom:3px;
	font-style:italic;
	font-weight: bold;
}

.box_realizacoes strong{
	font-family: 'Arial';
	font-size:14px;
	color:#4a4a4a;
	font-style:italic;
	font-weight:bold;
}


.box_realizacoes ul.galeria{
	list-style:none;
	margin:0;
	padding:0;
	width: 585px;
}

.box_realizacoes ul.galeria li{
	width:186px;
	height:135px;
	float:left;
	margin:0px 9px 10px 0px !important;
	list-style:none;
}
.box_realizacoes ul.galeria li.last{
	float:right;
}

.box_realizacoes a.ir_topo{
	background:url(../img/ir_topo.gif) no-repeat top left;
	width:127px;
	height:28px;
	float:right;
	margin-top:20px;
	margin-bottom:10px;
}

 ul.galeria_oport{
	list-style:none !important;
	margin:0 !important;
	padding:0 !important;
	width: 585px !important;
}

ul.galeria_oport li{
	height:165px !important;
	float:left !important;
	margin:0px 21px 10px 0px !important;
	list-style:none !important;
}
ul.galeria_oport li.last{
	float:right !important;
	margin:0 !important;
}
#pagina h1.refer{
	background:url(../img/bg_refer.png) no-repeat 0px 0px;
	padding: 20px 0px 10px 41px;
	height: 111px;
	font-size:20px;
}
#pagina h1.refer ul{
	float: left;
	width: 566px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

#pagina h1.refer ul li{
	list-style:none;
	float:left;
	/*min-width: 180px;*/
	margin-right: 35px
}

#pagina h1.refer li strong{
	margin-bottom:0px !important;
	font-family: 'Arial';
	font-size:15px;
	color:#4a4a4a;
	font-style:italic;
	font-weight:bold;
}

#pagina h1.refer li p{
	margin-bottom:0px !important;
	font-family: 'Arial';
	font-size:13px;
	color:#4a4a4a;
	font-weight: normal;
	width:auto !important;
}

/*///////////////////////////////////////////////////////////////////////////////////////
RODAPE
///////////////////////////////////////////////////////////////////////////////////////*/	
#footer{
	background:#193a77;
	width:100%;
	height:60px;
}
#footer .box_footer{
	width:940px;
	background:url(../img/bg_footer.jpg) no-repeat left top;
	height: 40px;
	padding: 14px 0px 6px 0px;
}

#footer .box_footer p{
	font-family: 'Arial';
	font-size:12px;
	color:#8298bf;
	text-align:right;
}
#footer .box_footer p.telefone{
	font-family: 'Arial';
	font-size:12px;
	color:#fff;
	text-align:right;
}


/*///////////////////////////////////////////////////////////////////////////////////////
BANNER
///////////////////////////////////////////////////////////////////////////////////////*/
.banner{
	width:980px;
	height:299px;
	position: relative;
	overflow:hidden;
	margin-bottom:25px;
}

.banner ul,
.banner ul li {
	list-style: none;
}

.banner,
.banner ul,
.banner ul li{
	margin: 0px;
	padding: 0px;

	width: 980px;
	height: 299px;
}

.banner ul li {
	position: relative;
}

.banner ul li div.fundo {
	width: 340px;
	height: 300px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background:url(../img/banner/fundoslide.png) no-repeat top right;
}

.banner ul li div.fundo .info_text{
	position:absolute;
	bottom:10px;
	left:30px;
	opacity:0;	
	width: 300px;
	height:130px;
}

.banner ul li div.fundo h1{
	font-family: 'MyriadPro-SemiboldIt';
	color:#193a77;
	font-size:19px;
	text-align: left;
	width:280px;
	margin-bottom:65px;
	
	
}

.banner ul li div.fundo small{
	font-family: 'MyriadPro-SemiboldIt';
	color:#4a4a4a;
	font-size:15px;
	text-align: left;
	margin-left:10px;
	width:275px;
	float:left;
	
}

.banner ul li p {
	margin: 0px;
	padding: 10px 15px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	line-height: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
}


.banner ul li p a {
	color: white;
	text-decoration: none;
}

.banner a.faixa {
	width: 100px;
	height: 100px;

	position: absolute;
	top: -5px;
	left: -5px;
	z-index: 100;

	background: transparent url('../img/faixa.png') 0 0 no-repeat;
}


/*///////////////////////////////////////////////////////////////////////////////////////
FORMUARIO
///////////////////////////////////////////////////////////////////////////////////////*/	
form.contato_form{
	margin-top:25px;
}
form.contato_form input[type=text]{
	background:#dadada url(../img/bg_imput.gif) no-repeat top left;
	border:none;
	padding:5px 0px;
	padding-left:12px;
	font-family: 'Arial';
	color:#4a4a4a;
	font-size:14px;
	margin-bottom:10px;
	font-style:italic;
	font-weight:bold;
}

form.contato_form .nome{
	width: 275px;	
}
form.contato_form .empresa{
	width: 275px;
}
form.contato_form .tel{
	width: 195px;
}
form.contato_form .email{
	width: 355px;
}

form.contato_form textarea{
	background:#dadada url(../img/bg_textarea.gif) no-repeat top left;
	border: none;
	padding: 5px 0px;
	padding-left: 30px;
	padding-right:5px;
	font-family: 'Arial';
	color: #4a4a4a;
	font-size: 14px;
	margin-bottom: 10px;
	min-height: 80px;
	max-height: 80px;
	min-width: 543px;
	max-width: 543px;
	font-style:italic;
	font-weight:bold;
}
form.contato_form input[type=submit]{
	background:url(../img/enviar.gif) no-repeat;
	border:none;
	float:right;
	width:84px;
	height:30px;
	margin-right:5px;
}

.mapa_contato{
	
}

#map{
  display: block;
  width: 585px;
  height: 350px;
  border:1px solid #9f9f9f;
	float: right;
	margin-top: 25px;
}
#map.large{
  height:500px;
}

#map.large .balao{
	width:250px;
}

.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:60px;
  line-height:80px;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
}

.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #336699;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #336699;
}