/*
http://colorschemedesigner.com/csd-3.5/#2V51Rw0wcw0w0
http://colorschemedesigner.com/csd-3.5/#2V51T----ZaS5 --> Mas claro
http://jsfiddle.net/hRxr2/
*/
.jumbotron{
	//height: 210px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	background-color: #CED8F6;
	//background-color: #58bdce;
	//background-color: #73ff9D;
	//background-color: #73e0ff;
	//background-color: #bfffd2;
	background-color: #c6ffd7;
}
#jumbo-puzzles{
	padding-left: 0px;
	padding-right: 0px;
	//height: 210px;
	//background-image: url(../img/puzzles2.jpg);
}
.navbar{
	//background-color: #0B3861;
	//background-color: #04859D;
	background-color: #37B6CE;
	border: 1px solid #015666;
	margin: none;
}
.navbar-collapse .navbar-nav > .active > a, 
.navbar-collapse .navbar-nav > .active > a:hover, 
.navbar-collapse .navbar-nav > .active > a:focus {
	//color: #000000;
    background-color: #015666;	
}
.navbar .nav > li{
	background-color: #37B6CE;
}
.navbar .nav > li:hover{
	background-color: #04859D;
}
#bandera:hover{
	background-color: #37B6CE;
}
/*Enlaces de la cabecera: hover es cuando se le pasa el raton por encima. Active es cuando esta activo (mientras permanece pulsado).*/
.navbar .nav > li > a {
	color: #015666;
	padding: ((@navbarHeight - @elementHeight) / 2 - 1) 10px ((@navbarHeight - @elementHeight) / 2 + 1);
	line-height: 20px;
}
/*#inves{
	padding-bottom:0px;
}*/
.navbar .nav > li > a:hover{
	color: #000000;
	//background-color: #FFFFFF;
}
/*Cabecera dondo pone Journals, Conferences, etc.*/
.panel .panel-heading{
	background-color: #E0ECF8;
}

/*#barra > li:last-child {
    float:right;
}*/

/*#nombre {
	position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 30%;
    margin: auto;
}*/
#nombre{
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: bottom;
}
#foto-jumbo{
	padding-top: 5px;
	padding-bottom: 5px;
}

@media (min-width: 768px) {
	#bandera {
       position: absolute;right:20px;
	}
	#img-jumbo{
		float: right;
	}
}
@media (max-width: 767px) {
	.jumbotron{
       padding-left: 5px;
	}
	#img-jumbo{
		margin: 0 auto;
	}
	#leo, #PhD, #enlaces{
		text-align: center;
	}
	#videorubik{
		width:100%;
	}
}
ul {
  list-style-type: square;
}
.panel-height {
       height: 80px;
}
/*.equal, .equal > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}*/
#textobiografia, #textodireccion, #docencia, #textorevistas, #textocapitulos,
#textoconfnac, #textoconfint, #textoinves {
	text-align: justify;
}
video {
    display: block;
    margin: 0 auto;
}