/********************************/
/********************************/
/* Landings       				*/
/********************************/
/* Tags */

body.landing #maincontainer h2.logo { text-align:center; height:110px; background:none; visibility:hidden; }
body.landing #maincontainer h3 { background:none; color:#FFF; text-align: center; font: 12px/15px Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; height:50px; border-bottom: 1px #f68f1e solid; }
body.landing #maincontainer h3 span { font-size: 11px; color:#CCC; font-weight:normal; }
body.landing h4 { color: #ffff00; font-size:12px; margin-bottom:10px;}
body.landing h4 strong { font-size: 13px; color: #FFF;}

body.landing form { margin-bottom: 5px; }
body.landing label { display:block; margin-bottom: 1px;}
	body.landing label span, body.landing label small { font-size: 10px; color:#999;}


/* IDs */
body.landing #maincontainer { border:2px #F68F1E solid; background:#000 url(../images/cluba_bg_landing.jpg) left top no-repeat; height: 575px; color:#FFF;}
body.landing #maincontainer  a { color:#f68f1e; text-decoration: underline; }
#operatorbox { padding: 10px 40px 0px; text-align:center; color: #FFF; font-size:14px;}
	#operatorbox  p { margin-bottom: 5px;}
	body.landing #operatorbox h4 { text-align: left; padding-left:10px;}

/* Classes */
.landingcolumn360 { width:260px; float:left; padding: 10px 50px; }
.landingonecolumn { width:260px; margin: 0 180px; padding: 10px 50px;}
.formcenter { text-align: center; padding: 10px 0; }

body.landing input.textinput { width: 252px; padding: 4px; margin: 2px 0 4px; border: 1px #666 solid; background: #FFF url(../images/bg_input.jpg) left top no-repeat; font: 12px Arial, Helvetica, sans-serif normal;  }
p.termstext { font-size: 10px; padding: 10px; }

/* Landing 01 */
#landingcolumncontainer { width: 720px; height:297px; padding: 5px 15px 15px; margin: 0 auto; text-align:left; background: #000 url(../images/cluba_bg_orangebox.jpg) left top no-repeat; }
#landingfooter { width: 734px; padding: 8px; margin: 0 auto; color:#CCC; font-size: 10px; text-align: justify; }

/********************************/
/********************************/
/* Home          				*/
/********************************/

/* IDs */
body#clubacademia #maincontainer { border:2px #F68F1E solid; background-color:#F68F1E; }
body#clubacademia div#subpageheaderbanner { background:transparent url(../images/academia_bg_mainheader.jpg) no-repeat 0 0; margin-bottom: 2px;}
body#clubacademia h2 { height: 28px; background: #ffe03b url(../images/academia_titlebg_yellow.jpg) left bottom repeat-x; color: #000; line-height: 28px; }

#studentsmenubox { width:950px; height:225px; background-color:#000; margin-bottom: 2px;}

/* sidebar */
#userbox { width:300px; height: 320px; margin-bottom:2px; border: 1px #1A1A1A solid; background:#242122 url(../images/academia_bg_sidebox.jpg) left top repeat-x; }
	#maincontainer #userbox h3 { background: none; height: 21px; padding: 5px 10px 0; color:#FFFF00; font-size: 14px; }
		#maincontainer #userbox h3 span.username { color:#FFF; }
	#changeuser { height:25px;text-align: right; padding: 0 10px; }
	
	#greybox { width: 290px; margin:0 5px; padding-top: 17px; background: #f1f1f1 url(../images/academia_bg_topgreybox.jpg) left top no-repeat; }
		#greyboxbottom { height:6px; background: #f1f1f1 url(../images/academia_bg_bottomgreybox.jpg) left bottom no-repeat; overflow: hidden; }
		#greyboxcontents { padding: 0 17px 10px;}
			#cellphonewrap { float: right; width: 89px; text-align:center; }
				#cellphonebox { width: 84px; height:99px; padding: 3px 2px 2px 3px; background: #a9a9a9 url(../images/academia_bg_cellphone.jpg) left top no-repeat; overflow: hidden; }
			#suscriptionwrap { float:left; width: 158px; }
				#suscriptionwrap h4 { font-size: 12px; color:#000; margin-bottom: 6px; font-weight:bold;}
				#creditsbox { width:142px; height:20px; padding:8px; background:#ffc727 url(../images/academia_bg_creditos.jpg) left top no-repeat; text-align: center; color: #555555; font-size: 12px; }
					span.credits { font-size: 15px;}
				#suscriptionbuttons { text-align: center;}
		#mystudentsbox { width:259px; margin: 0 15px; }
			#mystudentsbox h4 { width:259px; height:28px; background: #FC0 url(../images/academia_bg_titlefavoritestudents.jpg) no-repeat left top; line-height: 28px; font-size:12px; text-align:center; color:#333;}
			#mystudentsbox table { margin: 4px 8px; }
				#mystudentsbox table th { height: 24px; font-size:12px;}
				#mystudentsbox table td { padding: 3px 10px 3px 3px; font-size: 11px;}
				#mystudentsbox table td.studentname { width: 120px; }
				#mystudentsbox table tr.oddrow { background-color: #d3d2d2;}
	
#twitterbox { background-color: #cccaca; padding-bottom: 5px;}
	#twitterbox h3 { background: #67bdc6 url(../images/academia_bg_bluetitle.jpg) left top repeat-x; height: 20px; line-height:20px; padding: 0 5px 2px; margin-bottom:5px; color:#000; font-size: 13px; }
	#twitterbox h3 img { vertical-align:middle; margin-right: 5px;}

/* Columns */
body#clubacademia .twocolumnswrap { margin-bottom:2px;}
	.w302column { width:302px; float:left; position:relative; overflow: hidden; }
	.w646column { width:646px; margin-left:304px; position:relative; overflow:hidden; }
	
	
/* Fixes IE 6*/ 
* html .twocolumnswrap .w646column {
  margin-left:301px;
}

/* Classes */
#page a.yellowlink { font-size: 10px; color:#FF0; text-decoration:underline; }
	#page a.yellowlink:hover, #page a.yellowlink:active { color:#FFF; }
#page a.greylink { font-size: 10px; color:#555555; text-decoration:underline; }

.tweetnota { width:282px;border-bottom: 1px #9d9b9b solid; padding: 5px; margin:0 5px; background-color:#FFF}
	.tweetnota img { float:left; margin-right: 5px;}
	.tweetnota h4 { color: #ff9000; font-size: 11px; }
.tweetupdate {padding: 11px 0; text-align:center; width: 302px;}
	
.imagecontentbox { height:158px; position:relative; border: 1px #1A1A1A solid; background:#242122 url(../images/academia_bg_contentbox.jpg) left top repeat-x; margin-bottom:2px;}
	#maincontainer .imagecontentbox h3 { width: 560px; height:28px; text-align:left; color: #FF0; font-size:13px; line-height: 28px; background:none; position:relative; padding: 0 42px;}
		.pageselectorbox { color:#FFFF00; position:absolute; right:12px; text-align:right; top:2px; width:190px; }
		.pageselectorbox td { color:#FF0; font-size: 11px;}
		
	
.carrouselwrap { width: 518px; height:91px; padding: 14px 0 0 42px; margin: 0 42px; position:relative; background: #151515 url(../images/academia_bg_imagecarrousel.jpg) left top no-repeat; }
	.prevbutton { position:absolute; left: -13px; top:38px; }
	.nextbutton { position:absolute; right: -13px; top:38px; }
	.academiaimagepreview { width:77px; height:77px; float:left; margin-right:22px;}
	.pageinfo { position:absolute; bottom:-18px; color:#FFFFFF; font-size:11px; padding-top:5px; text-align:center; width:476px; }