/*
Theme created for use with Sequence.js (http://www.sequencejs.com/)

Theme:   Sliding Horizontal Parallax
Version:   0.3 Beta
Theme Author:   Ian Lunn @IanLunn
Author URL:   http://www.ianlunn.co.uk/
Theme URL:   http://www.sequencejs.com/themes/sliding-horizontal-parallax/

This is a FREE theme and is dual licensed under the following: 
http://www.opensource.org/licenses/mit-license.php | http://www.gnu.org/licenses/gpl.html

Sequence.js and its dependencies are (c) Ian Lunn Design 2012 unless otherwise stated.
Aside from these comments, you may modify and distribute this file as you please. Have fun!
 */

body {

	max-width: 2560px;
	margin: 0 auto;
	min-width: 960px;
}

a {
	color: white;
}

#header {
	height: 750px;
	position: relative;
	margin: 0 auto;
	min-width: 960px;
	overflow: hidden;
}

#sequence {
	/*backface-visibility prevents graphical glitches when frames are animating*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

#main {
	border: none;
	margin: -100px auto 0 auto;
	position: relative;
	z-index: 200;
}

.next,.prev {
	color: white;
	cursor: pointer;
	display: none;
	font-size: 80px;
	font-weight: bold;
	position: absolute;
	opacity: 0.9;
	top: 380px;
	height: 82px;
	width: 82px;
	z-index: 20;

	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	-ms-transition-duration: .4s;
	transition-duration: .4s;
}

.prev {
	left: 50%;
    margin-left: -450px;
	position: absolute;
}

.next {
	position: absolute;
	right: 20%;
}

.home .next:hover,.home .prev:hover {
	opacity: 1;

	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);

	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	-ms-transition-duration: .4s;
	transition-duration: .4s;
}

#sequence li > * {
	position: absolute;
}

#sequence ul{
	padding: 0;
	list-style: none;
}
#sequence li{
	left: 0;
	z-index: 4!important;
}
#sequence li.animate-in{
	z-index: 1!important;
}
h2 {
	font-size: 1.5em;
	line-height: 1.2em;
}

/*:::::::::::::::::::::::::::::::::: Slider index ::::::::::::::::::::::::::::::::::*/
.home #sequence {
	margin: 0;
	left: 0;
	position: relative;
	width: 100%;
}

/*------ elemntos paso1 ------*/
.home .enlace {
	position: absolute;
	left: 50%;
	top: 0;
	margin: 0 0 0 -640px;
	width: 1280px;
	height: 800px;
	z-index: 18;
	text-indent: -2000em;
	display: none;
}
.home .animate-in .enlace {
	display: block;
}
.home .titulo {
	color: #FFFFFF;
	font-size: 1em;
	left: -200%;
	line-height: 1.2em;
	top: 360px;
	width: 480px;
	z-index: 4;
	opacity:0;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

.home .animate-in .titulo {
	left: 50%;
	margin-left: -350px;
	opacity:1;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

.home .animate-out .titulo {
	left: 2560px;
	opacity:0;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}
.home .txt {
	color: #FFFFFF;
	font-size: 1em;
	left: -200%;
	line-height: 1.2em;
	top: 590px;
	width: 550px;
	z-index: 15;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

.home .animate-in .txt {
	left: 50%;
	margin-left: -350px;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

.home .animate-out .txt {
	left: 2560px;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

.home .nieve {
	 
	left: 50%;
	margin-left: -1280px;
	top: 0;
	z-index: 5;
	opacity: 0;
	display: none;
	
	-webkit-transition: opacity;
	transition-property: opacity;

		-moz-transition-duration: 4s;
		-o-transition-duration: 4s;
		-ms-transition-duration: 4s;
		transition-duration: 4s;
}
.home .animate-in .nieve {
	
	opacity:1;
	display: block;
	
		-moz-transition-duration: 4s;
		-o-transition-duration: 4s;
		-ms-transition-duration: 4s;
		transition-duration: 4s;
}
.home .animate-out .nieve {
	opacity: 0;
	

		-moz-transition-duration: 4s;
		-o-transition-duration: 4s;
		-ms-transition-duration: 4s;
		transition-duration: 4s;
	
}
.home .img00 {
	left: -300%;
	top: 0;
	z-index: 6;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.home .animate-in .img00 {
	left: 50%;
	margin-left: 0;
	top: 0;

	-webkit-transition-duration: 3.5s;
	-moz-transition-duration: 3.5s;
	-o-transition-duration: 3.5s;
	-ms-transition-duration: 3.5s;
	transition-duration: 3.5s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.home .animate-out .img00 {
	left: 2560px;
	top: 0;

	-webkit-transition-duration: 3.5s;
	-moz-transition-duration: 3.5s;
	-o-transition-duration: 3.5s;
	-ms-transition-duration: 3.5s;
	transition-duration: 3.5s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}/**/
/*
.home .nubes {
    height: auto;
	left: 0;
	opacity: 1;
	top: 0;
	z-index: 1;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}
*/
/*.home .animate-in .nubes {
	left: 50%;
	margin-left: -1280px;
	opacity: 1;
	top: 0;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.home .animate-out .nubes {
	left: 2560px;
	opacity: 0;
	top: 0;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}*/
/**/

/*------ elemntos paso2 ------*/
.home .titulo2 {
	color: #FFFFFF;
	font-size: 1em;
	left: -150%;
	line-height: 1.2em;
	top: 470px;
	width: 950px;
	z-index: 4;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

.home .animate-in .titulo2 {
	left: 50%;
	margin-left: -350px;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

.home .animate-out .titulo2 {
	left: 2560px;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}
.home .txt2 {
	color: #FFFFFF;
	font-size: 1em;
	left: -150%;
	line-height: 1.2em;
	top: 700px;
	width: 550px;
	z-index: 15;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

.home .animate-in .txt2 {
	left: 50%;
	margin-left: -350px;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

.home .animate-out .txt2 {
	left: 2560px;

	-webkit-transition-duration: 4s;
	-moz-transition-duration: 4s;
	-o-transition-duration: 4s;
	-ms-transition-duration: 4s;
	transition-duration: 4s;
}

/*.home .nieve2 {
	left: 0;
	top: 0;
	z-index: 5;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}
.home .animate-in .nieve2 {
	left: 50%;
	margin-left: -1280px;
	top: 0;

	-webkit-transition-duration: 2.5s;
	-moz-transition-duration: 2.5s;
	-o-transition-duration: 2.5s;
	-ms-transition-duration: 2.5s;
	transition-duration: 2.5s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}
.home .animate-out .nieve2 {
	left: 2560px;
	top: 0;

	-webkit-transition-duration: 2.5s;
	-moz-transition-duration: 2.5s;
	-o-transition-duration: 2.5s;
	-ms-transition-duration: 2.5s;
	transition-duration: 2.5s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}
.home .monte2 {
	left: 0;
	top: 0;
	z-index: 3;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.home .animate-in .monte2 {
	left: 50%;
	margin-left: -1280px;
	top: 0;

	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-o-transition-duration: 3s;
	-ms-transition-duration: 3s;
	transition-duration: 3s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.home .animate-out .monte2 {
	left: 2560px;
	top: 0;

	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
	-o-transition-duration: 3s;
	-ms-transition-duration: 3s;
	transition-duration: 3s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}
.home .nubes2 {
    height: auto;
	left: -2560px;
	opacity: 0;
	top: 0;
	vertical-align: middle;
	z-index: 1;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
	z-index: 1;
}

.home .animate-in .nubes2 {
	left: 50%;
	margin-left: -1280px;
	opacity: 1;
	top: 0;

	-webkit-transition-duration: 3.5s;
	-moz-transition-duration: 3.5s;
	-o-transition-duration: 3.5s;
	-ms-transition-duration: 3.5s;
	transition-duration: 3.5s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.home .animate-out .nubes2 {
	left: 2560px;
	opacity: 0;
	top: 0;

	-webkit-transition-duration: 3.5s;
	-moz-transition-duration: 3.5s;
	-o-transition-duration: 3.5s;
	-ms-transition-duration: 3.5s;
	transition-duration: 3.5s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}*/

/*:::::::::::::::::::::::::::::::::: Slider colabora ::::::::::::::::::::::::::::::::::*/

.contKailash .next {
	right: 0;
    top: 45%;
	width: auto;
	height: auto;
}
.contKailash .prev {
	left: 0;
    top: 45%;
	width: auto;
	height: auto;
	margin: 0;
}
.contKailash .next:hover,.desafios .prev:hover {
	opacity: 1;

	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	-ms-transition-duration: .4s;
	transition-duration: .4s;
}

.contKailash #sequence {
	width: 991px;
	height: 454px;
	margin: 0 auto;
	position: relative;
	background: url(../img/all/sombra_slider.png) no-repeat center bottom;
}
.contKailash #sequence ul{
	width: 905px!important;
	margin: 0 auto;
	overflow: hidden;
}


.contKailash .img01 {
	left: 0;
	opacity: 0;
	top: 0;
	z-index: 1;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
	z-index: 1;
}

.contKailash .animate-in .img01 {
	left: 0;
	opacity: 1;
	top: 0;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.contKailash .animate-out .img01 {
	left: -763px;
	opacity: 0;
	top: 0;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}
/*.desafios .txt1 {
	left: 0;
	opacity: 0;
	top: 50%;
	z-index: 2;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.desafios .animate-in .txt1 {
	left: 0;
	opacity: 1;
	top: 50%;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.desafios .animate-out .txt1 {
	left: -763px;
	opacity: 0;
	top: 0;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.desafios .img02 {
	left: -763px;
	opacity: 0;
	top: 0;
	z-index: 1;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.desafios .animate-in .img02 {
	left: 0;
	opacity: 1;
	top: 0;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.desafios .animate-out .img02 {
	left: -763px;
	opacity: 0;
	top: 0;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}
.desafios .txt2 {
	left: -763px;
	opacity: 0;
	top: 50%;
	z-index: 2;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.desafios .animate-in .txt2 {
	left: 0;
	opacity: 1;
	top: 50%;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.desafios .animate-out .txt2 {
	left: -763px;
	opacity: 0;
	top: 0;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}*/

/*:::::::::::::::::::::::::::::::::: Como cambiar ::::::::::::::::::::::::::::::::::*/
.cambiar .next {
	right: 0;
    top: 45%;
	width: auto;
	height: auto;
}
.cambiar .prev {
	left: 0;
    top: 45%;
	width: auto;
	height: auto;
	margin: 0;
}
.cambiar .next:hover,.desafios .prev:hover {
	opacity: 1;

	-webkit-transition-duration: .4s;
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	-ms-transition-duration: .4s;
	transition-duration: .4s;
}

.cambiar #sequence {
	width: 991px;
	height: 454px;
	margin: 0 auto;
	position: relative;
	background: url(../img/all/sombra_slider.png) no-repeat center bottom;
}
.cambiar #sequence ul{
	width: 905px!important;
	margin: 0 auto;
	overflow: hidden;
}

.cambiar #sequence2 {
	width: 991px;
	height: 454px;
	margin: 0 auto;
	position: relative;
	background: url(../img/all/sombra_slider.png) no-repeat center bottom;
}
.cambiar #sequence2 ul{
	width: 905px!important;
	margin: 0 auto;
	overflow: hidden;
}

.cambiar .img01 {
	left: 0;
	opacity: 0;
	top: 0;
	z-index: 1;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
	z-index: 1;
}

.cambiar .animate-in .img01 {
	left: 0;
	opacity: 1;
	top: 0;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}

.cambiar .animate-out .img01 {
	left: -763px;
	opacity: 0;
	top: 0;

	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-o-transition-duration: 2s;
	-ms-transition-duration: 2s;
	transition-duration: 2s;

	-webkit-transition-property: left top;
	-moz-transition-property: left top;
	-o-transition-property: left top;
	-ms-transition-property: left top;
	transition-property: left top;
}