@font-face
{
	font-family:'Montserrat-Regular';
	src:url(../fonts/Montserrat-Regular.eot);
	src:url(../fonts/Montserrat-Regular.woff) format('woff'),
		url(../fonts/Montserrat-Regular.ttf) format('truetype');
		}

		
p {
	color: #777;
	font-size: 11px;
	font-size: 1.2rem;
	font-weight: 300;
	text-align:center;
}		

article
{
	padding:10px 5px 20px 5px;
	
	
	}	
article h5
	{
		margin-bottom: 10px;
		color: #003;
		font-size: 12px;
		font-size: 1.2rem;
		font-weight: 600;
		text-align:center;
		}
.titulo
{
	font-family:"Montserrat-Regular";
	font-size:22px;
	color:#666;
		
	}		
	.aplicacion
{
	font-family:Montserrat;
	text-transform:uppercase;
	font-size:30px;
	text-align:center !important;
	vertical-align:middle;
	color:#FFF;
			}		
@media (min-width: 768px)  
{
	p {
	color: #777;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	text-align:center;
	}	
	article h5
	{
		margin-bottom: 10px;
		color: #003;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 600;
		text-align:left;
		}
}
html, body {
	margin: 0px;
	height: 100%;
	/*background: linear-gradient(141deg, #08298A 0%, #33ACFF 51%, #33ACFF 75%);*/
	background: linear-gradient( to bottom, #045dd4,#004AAD);
}

.fondo-login
{
 background: #FFF; /* For browsers that do not support gradients */
	border-radius:8px;
	margin-top:40px;

	-moz-box-shadow: 0px 0px 8px #666; 
	-webkit-box-shadow: 0px 0px 8px #666; 
	box-shadow: 0px 0px 8px #666;
	border:1px solid #999;
		}
.main-header {
	padding: 20px 0px 10px 0px;
}	
.main-header h2,
.main-header h3,
.main-header h4 {
	color: #333;
	font-weight: 300;
}

	.main-header h2 {
		font-family: 'Montserrat-Regular';
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: 600;
	}

	.main-header h3 {
		font-family: 'Montserrat-Regular';
		font-size: 20px;
		font-size: 2.0rem;

	}

.main-header h4 {
	margin-bottom: 10px;
	color: #1f1f1f;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
}
.main-header h5 {
	margin-bottom: 10px;
	color: #056;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
}
.main-logo {
	width: 50%;
	height: 50%;
}
.centro
{
	text-align:center;
	}
footer
{
	padding:10px;
	color:#666;
	}	
.pie
{

	color:#666;
	font-size:11px;
	}			
.etiqueta
{
	color:#666;
	font-family: 'Montserrat-Regular';
	text-align:left;
	font-size:14px;	
	
	}
.usuario
{
	text-align:left;
	padding:10px 0px;
	background:#FFF;
	border-radius:2px;
	margin:5px 0px;
	-moz-box-shadow: 0px 0px 5px #D7D7D7; 
	-webkit-box-shadow: 0px 0px 5px #D7D7D7; 
	box-shadow: 0px 0px 5px #D7D7D7;
	
	}	
.cicloescolar
{
	text-align:center;
	padding:10px 0px;
	background:#FFF;
	border-radius:2px;
	margin:5px 0px;
	-moz-box-shadow: 0px 0px 5px #D7D7D7; 
	-webkit-box-shadow: 0px 0px 5px #D7D7D7; 
	box-shadow: 0px 0px 5px #D7D7D7;
	}
.cerrarsesion
{
	text-align:center;
	padding:6px 0px;	
	border-radius:2px;
	margin:5px 0px;
	-moz-box-shadow: 0px 0px 5px #D7D7D7; 
	-webkit-box-shadow: 0px 0px 5px #D7D7D7; 
	box-shadow: 0px 0px 5px #D7D7D7;
	}
.regresar
{
	text-align:center;
	padding:6px 0px;	
	border-radius:2px;
	margin:5px 0px;
	-moz-box-shadow: 0px 0px 5px #D7D7D7; 
	-webkit-box-shadow: 0px 0px 5px #D7D7D7; 
	box-shadow: 0px 0px 5px #D7D7D7;
	}			
.botones
{
	margin:5px 0px;
	text-align:center;
	}		
.error-consulta
{
	
	margin:10px 0px;
	padding:10px;
	color:#FFF;
	text-align:center;
	border-radius:7px;
	background: linear-gradient( to bottom, #600 ,#8D0521);	
	border:1px solid #DBDBDB;
	font-size:10px;
	font-weight:bold;
	
	}	
.registro-listado
{
	font-size:12px;
	}	
.opciones
{
	text-align:center;
	padding:6px 0px;	
	border-radius:2px;
	margin:5px 0px;
	-moz-box-shadow: 0px 0px 5px #D7D7D7; 
	-webkit-box-shadow: 0px 0px 5px #D7D7D7; 
	box-shadow: 0px 0px 5px #D7D7D7;
	background:#fff;
	}	
.seccion
{
	border-bottom:1px solid #DFDFDF; 
	border-top:1px solid #DFDFDF; 
	padding:5px 10px;
	background:#F8F8F8;
	}		

.verde
{
	color:Green;
	}
.rojo
{
	color:Red;
	}
.error-familiar
{
		margin:10px 0px;
	padding:10px;
	color:#FFF;
	text-align:center;
	border-radius:5px;
	background: #FFF;
	border:1px solid #DBDBDB;}		
.form-error
{
	background:red;
	border-color:Red;
	}
.error-busqueda {
	margin: 10px 0px;
	padding: 10px;
	color: #900;
	text-align: center;
	border-radius: 2px;
	background: #F2F2F2;
	font-family: 'Montserrat-Regular';
	border: 1px solid #DBDBDB;
	font-size: 12px;
	overflow: hidden;

}
.titulo_error {
	color: #FFF;
	font-family: "Montserrat-Regular";
	font-size: 14px;
}
/*Botones Aplicacion*/
.btn-cerrar-emergente {
	font-size: 14px !important;
	border-color: #003 !important;
	color: #003 !important;
	font-family: "Montserrat-Regular";
}

	.btn-cerrar-emergente:hover {
		background-color: #003 !important;
		color: #fff !important;
		font-family: "Montserrat-Regular";
	}

.btn-inicio-sesion {
	font-size: 14px !important;
	border-color: #81026f !important;
	color: #81026f !important;
	font-family: "Montserrat-Regular";
}

	.btn-inicio-sesion:hover {
		background-color: #81026f !important;
		color: #fff !important;
		font-family: "Montserrat-Regular";
	}

.btn-inicio-class {
	font-size: 14px !important;
	border-color: #81026f !important;
	color: #81026f !important;
	font-family: "Montserrat-Regular";
}

.btn-botones-class:hover {
	background-color: #81026f !important;
	color: #fff !important;
	font-family: "Montserrat-Regular";
}