/*
	O2 Club
*/
 
@font-face { font-family: Avenir; src: url('/fonts/AvenirLTStd-Medium.otf'); }
@font-face { font-family: Avenir; font-weight: bold; src: url('/fonts/AvenirLTStd-Heavy.otf'); }
@font-face { font-family: Avenir; font-weight: 900; src: url('/fonts/AvenirLTStd-Black.otf'); }

@font-face { font-family: HelveticaNuecond; font-weight: bold; src: url('/fonts/HelveticaNeueLTStd-MdCn.otf'); }
@font-face { font-family: HelveticaNue; src: url('/fonts/HelveticaNeueLTStd-Roman'); }
@font-face { font-family: HelveticaNue; font-weight: bold; src: url('/fonts/HelveticaNeueLTStd-Bd.otf'); }

@font-face { font-family: "Avant Garde Condensed"; font-weight: bold; src: url('/fonts/ITCAvantGardeStd-DemiCn.otf'); }

body.isSafari3 * { text-shadow: 0 0 0 #000; /* Safari tweak */ }
a:active { outline: none; }
 
html { background: rgb(28,28,28) url(/images/bg.png) repeat-x; }
html,body { height: 100%; }
html>body { min-height: 100%; height: auto; }
 
body { font-size: 62.5%; margin: 0; font-family: Avenir, Helvetica, Arial, sans-serif; color: rgb(20,20,20);background: url(/images/bgwood.png) no-repeat center 12px;
;}
 
ul, ul li, ol, ol li, dl, dl dt, dl dd, form, table, img, h1, h2, h3, h4, h5, h6, label, fieldset, blockquote { padding: 0; margin: 0;border: none; }
ul li, ol li { list-style-type: none; }
a { color: #d37730; text-decoration: none; }
a:hover { text-decoration: none; }
 
.o2text { }
 
a.more { font-weight: bold; background: rgb(167,231,255); display: block; padding: 8px 10px 4px 10px; color: rgb(0,0,0); text-transform: uppercase; font-size: 1em; margin-top: 10px; }
a.more:hover { text-decoration: none; background-color: black; color: #d37730; text-shadow: black 0 1px 1px; }

a.topScroll { display: block; padding: 15px 0 0 0; text-align: right; font-weight: bold; color: black; }
a.topScroll:hover { color: #d37730; }
 
p { margin: 0 0 12px 0; }
 
.right { float: right; }
.left { float: left;}
.aCenter { text-align: center; }
.clear { clear: both; height: 0 auto; }
.calypso { color: rgb(167,231,255); }
.orange { color: #d37730; }
 
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
table, td, th { vertical-align: middle; }
img { border: none; }
 
img.imgHead { display: block; border: 2px solid rgb(255,255,255); margin: 0 0 12px 0;-webkit-box-shadow: rgba(0, 0, 0, 0.38) 0px 1px 2px; }
 
dl { margin: 0 0 30px 0; }
dl a { color: rgb(0,0,0); text-transform: uppercase; }
dl dt { font-size: 1.4em; font-weight: 900; text-transform: uppercase; margin: 0 0 6px 0; }
dl dd { padding: 6px 0 6px 30px; background: none no-repeat 3px; }
dl dd.upDown { width: 425px; background: none; padding: 6px 0; margin: 0 0 20px 0; }
dl dd.upDown .upDown-img { width: 120px; margin: 0 20px 0 0; float: left; }
dl dd.upDown .upDown-body { width: 285px; float: left; }

dl.dlprofile a { text-transform: none; }

dl dd.ddenlace { background: url(../images/icon/enlace.png) no-repeat 5px 10px; }
 
/* Encabezados */
 
h1 { font-size: 1.8em;}
h2 { font-size: 1.6em;}
h3 { font-size: 1.4em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1.1em;}
h6 { font-size: 1em;}
 
#mainPage, #head, #footer { margin: 0 auto; font-size: 1.2em; }
 
/* head */
 
#head { position: relative; width: 899px; min-height: 126px; height: auto !important; height: 126px; padding: 24px 25px 12px 25px; color: rgb(255,255,255); margin-right: auto; margin-left: auto; }
#head a { color: rgb(255,255,255); }
 
#head #option-user { width: 437px; position: absolute; top: 24px; right: 25px; text-align: right; }
 
#head #option-user a { color: rgb(167,231,255); }
 
#head ul#mainNav { position: absolute; top: 80px; right: 25px; width: 730px; height: 20px; font-weight: bold; font-size: 10pt;  }
.ie #head ul#mainNav { width: 760px; font-size: 9pt;}
#head ul#mainNav li { float: right; height: 20px; }
#head ul#mainNav li a { display: block; padding: 5px 6px 1px 6px; line-height: 160%; text-shadow: black 0 1px 2px; text-decoration: none; border-radius: 5px; -moz-border-radius: 8px;-webkit-border-radius: 8px; margin: 0 0 0 10px; }
 
#head ul#mainNav li a:hover,
#head ul#mainNav li.current a { background-color: rgba(0,0,0,0.4); -moz-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0px; -webkit-box-shadow: rgba(255, 255, 255, 0.2) 0 1px 0px; }
 
/* mainPage */
 
#mainPage { width: 949px; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 2px 5px; text-shadow: rgba(255,255,255,0.6) 0px 1px 0px; margin-right: auto; margin-left: auto; }
 
#mainPage #mainContent { width: 947px; padding: 25px 0; background: rgb(227,227,227) url(/images/bgmainContent.png) repeat-x; border: 1px solid rgb(255,255,255); clear: both; }

#mainPage.containerHas #mainContent { padding: 0; clear: both; }

#mainPage.home { background-color: rgb(227,227,227) }
 
#mainPage.magazine #mainContent { width: 949px; border: none; }

 
#mainPage #content { float: left; margin: 0 25px 0 0; padding: 0 0 0 24px; }
#mainPage #content.profile { width: 591px; }
 
/* @footer */
 
#footer { width: 900px; color: rgb(255,255,255); font-family: Helvetica, Arial, sans-serif; text-shadow: rgba(0,0,0,1) 0px 2px 1px; clear: both; padding: 25px; }

#footer p.ow { padding-top: 10px; padding-bottom: 20px;	text-align: center; font-family: Georgia, "Times New Roman", Times, serif; text-shadow: #000000 0 1px 2px;	float: left; font-weight: normal; font-style: normal; width: 100%; margin-bottom: 20px; }
 
#footer #o2clubFooter { margin: 0 0 20px 0; }
 
#footer p { margin: 0; }
#footer .main { width: 200px; min-height: 70px; height: auto !important; height: 70px; float: left; padding: 10px 10px 10px 100px; background: url(../images/o2clubfooter.png) no-repeat 5px 5px; }
 
#footer .store { width: 178px; float: left; padding: 9px; font-size: 7.7pt; }
#footer .store span.tel { color: #a7e7ff; display: block; }
#footer address { font-weight: normal; font-style: normal; }
#footer address a { color: white; text-decoration: none; }
#footer address a:hover { color: #d37730;}
 
 
 
#footer .sponsors { clear: both; padding: 10px 20px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: capitalize; font-style: italic; overflow: hidden; background-color: black; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;  }
#footer .sponsors .theAds { width: 120px; float: left; height: 40px; margin-top: 20px; margin-left: 300px; display: inline;}
#footer .sponsors .air { width: 160px; text-align: right; font-size: 8pt; overflow: hidden; display: inline; color: silver; float: right; margin-bottom: 0; }
#footer .sponsors .air img { margin-top: 10px; }
 
/* sidebar */
 
#sidebar { width: 283px; float: left; }
 
.magSidebar ul.sidebarColumn li.column { float: left;}
.magSidebar ul.sidebarColumn { overflow: hidden; height: 100%; }
.magSidebar p { margin-left: 10px; margin-bottom: 20px; margin-right: 10px; font-size: 8pt; }
.magSidebar h3 { text-transform: uppercase; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px; margin-left: 10px; }
.magSidebar ul.sidebarList { border-top: 1px solid white;border-bottom: 1px solid #cfd3d7; margin-bottom: 30px; }
.magSidebar ul.sidebarList li { display: block; border-bottom: 1px solid white; border-top: 1px solid #cfd3d7; font: 8pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
.magSidebar ul.sidebarList li a { font-weight: bold; display: block; padding: 5px 10px; }
.magSidebar ul.sidebarList li a:hover { background-color: rgb(167,231,255); color: black; }
 
/* @group rainbow */
 
.rainbow { background: transparent; display: block; position: relative; height: 1px; overflow: hidden; z-index: 4;}
.rainbow span { top: 0; left: 1px; display: block; xwhite-space: nowrap; position: absolute;}
a .rainbow span {/* For within floated elements. */ white-space: nowrap; }
.rainbows-highlight { color: #fff !important; display: block; position: absolute; top: -1px; left: 0px; z-index: 2;}
.rainbows-shadow { color: #000 !important; display: block; position: absolute; top: 1px; left: 2px;/* can be one or two depending on 90 or 135 degree global light */ z-index: 3;}
 
.back .text .rainbows-shadow { color: #fff !important; opacity: 0.3;}
 

.aPaginator {
	font-size:11px;
	padding-top:20px;
}
.alignRight {
	float: right;
}
 
/* @end */

/* @modules 947 */

.container { width: 923px; padding: 12px; font-family: HelveticaNue, Helvetica, Arial, sans-serif; font-size: 10pt; text-shadow: white 0 1px 0; }
.container a:hover { text-decoration: underline; }
.wide { width: 899px; padding: 12px; }

.sidebar 	{ width: 200px; float: left; padding: 12px; }
.sidebarMax	{ width: 300px; float: left; padding: 12px; overflow: hidden; }

.narrow 	{ width: 675px; float: left; padding: 12px; }
.narrowMin 	{ width: 575px; float: left; padding: 12px; }

.two { }
.three { }

.narrow .three { width: 197px; padding: 0 28px 0 0; float: left; }


.mainTitle { margin-bottom: 25px; }
.mainTitle h1 { font-family: "Avant Garde Condensed", Helvetica, Arial, sans-serif; }
.mainTitle h1 span { color: #005B84; }


h4.subTitle { font-family: "Avant Garde Condensed", Helvetica, Arial, sans-serif; letter-spacing: -1px; text-transform: uppercase; }

.mainTitle .metadatos { font-family: Avenir, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 9pt; }
.mainTitle .metadatos img { vertical-align: middle; }


/* @postList */

.narrow ul.postList { width: 675px; }
.narrow ul.postList li.newList { width: 675px; }
.narrow ul.postList li.newList .body { width: 501px; }

.narrowMin ul.postList { width: 575px; }
.narrowMin ul.postList li.newList { width: 575px; }
.narrowMin ul.postList li.newList .body { width: 401px; }


ul.postList li.newList { margin-bottom: 30px;  }
ul.postList li.newList .thumb { width: 150px; margin-right: 24px; float: left; }
ul.postList li.newList .thumb img { width: 150px; }
ul.postList li.newList .body { float: left; }
ul.postList li.newList .body h4 { margin-bottom: 6px; color: rgb(110,110,110) }
ul.postList li.newList .body h4 a { color: black; }


/* @tableCalendar */

table.calendar { width: 280px; display: block; overflow: hidden; background: rgb(60,60,60) url(/images/bgCalendar.png) repeat-x; padding: 10px; color: white; text-shadow: none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: white 0 1px 0; -webkit-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0;  }
table.calendar tr td { width: 40px; text-align: center; padding: 8px 0;  }
table.calendar tr th { width: 40px; font-weight: bold; padding: 8px 0; }

table.calendar tr th abbr { color: #005B84; text-transform: uppercase; }

table.calendar .weekendDay { color: rgb(200,200,200); }
table.calendar .otherMonth { color: rgb(150,150,150) }

/* @moduleBlack */

#moduleBlack { position: relative; width: 877px; padding: 12px; text-shadow: none; color: white; background: rgb(42,41,41) url(../images/bgmoduleBlack.png) repeat-x top left ; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  -moz-box-shadow: white 0 1px 0; -webkit-box-shadow: white 0 1px 0; box-shadow: white 0 1px 0; text-shadow: rgba(0,0,0,0.5) 0 1px 0; z-index: 0; }

#moduleBlack.noBg { background: rgb(42,41,41) ; }

#moduleBlack .two { width: 426px; float: left; padding: 0; }

#moduleBlack .twoBlack { width: 418px; padding: 10px; float: left; text-shadow: none; }
#moduleBlack .twoBlack h4 { color: #ef7732; margin-bottom: 6px; }

#moduleBlack #fixCharts { width: 170px; height: 30px; position: absolute; top: 12px; left: 12px; background-color: #2a2929; z-index: 1; }

#moduleBlack #moduleBlackNav { width: 380px; float: left; margin: 0 12px 0 -24px; }
#moduleBlack #moduleBlackNav ul { width: 380px; }
#moduleBlack #moduleBlackNav ul li a { font-family: Avenir, Arial, Verdana, Serif; display: block; width: 278px; height: 41px; background: url(../images/moduleBlackNav.png) no-repeat top right; color: white; padding: 16px 48px 7px 24px; font-size: 10pt; text-shadow: rgba(0,0,0,0.5) 0 -1px 0; }
#moduleBlack #moduleBlackNav ul li a strong { display: block; font-weight: 900; text-transform: uppercase; font-size: 10pt; }
#moduleBlack #moduleBlackNav ul li a:hover { background-position: right bottom; width: 308px; text-decoration: none; }
#moduleBlack #moduleBlackNav ul li#active a { width: 308px; background-position: right center; }


#moduleBlack #moduleBlackNavMin { position: absolute; top: 12px; left: -12px; width: 150px; z-index: 2; }
#moduleBlack #moduleBlackNavMin ul { width: 150px; }
#moduleBlack #moduleBlackNavMin ul li a { font-family: Avenir, Arial, Verdana, Serif; display: block; width: 78px; height: 41px; background: url(../images/moduleBlackNav.png) no-repeat top right; color: white; padding: 16px 48px 7px 24px; font-size: 10pt; text-shadow: rgba(0,0,0,0.5) 0 -1px 0; }
#moduleBlack #moduleBlackNavMin ul li a strong { display: block; font-weight: 900; text-transform: uppercase; font-size: 10pt; }
#moduleBlack #moduleBlackNavMin ul li a:hover { background-position: right bottom; width: 108px; text-decoration: none; }
#moduleBlack #moduleBlackNavMin ul li#active a { width: 108px; background-position: right center; }


#moduleBlack #moduleBlackBody { width: 509px; float: left; font-family: Avenir, HelveticaNue, Helvetica, Arial, sans-serif; font-size: 10pt; }

#moduleBlack #moduleBlackBody .mainTitle { margin-top: 20px; }
#moduleBlack #moduleBlackBody .mainTitle h1 span { color: rgb(180,180,180) !important;Ê}

#moduleBlack #moduleBlackBody #explanation { position: relative; width: 509px; overflow: hidden; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: rgba(255,255,255,0.2) 0 1px 0; -webkit-box-shadow: rgba(255,255,255,0.2) 0 1px 0; box-shadow: rgba(255,255,255,0.2) 0 1px 0;  }
#moduleBlack #moduleBlackBody #explanation img { width: 509px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }

#moduleBlack #moduleInfo { font-family: "Avant Garde Condensed", Arial, Verdana, Serif; position: absolute; top: 12px; right: 12px; width: 220px; height: 420px; overflow: auto; background: url(../images/bgModuleInfo.png) repeat-x bottom; }

#moduleInfo ul { width: 200px; }
#moduleInfo ul li.even { background-color: rgb(30,30,30) }
#moduleInfo ul li { width: 170px; padding: 8px 15px; }
#moduleInfo ul li .infoDate { width: 90px; float: left;  }
#moduleInfo ul li .kcal { width: 80px; float: left; text-align: right; }

ul.infoResult { }
ul.infoResult li { border-bottom: 1px solid rgb(100,100,100); padding: 10px 0; }
ul.infoResult li ul li { border-bottom: none; padding: 6px 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;  }
ul.infoResult li.even { background-color: rgb(30,30,30) }
ul.infoResult li ul li span {  font-weight: bold;  color: #44b0fb; }

ul.infoResult .resultStep { color: #44b0fb; font-size: 12pt; float: left; }
ul.infoResult .resultBody { float: left; }

#moduleBlackBody ul.infoResult { width: 509px; }
#moduleBlackBody ul.infoResult .resultStep { width: 100px; }
#moduleBlackBody ul.infoResult .resultBody { width: 409px; }

/* @textModule */

.textModule { padding: 24px 24px 12px 24px;   }

.textModule h6 { text-transform: uppercase; font-weight: 900; margin-bottom: 12px; }