/* General Params*/



* {
  box-sizing: border-box;
}

html {
    overflow-y: scroll;
}

body {
	font-family: 'Helvetica';
	font-size: 14px;	
	background:#fff;  
	width: 100%;
}


h1 h2 h3 h4 h5 h6 {
	font-family: 'Helvetica';
}

.content {
	width: 80%;
	margin: auto;
	background: white;
}

div.bdy {
	width: 100%;
	border-radius: 0px 0px 7px 7px;
	padding: 10px 10px 10px 10px;
	border: 3px solid var(--lightcolorcss); /*change depend the context*/
	border-top: 0px;
}

img.banner{
	width:100%;
	height: auto;
	border-radius: 10px;
	text-align:center;
}

.slideshow-container {
  max-width: 100%;
  position: relative;

}

div.BodyTableDiv {
	padding: 10px 0px 0px 0px;
	display: block;
}

div.BodyTableDivPhone {
	padding: 10px 0px 0px 0px;
	display: none;
}

h1,h2,h3,h4,h5,h6,.w3-slim,.w3-wide{font-family:Helvetica}

h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}

.w3-serif{font-family:"Times New Roman",Times,serif}

h1,h2,h3,h4,h5{
margin-top: 12px;
margin-bottom: 3px;}

h6{
margin-top: 0px;
margin-bottom: 3px;}

.w3-wide{letter-spacing:4px}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}

hr{border:0;border-top:1px solid #eee;
margin-top: 10px;
margin-bottom: 10px;}

p {
  text-align:left; 
  font-size: 14px;
  font-family: 'Helvetica';  
  margin-top: 2px;
  margin-bottom: 8px;
}

.email{
	text-decoration: none;
	color:#2980B9;
}

/* Caption text */
.text {
  display:none;
  color: #f2f2f2;
  /*font-size: 25px;*/
  font-size:30px;  
  padding: 12px 12px;
  position: absolute;
  bottom:30px;
  right:15px;
  pedding-left:20px;
  pedding-right:20px;
  background-color: rgb(23,152,187,0.6) ;
  text-align: center;
}


/* The dots/bullets/indicators */
.dot {
  height: 10px;
  width: 10px;
  margin: 0 1px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/* ---------News in index page ---------*/

img.news {
	padding-top:5px; 
	width:95%;
	height: auto;
	border-radius: 10px;
}

font.NewsTitle{
	font-size:15px;
	font-weight: bold;
	color:#1F618D;
}

div.legendImage{
	font-size:13px; 
	color:#000;	
	font-weight: bold;
	font-family: 'Helvetica';
}



.fa-external-link {
	color:#2874A6;
	font-weight: bold;
}

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

/* -------Logo social media-------*/



.fa-facebook-square {
	color:#3b5998;
	font-size: 30px;
}

.fa-twitter-square {
	color:#00aced;
	font-size: 30px;
}

.fa-instagram {
	color: transparent;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	background-clip: text;
	-webkit-background-clip: text;
	font-size: 30px;
}

.fa-linkedin-square {
	color:#007bb6;
	font-size: 30px;
}

.fa-researchgate {
	color:#29CCBB;
	font-size: 30px;
}

.fa-home {
	font-size: 20px;
    padding:0px 0px 0px 0px;	
	margin:0px;
}
/* -------Menu navbar-------*/

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

/*vertical-menu*/
.vertical-menu {
  width: 100%;
  font-size: 14px;
  font-family: Helvetica;
  border-radius: 0px 0px 3px 3px;
}

.vertical-menu a {
  background-color: #EAEDED ;  
  color: black;
  display: block;
  padding: 8px 12px 8px 12px;
  text-decoration: none;  

}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu div.active {
  font-size: 14px;
  font-weight: bold;
  background-color: var(--lightcolorcss);
  color: white;  
  display: block;
  text-decoration: none; 
  border-radius: 3px 3px 0px 0px;
}

.vertical-menu a.active {
  font-size: 14px;
  font-weight: bold;
  background-color: var(--lightcolorcss);
  color: white;  
  display: block;
  text-decoration: none; 
}



/* ---- News ----*/

.date {
	color: var(--lightcolorcss);
	border: 1px solid var(--lightcolorcss);
	display: block;
	text-align: center;
	width: 70px;
	margin-bottom: 0px;
}

.date p{
	margin: 0;
	padding: 0px;
}

.date .day {
	font-size: 13px;
	text-align: center;
}

.date .month {
	background: var(--lightcolorcss);
	color: #fff;
    font-size: 13px;
	text-align: center;
}


a.copyright {
	text-decoration: none;
	font-size: 12px;"
}

.copyright {
	text-decoration: none;
	font-size: 12px;"
}

.footphone{
	display:none;
}

.menuphone{
	display:none;
}

.welcomescreen {
	display:block;
}
.welcomephone {
	display:none;
}

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

@media only screen and (max-width:1600px){

body {	font-size: 14px; }

p {  font-size: 14px; }

div.legendImage{
	font-size:12px; 
}

img.banner{
	width:100%;
	height: auto;
	border-radius: 10px;
	text-align:center;
}


/*vertical-menu*/
.vertical-menu {
  font-size: 14px;
}

.vertical-menu div.active {
  font-size: 14px;
}

.vertical-menu a.active {
  font-size: 14px;
}
.welcomescreen {
	display:block;
}
.welcomephone {
	display:none;
}

}
/* ---------------------------------------------------------------------*/
/* --------------------------------------------------------------------*/

@media only screen and (max-width:1300px){

body {	font-size: 12px; }

p {  font-size: 12px; }

div.legendImage{
	font-size:10px; 
}

img.banner{
	width:100%;
	height: auto;
	border-radius: 10px;
	text-align:center;
}

/*vertical-menu*/
.vertical-menu {
  font-size: 12px;
}

.vertical-menu div.active {
  font-size: 12px;
}

.vertical-menu a.active {
  font-size: 12px;
}

.welcomescreen {
	display:block;
}
.welcomephone {
	display:none;
}

}

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

@media only screen and (max-width:1070px){
.covid19 {
	display: none;
}
}
/* ---------------------------------------------------------------------*/
/* --------------------------------------------------------------------*/

@media only screen and (max-width:850px){

.vertical-menu {
	display: none;
}

.content {
	width: 90%;
	margin: auto;
	background: white;
}

div.bdy {
	padding: 5px 5px 5px 5px;
}

.slideshowerDiv{
	display:block;
}

.banner{
	display:block;
}

.navigation{
	display:none;
}

.menuphone{
	display:block;
}

.copyright{
	text-decoration: none;
	font-size: 12px;"
}

div.BodyTableDiv {
	padding: 10px 0px 0px 0px;
	display: none;
}

div.BodyTableDivPhone {
	padding: 10px 0px 0px 0px;
	display: block;
}


.foot{
	display:none;
}
.footphone{
	display:block;
}

.welcomescreen {
	display:none;
}
.welcomephone {
	display:block;
}
}

@media only screen and (max-width:769px){

.mapimage{
	display:none;
}

.vertical-menu {
	display: none;
}

.content {
	width: 95%;
	margin: auto;
	background: white;
}

div.bdy {
	padding: 5px 5px 5px 5px;
}

div.legendImage{
	font-size:7px; 
}

.slideshowerDiv{
	display:block;
}

.banner{
	display:block;
}

.welcomescreen {
	display:none;
}
.welcomephone {
	display:block;
}	
}