@font-face{
	font-family:'fuente_1';

	src: url('AvenirNextLTPro-Regular.eot');
    src: url('AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('AvenirNextLTPro-Regular.woff') format('woff'),
    url('AvenirNextLTPro-Regular.ttf') format('truetype');

}

@font-face {
    font-family: 'fuenteyolo';
    src: url('fonts/AvenirLTStdLight.eot');
    src: url('fonts/AvenirLTStdLight.eot') format('embedded-opentype'),
         url('fonts/AvenirLTStdLight.woff2') format('woff2'),
         url('fonts/AvenirLTStdLight.woff') format('woff'),
         url('fonts/AvenirLTStdLight.ttf') format('truetype'),
         url('fonts/AvenirLTStdLight.svg#AvenirLTStdLight') format('svg');
}

@font-face {
    font-family: 'AvenirNextLTProUltLtCn';
    src: url('fonts/AvenirNextLTProUltLtCn.eot');
    src: url('fonts/AvenirNextLTProUltLtCn.eot') format('embedded-opentype'),
         url('fonts/AvenirNextLTProUltLtCn.woff2') format('woff2'),
         url('fonts/AvenirNextLTProUltLtCn.woff') format('woff'),
         url('fonts/AvenirNextLTProUltLtCn.ttf') format('truetype'),
         url('fonts/AvenirNextLTProUltLtCn.svg#AvenirNextLTProUltLtCn') format('svg');
}



@-webkit-keyframes animationx {
   0% {
       opacity:1;
       -webkit-animation-timing-function: ease;
       -webkit-transform: translateY(0px);
   }
   50% {
       -webkit-transition-delay:10s;
       opacity:1;
       -webkit-animation-timing-function: ease-in;
       -webkit-transform: translateY(300px);
   }
   100% {
       opacity:0;
       -webkit-animation-timing-function: ease-inout;
       -webkit-transform: translateY(900px);
   }
}
#animation {
   -webkit-animation-delay: 0s;
   -webkit-animation-duration: 6s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-name: animationx
}

@keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes yepi {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes yepi {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes yepi {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@-o-keyframes yepi {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes yepi {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}
.element-to-animate {
  animation: NAME-YOUR-ANIMATION2 5s infinite;
}
@keyframes NAME-YOUR-ANIMATION2 {
  100%   { opacity: 1; }
  0% { opacity: 0; }
}
@-webkit-keyframes NAME-YOUR-ANIMATION2 {
  100%   { opacity: 1; }
  0% { opacity: 0; }
}
@-moz-keyframes NAME-YOUR-ANIMATION2 {
  100%   { opacity: 1; }
  0% { opacity: 0; }
}
@-o-keyframes NAME-YOUR-ANIMATION2 {
  100%   { opacity: 1; }
  0% { opacity: 0; }
}
@keyframes NAME-YOUR-ANIMATION2 {
  100%   { opacity: 1; }
  0% { opacity: 0; }
}

p.tipografiacuerpo{
	font-family:fuente_1;
	font-size:14px;
	color:#FFF;
	width:300px;
}
.nombres{
	font-family:fuente_1;
	font-size:16px;
	color:#000;
	width:100%;
	text-align:center;
}
.bio{
	font-family:fuente_1;
	font-size:12px;
	color:#000;
	width:80%;
	text-align:left;
	margin-left:20px;
	left:10px;
	position:relative;
}
.list
{
	
	
	margin:auto;
    margin-top:20px;
	width:100%;
	overflow: hidden; /* just clearing floats */
	position:relative;
	z-index:100;
	max-width:1000px;
	text-align:center;
	
}
.Info
{
	
	
width:inherit;
height:200px;
	backgroud-color:red;
	position:relative;
}
.list2
{
	
	margin-left:100px;
	margin-right:100px;
    margin-top:40px;
	overflow: hidden; /* just clearing floats */7
	position:relative;
	
}
.list2__item
    {
        width: 32%; /* 4 items per row */
        float: left;
		margin-bottom:10px;
		list-style:none;
		padding: 0.2rem;
    }
@media screen and ( max-width: 60em ) /* 320px */
{
    .list
    {
	margin-left:-10px;
	margin-right:-10px;
		
		
		
		
    }
	    .list2
    {
	margin-left:10px;
	margin-right:10px;
		
		
		
		
    }
}
@media screen and ( max-width: 40em ) /* 320px */
{
    .list
    {
	margin-left:-10px;
	margin-right:-10px;
		
		
		
		
    }
}
@media screen and ( max-width: 30em ) /* 320px */
{
    .list
    {
	margin-left:-45px;
	margin-right:-45px;
		
		
		
		
    }
}
   
	
	@media screen and ( max-width: 60em ) /* 800px */
{
    .list__item
    {
        width: 30.333%; /* 3 items per row */
    }
	 .list2__item
    {
        width: 46%; /* 3 items per row */
    }
}
 
@media screen and ( max-width: 40em ) /* 640px */
{
    .list__item
    {
        width: 45%;  /* 2 items per row */
    }
				 div.menusemovil
    {
        opacity: 1;
    }
	
}
 
@media screen and ( max-width: 30em ) /* 320px */
{
    .list__item
    {
        width: 100%;  /* 1 item per row */
        float: none;
		}
			 .list2__item
    {
        width: 100%; /* 3 items per row */
    }
			 .menusemovil
    {
        opacity: 1;
    }
	
}
#slides {
  position: relative;
}
.hoberino {
position:relative;
width: 100%;
   height:auto; 
   margin-bottom:5px;
  
}
.hober {
	
  position:relative;
 opacity:0;
overflow:hidden;
width: 100%;
  height:100%;
  z-indez:100;
  background-color:#06C;
   transition-property: opacity;
 	 transition-duration: 0.2s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.2s;
	-o-transition-property: opacity;
	-o-transition-duration: 0.2s;
  
}
.nombretra {
	top:20%;
	text-align:center;
	width:100%;
  position:absolute;
 opacity:1;
overflow:hidden;
color:white;
font-family:fuente_1;

  z-indez:100;




  
}
.nombrecli {
	bottom:10px;
	text-align:center;
	width:100%;
  position:absolute;
 opacity:1;
overflow:hidden;
color:white;
font-family:fuente_1;
font-size:10px;
letter-spacing:2px;

  z-indez:100;




  
}
.nombretra2 {
	height:35px;
	text-align:center;
	width:100%;
  position:relative;
 opacity:1;
overflow:hidden;
color:black;
font-family:fuente_1;
display:none;
  z-indez:100;




  
}
.nombrecli2 {
	
	text-align:center;
	width:100%;
position:relative;
 opacity:1;
overflow:hidden;
color:black;
font-family:fuente_1;
font-size:12px;
display:none;

  z-indez:100;




  
}
.hober:hover { 
    opacity:0.8;
	transition-property: opacity;
	transition-duration: 0.2s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.2s;
	-o-transition-property: opacity;
	-o-transition-duration: 0.2s;
	-webkit-font-smoothing: antialiased;
}
.imgs {
  position: absolute;
  background-color:#F00;
overflow:hidden;
width: 100%;
   height:auto; 
   margin-bottom:5px;
  
}
.espacio {
  position: relative;
  background-color:#F00;
overflow:hidden;
height:1000px;
width: 100%;
   height:auto; 
   margin-bottom:-26px;
  
}
.imagpeople {
text-align:center;
 

  
}
#simbmas {
  position: relative;
  text-align:center;
  width:100%;
  height:auto;
}
#simbmenos {
  position: relative;
  text-align:center;
  width:100%;
  height:auto;
  display:none;
}
#detallespeople {
	font-family:fuente_1;
  position: relative;
  text-align:center;
  width:100%;
  height:auto;
  display:none;
}
#simbmas2 {
  position: relative;
  text-align:center;
  width:100%;
  height:auto;
}
#simbmenos2 {
  position: relative;
  text-align:center;
  width:100%;
  height:auto;
  display:none;
}
#detallespeople2 {
	font-family:fuente_1;
  position: relative;
  text-align:center;
  width:100%;
  height:auto;
  display:none;
}
#simbmas3 {
  position: relative;
  text-align:center;
  width:100%;
  height:auto;
}
#simbmenos3 {
  position: relative;
  text-align:center;
  width:100%;
  height:auto;
  display:none;
}
#detallespeople3 {
	font-family:fuente_1;
  position: relative;
  text-align:center;
  width:100%;
  height:auto;
  display:none;
}
#argonauta {
  position: absolute;
  text-align:center;
  width:100%;
  height:auto;
  top:65%;
  font-size:20px;
  font-family:fuente_1;
  color:#000;
  margin:auto;
  z-index:1000;
}
#slides .slides-container {
  display: none;
}
a:link {
    text-decoration: none;
	color:#000;
}
.clienteslider{
	font-family:fuente_1;
	width:100%;
	margin:0 auto;
	text-aling:center;
	letter-spacing:2px;
	font-size:10px;
	bottom:20px;
	position:relative;
	margin-top:100px;
	
	
	}
.tituloespecificoslider{
	font-size:30px;}
	
.subtituloespecificoslider{	font-family:fuente_1;
	width:100%;
	margin:0 auto;
	text-aling:center;
	letter-spacing:2px;
	font-size:10px;
	margin-top:-20px;
	position:relative;}
	
#linea1 {
	border-bottom-style:dotted;
	border-top-style: solid;
	border-width:2px;
	width: 95%;
	
	top: 20px;
	margin-left:0%;
	border-color: #FFF;
	height: 21px;
	z-index:3;
	position:fixed;
	
}
.container {
height:200px;
	width: 50%;
	
	opacity:1;
	top: 20%;
	margin:auto ;
text-align:center;
	padding:10px;
	
	position:relative;
	
}
.container2 {
height:100%;
	width: 100%;
	background-color:#FFF;
opacity:0.8;
	top: 0%;
	z-index:-1;
text-align:center;

	
	
	position:absolute;
	
	
}
.tituloR {

	font-size:25px;
	text-stroke:1px;
	z-index:3;
	font-family:fuente_1;
	color:#FFF;
	
	
	
}
.tituloRn {

	font-size:25px;
	text-stroke:1px;
	z-index:3;
	font-family:fuente_1;
	color:#000;
	
	
	
}
.contrast {
height:auto;
	width: 100%;
	opacity:1;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	
	top: 0%;
	margin:auto;
text-align:center;
	font-family:fuente_1;
	z-index:3;
	position:relative;
	
}

#linea2 {
	border-bottom-style:dotted;
	border-top-style: solid;
	border-width:2px;
	width: 95%;
	
	top: 20px;
	margin-left:0%;
	border-color: #000;
	height: 21px;
	z-index:3;
	position:fixed;
	
}
#imagenmenu {
height:40%;
top:60%;
z-index:-7;
position:absolute;
	
}
.menuse li
    {
	display:inline;
	width:300px;
    margin-top:-2px;
		font-family:fuente_1;
	font-size:14px;
	color:#999;
	padding-right:0px;
	margin-left:-30px;
	letter-spacing:3px;
	
	
    }
	.menusemovil li
    {
	display:inline;
	width:350px;
    margin-top:20px;
		font-family:fuente_1;
	font-size:14px;
	color:#999;
	paddig-top: 40px;
	padding-right:60px;
	margin-left:-110px;
	line-height:20px;
	top:20px;
	
	
	
	
    }
	.menuseB li
    {
	display:inline;
	width:350px;
    margin-top:160px;
position:relative;
font-family:fuente_1;
font-size:12px;
	color:#999;
	padding-right:40px;
	margin-left:-20px;
	line-height:80px;
	
	
    }
	
	.menuse2 li
    {
	display:inline;
	width:350px;
    margin-top:-2px;
		font-family:fuente_1;
	font-size:14px;
	color:#999;
		padding-right:45px;
	margin-left:-30px;
    }
	
		.menuse3 li
    {
	display:inline;
	width:350px;
    margin-top:20px;
	line-height:180px;
		font-family:fuente_1;
	font-size:14px;
	color:#999;
		padding-right:45px;
	margin-left:-30px;
	
    }
			.menuse3c li
    {
	display:inline;
	width:350px;
    margin-top:0px;
	line-height:80px;
		font-family:fuente_1;
	font-size:14px;
	color:#999;
		padding-right:45px;
	margin-left:-30px;
    }
			.menuse4 li
    {
		
	display:inline;
	width:100%;
    margin-top:40px;
	line-height:60px;
		font-family:fuente_1;
	font-size:14px;
	color:#999;
		padding-right:45px;
	margin-left:40px;
	overflow:hidden;
    }
				.menuse5 li
    {
		
	display:inline;
	width:100%;
    margin-top:40px;
	line-height:60px;
		font-family:fuente_1;
	font-size:14px;
	color:#fff;
		padding-right:45px;
	margin-left:40px;
	overflow:hidden;
	letter-spacing:2px;
    }
p.menuselli
    {
	
	font-family:fuente_1;
	font-size:22px;
	
	
    }
	
.menuse 
    {
    color:#000;
    height:auto;
    margin-top:2px;
	margin:auto;
	  	   
/* -webkit-animation: NAME-YOUR-ANIMATION 5s ;
  -moz-animation:    NAME-YOUR-ANIMATION 5s ;
  -o-animation:      NAME-YOUR-ANIMATION 5s ;
  animation:         NAME-YOUR-ANIMATION 5s ;  
	border-bottom-style:dotted;
	border-top-style: solid;
	border-width:2px;*/
	width: auto;
	display:none;
	top: 75%;
	text-align:center;
	border-color: #FFF;
	height: 21px;
	z-index:3;
	position:relative;
	  
    }
	.menusemovil 
    {
		opacity:0;
    color:#000;
    height:auto;
    margin-top:2px;
	margin-left:-10px;
	  	   
/* -webkit-animation: NAME-YOUR-ANIMATION 5s ;
  -moz-animation:    NAME-YOUR-ANIMATION 5s ;
  -o-animation:      NAME-YOUR-ANIMATION 5s ;
  animation:         NAME-YOUR-ANIMATION 5s ;  
	border-bottom-style:dotted;
	border-top-style: solid;
	border-width:2px;*/
	width: 100%;
	
top: -10px;
	text-align:center;
	border-color: #FFF;
	background-color:#FFF;
	height: 80px;
	z-index:1230;
	position:fixed;
	  
    }
	.menuseB 
    {
   color:#000;
    height:80px;
    margin-top:-2px;
	margin-left:-30px;
	  	   ;
/*-webkit-animation: yepi 1s ;
  -moz-animation:    yepi 1s ;
  -o-animation:      yepi 1s ;
  animation:yepi 1s ;  
	border-bottom-style:dotted;
	border-top-style: solid;
	border-width:2px;*/
	width: 100%;
	
	top: 0px;;
	text-align:center;
	background-color:#FFF;
	
	z-index:39;
	position:fixed;
	opacity:1;
	letter-spacing:3px;
	  
    }
	.menuse2 
    {
    color:#000;
    height:auto;
    margin-top:2px;
	margin-left:0%;
	 
	border-bottom-style:dotted;
	border-top-style: solid;
	border-width:2px;
	width: 100%;
	
	top: 200px;
	display:none;!
	border-color: #FFF;
	height: 21px;
	z-index:3;
	position:fixed;
	-ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg); 
    transform: rotate(270deg);
    }
	.menuse3 
    {
    color:#FFF;
    height:auto;
    margin-top:20px;
	margin-left:80px;
  -webkit-animation: yepi 1s ;
  -moz-animation:    yepi 1s ;
  -o-animation:      yepi 1s ;
  animation:         yepi 1s ; 
 animation:yepi 1s ;



	
	opacity:0;
	text-align:center;
	border-color: #FFF;
	
	
	position:fixed;
	display:none;
	  
    }

		
	.menuse3c 
    {
    color:#FFF;
    height:auto;

   -webkit-animation: NAME-YOUR-ANIMATION 5s ;
  -moz-animation:    NAME-YOUR-ANIMATION 5s ;
  -o-animation:      NAME-YOUR-ANIMATION 5s ;
  animation:         NAME-YOUR-ANIMATION 5s ;


opacity:1;

	top:200px;
	z-index:67;
	text-align:center;
	border-color: #FFF;
	width:800px;
	
	left:-400px;
	position:fixed;
	display:none;
	  
    }
		.menuse4
    {
    color:#fff;
    height:auto;
    margin-top:100px;
	margin-left:-40px;
	background-image: url("01_EDICIONES_CLASICOS.jpg");
	   overflow:hidden;
  -webkit-animation: yepi 1s ;
  -moz-animation:    yepi 1s ;
  -o-animation:      yepi 1s ;
  animation:         yepi 1s ; 
 animation:yepi 1s ;

	width: 100%;
	
	
	text-align:center;
	border-color: #FFF;
	
	opacity:1;
	position:RELATIVE;
	  
    }
			.menuse5
    {
    color:#FFF;
    height:auto;
    margin-top:100px;
	margin-left:-40px;
	background-color:#666;
	   overflow:hidden;
  -webkit-animation: yepi 1s ;
  -moz-animation:    yepi 1s ;
  -o-animation:      yepi 1s ;
  animation:         yepi 1s ; 
 animation:yepi 1s ;

	width: 100%;
	
	
	text-align:center;
	border-color: #FFF;
	
	opacity:1;
	position:RELATIVE;
	  
    }
	.menuse4c
    {
    color:#000;
    height:auto;
    margin-top:20px;
	margin-left:-10px;
	   
 -webkit-animation: NAME-YOUR-ANIMATION 5s ;
  -moz-animation:    NAME-YOUR-ANIMATION 5s ;
  -o-animation:      NAME-YOUR-ANIMATION 5s ;
  animation:         NAME-YOUR-ANIMATION 5s ;

	width: 100%;
	
	
	text-align:center;
	border-color: #FFF;
	
	
	position:RELATIVE;
	  
    }
	
    
.cruspo
    {
		background-color:#000;
		top:-50px;
		width:100%;
		heigth:400px;
		display:none;
		position:fixed;
		z-index:2;
		
       
	  
    }

#slides .scrollable {
  *zoom: 1;
  position: absolute;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}
#flecha {
width:100%;
height:150px;
text-align:center;
top:85%;
position:absolute;
left:30px;
margin:auto;
-ms-transform: rotate(270deg); /* IE 9 */
-webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
transform: rotate(270deg);*/
}

#desplegar {
	cursor:pointer;
	 cursor: hand;
width:auto;
height:75px;
text-align:center;
margin-top:-15px;
margin:auto 0;
position:relative;
z-index:1000;
}
#desplegar1 {
		cursor:pointer;
	 cursor: hand;
width:auto;
height:75px;
text-align:center;
margin-top:-15px;
margin:auto 0;
position:relative;
display:none;
}
#desplegar2 {
		cursor:pointer;
	 cursor: hand;
width:auto;
height:75px;
text-align:center;
margin-top:-15px;
margin:auto 0;
position:relative;
display:none;
}
#desplegar3 {
		cursor:pointer;
	 cursor: hand;
width:auto;
height:75px;
text-align:center;
margin-top:-15px;
margin:auto 0;
position:relative;
display:none;
}
#desplegar4 {
		cursor:pointer;
	 cursor: hand;
width:auto;
height:75px;
text-align:center;
margin-top:-15px;
margin:auto 0;
position:relative;
display:none;
}
#desplegar5 {
		cursor:pointer;
	 cursor: hand;
width:auto;
height:75px;
text-align:center;
margin-top:-15px;
margin:auto 0;
position:relative;
display:none;
}
#plegar {
cursor:pointer;
cursor: hand;
width:auto;
height:75px;
text-align:center;
margin-top:-15px;
margin:auto 0;
position:relative;
display:none;
}
#trunda {
position:absolute;
top:2000px;
}

#seccion2 {
width:100%;
height:60%;
text-align:center;
top:0%;
position:absolute;
left:0px;
margin:auto;
opacity:0;

}

#imagenrandom {
  /* Ubicación de la imagen */

  background-image: url(mar3.jpg);

 
0
  /* Nos aseguramos que la imagen de fondo este centrada vertical y
06
    horizontalmente en todo momento */

  background-position: center center;

 

  /* La imagen de fondo no se repite */

  background-repeat: no-repeat;

 

  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando

     la altura del contenido supere la altura de la imagen. */

  background-attachment: fixed;

 

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
17
     del navegador */

  background-size: cover;

 

  /* Fijamos un color de fondo para que se muestre mientras se está
21
    cargando la imagen de fondo o si hay problemas para cargarla  */

  background-color: #464646;
top:100%;
height:100%;
width:100%;
position:absolute;

}
#yolo2{
	position:relative;
	background:#464646;
	width:100%;
	height:100%;
margin:0px;
	opacity:0;
	overflow:hidden;
	background-attachment: fixed;

 

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
17
     del navegador */

  background-size: cover;
	
}
#rectangulo{
	position:relative;
	background-color:#FFF;
	width:10%;
	height:0%;
margin:0px;
	opacity:0;
	margin-top:0%;
	z-index:12;
	
}
#fixedguay{
	width:100%;
	height:230px;
	bottom:0px;
	position:fixed;
	z-index:-10;
	
	
	}
#rectangulo2{
	position:relative;
	background-color:#000;
	width:100%;
	height:50%;
margin:0px;
	opacity:1;
	margin-top:0%;
	z-index:12;
	background-image: url(DSC_0140.jpg);

 
0
  /* Nos aseguramos que la imagen de fondo este centrada vertical y
06
    horizontalmente en todo momento */

  background-position: center center;

 

  /* La imagen de fondo no se repite */

  background-repeat: no-repeat;

 

  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando

     la altura del contenido supere la altura de la imagen. */

  background-attachment: fixed;

 

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
17
     del navegador */

  background-size: cover;

 

  /* Fijamos un color de fondo para que se muestre mientras se está
21
    cargando la imagen de fondo o si hay problemas para cargarla  */

  background-color: #464646;
	
}
#rectangulo3{
	position:relative;
	background-color:#000;
	width:100%;
	height:50%;
margin:0px;
	opacity:1;
	margin-top:0%;
	z-index:12;
	background-image: url(Sin_titulo-4.jpg);

 
0
  /* Nos aseguramos que la imagen de fondo este centrada vertical y
06
    horizontalmente en todo momento */

  background-position: center center;

 

  /* La imagen de fondo no se repite */

  background-repeat: no-repeat;

 

  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando

     la altura del contenido supere la altura de la imagen. */

  background-attachment: fixed;

 

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
17
     del navegador */

  background-size: cover;

 

  /* Fijamos un color de fondo para que se muestre mientras se está
21
    cargando la imagen de fondo o si hay problemas para cargarla  */

  background-color: #464646;
	
}
#rectangulo4{
	position:relative;
	background-color:red;
	width:100%;
	height:50%;
margin:0px;
	opacity:0;
	margin-top:0%;
	z-index:12;
	/*background-image:url(banner_agua.swf);*/

 

  /* Nos aseguramos que la imagen de fondo este centrada vertical y
06
    horizontalmente en todo momento */

  /*background-position: center center;

 

  /* La imagen de fondo no se repite */
/*
  background-repeat: no-repeat;

 

  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando

     la altura del contenido supere la altura de la imagen. */

 /* background-attachment: fixed;

 

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
17
     del navegador */

/* background-size: cover; */

 

  /* Fijamos un color de fondo para que se muestre mientras se está
21
    cargando la imagen de fondo o si hay problemas para cargarla  */

   /*background-color: #464646;*/
	
}
#imagenrandom2 {
  /* Ubicación de la imagen */


  /* Nos aseguramos que la imagen de fondo este centrada vertical y
06
    horizontalmente en todo momento */

  background-position: center center;

 

  /* La imagen de fondo no se repite */

  background-repeat: no-repeat;

 

  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando

     la altura del contenido supere la altura de la imagen. */

 

 

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
17
     del navegador */

  background-size: cover;

 

  /* Fijamos un color de fondo para que se muestre mientras se está
21
    cargando la imagen de fondo o si hay problemas para cargarla  */

  background-color: transparent;
  opacity:1;
top:100%;
height:100%;
width:100%;
position:absolute;
z-index:7;


}
#imagenrandom2 {
  /* Ubicación de la imagen */


  /* Nos aseguramos que la imagen de fondo este centrada vertical y
06
    horizontalmente en todo momento */

  background-position: center center;

 

  /* La imagen de fondo no se repite */

  background-repeat: no-repeat;

 

  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando

     la altura del contenido supere la altura de la imagen. */

 

 

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
17
     del navegador */

  background-size: cover;

 

  /* Fijamos un color de fondo para que se muestre mientras se está
21
    cargando la imagen de fondo o si hay problemas para cargarla  */

  background-color: transparent;
  opacity:1;
top:100%;
height:100%;
width:100%;
position:absolute;
z-index:7;


}
#trabajos {
width:100%;
height:auto;
background-color:#FFF;

left:0%;

padding-bottom: 100px;

	margin-left: -10px;
	position:relative;
	z-index:10;


}
#intertrabajos {
 background-image: url(mar3.jpg);



  /* Nos aseguramos que la imagen de fondo este centrada vertical y
06
    horizontalmente en todo momento */

  background-position: center center;

 

  /* La imagen de fondo no se repite */

  background-repeat: no-repeat;

 

  /* La imagen de fondo está fija en el viewport, de modo que no se mueva cuando

     la altura del contenido supere la altura de la imagen. */

  background-attachment: fixed;

 

  /* La imagen de fondo se reescala cuando se cambia el ancho de ventana
17
     del navegador */

  background-size: cover;

 

  /* Fijamos un color de fondo para que se muestre mientras se está
21
    cargando la imagen de fondo o si hay problemas para cargarla  */

  background-color: #464646;

height:100%;
width:100%;
position:relative;




	


}
.trabajomenu {

	
	display:inline;
	width:350px;
    margin-top:20px;
	line-height:180px;
		font-family:fuente_1;
	font-size:14px;
	color:#000;
		padding-right:0px;
	margin-left:10px;
	
	}
#trolo {
width:100%;
height:auto;
background-color:transtparent;
bottom:-3px;
left:0%;
position: absolute;


}
#cienpor {
width:100%;
height:100%;
opacity:0;
position: absolute;


}
#destacados {
width:80%;
height:auto;
background-color:#F00;
top:75px;
left:10%;
position: relative;


}
#destacados2 {
width:80%;
height:auto;
background-color:#F00;
top:90px;
left:10%;
position: relative;


}
#destacados3 {
width:80%;
height:auto;
background-color:#F00;
top:105px;
left:10%;
position: relative;


}
#uno {
width:23%;
height:100%;
background-color:#060;
top:0%;
left:0%;
position: relative;

}
#imag {
width:100%;
height:calc(200% + 400px);
max-height:100%;
background-color:#060;
top:0%;
left:0%;
position: relative;

}
#dos {
width:23%;
height:100%;
background-color:#060;
top:0%;
left:25%;
position: absolute;

}
#tres {
width:23%;
height:100%;
background-color:#060;
top:0%;
left:50%;
position: absolute;

}
#cuatro {
width:23%;
height:100%;
background-color:#060;
top:0%;
left:75%;
position: absolute;

}
#cinco {
width:18%;
height:49%;
background-color:#060;
top:0%;
left:80%;
position: absolute;

}
#seis {
width:23%;
height:49%;
background-color:#060;
top:51%;
left:0%;
position: absolute;

}
#siete {
width:18%;
height:49%;
background-color:#060;
top:51%;
left:20%;
position: absolute;

}
#ocho {
width:18%;
height:49%;
background-color:#060;
top:51%;
left:40%;
position: absolute;

}
#nueve {
width:18%;
height:49%;
background-color:#060;
top:51%;
left:60%;
position: absolute;

}
#diez {
width:18%;
height:49%;
background-color:#060;
top:51%;
left:80%;
position: absolute;

}


#quienes {
width:100%;
height:auto;

background-color:#FFF;
left:0%;
position: relative;
margin-top:60px;
padding-bottom:100px;

}

@media screen and (max-width: 600px){
#quienes{
width:100%;
height:auto;

}
}
#flashContent { position:relative;width:auto; overflow:hidden; height:auto; }
#clientes {
width:100%;
min-height:60%;
height:auto;
background-color:#FFF;
left:0%;
position: relative;
margin-top:-00px;
overflow:hidden;


}

#contacto {
width:100%;

height:auto;
background-color:#FFF;
left:0%;
position: relative;
margin-top:-20px;


}
#listaclientes {
width:80%;
height:auto;
text-align:LEFT;
left:0%;
position: relative;
left:10%;
margin-top:50px;
font-family:AvenirNextLTProUltLtCn;



}
#listaclientes p {
	line-height:65PX;
	
	font-size:70px;
	color:#CCC;
	
	}
	#email {

width:100%;
height:auto;
text-align:center;
left:0%;
position: relative;




}
#email p {
	
	font-family:fuente_1;
	font-size:20px;
	color:#CCC;
	
	}
	#footer {
width:auto;
height:50PX;
background-color:#000;
z-index:1000;
margin-top:-15px;
margin-left:-10px;
margin-right:-10px;
bottom:0px;
position:relative;



}
.footers {

text-align:center;
font-family:fuente_1;
font-size:12px;
 line-height: 50px;

color:#FFF;


}

	#footer2 {
width:100%;
height:75px;
z-inex:1000;
left:0%;
bottom:5%;

position:relative;
opacity:1;



}
@media screen and ( max-width: 60em ) /* 320px */
{
    .list
    {
	margin-left:40px;
	
	
		
		
		
		
    }
	    .list3
    {
	margin-left:40px;
	}
		    .list3a
    {
	margin-left:40px;
	}
	    .list2
    {
	margin-left:10px;
	margin-right:10px;
		
		
		
		
    }
}
@media screen and ( max-width: 40em ) /* 320px */
{
    .list
    {
	margin-left:-10px;
	margin-right:-10px;
		
		
		
		
    }
	    .list3
    {
	margin-left:-10px;
	margin-right:-10px;
		
		
		
		
    }
		    .list3a
    {
	margin-left:-10px;
	margin-right:-10px;
		
		
		
		
    }
}
@media screen and ( max-width: 30em ) /* 320px */
{
    .list
    {
	margin-left:-45px;
	margin-right:-45px;
		
		
		
		
    }
	    .list3
    {
	margin-left:-10px;
	margin-right:-10px;
		}
			    .list3a
    {
	margin-left:-10px;
	margin-right:-10px;
		}
}
    .list__item
    {
        width: 25%; /* 4 items per row */
        float: left;
		margin-bottom:-5px;
		list-style:none;
		padding: 0.2rem;
		overflow:hidden;
    }
	    .list3__item
    {
        width: 24%; /* 4 items per row */
        float: left;
		margin-bottom:5px;
		list-style:none;
		padding: 0.2rem;
		overflow:hidden;
		display:none;
		
    }
		    .list3b__item
    {
        width: 24%; /* 4 items per row */
        float: left;
		margin-bottom:-5px;
		list-style:none;
		padding: 0.2rem;
		overflow:hidden;
		display:block;
		
    }
		    .list3a__item
    {
        width: 23%; /* 4 items per row */
        float: left;
		margin-bottom:5px;
		list-style:none;
		padding: 0.2rem;
		display:block;
    }
	    .list4__item
    {
        width: 24%; /* 4 items per row */
        float: left;
		margin-bottom:5px;
		list-style:none;
		padding: 0.2rem;
		display:none;
		overflow:hidden;
    }
	    .list5__item
    {
        width: 24%; /* 4 items per row */
        float: left;
		margin-bottom:5px;
		list-style:none;
		padding: 0.2rem;
		display:none;
    }
	    .list6__item
    {
        width: 24%; /* 4 items per row */
        float: left;
		margin-bottom:5px;
		list-style:none;
		padding: 0.2rem;
		display:none;
    }
	    .list7__item
    {
        width: 24%; /* 4 items per row */
        float: left;
		margin-bottom:-5px;
		list-style:none;
		padding: 0.2rem;
		display:none;
    }
	    .list8__item
    {
        width: 23%; /* 4 items per row */
        float: left;
		margin-bottom:-5px;
		list-style:none;
		padding: 0.2rem;
		display:none;
    }
	
	@media screen and ( max-width: 60em ) /* 800px */
{
    .list__item
    {
        width: 30.333%; /* 3 items per row */
    }
	 .list2__item
    {
        width: 46%; /* 3 items per row */
    }
	    .list3__item
    {
        width: 30.333%; /* 3 items per row */
    }
		    .list3b__item
    {
        width: 30.333%; /* 3 items per row */
    }
	    .list4__item
    {
        width: 30.333%; /* 3 items per row */
    }
	    .list5__item
    {
        width: 30.333%; /* 3 items per row */
    }
	    .list6__item
    {
        width: 30.333%; /* 3 items per row */
    }

}
 
@media screen and ( max-width: 40em ) /* 640px */
{
	.nombrecli2{display:block;}
	.nombretra2{display:block;}
		.nombrecli{display:none;}
	.nombretra{display:none;}
    .list__item
    {
        width: 45%;  /* 2 items per row */
		margin-left:5px;
		margin-top:5px;
    }
				 .list2__item
    {
        width: 100%; /* 3 items per row */
		margin-left:0px;
    }
	    .list3__item
    {
        width: 45%;  /* 2 items per row */
		margin-left:5px;
		margin-top:5px;
		margin-bottom:20px;
    }
		    .list3b__item
    {
        width: 45%;  /* 2 items per row */
		margin-left:5px;
		margin-top:5px;
		
		
    }
	    .list4__item
    {
        width: 45%;  /* 2 items per row */
		margin-left:5px;
		margin-top:5px;
    }
	    .list5__item
    {
        width: 45%;  /* 2 items per row */
		margin-left:5px;
		margin-top:5px;
    }
	    .list6__item
    {
        width: 45%;  /* 2 items per row */
		margin-left:5px;
		margin-top:5px;
    }
	    .list7__item
    {
        width: 45%;  /* 2 items per row */
		margin-left:5px;
		margin-top:5px;
    }
	
				 ul.menusemovil
    {
        opacity: 1;
    }
					 ul.menuse
    {
       display: none;
    }
						 ul.menuseB
    {
       display: none;
    }
	#clientes{ margin-left:-6%;}
	
}
 
@media screen and ( max-width: 30em ) /* 320px */
{
    .list__item
    {
        width: 100%;  /* 1 item per row */
        float: none;
		margin-left:20px;
		min-height:100%;
		}
			 .list2__item
    {
        width: 100%; /* 3 items per row */
		margin-left:-20px;
    }
				 .list3__item
    {
        width: 100%;  /* 1 item per row */
        float: none;
		margin-left:20px;
    }
					 .list3b__item
    {
        width: 100%;  /* 1 item per row */
        float: none;
		margin-left:20px;
    }
				 .list4__item
    {
        width: 100%;  /* 1 item per row */
        float: none;
		margin-left:20px;
    }
				 .list5__item
    {
        width: 100%;  /* 1 item per row */
        float: none;
		margin-left:20px;
    }
				 .list6__item
    {
        width: 100%;  /* 1 item per row */
        float: none;
		margin-left:20px;
    }
			 ul.menusemovil
    {
        opacity: 1;
    }
						 ul.menuse
    {
       display: none;
    }
						 ul.menuseB
    {
       display: none;
    }
	
}
#footerargo {
	font-family:fuente_1;
	font-size:14px;
	width:100%;
	height:auto;
color:#000;
position: relative;
text-align:center;
margin-top:-10px;
line-height:50px;

	
	}
html, body { width: 100%;}
#slides .scrollable:after {
  width:100%;
  height:10%;
  top:0px;
  left:0px;
  
}

.slides-navigation {
  margin: 0 auto;
  position: absolute;
  z-index: 3;
  top: 46%;
  width: 100%;
}
.slides-navigation a {
  position: absolute;
  display: block;
}
body {
	
  

   }
.slides-navigation a.prev {
  left: 0;
}
.slides-navigation a.next {
  right: 0;
}

.slides-pagination {
   /* -ms-transform: rotate(90deg); /* IE 9 */
   /* -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  /*  transform: rotate(90deg);*/
  position: relative;
  z-index: 3;
  bottom: 30px;
  text-align: center;
 right:0px;
  width: 100%;
}
.slides-pagination a {
	border-color:#FFF;
  border: 1px solid #FFF;
  border-radius: 15px;
  width: 10px;
  height: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
  margin: 2px;
  overflow: hidden;
  text-indent: -100%;
}
.slides-pagination a.current {
  background:#FFF;
}
a:visited {
    text-decoration: none;
	color:#000;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.arrow {
  position: absolute;
  bottom: 75px;
  left: 50%;
  margin-left: -35px;
  width: 90px;
  height: 90px;
  background-image: url(FLECHA4.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.arrow2 {
  position: absolute;
  display:none;
  bottom: 75px;
  left: 50%;
  margin-left: -20px;
  width: 90px;
  height: 90px;
  background-image: url(FLECHA4.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}


.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}