html, body{height:100%;}


@media (min-width: 1200px){
    
   .container {
    max-width: 890px;
} 
    
    
}





#header_primero{ 
		
		border-bottom:20px solid #202020;
         padding-bottom:00px; height:100%;}





      

#header_primero{position: relative;}

.capa_carrusell{position: absolute; top:0px; left:0px; height:100%; width:100%;  overflow:hidden;}









@media (max-width: 1919px){
    
    #header_primero{height:auto;}   
    
      #header_primero{ background:url(../images/galeria_home/1.jpg) no-repeat;
        
        background-size:cover;  
    }
    
    
    
}
  

@media (max-width: 1200px){
    
   .capa_carrusell{position: absolute; top:0px; left:0px; height:100%; width:100%;  overflow:hidden; border:5px solid grey; display:none;} 
    
}




        
        .especial_back{ background: rgba(255, 255, 255, 0.7); padding-bottom:20px;}
        img.bot {transform: scale(0.7); }
        
        .datos_tel, .logo_imagen{text-align:center;}
        
        .nopaddd{  padding-right: 0px !important; padding-left: 0px !important;}
        
        
        .datos_tel p {text-align: right;font-size: rem;
   
    margin-bottom: 5px; margin-right: 2rem;
}
        
        
        p.tele{font-size:24px; font-weight:bold;}  
        
      .texto_home, .banners_botones{padding:12px;font-size: 0.7rem}
       .banners_botones img{ width:100%;  margin:4px 0px;}
        
    
      


.redes_header{color:#0a2a1b;}
.redes_header span{font-weight:bold; border-bottom:1px solid #0a2a1b; padding-bottom:3px; display:block;
                   width:20%;}


.header_inner{margin-top:5px;}




.capa_carrusell .w-100 {
    width: auto !important;
    height:850px;
}



@media (min-width: 1367px) {
	
	
	.capa_carrusell .w-100 {
    width: auto !important;
    height:1250px;
		
	
}

	
	
}





#seccion_22{   background:#8c8e87 url(../images/croquis2.png) no-repeat;  
          
           background-size:cover;
         
       padding-top: 60px;
      border-top: 20px solid #4e0010;
      width: 100%;
    overflow: hidden;
}




.texto_sec22{ color:#1e2d0e;  }



.texto_sec22 h3{ font-weight:900; text-align: center; margin-top:50px; position:relative; padding-bottom:20px;}


.texto_sec22 h3:after{
    
    content: '';
    background: #1e2d0e;
    width: 30%;
    height: 1px;
     display: block;
    position:absolute;
     bottom:0px;
    right:0px;
   
    
}

.texto_sec22 h3:before{
    
    
      content: '';
    background: #1e2d0e;
    width: 30%;
    height: 1px;
     display: block;
    position:absolute;
    bottom:0px;
    left:0px;
}


.texto_sec22 p.intro {
    text-align: justify;
    
  
}



.texto_sec22 p.intro:before{
    content: '';
    background: #1e2d0e;
    width: 85%;
    height: 1px;
     display: block;
    margin:0 auto;
    margin-bottom:12px;
    
}


.texto_sec22 span{color:#fff;  font-family: open-bold;}



#sub_menu_home{margin-bottom:20px; width:100%; margin-top:20px;}

#sub_menu_home ul{margin:0; padding:0;}

#sub_menu_home li{ float:left; list-style: none;     width: 15.83%;
   margin:0px; text-align:center;}






#sub_menu_home .sub_hijo li{ float:none; width: 100%;}
#sub_menu_home .sub_hijo li a{ background: rgba(32, 32, 32, 0.7); color:#fff;font-size:13px;}
#sub_menu_home .sub_hijo li+ li{margin-left:0%; margin-top:3px;}

#sub_menu_home li a{display:block; padding:10px 0px; color:#5a5a5a; background: #202020; font-size:16px;}

#sub_menu_home li + li{ margin-left:1%;}




@media (max-width: 500px){
    
 #sub_menu_home li{ float:left; list-style: none;     width: 49%;
   margin:0px; text-align:center;}   
    
    
    #sub_menu_home li + li {
    margin-left: 0;}
    
    
    
    #sub_menu_home li a {
  
    font-size: 12px;
}
    
}


#sub_menu_home li.marcado a{background: #4e0010;}



#seccion_negra{ background:#242222; padding:70px 0px 200px 0px; margin-top:-50px; color:#fff;}


#seccion_negra .row {border:1px solid #631201;}

@media (min-width: 1200px){
    
  #seccion_negra .container {
    max-width: 1270px;
} 
    
    
}



#seccion_negra .textos{padding:20px; text-align:justify;}

#segunda_galeria{ /*  background:url(../images/back_66666.png) no-repeat; */

        background-size:cover;}

#segunda_galeria .galeria{margin-top:-130px;}


.barra_back{background:#6f6f6f; height:80px; margin-top:-40px;}




footer{ width:100%; overflow:hidden; background:#000000; color:#1d2a0e; padding:50px 0px; font-size:12px;}

footer a{color:#1d2a0e;}





footer h3{ font-size:15px; color:#858585; text-align:center; border-left:1px solid #631201; height:30px; padding-top:5px;}


footer h3.no_border{border:none;}


footer p{     margin-bottom: 5px;}


.text-right_footer{text-align: right; padding-right:23px;}

.text-left_footer{text-align:center;}





.redes_foooter{ text-align:center;}


.redes_foooter div + div{margin-top:12px;}


/*
.redes_foooter div + div:before{
    content: '';
    background: #631201;
    width: 30%;
    height: 1px;
     display: block;
  
    margin:0 auto;
     position:relative; top:-6px;
}
*/









/*ESTILOS NUESTRO TRABAJO*/



@media (min-width: 1200px){

ul.navbar-nav {
   
    margin: 0 auto;
}
    
    
}




#menu_como_trabajamos{ background: url(../images/fond_como_trabajamos.jpg) no-repeat;
                     background-size:cover;}

#menu_como_trabajamos_2{ background: url(../images/fond_acercade.jpg) no-repeat;
                     background-size:cover;}


.legal_info{ background: url(../images/fond_legal.jpg) no-repeat !important;
                     background-size:cover !important;}


div.parrafo_como_tr {
    padding: 30px 0px;
    text-align: center;
}



@media (min-width: 768px){
	
	
	
	div.parrafo_como_tr {
   height:300px;
}
	
	div.especial_parrafo{height:200px;}
	
}





/*ESTILOS_MENU*/


.navbar {padding:0px;}

#menu_int{ background: rgba(11, 11, 11, 0.9);}


@media (min-width: 768px){

    
    #menu_int{ 
    margin-bottom:30px;}
    
    
    #menu_como_trabajamos { padding-bottom:20px; height:690px; }
	#menu_como_trabajamos_2 { padding-bottom:20px; height:690px; }
	
	.proyects_recents{ height:590px !important;}
    
    
}




.especial_nav li{ width:130px;}




.especial_nav i{font-size:32px; }






span.texto_es{font-size:11px; margin-top:5px; color:#717171; line-height: 1;}



.especial_nav .active a i{ color:#8c8c8c;}

.especial_nav  a i{ color:#fff;}







.especial_nav .submenu li {
    display: inline-block;
}


li.desplegable{position:relative;}







@media (min-width: 768px){
    
    
    
    li.desplegable .submenu{width:500px;}





li.desplegable .submenu li {
    display: inline-block;
    width: 150px;
    float: left;
}

    



li.desplegable .submenu {display: none;}



li.desplegable:hover .submenu {display: block; position:absolute; bottom:-20px; left:-30px; }




.especial_nav  li.nav-item:hover{ background:#440015;}



li.desplegable:hover{height:auto;}


li.desplegable .submenu li{width:150px; text-align: center;}

li.desplegable .submenu li a{display: block; color:#fff; padding:10px 0px;}

li.desplegable .submenu li a:hover{ background:#440015;}



li.desplegable:hover .submenu li.especial_desp a{background:#440015;}




.especial_tercer_nivel{ width:890px; position:relative; left:-330px; top:0px; background: rgba(11, 11, 11, 0.9); color:#e2e0d9;height:70px; }


.inner_tercer_nivel{position:absolute; height:60px; top:12px; left; 0px;}




li.desplegable:hover .submenu{ position:relative; top:35px;}





li.desplegable .submenu li .inner_tercer_nivel a {
    display: inline;
 padding:0px;}



li.desplegable:hover .submenu li.especial_desp .inner_tercer_nivel a{ background-color:transparent !important;}



.inner_tercer_nivel{width:100%; padding-bottom:5px; }


.inner_tercer_nivel span{ float:left; width:10.8%; border-bottom:1px solid #e2e0d9;}

.inner_tercer_nivel span a{font-size:12px;}


.inner_tercer_nivel span + span{border-left:1px solid #e2e0d9;}

.inner_tercer_nivel span.cuarto{ width:23%;}



.cuarto_level{ position:relative;}
.cuarto_level_content{ position:absolute; top:12px; left:0px;}


.cuarto_level_content p{margin:0; font-size:10px; text-align:left;}


.cuarto_level_content { padding:10px 5px;}






}





@media (max-width: 768px){

.submenu *{ color:#e2e0d9 !important; font-size:11px }
    
    .submenu p{margin:0; margin-left:12px;}
    
    
    .submenu li{list-style: circle;}
    
    
    
    
    .text-right_footer {
    text-align: center;
    padding-right: 0px;
}
    
    
    
    footer h3 {
    font-size: 15px;
    border-left: none;


}


    .text_footer {text-align:center; }


}






.boton { height:110px; color:#fff; font-size:11px; padding:17px 0px 0px 30px;}

.boton p{margin:0px; margin-bottom:7px;}
.boton h3{font-size:15px; line-height:0.5; font-weight:bold;}






.boton_1{ background:url(../images/dest_1.png) no-repeat left center;
               background-size:104%;}


.boton_2{ background:url(../images/dest_2.png) no-repeat left center;
               background-size:104%;}

.boton_3{ background:url(../images/dest_3.png) no-repeat left center;
               background-size:104%;}

.boton_4{ background:url(../images/dest_4.png) no-repeat left center;
               background-size:104%;}



.boton .inner_botton {width:60%;}

.read_more{ background:#fff; border-radius:4px; padding:3px 9px; margin-top:12px; color:#202020;}




.read_more:hover{ background:#202020; color:#fff;}

.submenu{display:none !important;}



#tabs_contenido{ background:#1f2c14; padding-bottom:100px;}

@media (max-width: 768px){
    
    #tabs_contenido{ background:#1f2c14; padding-bottom:100px; padding-top:30px;}
    
    
}



@media (max-width: 412px){
    
    
    .boton p { line-height:1; font-size:10px;}
    
    .boton { height:110px; }
    
}



@media (max-width: 360px){
    
    .boton { position:relative; padding:30px 0px 0px 30px;}
    
    .read_more{ position: absolute; right:10px; top:30px; box-shadow:0px 2px 3px #000;}
    
}



.nav-tabs {
    border-bottom: none;
background:#440015;
}



.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


   

.nav-link, .nav-link:active, .nav-link:link{color:#fff;}

.nav-link{text-transform:uppercase;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

      color: #fff;
    background-color: #0d0d0d;

    border-color: aliceblue;
    font-family: open-bold;
}



ul.primer_nivel .nav-link{ font-size:13px;}


ul.segundo_nivel .nav-link{ font-size:11px;}



ul.tercer_nivel .nav-link{ font-size:10px;}

ul.cuarto_nivel .nav-link{ font-size:10px;}









.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}

#image-gallery .modal-footer{
  display: block;
}



@media (min-width: 568px){

    .thumb{
  margin-top: 15px;
  margin-bottom: 15px;
    
    padding:0px;
    margin:0px;
 
      flex: 0 0 31.23333%;
    max-width: 31.23333%;
    margin:15px 1%;
        
        
        height:380px;
        overflow:hidden;
    
}
    
    
    
  .thumb .img-thumbnail {
    padding: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    max-width: none;
    max-height: 100%;
    width: auto;
}
    
    
    
   .tab-pane .container{  overflow:hidden;}
}


@media (max-width: 568px){
    
    .thumb{margin:20px 0px;}
}









.img-thumbnail {
    padding: 0;
    background-color: #fff;
    border: none;
    border-radius: 0;
    max-width: 100%;
    height: auto;
}




.texto_tab{color:#fff; margin-top:30px; text-align:center;}




#menu_gral {
    position: absolute;
    right: 0rem;
    font-family: inherit;
    color: #547431;
    margin: 1.5rem auto;
    margin-top: 0rem;
    margin-right: 0%;
}

#menu_gral ul li a {
    color: #0081a1;
    background: #132817;
    padding: 0rem 1rem;
    font-size: 0.7rem;
}



#menu_gral ul li p {
    border-TOP: 2px solid #4e0010;
    padding: 1rem 1rem;
    background-color: #4e0010;
	margin:0;
    cursor: pointer;
    
}





.contenido_light .row{ margin:12px 0px;}






#menu_gral li ul {
   
    padding: 0px;
    background:#fff;
}

#menu_gral li ul form{
   
  
   
}




.seccion_enviar {
    background: #070706;
    padding: 40px 12px;
}


#menu_gral .seccion_enviar .btn-primary {
    color: #fff;
       background-color: #e4af24;
    border-color: transparent;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 0px;
    padding: 6px 30px;
    font-size: 12px;
}



#menu_gral .form-group{ border-radius:0;}


.tituo_form{margin-top:20px; padding:12px;}


.inputs{ padding:12px;}

#menu_gral h3{ color:#5a6a5d; font-size:15px; font-weight:100;}


#menu_gral span{color:#5a6a5d;}

.form-control {
 
    border-radius: 0 !important;
   
}


#menu_gral .form-control {
 
    border-radius: 0 !important;
    background:#dad5d6;
    font-size:13px;
        
    border:1px solid #70766a;
}




@media (max-width: 768px){
    
    #menu_gral{display:none;}
    
}






#sub_menu_home .nav-tabs {
    border-bottom:none;
    background: transparent;
} 




#sub_menu_home .nav-tabs .nav-item.show .nav-link, #sub_menu_home .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #4e0010;
    border-color: aliceblue;
    
     font-family: open-bold;
}






/*
#menu_contacto{ background:url(../images/mapa.png) no-repeat;
        
         background-size:cover;  }
*/



#menu_contacto{ position: relative; overflow: hidden; z-index:0;}

#menu_contacto .iframe{position: absolute; top:0px; left:0; z-index:1;width:100%; }



body.contacto #menu_int{ z-index:999999999999999999999999999999999999999999; position:relative;}






@media (min-width: 960px){
    
    #menu_contacto { height:680px;}
    
    #menu_contacto iframe{ height:1200px;}

     
}



@media (max-width: 960px){
    
   
    
    #menu_contacto iframe{ height:1500px;}

     
}


@media (max-width: 600px){
    
   
    
    #menu_contacto iframe{ height:700px;}

     
}


    
    
    
    
    #contenido_contacto{ padding-bottom:50px; background: #b3b3b3;}

    
    
   /* #contenido_contacto h1{background:#fff; padding:30px; font-weight:100; font-size:30px; color:#004624;


                           font-family: open-light;}*/


#contenido_contacto .atencion{background:#fff; padding:30px; color:#004624;


                           }



#contenido_contacto .atencion h1{font-family: open-light; font-weight:100; font-size:30px; }
    
    
    .bloque_contact h3{font-weight:bolder; font-size:23px;}


    .bloque_contact {padding:10px  0px;}
    
    
    #contenido_contacto {border-bottom:20px solid #587c31;}




    
    
    
    
    
    
    #form_contact{ background:#4d0e0f; color:#fff; padding:70px 0px;}
    
    
    
    
    
 #form_contact   input::-webkit-input-placeholder {
    color: #fff !important;
      font-size:12px;
    
}
#form_contact input::-moz-placeholder {
    color: #fff !important;
    font-size:12px;
}
    
    
    
         #form_contact  textarea::-webkit-input-placeholder {
    color: #fff !important;
     font-size:12px;
}
#form_contact textarea::-moz-placeholder {
    color: #fff !important;
    font-size:12px;
}
    
    
    
  #form_contact  .form-control {
 
    padding: 12px 12px;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
      margin:0px 0px;
      border:1px solid #fff;
     
        
    }
    
    #form_contact textarea{}
    
    
    p.intro_form{font-size:17px; margin-bottom:20px; text-align:center;}
    
    
    #form_contact  form{width:60%; margin:0 auto;}
    
    
   #form_contact   .btn-primary {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
       border-radius: 0px;
       width:100%;
}
    
   
    
    
    
    
    .contacto_link marcado{ position:relative;}
   
    
    
    .texto_contacto_flotante{}
    
    
    
    .contacto_link .texto_contacto_flotante {
    display: block;
    position: absolute;
    top: 75px;
    right: 0;
    background: rgba(11, 11, 11, 0.9);
    width: 50%;
    padding: 20px;
    text-align: justify;
}
    
    
    .texto_contacto_flotante{color:#fff; text-align:center; text-transform:none; font-size:15px;}
    
    .contacto .marcado { background:#440015 !important;}

.proyectos .marcado{ background:#440015 !important;}  


 .nuestro .marcado{ background:#440015 !important;}


 .acerca .marcado{ background:#440015 !important;}
    
    
    
    @media (max-width: 768px){
        
        
        .contacto_link .texto_contacto_flotante { display:none;}
        
    }






@media (min-width: 570px){


.contenido_light .row [class*="col-"] { overflow:hidden; margin:0px 0px; padding:0;}

.contenido_light .row [class*="col-"] .img-fluid {
    max-width: none;
    height: 500px;
	margin:4px;
}
	
	
	.contenido_light{ padding-right: 0;
    padding-left: 0;}
    
    
}



@media (max-width: 580px){
	

.contenido_light .row [class*="col-"] {  margin:7px 0px;}	
	
}
    















#seccion_22 .contenidos_tab{padding-top:50px;}




.margen_recurso{height:250px;}



.proyects_recents{ background:url(../images/fond_recents.png) no-repeat !important;
        
        background-size:cover !important;   }





.acerca_contenido_inst{color:#fff; padding-top:30px;}


.acerca_contenido_inst .col-md-5{}



@media (max-width: 768px){
	
	
	.especial_nav li {
    width: 100%;
		padding-bottom:5px;
		
}
	
	.especial_nav li span.texto_es{ font-size:11px; font-family: open-bold; color:#fff;}
	
	
	
	.especial_nav li + li i{display:none;}
	
	
	
	.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
    margin: 8px 0px;
}
	
	
}




footer p, footer  a {
    
    color: #858585;
}




.segundo_nivel{background:#5a2535;}


.tercer_nivel {background:#563242;}


.cuarto_nivel {background:#664d58;}




.bloque_contact + .bloque_contact {margin-top:-17px; }







@media (max-width: 1366px){
	
	body.home_2 .texto_home{display:none;}
}





.bloque_boton{position:relative; overflow:hidden; height: 88px;}

@media (max-width: 768px){
	.bloque_boton{ height: 85px;}

}
	
	
.bloque_boton .capa_arriba{ position: relative; z-index:999; width:70%;padding:22px 12px 5px 12px;}

@media (max-width: 900px) and (min-width: 768px){
	
.bloque_boton .capa_arriba{ position: relative; z-index:999; width:70%;padding:14px 12px 5px 12px;}	
	
}




.bloque_boton a{ position:absolute; z-index: 9999999999; width:100%; height:90px;}
.bloque_boton img{ position: absolute; top:0; left:0;z-index:9;}



.bloque_boton .capa_arriba h3{ font-size:14px; color:#fff; line-height:0;}

.bloque_boton .capa_arriba p{font-size:10px;color:#fff;margin-bottom:0;}




@media (min-width: 1200px){
	
	
	.no_pad_lef{padding-left: 0px;}
	
	.no_pad_right{padding-right:0px;}
	
	
}



.parrafo_como_tr h1{text-transform: uppercase; color:#1f2c14;}



.nav-tabs {
    border-bottom: none;
    background: #440015;
    justify-content: center;
}






@media (min-width: 580px){

.container {
   
    padding-right: 0px;
    padding-left: 0px;
	
	
	
}
	
}





@media (max-width: 600px){
	
	#menu_int{ position: fixed; width: 100%; top: 0px; left:0px;}
	
	
}



.logo_imagen img{width: 55%;}





@media (min-width: 600px) and (max-width: 767px){
	
	
	.bloque_boton {
    height: 105px;
}
	
	
	
	
}


@media (max-width: 599px){
	
		.bloque_boton {
    height: 102px;
}
	
	
	
}

@media (max-width: 500px){
	
		.bloque_boton {
    height: 88px;
}
	
	
	
}


@media (max-width: 450px){
	
		.bloque_boton {
    height: 80px;
}
	
	
	
}









/*estilos dudosos quitar fondos*/



#header_primero {
    background: #b3b3b3 !important;
    background-size: cover;
}


.capa_carrusell {
   
    display: none;
}



#menu_como_trabajamos_2, #menu_como_trabajamos {
    background: #b3b3b3 !important;
    background-size: cover;
}


 
/*fin de estilos*/
	


.logo_int{padding:12px 0px;}

.logo_int img{width:25%;}


@media (max-width: 600px){
	
	.logo_int {margin-top:50px;}
	
	.logo_int img{position:relative; top:25px;}
	
}




@media (max-width: 860px) and (min-width: 768px){
	
	.bloque_boton .capa_arriba {
   
    padding: 14px 12px 5px 12px;
}
	
	
}






@media (max-width: 410px) {
.bloque_boton .capa_arriba {
 
    padding: 15px 12px 5px 5px;
}	
	
}



@media (max-width: 350px) {
	
	.bloque_boton .capa_arriba {
   
    width: 83%;
		padding: 12px 12px 5px 5px;
	}
	
	
	.bloque_boton .capa_arriba h3 {
    font-size: 11px;
		
		
		
		
	}
	
}