/* CSS Document */
body{
	margin:0;
	font-family:Arial;
	font-size:12px;
	background-color:#0E6CA5;
	font-family:Arial, Helvetica, sans-serif;
}
.main{
	width:1000px;
	padding:10px;
	margin:auto;
	background-color:#FFF;
	position:relative;
}
img{
	border:0;
} 
*:focus{ 
    outline: none;
}
a{
	cursor:pointer;
} 
.error{
	color:#FFF500;
}
#button{
	border-radius: 5px;
	background-color: #0B5886;
	border-color: #FFF;
	color: #FFF;
	padding: 3px 7px 3px 7px;
	margin-top:10px;
}
#datos_top{
	position:absolute; 
	top:35px;
	right:21px;
	color:#333;
}
#datos_top a{
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #333;
}
#datos_top a:hover{
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
} 
#linea{
	height:10px;
	border-top: 2px solid #CCC;
	width:980px;
	margin:auto;
}
#bottom{
	color: #000;
	text-align: center;
	font-size: 90%;
	line-height: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#bottom a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#bottom a:hover{
	color:#134399;
}
.clear{
	clear:both;
	width:100%;
} 
#login, #index{
	margin:auto;
	text-align:center;
}
#index #cuadro{
	padding-top:30px;
}
.stilo{
	padding-right:40px; 
	}
#login img{
	margin-top:25px;
}
#login table{
	background-color:#0e6ca5;
	padding: 10px 47px;
	margin-top: 10px;
	border-radius:10px;
	color:#FFF;
}
#cuadro{
	height:200px;
}
input[type="text"], input[type="password"]{
	width:190px;
}
.bgcolor1 td, div.bgcolor1{
	background-color:#C9C9C9;	
}
.bgcolor2 td, div.bgcolor2{
	background-color:#E8E8E8;
}
#cambio_pw{
	background-color:#0e6ca5;
	color:#FFF;
	padding:20px;
}
#students{	
	border: 5px solid #838181;
	border-radius:10px;
	width: 500px;
	margin: auto;
	padding-top: 50px;
	padding: 10px;
}
#students span{
	font-size: 16px;
	font-weight: bold;
	padding: 9px;
}

#content_alumno{
	border: 2px solid #ccc;
	border-radius:10px;
	margin: 10px;
	padding: 10px;
	text-align: center;
}
.alumnos{
	font-size:13px;
	margin-bottom:5px;
	font-weight:bold;
}
.alumnos a{
	text-decoration:none;
	color:#000;
}
.alumnos a:hover{
	color: #039; 
}
/*TOP*/ 
#top{
	padding-top:10px; 
	padding-bottom:10px;
}

#titulo{
	float: left;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	margin: 22PX;
}
/*MENU*/
#menu{
	width: 968px;
	margin-left: 14px;
	float: left;
	border: 2px solid #CCC;
}
.item_menu{
	text-align:center;
	float:left;
	/*margin:40px 30px;*/
}
.item_menu a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	padding: 15px 30px; 
	text-align:center;
	display:block;
}	
.item_menu a:hover{
	background-color: #A4DDFF;
}				 	
/*FACTURA*/	  
#info_factura, .info_factura{
	float: left;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}	
.style td{
	padding:10px;
	background-color:#0e6ca5;
	color:#fff;
	font-weight:bold;
	font-style:italic;
	border:#FFF;
	text-align:center;
	}
#contecte_estado, .contecte_estado{ 
	margin: 10px;
	margin-top: 0;
	margin-bottom:0;
}
#contecte_estado a, .contecte_estado a{
	text-decoration:none;
	color:#000;
}
#contecte_estado a:hover, , .contecte_estado a:hover{
	color:#0039B3;
	border-bottom: 1px groove #0039B3;
}
#contecte_estado table td, .contecte_estado table td{
	padding:5px;
	border-right:1px solid #FFF;
}
td:last-child{
	border:0;
}
#second_table td{
	padding:2px;
}
.right{
	text-align:right;
}
/*RECIBO*/
.recibo{ 
	margin:5px;
}

.recibo table td{
	padding:5px;
	
}
#logo{
	margin-bottom:20px;
	float:left;
}
#info_recibo{
	width: 251px;
	float: left;  
	margin-top:20px;
	margin-left:10px;
}
#descrip_recibo{
	float:left;
	width:200px;
	margin-top:20px;
	margin-left:20px;
}
#nombre{
	margin: 0 0 13px 0;
}
#nombre span, #total_recibo span{
	padding-right: 50px;
}
#total_recibo{
	font-weight:bold;
	margin:20px 0;
	text-transform:uppercase;
}	
#total_recibos{
	float:right;
	margin-right:6px;
	font-size:13px;	
}
#pdf{
	float:right;
	margin:10PX; 
}
#pdf_2{
	float:right;
	margin:10PX;
	margin-top:95px;
}
.totales{
	background-color: #92C9EB;
	}
/*PAYMENT*/
.payment, .cafeteria{
	float: left;
	width: 436px;
	line-height: 25px;
	margin: 14px;
	margin-top:20px;
	border: 2px solid #0E6CA5;
	padding: 5px;
	text-align: justify;
	padding-right: 27px;
	min-height: 333px;
	border-radius: 10px;
}
.cafeteria{
	line-height: 22px;
	padding: 16px;
	padding-top: 7px;
	min-height: 416px;
}
.cafeteria a, #transfer_bottom a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	
}
.cafeteria a:hover, #contact a:hover, #transfer_bottom a:hover{
	color:#296DD3;
}
.titulo{ 
	font-weight: bold;
	margin: 10px;
	margin-left: 22px;
	font-size: 13px;
}
/*Transfer*/
#transfer{
	border: 2px solid #0E6CA5;
	border-radius: 10px;
	width: 660px;
	margin:auto;
	margin-top:20px;
	}
.content{ 
	width: 350px;
	line-height: 20px;
	margin-left: 23px;
}
#transfer_bottom{
	font-weight: bold;
	width: 900px;
	text-align: center;
	margin:auto;
	margin-top: 27px;
}
/*CONTACT*/
#contact{
	border: 2px solid #0E6CA5;
	border-radius: 10px;
	width: 660px;
	margin: auto;
	margin-top: 20px;
	padding: 20px; 
}
#contact .titulo{
	text-align:center;
	
}
#contact a{
	text-decoration:none;
	color:#000;
	font-weight:bold;
	
	}
#contact table{
	text-align: center;
	margin:auto;
	}
#contact table td{
	padding:5px;
	}
.align{
	text-align: left;
	font-weight: bold;
	padding-left: 29px!important;
}
#text{
	margin: 21px;
	margin-left: 133px;
	
}