body
{
background: #0489B1 url(../img/bg-movistar.png) repeat-x;
}  
h1{
  color: #FFFFFF;
  margin: 16px auto 18px;
}

img.img-right {
  width: 79px;
  float: right;
  margin-top: -17px;
}

img.img-left {
    width: 130px;
    margin-top: -5px;
    float: left;
    margin-bottom: 8px;
}

.modal-header {background: #174D70;border-radius: 0 0 3px 3px;border-bottom: 1px solid #CCCCCC;}
.modal-footer {   border-top: 0px;    padding-bottom: 0;}

.modal-body p.subtitle{
	text-shadow: rgb(182, 185, 188) 0.1em 0.1em 0.2em;
	color: #006695;
	padding: 18px;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
}

.modal-body button.btn{
	border: none;
}

a.link{
	text-decoration: none;
}

a.link.link-1 .arrow_box {
	position: relative;
	background: #00A2FF;
	border: 4px solid #00A2FF;
	border-radius: 5px;
	width: 100%;
	margin-left: 0px;
    -webkit-transition: width 1s ,margin-left 1s ease-in-out;
    -moz-transition: width 1s ,margin-left 1s ease-in-out;
    -o-transition: width 1s ,margin-left 1s ease-in-out;
    transition: width 1s ,margin-left 1s ease-in-out;
}

a.link:hover .arrow_box:after, a.link:hover .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

a.link.link-1:hover .arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #00A2FF;
	border-width: 18px;
	margin-top: -11px;
}
a.link.link-1:hover .arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #00A2FF;
	border-width: 25px;
	margin-top: -25px;
}


a.link.link-2 .arrow_box {
	position: relative;
	background: #006695;
	border: 4px solid #006695;
	border-radius: 5px;
	width: 100%;
	margin-left: 0px;
    -webkit-transition: width 2s ,margin-left 1s ease-in-out;
    -moz-transition: width 2s ,margin-left 1s ease-in-out;
    -o-transition: width 2s ,margin-left 1s ease-in-out;
    transition: width 2s ,margin-left 1s ease-in-out;
}

a.link:hover .arrow_box {
	margin-left: -10px;
	width: 65%;
}

a.link.link-2:hover .arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #006695;
	border-width: 18px;
	margin-top: -11px;
}
a.link.link-2:hover .arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #006695;
	border-width: 25px;
	margin-top: -25px;
}
a.link .arrow_box h1{
	font-size: 20px;
  padding-left: 20px;
  margin: 10px;
    color: #FFF;
}
img.img-float {
  visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear;
  float: right;  
  margin-top: -59px;
  margin-right: 89px;
  width: 69px;
}
a.link:hover img.img-float {
  visibility:visible;
  opacity:1;
  transition-delay:1s;
  float: right;  
  margin-top: -59px;
  margin-right: 89px;
  width: 69px;
}