* {
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	background:  #f2f2f2 url("../../images/texturas/fondo-body.png") repeat center center fixed;
  font-family: 'Graphik-Regular', 'Graphik-Regular' !important;
}

 html, body {
    height: 80%;
}
.main {
    height: 100%;
    width: 100%;
    display: table;
}
.wrapper {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Graphik-Regular', tahoma, sans-serif;
  font-weight: normal;
}

/* Navbar menu */

.navbar {
	background-color: #6E1531;
	box-shadow:0px 2px 3px rgba(0,0,0,.5);
}

.navbar-brand {
	font-size: 14px;
}

.bg-gray{
	background-color: #DEE6E8;
}

.sombra{
	box-shadow:0px 2px 3px rgba(0,0,0,.5);
}

.text-guinda{
	color: #6E1531;
}

#Contenedor{
	padding:15px 15px;
}

/* estilos alumno menu */
.tamaño-imagen-alumno{
	width: 50px;
}

.img-alumno{
	float: right;
	height: 40px;
	width: 40px;
	margin: 0;
	padding: 0;
	margin-left: 8px;
}

.tamaño-datos-alumno{
	position:  relative;
	width: 200px;
}

.position-plantel{
	position: absolute;
	top: 33px;
	left: 80px;
	color: #DBC9C9;
}

.position-nombre-alumno{
	position: absolute;
	top: 16px;
	left: 80px;
}

/* estilos recaptcha */
  #g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
  }

  .text-xs-center {
      text-align: center;
  }

	.g-recaptcha{
    transform:scale(1);
    -webkit-transform:scale(1);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
     display: inline-block;
  }

@media screen and (max-width:1200px) {

	.navbar-brand {
		font-size: 11px;
	}

	.g-recaptcha{
    transform:scale(0.75);
    -webkit-transform:scale(0.75);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
     display: inline-block;
  }

}

@media screen and (max-width:1024px) {

	.g-recaptcha{
    transform:scale(0.65);
    -webkit-transform:scale(0.65);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
     display: inline-block;
  }

}

@media screen and (max-width:990px) {

	.nav_principal{
		display: none;
	}

	.navbar-brand {
		font-size: 11px;
	}

	.img-alumno{
		margin-left: 0px !;
	}

	.tamaño-datos-alumno{
		position:  relative;
		width: 40px;
	}

	.position-plantel{
		position: absolute;
		top: 33px;
		left: 70px;
		color: #DBC9C9;
	}

	.position-nombre-alumno{
		position: absolute;
		top: 16px;
		left: 70px;
	}

  .g-recaptcha{
    transform:scale(0.7);
    -webkit-transform:scale(0.7);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
     display: inline-block;
  }

  #Contenedor{
		position: absolute;
		width: 100%;
		padding:3px 3px;
	}

}

@media screen and (max-width:820px) {

  .g-recaptcha{
    transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
     display: inline-block;
  }

}

@media screen and (max-width:600px) {

  .g-recaptcha{
    transform:scale(1);
    -webkit-transform:scale(1);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
     display: inline-block;
  }

}

/*ESTILOS PARA LA NOTIFICACIÓN*/
.notificacion {
	width:auto;
	height: auto;
	background: #5AB529;
	color: #000;
	font-weight: bold;

	position: fixed;
	bottom: 10px;
	right:10px;
	padding:10px;
	z-index: 3000;

	font-size: 16px;
	font-family:'Graphik-Regular';

	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 1px outset #DFDFDF;

	-webkit-box-shadow: 4px 4px 5px 0px rgba(64,111,125,1);
	-moz-box-shadow: 4px 4px 5px 0px rgba(64,111,125,1);
	box-shadow: 4px 4px 5px 0px rgba(64,111,125,1);
}

.notificacion table{
	vertical-align: middle;
	text-align: left;
	height: auto;
}

.notificacion table > tr > td{
	vertical-align: middle;
	text-align: left;
}

.notificacion table > tr > td > img{
	vertical-align: middle;
	text-align: center;
}

/*Estilos para los modals sin margenes*/ 
.modal-body{
	padding: 0px;
}

.padding-15{
	padding: 15px;
}

/*Se utiliza para mantener a la izquierda el buscador de la libreria .DataTables()*/
.dataTables_filter {
  float: left!important;
}

/*Estilos para las tablas*/
.table > tbody > tr > td {
    vertical-align: middle;
}

.table > tbody > tr > th {
    vertical-align: middle;
}

/*estilos de los modals*/
.modal-header {
	background:#DEE6E8;
	color:#6C898A;
	font-weight: normal;
}



/*estilos de backgrounds bluedeep*/

.text-bluedeep {
	color:#445760;
}

.bg-bluedeep {
	background:#445760;
}

.bg-bluedeep-transparency {
	background-color:rgba(47, 92, 114, 0.1);
}

.border-bluedeep {
	border-color:#445760;
}

.btn-bluedeep {
	background:#445760;
	border-color:#445760;
	color: #fff;
}

.btn-bluedeep:hover {
  background:#2B373D;
  border-color:#2B373D;
  color: #fff;
}

.transparency {
	opacity: 0.8;
  filter:  alpha(opacity=80);
}