/* @override http://example.com:3001/stylesheets/main.css http://www.example.com:3001/stylesheets/main.css http://example.com:3000/stylesheets/main.css http://www.o2club.cl/stylesheets/main.css http://www.o2club.cl/stylesheets/main.css?1 */ /* @font-face */ @font-face { font-family: Caecilia; src: url('../fonts/CaeciliaLTStd-Roman.otf'); } @font-face { font-family: Caecilia; font-style: oblique; src: url('../fonts/CaeciliaLTStd-Italic.otf'); } @font-face { font-family: Caecilia; font-weight: bold; src: url('../fonts/CaeciliaLTStd-Heavy.otf'); } @font-face { font-family: Caecilia; font-weight: bold; font-style: oblique; src: url('../fonts/CaeciliaLTStd-HeavyItalic.otf'); } @font-face { font-family: "Yanone Kaffeesatz"; src: url('../fonts/YanoneKaffeesatz-Regular.ttf'); } @font-face { font-family: "Yanone Kaffeesatz"; font-weight: bold; src: url('../fonts/YanoneKaffeesatz-Bold.ttf'); } /* @group Reset */ html { -webkit-font-smoothing: antialiased; } body { behavior: url("csshover3.htc"); } body { font-size: 62.5%; font-size: 11pt; margin:0; font-family: "Yanone Kaffeesatz", "Helvetica Nue", Arial, Verdana, sans-serif; color:white; background: #1f1f1f url(../images/background.png) repeat-x; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0;} fieldset,img { border: 0; } img { -ms-interpolation-mode: bicubic;} img.left { margin-right: 12px; } ol li,ul li { list-style: none; } caption,th { text-align: left; } q:before,q:after { content: '';} a { text-decoration: none; } a.aOrange { color: #fe7611 !important; } abbr,acronym { border: 0;} :focus { outline: 0;} p { margin: 0 0 12px 0; } .right { float: right; } .left { float: left; } .clear { clear: both; } .aCenter { text-align: center; } h1,h2,h3,h4,h5,h6 { font-size: 100%; } h1 { font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-style: oblique; font-size: 36pt; letter-spacing: -1px; } h1 span { font-size: 14pt; color: #686868; letter-spacing: normal; } h1 span a { color: #21597f; text-decoration: underline; } h1 span a:hover { color: #fe7611; -webkit-transition: 0.5s color; } h2 { font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-size: 20pt; } h3 { font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-size: 18pt; } h4 { font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-size: 14pt; } h5 { font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-size: 11pt; } h6 { font-size: 14pt; font-weight: normal; } /* @botones */ /*a.aHorario { display: block; width: 169px; height: 36px; background: url(../images/button/horarioactividades.png) no-repeat; }*/ a.rss { display: block; width: 34px; height: 34px; background: url(../images/button/rss.png) no-repeat; } a.rss:hover { background-position: left bottom; } a.more { display: inline-block; height: 11px; padding: 0 0 0 14px; font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 8pt; color: #fe7611; background: url(../images/icon/more.png) no-repeat top left; overflow: hidden; margin: 12px 0; } a.more:hover { color: black; -webkit-transition: 0.5s color; } a.seeall { display: inline-block; padding: 0 30px 0 0; background: url(../images/icon/all.png) no-repeat right center; } a.leerarticulo { display: block; width: 90px; height: 18px; background: url(../images/button/leerarticulo.png) no-repeat; } a.leerarticulo:hover { background-position: left bottom; } a.aYellow { font-family: "Yanone Kaffeesatz", "Helvetica Nue", Arial, Verdana, sans-serif; display: block; color: black; text-transform: uppercase; font-size: 11pt; font-weight: bold; padding: 6px 20px 6px 10px; text-align: right; background: #ffcc00 url(../images/pointYellow.png) no-repeat right center; } a.verevento { display: block; width: 90px; height: 18px; background: url(../images/titles/verevento.png) no-repeat; } a.verevento:hover { background-position: left bottom; } a.haztesociotwo { display: block; width: 222px; height: 65px; background: url(../images/button/haztesocioahoratwo.png) no-repeat; } a.haztesociotwo:hover { background-position: left bottom; } a.leermas { display: block; width: 71px; height: 18px; background: url(../images/button/leermas.png) no-repeat; text-indent: -9999em; overflow: hidden; } a.leermas:hover { background-position: left bottom; } a.verUbicacion { display: inline-block; width: 90px; height: 18px; background: url(../images/button/verubicacion.png) no-repeat; } a.verUbicacion:hover { background-position: left bottom; } a.verespacio { display: inline-block; width: 90px; height: 18px; background: url(../images/button/verespacio.png) no-repeat; } a.verespacio:hover { background-position: left bottom; } a.suscribirme { display: block; width: 261px; height: 39px; background: url(../images/button/suscribirme.png) no-repeat; } a.suscribirme:hover { background-position: left bottom; } a.verdetalle { display: block; width: 90px; height: 18px; background: url(../images/button/verdetalle.png) no-repeat; } a.verdetalle:hover { background-position: left bottom; } /* @titles */ .mainTitle { position: relative; width: 936px; padding: 12px; color: #515151; margin-top: -6px; } .mainTitle h1 { color: #1f1f1f; font-style: normal; } .mainTitle p { display: block; width: 506px; font-size: 12pt; font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-weight: bold; font-style: oblique; } .mainTitle.alt { position: relative; border-bottom: 1px solid #fe7611; margin: -5px 0 12px 0; } .mainTitle.alt .thumb { width: 150px; margin-right: 12px; float: left; } .mainTitle.alt .mainTitleBody { width: 774px; float: left; } .mainTitle.alt .mainTitleBody h1 { display: block; } .mainTitle.alt .mainTitleBody .metaTitle { font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-size: 10pt; font-weight: normal; } .mainTitle.alt .mainTitleBody .metaTitle span.metaTitleDate { display: inline-block; padding: 7px 12px 4px 12px; color: white; background-color: #fe7510; font-size: 11pt; } .mainTitle.alt .mainTitleBody .mainTitleBody_info { padding: 10px 0 0 0; } .mainTitle.alt .mainTitleBody .mainTitleBody_info strong { font-weight: bold; color: #fe7510; } .mainTitle a.haztesociotwo { float: right; margin: 0 -12px 20px 20px; } .secondTitle { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 10pt; } .secondTitle p { margin-bottom: 6px; } .secondTitle h3 { padding: 4px 0 0 0; color: #2d5a7c; } .secondTitle h3 span { color: #515151; } .secondTitle a { color: #fe7611; font-weight: bold; } .secondTitle a:hover { color: black; -webkit-transition: 0.4s color } /* @end */ #header { position: relative; width: 960px; height: 234px; margin: 0 auto; } #header a#o2club { position: absolute; left:12px; bottom: 22px; display: block; width: 180px; height: 147px; background: url(../images/o2club.png) no-repeat; } #header #mainNav { position: absolute; right: 0; bottom: 20px; width: 742px; height: 83px; background: rgba(0,0,0,0.3); z-index: 3; } #header #mainNav ul { width: 742px; height: 83px; } #header #mainNav ul li { position: relative; float: left; } #header #mainNav ul li a { display: block; font-family: "Yanone Kaffeesatz", "Helvetica Nue", Arial, Verdana, sans-serif; color: white; font-size: 16pt; text-transform: none; width: 76px; height: 70px; padding: 13px 15px 0 15px;} #header #mainNav ul li a:hover { } #header #mainNav ul li a.current { color: #fe7611; -webkit-transition: 0.5s color; } #header #mainNav ul li a span { display: block; font: 7pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; color: #999999; } #header #mainNav ul li a.dropDownCurrent { position: relative; border-top: 2px solid #fc0; margin-top: -2px; } #header #mainNav ul li ul { width: 106px; height: auto; position: absolute; background: #fc0; top: 83; left: 0; visibility: hidden; } #header #mainNav ul li ul li a { display: block; width: 106px; height: auto; padding: 10px 0px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 10pt; color: black; text-align: center; } #header #mainNav ul li ul li a:hover { text-decoration: underline;} /* @loggedBar */ #header #loggedBar { position: absolute; right: 0; top: 26px; width: 413px; height: 75px; padding: 15px 0 0 20px; overflow: hidden; background: url(../images/bgLoggedbar.png) no-repeat; } #header #loggedBar strong { font-weight: normal; } #header #loggedBar h6 { display: inline-block; font-size: 13pt; height: 19px; background: url(../images/icon/candado.png) no-repeat left; padding: 0 12px 0 25px; float: left; } #header #loggedBar a { color: #fe7611; } #header #loggedBar a:hover, #header #loggedBar a.aOrange:hover { color: white !important; -webkit-transition: 0.5s color; } #header #loggedBar form { clear: both; } #header #loggedBar form ul { width: 413px; margin-top: 12px; } #header #loggedBar form ul li { display: inline; margin-right: 6px; } #header #loggedBar form ul li label { display: inline-block; } #header #loggedBar form input { width: 126px; height: 18px; padding: 0 12px; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 8pt; color: #444; font-weight: bold; } .ie #header #loggedBar form input { font-size: 9pt; } #header #loggedBar form input.submitLogin { width: 73px; padding: 0; cursor: pointer; background: url(../images/button/ingresar.png) no-repeat; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #header #loggedBar.logged { width: 280px; height: 60px; padding: 30px 0 0 20px; background: url(../images/bgLoggedbar_logged.png) no-repeat; } #header #loggedBar.logged a { color: #e6e6e6; } #header #loggedBar.logged .avatar { width: 30px; float: left; margin-right: 12px; } #header #loggedBar.logged .body { width: 208px; float: left; overflow: hidden; } #header #loggedBar.logged span { display: block; font-size: 14pt; } /* @mainPage */ #mainPage { width: 960px; background: white; margin: 0 auto; color: black; padding: 6px 0; } /* @modules */ .container { width: 948px; padding: 0 6px; } .two { width: 462px; padding: 6px; float: left; } .three { width: 304px; padding: 6px; float: left;  } .four { width: 225px; padding: 6px; float: left;  } .wide { width: 936px; padding: 6px; clear: both;  } .narrow { width: 500px; padding: 6px; float: left; } .narrowMedium { width: 620px; padding: 6px; float: left; } .narrowMax { width: 699px; padding: 6px; float: left; } .sidebar { width: 424px; padding: 6px; float: left; } .sidebarMin { width: 225px; padding: 6px; float: left; } .sidebarMedium { width: 304px; padding: 6px; float: left; } /* @featured */ #mainFeatured { position: relative; width: 936px; height: 300px; padding: 6px 12px; z-index: 0; } #mainFeatured #featured { position: relative; width: 720px; overflow: hidden; height: 300px; z-index: 0; } #mainFeatured a#haztesocio { position: absolute; top: 6px; left: 744px; display: block; width:287px; height:65px; background: url(../images/button/haztesocioahora.jpg) no-repeat; z-index: 2; } #mainFeatured a#haztesocio:hover { background-position: left bottom; } #mainFeatured #llavetgs { position: absolute; right: 12px; bottom: 18px; width: 215px; height: 165px; padding: 23px; background: #1f1f1f url(../images/bgllavetgs.png) no-repeat right 100px; z-index: 2; color: white; font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-size: 8pt; } #mainFeatured #llavetgs h4 { color: #fe7611; margin-bottom: 12px; } #mainFeatured #llavetgs ul { width: 130px; } #mainFeatured #llavetgs ul li { margin-bottom: 12px; } #mainFeatured #llavetgs ul li span { color: #ffcc00; } #mainFeatured #llavetgs a.aYellow { position: absolute; left: 0; bottom: 0; width: 231px; } #mainFeatured #navFeatured { position: absolute; left: 57px; bottom: 57px; width: 630px; height: 17px; z-index: 1; } #mainFeatured #navFeatured li { float: left; } #mainFeatured #navFeatured li a { display: block; width: 17px; height: 17px; margin-right: 17px; background: black; } #mainFeatured #navFeatured li a:hover { background: white; -webkit-transition: 0.5s background; } #mainFeatured #navFeatured li a.activeSlide { background: #ffcc00; } #mainFeatured #featured .element { position: relative; width: 720px; height: 300px; z-index: 0; } #mainFeatured #featured .element .elementContent { position: absolute; font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-style: oblique; font-size: 14pt; top: 45px; left: 45px; width: 580px; height: 170px; overflow: hidden; z-index: 1; color: white; text-shadow: rgba(0,0,0,0.75) 0 1px 0; font-weight: bold; } #mainFeatured #featured .element .elementContent h1 { margin-bottom: 12px; } #mainFeatured #featured .element .elementContent strong { color: #fe7611; font-weight: bold; } #mainFeatured #featured .element .elementContent a { color: white; } #mainFeatured #featured .element .elementContent a:hover { color: #fe7611; -webkit-transition: 0.4s color } .mainFeatured_wide { width: 936px !important; height: 299px !important; } .mainFeatured_wide #featured { width: 936px !important; height: 299px !important; } .mainFeatured_wide .element { width: 936px !important; height: 299px !important; } /* @containerTitle */ .containerTitle { width: 948px; height: 34px; padding: 0 6px; margin: 6px -6px; clear: both; background-color: #ffcc00; } .containerTitle .two, .containerTitle .narrow, .containerTitle .sidebar { height: 34px; padding: 0 6px; } .containerTitle a.rss { float: left; } /* @airlife */ #airlife { width: 936px; padding: 18px 12px; margin-top: 12px; border-top: 1px solid #fe7611; text-align: right; } /* @list */ .newsBriefs .four .thumb { width: 98px; height: 98px; margin-right: 10px; float: left; } .newsBriefs .four .body { width: 117px; padding: 12px 0 0 0; float: left; } /* @articles */ .metadatos { position: relative; width: 110px; float: left; padding: 10px 20px; background: #1f1f1f; color: white; } .metadatos ul li { margin-bottom: 12px; } .metadatos h5 { font-size: 14pt; font-family: "Yanone Kaffeesatz", "Helvetica Nue", Arial, Verdana, sans-serif; text-transform: uppercase; margin-bottom: 12px; } .metadatos a { color: #fe7611; } .metadatos a:hover { color: #ffcc00; -webkit-transition: 0.5s color; } .postBody { font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .postBody h3, .postBody h4 { margin-bottom: 18px; } .postBody h3 a, .postBody h4 a { text-decoration: none; } .postBody a { color: #21597f; text-decoration: underline; } .postBody a:hover { color: #fe7611; -webkit-transition: 0.5s color; } .postBody h3 span, .postBody h4 span { font-size: 10pt; color: #6fa7ce; } .postBody p { line-height: 12pt; } ul.mainSocial { position: relative; /* ie fix */ width: 160px; background: url(../images/titles/guardarcompartir.png) no-repeat top 6px; padding: 27px 0 0 0; } ul.mainSocial li { float: left; } ul.mainSocial li a { display: block; width: 30px; height: 30px; margin-right: 10px; } ul.mainSocial li.tw a { background: url(../images/icon/social/tw.png) no-repeat; } ul.mainSocial li.fb a { background: url(../images/icon/social/fb.png) no-repeat; } ul.mainSocial li.dls a { background: url(../images/icon/social/dls.png) no-repeat; } ul.mainSocial li.vr a { background: url(../images/icon/social/vr.png) no-repeat; } p.aCheck a { text-decoration: none; font-weight: bold; padding: 4px 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } p.aCheck a:hover { opacity: 0.8; } p.aCheck a.fav { color: #0c660d; background-color: #c6e592; } p.aCheck a.isfav { color: #cd230f; background-color: #ffbebe; } /* ----------------------- */ ul.listArticles { position: relative; } ul.listArticles .post { padding: 6px; float: left;  } ul.listArticles .post .postBody { padding: 12px; } ul.listArticles .postFeatured .postModule { width: 488px; padding: 0 0 0 12px; } ul.listArticles .postFeatured .postModule .metadatos { margin: -34px 12px 0 0; } ul.listArticles .postFeatured .postModule .postBody { width: 302px; float: left; } .narrow ul.listArticles { width: 512px; margin: -6px; } .narrow ul.listArticles .post { width: 244px; height: 380px; } .narrow ul.listArticles .postFeatured { width: 500px; height: auto; float: none; } .two ul.listArticles { width: 474px; margin: 0 -6px; } .two ul.listArticles .post { width: 225px; } /* ----------------------- */ ul.listArticlesTwo li { width: 424px; margin-bottom: 12px; } ul.listArticlesTwo li .postImage { float: right; width: 314px; height: 160px; } ul.listArticlesTwo li .postTitle { float: right; position: relative; width: 142px; min-height: 108px; height: auto !important; height: 108px; padding: 14px; margin: 12px -60px 0 0; background: #1f1f1f; color: white; font: bold 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } ul.listArticlesTwo li .postTitle a { color: #fe7611; } ul.listArticlesTwo li .postTitle a:hover { color: #ffcc00; -webkit-transition: 0.5s color; } ul.listArticlesTwo li .postTitle h4 { margin: 6px 0 12px 0; } ul.listArticlesTwo li.odd .postImage { float: left; } ul.listArticlesTwo li.odd .postTitle { float: left; margin: 12px 0 0 -60px; } /* @group articlesHorizontal three 304px four 225px */ a.irSedes { text-indent: -9999em; overflow: hidden; } .articlesHorizontal .three .text { padding: 0 24px; } .articlesHorizontal .three .postTitle { position: relative; width: 264px; height: 33px; padding: 13px 8px 0 8px; margin: -46px auto 12px auto; background: #1f1f1f; color: #fe7611; } .articlesHorizontal .three .postTitle a { color: #fe7611; } .articlesHorizontal .three .postTitle a:hover { color: #ffcc00; -webkit-transition: 0.5s color; } .articlesHorizontal .three .postTitle a.irSedes { position: relative; display: block; width: 46px; height: 46px; float: right; background: url(../images/pointSedes.png) no-repeat; margin: -13px -8px 0 0; } .articlesHorizontal .three .postTitle a.irSedes:hover { background-position: left bottom; } .articlesHorizontal .four .text { padding: 0 24px; } .articlesHorizontal .four .postTitle { position: relative; width: 185px; height: 33px; padding: 13px 8px 0 8px; margin: -46px auto 12px auto; background: #1f1f1f; color: #fe7611; } .articlesHorizontal .four .postTitle a { color: #fe7611; } .articlesHorizontal .four .postTitle a:hover { color: #ffcc00; -webkit-transition: 0.5s color; } .articlesHorizontal .four .postTitle a.irSedes { position: relative; display: block; width: 46px; height: 46px; float: right; background: url(../images/pointSedes.png) no-repeat; margin: -13px -8px 0 0; } .articlesHorizontal .four .postTitle a.irSedes:hover { background-position: left bottom; } /* @end */ ul.listArticlesThree li { margin-bottom: 12px; } ul.listArticlesThree .postImage { position: relative; width: 190px; padding: 5px; background: #fe7611; float: left; } ul.listArticlesThree .postImage a.verdetalle { position: absolute; left: 55px; bottom: -9px; } ul.listArticlesThree .postBody { width: 276px; padding: 12px; float: left; } ul.listArticlesThree .postBody .postTitle { width: 276px; padding: 0 12px 12px 12px; border-bottom: 10px solid black; margin: 0 -12px 12px -12px; } ul.listArticlesThree .postBody .postTitle .date { width: 35px; float: left; font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-weight: bold; font-size: 11pt; line-height: 13pt; margin-right: 10px; text-align: center; overflow: hidden; color: #6fa7ce; } ul.listArticlesThree .postBody .postTitle .date span { display: block; font-size: 15pt; } ul.listArticlesThree .postBody .postTitle h3 { width: 231px; display: block; float: left; margin: 0; } ul.listArticlesThree .odd .postImage { float: right; } ul.listArticlesThree .odd .postBody { float: right; } /* ----------------------- */ .boxList .four { position: relative; height: 282px; } .boxList .four .body { font-family: Garamond, Georgia, Serif; font-size: 10pt; position: absolute; top: 16px; left: 16px; width: 165px; height: 222px; padding: 20px; color: white; background: rgba(0,0,0,0.43) } .boxList .four .body p { line-height: 14pt; } .boxList .four .body h3 { color: #fe7611; margin-bottom: 12px; text-shadow: rgba(0,0,0,0.5) 0 1px 1px; } .boxList .four .body strong { text-decoration: underline; } /* @paginator */ .mainPaginator { clear: both; text-align: right; padding: 6px 0; font-size: 16pt; margin-bottom: 12px; border-top: 1px solid #fe7611; border-bottom: 1px solid #fe7611; } .mainPaginator a { color: black; font-weight: bold; } .mainPaginator a:hover { color: #666666; -webkit-transition: 0.5s color; } .mainPaginator .current { color: #fe7611; } /* @mainFooter */ #mainFooter { width: 948px; padding: 16px 6px; margin: 0 auto; text-shadow: black 0 1px 1px; font: 9pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } #mainFooter h5 { font-family: "Yanone Kaffeesatz", "Helvetica Nue", Arial, Verdana, sans-serif; font-size: 14pt; text-transform: uppercase; } #mainFooter a.imagotipoFooter { display: block; width: 120px; height: 97px; background: url(../images/o2clubfooter.png) no-repeat center center; text-indent: -9999em; overflow: hidden; float: left; padding: 6px; margin-right: 12px; } #mainFooter .footerInfo { float: left; width: 189px; padding: 30px 6px 6px 6px; } #mainFooter .footerInfo ul li { margin-bottom: 2px; } #mainFooter .footerInfo strong { color: #6fa7ce; } #mainFooter #mainSponsors { width: 948px; padding: 10px 0 0 0; clear: both; text-align: center; border-top: 1px solid #3e3e3e; margin: 20px 0; border-bottom: 1px solid #3e3e3e; } #mainFooter #mainSponsors li { display: inline; } #mainFooter #aboutOw { text-align: center; font-weight: normal; } #mainFooter #aboutOw a { color: #6fa7ce; font-weight: bold; } #mainFooter #aboutOw a:hover { color: white; -webkit-transition: 0.4s color } /* @nav */ ul.miniNav li { display: inline; font-size: 14pt; font-weight: bold; } ul.miniNav li strong { text-transform: uppercase; } ul.miniNav li a { display: inline-block; padding: 0 3px; color: #4d7a99; } ul.miniNav li a:hover { color: #fe7611; -webkit-transition: 0.5s color; } /* @widget */ .widget { width: 424px; margin: 0 0 12px 0; } .widget_magazine { width: 195px; height: 44px; padding: 120px 22px 0 207px; text-align: right; background: url(../images/widget/o2magazinepdf.png) no-repeat; } .widget_magazine a { color: white; display: inline-block; padding: 0 0 0 12px; font-weight: bold; text-transform: uppercase; } .widget_magazine a:hover { color: #fe7611; -webkit-transition: 0.5s color; } .widget_beneficio { position: relative; margin-top: 12px; } .widget_beneficio .widgetTitle { position: absolute; top: -12px; left: 104px; width: 216px; height: 35px; background: url(../images/titles/beneficiodestacado.png) no-repeat; } .widget_newsletter { width: 364px; padding: 109px 30px 12px 30px; color: white; text-align: center; font-size: 14pt; background:#1f1f1f url(../images/widget/newsletter.png) no-repeat top center; } .widget_newsletter a.suscribirme { position: relative; margin: 0 auto -30px auto; } /* @post singles */ .postSingle .postGallery { position: relative; width: 102px; background:#1f1f1f url(../images/titles/galeria.png) no-repeat top left; padding: 40px 12px 1px 12px; margin: -52px 24px 0 12px; float: right; min-height: 120px; height: auto !important; height: 120px; } .postSingle .postGallery a { display: block; margin-bottom: 12px; } .postSingle .postThumb { position: relative; padding: 12px 0 0 0; margin: 0 0 24px 0; clear: both; } .postSingle .postThumb .postTitle { position: absolute; left: 12px; top: 0; width: 238px; padding: 12px; background: #1f1f1f; } .postSingle .postThumb .postTitle h2 { color: #fe7611; } .narrow.postSingle .postThumb { width: 500px; } .narrow.postSingle .text { width: 326px; float: right; } .wide.postSingle .postLeft { width: 150px; margin-right: 12px; float: left; } .wide.postSingle .postLeft .metadatos { float: none; margin-bottom: 20px; } .wide.postSingle .postLeft ul.mainSocial { margin-right: -10px; } .wide.postSingle .text { width: 550px; float: left; } .singleListpost { width: 550px; } .singleListpost .post { width: 550px; padding: 10px 0; border-bottom: 1px solid #d5d5d5; } .singleListpost .post .postImage { width: 60px; height: 60px; margin: 0 20px 0 0; float: left; } .singleListpost .post .postBody { width: 470px; float: left; } .singleListpost .post .postBody p { line-height: 12pt; } .singleListpost .post .postBody h6 { font-size: 11pt; font-weight: bold; margin-bottom: 12px; } /* @text */ .text { color: #515151; font: 11pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .text p { line-height: 17pt; margin: 0 0 18px 0; } .text a { font-weight: bold; text-decoration: underline; color: #fe7611; } .text a:hover { color: #ffcc00; -webkit-transition: 0.5s color; } .text strong { color: black; } .text h3 { color: #21597f; margin: 0 0 12px 0; } .text h4 { color: #21597f; margin: 0 0 12px 0; } .text ul, .text ol { padding: 0 0 0 40px; margin-bottom: 18px; } .text li { margin: 0 0 6px 0; line-height: 16pt; } .text ul li { list-style-type: disc; } .text ol li { list-style-type: decimal-leading-zero; } .text cite { display: block; font-style: oblique; font-size: 10pt; } .text cite strong { color: #535353; } .textMin { font-size: 10pt; } .textMin p { line-height: 13pt; } .likeButton { margin: 18px 0; } /* @mapsSedes */ .mapTrapenses { background: url(../images/sedes/trapensesMap.jpg) no-repeat left bottom; margin-bottom: -12px; padding-bottom: 170px; } .mapGolf { background: url(../images/sedes/golfMap.jpg) no-repeat left bottom; margin-bottom: -12px; padding-bottom: 170px; } .mapKennedy { background: url(../images/sedes/kennedyMap.jpg) no-repeat left bottom; margin-bottom: -12px; padding-bottom: 170px; } /* @gallery */ .two .mainGallery { width: 475px; margin-right: -13px; } .two .mainGallery .photo { position: relative; width: 82px; height: 53px; margin: 0 13px 13px 0; float: left; } .two .mainGallery .photo a { position: absolute; top: 0; left: 0; display: block; width: 82px; height: 53px; background: url(../images/gallery82x53px.png) no-repeat left bottom; } .two .mainGallery .photo a:hover { background-position: left top; } .mainGallerySingle { margin: 12px 0; } .mainGallerySingle a { display: block; border: 1px solid #fe7611; width: 50px; height: 50px; float: left; margin: 0 6px 6px 0; } .mainGallerySingle a img { width: 50px; height: 50px; } .mainGallerySingle a:hover img { opacity: 0.8; } /* @modal */ #mainModal { width: 600px; padding: 10px 20px 0 20px; } #mainModal #modalTitle { width: 600px; padding: 10px 20px 6px 20px; margin: -10px -20px 20px -20px; background: #fe7611; } #mainModal #modalPhoto { width: 113px; float: left; margin: 0 20px 20px 0; } #mainModal #modalPhotoMax { width: 180px; float: left; margin: 0 20px 20px 0; } #mainModal .text { width: 467px; float: left; margin-bottom: 20px; } #mainModal .textmoduleMin { width: 400px; float: left; margin-bottom: 20px; } #mainModal #modalFooter { clear: both; width: 600px; padding: 10px 20px; font-weight: bold; letter-spacing: 1px; margin: 0 -20px; background: #b9baba; color: #262626; text-shadow: white 0 1px 0; } #mainModal #modalFooter ul li { display: inline; font-size: 14pt; margin-right: 6px; } #mainModal #modalFooter ul li img { vertical-align: middle; margin-top: -4px;} /* @dropDown */ ul.dropDown { position: absolute; bottom: 20px; width: 165px; height: 21px; font-family: "Yanone Kaffeesatz", "Helvetica Nue", Arial, Verdana, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 12pt; z-index: 3; left: 20px; } ul.uldropDownCurrent { width: 161px; padding: 2px; bottom: 19px; background-color: #f7a060; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; } ul.dropDown a.aDropDown { display: block; width: 159px; height: 20px; padding: 0; margin: 0 auto; overflow: hidden; line-height: 130%; } ul.dropDown a.aDropDown span { display: block; width: 101px; background: #6fa7ce url(../images/bgDropdownpoint.png) no-repeat top right; padding: 0 29px; height: 20px; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; } ul.uldropDownCurrent a.aDropDown { border: 1px solid #9c480a; border-bottom: 0; background: #fe7611; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } ul.dropDown a { color: black; } ul.uldropDownCurrent a.aDropDown { margin: 0; } ul.dropDown li ul.boxDropDown { width: 161px; height: auto; position: absolute; left: 0; padding: 0 2px 2px 2px; visibility: hidden; background-color: #f7a060; } ul.dropDown li ul.boxDropDown li { width: 159px; border: 1px solid #9c480a; border-top: none;} ul.dropDown li ul.boxDropDown li a { display: block; background: #fe7611 url(../images/bgDropdownli.png) no-repeat left center; padding: 4px 30px; } ul.dropDown li ul.boxDropDown li a:hover { color: white; -webkit-transition: 0.5s color; } /* @form */ input, textarea { font-family: "Yanone Kaffeesatz", "Helvetica Nue", Arial, Verdana, sans-serif; border: none; padding: 0; margin: 0; font-size: 11pt; color: #6e6c6c; } input.submit { width: auto !important; padding: 3px 20px 0 20px; height: 33px; color: #222222; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; cursor: pointer; background: #fe7611; font-size: 14pt; text-transform: uppercase; font-weight: bold; text-align: left; } input.submit:hover { background: #ffcc00; -webkit-transition: 0.4s background } a.aSubmit { display: inline-block; padding: 3px 20px 2px 20px; color: #222222; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; cursor: pointer; background: #fe7611; font-size: 14pt; text-transform: uppercase; font-weight: bold; text-align: left; } a.aSubmit:hover { background-color: gray; color: white; } input.submitMin { width: auto !important; padding: 0 20px; height: 18px; color: #222222; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; cursor: pointer; background: #fe7611; font-size: 12pt; text-transform: uppercase; font-weight: bold; text-align: left; } input.submitMin:hover { background: #ffcc00;} input.submitNoStyle { padding: 2px 10px; font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; cursor: pointer; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; } input.filearchive { height: auto !important; padding: 0 !important; background: none !important; } input.checkbox { width: auto !important; height: auto !important; padding: 0 !important; margin: 0 0 0 0 !important; } form.mainForm { background-color: #1f1f1f; color: white; padding: 20px 20px 30px 20px; font-size: 14pt; font-weight: bold; } form.mainForm p { margin: 0 0 30px 0;} form.mainForm a { color: #fe7611; } form.mainForm a:hover { color: white; } form.mainForm .formOption { margin-bottom: 20px; height: 32px; } form.mainForm .formOption input { float: left; padding: 0 10px; height: 32px; font-size: 14pt; } form.mainForm .formOption textarea { float: left; padding: 10px; height: 110px; font-size: 14pt; } form.mainForm .formOption label { display: block; float: left; padding: 4px 0 0 0; color: #cacaca; } form.mainForm .formText { height: 130px; } form.mainForm .helpCloud { position: relative; margin: -15px 0 20px 0; color: #979797; } form.mainForm .helpCloud p { margin: 0; font-weight: normal; font-size: 12pt; } form.mainForm .helpCloud a { color: white; } .narrow form.mainForm { width: 460px; overflow: hidden; } .narrow form.mainForm .formOption .formBody { width: 236px; padding: 8px 0 0 0; float: left; } .narrow form.mainForm .formOption .formBody input { float: none; } .narrow form.mainForm .formOption { width: 460px; } .narrow form.mainForm .formOption label { width: 200px; } .narrow form.mainForm .formOption input { width: 236px; } .narrow form.mainForm .formOption select { width: 257px; } .narrow form.mainForm .formOption textarea { width: 236px; } .narrow form.mainForm .formSubmit { padding: 0 0 0 200px; } .narrow form.mainForm .helpCloud { padding: 0 0 0 200px; } input.enviarmensaje { width: 176px; height: 33px; background: url(../images/button/enviarmensaje.png) no-repeat; cursor: pointer; } input.enviarmensaje:hover { background-position: left bottom; } input.submitIngresar { width: 126px; height: 33px; background: url(../images/button/submitIngresar.png) no-repeat; cursor: pointer; } input.submitIngresar:hover { background-position: left bottom; } form.searchForm { padding: 10px 10px 20px 10px; } form.searchForm input { background-color: #c7c7c7; width: 200px; padding: 0 20px; height: 24px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } form.searchForm input.submit { font-size: 10pt; text-transform: none; font-weight: bold; line-height: 10pt; overflow: hidden; height: 24px; background-color: #676767; color: white; } /* @sedesMapsContact */ #sedesMaps { width: 448px; padding: 34px 0 0 0; background: url(../images/titles/visitanuestrassedes.png) no-repeat top left; margin: 20px -12px 0 -12px; color: #515151; font-weight: bold; font-size: 13pt; } #sedesMaps h4 { font-family: "Yanone Kaffeesatz", "Helvetica Nue", Arial, Verdana, sans-serif; letter-spacing: normal; font-size: 18pt; margin-bottom: 20px; color: black; } #sedesMaps a { color: black; } #sedesMaps a:hover { color: #515151; -webkit-transition: 0.5s color; } #sedesMaps .sedemap { border-bottom: 1px solid #1f1f1f; min-height: 100px; height: auto !important; height: 100px; padding: 20px 20px 20px 135px; } #sedesMaps .sede_kennedy { background: url(../images/sedes/kennedyMap_min.jpg) no-repeat left bottom; } #sedesMaps .sede_trapenses { background: url(../images/sedes/trapensesMap_min.jpg) no-repeat left bottom; } #sedesMaps .sede_elgolf { background: url(../images/sedes/golfMap_min.jpg) no-repeat left bottom; } #sedesMaps .sede_sancarlos { background: url(../images/sedes/sancarlosMap_min.png) no-repeat left bottom; } #infoForm { width: 448px; padding: 34px 0 0 0; background: url(../images/titles/informacion.png) no-repeat top left; margin: 20px -12px 0 -12px; color: #515151; font-weight: bold; font-size: 13pt; } #infoForm h4 { font-family: "Yanone Kaffeesatz", "Helvetica Nue", Arial, Verdana, sans-serif; letter-spacing: normal; font-size: 18pt; margin-bottom: 12px; color: black; } #infoForm a { color: black; } #infoForm a:hover { color: #515151; -webkit-transition: 0.5s color; } #infoForm .infoForm_module { border-bottom: 1px solid #1f1f1f; min-height: 100px; height: auto !important; height: 100px; padding: 20px 150px 20px 12px; background: url(../images/handkey.png) no-repeat right bottom; } /* @group notices */ .noticeFlash { position: relative; padding: 10px 20px; font: italic 13pt Caecilia, Georgia, "Times New Roman", Times, serif; text-align: center; } .noticeYes { color: #0c660d; background-color: #c6e592; } .noticeYes a { color: black; font-weight: bold; } .noticeYes a:hover { color: #0c660d; -webkit-transition: 0.4s color } .noticeNo { color: #cd230f; background-color: #ffbebe; } .noticeNo a { color: black; font-weight: bold; } .noticeNo a:hover { color: #cd230f; -webkit-transition: 0.4s color } #mainPage .noticeFlash { margin: 6px 12px 6px 12px; } #mainPage .mainForm .noticeFlash { margin: -10px -10px 20px -10px; } .redesSociales { padding:6px 12px; } .redesSociales { text-align: right; } .redesSociales li { display: inline-block; margin-left: 6px; } .redesSociales li a { display: inline-block; width: 146px; height: 29px; } .redesSociales li.socialTw a { background-image: url(../images/social/socialTw.png); } .redesSociales li.socialFb a { background-image: url(../images/social/socialFb.png); } .redesSociales li a:hover { opacity: 0.8; } /* @end */ /* @group Wellnessage */ .containerWood { width: 928px; margin: 4px auto; padding: 6px; background: #1e1816 url(../images/bgWood.jpg); font: 10pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: white; -moz-box-shadow: inset 0px 0px 6px black; -webkit-box-shadow: inset 0px 0px 6px black; box-shadow: inset 0px 0px 6px black; } .containerWood .narrow { width: 542px; padding: 6px; } .containerWood .two { width: 452px; padding: 6px; } .containerWood .sidebar { width: 338px; padding: 6px 18px 6px 18px; } .containerWood a.socioWellnessage { display: block; width: 336px; height: 68px; border: 1px solid white; -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; background: url(../images/wellnessage/hazsocioahora.png) no-repeat; text-indent: -9999em; overflow: hidden; } .containerWood a.socioWellnessage:hover { background-position: left bottom; } .programsAbout p { font-size: 11pt; line-height: 16pt; font-family: Caecilia, "Helvetica Nue", Arial, Verdana, sans-serif; font-style: oblique; } .programsAbout strong { color: #fe7610; } .logoPrograms { padding: 10px 0 30px 0; } .containerWood .text h4 { color: #fe7610; } .containerWood .text { color: #bbb; } .wellnessageAbout { height: 260px; padding-top: 106px !important; background: url(../images/wellnessage/wellnessage.png) no-repeat center 20px; } #wellnessAgeSlider { position: relative; width: 542px; height: 360px; } #mainAgeSlider_pager { width: 338px; position: absolute; bottom: -2px; right: -362px; } #mainAgeSlider_pager h4 { color: #fe7610; margin-bottom: 6px; } #mainAgeSlider_pager ul#ageSlider_pager { position: relative; width: 342px; height: 53px; margin: 0 -2px; z-index: 2; } #mainAgeSlider_pager ul#ageSlider_pager li { float: left; } #mainAgeSlider_pager ul#ageSlider_pager li a { display: block; width: 53px; height: 53px; padding: 2px; } #mainAgeSlider_pager ul#ageSlider_pager li a.activeSlide img { width: 43px; height: 43px; border: 5px solid white; } #wellnessAgeSlider #ageSlider { position: relative; width: 542px; height: 360px; overflow: hidden; -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; z-index: 1; } #wellnessAgeSlider #ageSlider .ageCampaign { width: 542px; height: 360px; } #wellnessAgeSlider #ageSlider .ageCampaign span { display: none; } .waActivitiesTitle { position: relative; margin: 0 -16px; padding: 6px 0; width: 960px; clear: both; } .waActivitiesTitle h4 { display: block; width: 960px; height: 34px; text-indent: -9999em; overflow: hidden; background: #ffcc00 url(../images/wellnessage/title/actividades.png) no-repeat 22px center; } .waActivitiesTitle h5 { font-size: 14pt; display: block; width: 916px; color: black; padding: 10px 22px 7px 22px; background: #ffcc00; text-transform: uppercase; } .waActivitiesTitle h5 span { font-style: oblique; text-transform: none; font-weight: normal; } .ageActivitieslist { position: relative; width: 554px; margin: -6px; } .ageActivitieslist .ageActivities { position: relative; width: 265px; height: 160px; padding: 6px 6px 18px 6px; float: left; } .ageActivitieslist .ageActivities img { -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; box-shadow: rgba(0,0,0,0.5) 0px 0px 3px; } .ageActivitieslist .ageActivities .ageactivitiesTitle { position: absolute; width: 182px; height: 32px; padding: 10px 47px 0 12px; bottom: 6px; left: 18px; background-color: #fe7610; } .ageActivitieslist .ageActivities .ageactivitiesTitle a { color: white; } .ageActivitieslist .ageActivities .ageactivitiesTitle a:hover { color: black; -webkit-transition: 0.4s color } .ageActivitieslist .ageActivities .ageactivitiesTitle a.buttonGo { display: block; width: 23px; height: 23px; overflow: hidden; position: absolute; top: 10px; right: 12px; background: url(../images/button/buttonGo.png) no-repeat; text-indent: -9999em; } .ageActivitieslist .ageActivities .ageactivitiesTitle a.buttonGo:hover { background-position: left bottom; } /* @265px */ /* @end */