/* CSS Document */
  
ul {list-style:none; margin:0; padding:0}
img, video, object { max-width:100%; height:auto;}
a:hover {opacity:0.8;filter:alpha(opacity=80);}
a:link {text-decoration:none;color:#252525;}
h4 {font-family: 'HelveticaNeue-CondensedBold', }


body {
  width:100%;  
	height:100%;	
	margin:0;padding:0;
	font-family: 'Helvética Neue', 'Barlow Condensed', Helvetica, 'Arial Narrow';
  color: #252525;         /*#58595b;*/
  color:#5d6770;  
  background-color:#FFFFFF;
  font-size:1.3em;
}
 
.container { 
  max-width:1920px;
  margin:0 auto;  
  position:relative; 
}

.mnuicon {
  display:none;
}

nav {
  width:98%;  
  background-color:#cdcecd;                     /*#e5e6e5;*/
  position:fixed;  
  padding-left: 2%;
  z-index:1;
}

.logoC, .menu, .idiomas, .menu li, .idiomas li {
  display:inline-block;
  vertical-align: middle;   
}

.logoC {
  width:6.2%;
  margin:0.5% 0;
}

.menu {
  width:25%;
  margin-left: 52%;
}

.menu li {
  margin-right:4.5%;
  font-size:1.3vw;
}

.menu li:nth-child(4) {
  margin-right:0;
}

.idiomas {
  float:right;
  margin-top:1.5%;   
  width:13%;
}

.idiomas li {
  margin-left:3%;
  width:24%;
}

.encabezado {
  position:relative;
  color:white;
  font-size:3vw;
  z-index:-1;
  padding-top:5.9%;
}

.t1 {
  position:absolute;
  top:42%;
  left:40%;
}

.t2 {
  position:absolute;
  top:53%;
  left:55%;
}

section .info {
  margin: 0% 20%;
  padding-bottom: 5%;  
}


section h3 {
  text-align:center;
  text-transform:uppercase;
  color:#45bcca;
}

.servicios {
  background-color:#c9e7e9;                
}

.servicios ul {
  list-style:square;
  padding-left:4%;
}

.clientes, .nosotros {
  padding-top:4%;
}

.clientes{
  padding-bottom:5%;
}

.clientes .info{
  width:700px;  
  margin:0% auto;
  padding-bottom:0; 
}

.galeria img:nth-child(36) {
  margin-left:20%;  
}

.contacto {
  background-color:#e5e6e5;
}

.contacto h3 { 
  text-align:left;
  text-transform:uppercase;
  color:#45bcca;
}

.contacto .info {    
  text-align:left;
  /*margin:0 23%;*/
}

.contacto .info p {
  color:#5d6770;
}

.contacto form label {
  display: block;
  font-weight:bold;
  margin:2% 0;
}

.contacto .info form p {  
  width:100%;
}

.contacto form input, textarea.consulta {  
  display:block;
  width:97%;
  padding:1.5%;
  font-family:inherit;    
  font-size:0.9em;
  border: none;
  background-color:#f2f2f2;
  color:gray;
}

.contacto form textarea.consulta {
  height:10em;
}

.contacto form .btn {
  background-color:#45bcca;
  width:34%;
  border:none;
  font-weight:bold;
  color:#5d6770;
}

.btn:hover {
  cursor:pointer;
  opacity:0.8;
  filter:alpha(opacity=80);
}


footer {
  position:relative;
  width:100%;
}


footer div {
  background-color:#000000;
  padding: 2%;
  color:#FFFFFF;
  text-align:center;
  font-weight:bold;  
}
 
address {
  font-style:normal;
  text-transform:uppercase;
  font-family: 'BlairMdITC TT', Aldrich;
  font-size:0.7em;
  letter-spacing: 2px;
}

footer p {
  display:none;
}


@media only screen and (max-width:800px) {
  nav {
    height:55px;
  }
  
  .logoC {
    width:60px;
  }
  
  .menu {
    width:260px;     
    margin-left: 40%;  
  }   

  .menu li {
    font-size:0.7em;
    margin-bottom:7px;    
  }
  
  .idiomas {
    margin-top:2.3%;
    margin-right:2%;
    width:90px;  
  }
  
  .idiomas li {
    margin-left:1%;
    width:25px;
  }
  
  .encabezado {
    padding-top:55px;
  }
    
  .clientes .info {
    width:560px;
  }
  
  .galeria img:nth-child(36) {
    margin-left:0;  
  }
  
  .galeria img:nth-child(37) {
    margin-left:25%;
  }

  footer p {    
    font-size:0.35em;  
    width:10%;
    top:68%;
    left:15%;
  }
}

@media only screen and (max-width:750px) {
  
  .menu {
    width:260px;         
    margin-left: 35%;    
  }
  
  .idiomas {
    margin-right:2%;
  }
  
}


@media only screen and (max-width:700px) {
  
  .menu {
    width:260px;    
    margin-left: 30%;
  }
      
  .clientes .info{
    width:420px;
    margin:0 auto;
  }
         
  .galeria img:nth-child(36) {
    margin-left:0%;  
  }    
  
  .galeria img:nth-child(37) {
    margin-left:18%;
  }
  
}


@media only screen and (max-width:650px) {

  .menu {         
    margin-left: 24%;
  }  
}

@media only screen and (max-width:600px) {
  
  .container { width:100%;  margin:0 auto; font-size:0.85em;}
  
  nav {
    height:155px;  
  }
  
  .logoC {
    width:115px;
    padding-top:58px;
  }
   
  .menu {    
    position: absolute;
    top: 155px;
    left:0%;    
    display: none;
    width:100%;
    margin: 0%;    
    background-color:#cdcecd;
    display:none;
  }
  
  .menu.responsive {
    display: block;    
    text-align: left;
  }
  
  .menu li {  
    display: block;
    font-size:0.8em;
    font-weight: bold;
    width:100%;
  }
  
  .menu li a {
    display:block;    
    padding:10px 5px;
    color:#5d6770; 
  }
      
  .idiomas { 
    position:absolute;
    width:100%;
    height:40px;
    top:-8px;
    left:0;
    background-color:#000000;
    padding-left:65%;
    padding-top:14px;
  }
  
  .idiomas li {
    width:25px;
    margin-left:5px;      
  }
    
  .menu a:hover {
    /*background-color:#d2d3d2;*/
  }
    
  .mnuicon {
    position: absolute;
    right:3%;
    top: 95px;/*58%;*/
    display: inline;
  }
      
  .encabezado {
    padding-top:155px;
  }
    
  .t1 {top:230px;}  
  
  .t2 {top:255px;}
    
  section H3 { 
  } 
    
  section .info {
    margin: 0 5%;          
  }  

  .nosotros {
    padding-top: 5%; 
  }
  
  .servicios ul {
    padding-left:8%;
  }
      
  .clientes h3 {
  }
  
  .clientes .info{
    width:420px;
    margin:0 auto;
  }
  
  .galeria img:nth-child(36) {
    margin-left:0%;  
  }
  
  .galeria img:nth-child(37) {
    margin-left:0%;
  }  

  .contacto .info {
    width: 90%;
    margin:0 auto;
    padding-bottom:10%;
    /*font-size:0.9em;*/
  }

  .contacto form input, textarea.contacto {
    width:100%; 
    padding:2% 0;
    margin:3% auto;
    font-size:1em;
    color:black;
  }

  .contacto .info p {
    width:96.8%;
  }
  
  textarea.contacto {
    height:100px;
  }  
   
  .contacto form .btn {
    width:100%;
  }
  
  footer img {     
    margin:2% 2%;
  }
  
  address {
    padding:3% 0;
    line-height: 2;
    font-size:0.5em;
    letter-spacing: 2px;
  }
  
  footer p {    
    display:block;
    font-size:0.55em;  
    width:95px;
    top:98px;
    left:148px;
  }

}


@media only screen and (min-width:445px) and (max-width:600px){
  .idiomas {
    padding-left:70%;
  }
  
  footer img {     
    margin:2% 2%;
  }
}


@media only screen and (max-width:500px) {
   
  .clientes .info{
    width:280px;
    margin:0 auto;
  }  
  
}

@media only screen and (max-width:356px) {
  .idiomas {padding-left:55%;}
  
  .t1 {top:215px;}  
  
  .t2 {top:235px;}
  
  .clientes p {
    padding-left:5%;
  }
  
  footer p {    
    font-size:0.55em;  
    width:95px;
    top:98px;
    left:148px;
  }
      
}