* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
}
a {color:grey;text-decoration: none;}      /* unvisited link */
a:visited {color:black;text-decoration: none;}  /* visited link */
a:hover {color:white; text-decoration: none;}  /* mouse over link */
a:active {color:black;text-decoration: none;}  /* selected link */


::-webkit-scrollbar {
width: 6px;
height: 5px;
}


::-webkit-scrollbar-track-piece  {
background-color: white;
}

::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: black;
}



#title
{

font-family: "Montserrat-Bold",arial;

font-size: 1.2em;
padding:10px;
width: 150px;
letter-spacing: 2px;
border-width: 0px;
border-style: solid;

} 



#txt_about
{
font-family: "Montserrat-Regular",arial;
max-width: 800px;
font-size: 0.8em;
line-height: 25px;
text-align: justify;
text-justify: inter-word;
letter-spacing: 2px;

}	


#txt_services
{
font-family: "Montserrat-Bold",arial;
max-width: 800px;
font-size: 2em;
line-height: 1.6em;
text-align: left;
text-justify: inter-word;
letter-spacing: 2px;

} 







#contact_txt
{
font-family: "Montserrat-Regular",arial;
min-width: 800px;
font-size: 0.8em;
line-height: 25px;

letter-spacing: 2px;

} 






body 
{

  background-color:#EAEBEC;

  margin: 0;
  padding: 0;
}

img {
    max-width: 100%;
    height: auto;

}



h2{
font-size: 1em;
font-family: "Montserrat-Regular", arial;
letter-spacing:8px;
padding-right: 3em;
padding: 1em;
color: black;
max-width: 200px;
}


#destacado1{

font-size: 1.6em;
font-family: "Montserrat-Bold", arial;
letter-spacing:3px;
text-align: left;
background-image: url(mapa1.jpg);
background-size: 760px;
background-repeat: no-repeat;
line-height: 1.5em;
padding: 1em;
color: black;
height: 350px;
margin-bottom: 3em;

}







li {
    float: left;
}


#nav ul li 
{

list-style: none;
text-decoration: none;
font-size: 0.8em;
font-family: "Montserrat-Bold", arial;
letter-spacing:8px;
padding-right: 3em;
padding-bottom: 4em;
color: black



}





#nav ul li:hover 

{ 

list-style: none;
text-decoration: none;
font-size: 0.8em;
font-family: "Montserrat-Bold", arial;
letter-spacing:8px;
padding-right: 3em;
padding-bottom: 4em;
color: black

}





/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
width: 100%; 
border-collapse: collapse;
text-decoration: none;
letter-spacing: 1px;
border-bottom: 1px solid;
border-top: 1px solid;
font-size:0.8em;
font-family: "Montserrat-Regular", arial; 
border-width: 1px;
max-width: 900px;
margin-bottom: 100px;





}

tr:nth-of-type(odd) { 
  background: ; 
  font-family: "Montserrat-Regular", arial; 
}
th { 
  background: ; 
  color: white; 
  font-family: "Montserrat-Regular",arial; 

}
td, th { 
  padding: 20px; 
  text-align: left; 
  font-family: "Montserrat-Regular",arial; 
 
}

 
}
.image_full{
   display:block;
  }

 .las_logo_mobile{
  display:none;
 }



 



 }


#mail {
font-family: "Montserrat-Regular", arial;
letter-spacing: 4px;
font-size: 0.8em;
 }

/*
boton up
*/

#myBtn {
  display: none;
  font-family: "Montserrat-Regular", ARIAL; 
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  color: black;
  cursor: pointer;
  padding: 15px;
  border-width: 0px;
  border-style: solid;
  background-color: transparent;
}

#myBtn:hover {
}

/*
fin boton
*/





/*
non-essential styles:
just for appearance; change whatever you want
*/

.slide {
box-sizing: border-box;

}


/* SLIDESHOW CONTAINER */
.slideshow-container {
  max-width: 2000px;
  position: relative;
  margin: 0px;

}

.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 80%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #EAEBEC;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
 /* background-color: grey;*/
 color: grey;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* news */

div.subtitle {
font-family: arial, sans-serif;
color:black;
letter-spacing: 1px;
margin: auto;
padding: 50px;
line-height: 1.8em;
font-size: 2em;
margin-bottom: 3em;
}

input {
padding: 6px;
width: 220px;
font-family: arial, sans-serif;
font-size: 1em;
margin: 0px 0px 0px 0px;
border: 1px solid white;
color: black;
font-size: 0.8em;
}

.submit-button {
font-family:"Montserrat-Regular", arial;
float: center;
font-size: 0.8em;
color:black;
padding: 6px;
}

label {
font-family:"Montserrat-Regular", arial;
text-align: center;
width: 220px;
padding: 6px;
background:;
border: 0px solid white;
font-size: 0.8em;
}


/* news */



/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}


@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}



footer {
height: 40px;
background: white;
font-family: "Montserrat-Regular";
font-size: 0.6em;
padding: 1%;
color: black;
text-align: center;
margin-left: auto;
margin-right: auto;
letter-spacing: 7px;
}


@media (max-width: 640px) and (min-width: 320px){
  .image_full{
   display:none;
  }

  .las_logo_mobile{
   display:block;
  }




#pagewrap{

padding-left: 0em;
padding-right: 0em;


}
#nav ul li
{
list-style: disc;
color: white;
text-decoration: none;
font-size: 0.7em;
font-family: "Montserrat-Regular", "arial";
padding-left: 0em;
text-align: left;
display: inline-block;
padding: 0px;
letter-spacing: 1.5px;



}

#nav ul li:hover
{ 
list-style: disc;
color: white;
text-decoration: none;
font-size: 0.7em;
font-family: "Montserrat-Regular", "arial";
padding-left: 0em;
text-align: left;
display: inline-block;
padding: 0px;
letter-spacing: 1.5px;
}

#txt_about
{
font-family: "Montserrat-Regular", arial;
text-align: left;
font-size: 0.9em;
line-height: 26px;
letter-spacing: 1px;
padding: 1.5em;
}	



li {
    float: none;
}

/* Force table to not be like tables anymore */
  table, thead, tbody, th, td, tr { 
    display: block; 

  }
  
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  
  tr { border: 1px white; }
  
  td { 
    /* Behave  like a "row" */
    border: 0px solid white;
    border-bottom: 0px solid white; 
    position: relative;
    padding-left: 40%; 
    font-size: 0.9em;
  }
  
  td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 20px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    font-family: "Montserrat-Bold", arial;
    font-size: 1.2em;
  }
  
  /*
  Label the data
  */

  td:nth-of-type(2):before { content: "Project/Client : "; }



}

h2
{
font-family: "Montserrat-Regular",arial;
font-size: 1em;
padding:12px;
letter-spacing: 8px;

} 


#destacado1{



}

#contact-area {
max-width: 220px;


}



footer {
height: 40px;
background: white;
font-family: "Montserrat-Regular";
font-size: 0.5em;
padding: 1%;
color: black;
text-align: center;
margin-left: auto;
margin-right: auto;
letter-spacing: 2px;
}

#contact_txt
{
font-family: "Montserrat-Regular",arial;
min-width: 220px;
font-size: 0.8em;
line-height: 25px;

letter-spacing: 2px;

}