/* CSS Document */


@media only screen and (max-height: 680px) { html { font-size: 50%; } }
@media only screen and (max-height: 750px) and (min-height: 680px) { html { font-size: 60%; } }
@media only screen and (min-height: 750px) { html { font-size: 62.5%; } }


*     { border:0; text-decoration:none; margin:0 auto}
body  { background:#f8f8f8; list-style:none; overflow-y: auto; overflow-x: hidden; margin:0 auto}
ul    {  }

header, nav, article, section, footer, footerh, address {   
    display:block;   
}
.screen-reader-text {
	position:absolute;
	top:auto;
	left:-9999px;
}

/* estruturas globais */

#corpo         { margin:0 auto 0 auto; width:100%; display: inline-block;}

#conteudo      { margin:0 auto; max-width:1000px; display:table; }




/* ######## MENU ######## */

#topao          { margin:0 auto;  width:100%;  overflow:hidden; height:35px; top:0; background-color:#5c5f62;}
#topo          { margin:0 auto;  width:100%;  overflow:hidden; height:130px;  background-color:#ffffff;}
#topo2          { margin:0 auto;  width:100%;  overflow:hidden; height:170px; position: relative;}

#menu          { height:130px; margin:0 auto; max-width:1000px;}

#brasfix      { margin:40px 0 0 0; width:300px; height:41px; float:left; }

#nav {
	float:right;
	margin:35px 0 0 0 !important;
	width:700px;
}

.nav_institucional {
	margin:0 auto; max-width:1000px;
	text-align:right;
}
.nav_institucional ul {
	display:inline-block;
	list-style-type:none;
}
.nav_institucional ul li {
	display:inline-block;
	text-decoration:none;
	font-family: 'Roboto', sans-serif !important;
	color:#fff !important;
	font-size: 11px !important;
	margin:0 0 0 15px;
		
}
.nav_institucional .semborda {
	border:none;
	margin-right:0px;
}
.nav_institucional img {
	border:none;
	margin:5px -12px 0 0; !important;
}




.nav_principal {
	float:right;
	width:700px;
	position:relative;
	text-align:right;
	margin:15px 0 0 0; 
	padding:0;
}
.nav_principal ul {
	display:inline-block;
	list-style-type:none;
	margin:0; 
	padding:0;
}
.nav_principal ul li {
	display:inline-block;
	margin:15px 0 0 20px;  
}
.nav_principal a {
	text-decoration:none;
	font-family:'Roboto', helvetica, arial, sans-serif; font-size: 17px !important; color:#2f2f2f; font-weight:400;
}
.nav_principal a:hover {
	color:#004b8a;
	text-decoration:underline !important;
}




@media only screen and (max-width: 980px) { 

.nav_institucional {
	margin:0 auto; max-width:980px;
	text-align:right;
}

.nav_institucional ul {
	display:inline-block;
	list-style-type:none;
}
.nav_institucional ul li {
	display:inline-block;
	text-decoration:none;
	font-family: 'Roboto', sans-serif !important;
	color:#fff !important;
	font-size: 15px !important;
	margin:0 0 0 15px;	
}
.nav_institucional .semborda {
	border:none;
	margin-right:20px;
}

#brasfix      { margin:40px 0 0 20px; width:284px; height:41px; float:left; }

#nav {
	float:right;
	margin:35px 0 0 0 !important;
	width:600px;
}

.nav_principal {
	float:right;
	width:600px;
	position:relative;
	text-align:right;
	margin:15px 20px 0 0; 
	padding:0;
}
.nav_principal ul {
	display:inline-block;
	list-style-type:none;
	margin:0; 
	padding:0;
}
.nav_principal ul li {
	display:inline-block;
	margin:15px 0 0 20px;  
}
.nav_principal a {
	text-decoration:none;
	font-family:'Roboto', helvetica, arial, sans-serif; font-size: 20px !important; color:#2f2f2f; font-weight:400;
}

 }
 







/* SECTIONS */
section#panel_home { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 750px;}
@media only screen and (max-height: 650px) and (min-width: 735px) { section#panel_home { padding-top: 0px; min-height: 750px; } }
@media only screen and (min-height: 650px) and (min-width: 735px) { section#panel_home { padding-top: 0px; min-height: 750px; } }
@media only screen and (max-width: 1035px) { section#panel_home { padding-top: 0px; } }


#panel_home {position: relative; top:0;}
#home_next {position: absolute; right: 40px; top:0; display:block; height: 31px; width: 60px; background-image: url("../images/next.png"); text-indent: -9999px;}
#home_prev {position: absolute; left: 40px; top:0; display:block; height: 31px; width: 60px; background-image: url("../images/prev.png");text-indent: -9999px;}

#panel_home div.rotator { position:relative; display:inline-block; width: 100%; height: 100%; overflow: hidden;}
#panel_home div.rotator > div {position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#panel_home div.rotator > div:before { content: ''; display: inline-block; height: 100%; vertical-align: top;  }
#panel_home div.rotator > div > img {width: 100%; }

 
.slide1 { background-image: url("../images/princ2.jpg"); background-size: 100%;  background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide2 { background-image: url("../images/princ5.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide3 { background-image: url("../images/princ4.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide4 { background-image: url("../images/princ6.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide5 { background-image: url("../images/princ7.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide6 { background-image: url("../images/princ8.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide7 { background-image: url("../images/princ9.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.wrapper {margin:0 auto; width:100%;  margin-top:-270px; background-image: url("../images/home_fundo_slider.png");background-position: center; background-repeat: repeat-x;}

.headline { margin:0 auto; max-width:1000px;  padding-top:70px; font-family: 'Roboto', sansSerif; font-size:44px; line-height:52px; text-align:center; font-weight:100; color:#fff;  height: 200px; }

.headline a { padding-top:15px; font-family: 'Roboto Condensed', sansSerif; font-size:15px; text-align:center; font-weight:300; color:#67d6ff;  }

@media only screen and (max-width: 1100px) { 

.slide1 { background-image: url("../images/princ2.jpg"); background-size: 125%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide2 { background-image: url("../images/princ5.jpg"); background-size: 125%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide3 { background-image: url("../images/princ4.jpg"); background-size: 125%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide4 { background-image: url("../images/princ6.jpg"); background-size: 125%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide5 { background-image: url("../images/princ7.jpg"); background-size: 125%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide6 { background-image: url("../images/princ8.jpg"); background-size: 125%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.slide7 { background-image: url("../images/princ9.jpg"); background-size: 125%;   background-repeat: no-repeat; text-align:left; background-position: center center;}

.headline a { padding-top:25px; font-family: 'Roboto Condensed', sansSerif; font-size:20px; text-align:center; font-weight:300; color:#67d6ff;  }


 }




#footer        { bottom:50px; height:150px; width:100%; }

#assina        { margin:35px 20px 0 20px; float:left; width:240px;}
#endereco     { margin:35px 20px 0 0; float:left; width:440px; border-top:1px solid #cccccc;}
#endereco1      { padding:18px 20px 0 0; font:11px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; color:#6c6c6c; float:left; }
#endosso        { margin:35px 20px 0 10px; width:230px; float:left; }

@media only screen and (max-width: 980px) { 

#endereco     { margin:35px 20px 0 20px; float:left; width:640px; border-top:1px solid #cccccc;}
#endereco1      { padding:18px 20px 0 0; font:13px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; color:#6c6c6c; float:left; }
#endosso        { margin:15px 20px 20px 20px; width:230px; float:left; }

 }















/* ######## HOME ######## */


#corpohome   { margin:0 auto 0 auto; width:100%; display: inline-block; background:#dedede;}
#corpohomeazul   { margin:0 auto 0 auto; width:100%; display: inline-block; background:#122537; background-image: url("../images/fundo_azul.jpg"); background-repeat: no-repeat; background-position: center center;}
#homenumeros		 { margin:0 auto; max-width:1000px; height:220px; }
#homenumeroscada	 { margin:20px auto 0 auto; width:33%; text-align:center; font:16px 'Roboto', sansSerif; color:#c7c7c7; font-weight:400; float:left;}
#homenumeroscada p	 { font:66px 'Roboto', sansSerif; color:#00b4f6; font-weight:300;}

#home1		 { margin:65px auto 0 auto; max-width:1000px; height:90px;  }
#home1 p       { font:24px 'Roboto', sansSerif; color:#002345; font-weight:400; margin:20px 0 10px 0 !important; text-align:center;}

#home2		 { margin:0 auto; max-width:1000px; height:460px;  }
#chamada_a   { margin:0 14px 0 0; width:486px; height:350px; float:left; background:#ffffff; box-shadow: 1px 10px 15px 0px #999;}
#chamada_b   { margin:0 0 0 14px; width:486px; height:350px; float:left; background:#ffffff; box-shadow: 1px 10px 15px 0px #999;}
#chamada_a img   { width:486px; height:290px; padding-bottom:17px;}
#chamada_b img   { width:486px; height:290px; padding-bottom:17px;}

.linkhome       { font:21px 'Roboto', sansSerif; color:#002345; padding-left:30px;}
.linkhome:hover {color:#666666;}

#home3		 { margin:40px auto 0 auto; max-width:1000px; height:70px;  }
#home3 p       { font:24px 'Roboto', sansSerif; color:#002345; font-weight:400; margin:20px 0 10px 0 !important; text-align:center;}
#home4		 { margin:0 auto; max-width:1000px; height:350px;  }
#chama_ativ   { margin:0 10px 0 10px; width:225px; float:left;}
#chama_ativ p  {text-align:left; font:15px 'Roboto', sansSerif; color:#333333; font-weight:400; border-left:1px solid #00b4f6; padding-left:12px; height:75px; }
#chama_ativ img   { width:225px; height:163px; margin-top:-13px}

@media only screen and (max-width: 980px) { 

#home1		 { margin:65px auto 0 auto; max-width:1000px; height:90px;  }
#home1 p       { font:24px 'Roboto', sansSerif; color:#002345; font-weight:400; margin:20px 0 10px 0 !important; text-align:center;}

#home2		 { margin:0 auto; max-width:1000px; height:460px;  }
#chamada_a   { margin:0 10px 0 0; width:450px; float:left; background:#ffffff; box-shadow: 1px 10px 15px 0px #999;}
#chamada_b   { margin:0 0 0 10px; width:450px; float:left; background:#ffffff; box-shadow: 1px 10px 15px 0px #999;}
#chamada_a img   { width:450px; padding-bottom:17px;}
#chamada_b img   { width:450px; padding-bottom:17px;}

.linkhome       { font:21px 'Roboto', sansSerif; color:#002345; padding-left:30px; }
#home3		 { margin:40px auto 0 auto; max-width:1000px; height:50px;  }
#home4		 { margin:0 auto; max-width:1000px; height:850px;  }
#chama_ativ   { margin:20px 40px 0 40px; width:400px; float:left;}
#chama_ativ p  {text-align:left; font:22px 'Roboto', sansSerif; color:#333333; font-weight:400; border-left:1px solid #00b4f6; padding-left:22px; height:70px; }
#chama_ativ img   { width:400px; height:290px; margin-top:-13px}

#homenumeroscada	 { margin:20px auto 0 auto; width:33%; text-align:center; font:19px 'Roboto', sansSerif; color:#c7c7c7; font-weight:400; float:left;}

 }






/* ######## FONTES ######## */


h1             { font:40px 'Roboto', Arial, helvetica, sansSerif; color:#002345; font-weight:700; }
h2             { font:23px 'Roboto', Arial, helvetica, sansSerif; line-height:30px; color:#004b8a; font-weight:400; }
h3             { font:24px 'Roboto', sansSerif; color:#002345; font-weight:400; }
h4             { font:15px  'Roboto', sansSerif; line-height:22px; color:#6c6c6c; font-weight:400; margin-top:18px;}
h5             { font:40px 'Roboto', Arial, helvetica, sansSerif; color:#ffffff; font-weight:700; }
h6             { padding-top:15px; font-family: 'Roboto Condensed', sansSerif; font-size:37px; text-align:left; font-weight:700; color:#004b8a; }

p              { font:17px  'Roboto', sansSerif; line-height:24px; color:#6c6c6c; font-weight:400; margin-top:20px;}
h4 a       { padding-top:15px; font-family: 'Roboto Condensed', sansSerif; font-size:15px; text-align:center; font-weight:300; color:#00b4f6; }











/* ######## EMPRESA ######## */

.empresa #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/interior_empresa.jpg') center center no-repeat; background-size: 100%;
	min-height:530px;
}

.empresa #sliderint     { margin:0 auto; max-width:1000px; height:120px; border-bottom:1px solid #efefef; }
.empresa #titulosecao      { position:relative; float:left; width:50%; padding-top:35px; }
.empresa #navega          { position:relative; float:right; width:50%; font:14px 'Roboto', sansSerif; color:#66696c; font-weight:400; padding-top:60px; text-align:right}
.empresa #navega a         { font:14px 'Roboto', sansSerif; color:#004b8a; font-weight:400; padding-top:20px; text-decoration:underline; }
.empresa #navega a:hover        { font-weight:700; }

.empresa #internoleft    	{ margin:40px 0 0 0; width:600px; min-height:450px; float:left; }
.empresa #internoright      { margin:40px 0 0 100px; width:300px;  float:right; }

#brasfond { margin:40px 20px 0 20px; width:460px; min-height:450px; float:left; border-top:1px solid #cccccc; padding-top:20px;}
#brasfond img {margin-bottom:10px;}
#brasfond h4 a { font:15px  'Roboto', sansSerif; line-height:22px; color:#6c6c6c; font-weight:700; margin-top:18px; }

#geofix { margin:40px 20px 0 20px; width:460px; min-height:450px; float:left; border-top:1px solid #cccccc; padding-top:20px;}
#geofix img {margin-bottom:10px;}
#geofix h4 a { font:15px  'Roboto', sansSerif; line-height:22px; color:#6c6c6c; font-weight:700; margin-top:18px; }




@media only screen and (max-width: 980px) { 


.empresa #titulosecao      { position:relative; float:left; width:45%; padding-top:35px; padding-left:20px }
.empresa #navega          { position:relative; float:right; width:45%; font:14px 'Roboto', sansSerif; color:#66696c; font-weight:400; padding-top:60px; text-align:right; padding-right:20px}
.empresa #navega a         { font:14px 'Roboto', sansSerif; color:#004b8a; font-weight:400; padding-top:20px; text-decoration:underline; }
.empresa #navega a:hover        { font-weight:700; }


.empresa #internoleft    	{ margin:40px 0 0 30px; width:70%; min-height:450px; float:left; }
.empresa #internoright      { margin:60px 0 0 30px; width:50%; min-height:350px; float:left; }
.empresa #internoright h4      { font:20px  'Roboto', sansSerif; line-height:30px; }

#brasfond { margin:40px 20px 0 20px; width:45%; min-height:650px; float:left; border-top:1px solid #cccccc; padding-top:20px;}
#brasfond h4      { font:21px  'Roboto', sansSerif; line-height:28px; }
#geofix   { margin:40px 20px 0 20px; width:45%; min-height:650px; float:left; border-top:1px solid #cccccc; padding-top:20px;}
#geofix h4      { font:21px  'Roboto', sansSerif; line-height:28px; }


}










/* ######## ATIVIDADES ######## */

#corpointernoazul   { margin:0 auto 0 auto; width:100%; display: inline-block; background:#16456d;}

#conteudoprimeiro      { margin:40px auto 0 auto; max-width:1000px; display:table;}

#conteudointerno      { margin:0 auto; max-width:1000px; display:table; height:300px;}

.atividades #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/interior_atividades.jpg') center center no-repeat; background-size: 100%;
	min-height:530px;
}

.atividades #sliderint     { margin:0 auto; max-width:1000px; height:120px; }
.atividades #titulosecao      { position:relative; float:left; width:50%; padding-top:35px; }
.atividades #navega          { position:relative; float:right; width:50%; font:14px 'Roboto', sansSerif; color:#cccccc; font-weight:400; padding-top:60px; text-align:right}
.atividades #navega a         { font:14px 'Roboto', sansSerif; color:#ffffff; font-weight:400; padding-top:20px; text-decoration:underline; }
.atividades #navega a:hover        { font-weight:700; }

.atividades #internoleft    	{ margin:30px 30px 0 0; width:225px; float:left; border-right:10px solid #16456d;}
.atividades #internoleft img   	{ width:225px; height:163px;}
.atividades #internoright      { margin:30px 0 0 0; width:735px;  float:left; border-top:1px solid #00b4f6; padding-top:20px; text-align:left; }
.atividades #internoright p  { margin-top:0px !important;}
.atividades #internoright p strong { font:25px  'Roboto', sansSerif; line-height:34px; color:#16456d; font-weight:700; margin-top:30px;}


@media only screen and (max-width: 980px) { 

.atividades #titulosecao      { position:relative; float:left; width:55%; padding-top:35px; padding-left:20px }
.atividades #navega          { position:relative; float:right; width:35%; font:14px 'Roboto', sansSerif; color:#cccccc; font-weight:400; padding-top:60px; text-align:right; padding-right:20px}
.atividades #navega a         { font:14px 'Roboto', sansSerif; color:#ffffff; font-weight:400; padding-top:20px; text-decoration:underline; }
.atividades #navega a:hover        { font-weight:700; }


.atividades #internoleft    	{ margin:30px 30px 0 20px; width:40%; float:left; border:none}
.atividades #internoleft img   	{ width:400px; height:290px;}

.atividades #internoright      { margin:30px 0 40px 0; width:50%;  float:left; border-top:1px solid #00b4f6;  text-align:left; padding-top:40px}
.atividades #internoright p  { margin-top:0px !important; font:23px;  line-height:28px;}
.atividades #internoright p strong { font:30px  'Roboto', sansSerif; line-height:42px; color:#16456d; font-weight:700; margin-top:30px; }

#conteudointerno      { margin:0 auto; max-width:1000px; display:table; height:420px;}

}








/* ######## CONTATO ######## */

.contato #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/interior_contato.jpg') center center no-repeat; background-size: 100%;
	min-height:530px;
}

.contato #sliderint     { margin:0 auto; max-width:1000px; height:120px; border-bottom:1px solid #efefef; }
.contato #titulosecao      { position:relative; float:left; width:50%; padding-top:35px; }
.contato #navega          { position:relative; float:right; width:50%; font:14px 'Roboto', sansSerif; color:#66696c; font-weight:400; padding-top:60px; text-align:right}
.contato #navega a         { font:14px 'Roboto', sansSerif; color:#004b8a; font-weight:400; padding-top:20px; text-decoration:underline; }
.contato #navega a:hover        { font-weight:700; }

.contato #internoleft    	{ margin:40px 0 0 0; width:450px; min-height:450px; float:left; }
.contato #internoright      { margin:40px 0 0 50px; width:500px;  float:right; }





@media only screen and (max-width: 980px) { 


.contato #titulosecao      { position:relative; float:left; width:45%; padding-top:35px; padding-left:20px }
.contato #navega          { position:relative; float:right; width:45%; font:14px 'Roboto', sansSerif; color:#66696c; font-weight:400; padding-top:60px; text-align:right; padding-right:20px}
.contato #navega a         { font:14px 'Roboto', sansSerif; color:#004b8a; font-weight:400; padding-top:20px; text-decoration:underline; }
.contato #navega a:hover        { font-weight:700; }


.contato #internoleft    	{ margin:40px 0 0 30px; width:70%; min-height:400px; float:left; }
.contato #internoright      { margin:40px 0 0 30px; width:930px; min-height:450px; float:left; }
.contato #internoright iframe      {  width:900px; }


}










/* ######## OBRAS ######## */

#conteudoobra      { margin:0 auto 30px auto; width:1000px; display:table; }
#conteudoobra img { padding-top:20px  }

#fotos      { margin:0 auto; max-width:1000px; display:table; }
#fotos #foto { margin:20px 20px 0 0 ; width:480px; font:14px  'Roboto', sansSerif; line-height:30px; color:#6c6c6c; font-weight:400; float:left;}
#fotos #foto img { width:480px; }

#corpoobras   { margin:0 auto 0 auto; width:100%; display: inline-block; background:#e8e8e8;}

#corpointernoazul   { margin:0 auto 0 auto; width:100%; display: inline-block; background:#16456d;}

#tipo_obra      { margin:50px auto 20px auto; max-width:1000px;   }
#tipo_obra p     { padding:20px 20px 20px 0; font:18px 'Roboto Condensed', sansSerif; color:#002345; font-weight:400; border-top:1px solid #cccccc; text-transform:uppercase; text-align:left; width:100%}

#tipo_obra_interno      { margin:50px auto 20px auto; max-width:1000px;   }
#tipo_obra_interno p     { padding:15px 20px 20px 0; font:15px 'Roboto Condensed', sansSerif; color:#002345; font-weight:400; border-top:1px solid #cccccc; text-transform:uppercase; text-align:left; width:100%}


.obras #sliderint     { margin:0 auto; max-width:1000px; height:120px; }
.obras #titulosecao      { position:relative; float:left; width:50%; padding-top:35px; }
.obras #navega          { position:relative; float:right; width:50%; font:14px 'Roboto', sansSerif; color:#cccccc; font-weight:400; padding-top:60px; text-align:right}
.obras #navega a         { font:14px 'Roboto', sansSerif; color:#ffffff; font-weight:400; padding-top:20px; text-decoration:underline; }
.obras #navega a:hover        { font-weight:700; }

.obras #internoleft    	{ margin:30px 30px 0 0; width:225px; float:left; border-right:10px solid #16456d;}
.obras #internoleft img   	{ width:225px; height:163px;}
.obras #internoright      { margin:30px 0 0 0; width:735px;  float:left; border-top:1px solid #00b4f6; padding-top:20px; text-align:left; }
.obras #internoright p  { margin-top:0px !important;}
.obras #internoright p strong { font:25px  'Roboto', sansSerif; line-height:34px; color:#16456d; font-weight:700; margin-top:30px;}

.obras #tag_obra   { margin:60px 10px; width:180px; float:left; height:340px; background-color:#ffffff; }
.obras #tag_obra p {font:18px 'Roboto Condensed', sansSerif; color:#7f7f7f; font-weight:300; padding: 0 20px 0 20px;}
.obras #tag_obra p strong  { font:20px 'Roboto Condensed', sansSerif; color:#16456d; font-weight:700; }
.obras #tag_obra img   { width:180px; height:180px; }

a.link {
    text-decoration: none;
}
a.link :hover {
    background-color:#efefef !important;
}

#chama_obras   { margin:0px 16px 30px 16px; width:300px; float:left;}
#chama_obras p  {text-align:left; font:20px 'Roboto', sansSerif; color:#004b8a; font-weight:700; border-left:2px solid #00b4f6; padding-left:17px; padding-top:12px; height:65px; margin-top:0 !important}
#chama_obras img   { width:300px; height:145px; margin-bottom:0 !important}


@media only screen and (max-width: 980px) { 

#tipo_obra_interno p     {width:95%; font-size:180%;}

#conteudoobra      { margin:0 20px 30px 20px; width:90% }
#conteudoobra h4      { font-size:110%; line-height:130%;}

#fotos      { margin:0 auto; max-width:1000px; display:table; }
#fotos #foto { margin:20px; width:95%;}
#fotos #foto img { width:95%; }

.obras #titulosecao      { position:relative; float:left; width:55%; padding-top:35px; padding-left:20px }
.obras #navega          { position:relative; float:right; width:35%; font:14px 'Roboto', sansSerif; color:#cccccc; font-weight:400; padding-top:60px; text-align:right; padding-right:20px}
.obras #navega a         { font:14px 'Roboto', sansSerif; color:#ffffff; font-weight:400; padding-top:20px; text-decoration:underline; }
.obras #navega a:hover        { font-weight:700; }


#tipo_obra p     { width:93%; font-size:130%}


.obras #tag_obra   { margin:60px 10px; width:170px; float:left; height:340px; background-color:#ffffff; }
.obras #tag_obra p {font:20px 'Roboto Condensed', sansSerif; color:#7f7f7f; font-weight:300; padding: 0 20px 0 20px;}
.obras #tag_obra p strong  { font:22px 'Roboto Condensed', sansSerif; color:#16456d; font-weight:700; }
.obras #tag_obra img   { width:170px; height:170px; }


#chama_obras   { margin:0px 0 30px 20px; width:300px; float:left;}
#chama_obras p  {text-align:left; font:25px 'Roboto', sansSerif; color:#004b8a; font-weight:700; border-left:2px solid #00b4f6; padding-left:17px; padding-top:12px; height:65px; margin-top:0 !important}
#chama_obras img   { width:300px; height:145px; margin-bottom:0 !important}



}