.tabs > div{
	position:absolute;
	top: 280px;
	left: 140px;
	height: 210px;
	display: inline-block;   	
}

#tab-container {
	width:235px;
	position: absolute;
}

.tab-container .etabs{
	margin-left: 80px !important;
	margin-top: 0px !important;
	position:absolute;
	z-index: 100;
}

.tab-container .etabs .tab{ 
	background: transparent !important;
	border-radius: 20px !important;
	margin-top: 20px !important;
	border: none 0px none;
	box-shadow: 0px 5px rgba(0,0,0,0.2);
}

.tab-container .etabs .tab a{ 
	padding: 0px 0px !important; 
	min-width: 0px !important;
}

.tab-container .etabs .tab .a.active { 
	background: #e6e6e6; 
	padding: 0px 0px !important; 
	position: absolute !important; 
	top: 46px;
	border-color: #666;  
	padding-top: 5px !important;
}

.tab-container .etabs .tab .b.active { 
	background: #e6e6e6; 
	padding: 0px 0px !important; 
	position: absolute !important; 
	top: 0px;
	left: 58px;
	border-color: #666;  
	padding-top: 5px !important;	
}

#proceso{
	position: absolute;
	background: url('../img/btn_proceso.png') no-repeat;
	width: 353px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	z-index: 240;
}
#proceso:hover{ opacity: 0.8;}
#proceso:active{
	background: url('../img/btn_procesosobre.png') no-repeat;
}

.tab-container .etabs .tab a.active{
	box-shadow: 50px 0 2px #CCCCCC !important;
}

#caracteristicas{
	position: absolute;
	background: url('../img/btn_caracteristicas.png') no-repeat;
	width: 353px;
	height: 82px;
	cursor: pointer;
	left: 405px;
}
#caracteristicas:hover{ opacity: 0.8;}
#caracteristicas:active{
	background: url('../img/btn_caracteristicassobre.png') no-repeat;
}

#beneficios{
	position: absolute;
	background: url('../img/btn_beneficios.png') no-repeat;
	width: 353px;
	height: 82px;
	cursor: pointer;
	left: 840px;
}
#beneficios:hover{ opacity: 0.8;}
#beneficios:active{
	background: url('../img/btn_beneficiossobre.png') no-repeat;
}

#separar{
	position: absolute;
	background: url('../img/btn_04_01separar.png') no-repeat;
	width: 303px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	top: 205px;
}
#separar:hover{ opacity: 0.8;}

.tab-container .etabs .tab .b div #separar:active{ background: url('../img/btn_04_01separarsobre.png') no-repeat;}

#seleccionar{
	position: absolute;
	background: url('../img/btn_04_01seleccionar.png') no-repeat;
	width: 303px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	top: 300px;
}
#seleccionar:hover{ opacity: 0.8;}

#acostumbrar{
	position: absolute;
	background: url('../img/btn_04_01acostumbrar.png') no-repeat;
	width: 303px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	top: 400px;
}
#acostumbrar:hover{ opacity: 0.8;}

.img1{
	position: absolute;
	top: 267px;
	left: 440px;
}

#comportamiento{
	position: absolute;
	background: url('../img/btn_04_01comportamiento.png') no-repeat;
	width: 303px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	top: 205px;
}
#comportamiento:hover{ opacity: 0.8;}


#apariencia{
	position: absolute;
	background: url('../img/btn_04_01apariencia.png') no-repeat;
	width: 303px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	top: 300px;
}
#apariencia:hover{ opacity: 0.8;}

#alimentacion{
	position: absolute;
	background: url('../img/btn_04_01alimentacion.png') no-repeat;
	width: 303px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	top: 400px;
}
#alimentacion:hover{ opacity: 0.8;}

/***/
#ayuda{
	position: absolute;
	background: url('../img/btn_04_01ayuda.png') no-repeat;
	width: 303px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	top: 205px;
}
#ayuda:hover{ opacity: 0.8;}


#compania{
	position: absolute;
	background: url('../img/btn_04_01compania.png') no-repeat;
	width: 303px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	top: 300px;
}
#compania:hover{ opacity: 0.8;}

#alimento{
	position: absolute;
	background: url('../img/btn_04_01alimento.png') no-repeat;
	width: 303px;
	height: 82px;
	cursor: pointer;
	left: -20px;
	top: 400px;
}
#alimento:hover{ opacity: 0.8;}

#flecha_grande{
	position:absolute;
	z-index: 200;
	left: -1940px; 
	top: -2110px;
	width: 200px;
	height: 200px;
	animation-name: 'movimiento-lineal';
    animation-duration: 3s;
    animation-iteration-count: 1;
	-webkit-animation-name: 'movimiento-lineal';
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
}

#flecha_peque{
	position:absolute;
	z-index: 200;
	left: -1940px; 
	top: -2110px;
	width: 200px;
	height: 200px;
	animation-name: 'movimiento-vertical';
    animation-duration: 10s;
    animation-iteration-count: 10;
	-webkit-animation-name: 'movimiento-vertical';
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: 1;
}

/*CC*/
.ccommons{position: absolute;background:url('../img/btn_cc.png') no-repeat;background-size:contain;width: 52px;height: 50px;bottom:120px;right:25px;cursor:pointer; z-index: 1000;}
.ccommons:hover{ opacity: 0.9}
.ccommons:active{background:url('../img/btn_ccoff.png') no-repeat;background-size:contain;width: 52px;height: 50px;bottom:117px;}
.lyPopUpccommons{position:absolute;left:361px;top:50%;background:#fff; border: solid 6px #042C49; border-radius:10px;  }
.lyCloseccommons{position:absolute;right:-30px;top:-35px; background:none; padding: 5px; border-radius: 7px;}
.lyPopContccommons{min-height:200px; overflow:scroll;max-height:400px; width:1000px;background:#709CB2;color:#fff;}
.lyPopContccommons .ly_headccommons{padding:25px 0 20px 50px;background:#45b29d;color:#fff;min-height:35px;}
.lyPopContccommons .ly_contccommons{font-size:1.2em;padding:30px 0;text-align: justify; margin: 5px 20px; overflow-y:hidden; !important;}
/**/

@keyframes 'movimiento-lineal' {
   0%{ left: 194px; top: 211px;}
   
   30%{ left: 194px; top: 200px;}
   
   31%{ left: 615px; top: 211px;}
   
   60%{ left: 615px; top: 200px;}
   
   61%{ left: 1050px; top: 211px;}
   
   90%{ left: 1050px; top: 200px;}
   
   100%{ left: 1050px; top: 200px;}
}

@-webkit-keyframes 'movimiento-lineal' {
   0%{ left: 194px; top: 211px;}
   
   30%{ left: 194px; top: 200px;}
   
   31%{ left: 615px; top: 211px;}
   
   60%{ left: 615px; top: 200px;}
   
   61%{ left: 1050px; top: 211px;}
   
   90%{ left: 1050px; top: 200px;}
   
   100%{ left: 1050px; top: 200px;}
}

@keyframes 'movimiento-vertical' {
	
}

@-webkit-keyframes 'movimiento-vertical' {
	0%{ left: -200px; top: 310px;}
	
	30%{ left: -200px; top: 310px;}
	
	40%{ left: 35px; top: 310px;}
	
	41%{ left: 15px; top: 405px;}
	
	51%{ left: 35px; top: 405px;}
	
	52%{ left: 15px; top: 505px;}
	
	62%{ left: 35px; top: 505px;}
	
	65%{ left: -200px; top: 505px;}
}