@charset "utf-8";
/* CSS Document */

/*************************************************************/
/*********************** MAX-WIDTH 1920 *****************************/
/*************************************************************/


@media (max-width:2560px){

}


/*************************************************************/
/*********************** MAX-WIDTH 1920 *****************************/
/*************************************************************/


@media (max-width:1920px){
	
}


/*************************************************************/
/*********************** MAX-WIDTH 1366 *****************************/
/*************************************************************/


@media (max-width:1366px){
	
	

/*************************************************************/
/*********************** PORTFOLIO *****************************/
/*************************************************************/

/*********************** AVILAS *****************************/

.txt_logo_avila{margin:0 0 0 70px}

.logo_avilas{margin:0 70px 0 0}

.proceso_logo_avilas{ width:638px; height:251px;  background-image:url(../img/portfolio/avilas/proceso_logos_avilas_1366.jpg); margin:-50px auto 0}

.txt_papeleria_avila{float:right; margin: -200px 0 0 0 }



/*********************** PROMONTAÑA RUSA *****************************/

.img_teaser_pr{ width:100%; margin-left:-300px;}
.txt_teaser_pr{ margin:160px 0 0 -80px; }

.cont_proceso{width:980px; height:auto; margin:auto}

.txt_proceso{ margin-bottom:100px }

.fondo_mobile{background:url(../img/portfolio/pr/fondo_mobile.png) center no-repeat, none , url(../img/portfolio/pr/rojo_fondo.jpg) }

.txt_mobile_pr{ width:300px}

.circ_1{ width:271px; height:271px; float:left; margin:0px 0 0 -50px;  background-image:url(../img/portfolio/pr/circulo_1.png)}
.circ_2{ width:490px; height:490px; float:right; background-image:url(../img/portfolio/pr/circulo_2.png);margin:-60px 0 0 0}
.circ_3{ width:383px; height:383px; float:left; margin:-200px 100px 40px; background-image:url(../img/portfolio/pr/circulo_3.png)}

.carrito_top{ width:60%}
.gente{ width:60%; margin:50px 0 0 0}
.noria{width:60%; padding:70px 0 0 0; float:right}

.img_final_pr{  height:424px;  margin:-60px auto 0 ; }



/*********************** EXPERIENCIA ARCOR *****************************/

.txt_teaser_experiencia{ margin:160px -50px 0 0; }

.img_teaser_experiencia{width:100%; margin-right:-300px; }

.txt_ux_experiencia{ margin:100px 0 0 0}

.circ_2_experiencia{ margin:-130px 50px 40px; }

.txt_animales{ margin:0 0 0 100px}
.cola_ballena{float:right; margin:0 100px 0 0}

.transporte{ width:100%; margin:0 auto; float:none}



/*********************** QUINTANS *****************************/

.mobile_quintans{  margin:auto}


/*********************** NOYA *****************************/


.tijeras{ width:236px; height:423px; background-image:url(../img/portfolio/noya/tijeras.png); float:right; position:absolute; right:0; z-index:1}

.ilustracion {display:none  }

.txt_bot{ width:350px; height:300px; float:left; margin:-180px 0 70px 300px; padding-top:60px}



/*********************** ASH *****************************/


.boton_ash_iz{margin:0px 0 0 0px; }
.boton_ash_der{margin:50px 50px 0 0; }



/*********************** DANCE TANGO TV *****************************/

.txt_logo_dance {margin:50px 0 0 70px}

.proceso_logo_dance{ width:851px; height:187px; margin:0px auto; background-image:url(../img/portfolio/dance/proceso_logos_dance_1366.jpg)}

.fondo_web_dance{ background-image:url(../img/portfolio/dance/fondo_web_1366.jpg); }

}
  
  
/*************************************************************/
/*********************** MAX-WIDTH 980 *****************************/
/*************************************************************/

@media (max-width:980px){


/*************************************************************/
/*********************** PORTFOLIO *****************************/
/*************************************************************/

.proyecto{ width:100%; height:auto; float:left; padding:60px 40px 0px 0}
.tareas{ width:100%; height:auto; float:left; padding:60px 0 0px 0}


/*********************** AVILAS *****************************/

.txt_logo_avila{margin:0 }

.logo_avilas{margin:0 }

.txt_papeleria_avila{float:right; margin:-180px 0 0 0}



/*********************** PROMONTAÑA RUSA *****************************/

.img_teaser_pr{ width:100%; margin-left:-300px;}
.txt_teaser_pr{ margin:120px 0 0 -50px; }

.cont_proceso{width:780px; height:437px; overflow:hidden }

.img_diseno{background-position:right bottom;}

.txt_proceso{ margin-bottom:50px }

.fondo_mobile{background:url(../img/portfolio/pr/fondo_mobile.png) center no-repeat, none , url(../img/portfolio/pr/rojo_fondo.jpg) }

.ac_float{ float:left}
.txt_mobile_pr{ margin:0px auto 50px ; float:none }

.txt_ux{ margin:100px 0 0 0}

.circ_1{ width:271px; height:271px; float:left; margin:0px 0px 0 100px;  background-image:url(../img/portfolio/pr/circulo_1.png)}
.circ_2{ width:400px; height:400px; float:right; background-image:url(../img/portfolio/pr/circulo_2_980.png);margin:50px 0 0 0}
.circ_3{ width:300px; height:300px; float:left; margin:50px 0px 40px; background-image:url(../img/portfolio/pr/circulo_3_980.png)}

.txt_montana{ margin:-50px 0 0 0; width:300px }

.carrito_top{ width:55%; margin:30px 0 0 0}
.gente{ width:50%; margin:50px 0 0 0}
.noria{width:55%; padding:90px 0 0 0; float:right}

.img_final_pr{  height:424px;  margin:-60px auto 0 ; }



/*********************** EXPERIENCIA ARCOR *****************************/

.txt_teaser_experiencia{ margin:120px -50px 0 0; }

.txt_ux_experiencia{ margin:100px 0 0 0}

.circ_1_experiencia{ width:400px; height:400px; background-image:url(../img/portfolio/experiencia/circulo_1_980.png);}
.circ_2_experiencia{ width:300px; height:300px; margin:-50px 150px 40px; background-image:url(../img/portfolio/experiencia/circulo_2_980.png)}

.txt_animales{ margin:0 }
.cola_ballena{width:55%; margin:30px 0 0 0 }



/*********************** NOYA *****************************/

.tijeras{display:none}

.tablet_noya{height:530px;background-size: cover;}

.mobile_noya{ height:470px;background-size: cover;}

.txt_bot{ width:350px; height:300px; float:left; margin:-140px 0 70px 200px; padding-top:60px}


/*********************** ASH *****************************/


.boton_ash_iz{width:478px; height:435px; float:none; margin:0px auto; }
.boton_ash_der{width:320px; height:220px; float:none; margin:50px auto 0 ; }

}


/*************************************************************/
/*********************** MAX-WIDTH 768 *****************************/
/*************************************************************/

@media (max-width:768px){
	


/*************************************************************/
/*********************** PORTFOLIO *****************************/
/*************************************************************/

.bl_gr_os{background: linear-gradient(to top,#eee 52%,#999 52%,#999 100%)}

.base_slider{margin:20px auto ; height:420px }

.flexslider .slides img {
	width: 70%;
	display: block;
	margin-top:-16px;
	margin-left:100px
}

/* Direction Nav */
.flex-direction-nav a {
	top: 70%;
}

.flex-direction-nav .flex-next {
	right: 0px;
}

.flex-direction-nav .flex-prev {
	left: 0px;	
	}
	
/* Control Nav */
.flexslider .flex-control-nav {
	bottom: -170px;
}

	
/*********************** AVILAS *****************************/

.txt_der,.txt_cen,.txt_iz{ float:none; margin:0 auto 50px; text-align:center; width:400px }

.tit_copete{ text-align:center; margin:0}

.linea3{width:50px; height:4px; float:none;margin:10px auto 15px; }

.txt_logo_avila {margin:0 auto}

.logo_avilas{margin:20px auto ; float:none}

.txt_papeleria_avila{float:none; margin:0px auto 0 }

.pc_avilas{background-image:url(../img/portfolio/avilas/pc_avilas_768.jpg);  }



/*********************** PROMONTAÑA RUSA *****************************/



.img_teaser_pr{ width:100%; margin-left:0px; margin-top:30px}
.txt_teaser_pr{ display:none}
.txt_teaser_pr2{ display:block; float:none; margin:auto}

.pad_art{padding:20px; }
.pc_pr{background-image:url(../img/portfolio/pr/pc_01_768.jpg);   }

.cont_proceso{width:660px; height:371px; overflow:hidden }

.txt_ux{ margin:0px auto; float:none}

.circ_1{ width:271px; height:271px; float:left; margin:20px 0 0 30px;  background-image:url(../img/portfolio/pr/circulo_1.png);}
.circ_2{ width:271px; height:271px; float:right; background-image:url(../img/portfolio/pr/circulo_2_768.png);margin:70px 30px 0 0}
.circ_3{ width:271px; height:271px; float:left; margin:0px 150px 0px; background-image:url(../img/portfolio/pr/circulo_3_768.png)}

.txt_carritos{ float:none; margin:auto}
.carrito_top{ width:100%}

.txt_montana{ display:none}
.txt_montana2{ margin:50px auto; display:block}

.montana_entera{ width:100%; height:400px; background-position:center; background-repeat:no-repeat;  background-size: cover; margin:-50px 0 50px  }

.txt_gente{width:400px; float:none;text-align:center; margin:0 auto}

.gente{ width:100%}

.txt_juegos{ margin:70px auto 30px; float:none }
.noria{ padding:0px 0 0 0; float:none; margin:auto; width:100%}

.img_final_pr{  height:224px;  margin:0px auto 0 ; }


/*********************** EXPERIENCIA ARCOR *****************************/


.txt_teaser_experiencia{ float:none; margin:0 auto 50px }

.img_teaser_experiencia{ float:none; margin-right:0; position:relative}

.pc_experiencia{background-image:url(../img/portfolio/experiencia/pc_01_768.jpg); background-position:top center; background-repeat:no-repeat; margin:70px auto 0 }

.txt_ux_experiencia{ margin:auto}

.circ_1_experiencia{ width:270px; height:270px; background-image:url(../img/portfolio/experiencia/circulo_1_768.png); float:left; margin: 30px 0 0 20px }
.circ_2_experiencia{ width:270px; height:270px; margin:0; background-image:url(../img/portfolio/experiencia/circulo_2_768.png); float:right; margin: 30px 20px 0 0}

.cola_ballena{float:none; margin:0  0 0 200px; }


/*************************************************************/
/*********************** QUINTANS *****************************/
/*************************************************************/

.pc_quintans{background-image:url(../img/portfolio/quintans/pc_quintans_768.jpg); background-position:top center; background-repeat:no-repeat; margin:70px auto 0 }



/*********************** NOYA *****************************/

.pc_noya{background-image:url(../img/portfolio/noya/pc_noya_768.jpg); background-position:top center; margin:auto; background-repeat:no-repeat; margin-top:70px }

.tablet_noya{height:430px;background-size: cover;}

.mobile_noya{ height:420px;background-size: cover;}

.txt_bot{ text-align:center; margin:-80px 130px 20px ; width:400px; float:left;  clear:both; padding:-150px 0 0 0}


/*********************** ASH *****************************/

.pc_ash{background-image:url(../img/portfolio/ash/pc_ash_768.jpg); background-position:top center; margin:auto; background-repeat:no-repeat; margin-top:70px }

.boton_ash_der{ text-align:center;margin:50px auto  ;}


/*********************** AMPLITONE *****************************/

.pc_amplitone{background-image:url(../img/portfolio/amplitone/pc_amplitone_768.jpg); background-position:top center; margin:auto; background-repeat:no-repeat; margin-top:70px }

.mobile_amplitone{ width:auto;  margin:0 auto; background-color:#F00;}


/*********************** DANCE TANGO TV *****************************/

.txt_logo_dance {margin:50px 0 0 70px}

.proceso_logo_dance{ width:550px; height:400px; margin:0px auto; background-image:url(../img/portfolio/dance/proceso_logos_dance_640.jpg)}

.pc_dance{background-image:url(../img/portfolio/dance/pc_dance_768.jpg);  }



/*********************** TORRES *****************************/

.pc_torres{background-image:url(../img/portfolio/torres/pc_torres_768.jpg) }



}

/*************************************************************/
/*********************** MAX-WIDTH 640 *****************************/
/*************************************************************/

@media (max-width:640px){


/*************************************************************/
/*********************** PORTFOLIO *****************************/
/*************************************************************/
/

.title {
		font-size: 90%;
	}
	.content {
		font-size: 100%;
	}

.base_slider{margin:0px auto 300px ; height:230px;  }

.txt_tablet{display: none }
.txt_bot{ margin:-130px 0 0 80px; }

.flexslider .slides img {
	width: 85%;
	display: block;
	margin-top:20px;
	margin-left:40px
}

/* Direction Nav */
.flex-direction-nav a {
	top: 60%;
	}
	
.flex-direction-nav .flex-next {
	right: -20px;

}

.flex-direction-nav .flex-prev {
	left:-20px;	
	}

.ac-wrapper {
	margin-left:-60px
}

/*********************** AVILAS *****************************/

.proceso_logo_avilas{ width:550px; height:214px; margin:40px auto; background-image: url(../img/portfolio/avilas/proceso_logos_avilas_640.jpg)}

.fondo_web{ background-image:none; }

/*********************** PROMONTAÑA RUSA *****************************/

.txt_teaser_pr{ margin:-650px 0 0 0;width:400px; float:left }

.pad_art{padding:0px; }

.cont_proceso{width:550px; height:309px; overflow:hidden }

.img_diseno{ background-image:none}

.proceso_pr {
height: 309px;
}

@keyframes play {
100% { background-position: 0 -4020px; }

}

.ac-device h3 {
	font-size: 2em;
}

.circ_1{ margin:20px 0 0 30px; }
.circ_2{ margin:-50px 30px 0 0}
.circ_3{ margin:-70px 10px 0px}

.montana_entera{ width:100%; height:298px; background-position:center; background-repeat:no-repeat;  background-size: cover; margin-top:50px  }

.txt_montana{ margin:-130px 0 0 0;}


/*********************** EXPERIENCIA ARCOR *****************************/


.cola_ballena{float:none; margin:0  0 0 150px; }



/*********************** QUINTANS *****************************/


.fondo_web_quintans{ background-image:none}




/*********************** NOYA *****************************/


.mobile_noya{ height:350px;}

.txt_bot{ text-align:center; margin:-80px 75px 20px ; width:400px; float:left;  clear:both; }


/*********************** DANCE TANGO TV *****************************/

.logo_dance{ float:none; margin:20px auto; }

.txt_logo_dance {margin:50px 0 0 70px}

.proceso_logo_dance{ width:550px; height:400px; margin:0px auto; background-image:url(../img/portfolio/dance/proceso_logos_dance_640.jpg)}

.pc_dance{background-image:url(../img/portfolio/dance/pc_dance_768.jpg);  }

.fondo_web_dance{ background-image:none}



/*********************** TORRES *****************************/


.boton_img{ width:318px; height:235px; margin:10px auto; background-image:url(../img/portfolio/torres/torres_320.gif)}

.mobile_torres{ width:410px;  margin:0 auto;}


}

/*************************************************************/
/*********************** MAX-WIDTH 480 *****************************/
/*************************************************************/

@media (max-width:480px){


/*************************************************************/
/*********************** PORTFOLIO *****************************/
/*************************************************************/


.proyecto{ width:100%; height:auto; float:left; padding:30px 0px 0px 0}
.tareas{ width:100%; height:auto; float:left; padding:30px 0 0px 0}

/* Common button styles */
.button3 {
	float:none;
	margin:80px auto 0px;

}

.base_slider{margin:20px auto ; height:350px }

.flexslider .slides img {
	display: block;
	margin-top:0px;
	margin-left:30px
}

/* Direction Nav */
.flex-direction-nav a {
	top: 60%;
	
}

/* Control Nav */
.flexslider .flex-control-nav {
	bottom: -130px;

}

.bl_gr_os{background: linear-gradient(to top,#eee 46%,#999 46%,#999 100%)}

.ac-wrapper {
		padding: 0 20px; margin-left:0px
}

.ac-device nav {
		position: relative;
		padding-top:0px;
		text-align: center;
		bottom: auto;
		margin:-20px auto;
		left:45px;
	}

.img1{ width:100%}
.botonera{ width:auto; margin:20px auto 0}

.txt_bot{ width:400px; height:300px; float:left; margin:10px 0 0;padding-top:0px}

	
.header2 {min-height: 400px;}

.title {top:50%;}

.button3 {float:none ;  }

.title h1{ font-size:36px; margin: 20px auto 10px;}

.title p.subline {font-size: 1.25em;}


/*********************** AVILAS *****************************/
	

.logo_avilas{ float:none; margin:20px auto; width:300px}

.logo_colores_avila{  display:none}
.logo_colores_avila2{ margin:auto; border:1px solid #ccc; display:block; height:394px}

.proceso_logo_avilas{ width:410px; height:289px; margin:40px auto; background-image:url(../img/portfolio/avilas/proceso_logos_avilas_480.jpg)}

.pc_avilas{background-image:url(../img/portfolio/avilas/pc_avilas_480.jpg);  }



/*********************** PROMONTAÑA RUSA *****************************/

.txt_teaser_pr{ margin:-550px 0 0 0;width:400px; float:left }

.pc_pr{background-image:url(../img/portfolio/pr/pc_01_480.jpg); }

.cont_proceso{width:410px; height:auto; margin:auto }
.img_diseno{ background-image:none}


.circ_1{ margin:20px 0 0 30px; }
.circ_2{ margin:0px 30px 0 0}
.circ_3{ margin:0px 10px 0px}

.montana_entera{height:200px; margin:40px 0 20px  } 
.txt_montana{ margin:-170px 0 0 0;}


/*********************** EXPERIENCIA ARCOR *****************************/

.pc_experiencia{background-image:url(../img/portfolio/experiencia/pc_01_480.jpg)}

.circ_1_experiencia{ margin: 30px auto;float:none }

.circ_2_experiencia{  margin:30px auto; float:none}

.cola_ballena{float:none; margin:0 10% 20px 70px; width:80%;   }



/*********************** QUINTANS *****************************/


.pc_quintans{background-image:url(../img/portfolio/quintans/pc_quintans_480.jpg) }

/*********************** ASH *****************************/

.pc_ash{background-image:url(../img/portfolio/ash/pc_ash_480.jpg);}

.boton_ash_iz{width:410px; height:375px;  }
.boton_ash_der{width:320px; height:220px;text-align:center;margin:50px auto  }

.boton_ash{ width:100%; height:375px; background-image:url(../img/portfolio/ash/boton_trabajo_ash.png); background-size: cover;}


/*********************** AMPLITONE *****************************/

.pc_amplitone{background-image:url(../img/portfolio/amplitone/pc_amplitone_480.jpg); background-position:top center; margin:auto; background-repeat:no-repeat; margin-top:70px }


/*********************** NOYA *****************************/

.pc_noya{background-image:url(../img/portfolio/noya/pc_noya_480.jpg);  }

.tablet_noya{height:320px;background-size: cover;}

.mobile_noya{ height:250px;}


/*********************** DANCE TANGO TV *****************************/

.proceso_logo_dance{ width:410px; height:427px; margin:0px auto; background-image:url(../img/portfolio/dance/proceso_logos_dance_480.jpg)}

.pc_dance{background-image:url(../img/portfolio/dance/pc_dance_480.jpg);  }


/*********************** TORRES *****************************/

.pc_torres{background-image:url(../img/portfolio/torres/pc_torres_480.jpg);  }

.boton_img{ width:310px; height:235px; margin:10px auto; background-image:url(../img/portfolio/torres/torres_320.gif)}

.mobile_torres{ width:410px;  margin:0 auto;}


}


/*************************************************************/
/*********************** MAX-WIDTH 375 *****************************/
/*************************************************************/

@media (max-width:375px){


/*************************************************************/
/*********************** PORTFOLIO *****************************/
/*************************************************************/

.header2 {min-height: 480px;}

.title {top:60%;}

.button3 {float:none ; margin-right:75px  }


.proyecto{ width:90%;}
.tareas{ width:90%;}

.flexslider .slides img {
	width: 360px;
	display: block;
	margin-top:-5px;
	margin-left:0px
}



.flex-direction-nav .flex-next  {
display:none

}

.flex-direction-nav .flex-prev {
display:none
	}
	
.img1 {
  max-width:200%;

}

.botonera{ margin-top:50px}

.txt_bot{ width:280px; height:300px; float:left; margin:-20px 0 30px 20px ;padding-top:0px}

.bl_gr_os{background: linear-gradient(to top,#eee 44%,#999 44%,#999 100%)}

.txt_der,.txt_cen,.txt_iz{margin:0 auto 40px; width:280px }


/*********************** AVILAS *****************************/



.logo_avilas{ float:none; margin:20px auto; width:280px}
.logo_colores_avila2{  height:auto}

.proceso_logo_avilas{ width:310px; height:215px; background-image:url(../img/portfolio/avilas/proceso_logos_avilas_320.jpg)}


/*********************** PROMONTAÑA RUSA *****************************/

.title h1{ font-size:32px}

.cont_proceso{width:310px; height:auto; margin:auto}

.circ_1{ margin:20px auto ; float: none}
.circ_2{margin:20px auto ; float: none}
.circ_3{margin:20px auto ; float: none}

.txt_montana{ margin:-280px auto 0 ; width:280px; float:none;  }

.montana_entera{ width:100%; height:150px; background-position:center; background-repeat:no-repeat;  background-size: cover; padding-top:100px  }

.txt_gente{width:280px;}

.txt_juegos{ margin:50px auto 30px; float:none }




/*********************** ASH *****************************/



.boton_ash_iz{width:310px; height:275px;  }
.boton_ash_der{width:310px; height:220px;text-align:center;margin:50px auto  }

.boton_ash{ width:100%; height:275px; background-image:url(../img/portfolio/ash/boton_trabajo_ash.png); background-size: cover;}

.boton_ash_gif{ width:100%; height:182px; margin:20px 0 0 0; background-image:url(../img/portfolio/ash/boton_ash.gif); background-size: cover;}


/*********************** NOYA *****************************/

.tablet_noya{height:220px;background-size: cover;}

.mobile_noya{ height:190px;}


/*********************** DANCE TANGO TV *****************************/

.proceso_logo_dance{ width:310px; height:324px; margin:0px auto; background-image:url(../img/portfolio/dance/proceso_logos_dance_320.jpg)}

.pc_dance{background-image:url(../img/portfolio/dance/pc_dance_480.jpg);  }


/*********************** TORRES *****************************/

.mobile_torres{ width:300px;  margin:0 auto;}
}