@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Ubuntu', sans-serif;
}
.index{
	height:100%;
	min-height:768px;
	background-color:#d4d4d5;
	right:0px;
	z-index:2;
	position:absolute;
	top:0px;
	width:100%;
}
.index_quieto{
	/*
	position:fixed;	*/
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	z-index:1;
}
.index_franja{
	top:50%;
	margin-top:-250px;
	/*
	position: fixed;
	*/
	position:absolute;
	left:0px;
	background-color:#bbb4ae;
	height:500px;
	width:100%;

}
.index_franja2{
	top:205px;
	/*
	position: fixed;
	*/
	position:absolute;
	left:0px;
	background-color:#ebebeb;
	height:450px;
	width:100%;
	background-position: 50% 40%; 
	background-attachment: fixed;
	background-size: auto 100%;
	vertical-align:middle;

}
.inmul{
	height:60%;
	width:100%;
	z-index:-1;
	position:absolute;
	top:100%;
	left:0px;
	background-attachment: fixed;
	background-position: 100% 150%; 
	background-size: 100% auto;
	background-repeat: repeat-y;	
	background-image: url(../img/001/frame01.jpg);


}
.multimedia{
	height:100%;
	width:100%;
	z-index:1;
	position:absolute;
	top:160%;
	left:0px;
	background-color:#d4d4d5;
	background-repeat: no-repeat;
	background-size: auto;
    background-attachment: fixed;
}
.mulweb{
	height:60%;
	width:100%;
	z-index:-1;
	position:absolute;
	top:260%;
	left:0px;
	background-attachment: fixed;
	background-position: 50% 150%; 
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-image: url(../img/001/DSC_0028_bw.jpg);
}
.web{
	height:100%;
	background-color:#d4d4d5;
	width:100%;
	z-index:1;
	position:absolute;
	top:320%;
	left:0px;
	left:0px;
	background-repeat: no-repeat;
	background-size: auto;
    background-attachment: fixed;
}
.webapp{
	height:60%;
	width:100%;
	z-index:-1;
	position:absolute;
	top:420%;
	left:0px;
	background-attachment: fixed;
	background-position: 50% 150%; 
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-image:url(../img/001/frame0.jpg);

}
.app{
	height:100%;
	background-color:#d4d4d5;
	width:100%;
	z-index:1;
	position:absolute;
	top:480%;
	left:0px;
}
.applearn{
	height:60%;
	width:100%;
	z-index:-1;
	position:absolute;
	top:580%;
	left:0px;
	background-image:url(../img/andre.jpg);
	background-position: 50% 350px; 
	background-attachment: fixed;
	background-size: 100% auto;
	background-repeat: repeat-y;
	vertical-align:middle;
}
.learn{
	height:100%;
	background-color:#d4d4d5;
	width:100%;
	z-index:1;
	position:absolute;
	top:640%;
	left:0px;
}
.lernbaut{
	height:60%;
	width:100%;
	z-index:-1;
	position:absolute;
	top:740%;
	left:0px;
background-image:url(../img/NYA.jpg);
	background-position: 50% 350px; 
	background-attachment: fixed;
	background-size: 100% auto;
	background-repeat: repeat-y;
	vertical-align:middle;
}
.about{
	height:100%;
	background-color:#d4d4d5;
	width:100%;
	z-index:1;
	position:absolute;
	top:800%;
	left:0px;
}
.abcon{
	height:60%;
	width:100%;
	z-index:-1;
	position:absolute;
	top:900%;
	left:0px;
	background-color: #000;
	background-image: url(../img/frame03.jpg);
	background-position: 50% 350px; 
	background-attachment: fixed;
	background-size: 100% auto;
	background-repeat: repeat;
	vertical-align:middle;
}
.contact{
	height:100%;
	background-color:#d4d4d5;
	width:100%;
	z-index:1;
	position:absolute;
	top:960%;
	left:0px;
}
.conpho{
	width:100%;
	position:absolute;
	top:1060%;
	left:0px;
	background-color: #33333f;
	background-position: 50% 350px; 
	background-attachment: fixed;
	background-size: 100% auto;
	background-repeat: repeat-y;
	vertical-align:middle;
}
.photo{
	height:100%;
	background-color:#d4d4d5;
	width:100%;
	z-index:1;
	position:absolute;
	top:1120%;
	left:0px;
}
.objetos{
	height:60%;
	width:100%;
	z-index:-1;
	position: relative;
	left:0px;	
	background-image: url(../img/r_sup.png);
	background-attachment: fixed;
	background-position: 50% 70px; 
	background-size:100% 100%;
	background-repeat: repeat-y;
	transform: translateZ(-0.2px);
}
.banner {
	background: url(http://i.imgur.com/1DRTAiD.jpg) no-repeat fixed 50% 0;
	height: 22em;
	position: relative;
	overflow: hidden;
	width: 100%;
	
}
.dibu{
	position:absolute;
	height:100%;
	width:100%; 
	background-size: 5% auto;
	background-image:url(../img/fondo_juan.png);
}

.banner-text {
  color: #fff;
  font-size: 1.25em;
  left: 0;
  position: absolute;
  top: 75%;
  text-align: center;
  text-shadow: 0 0px 2px rgba(0, 0, 0, .5);
  width: 100%; 
}
.tabla{
	height:400px;
	top:0px;
	margin-left:2%;
	margin-right:2%;
	max-width:1280px;
	margin-top:-2px;
}
.scroll {
	/*Altura textos*/
	
    width: 99%;
	margin-left:10px;
    height: 500px;
    overflow:scroll;
	
}
.clipart{
	height:100px;
	position: absolute;
	width:10%;
	max-width:100px;
	top:-17%;
	left:80%;
	
}

#style-3::-webkit-scrollbar-track
{
}

#style-3::-webkit-scrollbar
{
width: 8px;
height:8px;
}

#style-3::-webkit-scrollbar-thumb
{
	/*color scroll bar*/
	background-color: #33333f;
}
#imagen_centrada {
    position: relative;
    top:         50%;
	margin-top:-10%
}
strong,  b{
	font-size:18px;
}
.form{
	width:35%;
	position:absolute;
	height:100%;
	background-color:#33333f;
	right:0px;
}
.ep{

	position: relative;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
}
.ep2{

	
	position: relative;
	left:0px;
	top:0px;
	height:500px;
	width:100%;
}
.ep3{

	background-color:#33333f;
	position: relative;
	left:0px;
	top:0px;
	height:500px;
	width:100%;
}
#arch1{
	/*Lento*/
	background-image:url(../img/renders/fondos.png);
	background-color:#1B2833;
}
#arch2{
	background-image:url(../img/renders/fondos2.png);		
}
#phone{
	background-image:url(../img/renders/phone.png);
	background-size: cover;
}
#form01{
	background-image:url(../img/renders/form.png);
	background-size: cover;
}
#form02{
	background-image:url(../img/renders/form.png);
	background-size: cover;
}
#camera2{
	background-image:url(../img/renders/cam.png);
	background-size: cover;
}
#camera{
	background-image:url(../img/renders/cam2.png);
	background-size: cover;
}
#buzon{
	background-image:url(../img/renders/buzon.png);
	background-size: cover;
}
#papeles{
	background-image:url(../img/vinil.jpg);
	background-size: cover;
}
#gui01{
	background-image:url(../img/gui/001.png);
	background-size: auto;
	background-color:#1b1b1b;
}
#gui02{
	background-image:url(../img/gui/002.png);
	background-size: auto;
}
#aba01{
	background-image:url(../img/up-north-trees-hi.png);
	background-position:-10px -90px;
}
#aba1{
	background-image:url(../img/space02.png);
	background-size: cover;
}
p.resaltado {

color: #fff ;

background-color:rgba(10,10, 10, 0.7);

display: inline ;

padding: 2px;
/*transform: rotate(-2deg);*/
z-index:10px;

}
.muñeco01{
	position: absolute;
	width:100%;
	left:0px;
	top:-80px;
	background-color:#0F3;
}
.fondo{
	position:absolute;
	z-index:2;
	top:0px;
	max-width:1280px;
	width:95%;
	margin-left:0px;
}