body {
	padding:0;
	margin:0;
	background-color:#A0A0A0; 
	color:#707070;
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
    font-size:9pt;
	text-align: center;
}

#wrap {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

 
#header-wrap {
	margin:0;
	padding:0;
	height:150px;
	background: #fff url(header-bg.jpg?z=6242) repeat-x  ;
	margin-left: auto;
	margin-right: auto;
}


#header {
	width:970px;
	height:150px;
	background: #FFFFFF url(header.jpg?z=6242) ;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}
.caja {
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;

}


#header-content {
	padding-top:40px;
	text-align:left;
	width:930px;
	margin-left: auto;
	margin-right: auto;
}



#container {
	margin:0;
	padding:0;
	text-align:left;
	width:970px;
	background: #FFFFFF url( bg.jpg?z=6242 ) repeat-y ;
	background-position: 0px 0px ;
	margin-left: auto;
	margin-right: auto;
}



#content-wrap {
	width: 930px;
	margin: 0px auto;
	padding: 0;
}


#footer-wrap {
	padding:0;
	margin:0 auto ;
	background: #A0A0A0 url(footer-bg.jpg?z=6242) repeat-x ;


}

#footer {
	width:970px;
	height:50px;
	text-align:center;
	margin:0 auto;
	padding:0;

	background: #A0A0A0 url(footer.jpg?z=6242) no-repeat 50% 0 ;
}



 #nav1 {
	clear: both;	
	margin: 0 auto; 
	padding: 0;
	background: #9AAB21 url(menu.jpg?z=6242) repeat-x;
	font: bold 13px/30px "Trebuchet MS", Arial, Tahoma, Sans-serif;
	height: 30px;
	width: 930px;
	border-top :2px solid #FFFFFF ;
	border-bottom : 2px solid #FFFFFF ;	
}

#nav1 ul {
	float: left;
	list-style: none;
	margin:0; 
	padding: 0 ;
}

#nav1 ul li {
	display: inline;
}

#nav1 ul li a {
	display: block;
	float: left;
	padding: 0 14px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	border-right: 1px solid #b8c93f ;
}

#nav1 ul li a:hover {
	background: #568e12 url( selectedMenu.jpg?z=6242 ) repeat-x;
	color: #FFFFFF;	
}


li.current {
	background-color:#9AAB21;
	color: #FFFFFF;
} 


 


#main {
	float: left;
	width: 660px;
	padding: 20px 0 0 0;
	margin: 0px 0px 0px 20px ; 
	display: inline;
	background: url(box.jpg) no-repeat;
}


#main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main form {
	margin:6px 0pt 0pt 0pt ;
}

#main p, #sidebar p {
	text-align:justify;
}


h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16pt;	
	color:#336600;
	letter-spacing:3px;
}


h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13pt;	
	color:#336600;
	letter-spacing:2px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;	
	color:#336600;
}

#main img {
	border:1px solid #CCC;
	padding:5px ;
}

a, a:visited {
	color:#FB9233;
	text-decoration:none;
}

a:hover {
	color:#93C600;
	text-decoration:underline;
}


#sidebar {
	float: right;
	width: 230px;
	padding: 0px
	margin: 10px 0 0 0;	
	font-family:Trebuchet MS, sans-serif;
    font-size:9pt;
	color: #707070;
}


#sidebar *  {
	margin: 15px;
}

#sidebar h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11pt;
	color: #9BBFBF;
}


#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #d6d6d6;	
}

#sidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #d6d6d6 ;
}


* html body #sidebar ul.sidemenu li {
	height: 1%;
}


#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #08A2F7;				
}


#sidebar ul.sidemenu li a:hover {	
	color: #f49237 ;
}

#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }






#footer-content {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF ;
	margin: 0 auto;
	width:930px;
	text-align:center;
}

#footer-content a:link, #footer-content a:visited  {
	font : 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF ;
	text-decoration:none;
}

#footer p {
	text-align:center;
}

p, div, td {
	color:$fontColor;
	font:Trebuchet MS 9 ;
} 

.clear {
	clear:both;
}

-----------

#sidelogin {
	float: right;
	padding: 0px
	margin: 20px 5px 5px 5px;	
	font-family:Trebuchet MS, sans-serif;
    font-size:9pt;
	color: #707070;
}


#sidelogin * {
	margin: 20px 7px 7px 7px;	
	text-align:right;
}



-------------

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=70);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("http://www.tecnicana.org/java_script/caja/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 1px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #639265;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 1px solid #000000;
	border-top: 0px solid #78A3F2;
	border-left: 0px solid #78A3F2;
	border-right: 0px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}	

------------

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.tecnicana.org/java_script/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.tecnicana.org/java_script/lightbox/overlay.png", sizingMethod="scale");
	}

	.textopequeno {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

-----------

.year {
	border-style: outset;
	border-width: 1px;
	background-color: #e4e4e4;
	text-align: center;
}
.month {
	border-style: none;
	background-color: #f8f9f3;
	text-align: center;
}
.yearname {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.monthname {
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	background-color: #DBE1C1;
	color: #5D5D5D;
	border-style: outset;
	border-width:1px
}
.dayname {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #DBE1C1;
	color: #ffffff;
	border-style: outset;
	border-width:1px
}
.weeknumtitle {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	background-color: #e9e9e9;
	border-style: outset;
	border-width:1px
}
.weeknum {
	text-align: center;
	font-size: 10px;
	height:90px;
	width:90px;
	color: #000099;
	background-color: #e9e9e9;
}
.week {
	border-style: none;
	background-color: #e4e4e4;
	text-align: center;
}
.monthweek {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #667171;
	border-style: solid;
	border-width:1px
}
.yearnavigation {
	font-size: 12px;
}
.datepicker {
	background-color: #f8f9f3;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Tahoma, Arial, sans-serif;
}
.monthpicker {
	font-size: 11px;
	background-color: none;
}
.yearpicker {
	font-size: 11px;
	background-color: none;
}
.pickerbutton {
	font-size: 11px;
	background-color: #eeeeee;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
.nomonthday {
	text-align: center;
	vertical-align: top;
	font-size: 10px;
	height:90px;
	width:90px;
	color: #aaaaaa;
}
.monthday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEF1E2;
	color: #384955;
	height:90px;
	width:90px;
}
.today {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #b7ceb7;
	color: #ffffff;
	height:90px;
	width:90px;
}
.selectedday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #F1BF4B;
	height:90px;
	width:90px;
}
.sunday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #DDE8DD;
	color: #667171;
	height:90px;
	width:90px;
}
.sunday a {
	color: #667171;
}
.saturday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #DDE8DD;
	color: #667171;
	height:90px;
	width:90px;
}
.saturday a {
	color: #667171;
}
.event {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:90px;
	width:90px;
}
.event a {
	background-color: #ffff99;
	color: red;
}
.selectedevent {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:90px;
	width:90px;
}
.selectedevent a {
	background-color: #ffff99;
	color: red;
}
.todayevent {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:90px;
	width:90px;
}
.todayevent a {
	background-color: #ffff99;
	color: red;
}
.eventcontent {
	font-size: 10px;
	border-style: none;
	border-width: 1px;
	width: 100%;
	font-weight: normal;
}

.piedefoto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.tecnicana.org/java_script/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.tecnicana.org/java_script/lightbox/overlay.png", sizingMethod="scale");
	}
.textonormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #000000;
	font-weight: normal;

}