#joyRideTipContent { display: none; }

/* Default styles for the container */
.joyride-tip-guide {
	position: absolute;
	display: none;
	color: #333;
	width: 300px;
	z-index: 101;
	top: 0; /* keeps the page from scrolling when calculating position */
	left: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #f6f6f6 url("/images/cloud/myfiles/modal-bg.png") repeat-x 0 0;
	background: linear-gradient(top,#fff 0,#f6f6f6 5%,#f6f6f6 100%);
	background: -moz-linear-gradient(top,#fff 0,#f6f6f6 5%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,#fff 0,#f6f6f6 5%,#f6f6f6 100%);
	background: -o-linear-gradient(top,#fff 0,#f6f6f6 5%,#f6f6f6 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(5%,#f6f6f6),color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,#fff 0,#f6f6f6 5%,#f6f6f6 100%);
	background-clip: padding-box;
	border: 2px solid #396a07;
	border-radius: 6px;
	box-shadow: 0 0 15px rgba(0,0,0,.35);
	max-height: 600px;
	moz-background-clip: padding-box;
	moz-border-radius: 6px;
	moz-box-shadow: 0 0 15px rgba(0,0,0,.35);
	webkit-background-clip: padding-box;
	webkit-border-radius: 6px;
	webkit-box-shadow: 0 0 15px rgba(0,0,0,.35);
	
}

.joyride-content-wrapper {
  padding: 15px 10px 20px 15px;
}

/* Mobile */
@media only screen and (max-width: 767px) {
  .joyride-tip-guide {
    width: 95% !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    left: 2.5% !important;
  }
  .joyride-tip-guide-wrapper {
    width: 100%;
  }
}


/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide div.joyride-nub {
	display: block;
	position: absolute;
	left: 22px;
	width: 30px;
	height: 25px;
	/*border: solid 1px;
	border: solid 1px;*/
}

.joyride-tip-guide div.joyride-nub.top {
  /*
  IE7/IE8 Don't support rgba so we set the fallback
  border color here. However, IE7/IE8 are also buggy
  in that the fallback color doesn't work for
  border-bottom-color so here we set the border-color
  and override the top,left,right colors below.
  */
  /*border-color: #376908;
  border-color: rgba(0,0,0,0.8);
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;*/
  background: url("/images/cloud/myfiles/walkthrough_top.png") no-repeat;
  top: -16px;
  bottom: none;
  z-index: 102;
}

.joyride-tip-guide div.joyride-nub.bottom {
  /*
  IE7/IE8 Don't support rgba so we set the fallback
  border color here. However, IE7/IE8 are also buggy
  in that the fallback color doesn't work for
  border-top-color so here we set the border-color
  and override the bottom,left,right colors below.
  */
  border-color: #376908;
  border-color: rgba(0,0,0,0.8) !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  bottom: -28px;
  bottom: none;
}

.joyride-tip-guide div.joyride-nub.right {
  border-color: #376908;
  border-color: rgba(0,0,0,0.8) !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  top: 22px;
  bottom: none;
  left: auto;
  right: -28px;
}

.joyride-tip-guide div.joyride-nub.left {
  /*border-color: #376908;
  border-color: rgba(0,0,0,0.8) !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;*/
  background: url("/images/cloud/myfiles/walkthrough_left.png") no-repeat;
  top: 25px;
  left: -16px;
  bottom: none;
  z-index: 102;
}

/* Typography */
.joyride-tip-guide h1,.joyride-tip-guide h2,.joyride-tip-guide h3,.joyride-tip-guide h4,.joyride-tip-guide h5,.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: #333;
}
.joyride-tip-guide h1 { font-size: 30px; }
.joyride-tip-guide h2 { font-size: 18px; }
.joyride-tip-guide h3 { font-size: 22px; }
.joyride-tip-guide h4 { font-size: 18px; }
.joyride-tip-guide h5 { font-size: 16px; }
.joyride-tip-guide h6 { font-size: 14px; }
.joyride-tip-guide p {
  margin: 8px 0 18px 0;
  font-size: 13px;
  line-height: 15px;
}
.joyride-tip-guide a {
  color: #fff;
  text-decoration: none;
  border-bottom: dotted 1px rgba(255,255,255,0.6);
}
.joyride-tip-guide a:hover {
  color: #fff;
  border-bottom: none;
}
.joyride-tip-guide p a {
  color: #39731d;
  text-decoration: none;
}
.joyride-tip-guide p a:hover {
  color: #39731d;
  border-bottom: none;
}

/* Button Style */
.joyride-tip-guide .joyride-next-tip {
  width: auto;
  padding: 5px 18px 5px;
  font-size: 13px;
  text-decoration: none;
  color: rgb(255,255,255);
  border: solid 1px rgb(57,117,27);
  background: rgb(53,148,2);
  background: -moz-linear-gradient(top, rgb(52,150,3) 0%, rgb(56,120,24) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(52,150,3)), color-stop(100%,rgb(56,120,24)));
  background: -webkit-linear-gradient(top, rgb(52,150,3) 0%,rgb(56,120,24) 100%);
  background: -o-linear-gradient(top, rgb(52,150,3) 0%,rgb(56,120,24) 100%);
  background: -ms-linear-gradient(top, rgb(52,150,3) 0%,rgb(56,120,24) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359402', endColorstr='#387818',GradientType=0 );
  background: linear-gradient(top, rgb(52,150,3) 0%,rgb(56,120,24) 100%);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
     -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
          box-shadow: 0px 1px 0px rgba(255,255,255,0.3) inset;
}

.joyride-next-tip:hover {
  color: rgb(255,255,255) !important;
  border: solid 1px rgb(57,117,27) !important;
  background: rgb(53,148,2);
  background: -moz-linear-gradient(top, rgb(52,150,3) 0%, rgb(56,120,24) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(52,150,3)), color-stop(100%,rgb(56,120,24)));
  background: -webkit-linear-gradient(top, rgb(52,150,3) 0%,rgb(56,120,24) 100%);
  background: -o-linear-gradient(top, rgb(52,150,3) 0%,rgb(56,120,24) 100%);
  background: -ms-linear-gradient(top, rgb(52,150,3) 0%,rgb(56,120,24) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359402', endColorstr='#387818',GradientType=0 );
  background: linear-gradient(top, rgb(52,150,3) 0%,rgb(56,120,24) 100%);
}

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px rgba(255,255,255,0.1);
  position: absolute;
  right: 17px;
  bottom: 16px;
}
.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: rgba(255,255,255,0.25);
}

.joyride-close-tip {
	background-color: #99B292;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 3px;
	color: #FFFFFF;
	display: inline-block;
	height: 20px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
	width: 20px;
  	font-size: 19px;
	font-weight: bold;
	line-height: 19px;
	text-align: center;
	text-indent: 2px;
}

.joyride-close-tip:hover {
  color: #FFFFFF;
}

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgb(0,0,0);
  background: transparent;
  background: rgba(0,0,0, 0.5);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer;
}
.custom {
	margin: 20px 0 0 40px;
}
.custom1 {
	margin: 30px 0 0 30px;
}
.custom2 {
	margin: -10px 0 0 60px;
}
.custom3 {
	margin: -40px 0 0 -70px;
}
.custom4 {
	margin: -90px 0 0 -70px;
}
.custom7 {
	margin: 25px 0 0 0;
}
.custom8 {
	margin: -40px 0 0 -70px;
}
.custom9 {
	margin: -50px 0 0 -70px;
}
.custom10 {
	margin: -90px 0 0 -70px;
}
.custom12 {
	margin: -36px 0 0 -70px;
}
#numero6 {
	/*left:180px;
	position: absolute;
	top:120px;*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.custom2 {
	margin: -10px 0 0 90px;
}
.custom3 {
	margin: -20px 0 0 -70px;
}
.custom7 {
	margin: 45px 0 0 0;
}
.custom8 {
	margin: -15px 0 0 -70px;
}
#numero6 {
	/*top: 95px;*/
}
}