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

@font-face {
    font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a.un{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:0%;
	background-color:#333333;
	background-image:url(../images/arrow.png); /*imagen flechita **/}
a.un:hover{
	background-color:#fff;
	cursor:pointer;
}




html,body{
 font-family: Georgia, "Times New Roman", Times, serif;
	width:100%;
	height:100%;
	background-color:#1e1e1e;
}

.navigation{
	position:fixed;
	z-index:1;
	top:20px;
}
.navigation li{
	color:#FFFFFF;
	display:block;
	padding: 0 10px;
	line-height:30px;
	margin-bottom:2px;
	font-weight:bold;
	-webkit-transition: all .2s ease-in-out;
	border-bottom:2px solid black;
	text-align: center;
	width:103px;
}
.navigation li:hover,.active{
	cursor:pointer;

	font-family: 'Arial';
}

.navigation2{
	position:fixed;
	z-index:1;
	top:20px;
}
.navigation2 li{
	color:#FFFFFF;
	display:block;
	padding: 0 10px;
	line-height:30px;
	font-weight:bold;
	-webkit-transition: all .2s ease-in-out;
	border-bottom:2px solid black;
	text-align: center;
	width:103px;
}
.navigation2 li:hover,.active{
	cursor:pointer;

	font-family: 'Arial';
}







.envatologo{
position:fixed;
width:1176px;
height:114px;
left:50%;
margin-left:-588px;
background-image:url(../images/cabecera.png);
z-index:9999999;
}
.navigation{
	position:fixed;
	z-index:1;
	top:20px;
}


#contenedor{position:relative; display:table;}

#hijo1{position:relative;float:left; width:130px; height:80px;}
#hijo2{position:relative;float:left; width:130px; height:80px;}
#hijo3{position:relative;float:left; width:130px; height:80px;}
#hijo4{position:relative;float:left; width:524px; height:80px;}
#hijo5{position:relative;float:right; width:130px; height:80px;}
#hijo6{
	position:absolute;
	left: 50%;
	margin-left: 192px;
	top: 0px;
	z-index: 999999999999999999;
width:130px; 
height:80px;}
#hijo7{position:relative;float:right; width:130px; height:80px;}





   /* este será el DIV oculto */
#mimenu .micontenido {
  /* al contenedor LI se le colocó position: relative así que a el contenido le ponemos position: absolute; para "moverlo" */
  position: absolute;
  /* y lo ocultamos "moviendolo" mucho, hasta sacarlo de la pantalla */
  left: -100000em; /* podemos usar cualquier valor alto, em o pixeles */
  /* le damos un ancho automático, igual al ancho de la pestaña */
  width: auto; /* si queremos que sean más anchas o más angostas les ponemos un valor */
  /* cualquier otra definición gráfica */
  background-color: #262626;
  padding:0px;
  z-index: 99999999999999999999999;
}

/* y por último, haremos que ese contenido sea visible al poner el cursor encima de la etiqueta LI */
#mimenu li:hover .micontenido {
  /* como el contenido tiene una posición absoluta, lo "traemos" desde afuera y lo ponemos en su lugar */
  left: 0px;
  top: 80px;
}
	

/******************************
*****************************
envatologo.boton {
color: #FF0000;
border: 2px #0000FF solid;
padding: 5px 20px 5px 40px;
background-color: #FFFF99;
font-family: Comic Sans MS, Calibri, Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-image: url(http://k14.kn3.net/65D0EE7C0.png);
background-repeat: no-repeat;
border-radius: 15px;
}
envatologo.boton:hover {
font-style: italic;
box-shadow: 0px 0px 5px 0px #000000;
}
envatologo.boton:active {
color: #FFFF99;
background-color: #FF0000;
box-shadow: 0px 0px 10px 0px #000000;
}
envatologo.boton:visited {
background-position: 0px -26px;
}
/******************************
 SLIDE 1 
*******************************/

.entremedias{
	background-image:url(../dummy-images/fn.png);
	display:block;
	left:50%;
	top:0px;
	height: 81px;
	width:1174px;
}
.entremedias3{
	background-image:url(../dummy-images/fn.png);
	display:block;
	left:50%;
	top:0px;
	height: 81px;
	width:1174px;
}

.nos{
	background-image:url(../dummy-images/nos.png);
	left:400px;
	top:300px;
	height:139px;
	width:1176px;
}
.nosb{
	background-image:url(../dummy-images/nos.png);
	left:400px;
	top:300px;
	height:139px;
	width:1176px;
}
.nosb3{
	background-image:url(../dummy-images/com.png);
	left:400px;
	top:300px;
	height:139px;
	width:1176px;
}
.nos2{
	background-image:url(../dummy-images/pnt.png);
	left:400px;
	top:300px;
	height:139px;
	width:1176px;
}
.nos23{
	background-image:url(../dummy-images/pnt.png);
	left:400px;
	top:300px;
	height:139px;
	width:1176px;
}
.nos23b{
	background-image:url(../dummy-images/pnt.png);
	left:50%;
	top:300px;
	height:139px;
	width:1176px;
}
.nos3{
	background-image:url(../dummy-images/ser.png);
	left:400px;
	top:300px;
	height:109px;
	width:1176px;
}
.nos5{
	background-image:url(../dummy-images/con.png);
	left:400px;
	top:300px;
	height:109px;
	width:1176px;
}

#formuleee{
	position: relative;
	display: table;
	}
#for1{
	position: relative;
	float:left;}
	#for2 {
	position: relative;
	float:left;}






.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}
.slidebua{
	background-attachment: fixed;
	width:100%;
	height:1250px;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
}
.wrapper{
	width:1176px;
	height:1000px;
	margin:0 auto;
	position:relative;
	background-color:#212021;
}
.wrapper2{
	width:1176px;
	height:1000px;
	margin:0 auto;
	position:relative;
	background-color:#212021;
	font-family: Verdana, Geneva, sans-serif;
}
.wrapper23{
	width:1176px;
	height:1000px;
	margin:0 auto;
	position:relative;
	background-color:#212021;
}
.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left: -25px;
	background-color:#333333;
	background-image:url(../images/arrow.png); 
	z-index: 88888;/*imagen flechita **/
}
.buttonfin{
	display:block;
	font-size:14px;
	text-align: center;
	letter-spacing: 3px;
	width:1174px;
	height:800px;
	position:absolute;
	top:84px;
	left:50%;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: -587px;
	background-color:#282828; 
	z-index:1;
}
.buttonfinnos{
	display:block;
	font-size:14px;
	text-align: center;
	letter-spacing: 3px;
	width:1174px;
	height:880px;
	position:absolute;
	top:40px;
	left:50%;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: -587px;
	background-color:#282828; 
	z-index:1;
	}
	
	.buttonfinser{
	display:block;
	font-size:14px;
	text-align: center;
	letter-spacing: 3px;
	width:1174px;
	height:780px;
	position:absolute;
	top:40px;
	left:50%;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: -587px;
	background-color:#282828; 
	z-index:1;
	}
	
	.buttonfincom{
	display:block;
	font-size:14px;
	text-align: center;
	letter-spacing: 3px;
	width:1174px;
	height:780px;
	position:absolute;
	top:40px;
	left:50%;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: -587px;
	background-color:#282828; 
	z-index:1;
	}
	.buttonfincon{
	display:block;
	font-size:14px;
	text-align: center;
	letter-spacing: 3px;
	width:1174px;
	height:780px;
	position:absolute;
	top:40px;
	left:50%;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: -587px;
	background-color:#282828; 
	z-index:1;
	}
	
.button:hover{
	background-color:#fff;
	cursor:pointer;
	z-index: 88888;
}
.button2{
	display:block;
	width:130px;
	height:82px;
    font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px;
	font-size: 10px;
	font-style: light;
	font-weight: extra-light ;
	color:#FFFFFF;
	line-height:74px;
	text-align: center;
	letter-spacing: 3px;


	
}
.button2zz{

	background-color:#3e4d5a;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height:74px;
	font-weight: extra-light ;
	font-size: 10px;
	font-style: normal;

}

.button2z{
	display:block;
	width:250px;
	height:20px;
    font-family: Arial, Helvetica, sans-serif;
	padding: 5px 5px;
	font-size: 10px;
	font-style: light;
	font-weight: extra-light ;
	color:#FFFFFF;
	line-height:16px;
	text-align: left;
	letter-spacing: 0px;


	
}
.button3{
	display:block;
	width:130px;
	height:82px;
    font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px;
	font-size: 10px;
	font-style: light;
	font-weight: extra-light ;
	color:#FFFFFF;
	line-height:74px;
	text-align: center;
	letter-spacing: 3px;


	
}

.button2:hover{
	background-color:#3e4d5a;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height:74px;
	font-weight: extra-light ;
	font-size: 10px;
	font-style: normal;
}
.button2z:hover{
	background-color:#3e4d5a;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height:16px;
	font-weight: extra-light ;
	font-size: 10px;
	font-style: normal;
}
.button3:hover{
	background-color:#3e4d5a;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height:74px;
	font-weight: extra-light ;
	font-size: 10px;
	font-style: normal;
}


#slide1{
	background-color:#1e1e1e;
	
}
/******************************
 SLIDE 2 
*******************************/
#slide2{
	background-color:#1e1e1e;
	height: 800px;
}
#slide2 img:first-child{
	position:absolute;
top: 700px;
left: -150px;
}
#slide2 img:nth-child(2){
	position:absolute;
	top:300px;
	left:100px;
}
#slide2 img:nth-child(3){
	position:absolute;
	top:600px;
	left:300px;
}
#slide2 img:nth-child(4){
	position:absolute;
	top:400px;
	left:300px;
}
#slide2 img:nth-child(5){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(6){
	position:absolute;
	top:600px;
	right:300px;
}
#slide2 img:nth-child(7){
	position:absolute;
	top:400px;
	right:100px;
}
#slide2 img:nth-child(8){
	position:absolute;
	top:100px;
	right:300px;
}
/******************************
 SLIDE 3 
*******************************/
#slide3{
	background-color:##1e1e1e;
	height: 800px;
}
#slide3 img:first-child{
	position:absolute;
top: 700px;
left: 300px;
}
#slide3 img:nth-child(2){
	position:absolute;
	top:100px;
	left:100px;
}
#slide3 img:nth-child(3){
	position:absolute;
	top:150px;
	left:300px;
}
#slide3 img:nth-child(4){
	position:absolute;
	top:450px;
	left:300px;
}
#slide3 img:nth-child(5){
	position:absolute;
	top:200px;
	right:300px;
}
#slide3 img:nth-child(6){
	position:absolute;
	top:100px;
	right:300px;
}
/******************************
 SLIDE 4 
*******************************/

#slide4{
	background-image:url(../images/Slide4/desktop4.jpg);
}
#slide4 .parallaxbg{
	position:absolute;
	right:40px;
	top:40px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

.fondillo{
	position:fixed;
	top:0pc;
	z-index:0;

	
}

.formulario{
	position:absolute;
	left:70%;
	z-index:0;

	
}