/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: arial, sans-serif;
 font-size: 14px;
 background-color: white; /*   */
 background-image:  url('../images/bg_page.jpg'); 
}

legend {
  color:  yellow;
}

.calendario {
margin-left:  70px;
}

UL {
list-style-image: url(../images/sol_bullet.gif);
}

.cal table, td, th {
border-collapse: collapse;
border-color : #ADD8E6;     /* lightblue */
border-width: 2px;
border-style: ridge;
} 

th {
background-color : #00008B;  /* darkblue */
border-width: 2px;
border-style: ridge;
text-align:   center;  
} 

#pagewidth{     /* afecta header, leftcol, mailcol, rightcol y footer */
 width:850px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height: 200px; 
 width:100%;
} 

#wrapper{     /* afecta leftcol y twocols (mailcol y rightcol) */
 width:850px; 
 float:right; 
 position:relative; 
} 

#maincol{
	width: 810px;
	float: left;
	position: relative;
	color:   yellow;
	margin: 0px;
	padding: 20px;
	background-color: #0066aa;

/*	height: 1150px;  */

/* background-image: url('../images/logo_bkground.jpg');  
   background-repeat: no-repeat;
   background-position: 10% 8%;  */

}

#footer{
 height:120px; 
 background-color:#CBA14F; 
 clear:both;
 background-image: url('../images/footer_grad.jpg');  
} 

#header_admin{
 background-color:#FFFF99; 
} 

.box ul, .rgh ul{list-style:none; margin:0; padding:0; text-align:left;}
.box li, .rgh li{padding:0 .25em;}
.box .odd{background-color: purple; }

.box {border: 1px yellow solid; }

.box p{
padding: 10px 10px;           /*  10px 10px;  */
margin:  0px;
}
/* Blue heading bar -height: 25px;*/
.mhead{
	height:20px;  
	margin:0; 
	background-color:#0066aa;
	padding-left:1px;
/*	border-bottom:solid yellow 1px;   */
	border-top:solid yellow 1px;  
	text-align:center;
    background-image: url(../images/bg_mhead1.jpg);
}
	
.mhead a{ text-decoration:none; color: yellow; font-size: .8em;}
 
a  {color: #FFFFE0; text-decoration: underline; }         /* lightyellow */
a:link {color: #FFFFE0; text-decoration: underline; }        /* lightyellow */
a:active {color: #FFFFE0; text-decoration: underline; }        /* lightyellow */
a:visited {color: #FFFFE0; text-decoration: underline; }      /* lightyellow */
a:hover {color: #FFFFE0; text-decoration: none; }             /* lightyellow */
a:focus {color: #FFFFE0; text-decoration: underline; }       /* lightyellow */
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 20px;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:800px; float:none;}
}