.center {
    margin-left: auto;
    margin-right: auto;
  }




#encabezado {
    color:white;
    text-align:right;
	width:880px;
    
}

#general {
    background-color:#F4F7F8;
    height:810px;
    width:900px;
    float:center;
	align: center;
	text-align:center;
    padding:5px;	      
}

#gestion {
    line-height:30px;
    background-color:#F4F7F8;
    height:200px;
    width:280px;
    float:left;
    padding:5px;	      
}

#observador {
	line-height:30px;
    background-color:#F4F7F8;
	height:200px;
    width:280px;
    float:left;
    padding:5px; 	 
}



#agenda {
	line-height:30px;
    background-color:#F4F7F8;
    height:200px;
    width:280px;
    float:left;
    padding:5px;	      
}	

#reportes {
    line-height:400px;
    background-color:#F4F7F8;
    height:200px;
    width:280px;
    float:left;
    padding:5px;	      
}

#pagos {
    line-height:400px;
    background-color:#F4F7F8;
    height:200px;
    width:280px;
    float:left;
    padding:5px;	      
}


#matriculas {
    line-height:400px;
    background-color:#F4F7F8;
    height:200px;
    width:280px;
    float:left;
    padding:5px;	      
}



#estadisticas {
	line-height:400px;
    background-color:#F4F7F8;
    height:200px;
    width:280px;
	clear:both;
    float:left;
    padding:5px;	      
}



#parametrizar {
	line-height:400px;
    background-color:#F4F7F8;
    height:200px;
    width:280px;
	float:left;
    padding:5px;	      
}

#soporte {
	line-height:400px;
    background-color:#F4F7F8;
    height:200px;
    width:280px;
	float:left;
    padding:5px;	      
}


#pie {
	width:900px;
	background-color:#4BC970;
    color:white;
    clear:both;
    text-align:center;
	padding:5px;	 	 
}



#izquierda{
	width:490px;
	height: 0 auto;
	background-color:#E5E5E5;
	float: left;
}

#derecha{
	width:490px;
	height: 0 auto;
	background-color:#E5E5E5;
	float: right;
}



/*.contenedor-tabla{
display: table;
}
.contenedor-fila{
display: table-row;
}
.contenedor-columna{
display: table-cell;
}


input {
    text-align: left; 
	
}

input:invalid {
  background-color: #ffdddd;
}
  
input:valid {
  background-color: #ddffdd;
}*/


/*******Atributos boton hover******/  
#botonhover {
    position:relative;
    /*top: 226px;*/
    
}


#botonhover:hover{
    background-color: #cccccc;
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    }