body {
	background: #444; /*333*/
	margin: 0;	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	line-height:140%;
	font-weight: normal;
	color: #333333;
	text-align: center;
	}
	
td {font-size: 14px;
	line-height:140%;}
	
a { color: #333; }	

ul { list-style-type: square; margin-left: -20px; }
	
h1 {
	font-size: 28px;
	font-weight: bold;
	line-height: 102%;
	text-align:left;
	}
	
	h1.motto { font-size:28px; margin: 12px 0px 10px -5px; color:#990000; }	/* 48*/
	h2.motto { font-weight: normal; margin: 0px 0px 10px 0px; }
	
h2 {
	font-size: 22px;
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 6px;
	text-align:left;
	}	
	
h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 120%;
	margin: 12px 0px -3px 0px;
	color: #ccc;
	text-align:left;
	}	
	
		
#wrap {
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
	}	
	

#middle {
	padding-top: 10px;
	background: #ffffff;
	}

	
#bottom {
    margin-right: auto;
    margin-left: auto;
	margin-top: 12px;
	background: #444;
	color: #ffffff;
	}
		
#header {
	width: 845px;
    margin-right: auto;
    margin-left: auto;
/*	border: 1px solid white;*/
	height: 55px;
	background: #444; /*333*/
	}

	#logo 		{ margin: 12px 0px 0px 10px; float: left; }
	#counter	{ margin: 3px 0px 0px 0px; float: left; color: #FFFFFF; }
	#menu 		{ margin: 20px 10px 0px 0px; float: right; color: #666666; }
	#menu a 	{ color: #FFFFFF; } 
	#menu a.hl 	{ color: #ffaaaa; }
	
	#menu a.sel { font-weight: normal; text-decoration: none; }
	#menu a.hlsel { color:#ffaaaa; font-weight: normal; text-decoration: none; }
	
#content {
	width: 845px;
    margin-right: auto;
    margin-left: auto;
	margin-top: 21px;
	text-align: left;
	}
	
#footer {	
	width: 845px;
    margin-right: auto;
    margin-left: auto;
	padding-top: 10px;
	font-size: 12px;
	line-height: 120%;
	}
	
	#footer h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 120%;
	color: #FEA217;
	border: 0;
	margin: 12px 0px 4px 0px;
	}	
	
	#footer a { color:#ffffff; }
	
#a1 {
	float: left;
	margin: 0px 11px 11px 0px;
	}	
	
#a2 {
	float: left;
	margin: 0px 11px 11px 0px;	
	}	
	
#a3 {
	float: left;
	margin: 0px 0px 11px 0px;	
	}	
	
#a4 {
	float: left;
	margin: 0px 11px 11px 0px;
	}	
	
#a5 {
	float: left;
	margin: 0px 11px 11px 0px;	
	}	
	
#a6 {
	float: left;
	margin: 0px 0px 11px 0px;	
	}		


		
#surprise {
	float: left;
	}
	
	
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}	


/***********************/

td, th 		{ text-align:center; }	
th 			{ font-size: 22px; font-weight: bold; border-bottom: 1px solid #333; vertical-align: bottom; }
th.popular 	{ font-size: 28px; font-weight: bold; background: #ffffcc; }
td.popular 	{ font-size: 14px; font-weight: bold; background: #ffffcc; }

.right 		{ text-align: right; }	
.left 		{ text-align: left; }	
.subth 		{ font-size: 12px; color: #999; font-weight: normal; line-height:100%; margin-top:4px; }

.small 		{ font-size: 10px; }	
.clear 		{ clear: both; }

.desde 		{ font-size:11px; font-weight:normal; margin-bottom:-5px; }

.new		{ color: darkred; }

.lowlight	{ color:#666666; }

#hoja {
	border:1px solid #ccc;
	padding:10px;
	background:white;
	}