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

header{padding: 25px; text-align: center;}

#top_banner{ background: #0E2440 url(https://cdn1macro.cdnedge.bluemix.net/imagen/back_banner1.jpg) no-repeat left; min-height: 200px; }
#top_banner .content{float: right; color:#ffffff; background: rgba(14, 36, 64,.6);  padding:25px 20px; }
#top_banner .content h1{margin-bottom: 15px}
#banner_aux{display: none}

#main .row{background: #eeeeee; border-radius: 10px; margin-top:45px; color:#707070}
#main .text{padding: 20px 5px; }

#main form{background: #F6F6F6 url(https://cdn1macro.cdnedge.bluemix.net/imagen/lock.png) no-repeat; background-position: bottom right; padding: 45px; min-height: 300px; border-radius: 10px; box-shadow: -3px 7px 22px 0px rgba(215,214,214,0.83); -webkit-box-shadow: -3px 7px 22px 0px rgba(215,214,214,0.83); -moz-box-shadow: -3px 7px 22px 0px rgba(215,214,214,0.83); }
#main form label{text-align: center;  display: block; font-weight: 300 }
#main form input{display: block; padding: 15px; text-align: center; border:6px; width:90%; max-width: 500px;  margin:20px auto; margin-top: 8px; border-radius: 8px; box-shadow: -3px 7px 22px 0px rgba(215,214,214,0.83); -webkit-box-shadow: -3px 7px 22px 0px rgba(215,214,214,0.83); -moz-box-shadow: -3px 7px 22px 0px rgba(215,214,214,0.83); }
#main form input.button{background: #0E2440; color: #ffffff; text-align: center; width:200px; margin:20px auto; text-transform: uppercase; margin-top:50px }


#main ul li {background: url("https://cdn1macro.cdnedge.bluemix.net/imagen/check-list.png") no-repeat  left; background-size: 22px; line-height: 1.8em;  padding-left:35px; list-style: none}

footer{text-align: center; padding:20px; color: #666; color:#707070; }
footer p{width:80%; margin:0 auto}

  @media only screen and (max-width: 33.75em) {

#top_banner{ background: url(https://cdn1macro.cdnedge.bluemix.net/imagen/back_banner1.jpg) no-repeat top; min-height: 180px; background-size: cover; margin-bottom:0 }
#top_banner .container{margin:5px auto;  }
#top_banner .content{display: none}
#banner_aux{display: block; background: #0E2440; color:#fff; width: 100%;margin-top:-20px; text-align: center }
#banner_aux h1{font-size: 25px; padding-top:25px }
#banner_aux p{font-size: 16px; padding-bottom:25px  }
 #main p{text-align: center; font-size: 16px;}
	  #main ul{padding: 0; margin-left:10px}
	  #main ul li{margin-bottom: 15px; font-size: 16px;; line-height: 1.8em; color:#707070}
	  footer p{width:80%; margin:0 auto; font-size: 16px}

}