/* Club One StyleSheet */ /* styles */ body{ margin: 0px; padding: 0px; font-family: Verdana, Geneva, sans-serif; color: #333333; font-size: 12px; background-image: url('../img/pageBackBlue.png'); background-repeat: repeat-x; } /* Base attr */ img{ border: none; } /* H1 */ h1{ margin: 0px; color: #045AC9; font-size: 18px; } a, a:visited{ color: #325080; } a:hover{ color: #000099; } h2 { margin: 0px; color: #045AC9; font-size: 16px; font-weight: normal; margin-bottom: 10px; margin-top: 10px; } /* Header */ #header{ width: 950px; margin: auto; position: absolute; left: 50%; margin-left: -475px; margin-top: 10px; color: #666666; } /* Club One Logo */ #header #mainLogo{ background-image: url('../img/mainLogo.gif'); height: 146px; width: 146px; position: absolute; z-index: 5; margin-left: -7px; cursor: pointer; } /* Tools - Top-Right Options */ #header #tools{ width: 945px; position:absolute; text-align:right; top: 15px; } /* Tools Links */ #header #tools a:link, #header #tools a:visited{ color: #666666; text-decoration: none } #header #tools a:hover{ text-decoration: underline; color: #000000; } /* Text Size Options */ #header #tools .textSize1{ font-size: 10px; } #header #tools .textSize1 a:link, #header #tools .textSize1 a:visited{ text-decoration: underline } #header #tools .textSize2{ font-size: 12px; } #header #tools .textSize2 a:link, #header #tools .textSize2 a:visited{ text-decoration: underline } #header #tools .textSize3{ font-size: 14px; } #header #tools .textSize3 a:link, #header #tools .textSize3 a:visited{ text-decoration: underline } #header #tools a.active { text-decoration: none !important; } /* Search box - Search in all the site */ #header #search{ width: 945px; position:absolute; text-align:right; top: 70px; } /*Search TextBox */ #header #search input.text{ background-color: #F0F0F0; border: 1px solid #B5B5B5; width: 110px; font-size: 12px; color: #666666; display: inline; } /*Search Go Button */ #header #search input.button{ background-color: #F0F0F0; border: 1px solid #B5B5B5; margin-left: 5px; color: #666666; font-size: 12px; height: 19px; display: inline; } /* Site navigation menu */ #header #mainMenu{ margin: 0px; padding: 0px; padding-left: 130px; padding-top: 16px; background-image: url('../img/menuBack.png'); width: 820px; height: 33px; position: absolute; top: 130px; list-style: none; z-index: 0; } #header #mainMenu li{ display: inline; font-size: 12px; padding: 0px 2px 0px 10px; background-image: url(../img/mainMenuDivisor.png); background-repeat: no-repeat; } #header #mainMenu li a:link, #header #mainMenu li a:visited{ color: #045AC9; text-decoration: none; font-weight: bold; } #header #mainMenu li a:link.active, #header #mainMenu li a:visited.active{ color: #C72435; } #header #mainMenu li a:hover.active{ color: #045AC9; } #header #mainMenu li a:hover{ color: #C72435; } #header #mainMenu li.first{ padding: 0px 2px 0px 0px; background-image: none; background-repeat: no-repeat; } /* Body */ #body{ width: 950px; position: absolute; left: 50%; margin-left: -475px; top: 200px; } /* Home Banner */ #body #homeBanner{ margin-left: -43px; margin-bottom: 5px; } /* Content Container */ #body .contentBorderTop{ background-image: url(../img/contentBorderTop.gif); height: 13px; width: 950px; } #body #actualPath{ margin-bottom: 30px; margin-top: 10px; position: relative; z-index: 10; } #body .content{ background-image: url(../img/contentBackground.png); background-position: top; background-repeat: repeat-y; width: 890px; padding: 30px; padding-bottom: 20px; } #body .contentBorderBottom{ background-image: url(../img/contentBorderBottom.gif); height: 13px; width: 950px; clear: both; margin-bottom: 10px; background-repeat: no-repeat; } #body .content .leftColumn{ width: 635px; padding-right: 30px; float: left; border-right: 1px dotted #999999; min-height: 340px; } #body .content .contentBanners{ width: 200px; float: right; } #body .content .contentLogin{ width: 300px; padding-right: 30px; float: left; } #body .content .contentLogin input.text { display:block; width: 230px; } #body .content .contentRegister{ width: 450px; float: right; } #body .content .contentRegister label { display: block; float: left; clear: left; width: 150px; margin-top: 10px; } #body .content .contentRegister input.text { display: block; width: 260px; float: left; margin-top: 10px; } #body .content .contentRegister input.submit { float: right; margin-right: 36px; } #body .content .contentRegister ul { margin: 0px; margin-left: 15px; padding: 0px; margin-bottom: -10px; } #body .content .contentBanners .classReserv{ background-image: url(../img/reservaClases.png); width:180px; padding-left: 20px; height:94px; } #body .content .contentBanners .classReserv h2{ margin: 0px; padding-top: 18px; padding-left: 23px; font-size: 14px; color: #AF1F22; margin-bottom: 10px; } #body .content .contentBanners .classReserv select{ width: 165px; margin-bottom: 5px; } #body .content .contentBanners .classReserv .cuposLibres{ float: left; font-size: 10px; } #body .content .contentBanners .classReserv a, #body .content .contentBanners .classReserv a:visited{ display: block; float: right; color: #325080; margin-right: 15px; margin-top: -3px; } #body .content .contentBanners .classReserv a:hover{ color: #000099; } #body .content .contentBanners .classReservMessage { font-size: 11px; margin-left: 10px; margin-top: 3px; margin-right: 5px; } #body .content .contentBanners .latestsNews{ background-image: url(../img/newsBanner.png); width:170px; padding-left: 20px; padding-right: 10px; font-size: 10px; color: #666666; height:219px; } #body .content .contentBanners .latestsNews ul{ margin: 0px; padding: 0px; list-style: none; } #body .content .contentBanners .latestsNews ul li{ margin: 0px; padding: 0px; margin-bottom: 15px; background-image: url(../img/newsBullet.gif); padding-left: 15px; background-repeat: no-repeat; background-position:left top; } #body .content .contentBanners .latestsNews h2{ margin: 0px; padding-top: 18px; padding-left: 23px; font-size: 14px; color: #AF1F22; margin-bottom: 10px; } #body .content .contentBanners .latestsNews a, #body .content .contentBanners .latestsNews a:visited{ color: #333333; font-size: 12px; } #body .content .contentBanners .latestsNews a:hover{ color: #999999; } #body .content .contentHeader{ background-image: url(../img/contentHeader.png); background-repeat: no-repeat; background-position: left top; position: absolute; height: 90px; width: 130px; left: -21px; top: -10px; padding-top: 50px; padding-left: 60px; z-index: 0; } #body .listingAlternate{ width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; } #body .listingAlternate tr{ background-color: #EBF3FC; } #body .listingAlternate tr td{ color: #777777; padding: 10px; } #body .listingAlternate tr td h6{ font-size: 14px; margin: 0px; color: #333333; } #body .listingAlternate tr td h6 i{ font-size: 14px; font-style: normal; font-weight: normal; color: #777777; } #body .listingAlternate tr td h6 a:link, #body .listingAlternate tr td h6 a:visited{ color: #333333; text-decoration: none; } #body .listingAlternate tr td h6 a:hover{ color: #666666; text-decoration: underline; } #body .listingAlternate tr.b{ background-color: #FFFFFF; } #body .listingAlternate tr td.small{ width: 50px; background-image: url(../img/listingImageContainer.png); background-repeat: no-repeat; background-position: left top; padding: 5px; vertical-align: top; } #body .listingAlternate tr td.medium{ width: 82px; background-image: url(../img/listingMediumImageContainer.png); background-repeat: no-repeat; background-position: left top; padding: 5px; vertical-align: top; } #body .listingAlternate tr td .colRight { float:right; width: 140px; text-align: left; font-weight: bold; } #body .listingAlternate tr td .colRight i { font-weight: normal; font-style: normal; } #body .listingAlternate tr td .colLeft{ float: left; width: 400px; } #body .activities { border-collapse: collapse; border: 1px solid #DDDDDD; } #body .activities thead tr { background-color: #EBF3FC; font-weight: bold; border-bottom: 1px solid DDDDDD } #body .activities thead tr th { text-align: left; vertical-align: middle; margin: 0px; padding: 5px; } #body .activities tbody tr td { padding: 5px; border: 1px solid #DDDDDD; } #body .activities tbody tr td.time { background-color: #EBF3FC; width: 100px; border: none; } .galleryItems{ } .galleryItems .galleryItem{ width: 70px; margin: 10px; height: 70px; padding: 3px; display: inline-block; background-image: url(../img/galleryItemContainer.gif); } .galleryItems #video{ width: 230px; height: 190px; display: none; margin-top: 10px; display: inline-block; vertical-align: middle; background-image: none; } /* Footer */ #footer{ background-image: url('../img/footerBack.png'); background-repeat: repeat-x; height: 100px; width: 940px; margin: auto; margin-left: 3px; } /* Brands logos */ #footer #footerLogos{ width: 700px; padding-top: 15px; float: left; } #footer #footerLogos img{ float: left; padding: 15px; padding-bottom: 0px; padding-top: 0px; } /* Powered by, standars and copyright */ #footer #footerCopyright{ text-align: right; font-size: 10px; color: #999999; line-height: 18px; padding-right: 15px; width: 200px; padding-top: 15px; float: right; } #footer #footerCopyright img{ vertical-align:middle; } #footer #footerCopyright a:link, #footer #footerCopyright a:visited{ color: #999999; } #footer #footerCopyright a:hover{ color: #333333; } /* Form Styles */ input.text{ display: block; margin-top: 3px; width: 300px; border: 1px solid #CCCCCC; background-image: url(../img/inputTextBackground.png); } input { display: block; } .frmActionButtons{ width: 557px; padding-top: 15px; text-align: left; } input.submit { border: 1px solid #CCCCCC; background-image: url(../img/inputTextBackground.png); margin-top: 10px; } textarea{ display: block; width: 550px; height: 200px; background-image: url(../img/inputTextareaBackground.png); background-repeat:repeat-x; border: 1px solid #CCCCCC; } label{ display: block; margin-top: 10px; font-weight: bold; } label.required{ color: #A71D2B; } .clear{ height: 0px; font-size: 0px; clear: both; } .filesItems a { display:block; float: left; clear: left; } .filesItems .fileName { clear: none; margin: 3px 0px 0px 3px; } .paginator { float:right; margin-top: 3px; } .radio { } .radio label { display:inherit; font-weight: bold; } .radio input { display: inherit; } /* Font Size 1 */ /* styles */ body.fontSize1{ font-size: 10px; } /* H1 */ body.fontSize1 h1{ font-size: 16px; } body.fontSize1 h2 { font-size: 14px; } /* Header */ /* Text Size Options */ body.fontSize1 #header #tools .textSize1{ font-size: 8px; } body.fontSize1 #header #tools .textSize2{ font-size: 10px; } body.fontSize1 #header #tools .textSize3{ font-size: 12px; } /* Search box - Search in all the site */ /*Search Go Button */ body.fontSize1 #header #search input.button{ font-size: 10px; } /* Site navigation menu */ body.fontSize1 #header #mainMenu li{ font-size: 10px; } body.fontSize1 #body .content .contentBanners .classReserv h2{ font-size: 12px; } body.fontSize1 #body .content .contentBanners .classReserv .cuposLibres{ font-size: 8px; } body.fontSize1 #body .content .contentBanners .classReservMessage { font-size: 9px; } body.fontSize1 #body .content .contentBanners .latestsNews{ font-size: 8px; } body.fontSize1 #body .content .contentBanners .latestsNews h2{ font-size: 12px; } body.fontSize1 #body .content .contentBanners .latestsNews a, #body .content .contentBanners .latestsNews a:visited{ font-size: 9px; } body.fontSize1 #body .listingAlternate tr td h6{ font-size: 12px; } body.fontSize1 #body .listingAlternate tr td h6 i{ font-size: 12px; } /* Footer */ /* Powered by, standars and copyright */ body.fontSize1 #footer #footerCopyright{ font-size: 8px; } /* Form Styles */ body.fontSize1 input { font-size: 10px; } body.fontSize1 textarea{ font-size: 10px; } /* Font Size 1 */ /* styles */ body.fontSize3{ font-size: 13px; } /* H1 */ body.fontSize3 h1{ font-size: 20px; } body.fontSize3 h2 { font-size: 17px; } /* Header */ /* Text Size Options */ body.fontSize3 #header #tools .textSize1{ font-size: 10px; } body.fontSize3 #header #tools .textSize2{ font-size: 14px; } body.fontSize3 #header #tools .textSize3{ font-size: 16px; } /* Search box - Search in all the site */ /*Search Go Button */ body.fontSize3 #header #search input.button{ font-size: 14px; } /* Site navigation menu */ body.fontSize3 #header #mainMenu li{ font-size: 12px; } body.fontSize3 #body .content .contentBanners .classReserv h2{ font-size: 14px; } body.fontSize3 #body .content .contentBanners .classReserv .cuposLibres{ font-size: 11px; } body.fontSize3 #body .content .contentBanners .classReservMessage { font-size: 12px; } body.fontSize3 #body .content .contentBanners .latestsNews{ font-size: 12px; } body.fontSize3 #body .content .contentBanners .latestsNews h2{ font-size: 16px; } body.fontSize3 #body .content .contentBanners .latestsNews ul li{ margin-bottom: 8px; } body.fontSize3 #body .content .contentBanners .latestsNews a, #body .content .contentBanners .latestsNews a:visited{ font-size: 11px; } body.fontSize3 #body .listingAlternate tr td h6{ font-size: 16px; } body.fontSize3 #body .listingAlternate tr td h6 i{ font-size: 16px; } /* Footer */ /* Powered by, standars and copyright */ body.fontSize3 #footer #footerCopyright{ font-size: 12px; } /* Form Styles */ body.fontSize3 input { font-size: 14px; } body.fontSize3 textarea{ font-size: 14px; } .hyperLinkMedium{ } .hyperLinkMedium img{ width: 70px; height: 70px; }