html,body{
width:100%;
	height:100%;
}
* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
        }  

        .os-animation.animated{
            opacity: 1;
        }   
    .menudenciaba{font-family: 'Montserrat', sans-serif;
font-size:16px;text-decoration:none; text-transform:uppercase;
}

.menudenciaba a:link  {
    color: #e76012; text-decoration:none;
}

.menudenciaba a:hover {
    color: #000000;
}
.unonuevo{
font-size:17px;color:#9d9d9d;font-family: 'Open Sans', sans-serif; text-decoration:none;
}
.foot1{
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	letter-spacing:6px;
	color:#565656; text-transform:uppercase; font-weight:700;}

.txt2{
	font-family: 'Passion One', cursive;
	font-size:25px;
	letter-spacing:1px;}

#logo {
    position: absolute;
    top: 40px;
    left: 50px;
    width: 131px;
	height:120px;
	z-index:5;
	display:block;
}

#compra {
    position: absolute;
    top: 49px;
    right: 50px;
    width: 138px;
	height:50px;
	z-index:5;
	display:block;
}



.smooth{
	display:block;
	width:50px;
	height:53px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-25px;

	z-index:3;
}
.smooth:hover{
	cursor:pointer;
}

.smooth{

}

.smooth:hover{
	cursor:pointer;
	color:#ffffff;
}


.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	min-height:650px;
}

/******************************
 SLIDE 1 
*******************************/
#slide1{
background:url(../imagenes/submit.jpg) no-repeat 50% 50% fixed;
 background-size:cover;

}/******************************
 SLIDE 1a 
*******************************/
#slide1aaa{
background:url(../imagenes/submit.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
 height:100%;

}
/******************************
 SLIDE 1 a
*******************************/
#slide1a{
background:url(../imagenes/login.jpg) no-repeat 50% 50% fixed;
 background-size:cover;

}
/******************************
 SLIDE 2 
*******************************/
#slide2{
background:url(../imagenes/fondosub.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
}




.smooth:hover{
	cursor:pointer;
}

.smooth{

}

.smooth:hover{
	cursor:pointer;
	color:#ffffff;
}

.fondoflecha{
	display:block;
	width:50px;
	height:53px;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-25px;
	z-index:2;
}

/******************************
 SLIDE 6 
*******************************/
#slide6{
background:url(../imagenes/fondo5.jpg) no-repeat 50% 50% fixed;
 background-size:cover;
	height:217px;
}


#menudencia{font-family: 'Montserrat', sans-serif;
font-size:15px;text-decoration:none; text-transform:uppercase;
position: absolute;
    top: 64px;
    left: 50%;
	margin-left:-350px;
    width: 700px;
	height:120px;
	z-index:5;
}

#menudencia a:link, a:visited  {
    color: #e76012; text-decoration:none;
}

#menudencia a:hover {
    color: #ff9000;
}

#logo2{ display:none; }

#menudencia2{ display:none; }

#footi, #footi1, #footi2, #footi3,#footi0{ 
display: inline-block;
vertical-align:top;
}

#footi{ 
width:1200px;
vertical-align:middle;
}

#footi0{
width:50px;height:217px;margin-right:-4px ;
text-align:center; 
}

#footi1{
width:550px;margin-right:-4px ;
text-align:left; height:138px;
}

#footi2{
width:150px;margin-right:-4px ;
text-align:center; height:138px;
}

#footi3{
width:400px;margin-right:-4px ;
text-align:center; height:138px;
}

.limagen{
	opacity:1;
}

.limagen:hover{
	opacity:.6;
}

#cono0{
width:350px;
left:20%;
top:45%;
position:absolute;
text-align:left;
}

#cono1{
width:350px;
right:18%;
top:45%;
position:absolute;
text-align:left;
}

.texto1{
	font-family: 'Open Sans', sans-serif;
	font-size:75px;
	color:#c4c3c4; 
	text-transform:uppercase; font-weight:900; line-height:80%;}

.texto2{
	font-family: 'Open Sans', sans-serif;
	font-size:26px;
	color:#c4c3c4; 
	text-transform:uppercase; font-weight:900;line-height:80%;}

.texto3{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	color:#000000; 
	text-transform:uppercase; font-weight:900;line-height:80%;}


#cono2{
width:100%;
left:0;
bottom:0;
height:7px;
background-image:url(../imagenes/su1.png);
position:absolute;
text-align:left;
z-index:4;
}

#cono2a{
width:100%;
left:0;
bottom:0;
height:6px;
background-image:url(../imagenes/ulimo.png);
position:absolute;
text-align:left;
z-index:4;
}

#cono3{
width:100%;
left:0;
bottom:0;
height:128px;
background-image:url(../imagenes/su2.png);
position:absolute;
text-align:left;
z-index:4;
}

#convierte, #convierte1{ 
display: inline-block;
vertical-align:top;
}

#convierte{ 
width:1200px;
vertical-align:middle; marging-top:125px;
}


#convierte1{
width:600px;height:64px;margin-right:-4px ;
text-align:center; height:100px; 
}

.context{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#ffffff; 
	text-transform:uppercase; font-weight:900; line-height:80%; letter-spacing:3px;}

.context2{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#e76012; 
	text-transform:uppercase; font-weight:900; line-height:80%; letter-spacing:3px;}
.context2aa{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	color:#e76012; 
	text-transform:uppercase; font-weight:900; line-height:120%; letter-spacing:3px;}	
.context3{
	font-family: 'Open Sans', sans-serif;
	font-size:25px;
	color:#ffffff; 
	text-transform:uppercase; font-weight:900;  }	


.context4{
	font-family: 'Open Sans', sans-serif;
	font-size:40px;
	color:#e76012; 
	text-transform:uppercase; font-weight:900;}


#pasos, #pasos1, #pasos0{ 
display: inline-block;
vertical-align:top;
}

#pasos{ 
width:1200px;
vertical-align:middle; marging-top:125px;
}

#pasos1{
width:300px;height:64px;margin-right:-4px ;
text-align:center; height:367px; 
}

#pasos0{
width:150px;height:64px;margin-right:-4px ;
text-align:center; height:200px; 
}

#slide3{height:1100px;
}

#sube, #sube1{ 
display: inline-block;
vertical-align:top;
}

#sube{ 
width:1200px;
vertical-align:middle; height:900px;
}

#sube1{
width:600px;margin-right:-4px ;
text-align:center; height:900px; 
}

.imagen1{ width:501px; }

.transparente5{
font-size:18px;color:#9d9d9d;font-family: 'Open Sans', sans-serif;background-color: transparent;border: 2px solid #9d9d9d; height:58px;padding-left:20px; width:96%;
 border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
	}

.transparente55{
font-size:18px;color:#9d9d9d;font-family: 'Open Sans', sans-serif;background-color: transparent;border: 2px solid #9d9d9d; height:58px;padding-left:20px; width:100%;
 border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
	}

	.transparente5a{
font-size:18px;color:#9d9d9d;font-family: 'Open Sans', sans-serif;background-color: transparent;border: 2px solid #9d9d9d; height:40px;padding-left:20px; width:96%;
 border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
	}
	
input[type=submit] { cursor:pointer;
font-size:18px;color:#ffffff;font-family: 'Open Sans', sans-serif;background-color:#e76012;border: 2px solid #e76012; height:58px;padding-left:20px; width:100%;
 border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;

	}

.imagen2{ width:600px; }


#login{
	width:600px;
	left:50%;
	margin-left:-300px;
	position:absolute;
	top:40%;
	}


.login1{
	font-family: 'Open Sans', sans-serif;
	font-size:60px;
	color:#000000; 
	font-weight:900;line-height:80%;}

.login2{
	font-family: 'Open Sans', sans-serif;
	font-size:60px;
	color:#e76012; 
	 font-weight:900;line-height:80%;}

.nuevos{
	font-family: 'Montserrat', sans-serif;
font-size:16px;text-decoration:none; text-transform:uppercase;
    color: #ff9000;
}

@media screen and (max-width: 1500px)
 {

 
 }
 
 
@media screen and (max-width: 1200px)
 {
#footi{ 
width:950px;
vertical-align:middle;
}

#footi0{
width:10px;
}

#footi1{
width:400px;margin-right:-4px ;
text-align:left; height:138px;
}

#footi2{
width:180px;margin-right:-4px ;
text-align:center; height:138px;
}

#footi3{
width:350px;margin-right:-4px ;
text-align:center; height:138px;
}

#cono0{
left:20px;
}

#cono1{
right:0px;
}

#convierte{ 
width:800px;
vertical-align:middle;
}

#pasos{ 
width:900px;
vertical-align:middle; marging-top:125px;
}

#pasos1{
width:300px;
}

#pasos0{
	display:none;
}


#sube{ 
width:600px;
vertical-align:middle;
height:1950px;
}

#sube1{
width:100%;margin-right:0;
height:1100px; 
}

#slide3{height:2200px;
}

 }

  @media screen and (max-width: 1150px)
 {
#menudencia{
	margin-left:-200px;
    width: 500px;
	font-size:14px;
}

.nuevos{
font-size:14px;
}


#logo {
    left: 5px;

}

#compra {
    right: 10px;
}

 #logo {
    display:none;
}

#logo2{ display:block;
position: absolute;
    top: 10px;
    left: 50%;
	margin-left:-31px;
    width: 63px;
	height:63px;
	z-index:5;
}

#compra {
	display:none;
}
#menudencia{ display:none; }
#menudencia2{ display:block;
 background: #000000;
    height:90px;
    width: 100%;
    z-index: 999;position:fixed;
}

}

  @media screen and (max-width: 1000px)
 {


#slide1aaa{
 height:600px;

}

}

@media screen and (max-width: 950px)
 {
#footi{ 
width:600px;
}

#footi0{
	display:none;
}

#footi1{
width:100%;margin-right:-4px ;
text-align:center; height:20px;
}

#footi2{
width:100%;margin-right:-4px ;
text-align:center; height:80px;
}

#footi3{
width:100%;margin-right:-4px ;
text-align:center; height:20px;
}

	#pasos{ 
width:300px;
vertical-align:middle; marging-top:125px;
}

#pasos1{
width:300px; height:400px;
} 

#cono0{
width:350px;
left:50%;
margin-left:-175px;
top:25%;
position:absolute;
text-align:center;
display:block;
}

#cono1{
width:350px;
left:50%;
margin-left:-175px;
top:50%;
position:absolute;
text-align:center;
display:block;
}

.texto1{
	color:#000000; 
line-height:120%; font-size:60px;}

.texto2{
	color:#000000; 
line-height:80%;} }
 
 
@media screen and (max-width: 850px)
 {

#cono3{
	display:none;
}

#convierte{ 
width:400px;
vertical-align:middle;
}
#convierte1{
width:100%;margin-right:0 ;
}



 }


@media screen and (max-width: 600px)
 {
	 
	 #login{
	width:400px;
	left:50%;
	margin-left:-200px;
	position:absolute;
	top:30%;
	}

	 
#footi{ 
width:380px;
}	
#footi1{
 height:30px;
}
 
.imagen1{ width:380px; }

#sube{ 
width:400px;
height:1700px;
}

#sube1{
width:100%;margin-right:0; height:950px;
}

.imagen2{ width:400px; }


#slide3{height:1800px;
}

.transparente5{
height:40px;
	}

.transparente55{
height:40px;
	}

	
	.botonuno{
height:40px;
	}

 }