﻿@font-face {
 font-family: 'Corbel';
 src: url('fonts/corbelb.eot'); /* EOT file for IE */
}
@font-face {
 font-family: 'Corbel';
 src: url('fonts/corbelb.ttf') format('truetype'); /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: 'Ebrima';
 src: url('fonts/ebrima.eot'); /* EOT file for IE */
}
@font-face {
 font-family: 'Ebrima';
 src: url('fonts/ebrima.ttf') format('truetype'); /* TTF file for CSS3 browsers */
}


body , form
{
	background-color:#fdfdfd; 	
	top:0px;
	left:0px;
	right:0px;
	bottom:0px; 
	margin-left:0px;
	margin-top:0px;  
	margin-right:0px;
	 
}


#divGeral
{
	width:100%;
	height:100%;   		
}

#divPage
{
	margin-left:50%;
	left:-600px; 
	top:15px;
	width:1050px;
	position:relative;
	display:table;  
	
}

#divMenu
{
	position:relative;
	float:left;
	width:270px;
	height:500px; 
	display:table;  
}

#divMenuUl
{
	position:relative;	
	top:86px;
}

#divMenuUl ul
{
	list-style:none;
    display:list-item; 
	text-align:right; 
	font-family:Arial; 
	font-size:11px; 
	font-weight:normal;
	line-height:33.8px; 

}

#divMenuUl ul li a
{
	text-decoration:none; 
	color:#40403f; 
}

#divMenuUl ul li a:hover
{
	color:#ef4030; 
}


.active
{
	color:#ef4030; 
	font-weight:bold; 
}


#divMenuUl #menugeral ul
{
	font-weight:normal;  
	display:none;		
	line-height:18px; 
}



#divLogo
{
	position:relative;
	width:270px;
	top:50px; 
	text-align:right; 
}

@media only screen and (max-width: 1024px) and (min-width: 768px)
{
	#divLogo
	{
		position:relative;
		width:300px;
		top:50px; 
		text-align:right; 
	}	
	
	#divMenu
	{
	position:relative;
	float:left;
	width:210px;
	height:500px; 
	display:table;  
	}
	
}



#ConteudoDireita
{
	position:relative;
	float:right; 
	width:700px;
	height:400px;  
	display:table;  
	top:0px;
}


#divMenuSuperior
{
	position:relative;
	z-index:9;
	/*border-top-style:solid;
	border-top-color:#ef4030;
	border-top-width:1px;   */
	width:100%; 
}

#divMenuSuperior ul
{
	list-style:none;
    display:list-item; 
	text-align:right; 
	font-family:Corbel;
	font-size:13px; 
	font-weight:bold; 

}

#divMenuSuperior ul li
{
    display:inline; 
    padding-left:40px; 
}

#divMenuSuperior ul li a
{
	text-decoration:none; 
	color:#40403f; 
}

#divMenuSuperior ul li a:hover
{
	color:#ef4030; 
}
 
#divMenuSuperior #login:hover #divLogin
{
	display:inline-block; 
}



#divAnima
{
	position:relative;
	text-align:right; 
	width:100%; 
	z-index:4;
}

#divConteudo
{
	position:relative;
	top:30px;
	/*border-top-style:solid;
	border-top-color:#ef4030;
	border-top-width:1px;   */
	width:100%; 
	/*min-height:550px; */
}

#divConteudo h1
{
	font-family:Corbel;
	font-size:18px;
	font-weight:bold;
	color:#ef4030; 
	text-transform:uppercase;  
}

#divConteudo p
{
	/*font-family:Corbel;*/
	font-family:Arial; 
	font-size:15px;
	color:#40403f; 
	/*text-transform:uppercase;  */
	line-height:25px; 
	text-align:justify;  
	font-weight:normal; 
}



#divRodape
{
	position:relative;
	top:80px;
	width:100%; 	
	background-color:#6f1117; 
	min-height:110px;
}

#divRodapeA
{

	font-family:Arial; 
	position:relative;
	margin-left:50%;
	left:-500px; 
	top:15px;
	width:950px;
	display:table;  
	
}


#divRodape p
{
	/*font-family:Ebrima;*/
	font-size:11px;
	color:#40403f; 
}

#divLogin
{
	z-index:10;
	position:absolute; 
	width:200px;
	height:100px;
	background-color:#ef4030; 
	display:none; 
	top:30px;
	left:350px;
	text-align:left; 
	line-height:1px; 
	padding-left:15px; 
	font-family:Arial;
	font-size:10px;
	color:#fffdfd;   
}

.linklogin
{
	text-decoration:none;
	font-family:Arial;
	font-size:8px;
	color:#fffdfd;   
}

.linklogin:hover
{
	color:#fffdfd;   
}


#divLogin:hover
{
	display:inline-block; 	
}


#divOrdenar 
{
	position:relative; 
	float:right; 
	width:250px; 
}

#divOrdenar p
{
	font-family:Ebrima;
	font-size:12px;
	line-height:2px; 
}

#divOrdenar p a
{
	font-family:Ebrima;
	font-size:12px;
	line-height:2px; 
	text-decoration:none; 
	color:#40403f;   
}



#listaObras 
{
	width:107%;
	left:0px; 
	display:table;  
	margin-left:-45px; 
	bottom:0px;
	margin-bottom:0px;  
	
}

#listaObras ul
{
	list-style:none; 
	top:0px;
	margin-top:0px; 
	bottom:0px;
	margin-bottom:0px;
	width:100%; 
	padding-bottom:5px; 
	line-height:8px; 
}

#listaObras li
{
	display:inline; 
	padding-left:5px; 
	left:0px;
	top:0px;
}

#listaObras li span p
{
	text-align:left;	
	padding-left:8px; 
	font-size:12px; 
	line-height:5px;
	text-transform:none;
	color:#fffcfc;
	text-transform:uppercase; 
}

#listaObras li span p strong
{
	line-height:20px; 
	font-size:15px; 
	text-transform:uppercase;  
	color:#fffcfc;

}



.titulo
{
	position:absolute; 
	float:right;
	width:178px;
	height:210px;  
	/*background-image:url('../Img/filtro.png') no-repeat top left; */
	/*background-color:#181716; */
	background-image:url(../Img/filtro.png);
	
	
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	cursor:pointer;
	z-index:8;
	opacity:0;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.titulo:hover 
{
	opacity: 0.9;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
	
}

.obras
{
	width:178px;
	height:210px;  
	text-align:center; 
}

.obras:hover .imagem
{
	/*-moz-opacity:0.3;*/
	/*-webkit-filter:blur(0px) grayscale(.8) saturate(9);
	-webkit-filter:brightness(50%); 
	-moz-filter:brightness(50%); 
	-o-filter:brightness(50%); 
	-ms-filter:brightness(50);*/
	 
	
	
}	


.tituloanima 
{
	position:absolute;
	z-index:11; 
	width:50%;
	height:50px; 
	/*background-color:#d6d6d6;*/
	text-align:left; 
	top:5px;
	margin-top:0px;  
	opacity:0.8;
}

.tituloanima  p
{
	padding-left:25px;
	font-family:Corbel;
	font-size:25px;   	
	line-height:3px; 

}

.rodapeanima 
{
	position:absolute;
	z-index:12; 
	width:250px;
	height:41px; 
	background-color:#d6d6d6;
	text-align:left; 
	bottom:10px; 
	margin-top:0px;  
	opacity:0.8;
	left:0px;
	margin-left:0px; 
	display:table; 
	
}

.rodapeanima  p
{
	padding-left:5px;
	top:0px;
	margin-top:4px;	 
	font-family:Corbel;
	font-size:11px;   	
	line-height:5px; 
	text-transform:uppercase;  
}

.rodapeanima p a
{
	text-decoration:none;
}


.info 
{
	position:absolute;
	margin-right:5px;
	right:0px;
	float:right;     
	top:10px;
}

.infotexto
{
	position:absolute;
	margin-left:10px;
	left:0px;
	float:left;
	top:12px;
}


.informaanima 
{
	position:absolute;
	z-index:13; 
	width:280px;
	height:120px; 
	background-color:#d6d6d6;
	text-align:left; 
	bottom:60px; 
	margin-top:0px;  
	opacity:0.8;
	left:0px;
	margin-left:0px; 
	display:none; 
}

.informaanima  p 
{
	padding-left:15px;
	font-family:Corbel;
	font-size:11px;   	
	line-height:13px; 
	text-transform:uppercase;  
}


.informaanima2
{

	position:relative;
	float:right; 
	text-align:left; 
	z-index:13; 
	width:280px;
	height:120px; 
	margin-top:20px;  
	margin-right:0px; 
	right:-80px; 
}

.informaanima2  p 
{
	padding-left:15px;
	font-family:Corbel;
	font-size:11px;   	
	line-height:13px; 
	text-transform:uppercase;  
}


#contato p
{
	line-height:3px; 
}


.botaoEnviar 
{
   background-color:#ab0909;
   color:#fcfcfc;
   font-family:Arial;
   font-size:12px;
   padding-left:12px; 
   padding-top:12px;
   text-decoration:none;
   font-weight:bold;
}

.botaoEnviar:hover
{
   background-color:#000000;
}

.ValidateSummary
{
	left:0px;
	font-size:14px;
	font-family:Arial;
	color:#ef4030; 
}


#divParada
{
	margin-top:5px;	
	position:relative;
}
	
/*linha do tempo */	

#linhadotempo
{
  width:500px;
  height:1300px;  
  top:15px;
  margin-top:15px;
  position:relative;  
  padding-left:40px; 
}

#linhadotempo p
{
	font-size:10px;	
}
	
.linha{position:relative;bottom:0}

.linha-preta{border-left:solid 3px #020202;height:800px;left:277px}
.linha-preta .bullet{background-color:#020202;color:#020202}
.linha-preta h2,.linha-preta p{color:#020202}

.linha-azul-claro{border-left:solid 3px #7f8082;height:800px;left:237px;top:-800px;}
.linha-azul-claro .bullet{background-color:#7f8082}
.linha-azul-claro h2,.linha-azul-claro p{color:#7f8082}

.linha-vermelha{border-left:solid 3px #ef4030;height:300px;left:257px;top:-800px;}
.linha-vermelha .bullet{background-color:#ef4030}
.linha-vermelha h2,.linha-vermelha p{color:#ef4030}

.bullet{width:12px;height:12px;border:solid 2px #fff;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;position:absolute;left:-10px}
#bullet1-1,#bullet1-2,#bullet1-3,#bullet1-4,#bullet1-5{bottom:0}
#bullet2-1,#bullet2-3,#bullet2-4,#bullet3-5,#bullet7-1{top:0}


/* Linha preta */  
#bullet2-1{top:60px}
#bullet2-2{top:800px}
#bullet3-2{top:660px}
#bullet4-2{top:480px}
#bullet5-2{top:330px}
#bullet6-2{top:180px}

/* Linha Vermelha */
#bullet2-5{top:130px}
#bullet4-5{top:236px}

/* Linha Azul */
#bullet7-2{top:130px}
#bullet7-3{top:330px}
#bullet7-4{top:800px}


.text-left{text-align:left;}
.text-right{text-align:right}

.linha-box{position:absolute;width:300px}
.linha-box h2{font-family:museo_sans500,sans-serif;font-weight:400;font-style:normal;font-size:1.5625em;line-height:1;margin:0 0 5px}
.linha-box p{font-family:museo_sans300,sans-serif;font-weight:400;font-style:normal;font-size:.75em;margin:0 0 5px}

.linha-box2{position:absolute;width:250px}
.linha-box2 h2{font-family:museo_sans500,sans-serif;font-weight:400;font-style:normal;font-size:1.5625em;line-height:1;margin:0 0 5px}
.linha-box2 p{font-family:museo_sans300,sans-serif;font-weight:400;font-style:normal;font-size:.75em;margin:0 0 5px}

/* Linha Preta */

#linha-box-1{left:20px;top:60px}
#linha-box-2{left:20px;top:180px}
#linha-box-3{left:20px;top:330px}
#linha-box-4{left:20px;top:480px}
#linha-box-5{left:20px;top:630px}

/* Linha Azul */

#linha-box-6{left:-270px;top:0}
#linha-box-7{left:-270px;top:130px}
#linha-box-8{left:-270px;top:330px}


#linha-box-10{left:30px;top:883px}

/* Linha Vermelha */

#linha-box-9{left:20px;top:20px}
#linha-box-11{left:20px;top:126px}
#linha-box-12{left:20px;top:234px}

.Vermelho
{
	color:#ef4030; 
}

.fulljustify
{
	text-align:justify; 	
}

.fulljustify:after 
{
	content:"";
	display:inline-block;
	width:100%;
}



.baixar
{
	position:relative;
	float:left;
	text-align:left; 
	z-index:13; 
	width:280px;
	height:120px; 
	margin-top:-150px;  
	margin-right:0px; 
}

.baixar  p 
{
	padding-left:15px;
	font-family:Corbel;
	font-size:11px;   	
	line-height:13px; 
	text-transform:uppercase;  
}

.baixar a, a:visited
{
	text-decoration:none;
	color:#40403f;
	 	
}

.textotxt
{
	font-family:Arial; 
	font-size:13px;
}


.baixar2
{
	position:relative;
	float:left;
	text-align:left; 
	z-index:13; 
	width:280px;
	height:50px; 
	margin-top:-390px;  
	margin-right:0px; 
}

.baixar2  p 
{
	padding-left:15px;
	font-family:Corbel;
	font-size:11px;   	
	line-height:13px; 
	text-transform:uppercase;  
}

.baixar2 a, a:visited
{
	text-decoration:none;
	color:#40403f;
	 	
	 	 	
}



.baixar3
{
	position:relative;
	float:left;
	text-align:left; 
	z-index:13; 
	width:280px;
	height:50px; 
	margin-top:-170px;  
	margin-right:0px; 
}

.baixar3  p 
{
	padding-left:15px;
	font-family:Corbel;
	font-size:11px;   	
	line-height:13px; 
	text-transform:uppercase;  
}

.baixar3 a, a:visited
{
	text-decoration:none;
	color:#40403f;
	 	
}





.lightbox {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .5);
	z-index:999999 !important;
}

.lightbox h1 {
	font-family: Corbel;
	font-size: 23px;
	font-weight: bold;
	color: #ef4030;
	text-transform: uppercase;
	text-align:center;
}

.lightbox p {
	/*font-family:Corbel;*/
	font-family: Arial;
	font-size: 20px;
	color: #40403f;
	/*text-transform:uppercase;  */
	line-height: 25px;
	text-align: justify;
	font-weight: normal;
}


.lightbox p a {
	text-decoration: none;
	color: #ef4030;
}


.toolbarLB {
	text-align: right;
	padding: 3px;
}

.closeLB {
	color: red;
	cursor: pointer;
}

.lightbox .iframeContainer {
	vertical-align: middle;
	background: #CCC;
	padding: 2px;
	z-index: 2 !important;
}

.lightbox.closed {
	display: none;
}