body {
		margin:auto;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:700px;
		background:#FFF  url("fondol.gif") center repeat-y;
		min-width:700px;    	/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
		color:#cccccc;
		font-weight:bold;
	    font-family: arial;
		text-align:center;
	}
	a {
	   font-size:100%;
	   font-weight:bold;
	   font-family: arial;
		text-decoration:none;
		color:#2FC3D6;
	}
	a:hover {
		color:orange;
		font-size:100%;
	   font-weight:bold;
	   font-family: arial;
		text-decoration:none;
	}
	h1, h2, h3 {
		font-size:170%;
		font-weight:bold;
		margin:0px 20px 0px 20px;
		padding:0;
		color:#AAAAAA;
		font-family: arial;
		text-align: center;
	}
	p {
		margin:0px 20px 0px 20px;
		padding:0;
	}
	img {
		margin:10px 0 5px;
		border:0;
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		height:200px;
		width:100%;
		margin:auto;
		text-align:center;
	}
	#header img {
		border:0;
		padding:0px 0px 0px 0px;
		margin:auto;
		z-index:1;
		text-align:center; 
	}
	
	/* menustyles */
	#centeredmenu {
	   width:670px;
	   overflow:hidden;
		margin:auto;
		z-index:2;
		text-align: center;
	}
	#centeredmenu ul {
	   list-style:none;
		padding:0px 0px 0px 0px;
		margin:auto; 
	}
	#centeredmenu ul li {
	   display:inline;
	   list-style:none;
	}
	#centeredmenu ul li a {
	   display:inline;
	   margin:5px;
	   color:#2FC3D6;
	   text-decoration:none;
	   line-height:28px;
	   font-size:17px;
	   font-weight:bold;
	   font-family: arial;
	   text-align: center;
	}
	#centeredmenu ul li a:hover {
	   color:#cccccc;
	   font-size:17px;
	   font-weight:bold;
	   font-family: arial;
	}
	/* column container */
	.colmask {
		margin:auto; /* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	 .colmask a{
	   font-size:100%;
	   font-weight:bold;
	   font-family: arial;
		text-decoration:none;
		color:#139EBE;
	}
	 .colmask a:hover{
		color:orange;
		font-size:100%;
	   font-weight:bold;
	   font-family: arial;
		text-decoration:none;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		margin:auto;text-align:center;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		margin:auto;
		text-align:center;
		padding:0 0 1em 0; 
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
				/* right column background colour */
	}
	.rightmenu .colleft {
		right:200px; /* right column width */
				/* left column background colour */
	}
	.rightmenu .col1 {
		padding-left:25px ;
		width:490px;			/* left column content width (left column width minus left and right padding) */
		left:160px;			/* (right column width) plus (left column left padding) */
		
	}
	.rightmenu .col2 {
		width:120px;			/* right column content width (right column width minus left and right padding) */
		left:180px;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		text-align:center;
		clear:both;
		float:left;
		width:100%;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	
	
/*-------------- Resultados -------------------*/

#resultados{ 
	color: #AAAAAA;  
	font-size:10px; 
	text-align:center;
	margin-top:20px;
}

#orden{ 
	color: #999999;
	font-size:10px;
	text-align: center;
	margin-bottom:20px;
}
#orden A:visited	{ COLOR: #999999;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none}
#orden A:link		{ COLOR: #999999;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
#orden A:active		{ COLOR: #999999;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 
#orden A:hover		{ COLOR: #cccccc;	font-size:10px; FONT-FAMILY: arial ; font-weight:bold;	text-decoration: none} 

.resultado{  
	width:450px;
	font-size:70%;  
	text-align:left;
	margin:auto;
	background:#F5F5F5 url("resultado.gif") bottom center no-repeat;
}
.clasificacion{ 
	font-size:200%;    
	text-align:center;
	font-weight:bold;
	COLOR: #AAAAAA;	
}
.resultadoimagen{
	margin-right: 10px;
	margin-left: 10px;
	text-align:center;
	float: right;
	font-size:10px;
	COLOR: #0F77A1;
}
.resultadoresumen{  
	text-align: justify;
	font-size:12px;
	FONT-FAMILY: times ;
	color:#AAAAAA;
	font-weight:bold;
	margin: 20px 20px 20px 20px;
}
.resultadodatos{  
	color: #FFC355;
	text-align: center;
	padding-bottom: 15px;
}
.resultadotexto h3{ 
	padding: 8px 8px 8px 8px; 
	text-align: justify;
	background:none;
}
#paginacion{
    margin: auto;
	color: #999999;
	text-align: center;
	padding: 20px 0px 20px 0px;
}
.separador{
	width:100%;
	overflow:hidden;
	padding: 20px;
	clear:both;
}
.seccion{
	width:80%; 
}

/*-------------- contenido -------------------*/
#contenido{ 
    margin: 30px;
	width: 90%;
	text-align: center;
}
#contenido h2{ 
	font-variant:small-caps;
}
#vercontenido{ 
    margin-bottom: 10px;
}
#vercontenido A{ 
font-size:10px; 
}
#vercontenido A:hover{ 
COLOR: #999999;
font-size:10px; 
}
#resumencontenido{ 
    margin-bottom: 10px;
	text-align: justify;	
}
#imagencontenido{ 
    margin-bottom: 10px;
}
#datoscontenido{ 
	padding-bottom: 15px;
} 
div .tops{
	clear:both;
	margin-top:20px;
}

ul .topcon{
	margin-top:5px;
	margin-left:0px;
	padding:0px 0px 0px 10px;
	text-align: left;
} 
 li.topcon{
	list-style-type: none;
	display:inline;
}

ul .toppg{
	margin-top:5px;
	margin-left:0px;
	padding:0px 0px 0px 10px;
	text-align: left;
} 
 li.toppg{
	list-style-type: none;
	display:inline;
}