@font-face {
    font-family: 'titulo';
    src: url('../fonts/BebasNeue.otf'); /*URL to font*/
}

a{
    color:#00b1e7;
    text-decoration:none;
}

li{
    list-style:none;
    list-style-type:none;
}

hr{
    color:#00b1e7;
    border:1px solid;
}

a:hover{
    opacity:#.7;
    text-decoration:underline;
}

.clear{
    clear:both;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.contenido{
    max-width:850px;
    padding:0px 15px;
    margin:0 auto;
}

.perfil{
    position:relative;
    margin-top:35px;
}

.imagen_perfil img{
	float:left;
    border:2px solid #b3b3b3;
    padding:3px;
    background:rgba(255,255,255,.3);
    margin-top:-130px;
    margin-bottom:15px;
    width:190px;
    position:relative;
}

.nombre_investigador{
    float:left;
    position:relative;
    margin:-20px 0px 0px 20px;
}

.nombre_investigador h1{
    font-family:titulo;
    color:#505050;
    font-size:35px;
    word-spacing:6px;
}

.datos_investigador{
    margin-top:30px;
    margin-bottom:45px;
    font-size:22px;
    font-family:arial narrow;
    color:#333333;
}

.curriculum p{
    margin-top:30px;
    text-align:justify;
    font-size:16px;
    font-family:arial narrow;
    color:#333333;
}

.curriculum ul li{
    margin-top:5px;
    font-size:16px;
    font-family:arial narrow;
    color:#333333;
    list-style-type: square;
}

.footer{
	width:100%;
    height:200px;
    background:#343434;
    margin-top:50px;
    padding-top:20px;
}

.cio{
	float:left;
	margin-top:0px;
}

.cio img{
	width:180px;
}

.conacyt{
	float:right;
	margin-top:0px;
}

.conacyt img{
	width:190px;
}

.subir{
	position:fixed;
	margin-left: calc(100% - 110px);
	bottom:40px;
}

.subir img{
	width:35px;
	padding:2px;
	border:2px solid #b3b3b3;
    background:rgba(255,255,255,.3);
    float:right;
}

.lenguaje{
	float:right;
	width:155px;
	margin:20px 15px 0px 0px;
}

.lenguaje ul{
	margin:0px;
	padding:0px;
}

.lenguaje ul li{
	float:left;
	margin:0px 5px;
}

.lenguaje ul li a{
	background:#fff;
	padding:3px;
	border-radius:3px;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}

.lenguaje ul li a:hover{
	opacity:.7;
	border-radius:5px;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}

.lenguaje p{
	float:left;
	color:#fff;
	margin:0px 10px 0px 0px;
	padding:0px;
}

.redes_sociales{
	width:35px;
	position:fixed;
	margin-left: calc(100% - 30px);
	top:20%;
}

.redes_sociales ul{
	margin:0px;
	padding:0px;
}

.redes_sociales ul li{
	width:20px;
	padding:5px;
	float:left;
	background:#00B1E7;
	margin:1px 0px;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}


.redes_sociales ul li:hover{
	opacity:.7;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}

.redes_sociales ul li img{
	width:100%;
}

.redes_sociales_dos{
	float:right;
	width:115px;
	position:relative;
	display:none;
}

.redes_sociales_dos ul{
	margin:0px;
	padding:0px;
}

.redes_sociales_dos ul li{
	width:25px;
	padding:5px;
	float:left;
	background:#00B1E7;
	margin:0px 1px;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}


.redes_sociales_dos ul li:hover{
	opacity:.7;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	transition: .8s;
}

.redes_sociales_dos ul li img{
	width:100%;
}

@media (min-width: 1085px) and (max-width: 1150px) { 
	.subir{
		position:fixed;
		margin-left: calc(100% - 80px);
		bottom:20px;
	}
}

@media (min-width: 0px) and (max-width: 1085px) { 
	.subir{
		opacity:.2;
		position:fixed;
		margin-left: calc(100% - 80px);
		bottom:20px;
	}
	
	.subir:hover{
		opacity:1;
	}
}

@media (min-width: 0px) and (max-width: 985px) { 
	.redes_sociales_dos{
		display:block;
	}
	
	.redes_sociales{
		display:none;
	}
}

@media (min-width: 0px) and (max-width: 425px) { 
	.cio img{
		width:100px;
	}

	.conacyt img{
		width:100px;
	}
}


/* ====================== header parallax ====================== */

main {
	overflow-x: hidden;
}
#preload {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 280px;
	width: 100%;
	/*border-bottom:3px solid #00b1e7;*/
}

.hsContent {
	max-width: 700px;
	position: absolute;
	left: 50%;
	top: 50%;
}

/* Slide 1 */
#slide-1 .bcg {
	background-image:url('../../portadas/pruebas-opticas.jpg');
}
#slide-1 .hsContent {
	bottom: 200px;
	top: auto;
}