/*

*/

.jumbotron h1{
    display: block;
    font-size: 2.2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    letter-spacing: -2px;
    color: rgba(34,40,255,0.8); 
}
.jumbotron h2{
    display: block;
    font-size: 1.6em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
    letter-spacing: -2px;
    color: rgba(90,40,60,0.8); 
}

.boton-responsivo {
    white-space: normal;
}


/*________________________________________________________________________________________*/
/*                                                                                        */
/****************************************  ESPACIADORES ***********************************/
/*                  <button class="btn top40" type="submit">Entrar</button>               */
/*________________________________________________________________________________________*/

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.top50 { margin-top:50px; }

.top-20 { margin-top:-20px; }
.top-30 { margin-top:-30px; }
.top-40 { margin-top:-40px; }
.top-50 { margin-top:-50px; }

.ancho-80 { width: 80%; }
.ancho-60 { width: 60%; }

.abajo10 { margin-bottom:10px; }
.abajo20 { margin-bottom:20px; }
.abajo30 { margin-bottom:30px; }
.abajo40 { margin-bottom:40px; }

.derecha10 { margin-right:10px; }
.derecha20 { margin-right:20px; }
.derecha30 { margin-right:30px; }

.izquierda10 { margin-left:10px; }
.izquierda20 { margin-left:20px; }
.izquierda30 { margin-left:30px; }

.centrado { text-align: center;}
.centrar { text-align: center;}
.izquierda { text-align: left;}
.derecha { text-align: right;}

.enlace_sin_linea { text-decoration:none;} 

.cursor_mano tr {
    cursor: pointer;
}

body{
	background-color:#FFFFFF;
	/*background-image: url("../../imagenes/bg.gif");
    background-position: top center;*/
	cursor:default;
	-webkit-font-smoothing: antialiased;
  font-family: 'Roboto Condensed', sans-serif;
	text-rendering: optimizelegibility;
  margin: 0px;
  padding: 0px;
 /* -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;*/
background-image: linear-gradient(90deg, rgb(0, 58, 88) 27%, rgb(177, 154, 31) 100%);
background-image: -moz-linear-gradient(left, rgb(0, 58, 88) 27%, rgb(177, 154, 31) 100%);
background-image: -webkit-linear-gradient(left, rgb(0, 58, 88) 27%, rgb(177, 154, 31) 100%);
background-image: -o-linear-gradient(left, rgb(0, 58, 88) 27%, rgb(177, 154, 31) 100%);
background-image: -ms-linear-gradient(left, rgb(0, 58, 88) 27%, rgb(177, 154, 31) 100%);
}
.linea_horizontal{
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
.linea_horizontal2{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
.linea_horizontal3{
      border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.boton_volver_arriba {
    width:25px;
    height:25px;
    border-radius: 20px;
    background:#ff5500;
    position:fixed;
    bottom:68px;
    right:5px;
    display:none;
    opacity:0.8;
}

/*________________________________________________________________________________________*/
/*                                                                                        */
/*************************************  PANTALLA DE LOGIN * *******************************/
/*________________________________________________________________________________________*/

.boxlogin{
  -webkit-border-radius: 34px;
          border-radius: 34px;
   margin: 100px auto;
   padding: 40px;
   width: 320px;
   -webkit-box-shadow: 8px 6px 6px 12px #d6d6d6;
           box-shadow: 8px 6px 6px 12px #d6d6d6;
}


/*________________________________________________________________________________________*/
/*                                                                                        */
/*************************************  BARRA DE NAVEGACIÓN *******************************/
/*________________________________________________________________________________________*/

#searchInput {
	width: 200px;
}

.navbar-brand {
	padding: 13px 15px;
}

/*________________________________________________________________________________________*/
/*                                                                                        */
/*************************************  ESTILOS PRINCIPALES *******************************/
/*________________________________________________________________________________________*/

.titulo_seccion{
	font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-variant: normal;
	font-weight:bolder;
	line-height: 50px;
	text-align:center;
}
.texto_opcines{
	font: 14pt/16pt fantasy, cursive, Serif;
}
.texto_opcines_tablas{
	font: 14pt/16pt fantasy, cursive, Serif;
}
.texto_normal{
  font: 14pt/16pt cursive;  
}


/*________________________________________________________________________________________*/
/*                                                                                        */
/****************************************  MENU DE ALUMNO *********************************/
/*________________________________________________________________________________________*/

.foto_alumno{
	padding:1px;
	margin-left:5px;
	margin-right:10px;
   border:solid 5px #969696;
   background-color:#ff0;
}
.menu_imprimir{
	padding:10px;
	margin-left:5px;
	margin-right:10px;
	margin-top:10px;
   border:solid 5px #969696;
   width:180px;
   background-color:#ff0;
}
.campo_texto_introducir_datos {
  margin: 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding: 10px;
  border: solid 5px #c9c9c9;
  transition: border 0.3s;
}
.campo_texto_introducir_datos:focus {
  border: solid 5px #969696;
}
.campo_texto_ver_datos {
  margin: 0;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bolder;
  font-size: 16px;
  padding: 5px;
  border: none;
  transition: border 0.3s;
  background:none;
}
/*________________________________________________________________________________________*/
/*                                                                                        */
/*************************************  CUENTAS DE ALUMNO *********************************/
/*________________________________________________________________________________________*/

.cuentas_izquierda{
	width:50%;
	height:100%;
	float:left;
	padding:20px;
}
.cuentas_derecha{
	width:50%;
	height:100%;
	float:right;
	padding:20px;
}

/*________________________________________________________________________________________*/
/*                                                                                        */
/*************************************  BOTONES     ***************************************/
/*________________________________________________________________________________________*/

.boton_grande {
  height: 38px;
  text-align: center;
  border-radius: 28px;
  background: #13b5ea;
  background: -moz-linear-gradient(top, #13b5ea, #0f91bb);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#13b5ea), to(#0f91bb));
  background: -webkit-linear-gradient(top, #13b5ea, #0f91bb);
  background: -o-linear-gradient(top, #13b5ea, #0f91bb);
  background: linear-gradient(to bottom, #13b5ea, #0f91bb);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
  line-height: 28px;
  margin: 5px 0;
  padding: 0 20px;
  border: 5px solid #c8e6f0;
}
.boton_grande:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-color: #ffffff;
}
.boton_grande.rojo {
  background: #B33333;
  background: -moz-linear-gradient(top, #B33333, #800000);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#B33333), to(#800000));
  background: -webkit-linear-gradient(top, #B33333, #800000);
  background: -o-linear-gradient(top, #B33333, #800000);
  background: linear-gradient(to bottom, #B33333, #800000);
  border: 5px solid #FFCCCC;
}
.boton_grande.verde {
  background: #33B3B3;
  background: -moz-linear-gradient(top, #33B3B3, #008080);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#33B3B3), to(#008080));
  background: -webkit-linear-gradient(top, #33B3B3, #008080);
  background: -o-linear-gradient(top, #33B3B3, #008080);
  background: linear-gradient(to bottom, #33B3B3, #008080);
  border: 5px solid #CCFFFF;
}
.boton_grande.negro {
  background: #7F7F7F;
  background: -moz-linear-gradient(top, #7F7F7F, #333333);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#7F7F7F), to(#333333));
  background: -webkit-linear-gradient(top, #7F7F7F, #333333);
  background: -o-linear-gradient(top, #7F7F7F, #333333);
  background: linear-gradient(to bottom, #7F7F7F, #333333);
  border: 5px solid #CCCCCC;
}

/*________________________________________________________________________________________*/
/*                                                                                        */
/****************************  ANIMACIONES BOOTSTRAP     **********************************/
/*________________________________________________________________________________________*/

  .open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  
  
}

.dropdown-menu {
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  display: block;
  
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}