/* CSS centar pagina */
html, body { height:100%; }
.wrapper
{
	margin:auto;
	height: auto;
	width: 804px;	
}
/* Div principales de estructura */

#cabecera{
	width:  804px;
	height: 65px;	
	margin-top: 10px;
	clear: both;	
}
#contenido
{
	width:  804px;
	height:auto;
	position: relative;
	z-index: 10;
	text-align: left;	
	clear: both;
}
#contenidobg
{
	width:  804px;
	height:auto;
	padding-top:15px;
	background-image:url(../images/appbg.jpg);
	position: relative;
	z-index: 10;
	text-align: left;	
	clear: both;}
#contenidoaractbg
{
	width:  804px;
	height:auto;
	padding-top:15px;
	background-image:url(../images/aractbg.png);
	position: relative;
	z-index: 10;
	text-align: left;
	clear: both;
}
#footer{ 
	text-align:center; 
	font-size:11px;
	width: auto;	
	padding: 15px;
	clear: both;
	background-color:#000;
	color:#FFF;
}
#footer a{color:#FFF; font-weight:bold;}
/*div borrar para flotantes*/
.clear{clear: both;}
/*index*/
#btnIndex{
	width: 134px;
	height: 134px;
	float:left;
	}
#columna{
	width: 402px;
	float:left;	
	}
#columnaBig{
	width: 730px;
	margin:0 15px 15px 54px;
	padding-top:15px;
	background-color:#FFF;
	}	
	
#btnbanrep{
	width: 268px;
	height: 268px;
	float:left;
	}	
/*Paginas con Menú*/
#colLeft{
	width:215px;
	float:left;
	padding-bottom:30px;
	}
#colLeftaractbg	{
	width:215px;
	height:333px;
	background-image:url(../images/aract_hof.jpg);	
	}
	#colLeftappbg	{
	width:215px;
	height:333px;
	background-image:url(../images/app_hof.jpg);
	}
#colRight{
	width:589px;
	float:left;
	background-color:#FFF;
	padding:15px 0;
	}
/*Paginas submenus*/	
.margen{ padding-left:20px; }
.txtbloque{
width:540px;	
	}
.relleno{
	width:auto;
	padding:15px;
}	

.item {
	width:135px;
	float:left;
	padding:15px 15px 0 15px;
	}
.itemsmall {
	width:100px;
	float:left;
	padding:15px 10px 0 0;
}
.itemmidle{
	width:120px;
	float:left;
	font-size: 11px;
	padding:15px 20px 0 0;
}
.titulo {
	width:135px;
	text-align:center;
	font-weight:bold;
	font-size: 11px;
}	
.titulosmall {
	width:100px;
	height:35px;
	text-align:center;
	font-weight:bold;
	font-size: 11px;
}
.titulomidle {
	width:120px;
	padding-bottom:2px;
	text-align:center;
	font-weight:bold;
	font-size: 11px;
}
.itemimg {
	width:auto;
	padding:10px 0;
	text-align:center;
	}
/*estructura interna*/		
.colimg{
	width:auto;
	padding-right:20px;
	float:left;}
.colimg225{
	width:225px;
	padding-right:20px;
	float:left;}	
.txtfloat{
	width:295px;	
	float:left;}
.txtfloatmidle{
	width:160px;
	float:left;
	font-size:9px;
}	
.txtfloatsmall{
	width:100px;
	float:left;
	font-size:9px;
}
/*formulario*/	
.lista{
	width:170px;
	}
.formulario{
	width:auto;
	padding:5px;
	background-color:#98cbcc;
	text-align:center;
	}	
.formularioaract{
	width:auto;
	padding:5px;
	background-color:#cd3301;
	text-align:center;
	}
.txtformulario{	font-weight:bold; font-size:14px; color:fff;}	
.ataglhed {	font-weight:bold; font-size:14px; color:fff; background-color:#cd3301; padding:5px;}
.appglhed {	font-weight:bold; font-size:14px; color:fff; background-color:#98cbcc; padding:5px;}
.atagl {font-size:10px; color:000; background-color:#e6e6e6; padding:5px 25px 10px 10px;}