@charset "utf-8";
/*-----------------// ESTILO DEL BOTON DE SUBIDA //----------------------*/
#scroll {position: fixed;right: 15px;bottom: 20px;cursor: pointer;width: 50px;
height: 50px;background-color: #666;/*#3498db*/text-indent: -9999px;display: none;
-webkit-border-radius: 10px;/*60px*/-moz-border-radius: 10px;/*60px*/border-radius:10px/*60px*/}

#scroll span {position:absolute;top:44%;left:36%;height: 10px;/*-- ERA 15px --*/
width: 10px;border: 1px solid #FFF;	border-width: 4px 4px 0 0;transform: rotate(-45deg);}

#scroll:hover {background-color: #999;/*#e74c3c*/opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.btnup{position: fixed; right: 10px; bottom: 10px; z-index: 10009;}


/**/
@media screen and (min-width:1367px) and (max-width:1440px) and (orientation: landscape) {
#scroll {position: fixed;right: 25px;bottom: 25px;cursor: pointer;width: 90px;
height: 90px; background-color: #666; text-indent: -9999px;display: none;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;}

#scroll span {position:absolute;top:44%;left:32%;height: 30px; width: 30px;border: 1px solid #FFF;	border-width: 4px 4px 0 0;transform: rotate(-45deg);}

#scroll:hover {background-color: #999; opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.btnup{z-index: 10009;}
}

@media screen and (min-width:1281px) and (max-width:1366px) and (orientation: landscape) {
#scroll {position: fixed;right: 25px;bottom: 25px;cursor: pointer;width: 90px;
height: 90px; background-color: #666; text-indent: -9999px;display: none;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;}

#scroll span {position:absolute;top:44%;left:32%;height: 30px; width: 30px;border: 1px solid #FFF;	border-width: 4px 4px 0 0;transform: rotate(-45deg);}

#scroll:hover {background-color: #999; opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.btnup{z-index: 10009;}
}

@media screen and (min-width:1205px) and (max-width:1280px) and (orientation: landscape) {
#scroll {position: fixed;right: 25px;bottom: 25px;cursor: pointer;width: 60px;
height: 50px; background-color: #666; text-indent: -9999px;display: none;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;}

#scroll span {/*-------// AJUSTE DE LA FLECHA //-------*/
position:absolute;top:40%;left:30.5%;height: 20px; width: 20px;border: 1px solid #FFF;	border-width: 4px 4px 0 0;transform: rotate(-45deg);}

#scroll:hover {background-color: #999; opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}

.btnup{z-index: 10009;}
}