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

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background:#d9d9db; overflow-x:hidden; font-family:Arial, Helvetica, sans-serif; line-height:16px; }
.cielo{ position:absolute; top:0px; left:0px; height:370px; width:1856px; background:url(../images/gradient_gris.jpg);}
.ciudad{ position:absolute; top:370px; left:0px; height:71px; width:1856px; background:url(../images/ciudad.png) #fff;}
.tapaciudad{ width:100%; height:100%; background:#FFF; opacity:0;}
.suelo{ position:absolute; top:441px; left:0px; height:370px; width:1856px; background:url(../images/gradient_gris2.jpg);}
.paso1{ float:left; top:350px; left:50px; cursor:pointer;}
.paso2{ float:left; top:350px; left:50px; cursor:pointer; margin-left: -25px; margin-right: 11px;}
.paso3{ float:left; top:350px; left:50px; cursor:pointer;}
.paso4{ float:left; top:350px; left:50px; cursor:pointer;}
.paso5{ float:left; top:350px; left:50px; cursor:pointer;}
.paso6{ float:left; top:350px; left:50px; cursor:pointer;}
.paso7{ float:left; top:350px; left:50px; cursor:pointer; margin-left: -19px; margin-right: 10px;}
.paso8{ float:left; top:350px; left:50px; cursor:pointer; margin-right: 14px;}
.paso9{ float:left; top:350px; left:50px; cursor:pointer;}
.paso10{ float:left; top:350px; left:50px; cursor:pointer;}
.paso11{ float:left; top:350px; left:50px; cursor:pointer;}
.todospasos{ position:relative; top:350px; left:50px; width:1856px;}
.informacion1, .informacion2, .informacion3, .informacion4, .informacion5, .informacion6, .informacion7, .informacion8, .informacion9, .informacion10, .informacion11{  position:relative; width:0px; font-size:14px; padding-left:14px; overflow:hidden;}
.circuloPaso{ width:30px; height:25px; left:50px; border:solid 3px #fff; background:#ca5c03; border-radius: 20px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); text-align:center; padding-top:4px; font-weight:bold; color:#fff;}