html, body {
            height: 100%;

	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}
* html #wrap {
	height:100%;
}
body
{
	background: #EFECE5;
	padding: 0px;
	margin: 0px auto;
}
#Left
{
    width:480px;
    background:#F3F3F3;
    padding:20px;
    float:left;
    min-height:180px;
}
#Right
{
    margin-left:510px;
    background:#F1F1F1;
    margin:0 auto;  
    padding:20px;
    min-height:200px;  
}
#Right h1, #Left h1
{
    text-align:left;
    font-size:18px;
    color:#666666;
    padding:0 0 0 20px;
}
#Left p .btnGuardar, #Right p .btnGuardarNotas
{
    width:80px;
    background:#FFFFFF url('../images/btnSave.jpg') no-repeat; 
    height:29px;
    border:0 solid #FFFFFF;
    cursor:pointer;
}
#Left p .btnGuardar:hover, #Right p .btnGuardarNotas
{
    background-position: 0 -29px;
}
#Right p .btnGuardar
{
    width:170px;
    background:#FFFFFF url('../images/btnSaveConfiguration.jpg') no-repeat; 
    height:29px;
    border:0 solid #FFFFFF;
    cursor:pointer;
}
#Right p .btnGuardar:hover
{
    background-position: 0 -29px;
}
#Left p
{
    width:450px;
}
#Left p label
{
	display:inline-block;
	width:100px; 
	text-align:left;
	color:#666666; 
	font-size:12px;

	
}
#Left table tr td
{
    text-align:left;
	color:#666666; 
	font-size:12px;
}
#Left p .txt
{
	border: solid 1px #CCCCCC;
	width:300px;
	text-align:left;	
}
.Msbox
{
    color:#FF5353;
}

#wrap {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	min-height: 100%;
}
#head {
	width: 100%;
	height: 86px;
	margin: 0px auto;
	text-align: left;
	background: #FFFFFF;
}
#logo
{
	float:left;
	width:200px;
}
#menu
{
	margin: 0px auto;
	padding:0px;
	text-align:left;
	width:100%;
	height:28px;
	background: url(../imagenes/mid.gif) repeat-x;
}
#imgHead
{
	float:right;
	width:400px;
	text-align:right;
}
#consulta
{
	background: #D1CEC5;
	width:100%;
	text-align:center;
	margin: 0px auto;
}


#registro{
	width:450px; 
	padding:10px; 
	margin:15px; 
	border: 2px dashed #D2D2D2;
	background: #D1CEC5;
	text-align:left;
}
.deleteColumns{
	clear: both;
}
#registro h1
{
	color:#0D5472;
	font-size:14px;
	padding:0px;
	margin:0px;
}
#registro label
{
	float: left;
	width: 33%; 
	text-align:right;
	padding:5px;
}
#consulta label, #registro label
{
 
	color:#0D5472;
	font-size: 12px;
}
#registro .line
{
	width:90%;
	margin: 0px;
	padding: 0px;
}
#consulta input[type='text']
{
	background-color:#FFFFFF;
	width:100px;
	border: solid 1px #FFFFFF; 
}
#consulta input[type='submit'], input[type='submit']
{
	background: #0D5472;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	width:100px;
	font-family: Arial;
}


/* footer */
#footer
{
background: url(../imagenes/fndoFooter.gif) #0D5472 repeat-x;
height: 40px;
margin-top: -40px;
}
#footerIn {
	height: 25px;
	margin: 0px auto;
	text-align: center;
}
#footerIn h1 {
	margin: 0px;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	padding-top:20px;
	line-height: 1.4em;
	font-size:9px;
}
#footerIn h1 a {
	color: #FFFFFF;
	text-decoration: none;
}
#footerIn h1 a:hover {
	color: #F2F2F2;
}
.info a
{
	color:#666666;
	text-decoration:underline;
}
.info a:hover
{
	text-decoration:none;
}
div#GridMat
{
	 width: 100%;
     height:400px;
     overflow:auto;
}
div.colorMat, div.niveles
{
	color:#666666;
	font-size:12px;
	height:29px;
	width:98%;
	
}
div.colorMat
{
	background: url(../imagenes/header.gif) repeat-x;
	padding-top:5px;
}
#title {
    border:none;
    margin: 0px auto;
    padding: 5px;
    height: 40px;
    background: #00386d;
    color:#fff;
}  
#title #titleLeft p{  
    font-weight:normal;   
    color:#fff;  
    font-size:20px;   
    text-transform:capitalize;   
    text-align:left;
    float:left;
    width:300px; 
    padding:0px;
    margin:0px; 
} 
#title #titleRight #user
{ 
    color:#fff;  
    font-size:14px;     
    text-align:right;
    width:500px; 
    padding-right:20px;
    padding-top:10px;
    height:30px;
    margin:0px;
    float:right;
    background: url(../png/info.png) center right no-repeat;
}
#title #titleRight #userData
{
	background:#B5CAD0; 
	border:1px solid #AFB0B1; 
	width:400px; 
	padding:5px;
}
#title #titleRight #userData .userData
{
	color:#666666; text-align:left;  font-size:12px;
}
div.materiasSelect
{
	height:14px;
	width:auto;
	background: url(../imagenes/header.gif) repeat-x;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;		
	color: #666666;
	padding: 10px 20px 5px 20px;
}
a.materiasMalla
{
	color:#FFFFFF;
}
a:hover.materiasMalla
{
	text-decoration:none;
}
.imgButton{
	cursor:pointer;
}
.error
{
	font-size:10px;	
	color:#666666;
	font-family:Tahoma;
	text-align:center;
}
.cFooter
{
	text-align:right;
	font-size:10px;
	font-family: "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
	color:#666666;
}
.info {
background: #FFFFFF url(../images/info.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #D1CEC5;
border-bottom: 2px solid #D1CEC5;
color:#666666;
}
/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../images/SavedStar.png);
}
#login
{
  clear: left;
  margin: 0;
  padding: 0;
  padding: 5px;
  background:#E9E9E9;
}
#login p label
{
  float:left;
  width: 80px;
  font: 12px Tahoma;
  color: #666666;
  padding-left:10px;
}
#login p .txt
{
    background: #FAFAF8;
	border: 1px solid #666666;
	color: #666666; /*#A0A09E;*/
	width:150px;
}