/* CSS Document */

.container {
  min-width:800px;
  max-width:1440px;
  margin:0 auto;
}


* {margin:0;padding:0;}
ul {list-style:none;}
img, video, object { max-width:100%; }

@font-face {
  font-family: 'roboto condensed';
  src: url('RCRegular.ttf');
}


body {
  width:100%;  
	height:100%;	
	margin:0;padding:0;
	font-family: 'Helvética Neue 77 Bold condensed', Helvetica, Arial, sans-serif;
  color: #58595b;
  font-family: 'roboto condensed';
  background-color:#666;
}    
    
p { margin:1.5em 0;}

a:hover {opacity:0.8;filter:alpha(opacity=80);}

header {width:100%;}    

nav {
  min-width:800px;
  max-width:1440px;
  width:100%;    
  background-color:#39393b;
  height:5em;
  position:fixed;
  z-index:2;
} 
    
.menu {
  width:30%;
  margin:0 35%;
  padding:2% 0;
}

.menu li {  
	display: inline-table;
	width:32%;
}

.menu li img{  
	display: inline-table;
	width:100%;
}

.idiomas {
  min-width:800px;
  max-width:1440px;
  width:100%; 
}

.idiomas .iconos {
  position:fixed;  
  z-index: 2;  
  width:3.76%;
  margin:11.5% 0 0 92%;
}

.iconos img {
  margin-bottom:3%;
  width:100%;
}

section {
  position:relative;
}

.empresa {
  border-top:5em solid;
}
    
.bkg {
  width:100%;
}

.info {
  width:100%;
  position: absolute;
  z-index:1;
  left:0;
  top:0;
}

.info .titulo {
  width:25.1%;
  margin:6% 37.45%;
  margin-bottom:8%;   
}

.info p {
  width:57%;
  margin-left:21.9%;
  margin-right:21.9%;
  font-size:0.875em;
}

.galeria {
  width:56%;
  margin:2% 22%;
}

.galeria div {
  display:inline-table;
  width:17.66%;  /*180px para 1024*/
  width:183px;
  width:32.5%;
  margin:0;
}

.galeria div img {
  width:100%;
}

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

.galeria p.subtitulo {
  width:100%;
  margin:0 0 5% 0;
  color: #58595b;
  font-size:0.8em;
  font-weight:bold;
  text-align:center;
  font-family:inherit;
}

.fichactn { 
  width:72%;
  padding:0 14%;
  display:none;
}

.ficha {
  width:85%;
  position:relative;
  z-index:3;
  background-color:#FFF;
  font-size:0.7em;
  font-size:12px;
  width:720px;   
  height:460px;  
  display:none;
}

.ficha img {
  width:100%;
  position: absolute;
  left:0;
  z-index:-1;
}

.ficha .close {
  width:4.61%;
  margin:5% 0 0 91%;
  z-index:1;
}

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

.ficha .desc {  
  padding:19% 10% 10% 40%;
  padding:18% 9% 10% 39.5%; /* 800px, 510px */  
}

.ficha .inline {
  display:inline-table;
  margin-top:5%;
}

.ficha ul {  
  margin-bottom:2%;
}

.ficha p:nth-of-type(3) {
  margin-top:1%;
  margin-bottom:0;
}

#tm p:nth-of-type(3), #tp p:nth-of-type(3) {
  margin-bottom:3%;    
}

#tp ul {
  margin-top:5%;    
}

#tp .inline {
  margin-top:4%;
}

#tp p:nth-of-type(1) {
  margin-top:3%;  
  margin-bottom:3%;
}

#dc ul {
  margin:5% 0 0 0;
}

#dc .inline {
  margin-top:4.5%;
  margin-bottom:2%;
}

#dc p:nth-of-type(2) {
  margin-top:0.5%;
  margin-bottom:0;
}

#za .inline {
  margin-top:9%;
}

#ct .inline {
  margin-top:18%;
}

#fe .inline {
  margin-top:18%;
}

#za p:nth-of-type(3) {
  margin-top:2%;
  margin-bottom:13%;
}

#ct p:nth-of-type(3){
  margin-top:2%;  
  margin-bottom:4%;
} 

#fe p:nth-of-type(3){
  margin-top:2%;  
  margin-bottom:8%;
}

.contacto .titulo {    
  margin-top:1%;
  margin-bottom:0;
}

.contacto .domicilio {
  font-size:0.7em;
  color:#FFF;
  margin:0 36% 10% 36%;  
}

.contacto .domicilio span {
  margin:0 1%;
}

.contacto .info {    
  text-align:center;
}

.contacto p {
  font-size:0.7em;
}

.contacto form{
  margin-left:35%;
  margin-right:35%;  
  font-weight:bold;
}

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

.contacto form input, textarea.contacto {
  display:block;
  width:96.8%;
  padding:1%;
  font-family:inherit;
  font-size:1em;
  border:1px solid gray;  
  background-color:#d1cfd0;  
  background-color:transparent;
}

.contacto form textarea.contacto {
  height:2em;
}

.contacto form .btn {
  background:url("../images/btn_enviar.png") no-repeat 0 0;
  background-size:100%;
  width:99.5%;
  border:none;
  padding-top:3%;
  padding-bottom:12%;
  color:#FFF;
  font-size:0.7em;
  font-weight:bold;
  margin-top:8%;
}

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

footer {
  width:99%;
  margin-top:2.5%;
  margin-left:1%;
}

footer span {
  margin:0 1%;
  color:#dc552e; /* naranja*/  
}

address { 
  text-align:left;
  font-style:normal;    
  font-size:0.7em;
}
 
address a {
  color:#3a3a3c;
  color: #58595b;
  text-decoration:none;
}

.modal {
  display:none;
  position:absolute;
  z-index:2;
  top:0; 
  left:0;
  width:100%;
  height:315%;
  background-color:black;
  opacity:0.6;
  filter:alpha(opacity=60);
}


@media screen and (max-width: 1024px) {
  body {
    font-size:100%;
  }
  .container {    
    width:1006px;
    margin:auto;
  }
  .modal {
    width:1006px;
    height:1950px;
  } 
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  body {
    font-size:110%;
  }
  .container {    
    width:1260px;
    margin:auto;
  }
  .fichactn {
    width:66%;
    padding:0 17%;
  }
  .contacto .domicilio {
    margin-bottom:13%;
  }
  .contacto form .btn {
    margin-bottom:12%;
  }
  .modal {
    width:1260px;
    height:2400px;
  }
}


@media screen and (min-width: 1281px) and (max-width: 1366px) {
  body {
    font-size:115%;
  }
  .container {
    width:1200px;
    margin:0 auto;
  }
  nav{
    width:1200px;
    height:3.5em;
  }   
  .menu {
    padding:1% 0;
  }     
  .idiomas .iconos {
    width:45px;
    margin-left:1110px;
    margin-top:100px;  
  }
  .empresa {
    border-top:3em solid;
  }
  .empresa .titulo {  
    margin-bottom:7%;   
  }
  .empresa p {
    width:70%;
    margin-left:15%;
    margin-right:15%;   
  }
  .fichactn {
    width:60%;
    padding:0 20%;
  }
  .contacto .domicilio {
    margin:0 35% 11% 35%;
  }  
  .modal {
    min-width:1200px;
    height:2260px;
  }   
}


@media screen and (min-width: 1367px) and (max-width: 1440px) {
  body {
    font-size:120%;
  }
  .container {    
    width:1420px;
    margin:auto;
  }
  .nav {    
    width:1420px;
  }
  .fichactn {
    width:50%;
    padding:0 25%;
  }
  .contacto .domicilio { 
    margin:0 37% 13% 37%;
  } 
  .contacto form .btn{
    padding-bottom:18%;  
  }
  .modal {
    width:1420px;
    height:2705px;
  }   
}

@media screen and (min-width: 1441px) {
  body {    
    font-size:120%;
  }
  .container {
    width:1441px;
    margin:auto;
  }
  .nav {
    width:1441px;
  }
  .idiomas .iconos {
    width:53px;    
  }
  .fichactn {
    width:50%;
    padding:0 25%;
  }
  .contacto p {
    margin-top:11%;
  }
  .contacto form .btn {
    margin-bottom:20%;
  }
  .modal {
    min-width:1441px;
    height:2740px;
  }
}