/* ...................... geral ................................................................................................................................................. */


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

body							{ height:100%; width:100%; background:url(images/bg.jpg)repeat center center #ddd; margin:0; line-height:160%; font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#666; }

input, textarea, select, option				{ font-family: 'arial', sans-serif;  }

h1, h2, h3, h4, h5, h6					{ font-weight:normal; padding:0; margin:0; }

img							{ border:none; }

a							{ color:#D90000; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition: all 0.3s ease; text-decoration:none; }
a:hover							{ color:#000; text-decoration:underline; }

::selection						{ background:#D90000; color:#fff; }
::-moz-selection					{ background:#D90000; color:#fff; }

form							{ margin:0; padding:0; }
  fieldset						{ margin:0; padding:0; border:none; }

.clear							{ clear:both; }
body li.clear						{ clear:both; height:0; padding:0; margin:0; width:100%; float:none; }

.tudo							{ position:relative; min-height:100%; max-width:1440px; min-width:1000px; background:#fff; margin:0 auto; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999; }
* html .tudo						{ min-height:100%; }




/* ...................... cabeçalho ............................................................................................................................................. */

.cab							{ background:#373435; }
  .cab_rel						{ height:125px; width:1000px; padding:0; margin:0 auto; position:relative;}
    .cab_rel .logo					{ position:absolute; left:20px; top:30px; width:389px; height:65px; display:block;}

    .cab_rel .redes					{ position:absolute; right:20px; top:44px; width:112px; height:34px; display:block;}
      .redes .redes_face				{ display:block; background-image:url(images/social_face.png); width:34px; height:34px; float:left;  }
      .redes .redes_insta				{ display:block; background-image:url(images/social_insta.png); width:34px; height:34px; margin:0 5px 0 5px; float:left;  }
      .redes .redes_youtube				{ display:block; background-image:url(images/social_youtube.png); width:34px; height:34px; float:left;  }

      .menu_institucional				{ position:absolute; right:172px; top:37px; margin:0; padding:0; list-style:none; }
      .menu_institucional ul				{ position:relative; margin:0; padding:0; list-style:none; float:right; }
      .menu_institucional li				{ float:left; margin:0; padding:0; z-index:110; font-family: 'Roboto Condensed', sans-serif; font-size:14px; }
      .menu_institucional li a				{ color:#fff; text-align:center; margin:0; padding:0 0 0 20px; display:block; box-sizing:border-box; }
      .menu_institucional li a.ativo			{ color:#D8A300; text-decoration:none; z-index:120; }
      .menu_institucional li a:hover			{ color:#D8A300; text-decoration:none; z-index:120; }

      .area_piloto					{ display:block; text-align:right; }
      .area_piloto a					{ color:#D8A300; text-decoration:none; }
      .area_piloto a.ativo				{ color:#D8A300;  }
      
      .area_piloto .piloto_bemvindo			{ color:#999; }
      .area_piloto .piloto_nome				{ color:#fff; padding:0 5px 0 5px; }
      .area_piloto .piloto_sair				{ color:#D8A300; }
      

.menu_caixa						{ background:#373435; border-bottom:1px solid #5F5D5D; border-top:1px solid #5F5D5D;  }
  .menu_caixa_rel					{ height:50px; width:1000px; margin:0 auto; padding:0;  }
    
	.menu						{ margin:0; padding:0; list-style:none; }
	.menu ul					{ position:relative; margin:0; padding:0; list-style:none; }
	.menu li					{ float:left; margin:0; padding:0; z-index:110; }
	.menu li a					{ color:#fff; text-transform:uppercase; line-height:50px; margin:0; padding:0 5px 0 20px; display:block; font-size:16px; box-sizing:border-box; }
	.menu li a.ativo				{ color:#D8A300; text-decoration:none; z-index:120; }
	.menu li a:hover				{ color:#D8A300; text-decoration:none; z-index:120; }

	.menu ul li ul					{ display:none; position:absolute; left:0; top:50px; width:1000px; padding:20px 0 20px 0; margin:0; list-style:none; background-color: rgba(55, 52, 53, 0.95); z-index:99999; box-sizing:border-box;}
	.menu ul li ul li				{ float:left; width:176px; height:165px; margin:0; margin:0 20px 0 0; }
	.menu ul li ul li:last-child			{ margin:0; }
	.menu ul li ul li .imagem			{ display:block; width:176px; max-height:130px; overflow:hidden; background:#fff; }
	.menu ul li ul li .titulo			{ display:block; width:176px; margin:0; padding:0; line-height:40px; height:40px; font-size:14px; text-transform:uppercase; text-align:left; white-space:nowrap; z-index:99999; }
	
	.menu ul li ul li a				{ color:#fff; text-transform:none; } 
	.menu ul li ul li a:hover			{ color:#D8A300; }
	
	.menu .galeria					{ float:right; height:50px; line-height:140%; padding:5px 20px 0 20px; margin-right:20px; background:#BF221F; color:#fff; text-decoration:none; text-align:left; box-sizing:border-box; }
	.menu .galeria:hover				{ background:#701412; color:#fff; }
	
	.menu .class_e_regul				{ float:right; height:50px; line-height:140%; padding:5px 20px 0 20px; margin-right:1px; background:#ECB734; color:#fff; text-decoration:none; text-align:left; box-sizing:border-box; }
	.menu .class_e_regul:hover			{ background:#AB7C10; color:#fff; }
/* ...................... inicial banner ............................................................................................................................................... */


#demo_container						{ width:100%; height:475px; margin:0 auto; position:relative; z-index:1; }

  #items_container					{ position:relative; z-index:1; }

    .slide_item						{ width:100%; height:475px; overflow:hidden; background:center top no-repeat; position:relative;  z-index:1; }
    
    .slide_item img					{ width:1440px; height:475px; display:block; margin:0 auto; z-index:3; }

    
     .banner_descricao					{ position:absolute; bottom:0; margin:0 auto; width:100%; height:475px; z-index:6; }
     
     .banner_descricao_caixa				{ position:relative; width:960px; height:475px; margin:0 auto; z-index:7; }
     
     .banner_descricao_titulo				{ margin:0 auto; position:absolute; bottom:150px; left:0; font-size:30px; font-weight:300; color:#fff; text-shadow:2px 2px 2px #000; z-index:9999; }



  #nav 							{ margin:0; padding:0; list-style:none; position:absolute; bottom:40px; left:50%; z-index:999; transform:translate(-50%,0); }

    #nav li 						{ float:left; margin:0 10px 0 0; padding:0; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; }

      #nav a 						{ width:10px; height:10px; background-color:#EA272D; display:block; margin:1px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; transition: all 0s ease; }

      #nav li:not(.activeSlide):hover			{ margin:-1px 9px 0 -1px; }
      #nav li:not(.activeSlide):hover a			{ width:12px; height:12px; }

      #nav li.activeSlide 				{ border:2px solid #fff; margin:-3px 7px 0 -3px; }

/*
@media only screen and (max-width : 1440px) {

#demo_container						{ width:100%; height:auto;  }

    .slide_item						{ width:100%; height:auto;  }
    
    .slide_item img					{ width:100%; height:auto;  }

    
     .banner_descricao					{ height:auto;  }
     
     .banner_descricao_caixa				{ width:80%; height:auto; }
     
 
  #nav 							{ bottom:20px; }
     

}
*/
      
      
/* ...................... fundo branco ....................*/      

.branco							{ }
  .branco_rel						{ width:960px; padding:40px 20px 40px 20px; margin:0 auto; }

  .branco_rel h2					{ display:block; margin:0 auto 20px auto; font-size:16px; font-weight:400; color:#999; text-transform:uppercase; text-align:center; line-height:120%; }
  .branco_rel h2 .risco					{ display:block-inline; padding:0 0 5px 0; border-bottom: 3px solid #ddd; }
  .branco_rel h2 a					{ color:#999; text-decoration:none; }
  .branco_rel h2 a:hover				{ color:#ED1C24; }
  
  
  .branco_rel h3					{ font-size:30px; padding:20px 0 40px 0; font-weight:300; text-transform:uppercase; text-align:center; }
  .branco_rel h3 a					{ color:#666; text-decoration:none; }
  .branco_rel h3 a:hover				{ color:#ED1C24; }

/* ...................... servicos ....................*/    
  
  .servicos_itens					{ display:block; margin:0; padding:0 0 30px 0; list-style:none; }
  
    .servicos_itens ul					{ margin:0; padding:0; list-style:none; }
    
    .servicos_itens li					{ margin:0; padding:0 20px 0 0; width:225px; float:left; }
    
    .servicos_itens li a				{ color:#666; text-decoration:none; }
    .servicos_itens li a:hover				{ color:#ED1C24; }
    
    .servicos_itens li:last-child			{ padding:0; }
    
    .servicos_itens li .imagem				{ display:block; width:225px; height:165px; background:center no-repeat; box-sizing:border-box; }
    
    .servicos_itens li .imagem.locacao			{ background-image:url(images/ico_locacao.jpg);  }
    .servicos_itens li .imagem.estrutura		{ background-image:url(images/ico_estrutura.jpg); }
    .servicos_itens li .imagem.competicao		{ background-image:url(images/ico_competicao.jpg); }
    .servicos_itens li .imagem.espaco			{ background-image:url(images/ico_espaco.jpg); }

    .servicos_itens li .titulo				{ display:block; font-size:16px; text-transform:uppercase; font-weight:400; padding:10px 0 0 0; }
    .servicos_itens li .descricao			{ display:block; font-size:14px; font-weight:300; color:#666; padding:10px 0 0 0; }
     

     
/* ...................... parceiros ................................................................................................................................................ */      
     
  .parceiro_itens					{ list-style:none; display:block; margin:0; padding:0; }
  
    .parceiro_itens ul					{ margin:auto; text-align:center; padding:0; margin:0; }
    .parceiro_itens li:first-child			{ margin:0 10px 10px 0; }
    .parceiro_itens li					{ display:inline-block; width:225px; height:100px; padding:10px; margin:0 10px 10px 10px; box-sizing:border-box; }
    .parceiro_itens li:last-child			{ margin:0 0 10px 10px; }

/* ...................... fundo cinza ................ */      

.cinza							{ background:#F0F0F0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
  .cinza_rel						{ width:960px; padding:40px 20px 40px 20px; margin:0 auto; }

  .cinza_rel h2						{ display:block; margin:0 auto 20px auto; font-size:16px; font-weight:400; color:#999; text-transform:uppercase; text-align:center; line-height:120%; }
  .cinza_rel h2 .risco					{ display:block-inline; padding:0 0 5px 0; border-bottom: 3px solid #ddd; }
  .cinza_rel h2 a					{ color:#999; text-decoration:none; }
  .cinza_rel h2 a:hover					{ color:#ED1C24; }
  
  
  .cinza_rel h3						{ font-size:30px; padding:20px 0 40px 0; font-weight:300; text-transform:uppercase; text-align:center; }
  .cinza_rel h3 a					{ color:#666; text-decoration:none; }
  .cinza_rel h3 a:hover					{ color:#ED1C24; }

/* ...................... destaques ................ */    
     
  .item							{ display:block; margin:0; padding:30px 0 30px 0; list-style:none; }
  
    .item ul						{ margin:0; padding:0; list-style:none; width:100%; }

    .item li						{ display:flex; display: -webkit-flex; float:left; overflow:hidden; margin:0; border:none; padding:0; margin:0 0 20px 0; width:33%; height:250px;  box-sizing:border-box; }
    
    .item li a						{ color:#666; text-decoration:none; padding:0 10px 0 10px;  }
    .item li a:hover					{ color:#ED1C24; }
 
      .item li .imagem					{ display:block; width:298px; height:160px; overflow:hidden; background:#F0F0F0; }
    
      .item li .titulo					{ display:block; font-size:16px; text-align:center; text-transform:uppercase; font-weight:400; padding:20px; background:#fff; }
    
    
    
/* ...................... depoimentos ................ */  
     
#depoimento_container					{ width:100%; height:314px; margin:0 auto; background-image:url(images/banner_depoimento.jpg); position:relative; z-index:1; }

  #depoimento_itens_container				{ position:relative; z-index:2; }

    .slide1_item					{ width:100%; height:314px; overflow:hidden; background:center top no-repeat; position:relative;  z-index:1}
    
    .depoimento_descricao				{ position:relative; width:960px; margin:0 auto; padding:40px 20px 0 20px; height:200px; text-align:center; color:#fff; }
    

  #nav1 						{ margin:0; padding:0; list-style:none; position:absolute; bottom:40px; left:50%; z-index:999; transform:translate(-50%,0); }

    #nav1 li 						{ float:left; margin:0 10px 0 0; padding:0; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; }

      #nav1 a 						{ width:10px; height:10px; background-color:#ccc; display:block; margin:1px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; transition: all 0s ease; }

      #nav1 li:not(.activeSlide):hover			{ margin:-1px 9px 0 -1px; }
      #nav1 li:not(.activeSlide):hover a		{ width:12px; height:12px; }

      #nav1 li.activeSlide 				{ border:2px solid #fff; margin:-3px 7px 0 -3px; }


/* ...................... etapas (inicial) ................ */  
      
     
.filtro							{ display:block; margin:0; padding:0; list-style:none; }
  
    .filtro ul						{ margin:auto; text-align:center; padding:0; }
    
    .filtro li						{ display:inline; margin:0 15px 0 0; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; }
    
    .filtro li:last-child				{ margin:0; }
    
    .filtro li a					{ color:#666; text-decoration:none; text-align:center; border:1px solid #eee; margin:0; padding:10px 15px 10px 15px;  }
    
    .filtro li a.ativo					{ background:#373435; color:#fff; }
    
    .filtro li a:hover					{ background:#373435; color:#fff; }
    
      
.etapas							{ margin:40px 0 0 0; padding:0; }
      
.etapas ul						{ display:block; margin:0; padding:0; list-style:none; }
    
    .etapas li						{ display:table; margin:0; padding:0; height:90px; width:100%; box-sizing:border-box; border-bottom:1px solid #eee; }
    
    .etapas li a					{ display:block; margin:0; padding:0; height:90px; width:100%; box-sizing:border-box; color:#666; text-decoration:none; }
    
    .etapas li a:hover					{ }

    
    .etapas li .data					{ float:left; width:20%; height:90px; line-height:140%; font-size:24px;  padding-top:10px; text-align:center; color:#666; box-sizing:border-box; }
    
    .etapas li .competicao				{ float:left; width:25%; height:90px; line-height:90px; background-position:center center; background-repeat:no-repeat; }
    
    .etapas li .curso					{ float:left; width:25%; height:90px; line-height:90px; background-position:center center; background-repeat:no-repeat; }
    
    .etapas li .curso2					{ display:block-inline; padding-top:10px; float:left; width:25%; height:90px; line-height:90px; text-align:center; }
    
    .etapas li .titulo					{ display:table-cell; width:40%; height:90px; vertical-align:middle; }
    
    .etapas li .mais					{ display:table-cell; width:15%; height:90px; line-height:90px; text-align:center; }
    
      .etapas li .mais .botao				{ border:1px solid #ddd; color:#D90000; background:#fff; padding:10px; box-sizing:border-box; text-transform:uppercase; }
    
    .etapas li:last-child				{ border:none; }
     

     
     
     
/* ...................... rodapé ................ */

.espaco							{ height:440px; }

.rod							{ height:440px; width:100%; background:#373435; position:absolute; bottom:0px; }
.rod h2							{ font-size:18px; padding:0; margin:0 0 5px 0; font-weight:400; color:#EBEBEB; }
.rod span						{ display:block; font-size:14px; font-weight:400; color:#AAAAAA; }

.rod a							{ color:#AAAAAA; text-decoration:none; }
.rod a:hover						{ color:#D8A300; }

  .rod_rel						{ width:960px; padding:40px 20px 20px 20px; margin:0 auto; }
  .rod_rel .ecpa_rodape 				{ background:url(images/ecpa_logo_rodape_2019.png) no-repeat; display:block; width:244px; height:40px; margin-left:auto; margin-right:auto; }
  
  .rod_rel .col1					{ width:50%; text-align:right; color:#fff; float:left; padding-top:30px; padding-right:30px; box-sizing:border-box;}
  .rod_rel .col2					{ width:50%; text-align:left; color:#fff; float:left; padding-top:30px; padding-left:30px; box-sizing:border-box;}

    .redes_rodape					{ display:block;}
      .redes_rodape .redes_face				{ display:block; background:url(images/social_face_rodape.png) top; width:34px; height:34px; float:left; }
      .redes_rodape .redes_insta			{ display:block; background:url(images/social_insta_rodape.png) top; width:34px; height:34px; margin:0 5px 0 5px; float:left; }
      .redes_rodape .redes_youtube			{ display:block; background:url(images/social_youtube_rodape.png) top ; width:34px; height:34px; float:left; }
        .redes_face:hover, .redes_insta:hover,.redes_youtube:hover 		{ background-position:bottom; }
  
    .ico_whats						{ background:url(images/ico_whats.png) left center no-repeat; height:15px; }
  
    .news_cadastro					{ display:block; width:60%; float:right; }
    
      .news						{ width:100%; }

      .news input[type=text]				{ width:80%; border:none; text-align:right; height:34px; line-height:34px; color:#fff; background:#5F5D5D; padding:0 10px 0 10px; margin:0; box-sizing:border-box; }

      .news input[type=submit]				{ width:20%; border:none; height:34px; font-weight:700; line-height:34px; background:#5B3435; color:#fff; padding:0 10px 0 10px; margin:0; cursor:pointer; float:right; }
      .news input[type=submit]:hover			{ background:#ED1D24; }
  
  
  
    .rod_risco						{ height:1px; background:#484546; margin:20px 0 20px 0;}
  
    .assinatura						{ font-size:14px; color:#EBEBEB; text-transform:uppercase; padding:0 20px 0 20px; }
    .assinatura a.index					{ float:right; font-size:10px; text-align:right; color:#666; text-decoration:none; }
    .assinatura a.index:hover				{ color:#D8A300; }
  

/* ...................... internas ...................................................................................................................................... */

.diretorio						{ padding:0; margin:0 auto 30px auto; list-style:none; height:20px; line-height:20px; font-size:11px; color:#666; }

  .diretorio li						{ margin:0; padding:0 10px 0 13px; float:left; background:url(images/diretorio_seta.png) left center no-repeat; }
  
  .diretorio li:first-child				{ padding-left:0; }
  
  .diretorio li a					{ margin:0; padding:0; color:#999; float:left; text-decoration:none; }
  
  .diretorio li a:hover					{ color:#999; }


  
.cont							{ width:960px; padding:40px 20px 40px 20px; margin:0 auto; }

  .cont h1						{ display:block; font-size:30px; padding:0 0 5px 0; margin:0; color:#EA262C; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; line-height:120%; }
  
  .cont h2						{ display:block; font-size:20px; padding:20px 0 10px 0; margin:0; color:#666; font-family: 'Roboto Condensed', sans-serif; line-height:120%; }
  
  .cont h3						{ display:block; font-size:16px; padding:10px 0 10px 0; margin:0; color:#EA262C; font-family: 'Roboto Condensed', sans-serif; line-height:120%; }
  
  .cont h4						{ display:block; font-size:16px; padding:0 0 10px 0; margin:0; color:#666; font-family: 'Roboto Condensed', sans-serif; line-height:120%; }
  
  .cont p						{ margin:0 0 10px 0; padding:0; }

	
  .foto_principal					{ float:right; max-width:600px; margin:10px 0 10px 40px; }
	
		.subit					{ list-style:none; margin:10px 0 0 0; padding:0; }
		
		.subit li				{ margin:0; padding:6px 0 6px 0; border-bottom:1px solid #EEE; }
		
		.subit li:last-child			{ border:none; }
		
		.subit li a				{ display:block; line-height:160%; text-decoration:none; color:#E06D32; }
		
		.subit li a:hover			{ display:block; line-height:160%; color:#000; }

    .mini_foto						{ margin:0; padding:0; }
    
    .mini_foto ul					{ list-style:none; margin:30px 0 30px 0; padding:0; }
    
    .mini_foto li					{ margin:0; padding:0; margin:0 30px 0 0; width:300px; float:left; box-sizing:border-box;}
    
    .mini_foto li:last-child				{ margin:0; padding:0; }

      .mini_foto li .emp_foto				{ display:block; width:298px; border:1px solid #ddd; height:160px; overflow:hidden; background:#F0F0F0; }

      .mini_foto li .emp_foto:hover			{ border:1px solid #EA262C;  }
	
      
  .caixa_observacao					{ display:block; border:1px dashed #DAD4C2; margin-top:20px; padding:20px; box-sizing:border-box; }
      

/* ...................... formulários ........................................................................................................................................... */

.formulario							{ margin:0; }
  
  .formulario h2						{ display:block; padding:0 0 10px 0; margin:0; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-size:18px; }
  
  .formulario p							{ margin:0; padding:0 0 20px 0; line-height:160%; color:#aaa; }

  .formulario address						{ margin:0; padding:0 0 20px 0; line-height:160%; color:#aaa; font-style:normal; }
  
  .formulario a							{ color:#B28500; }
      
  .formulario a:hover						{ text-decoration:none; color:#ED1C24; }
  
  .confirma							{ padding:10px; background:#2DB200; color:#fff; font-size:14px; text-align:center; margin:10px auto 15px auto; position:relative; z-index:4; }
  
  .erro								{ padding:10px; background:#EA262C; color:#fff; font-size:14px; text-align:center; margin:10px auto 15px auto; position:relative; z-index:4; }
  
    .esquerda							{ width:300px; float:left; }
  
    .centro							{ width:300px; float:left; margin:0 30px 0 30px; }
  
    .direita							{ width:300px; float:left; }
    
    
      .formulario address					{ font-style:normal; margin:0; padding:0; line-height:160%; clear:left; }

      .formulario label						{ display:block; font-size:16px; margin:0; padding:10px 0 5px 0; }
      
      .formulario input[type=text]				{ display:block; width:100%; height:30px; font-style:italic; margin:0 0 10px 0; padding:5px; background:#fff; border:1px solid #F0F0F0;  box-sizing: border-box; }
     
      .formulario input[type=password]				{ display:block; width:100%; height:30px; font-style:italic; margin:0 0 10px 0; padding:5px; background:#fff; border:1px solid #F0F0F0;  box-sizing: border-box; }
     
      .formulario select					{ display:block; width:100%; height:30px; margin:0 0 10px 0; padding:5px; background:#fff; border:1px solid #F0F0F0;  box-sizing: border-box; }
      
      .formulario textarea					{ display:block; width:100%; height:60px; font-size:14px; font-style:italic; margin:0 0 10px 0; padding:5px; background:#fff; border:1px solid #F0F0F0;  box-sizing: border-box; }
     
      .formulario input:focus					{ border-color:#999; } 
     
      .formulario input[type=submit]				{ display:block; background:#BF221F; color:#fff; font-size:14px; text-align:center; text-transform:uppercase; height:30px; line-height:30px; border:none; text-decoration:none; box-sizing:border-box; cursor:pointer; }
      .formulario input[type=submit]:hover			{ background:#000; }
      
      .formulario .bordado					{ width:400px; background:#BF221F; color:#fff; font-size:14px; text-align:center; text-transform:uppercase; height:30px; line-height:30px; border:none; text-decoration:none; box-sizing:border-box; cursor:pointer; }

      .formulario #msg						{ display:none; height:30px; line-height:30px; color:#ED1C24; font-size:16px; font-weight:700; margin:10px 0 10px 0; }
      
      
.mapa								{ display:block; background:url(images/mapa.jpg) center center no-repeat; margin:20px 0 20px 0; max-width:1440px; height:390px; overflow:hidden; }
      

/* ...................... login / Lembrar senha ................................................................................................................................................. */


.login								{ width:400px; margin:40px auto 40px auto; }

  .login .opcao							{ margin-top:20px; display:block; text-align:center; }
  
  .login .opcao a						{ display:block; float:left; }
  
    
/* ...................... cadastro .............................................................................................................................................. */


.obs								{ color:#999; padding:20px 0 5px 0; line-height:140%; font-size:13px; font-style:italic;  }

.cadastro							{ margin:0 auto; width:960px; padding:0; }

  .cadastro_esq							{ float:left; width:465px; padding:0 15px 0 0; position:relative; }
  
    .cadastro legend						{ display:block; padding:30px 0 10px 0; margin:0; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-size:18px; }

    .cadastro label						{ margin:0 0 10px 0; padding:0; height:30px; line-height:30px; color:#aaa; width:150px; display:block; float:left; clear:left; box-sizing:border-box; }

    .cadastro label .asterisco					{ color:red; height:13px; line-height:13px; margin:0; padding-left:5px; }
    
    .cadastro input[type=text], .cadastro input[type=password], .cadastro select, .cadastro textarea	{ width:300px; height:30px; float:left; padding:5px; margin:0 0 10px 0; border:1px solid #ddd; background:#fff; box-sizing:border-box; }
    
    .cadastro .radio						{ float:left; width:300px; padding:0 5px 0 0; margin:0 0 10px 0; box-sizing:border-box; }

    
    .prova_copaecpa, .prova_arrancada, .prova_100milhas		{ display:none; padding-left:20px; box-sizing:border-box; }
    
    
      .cadastro input[type=radio]				{ margin-bottom:10px; }
    
    
    .cadastro input[disabled=disabled]				{ background:#F9F7F3; font-style:italic; }

    .cadastro textarea						{ height:auto; line-height:100%; padding:5px; }

    .cadastro input[type=submit]				{ display:block; background:#BF221F; color:#fff; font-size:14px; text-align:center; text-transform:uppercase; height:30px; line-height:30px; margin-top:30px; border:none; text-decoration:none; box-sizing:border-box; cursor:pointer; }
    .cadastro input[type=submit]:hover				{ background:#000; } 

  .cadastro_dir							{ float:left; padding:0 0 0 15px; width:465px; position:relative; }
  
    .piloto_adm							{  }
    
    .piloto_adm	.imagem						{ display:inline-block; border:1px solid #F0F0F0; padding:2px; width:110px; height:110px; overflow:hidden; }
    
    .piloto_adm .excluir					{ display:inline-block; background:#D80000; color:#fff; line-height:25px; text-align:center; height:25px; width:25px; padding:-10px 0 0 0; margin-top:0; text-decoration:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

    .exemploimg							{ display:block; font-style:italic; margin-top:5px; }

/* ...................... competições / serviços e categorias .............................................................................................................................................. */

.coluna_esq						{ width:300px; float:left; padding:0; }

  .coluna_esq .bloco					{ margin-bottom:40px; }
  
  .coluna_esq .bloco.cinzaagenda			{ background:#F0F0F0; box-sizing: border-box; padding:20px;  }

  .coluna_esq h3					{ font-size:18px; font-family: 'Roboto Condensed', sans-serif; color:#666; text-transform:uppercase; margin:0 0 10px 0; padding:0; line-height:100%; }
  
  .coluna_esq h1.tituloservico				{ display:block; font-size:30px; padding:0 0 5px 0; margin:40px 0 0 0; color:#EA262C; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; line-height:120%; }

  .topicos						{ list-style:none; margin:0; padding:0; }

    .topicos li						{ margin:0; padding:0; }

    .topicos li:last-child				{ border:none; }

      .topicos li a					{ padding:7px 0 7px 0; display:block; color:#666; text-transform:uppercase;  }

      .topicos li a.ativo				{ color:#F4272D; }

      .topicos li a:hover				{ color:#F4272D; text-decoration:none; }

	.topicos li a span				{ width:14px; height:14px; border:1px solid #ccc; display:block; float:left; margin-right:10px;  border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; }

	.topicos li a .tituloetapa			{ display:block; padding-left:26px; line-height:120%;}
	
	.topicos li a:hover span			{ border-color:#F4272D; }

	.topicos li a.ativo span			{ border-color:#F4272D; background:#F4272D; }

      .topicos ul					{ list-style:none; margin:0; padding:0; }
      
      .topicos ul li a					{ margin:0; padding:5px 0 5px 15px; }
      
  .todasetapas						{ background:#F0F0F0; box-sizing: border-box; text-transform:uppercase; padding:5px 20px 5px 25px; }
  
    .todasetapas a					{ text-decoration:none; }
      
      
	/* ...................... Botões de Classificação e Regulamento na tela Geral de Pontos e Regulamentos. .............................................................................................................................................. */

      .topicos li a.botao_classificacao			{ display:inline-block; text-transform:uppercase; background:green; color:#fff; padding:10px;  border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; box-sizing:border-box; }
      .topicos li a.botao_classificacao:hover		{ background:blue; }
	
      .topicos li a.botao_regulamento			{ display:inline-block; text-transform:uppercase; background:#BF221F; color:#fff; padding:10px;  border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; box-sizing:border-box; }
      .topicos li a.botao_regulamento:hover		{ background:blue; } 
      
      
  .inscricao						{ list-style:none; margin:0; padding:0; }

    .inscricao li					{ margin:0; padding:10px 0 10px 0; border-bottom:1px solid #fff; }
    
    .inscricao li:last-child				{ border-bottom:none; }

      .inscricao li a					{ display:block; color:#666; text-transform:uppercase; text-decoration:none; }
      
      .inscricao li a:hover				{  }
      
        .inscricao li a .data				{ width:36%; display:inline-block; }
      
          .inscricao li a .data .mes			{ display:block; font-weight:500; font-size:20px; }
      
          .inscricao li a .data .dias			{ display:block; font-weight:300; font-size:16px; }
      
        .inscricao li a .texto				{ width:61%; display:inline-block; vertical-align:top; }
      
	  .inscricao li a .texto .competicao		{ color:#000; }
      
          .inscricao li a.inscrevase			{ display:inline-block; background:#D80000; margin-top:10px; padding:2px 5px 2px 5px; text-transform:uppercase; text-align:right; color:#fff; }
	  
	  .inscricao li a.inscrevase:hover		{ background:#000; }
	  
          .inscricao li a.inscrito			{ display:inline-block; background:#2DB200; margin-top:10px; padding:2px 5px 2px 5px; text-transform:uppercase; text-align:right; color:#fff; }
	  
          .inscricao li a.inscrito:hover		{ background:#2DB200; }
	  
          .inscricao li a.analise			{ display:inline-block; background:#D8A300; margin-top:10px; padding:2px 5px 2px 5px; text-transform:uppercase; text-align:right;  color:#fff; }

          .inscricao li a.analise:hover			{ color:#fff; }
	  
          .inscricao li a.cancelada			{ display:inline-block; background:red; margin-top:10px; padding:2px 5px 2px 5px; text-transform:uppercase; text-align:right;  color:#fff; }

          .inscricao li a.cancelada:hover		{ color:#fff; }


    
.coluna_dir						{ width:630px; padding:0; margin-left:330px; }

  .servico_imgprincipal					{ display:block; width:630px; max-height:540px; overflow:hidden; background:#fff; }
  
  .servico_caracteristicas				{ margin:10px 0 0 0; }
  
  
  .servico_imgtotal					{ width:100%; max-height:750px; overflow:hidden; background:center top no-repeat; position:relative; z-index:1 }

    .imgtotal_img					{ min-width:1000px; max-width:1440px; z-index:1; }
    
  .competicao_logo					{ float:right; max-width:300px; margin:10px 0 10px 40px; }

  
  
  
/* ...................... Botões de Classificação e Regulamento na tela Geral de Pontos e Regulamentos. .............................................................................................................................................. */


  .clageral						{ list-style:none; margin:0; padding:0; }

    .clageral li					{ margin:10px 0 10px 0; height:40px; padding:0; border-bottom:1px solid #ccc; }

    .clageral li:last-child				{ border:none; }

      .clageral li a					{ display:block; color:#666; text-transform:uppercase;  }

      .clageral li a.ativo				{ color:#F4272D; }

      .clageral li a:hover				{ color:#F4272D; text-decoration:none; }

      .clageral li a.tituloevento			{ display:inline-block; width:60%; line-height:110%; padding-right:20px; box-sizing:border-box; }
      
      .clageral li a.botao_classificacao		{ display:inline-block; width:15%; font-size:12px; float:right; text-transform:uppercase; background:green; color:#fff; margin-left:10px; padding:5px 10px 5px 10px;  border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; box-sizing:border-box; }
      .clageral li a.botao_classificacao:hover		{ background:#373435; }
	
      .clageral li a.botao_regulamento			{ display:inline-block; width:15%; font-size:12px; float:right; text-transform:uppercase; background:#BF221F; color:#fff; padding:5px 10px 5px 10px;  border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; box-sizing:border-box; }
      .clageral li a.botao_regulamento:hover		{ background:#373435; } 
      
      
  

/* ...................... Competições abas  ............................................................................................................................................... */

  .detalhes						{ padding:40px 0 40px 0; }

#campos_regulamento, #campos_inscricao, #campos_piloto, #campos_classificacao			{ display:none; }

.select_item						{ margin:0; padding:0 0 7px 0; border-bottom: 1px solid #ccc; position:relative; }

  .select_item a					{ padding:10px; border-right: 1px solid #fff; border-left: 1px solid #fff; border-top: 1px solid #fff; color:#231F20; margin:0 30px 0 0; box-sizing:border-box; }

  .select_item a:hover					{ padding:10px 15px 10px 15px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc;  }
  
  .select_item a.ativo					{ padding:10px 15px 10px 15px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc;  }
  
  .select_item a.ativo:hover				{ padding:10px 15px 10px 15px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc;  }

      
  .descricao						{ padding:20px 0 20px 0; box-sizing:border-box; }
    

.piloto_lista						{ list-style:none; margin:0; padding:0; }

  .piloto_lista ul					{ list-style:none; margin:0; padding:0; }

  .piloto_lista li					{ margin:0 0 20px 0; padding:0; }
  
    .piloto_lista li a					{ display:block; background:#fff;  }
  
    .piloto_lista li a:hover				{ display:block; background:#F0F0F0; }
  
    .piloto_foto					{ display:block; width:110px; height:110px; background:#ccc; overflow:hidden; }
    
    .piloto_descricao					{ display:block; width:480px; float:right; }
    
    
.item_downloads						{ list-style:none; margin:0; padding:0; }

  .item_downloads ul					{ list-style:none; margin:0; padding:0; }

  .item_downloads li					{ background:url(images/icon_downloads.png) left center no-repeat; height:19px; margin:0; padding:5px 0 5px 29px; }
  
  .item_downloads li a					{ text-decoration:none; }
  
    
    
	/* ...................... Tabela para descrição do piloto ................................ */
    

	.piloto_descricao table				{ font-size:14px; width:100%; margin:0; }

	.piloto_descricao table tbody			{ background:none; border:none;}

	.piloto_descricao table tbody tr		{ background:none; border:none;}
	
	.piloto_descricao table tbody tr:hover		{ background:none; }

	.piloto_descricao table tbody td		{ padding:3px; border:none; line-height:120%; }
	
	.piloto_descricao table tbody td.caixaalta	{text-transform:uppercase;}

    
	/* ...................... Dados do piloto completo ao publico ................................ */
	
	.piloto_titulo					{display:inline-block; width:150px; }
	
	.piloto_texto					{display:inline-block; text-transform:uppercase; }
	
	.piloto_foto_principal				{ float:right; max-width:300px; margin:0 0 10px 20px; }
    

  .topicos						{ list-style:none; margin:0; padding:0; }

    .topicos li						{ margin:0; padding:0; }

    .topicos li:last-child				{ border:none; }
    
      

/* ...................... Tabelas padrão ............................................................................................................................................. */


table								{ font-size:14px; width:100%; margin:0 0 0 0; }

table tbody tr							{ background:#fff; color:#666; }

table tbody tr:hover						{ background:#F0F0F0; cursor:pointer }

table tbody td							{ padding:10px 5px 10px 5px; border-bottom:1px solid #F9F9F9; border-right:1px solid #F9F9F9;  line-height:120%; }

table tbody td.cancelada					{ background:red; color:#fff; }

table tbody td.cancelada a					{ color:#fff; }

table tbody td.analise						{ background:#D8A300; color:#fff; }

table tbody td.analise a					{ color:#fff; }

table tbody td.liberado						{ background:#2DB200; color:#fff; }

table tbody td.liberado a					{ color:#fff; }

table tbody td a						{ color:#666; display:block; }

table tbody td a:hover						{ text-decoration:none; }

table thead tr, table tfoot tr					{ cursor:pointer; text-align:left; padding:5px 25px 5px 5px; border-bottom:1px solid #F9F9F9; border-right:1px solid #F9F9F9; }

table th							{ text-align:left; padding:10px 5px 10px 5px; background:#ccc; border-bottom:1px solid #F9F9F9; border-right:1px solid #F9F9F9; color:#333; font-weight:normal; line-height:120%; }