/* -- FUENTES -- */
@font-face {
  font-family: 'Lora-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Lora/Lora-Regular.ttf);	
}

@font-face {
  font-family: 'Lora-Bold';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Lora/Lora-Bold.ttf);	
}

@font-face {
  font-family: 'Lora-Italic';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Lora/Lora-Italic.ttf);	
}

@font-face {
  font-family: 'Nunito-Light';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Nunito/Nunito-Light.ttf);	
}

@font-face {
  font-family: 'Nunito-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Nunito/Nunito-Regular.ttf);	
}

@font-face {
  font-family: 'Nunito-Bold';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Nunito/Nunito-Bold.ttf);	
}

@font-face {
  font-family: 'Signika-Regular';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Signika/Signika-Regular.ttf);	
}


@font-face{
	font-family: 'Roboto-Regular';
	font-style:normal;
	font-weight:700;
	src: url(../fonts/Roboto/Roboto-Regular.ttf);	
}

@font-face{
	font-family: 'Roboto-bold';
	font-style:normal;
	font-weight:700;
	src: url(../fonts/Roboto/Roboto-Bold.ttf);	
}

@font-face{
	font-family: 'RobotoCondensed-Bold';
	font-style:normal;
	font-weight:400;
	src: url(../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf);
}

/* -- Body -- */
body {
	margin-top: 0px;
	font-family: 'Roboto-Regular', sans-serif, Arial !important;
	background-color:#FFFFFF !important; /* #F2F2F2 gris claro*/
	font-size: 16px;
	font-size: 1.6rem;
}

/* -- trasnparencia en inicio -- */
article {
	background:rgba(255,255,255,.9); 
	padding:20px;
	margin:20px 0;
	color:#000000; /*#fff*/
	box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.25);
}

/* -- paginación centrada -- */
.col-centrado{
    float: none;
    margin: 0 auto;
}


/* -- MAPA RESPONSIVE - CONTACTO -- */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* -- ALINEAR IMAGEN AL CENTRO -- */
.img-center{
	display: block;
    margin-left: auto;
    margin-right: auto;
}


/* -- SEPARADOR -- */
.separador{
	margin-bottom:30px;	
}

/* -- Color rojo en tabla teléfonos -- verde aqua #459C97 rojo #B50202*/ 
.table-hover2 tr:hover td,.table-hover2 tr:hover {
 background-color: #B50202;
 color:#fff;
}

/* -- Imagen franja e imagen columna-- */
.img_logo_col{
	width:100%;	
	margin-top:15px;
}

.img_logo_youtube{
	margin-top:30px;
	border:1px;
	border-radius: 1px;
	border:1px solid #000;
	vertical-align:middle;
	
}

.img_alineada{
	display:block;
	margin:auto;
}


/* -- Boton -- */
.btn2 {
  display: inline-block;
  padding: 6px 30px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn2:hover,
.btn2:focus,
.btn2.focus {
  color: #333;
  text-decoration: none;
}

/* -- Boton VERDE -- */
.btn-verde {
  color: #fff;
  background-color: #39B527; /*verde*/
  border-color: #ccc;
  font-family: 'Nunito-Light', sans-serif;
}

.btn-verde:focus,
.btn-verde.focus {
  color: #fff;
  background-color: #39B527; /*verde*/
  border-color: #8c8c8c;
  font-family: 'Nunito-Light', sans-serif;
}

.btn-verde:hover {
  color: #fff;
  background-color: #0F8A07; /*verde oscuro*/
  border-color: #adadad;
  font-family: 'Nunito-Light', sans-serif;
}

/* -- Boton ROJO -- */
.btn-rojo {
  color: #fff;
  background-color: #B50202; /*rojo*/
  border-color: #ccc;
  font-family: 'Nunito-Light', sans-serif;
}

.btn-rojo:focus,
.btn-rojo.focus {
  color: #fff;
  background-color: #B50202; /*rojo*/
  border-color: #8c8c8c;
  font-family: 'Nunito-Light', sans-serif;
}

.btn-rojo:hover {
  color: #fff;
  background-color: #83180E; /*rojo oscuro*/
  border-color: #adadad;
  font-family: 'Nunito-Light', sans-serif;
}


/* -- Redimensionar Carousel -- */
.carousel .item {
    width: 100%; 
    max-height: 400px; 
}
.carousel .item img {
    width: 100%; 
}


/* -- COLORES -- */
/*
menu
fondo: #493F55
texto lila: #DB6BC2
texto gris: #8E8E8E

verde aqua +claro: #83C5C3
verde aqua claro: #459C97
verde acua oscuro: #257874

Nomenclatura: 
cb_ :color background
ct_ :color texto
*/

.cb_aqua_claro{
	background: #459C97;
}

.cb_aqua_oscuro{
	background: #257874;
}

.cb_blanco{
	background: #FFFFFF;
}

.cb_gris_claro{
	background: #F2F2F2;
}

.cb_gris_oscuro{
	background: #8E8E8E;
}

.ct_bold{
	font-weight: bold;
}

.ct_aqua_oscuro {
	color:#257874;	
}

.ct_aqua_oscuro_bold {
	color:#257874;	
	font-weight: bold;
}

.ct_blanco {
	color:#FFF;	
}

.ct_rojo {
	color:#C52314;
}


a {
	color: rgba(96, 94, 94, 1); /*gris*/
	background-color: rgba(248, 248, 248, 0);
	font-family: 'Roboto-Regular', sans-serif;
	/*text-decoration: none;*/
}

a:hover, a:focus {
	color: rgba(59, 88, 184, 1); /*azul*/ 
	/*background-color: rgba(248, 248, 248, 0);*/
	font-family: 'Roboto-Regular', sans-serif;
}


a.ct_blanco:hover, a.ct_blanco:focus{
	color:#DB6BC2;	
	text-decoration:none;
}

.tt_lora-regular {
  font-family: 'Lora-Regular', sans-serif;
}

.tt_lora-bold {
  font-family: 'Lora-Bold', sans-serif;
}

.tt_lora-italic {
  font-family: 'Lora-Italic', sans-serif;
}



.tt_roboto-regular {
  font-family: 'Roboto-Regular', sans-serif;
}

.tt_roboto-bold {
  font-family: 'Roboto-bold', sans-serif;
}



.tt_nunito-light {
  font-family: 'Nunito-Light', sans-serif;
}

.tt_nunito-regular {
  font-family: 'Nunito-Regular', sans-serif;
}

.tt_nunito-bold {
  font-family: 'Nunito-Bold', sans-serif;
}


.tt_Signika-Regular{
	font-family: 'Signika-Regular', sans-serif;
}

/* ---------  */

.container {
  /*background: #83C5C3; blanco #FFFFFF*/
}

/* contenido centrado */ 
.container-fluid {
  display: flex;
  justify-content: center;
}


/* -- HEADER -- */
header {
	/*padding: 30px 0;
	background-color: #38062E;
	background-image: url(../imagenes/world-map-146505_640.png);
	background-position: right; 
  	background-repeat: no-repeat;  Do not repeat the image */  	
}

#main-header {
	/*position: fixed;*/
	top: 0;
	width: 100%;
	background-color: #FFFFFF; /*#38062E; violeta*/  /*#38062E; blanco*/
	z-index: 99;

    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000, endColorstr=#11000000)";

	-moz-box-shadow: 0 1px 5px #999;
	-webkit-box-shadow: 0 1px 5px #999;
	box-shadow: 0 1px 5px #999;
	margin-bottom: 10px;
}

.filaparalax {
	background:url(../imagenes/wallpaper/wallpaper05.jpg); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
}


.filaparalax2 {
	background:url(../imagenes/wallpaper/b_partner.jpg); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
	/*background-position: center;*/
}

.filaparalax3 {
	background:url(../imagenes/bg_gente.jpg); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
	background-position: center;
}

.filaparalax4 {
	background:url(../imagenes/contactanos.jpg); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
	background-position: center;
}

.filaparalax5 {
	background:url(../imagenes/wallpaper/wallpaper06.jpg); /* Nuestra imagen de fondo */
	background-repeat:no-repeat; /* Indicamos que no se repetira */
	background-size:cover; /* Encajamos la imagen al 100% del ancho */
	background-attachment: fixed; /* Establecemos una posicion fija para la imagen */
	background-position: center;
}

.filagris {
	padding: 15px 0;
	margin-bottom:10px;	
	margin-top: 10px;
	background-color: #E8ECF8; 
	/*background-image: url(../imagenes/textura_nodos_pie.png);*/
}


.filagris2 {
	padding: 0px 0;
	margin-bottom:0px;	
	margin-top: 10px;
	background-color: #D4D4D4; 
	background-image: url(../imagenes/textura_nodos_pie.png);
}


.filablanca {
	padding: 15px 0;
	margin-bottom:10px;	
	margin-top: 10px;
	background-color: #FFFFFF; 
	/*background-image: url(../imagenes/textura_nodos_pie.png);*/
}

.lineagris {
	font-weight: bold;
	padding-bottom:10px;
	margin-bottom:10px;	
	border-bottom:2px solid #D3D3D3;
}

/* -- FOOTER -- */
footer {
	padding: 15px 0;
	background-color: #38062E; /*#493F55; /*#38062E; gris claro #F0F0F0;*/
	/*background-image: url(../imagenes/world-map-146505_640.png);*/
	background-image: url(../imagenes/kindpng_1074254.png);	
	background-position: right; 
  	background-repeat: no-repeat; 
}

footer h3 {
	color: #000000; /*#2F2E2E  #fff */
	font-size: 16px;
	font-size: 1.6rem;
	text-transform: uppercase;
	font-family: 'Roboto-bold', sans-serif;
}

footer p {
	color: #000000; /*#ddd;*/
	font-weight: 200;
	font-family: 'Roboto-Regular', sans-serif;
}

#main-footer {
	/*position: fixed;*/
	top: 0;
	width: 100%;
	background-color: #C9C9C9; /*#38062E; violeta*/  /*#38062E; blanco*/
	z-index: 99;

    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#11000000, endColorstr=#11000000)";

	-moz-box-shadow: 0 1px 5px #999;
	-webkit-box-shadow: 0 1px 5px #999;
	box-shadow: 0 1px 5px #999;
	margin-bottom: 10px;
}

.infocontact {
    display: block;
    margin: 0px 0px 0px 20px;
}

.infocontact>b {
    display: block;
    margin: 5px 0 5px 24px;
}



/*
.navbar-ing {
	font-size: 18px;
	font-size: 1.8rem;
	background-color: rgba(73, 63, 85, 1); 
	border-width: 1px;
	border-radius: 4px;
	font-family: 'Nunito-Light', sans-serif;
}
*/


/* -- TEXTO PAGINAS -- */
/*.texto-contenido {
	color:#000;
	text-align:justify;
}
*/
.texto-titulo {
	color:#000;
	font-weight: bold;
	padding-bottom:10px;
	margin-bottom:10px;	
	border-bottom:1px solid #999;
}

.texto-titulo-aqua_oscuro {
	color:#257874;
	font-weight: bold;
	padding-bottom:10px;
	margin-bottom:10px;	
	border-bottom:1px solid #257874;
}

.texto-centrado {
	padding-bottom:10px;
	margin-bottom:10px;	
	text-align:center;
}

/* -- POST -- (ARTICLE - NOTOCIAS DE LA FACULTAD) */
.post{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #999;
}

.post .post-title {
	/*color:#000;*/
	color: #333333;
	font-weight: bold;
}

.post .post-fecha {
	color:#666;
	font-style:italic;
}

.post .post-contenido {
	color:#000;
	text-align:justify;
}

.post .thumb {
	margin-right:10px;
	width:25%;
}

.post .thumb img{
	width:100%;
}



.post-contenido2 {
	color:#000;
	text-align:justify;
}

.post-contenido3 {
	color:#000;
	text-align:center;
}






/* -- MENU -- */	
/* cambiar tipo de letra */
.nav navbar-nav ul.nav li {
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-family: 'Roboto-bold', sans-serif;


}

.navbar .navbar-nav {
           display: inline-block;
           float: none;
           vertical-align: middle;
}

.navbar .navbar-collapse {
           text-align: center;
}

.navbar {
    margin-bottom: 10px;
}


/* -- MENU VIOLETA -- */	
.navbar-rio .navbar-brand {
	color: rgba(119, 119, 119, 1);

    min-height:80px !important; /* aqui escoges el alto que necesites */

}
.navbar-rio {
	font-size: 15px;
	font-size: 1.5rem;
	/*background-color: rgba(73, 63, 85, 1); /*rgb(59, 88, 184)*/
	border-width: 1px;
	border-radius: 4px;
	font-family: 'Roboto-bold', sans-serif;


}

.navbar-brand {
	font-size: 30px !important;
	/*font-family: Arial;*/
	color: rgba(59, 88, 184, 1) !important; /*azul*/ 
	font-family: 'Roboto-bold', sans-serif;
	padding: 0px;
}


.navbar-brand>img {
   margin: 0 auto;
   width: auto;
   /* --
   height: 100%;
   max-height: 100%;  
   padding-top: 5px; */
}


.navbar-toggle {
    margin-top: 26px;
 }

.navbar-rio .navbar-nav>li>a {
	color: rgba(96, 94, 94, 1); /*gris*/
	background-color: rgba(248, 248, 248, 0);
	font-family: 'Roboto-bold', sans-serif;
    padding-top: 38px;
}

.navbar-rio .navbar-nav>li>a:hover,
.navbar-rio .navbar-nav>li>a:focus {
	color: rgba(197, 35, 50, 1); /*rojo*/  
	/*background-color: rgba(248, 248, 248, 0);*/
	font-family: 'Roboto-bold', sans-serif;
}

.navbar-rio .navbar-nav>.active>a,
.navbar-rio .navbar-nav>.active>a:hover,
.navbar-rio .navbar-nav>.active>a:focus {
	color: rgba(85, 85, 85, 1);
	background-color: rgba(231, 231, 231, 1);
	font-family: 'Roboto-bold', sans-serif;
}
.navbar-rio .navbar-toggle {
	border-color: #ddd;
}
.navbar-rio .navbar-toggle:hover,
.navbar-rio .navbar-toggle:focus {
	background-color: #ddd;
}
.navbar-rio .navbar-toggle .icon-bar {
	background-color: #888;
}
.navbar-rio .navbar-toggle:hover .icon-bar,
.navbar-rio .navbar-toggle:focus .icon-bar {
	background-color: #493f55;
}




/* -- MEDIA QUERIE -- */
@media screen and (max-width: 768px) { 

	.img_logo_youtube{
		margin-top:15px;
		margin-bottom:15px;
		border:1px;
		border-radius: 1px;
		border:1px solid #000;
		vertical-align:middle;
	}

	.vid_youtube{
		margin-top:15px;
		margin-bottom:15px;
	}
		
	.post .thumb {
		margin-right:0px;
		margin-bottom:10px;
		width:100%;
	}
	
	.detail h1 {
	  font-size: 15px;
	  font-size: 1.5rem;	
	}	
	
	/* COLOR BLANCO AL SUB MENU DE HAMBURGUESA */
	.dropdown-menu > li > a {
	  clear:both;
	  color:#333333;
	  display:block;
	  font-weight:normal;
	  line-height:1.42857;
	  padding:3px 20px;
	  white-space:nowrap;
	  background-color:#FFFFFF;
	}	
	
}

/* Dispositivos pequeños (tablets, anchura mayor o igual a 768px) */
/* col-sm- */
@media (min-width: 768px) { 
	.img_ipp{
		margin-top:0px;
		margin-left:25px;	
		vertical-align:middle;
		width: 75%;
	}
	
	.logo{
		font-size: 28px;
		font-size: 2.8rem;
		/*color:#8E8E8E;*/
		color: rgba(59, 88, 184, 1); /*azul*/ 
		/*font-family:Arial, sans-serif;	*/
		font-family: 'Roboto-bold', sans-serif;
	}
	
	.logo img{
		vertical-align:middle;
	}
	
	.detail h1 {
	  font-size: 30px;
	  font-size: 3.0rem;	
	}
		
}

/* Dispositivos medianos (ordenadores, anchura mayor o igual a 992px) */
/* col-md- */
@media (min-width: 992px) {
	.img_ipp{
		margin-top:25px;	
		margin-left:0px;
		vertical-align:middle;
		width: 100%;
	}

	.logo{
		font-size: 40px;
		font-size: 4.0rem;
		/*color:#8E8E8E;*/
		color: rgba(59, 88, 184, 1); /*azul*/ 
		/*font-family:Arial, sans-serif;	*/
		font-family: 'Roboto-bold', sans-serif;	
		margin-bottom:10px;
		margin-top:10px;
	}
	
	.logo img{
		vertical-align:middle;
	}	
	
	.detail h1 {
	  font-size: 45px;
	  font-size: 4.5rem;	
	}
}

/* Dispositivos grandes (ordenadores, anchura mayor o igual a 1200px) */
/* col-lg- */
@media (min-width: 1200px) { 

	.logo{
		font-size: 48px;
		font-size: 4.8rem;
		/*color:#8E8E8E;*/
		color: rgba(59, 88, 184, 1); /*azul*/ 
		/*font-family:Arial, sans-serif;	*/
		font-family: 'Roboto-bold', sans-serif;
	}
	
	.logo img{
		vertical-align:middle;
	}
	
	.detail h1 {
	  font-size: 60px;
	  font-size: 6.0rem;	
	}
}