/* Nuevos estilos para Programas de Movilidad
** Autor: Eduardo Perez Asensio
*/	
	
/*** Colores para la cabecera ***/ 
/*
// Actual
Cabecera (azul): degradado de  #3F609E a #70A2FF
Barra menu (negro): degradado de  #828282 a #000000

//  Usados en los PSD	
•	Gestion de programas de movilidad - Generico (lila): degradado de  #471561 a #67348a
•	Gestion convenios y ofertas de movilidad (rojo): degradado de #b94a48 a #e1706e
•	Gestion alumnos UMU (azul claro):  degradado de #4cc2ea a #4c9eea
•	Gestion estudiantes NO UMU (naranja): degradado de #edb714c a #ee6636
•	Espacio Coordinador/tutor (verde): degradado de #84b64c a #a2cc72
•	Otro (azul oscuro): degradado de #446e9b a #9abce0

// 	Perfiles existentes:
•	Perfil Tutores/Coordinadores de movilidad UMU (verde): degradado de #84b64c a #a2cc72
•	Perfil Universidad (azul claro):  degradado de #4cc2ea a #4c9eea 
•	Perfil Estudiante NO UMU (naranja): degradado de #edb714c a #ee6636
•	Perfil PDI UMU
•	Perfil PAS UMU
•	Perfil Secretaria UMU (rojo): degradado de #b94a48 a #e1706e


// 	Modulos de Gestion existentes:	
•	Gestion de programas de movilidad  
•	Gestion convenios y ofertas de movilidad
•	Gestion alumnos UMU
•	Gestion estudiantes NO UMU
•	Gestion PDI/PAS UMU
•	Gestion PDI/PAS NO UMU
•	Gestion Investigadores NO UMU
•	Gestion Universidades 
•	Generacion informes 
•	Generacion Estadisticas

**************/

body {color:#333;}

h1 small, 
h2 small {color:#555;}

a, 
a:link, 
a:visited {font-weight: normal; }	
	
td, 
#content li, 
.menu, td, 
.container li, 
.menu,
#breadcumb p,
.oferta_box p  { font-family:  Arial, Helvetica; }

/* fondo de colores para la cabecera */
.pagina_alumnos_um header{		
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #4cc2ea),
		color-stop(1, #4c9eea)
	);
	background-image: -o-linear-gradient(bottom, #4cc2ea 0%, #4c9eea 100%);
	background-image: -moz-linear-gradient(bottom, #4cc2ea 0%, #4c9eea 100%);
	background-image: -webkit-linear-gradient(bottom, #4cc2ea 0%, #4c9eea 100%);
	background-image: -ms-linear-gradient(bottom, #4cc2ea 0%, #4c9eea 100%);
	background-image: linear-gradient(to bottom, #4cc2ea 0%, #4c9eea 100%);
	
	/* border-bottom: 10px solid #000; */
	
	box-shadow: 0 0 7px 5px rgba(0, 0, 0, 0.3);
}



/* fondo de colores para la cabecera */
.pagina_alumnos_noum header{
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #edb714),color-stop(1, #ee6636 ));
    background-image: -o-linear-gradient(bottom, #edb714 0%, #ee6636 100%);
    background-image: -moz-linear-gradient(bottom, #edb714 0%, #ee6636 100%);
    background-image: -webkit-linear-gradient(bottom, #edb714 0%, #ee6636 100%);
    background-image: -ms-linear-gradient(bottom, #edb714 0%, #ee6636 100%);
    background-image: linear-gradient(to bottom, #edb714 0%, #ee6636 100%);
    
    box-shadow: 0 0 7px 5px rgba(0, 0, 0, 0.3);
}

.pagina_secretaria header{
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #446e9b),color-stop(1, #9abce0 ));
    background-image: -o-linear-gradient(bottom, #446e9b 0%, #9abce0 100%);
    background-image: -moz-linear-gradient(bottom, #446e9b 0%, #9abce0 100%);
    background-image: -webkit-linear-gradient(bottom, #446e9b 0%, #9abce0 100%);
    background-image: -ms-linear-gradient(bottom, #446e9b 0%, #9abce0 100%);
    background-image: linear-gradient(to bottom, #446e9b 0%, #9abce0 100%);
    
    box-shadow: 0 0 7px 5px rgba(0, 0, 0, 0.3);
}


/* fondo de colores para la cabecera */
.pagina_tutores_coordinadores header{
   background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #84b64c),color-stop(1, #a2cc72 ));
    background-image: -o-linear-gradient(bottom, #84b64c 0%, #a2cc72 100%);
    background-image: -moz-linear-gradient(bottom, #84b64c 0%, #a2cc72 100%);
    background-image: -webkit-linear-gradient(bottom, #84b64c 0%, #a2cc72 100%);
    background-image: -ms-linear-gradient(bottom, #84b64c 0%, #a2cc72 100%);
    background-image: linear-gradient(to bottom, #84b64c 0%, #a2cc72 100%);
    
    box-shadow: 0 0 7px 5px rgba(0, 0, 0, 0.3);
}




.pagina_pdi header{
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #A672FF),color-stop(1, #5C09ED ));
	background-image: -o-linear-gradient(bottom, #A672FF 0%, #5C09ED 100%);
	background-image: -moz-linear-gradient(bottom, #A672FF 0%, #5C09ED 100%);
	background-image: -webkit-linear-gradient(bottom, #A672FF 0%, #5C09ED 100%);
	background-image: -ms-linear-gradient(bottom, #A672FF 0%, #5C09ED 100%);
	background-image: linear-gradient(to bottom, #A672FF 0%, #5C09ED 100%);
	
	box-shadow: 0 0 7px 5px rgba(0, 0, 0, 0.3);
}

/* encuadro los logos*/
#cab {padding: 10px 5px;}
#cab img {max-height:65px}
#cab .logo-izq, 
#cab .logo-cen, 
#cab .logo-der { width: 31%; }
#cab .logo-der img { float: right; }
#cab .logo-cen { 
	font-style: normal;
	color: #fff;
	/*top: 30% !important;*/
	margin-top: none;
	text-align: center;
	top: none;
	margin: 1% auto 0%;
	margin: 0 auto;
}

/* estilos para la barra de menu */	
nav .menu {
   margin: 10px auto 5px;
}

nav .menu a {font-weight: normal; }

nav .menu a, 
nav .menu a:link, 
nav .menu a:visited { color: white; }

.fondo-degradado-negro {
	background: linear-gradient(to bottom, #828282 0%, #000000 45%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.usuario a, 
.usuario a:link, 
.usuario a:visited { color: white; }

#nombre-usuario, #volver, #ayuda {
	font-size: 1em; 
	color: white; 
	font-weight: normal;  
}

#nombre-usuario { 
	padding-left: 1%;
	text-transform: uppercase;
	padding-left: 0;
}

#nombre-usuario img { 
	position: relative;
	vertical-align: middle; 
}
#menu-usuario{
	border-left: 1px solid #fff; 
	display: inline-block; 
	margin-left: 10px; 
	padding-left: 10px;
	font-weight: normal; 
	text-transform: none;
}
#ayuda{ 
	width: auto; 
}
#ayuda .dropdown-menu{ 
	right:0;
	left: initial;
	}
#volver { 
	border-left: 1px solid #fff; 
	text-align: left;
	padding-right: 0;
	}
	
nav .menu .dropdown-menu a, 
nav .menu .dropdown-menu a:link { color: #333333; }
.dropdown-menu>li>a { padding: 3px 10px; }

body > #content, body > .container { /*margin-top: 25px;*/}

body > .container { width: 100%; max-width: 90%; }

/* estilos para las migas de pan */
#breadcumb { }
#breadcumb p { 
	color: #333; 
	margin: 0px 20px 25px; 
	font-size: 14px;
}
#breadcumb a, 
#breadcumb a:link { 
	color: #333; 
	text-decoration: none; 
	font-weight: normal; 
}
#breadcumb #miga-actual, #breadcumb a:hover { 
	font-weight: normal; 
	color:#4cc2ea;
}

.pagina_pdi #breadcumb #miga-actual,.pagina_pdi #breadcumb a:hover {  
	color: #A672FF;
}

.breadcrumb .divider{ display:inline-block;}

/* para que el cerrar sesion de paginas anteriores se mantenga a la derecha siempre */
.cerrar_sesion {
  float:right;
  left: 0;
}
/* fin estilos para las migas de pan */

.pull-right { font-weight: normal;}

.td_pie_erasmus { font-size: 12px; }

.oferta_box { min-height: 130px; }
.oferta_box ul {list-style: none; }
.oferta_box h1{	font-size: 20px; }

.caja {padding-left: 10px;
	padding-right: 10px;
	}
	
/* nuevos estilos para la agenda */
.caja.caja_agenda {
	margin-bottom:15px;
	padding: 2px 19px 10px 19px;
	}

/* este tamano debe incrustarse automaticamente segun el mes (numero de semanas por mes) */
.eventsCalendar-monthWrap, .eventsCalendar-list-wrap{ width: 320px; width: 100%; }

.eventsCalendar-daysList.showAsWeek li { margin: 0; }

/* fin estilos agenda */

/* estilos para caja de la derecha */
.caja.info_importante h3 { 
	margin:0px; 
	font-size: 1.2em;
	}
.info_importante ul {list-style: none outside none;}

/* estilos para caja de la derecha */



@media all and (max-width: 800px) {
	#cab .logo-cen { 
		font-size: 2rem;
	}
	
	#nombre-usuario, #volver, #ayuda, .usuario ul.dropdown-menu  li { 
		font-size: 1.3rem; 
	}
	
	#nombre-usuario, #volver, #ayuda { display: inline;}
	
	.oferta_box h1{	font-size: 18px; }
	.oferta_box ul li {font-size:12px !important;}
	
}

@media all and (max-width: 600px) {
	.usuario{
        margin-left: 5px; 
        border-left: none; 
        padding-left: 5px; 
    }
    
    #cab .logo-cen { 
		font-size: 1.6rem;
	}
	
	#volver, #ayuda { 
		padding-right: 0%;
	}
	#nombre-usuario, #volver, #ayuda, .usuario ul.dropdown-menu  li { 
		font-size: 1.2rem; 
	}
	#menu-usuario {
	    border-left: none;
	    clear: left;
	    padding-left: 0px;
	    margin-left: 25px;
	    text-align: left;
	}
	#ayuda {
		margin-top: 9px;
    	clear: right;
    	text-align:right;
	}
	#volver {
		border-left: none;
		width: auto;
		}
		
}

@media all and (max-width: 480px) {
	#cab .logo-cen { 
		font-size: 1.3rem;
	}
	#nombre-usuario{ 
		padding-left: 0.5%;
	}
	#nombre-usuario, #volver, #ayuda, .usuario ul.dropdown-menu  li  { 
		font-size: 1.1rem; 
	}
	#volver, #ayuda { 
		padding-right: 0.5%;
	}
	.oferta_box h1{	font-size: 16px; }
	.oferta_box ul li {font-size:11px !important;}
}


/* Large desktops and laptops */
@media (min-width: 1200px) {
 .imagen_avion{
    /*width: 80%;*/
  }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
 .imagen_avion{
     /*width: 50%;*/
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
 .imagen_avion{
     /*width: 50%;*/
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
 .imagen_avion{
     /*width: 30%;*/
  }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
 .imagen_avion{
     /*width: 100%;
     text-align: left;*/
  }
}

.font_ul{
	font-size: 12px !important;
}


.alert-warning-orange{
	background-color: #aa56ff;
    border-color: #D4ADFF;
    color: white;
}
.panel-warning-orange{
	
	border-color: #D4ADFF;
	
}