body{    height: 200vh;}
.body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ededed;
}
.p{ text-align:left;
}
.texto_web{
	font-family: "NeutraTextTF-DemiAlt";
	color:#585756;
	font-size:36px;
	letter-spacing: 0px;
	line-height:38px;
	margin-left:0px;
}
a:link {
    color: #585756;
	text-decoration: underline;
}

a:visited {
	color: #585756;
    text-decoration: line-through;
}
a:hover {
    text-decoration: underline;
}
#linea_sup{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:20px;
	background-color:#585756;
	z-index:100;
}
#linea_inf{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:20px;
	background-color:#585756;
	z-index:100;
}
#linea_iz{
	position:absolute;
	top:0px;
	right:0px;
	width:20px;
	height:100%;
	background-color:#585756;
	z-index:100;
}
#linea_der{
	position:absolute;
	top:0px;
	left:0px;
	width:20px;
	height:100%;
	background-color:#585756;
	z-index:100;
}
#main_presentacion{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:-99;
}
#main_texto{
    position: fixed;
    text-align: center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
	z-index:1;
}
#textocentrado{
	position:absolute;
	text-align:left;
	top:40px;
	padding-left:10%;
	z-index:99;
}
#img_nice{
	position:absolute;
	text-align:center;
	top:20px;
	width:100%;
	z-index:-99;
}


#intro{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#fff;
	text-align:center;
	z-index:2;
}
#logo{
	position:relative;
	top:35%;
	width:100%;
	z-index:5;
}
#descripcion{
	position:absolute;
	top:30%;
	width:100%;
	z-index:4;
}

#raton{
	position:absolute;
	top:80%;
	width:100%;
	visibility: visible;
	z-index:3;
}

@media only screen and (max-width: 1122px) {
	/*#main_presentacion, #main_texto {max-height: 100vh;}*/
	#descripcion img{width: 90%;}
	/*#intro{
		    display: none;
	}
	#raton{
		    display: none;
	}*/
	#textocentrado{
		width:80%;
	}
	.texto_web{
		font-size:20px;
		line-height:22px;
	}
	.niceto{
		width:500px;
	}
	#img_nice{
		top:50px;
	}
}

@media (max-width: 992px) {
	#logo img{width: 70%;}
}

@media (max-width: 568px) {
	#img_nice {    top: 30px;}
	.niceto {
	    width: 60%;
	}
	/*#linea_sup, #linea_inf, #linea_iz, #linea_der {    display: none;}*/
	#textocentrado {    width: 90%;}
	#textocentrado {    
		top: 20px;
    	padding-left: 7%;
    }
    .no-visible{display: none;}
    #linea_sup, #linea_inf{	    height: 15px;}
    #linea_iz, #linea_der{width: 15px;}
    #descripcion img{width: 85%;}
    #raton {    top: 70%;}
    #logo {    top: 45%;}
    #descripcion {    top: 44%;}
}
@media (max-height: 320px) {
	.texto_web {
	    font-size: 17px;
	    line-height: 19px;
	}
}