/*.container-fluid {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    
     }*/
@font-face {
font-family: "helvetica-light";
src: url("../assets/Tipoycolores/helvetica-light.otf");
    }

@font-face {
font-family: "Helvetica";
src: url("../assets/Tipoycolores/Helvetica.ttf");
     }
@font-face {
font-family: "Nominee-regular";
src: url("../assets/Tipoycolores/Nominee-regular.otf");
    }
@font-face {
font-family: "Nomineelight";
src: url("../assets/Tipoycolores/Nominee-Light.otf");
    }@font-face {
font-family: "Nomineebold";
src: url("../assets/Tipoycolores/Nominee-Bold.otf");
    }

      /*     #loader {
                background: none repeat scroll 0 0 #002333;
                 position: fixed;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                width: 100%;
                height: 100%;
                z-index: 9999; 
            }

            #loader img{
                position: absolute; 
                left: 25%;
                top: 35%;
                
                
                
                
            }*/
 #loader {
            background: none repeat scroll 0 0 #002032;
                 position: fixed;
            /*    left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);*/
                width: 100%;
                height: 100%;
                z-index: 9999; 
            }
 #loader img{
position: absolute; 
top: 10%;
left: 10%;
width: 100%;
width: calc(80% - 3em);  
    }
@media(max-width:768px){
 #loader img{
position: absolute; 
top: 15%;
left: 0%;
width: 100%;
width: calc(100% - .5em);  
    }
}
@media(max-width:480px)
{
 #loader img{
position: absolute; 
top: 30%;
left: 0%;
width: 100%;
}
}
/***ICONOS ANIMADOS***/
.static  { position:absolute;}
.static:hover { opacity:0; }
    
   
/**CUERPO**/
body {
  margin: 0;
  font-family: "helvetica-light",sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  background-color: #fff;
}
.page-section {
  padding: 3rem 0 0 0 ;
}

/****** navegador***********/
.carousel-inner img {
      width: 100%;
      height: 100%;
    margin: 0;
    background-color: #002333;:
  }

#home{
 min-height: 8em;   
    
}
#home a{
    font-family: "Nominee-regular";
     font-size: 1.55vw;
}
#logotipo{
 width: 14.8vw;
 margin-left: 6vw;
margin-top: -1em;

}
.blogl{
border-left: 4px solid #18c462; 
padding-left: 25px;
}
#iconomenu{
    width: 25px;
}
#iconosrrss img{
    width: 2.5vw;
    margin: 1px;
margin-top: 0.5em;

}
#iconosrrss{
    padding-left: 2vw;
    padding-right: 40px;
    height: 45px;
    vertical-align: bottom;
}
.navbar a{
    color:#f9f0e7; 
    
}  
.navbar a:hover{
    color: #18c462;
}
.navbar-collapse a:hover {
          color: #18c462;
    }
#iconosrrss a:hover{
    color: #002333;
}
.navbar img, .navbar a{
 margin-top: 1em;   
}
@media(max-width: 1024px){  /**BARRA ********/
    
    
#home{
 min-height: 6em;   
    
}
#home a{
    font-family: "Nominee-regular";
     font-size: 14px;
    
}

#logotipo{
 width: 14.8vw;
 margin-left: 5vw;
}

.blogl{
border-left: 4px solid #18c462; 
padding-left: 20px;
}
#iconomenu{
    width: 25px;
}

#iconosrrss img{
    width: 2.5vw;
    margin: 1px;
}
    #boton0{
      margin-left: 10px;  
    }

#iconosrrss{
    padding-left: 2vw;
    padding-right: 10px;
    height: 30px;
    vertical-align: bottom;
}
    
}

@media(max-width: 991px){  /**BARRA ********/
 
#logotipo{
 width: 12.8em;
 margin-left: 5vw;
 margin-top: 1em;
}
.navbar-collapse{
    margin-top: 1.5em;
        
    }    

.blogl{
border-left: 0; 
padding-left: 0px;
}
#boton0{
     margin-left: 0px;  
 }
#iconomenu{
    width: 25px;
    margin-top: 0;
}
#iconosrrss img{
    width: 2.5vw;
    margin: 1px;
}

#iconosrrss{
    padding-left:0;
     height: 30px;
   
}
#home a{
margin-top: -1em;  
}
    
}
@media(max-width: 480px){  /**BARRA ********/
  
#logotipo{
 width: 130px;
 margin-left: 5vw;
 margin-top: 1.5em;
}

.blogl{
padding-left:0px;
}
#iconomenu{
    width: 25px;
    margin-top: 0;
}

#iconosrrss img{
    width: 20px;
    margin: 0px;
}
#boton0{
      margin-left: 0px;  
    }

#home a{
margin-top: -1.5em;  
}
.navbar-collapse{
    margin-top: 1.5em;
        
    }    
    
    
}



/******G L O B A L********/
#tit1{
  font-family: "Nomineelight";  
}
#tit2{
  font-family: "Nomineebold";
}
.homeizq img{
    max-width: 1.8em;    
}
.homeder img{
 position: absolute;
 max-width: 25px;
 z-index: 1500;
 right:6.8em;  
 margin-top:-1em ;
    
    
}
@media(width:1024px){
.homeder img{
 position: absolute;
 max-width: 25px;
 z-index: 1500;
 right:3em;  
 margin-top:-1em ;    
}
}
@media(max-width:768px){
.homeder img{
 position: absolute;
 max-width: 25px;
 z-index: 500;
 right:2em;  
 margin-top:-4em ;    
}
.homeizq img{
    max-width: 1.4em;    
}
}

.table td, .table th {
    padding: 0rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}
/******G L O B A L********/
/*****EXCLUSIVIDAD***********/
.Exclusividad h1{
    font-family: "Nomineebold",serif;
     color: #002333;
    font-size: 2.48em
}
.Exclusividad p{
    color: #002333;
    font-size: 1.4em;
    font-family: "helvetica-light";
    padding: 0 2.3vw 0 2.3vw;
}

hr {
  height: .18em;
  width: 80px;
  background-color: #18c462;
}

#bararizq{
  margin-top: 30px;
  margin-left: 0%;
  margin-right: 50%;  
  height: .18em;
  background-color: #18c462;
}

a{
  color: #002333;  
}
.divisor:before{
color:#18c462;
content: "─"; 
font-family: "Helvetica";
font-size: 1.9em;
font-weight: bolder;
padding: 0px;
margin: 0;
font-weight: 100;
line-height: 1px;
}
@media(max-width:480px){
.Exclusividad p{
color: #002333;
    text-align: left;
    font-family: "helvetica-light";
    text-align: justify;
    font-size: 1.3em;
    letter-spacing: 0px;
    line-height: 25px;
}   
}
/*****fin EXCLUSIVIDAD***********/


/*****PROYECTOS***********/


#proyectocol{

}
#special1{
margin: 0;
padding: 0;
}
#col001{
margin-left:-3.9vw;
padding-right:1.5vw; 
margin-right: 3vw;
  
}
#col001 h1 {
font-size: 3em;
color:#002333;  
    }
.text0005 p{
    color: #002333;
    text-align: left;
    font-family: "helvetica-light";
    text-align: justify;
    font-size: 1.6em;
    letter-spacing: 1px;
    line-height: 35px;
}
#queres{
    font-family: "Nomineebold"; 
    font-size:1.89em;
    color: #002333;
    padding: 0.5em 0;
}
.masinfo{
margin-top: -2.5em;    
}
.masinfo table{
    color: #002333;
    font-family: "Nominee-regular";
    font-size: 1.58em;
    color: #002333;
}
.masinfo a{
padding-left: 0.5em;        
    }
.masinfo img{
    width: 18px;
}
#imagen-proyecto img{
 width: 48vw;
 max-height: 700px;
}
.imagenpeque img{
    width: 0;
}
@media(max-width:1024px) 
{
#proyectocol{

}
#special1{
margin: 0;
padding: 0;
}
#col001{
margin-left:0;
padding-right:1.5em; 
margin-right: 0;
  
}
#col001 h1 {
font-size: 2em;
color:#002333;  
    }
.text0005 p{
    color: #002333;
    text-align: left;
    font-family: "helvetica-light";
    text-align: justify;
    font-size: 1.3em;
    letter-spacing: 0px;
    line-height: 25px;
}
#queres{
    font-family: "Nomineebold"; 
    font-size:1.5em;
    color: #002333;
    padding:0;
}
.masinfo table{
    color: #002333;
    font-family: "Nominee-regular";
    font-size: 1.3em;
    color: #002333;
}
.masinfo a{
padding-left: 0.5em;        
    }
.masinfo img{
    width: 15px;
    
}
#imagen-proyecto img{
 width: 500px;
 
}
 #imagen-proyecto{
 background-size: cover;
 overflow: hidden;  
 
 
} 
.imagenpeque img{
    width: 0;
}
}
@media(max-width:480px){   
.masinfo img{
padding-left: 5px;
} 
.imagenpeque img{
width:100%;
padding: 2em 0 0 0
} 
#imagen-proyecto img{
 width: 00px;
}
    .masinfo a{
padding-left: 0.2em;        
    }
  
}
/*****fin PROYECTO***********/


/*****TODO LO QUE NECESITAS***********/

#todo{
    margin-left: -4em;
    margin-right: -4em;
}
#todo h1{
font-size: 2.5em;
    color:#002333;  
}
#todo p{
    text-align: justify;
}
#th1 img{
    max-width: 135px;
}
.Caracteristicas h2{
    font-family: "Nomineebold";
    font-size: 1.61em;
    color: #003e52;
    text-align: left;
    
}
#th1 p {
    font-family: "helvetica-light";
    font-weight: 300;
    color: #002333; 
    font-size: 1.1em;
    letter-spacing: 0px;
    line-height: 22px;
    padding-right: 1.5vw;
}
.Caracteristicas th{
    vertical-align:middle;
    align-items: center;
}
.thx {
  padding-left: 0;  
}
.transporte img{
    margin:0 0.1vw 0 .8vw;

}
#th2 p{
      font-family: "helvetica-light";
    font-weight: 300;
    color: #002333; 
    font-size: 1.1em;
    line-height: 22px;
}
#th2 img{
    max-width: 135px;
}
#espacio h1{
 color: white;
    font-size: 3.5em;
    
   
    }

@media (max-width:1024px){   /**TODO*/
 #todo{
    margin-left: 0em;
    margin-right: 0em;
}
.transporte img{
    margin:0;
    

}
.transporte img{
    margin:0 1.5vw 0 .8vw;

}
#espacio h1{
 color: white;
    font-size: 5em;
   
   
    }
#th1 img{
    
    vertical-align: top;
}
#todo p{
    text-align: left;
}    
}
@media (max-width:768px){   /**TODO*/
 #todo{
    margin-left: 0em;
    margin-right: 0em;
}
.transporte img{
    margin:0;
 margin:0 1.5vw 0 .8vw;
}


#espacio h1{
 color: white;
 font-size: 0px;
 line-height: 1px;
font-weight: lighter;
   
   
    }
#th1 img, {
    
    vertical-align: top;
    
}
    #th2 p{
        font-size: 1em;
    }   
}

@media (max-width:480px){

    #th1 img, #th2 img{
        width: 100px;
    }
    
    
}
/**** FIN TODO LO QUE NECESITAS *****/

/**** BENEFICIOS *****/
#bene{
    margin-left: -2.8em;
    margin-right: -2.8em;
}
#bene h1{
   font-size: 2.5em;
    color: #002333;
}
.beneficios2-1{
background-color: #003e52;
padding: 2rem 0 0 1rem  ;
vertical-align: middle;

}
.beneficios2-2{
    padding: 0;
    background-color:#003e52;
 
}

.beneficios table tr{
    vertical-align: top;
}
.beneficios table p{
    color:#f9f0e7;
    font-family: "helvetica-light", sans-serif;
    letter-spacing: 0px;
    font-size: 1.3em;
    font-weight: 100;
    margin: 0px;
    text-align: left;
    line-height: 1.2;
    margin-top: 0px; 
    padding-top: 0;
    margin: 0 0.6em  1.1em 0em;
    
}
.beneficios table img {
    
width: 18px;
margin-top: 0px;   
margin: 0.1em 0.9em 0 0.2em;
}
#icoben1 p{
 margin-bottom: 1px
}
#icoben p{
 margin: 0;
 padding-top: 7px
}
#icoben2 p {
padding-top: 15px;
margin:0
}
#icoben2 img{
margin-top: 10px;    
margin-bottom: 10px;    
}


@media(max-width: 1024px){  /****O J O ******/
 #bene{
    margin-left: 0em;
    margin-right: 0em;
}  
.beneficios table p{
    color:#f9f0e7;
    font-family: "helvetica-light", sans-serif;
    letter-spacing: 0px;
    font-size: 1.1em;
  
    margin: 0px;
    text-align: left;
    line-height: 1.2;
    margin: 0 0.2em  0.7em 0;
    
}
.beneficios table img {
width: 18px;
margin-top: 0px;   
margin: 0em 0.8em 0.3em 0;
}
    
.beneficios2-1{
background-color: #003e52;
padding: 1rem 0 0 0rem  ;
vertical-align: middle;

}
}
@media(max-width:480px){
#icoben1 p{

}
#icoben p{
 margin: 0;
 padding-top: 5px;
}
#icoben2 p {
padding-top: 10px;
margin:0
}
#icoben2 img{
margin-top: 0px;    
margin-bottom: 5px;    
}
}


/**** FIN DE SECCION BENEFICIOS*****/

/**********LOS MATERIALES*************/
@media(min-width:1025px){
#mate h1{
text-align: center;
     font-size: 2.5em;
    color: #002333;

padding-bottom: 0.2em;   
    }
    .materiales{
    margin-left: -2.4em;
    margin-right: -5em;
    padding: 0;
}

#celda div{
 padding: 0;    
}
#imagen0{
 margin: 0;
 table-layout: fixed;
 padding-left:0;
 width: 210px;  
    

    }
#imagen1{
 text-align: left;
    align-content: left;
margin: 0;
 table-layout: fixed;
 padding-left:0;
 width: 100px;  
    

    }
.materiales h2{
margin:0;  
font-family:"Nomineebold", sans-serif;
color: #002333;
font-size: 1.6em;  
letter-spacing: -0.4px;    
}
.materiales p{
text-align: left;
font-family: "helvetica-light", serif;
letter-spacing: 0x;
font-weight: 100;
font-size: 1em;
color: #002333;
line-height: 19px;
}
#coltext1{
padding-left: 0.5em
}       
#coltext3{
position:absolute;
left: 196px;
}
#coltext4{
width: 180px;
    }       
.materiales img{
   max-width: 205px;
   height: 210px;
    padding:0;
    margin-bottom:45px;

}
#tfijo2{
 table-layout: fixed;
 padding-left:0;
 width: 180px;
 align-content: center;

}
    #tfijo3{
   position: absolute;
        left: -15px
    }
#celda1{
padding-top: 3em;    
    
}
#moveriz{
position:absolute;
left: -15px;
} 
#moveriz1{
position:absolute;
left: -25px;
}
}
@media(max-width:1024px){ /**OJO******/
.materiales{
    margin-left: 0em;
    margin-right: 0em;
    padding: 0;
}
#mate h1{
    color: #002333;
    text-align: center;
    padding-bottom: 0.2em;
}
#celda div{
  
}
#imagen0{
    vertical-align: middle;
    }
#imagen1{
 vertical-align: middle;
     

    }
.materiales h2{
margin:0;  
font-family:"Nomineebold", sans-serif;
color: #002333;
font-size: 1.6em;  
letter-spacing: -0.4px;    
}
.materiales p{
text-align: left;
font-family: "helvetica-light", serif;
letter-spacing: 0x;
font-weight: 100;
font-size: 1em;
color: #002333;
line-height: 19px;

}
#coltext1{
padding-left: 1em
} 
#coltext2{
padding-left: 1em
}  
#coltext3{
padding-left: 1em
}
#coltext4{

    }       
.materiales img{
   max-width: 150px;
   max-height: 210px;
    padding:0;


}
#tfijo2{
 

}
#tfijo3{

    }
#celda1{
padding-top: 3em;    
    
}
#moveriz{

} 
#moveriz1{

}

}
@media(max-width:480px){
 .materiales h2{
margin:0;  
font-family:"Nomineebold", sans-serif;
color: #002333;
font-size: 1.3em;  
letter-spacing: -0.4px;    
}   
}
/****** FIN LOS MATERIALES*************/


/**** UBICAION PERFECTA *****/
#specialubi img{
position: absolute;
margin-left: -3.7em;
padding-top: 8em;
}
#ubicacion{
margin-left: -3.7em;
}
#ubicacion h1{
font-size: 2.5em;
color: #002333;    
}
#ubicacion hr{
    margin-top: 0.9em  ;
}
#textoubi{
 vertical-align:middle;
 padding: 13em 3.5em 2.5em 1em;
}
.mapag{
    vertical-align:middle;
    padding-left: 2em;
}
.mapag img{
   background-size: cover;
   height: auto;
   max-width: 690px;
   text-align: left; 
}
#ubicacion p{
    color: #002333;
    text-align: justify;
    font-family: "helvetica-light", serif;
    font-size: 1.66em;
    margin-top: 1em;
    margin-bottom: 2em;
    line-height: 1.3em;
}
.ubicacion button{
    letter-spacing: 1px;
}
#googledir{
    background-color: #002333;
    color: white;
    font-size: 1.66em;
}
.ubicacion a{
 color: white;
}

/* **/
@media(max-width:1324px){  /**OJO****/
#specialubi img{
position: absolute;
margin-left: -2.7em;
padding-top: 8em;
}

#ubicacion{
margin-left: -2.7em;
}
#ubicacion h1{
color: #002333;    
}
#ubicacion hr{
    margin-top: 0.9em  ;
}
#textoubi{
 vertical-align:middle;
 padding: 10em 3.5em 2.5em 1em;
}
.mapag{
    vertical-align:middle;
    padding-left: 2em;
}
.mapag img{
   background-size: cover;
   height: auto;
   max-width: 600PX;
   text-align: left; 
}
#ubicacion p{
    color: #002333;
    text-align: justify;
    font-family: "helvetica-light", serif;
    font-size: 1.66em;
    margin-top: 1em;
    margin-bottom: 2em;
    line-height: 1.3em;
}
#googledir{
    background-color: #002333;
    color: white;
    font-size: 1.66em;
}
.ubicacion a{
 color: white;
}
}

@media(max-width:1024px){  /**OJO****/
#specialubi img{
position: absolute;
margin-left: 0em;
padding-top: 4em;
}
#ubicacion{
margin-left: 0em;
}
#ubicacion h1{
color: #002333;    
}
#ubicacion hr{
margin-top: 0.9em  ;
}
#textoubi{
 vertical-align:middle;
 padding: 5em 1em;
}
.mapag{
    vertical-align:middle;
    align-content: center;
    padding-left: 2em;
}
.mapag img{
   background-size: cover;
   height: auto;
   max-width: 100%;
   text-align: left; 
}
#ubicacion p{
    color: #002333;
    text-align: justify;
    font-family: "helvetica-light", serif;
    font-size: 1.4em;
    margin-top: 1em;
    margin-bottom: 2em;
    line-height: 1.3em;
}
.ubicacion button{
    letter-spacing: 1px;
}
#googledir{
    background-color: #002333;
    color: white;
    font-size: 1.66em;
}
.ubicacion a{
 color: white;
}
  
}
@media(max-width:768px){
 .mapag img{
    margin-top: 6em;
   background-size: cover;
   height: auto;
   max-width: 100%;
   text-align: left; 
}   
}
@media(max-width:480px){

#textoubi{
 margin-top: -2em;        
    
    }
#specialubi img{
position: absolute;
margin-left: 0em;
padding-top: 2em;
}
    .mapag img{
    margin-top: -2em;
   background-size: cover;
   height: auto;
   max-width: 90%;
   text-align: left; 
}
}
/******MODELOS DISPONIBLES*******/

.portfolio h1{
    color: #002333;
   font-size: 3.3vw;
    margin-bottom: 0.4vw;
}
.portfolio hr{
    
}
#Modelos1{
    margin-top: 4vw;
    margin-bottom: 3vw;
}
#botones button, galeria{
   background-color: #002333;
   font-family:  "Nomineelight", serif;
    font-size: 1.8vw;
   color:#f9f0e7;
    border-radius: 0;
    border: #002333;
    margin:0.7vw;
    height: 3.5vw;
    width: 14vw;
    
  
}

#botones button:hover{
   background-color: #18c462;
   color:#f9f0e7;   
}
#botones button:focus{
   background-color: #18c462;
   color:#f9f0e7;
   
}


@media(max-width:500px){
 .portfolio h1{
    color: #002333;
    font-size: 2.5em;
    margin-bottom: 0.4vw;
}

#Modelos1{
    margin-top: 4vw;

}
#botones{
        
    }
#botones button{
font-size: 0.8em;
background-color: #002333;
font-family:  "Nomineelight", serif;
color:#f9f0e7;
border-radius: 0;
border:none;
width: 7em;
height: 2em;
 }

#botones button:hover{
   background-color: #18c462;
   color:#f9f0e7;   
}
#botones button:focus{
   background-color: #18c462;
   color:#f9f0e7;
   
}   
}
/******FIN MODELOS DISPONIBLES*******/


/**** GALERIA PERFECTA *****/
.galeria h1{
    color: #002333;
font-size: 2.5em;
    
}
.galeria div{
padding:0 0 0 10px;
 margin: 0;
}

#galeriaimagenes img{
    max-height: 199px;
}
.galeria button{
background-color: #002333;
font-family:  "Nomineelight", sans-serif;
font-size: 1.7em;
    
color:#f9f0e7;
border-radius: 0;
margin: 1em 0 2em 0;
width: 7.6em;
height: 2em;

font-weight: 500;
}
@media(width:1024px){
 .galeria div{
padding:0px;
margin-left:-1em;
margin-right:-1em;
}   
#galeriaimagenes img{
    max-width: 200px;
}
.galeria div {
    padding: 0px;
    margin-left: 0em; 
    margin-right: 0em;
}
}
@media(max-width:480px){
.galeriaimg img{
width: 50%;
margin: 1px;
}
.galeria button{
background-color: #002333;
font-family:  "Nomineelight", sans-serif;
color:#f9f0e7;
border-radius: 0;
width: 120px;
height: 35px;
font-size: 14px;

}
 .galeria div{
padding:0px;
margin-left:0em;
margin-right:0em;
}
}

/**** FIN DE GALERIA  *****/
/**** CONTACTOS  *****/

.footer {
  font-family:  "Nomineelight", sans-serif;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #002333;
  color: #f9f0e7;
   
}
#bl1{
    margin-left: 6.5em;
    margin-right: 0.5em;
    padding: 0;
}
#bl1 p{
 margin-top: 0;
padding-top: 0;
    font-size: 1.5em;
}
#bl2{
    margin-left:-2em;
    margin-right: 1em;
    padding: 0;
}

#bl3{
    margin-left: -5em;
    margin-right: -1em;
    padding:2em 4em 0 4.5em ;
}

.footer h4{
    font-size: 2.5em;
}
#text007{
  font-size: 1.7em  ;
padding: 0;
}
#contactos th{
font-family:  "Nomineelight", serif;   color: #f9f0e7;
text-align: left;
font-size: 1.45em;
font-weight: 100;    

}
#contactos th p{
    padding: 0 0.6em 0 0;
}
.footer img{
width: 32px; 
    margin-right: 0.5em;
}
.footer a{
    color: white;
}
#rrss1{
   width: 7px;
   margin: 0em;
   border: 0;
   padding: 0 0 0 1em;
}

#datosfinales{
    padding-left: 1em;
    
}
#datosfinales p{

text-align: left;
font-size: 1em;
font-weight: 100;     
}
.footer form{
    text-align: center;
    padding: 0 35px;
}
#contactos button{
background-color: #18c462;
color: #002333;
margin: 10px;
height: 30px;
width: 90px;
font-family: "Nomineebold";
border: 0 ;
}
#bl3 p{
font-family:  "Nomineelight", serif;   color: #f9f0e7;
text-align: center;
font-size: 1.0.4em;    

padding-bottom: 0.5em
}


@media(max-width:1024px){
.footer {
  font-family:  "Nomineelight", sans-serif;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #002333;
  color: #f9f0e7;
   
}
#bl1{
    margin-left:5em;
    margin-right: -4em;
    padding: 0;
}
#bl2{
    margin-left:2em;
    margin-right: 0;
    padding: 0;
}
#bl3{
    
 
    
    padding:2em -2em 4em 0;
}
    #bl3 p{
    font-size: 1.4em;
    text-align: center;
    margin-top: -1.5em;
    padding: 0;
    padding-left: 0;
    }
    #bl1 p{
    font-size: 1.8em;    
    margin-top: -0.5em;

    }

#contactos{
font-size: 0.6em;
    
    }
    
.footer form{
    text-align: center;
    padding: 0 0px;
}    
    
}

@media(max-width:768px){
    #bl3{
    margin-left: -2em;
    
    padding:2em 4em 0 ;
} 
    #bl3 p{
    font-size: 1.3em;
    text-align: center;
    
    padding-left: 0;
    }
    #bl1 p{
    font-size: 1.5em;    
    margin-top: -0.5em;

    }  
}

@media(max-width:480px){
.footer {
  font-family:  "Nomineelight", sans-serif;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #002333;
  color: #f9f0e7;
   
}
#bl1{
    margin-left:4em;
    margin-right:0em;
    padding: 0;
}
#bl2{
    margin-left:2.5em;
    margin-right: 0;
    padding: 0;
}
#rrss1 p{
        
    }
    #bl2 p{
        
    }
.footer img{
width: 24px;
margin-right: -0.5rem;
}.footer a{
    color: white;
}

#bl3{
    margin-left: 4em;
    margin-right: 2em;
    padding: 0;
    font-size: 1.0em;
}
#bl3 p{

    text-align: center;
    margin-top: 0em;
    }
#contactos{
font-size: 0.6em;
    
    }
    
.footer form{
    text-align: center;
    padding: 0 0px;
    
} 
}

#list-settings-list{
    background-color:#003e52;
    
}


/**** FIN DE SECCION CONTACTOS*****/
/**** CARACTERISTICAS *****/
ztable{
    border: 0;
    
    
}

/**** FIN CONTACTOS  *****/




/****MENUS****/
.carousel-indicators li {

    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 15px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #002333;
    border: 0.5px solid #002333;
    border-radius: 10px;
}
.topnav-right {
  float: right;
}

.navbar span{
    color: aliceblue;
}

.navbar{
    padding: 0.5rem 1rem;
     background-color: #002333;
  
}








/****GALERIA MDAL******/
#portafoliioModal10{
 display: block;
}