body{
        font-size: 62.5%;
        font-family: arial, Verdana, Georgia, sans-serif;
        font-size: 1em;
        margin: 0;
        padding: 0;
	background: #ffcc33 url('/images/books1.png') no-repeat top center;
}
.site-container{
        clear: both;
        position: relative;
        width: 975px;
        margin: 0px auto;
}
#header{
	height: 175px;
	background-image: url('/images/headerbg1.jpg');
	z-index: 2;
}
#footer{
	font-size: .9em;
	width: 930px;
	margin: 0px auto;
        background-color: #99cccc;
	position: relative;
	z-index: 0;
	left: 10px;
	top: -20px;
}
#guiapadLogo{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 386px;
	height: 195px;
	z-index: 1;
}
#logoasoc{
	position: absolute;
	top: 40px;
	right: 0px;
	height: 120px;
}
a, img{
	text-decoration: none;
	border: none;
}
#content{
	z-index: 1;
	top: -10px;
}
#siteContent-top{
        height: 14px;
	overflow: hidden;
}
#siteContent-body{
	/*min-height: 400px;*/
        background: url('/images/spiralnotebook-body3.png');
        background-repeat: repeat-y;
	padding: 1px;
}
#siteContent-bottom{
        height: 30px;
}
.clearfix{
	clear: both;
}
#mainmenuContainer{
	height: 350px;
	float: left;
	position: relative;
	top: -17px;
	left: 75px;
	z-index: 0;
}
#mainmenu{
        background: url('/images/tornpaper5.png') no-repeat top center;
        width: 277px;
        height: 328px;
	padding-top: 20px;
        position: relative;
	z-index: 1;
	top: -132px;
}
#miguiapadmenu{
        background: url('/images/tornpaper5.png') no-repeat top center;
        width: 277px;
        height: 328px;
	padding-top: 10px;
        position: relative;
	z-index: 1;
	top: -132px;
}
#miguiapadmenu a{
	font-size: 1.3em;
	margin: 15px 0 0 20px;
	color: black;
	float: left;
	clear: left;
}
#mainmenu img{
        margin-left: 40px;
        margin-top: 10px;
}
#hazte{
        position: relative;
	z-index: 1;
	top: 290px;
	left: 60px;
}
#mainSlider{
	float: right;
        background: url('/images/mainSliderBg2.png') no-repeat top center;
        width: 660px;
        height: 370px;
        position: relative;
	top: -17px;
	left: 15px;
}

#mainHelp{
        position: relative;
	margin: 10px 50px 0 70px;
	word-wrap: break-word;
}

#mainHelp ul{
	list-style: circle;


}

#mainHelp ul li{
	padding: 5px;


}
.HelpTitle {
	position: relative;
	width: 220px;
	height: auto;
	background-color: #ffcc33;
	padding-left: 6px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000000;
	font-size: 1.6em;
	font-weight: bold;

}
.Arrow {
	position: relative;
	width: 60px;
	height: 10px;
	position: relative;
        background: url('/images/arrow-burble.png') no-repeat top center;

}
#repasos{
	float: left;
	clear: left;
	position: relative;
	left: 90px;
}
#repasos img{
	float: left;
	clear: left;
}
#ytplayer{
	width:580px; 
	height:333px; 
	margin: 10px 0 0 35px;
}
.content-container{
	float: right; 
	width: 580px; 
	margin-right: 25px; 
	text-align: center;
}
.content-container p, .col1 p{
	text-align: justify;
}
.areaIcon {
	margin: 0 auto;
	width: 112px; 
	height: 90px;
}
#loginFrm label{
        display: block;
        width: 100px;
        text-align: right;
        float: left;
        clear: left;
}
#loginFrm .input{
        border: none;
        float: left;
        margin-left: 10px;
        margin-bottom: 5px;
        width: 350px;
        background-color: #f4f87c;
        padding: 5px;
}
.formInput{
	width: 305px; 
	height: 20px; 
	border: 2px solid #336600; 
	margin: 5px 0px;
	padding: 5px;
	display: block;
}
.forms{

}
.forms label{
        display: block;
	font-size: .8em;
        width: 150px;
        text-align: right;
        float: left;
        clear: left;
}
.forms .frmTxtInput{
        border: none;
        float: left;
        margin-left: 10px;
        margin-bottom: 5px;
        width: 350px;
        background-color: #f4f87c;
        padding: 5px;
}
.forms .dialogCall{

} 
#adminMnu{
	width: 277px; 
	float: left;
	text-align: right;
       	position: relative; 
	top: 20px; 
}
#adminMnu a{
	float: right;
	clear: right;
	cursor: pointer;
	cursor: hand;
}
.expectationLinks{
	clear: both;
	cursor: pointer;
	cursor: hand;
}
.content-container-full{
	float: right; 
	width: 890px; 
	padding-top: 20px;
	margin-right: 25px; 
}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.leftmenu {
	background:#fff;
}

.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:250px;
	background:#fff;
}

.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;	
	right:250px;
	padding-bottom:1em;
}

.leftmenu .col1 {
	margin:0 15px 0 265px;
	position:relative;
	right:100%;
	overflow:hidden;
}

.leftmenu .col2 {
	float:left;
	width:230px;
	position:relative;
	right:235px;
}
.col2 h2{
	font-size: 1em;
	margin: 0px;
}
.col2 h3{
	font-size: .9em;
}
.col2 ul{
	list-style-type: none;
	font-size: .8em;
	padding-left: 25px;
}
.subjectHeader h1{
	color: #000080; 
	font-size: 2em; 
	font-weight: bold;
}
.subjectHeader h2{
	color: #000080; 
	font-size: 1em; 
	font-weight: bold;
}
.planheader{
	font-size: 1em; 
	font-weight: bold;
}
#planesTOC li, #recTOC li{
	text-indent:-20px;
	margin-left:20px
}
#newPlanForm{

}
#newPlanForm .leftCol{
	font-size: .8em;
	float: left;
	text-align: right;
	width: 220px;
}
#newPlanForm .rightCol{
	font-size: .8em;
	float: left;
	margin-left: 10px;
	text-align: left;
	width: 360px;
}
#newPlanForm .rightColFull{
	float: left;
	margin: 10px 0 0 100px;
	text-align: left;
	width: 480px;
}
.sim_link{
	text-decoration:underline;
	color: blue;
	cursor: pointer;
}
.planlayout{
	font-size: .7em;
}
.planlayout div{
	margin: 5px 0;
}
.planlayout div .index{
	display: block;
	float: left;
	width: 35px;
	text-align: right;
	font-weight: bold;
}
.planlayout div .content{
	float: right;
	width: 605px;
	margin-left: 10px;
}
.planlayout div span{
	font-weight: bold;
}
.planlayout div .fullContent{
	width: 655px;
	margin-left: 20px;
	float: left;
	clear: both;
}
#AnejoList{

}
#AnejoList .icon{
	float: left;
	width: 50px;

}
#AnejoList .detailContent{
	float: left;
}
#AnejoList .detailContent .name{
	font-weight: bold;
	float: left;
	width: 450px;
	margin: 0 0 0 10px;

}
#AnejoList .detailContent .descrip{
	float: left;
	width: 450px;
	clear: left;
	margin: 0 0 0 10px;

}
.userlink, .deluserlink, .gradelink, .delgradelink, .delefelink, .efelink, .viewIndex ,.editIndex, .delIndex{
	cursor: pointer;
}
.regularLink{
	color: #97467a;
}
.regularLink:hover {
	text-decoration: underline;
}
#loginPanel{
	position: absolute;
	top: 0px;
	right: 100px;
	display: none;
}

#loginPanel a{
	color: white;
}
.fblogout, #loginFB{
	cursor: pointer;
}

#loginPanel-content{
	height: 34px;
	float: right;
	padding: 5px 5px 0px 5px;
	background: url('../images/tabcentro.png') repeat-x;
}
#loginPanel-content a{
	height: 22px;
}
#loginPanel-right{
	float: right;
	width: 34px;
	height: 34px;
	background: url('../images/tabderecho.png') no-repeat top center;
}
#loginPanel-left{
	float: right;
	width: 34px;
	height: 34px;
	background: url('../images/tabizquierdo.png') no-repeat 5px 0px;
}
#forget-modal {
	background: url('../images/modal-bg.png');
	background-repeat: repeat;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 900000;
	left: 0px;
	top:0px;
}  
#forget-modal-container {
	/*
	background-color: transparent;
	background-image: url('../images/modal-bg-burble2.png');
	*/
	background-color: white;
	background-repeat: no repeat;
	width: 400px;
	height: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top:-200px;
	margin-left:-110px;
	
}

.ifra {
	background: transparent;
}
.head-pass{
	width: 100%;
	height: 40px;
	background-color: #ccc;
	background: -webkit-gradient(linear, left top, left buttom, from(#93c2f7),to(#659ddc));
	background: -moz-linear-gradient(top, #93c2f7, #659ddc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93c2f7', endColorstr='#659ddc', GradientType=0);
	margin-bottom: 5px;
	}
.close-modal-pass {
	float:right;
	width: 40px;
	height: 40px;
	background: url('../images/close-modal-pass.png') no-repeat;
	cursor: pointer;


}
.cerrar {background: url('../images/tabizquierdo.png') no-repeat 5px 0px;
}

	width: 100%;
	height:35px;
	position: fixed;
	top: 0;
	left: 0;
/*	background-image: url('../images/close-bg.png');
	background-repeat: repeat;
*/
	z-index:900000000000;

}
#cerrar {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #ccc;
	font-size: 16px;
	float: left;
}
.slide-out-div {
	padding: 20px;
	width: 350px;
	height: 250px;
	background: #f0f0f0;
	border: 1px solid #e4e4e4;
	z-index: 900000000;
	position: absolute;
	left: -2000px;
}      
.btn-form-question {
	border: none;
	background-color: #974578;
	width: 80px;
	height: 30px;	
	color: #FFF;
	font-family: arial, helvetica, sans-serif;
	cursor: pointer;
}
#loading {
	margin: 0 auto;
	display: none;
}
.tabfontsize{
	font-size: .55em;
}
/* FORGOT PASSWORD STYLES */
#forgetDialog{
	display: none;
}
#forgetDialog .error{
	font-size: .8em;
	color: red;
}
#forgetDialog .success{
	font-size: .9em;
	color: green;
}