@charset "utf-8";
/* CSS Document */

/* Con un #  defino lo que antes llamamos por ID 
ejemplo <div id="contenedor"> */
#contenedor {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	border: 0px solid #efefef;
	background:white;
	height:1000px;
}
#menu {
width:228px;
background-color:white;
float:left;
}

.borderless {
margin:0px;
padding:0px;
}

.rigth {
	float:right
}

.left {
	float:left;
}

.center {
	float:center;
}

#main  {
	width: 716px;
	float: right;
	font-size: 9px;
	text-align: left;
	
	}

.titulo {
	color: #000;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left:0px;
}

.tituloinicial {
	color: #e5007d;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-left: 12px;
}


.tituloprimaria {
	color:#9c4291;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.titulosecundaria {
	color:#283a8f;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* el . indica que es una clase. Ejemplo
<span class="boton"> */

.boton {
}

#main .texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	text-align: left;
	margin-left: 12px;
	font-weight: normal;
	
	
}
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: underline;
	background-color: #FFF;
	color: #00F;
}

.textotablas{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-align: left;
	margin-left: 0px;
	font-weight: normal;
	
}

.titulotablas{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#000;
	text-align: left;
	margin-left: 0px;
	font-weight:bold;
	
}

.menuacceso{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFF;
	text-align: center;
	padding: 0px;
	font-weight: bold;
	background-color: #283a8f;	
}

#apDiv1 {
	position: static;
	left: 354px;
	top: 715px;
	width: 230px;
	height: 41px;
	z-index: 1;
}