body{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#595959; background:#000;} /* CSS Reset */ * {margin:0; padding:0; border:0; list-style:none; vertical-align:baseline;} .floatstop {clear: both;} a,img {border:0; margin:0; padding:0;} html {margin:0; padding:0;} p {line-height:19px;} h1 {font-family: "Myriad Apple"; color:#2892bc; font-size:33px; letter-spacing: -0.5px; font-weight:bold;} h2 {font-family: "Myriad Apple"; color:#404040; font-size:20px; letter-spacing: -0.5px; font-weight:bold;} h3 {font-family: "Myriad Apple"; color:#404040; font-size:18px; letter-spacing: -0.5px; font-weight:bold;} h4 {font-family: "Myriad Apple"; color:#2892bc; font-size:18px; letter-spacing: -0.5px; font-weight:bold;} h5 {font-family: "Myriad Apple"; color:#898888; font-size:14px; letter-spacing: -0.5px; font-weight:bold;} a:link {text-decoration:underline; color:#2187af; outline:none; cursor:pointer;} a:visited {text-decoration:underline; color:#2187af; outline:none; cursor:pointer;} a:hover {text-decoration:underline; color:#2187af; outline:none; cursor:pointer;} .list-style li {margin-left:15px; list-style:disc; margin-bottom:7px;} /*---Image Link---*/ /* .imagelink img {border:3px solid #ccc;} .imagelink a:active img {border:3px solid #ccc;} .imagelink a:visited img {border:3px solid #ccc;} .imagelink a:hover img {border:3px solid #2d91b9;} */ .imagelink img {border:1px solid #ccc; padding:3px;} .imagelink a:active img {border:3px solid #ccc;} .imagelink a:visited img {} .imagelink a:hover img {border:4px solid #2d91b9; padding:0;} /*---LIVE COUNTDOWN---*/ #divfloatContainer {width: 100%; height:184px; position: absolute; top:100px;} #divfloat {width: 972px; height: 184px; margin: 0 auto; } .LiveCountdown {width:236px; height:184px; background:url(../img/livecountdown.png); float:right; margin-right: -260px;} .CountMonth {width:236px; height:32px; padding-top:13px; font-family:"myriad", arial, tahoma; font-weight:400; font-size:16px; color:#ffffff; text-align: center; letter-spacing:-0.5px; } .LiveCountdown ul {margin-top:36px; padding-left:28px;} .LiveCountdown ul li {width:40px; margin-right:2px; text-align:center; float:left; font-family:"MCondensed", arial, tahoma; font-weight:700; font-size:31px; color:#ffffff;} .LiveCountdown ul li:first-child {width:50px;} .LiveCountdown .CountText li {margin-top:-5px; font-size:10px!important; color:#68aac4!important; font-family:"myriad", arial, tahoma!important;} .LiveCountdown a {width:216px; height:35px; display:block; margin:auto; margin-top:22px;} .LiveCountdown a span {display:none;} /*---LIVE COUNTDOWN 2---*/ .LiveCountdown2 {width:236px; height:295px; background:url(../img/livecountdown2.png); float:right; margin-right: -260px;} .CountMonth2 {width:236px; height:32px; padding-top:5px; font-family:"myriad", arial, tahoma; font-weight:400; font-size:16px; color:#ffffff; text-align: center; letter-spacing:-0.5px; } .LiveCountdown2 ul {margin-top:23px; padding-left:28px;} .LiveCountdown2 ul li {width:40px; margin-right:2px; text-align:center; float:left; font-family:"MCondensed", arial, tahoma; font-weight:700; font-size:31px; color:#ffffff;} .LiveCountdown2 ul li:first-child {width:50px;} .LiveCountdown2 .CountText li {margin-top:-5px; font-size:10px!important; color:#68aac4!important; font-family:"myriad", arial, tahoma!important;} .LiveCountdown2 a {width:216px; height:35px; display:block; margin:auto; margin-top:22px;} .LiveCountdown2 a span {display:none;} span.diferente {vertical-align: 3px;} /*---validator---*/ label {display: block;} label.error {background:url(../img/message_left.png) no-repeat left; height:18px; color:#db3a3a; vertical-align: top; font-size: 10px; padding:4px 5px 0 12px; text-align:left; border-right:solid 1px #e5b064;} .message-right{width:20px; height:22px; background:url(../img/message_right.png);} /* ONLINE-EXPERIENCE */ .btnExperience { width: 461px; height: 77px; float: left; } .btnExperience:hover { cursor: pointer; } .normalOnline { background: url('../img/global_sprites.png') 0 -1686px no-repeat } .normal2go { background: url('../img/global_sprites.png') -480px -1686px no-repeat } .activeOnline { background: url('../img/global_sprites.png') 0 -1795px no-repeat } .active2go { background: url('../img/global_sprites.png') -480px -1795px no-repeat } /*/////////////------- BANNER HOME - Costanzao and First AID --------/////////////*/ #twoBanners {width:930px; height:210px; padding:0 21px;} #bannerCostanzo a {width:455px; height:188px; background:url("../img/banner_costanzo.jpg"); float:left; margin-right:20px;} #bannerCostanzo span {display:none;} #bannerFirstAid a {width:455px; height:188px; background:url("../img/banner_firstaid.jpg"); float:left;} #bannerFirstAid span {display:none;} /*/////////////------- BANNER HOME - Costanzao and First AID --------/////////////*/ /*---modal window---*/ #backgroundPopup {display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1; } #popupContact {display:none; position:fixed; _position:absolute; height:auto; width:350px; background:#FFFFFF; border:2px solid #cecece; z-index:2; padding:12px; font-size:13px; } #popupContactClose {font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; cursor: pointer; } #container{width:100%; height:100%; background:url(../img/bg.jpg) no-repeat center top #000;} /*---menu---*/ #content-menu{width:100%; height:42px; background:url(../img/bg_menu.gif) repeat-x;} #menu{width:972px;/* padding-left:360px;*/ margin:0 auto;} #menu ul {float:right;} #menu li{height:42px; float:left; margin:0;} #gray-menu{width:0; height:42px; background:url(../img/bg_menu_gray.gif) repeat-x} #logos{width:972px; height:140px; margin:0 auto;} #logos-main{width:510px; height:140px; float:left;} #logos-main a {display:block; width:212px; background:url("../img/global_sprites.png") no-repeat 0 -747px; height:100%;} #logos-main span, #logos-main h1 {display:none;} #logos-secondaries{width:441px; height:44px; margin-top:43px; float:right;} #logos-secondaries li{height:44px; float:left; } #logos-secondaries li a{display:block; height:100%; background:url("../img/global_sprites.png") no-repeat;} #logos-secondaries li span{display:none;} #topLive a{width:144px; background-position:0 -564px!important;} #topLive a:hover{background-position:0 -648px!important;} #topOnline a{width:152px; background-position:-144px -564px!important;} #topOnline a:hover{background-position:-144px -648px!important;} #top2go a{width:145px; background-position:-296px -564px!important;} #top2go a:hover{background-position:-296px -648px!important;} #topFirstAid a{width:145px; background-position:-296px -1504px!important;} #topFirstAid a:hover{background-position:-296px -1588px!important;} /************* MENU HOME ***************/ #menuSub {width:971px; height:49px; margin:0 auto; padding:0 1px; background:url(../img/global_sprites.png) no-repeat 0 -1943px; font-family:"myriad", arial, tahoma; font-weight:800; font-size:15px; position:relative; z-index:30;} #menuSub li {position:relative; float:left; background:url(../img/global_sprites.png) no-repeat right -2039px;} #menuSub li a {display:block; float:left; padding: 0 23px; height:49px; line-height:48px; color:#c8c8c8; text-decoration:none;} #menuSub li a:hover {color:#2992bc;} #menuSub li:first-child {padding-left:1px;} #menuSub .lastLi a {padding:0 22px 0 21px;} #menuSub .lastLi {background:none; } #menuSub .lastLi:hover {background-position:-745px -2129px;} #menuSub li:hover a { background:url(../img/global_sprites.png) no-repeat center -2020px; } #menuSub li:hover {background:url(../img/global_sprites.png) no-repeat right -2129px;} #menuSub .noArrow a {background:none!important;} /* sub levels link hover */ #menuSub ul li:hover a, #menuSub li:hover li a { background: none; } /* dropdown */ #menuSub li ul li:first-child {padding-left:0px; } #menuSub li ul li {background:none;} #menuSub li:hover > ul { display: block;} #menuSub li ul { display:none; position:absolute; top:49px; left:-3px!important; left:0; z-index:30;} #menuSub li:hover ul {display:block;} #menuSub li ul a {width:202px; height:32px; /*line-height:30px;*/ color:#363636!important; font-size:15px;} #menuSub li ul a:hover {color:#2c7896!important;} #menuSub li ul li:first-child a:hover,#menuSub li ul li a:hover,#menuSub li ul .lastLi a:hover,#menuSub li ul .lastLi:hover {background-position:0px -2030px!important;} /*FIST LI*/ #menuSub li ul li:first-child a {background-position:0px -2129px !important; padding:0 15px; width:202px; height:35px; line-height:34px;} #menuSub li ul li:first-child:hover {background-position:-240px -2129px !important; padding:0; width:232px; height:35px; line-height:34px;} /*MIDLE LI*/ #menuSub li ul li a {background:url(../img/global_sprites.png) no-repeat 0px -2132px !important; padding:0 15px!important; width:202px; height:32px; line-height:28px;} #menuSub li ul li:hover {background-position:-240px -2132px !important; padding:0; width:232px;} /*LAST LI*/ #menuSub li ul .lastLi a {background-position:0px -2164px !important; padding:0 15px; width:202px; height:35px; } #menuSub li ul .lastLi:hover {background-position:-240px -2164px !important; padding:0; width:232px; height:35px;} /* clearfix */ #nav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #nav { display: inline-block;} html[xmlns] #nav { display: block;} /************* MENU END *************/ /* menu tab */ #menuTab {width:972px; margin:0 auto;} #menuTab ul {margin:0; padding:0; float:right;} #menuTab li {float:left; background:url(../img/global_sprites.png) no-repeat right 0;} #menuTab li:hover {background:url(../img/global_sprites.png) no-repeat right -161px;} #menuTab a {display:block; height:13px; padding:14px 15px; text-decoration:none; font-family: "myriad", arial, tahoma; color:#9f9f9f; font-size:14px; font-weight:700; margin:0; line-height:11px;} #menuTab a:hover {text-decoration:none; color:#29b1e7; background:url("../img/global_sprites.png") no-repeat -792px -241px;} #menuTab #tabSignIn {background:url(../img/global_sprites.png) no-repeat right -322px;} #menuTab #tabSignIn:hover {background:url(../img/global_sprites.png) no-repeat right -403px;} #menuTab #tabSignIn a:hover{background:url(../img/global_sprites.png) no-repeat -792px -483px;} #menuTab #tabStudentCenter {background:url(../img/global_sprites.png) no-repeat right -322px;} #menuTab #tabStudentCenter:hover {background:url(../img/global_sprites.png) no-repeat right -403px;} #menuTab #tabStudentCenter a {color:#26a3d5!important;} #menuTab #tabStudentCenter a:hover{background:url(../img/global_sprites.png) no-repeat -792px -483px;} #tabStore {background:url(../img/global_sprites.png) no-repeat 0 -81px !important; height:41px; width:105px;} #tabStore a {height:13px; width:75px;} #tabStore a:hover {background:url(../img/global_sprites.png) no-repeat right -81px !important;} #tabStore span {display:none;} /*---main---*/ #main-top{width:972px; height:19px; background:url(../img/global_sprites.png) no-repeat left -912px; margin:0 auto;} #main{width:972px; height:auto; margin:0 auto; background:#ffffff;} #main-banner{width:951px; height:262px; margin:0 auto; background:#ffffff; padding-left:21px;} #main-courses-bar{width:930px; height:154px; margin:21px auto;} #main-courses-bar-left {width:398px; height:108px; margin-right:11px; float:left;} #main-midle{width:930px; height:800px; margin:0 auto;} #main-student-success{width:268px; height:auto; margin-left:21px; float:left;} #main-student-title{width:268px; height:47px;} #main-student-title h2 {color:#2187af; font-size:22px; line-height:18px;} #main-student-title h5 {color:#999999; font-size:14px;} .main-student-video{width:264px; height:144px; background:url(../img/global_sprites.png) no-repeat right -560px; padding:4px 0 0 4px} .successWatch {float:right;} .successWatch a {width:78px; height:30px; display:block; background:url("../img/global_sprites.png") no-repeat -610px -612px;} .successWatch a:hover {background-position:-610px -572px;} .successWatch span {display:none;} #mainMiddlecolumn {width:269px; height:auto; float:left; padding:0 16px;} #main-success-txt{width:248px; height:173px; background:url(../img/global_sprites.png) no-repeat left -341px; float:left; padding:10px;} .success-text-quote{height:20px; font-family:georgia; font-size:45px; color:#2187af; margin-top:-8px;} .success-text{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#646464; padding:5px 12px 0px 12px; line-height:19px;} .success-text a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#646464; text-decoration:none;} .success-text-author{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#2187af; padding-left:10px; margin-top:-10px;} #mainBlog {width:auto; height:auto; float:left; margin-top:20px;} #mainBlog h2 {color:#2187af; font-size:22px; line-height:23px!important;} .mainBlogDate {font-size:11px; color:#2187af;} a.mainBlogLink b {color:#585858;} a.mainBlogLink {text-decoration:none; color:#858585; line-height:21px;} a.mainBlogLink:hover {text-decoration:underline;} #main-news{width:361px; height:363px;float:right; margin-right:21px;} #main-news-banner{width:361px; height:190px;} #main-news-news{width:361px; height:160px; margin-top:20px; line-height:18px;} .news-title {font-family:"Myriad Apple"; font-size:22px; color:#2187af; font-weight:bold; line-height:24px;} .class-link{color:#2187af; text-decoration:none;} /*---footer---*/ #footer{width:972px; height:auto; margin:0 auto;} #footer-socialnetwork {height:69px; background:url("../img/global_sprites.png") #fff no-repeat center -1017px; padding:25px 21px 0 21px;} #socialnetwork-left {width:370px; height:47px; float:left; padding-top:19px; padding-left:10px;} #socialnetwork-left ul li {float:left; margin:0;} #socialnetwork-left ul li a {background:url("../img/global_sprites.png") no-repeat;} #falconYoutube a {background-position:0 -279px!important; display:block; width:95px; height:31px;} #falconYoutube a:hover {background-position:0 -229px!important;} #falconYoutube span {display:none;} #falconFacebook a {background-position:-112px -279px!important; display:block; width:107px; height:31px;} #falconFacebook a:hover {background-position:-112px -229px!important;} #falconFacebook span {display:none;} #falconTwitter a {background-position:-241px -279px!important; display:block; width:107px; height:31px; } #falconTwitter a:hover {background-position:-241px -229px!important;} #falconTwitter span {display:none;} #falconBlog a {background-position:-371px -279px!important; display:block; width:61px; height:31px;} #falconBlog a:hover {background-position:-371px -229px!important;} #falconBlog span {display:none;} #socialnetwork-right {width:297px; color:#858585; font-size:11px; height:44px; float:left; padding:14px 18px 0 235px;} #footer-shadown{width:auto; height:24px; background:url(../img/footer_shadown.gif);} #footerBoxgray {width:auto; height:94px; padding:44px 21px 24px; background:url("../img/global_sprites.png") #fff no-repeat left -1125px;} #footerBoxgray a span {display:none;} .footerBoxgrayText {height:45px;} .footerBoxgrayText h2{color:#585858; font-size:18px; line-height:16px;} .footerBoxgrayText h5{color:#585858; font-size:14px;} /*.footerTxtitalic {font-family:"myriad"; color:#585858; font-size:14.5px; letter-spacing: -0.5px; font-weight:400; *letter-spacing: -1px; margin:0; line-height:0px;}*/ #footer-rock{width:267px; height:89px; float:left; padding-left:20px;} #footer-rock a{width:216px; height:30px; outline:0; background:url("../img/global_sprites.png") no-repeat -39px -1304px; display:block;} #footer-rock a:hover{background-position:-39px -1344px;} #footer-instructors{width:265px; height:89px; float:left;} #footer-instructors a{width:267px; height:30px; outline:0; background:url("../img/global_sprites.png") no-repeat -306px -1304px; display:block;} #footer-instructors a:hover{background-position:-306px -1344px;} #footer-diferent{width:340px; height:89px; float:left; padding-left:38px;} #footer-diferent a{width:328px; height:30px; outline:0; background:url("../img/global_sprites.png") no-repeat -609px -1304px; display:block;} #footer-diferent a:hover{background-position:-609px -1344px;} #footer-menu{width:972px; height:32px; background:url(../img/global_sprites.png) no-repeat left -1404px; text-align:center; padding-top:14px; font-weight:bold;} #footer-menu a{text-decoration:none; color:#595959; } #footer-menu a:hover{text-decoration:underline; color:#23627e;} span.facebook {vertical-align:-2px; padding-right:5px;} span.footer-separator {vertical-align:3px;} #footer-logo{width:972px; height:81px; margin:23px auto 35px 0;} #footer-logoFalcon{width:131px; height:81px; margin:auto; background:url(../img/global_sprites.png) no-repeat right -760px;} #footer-logoFalcon span {display:none;} #footer-copyright{width:972px; height:45px; float:right; font:normal 10px arial; color:#595959; text-align:center;} #footer-copyright a{text-decoration:none; color:#23627e;} #footer-copyright a:hover{text-decoration:underline;} #footer-bar-bottom{width:972px; height:30px; background:url(../img/global_sprites.png) no-repeat center -946px;} .loading-box{background: url(../img/ajax-loader.gif) no-repeat center center; width:50px; height:50px;} #troble-container {padding: 0 89px} #troble-videos { width:747px; height: 40px; background:url(../img/troble_videos.png) no-repeat; cursor: pointer;} #questions {height:190px; display:none; padding-top:21px; width:745px; background-color: #fffde9; border-left: #dedede solid 1px; border-bottom: #dedede solid 1px; border-right: #dedede solid 1px;} #questions p{ padding-left:32px; padding-right:15px; font-weight:normal;} #questions a{ text-decoration:underline; color:#d89e01;} .troble-message {margin:9px 0px 0px 0px; float:left;} #questions #contact-form {display:none; padding-left:32px; height:auto!important;} /*#contact-form label.error {display:none!important;}*/ #terms_field{ background:url(../img/forms/form_input_bg.gif) repeat-x scroll center top #FFFFFF; border-color:#9B9B9B #C7C7C7 #CDCDCD #B0B0B0; border-style:solid; border-width:1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:4px; width:875px; height:115px; margin-left:22px;} .questionbank label.error {margin-left: 280px;}