html { overflow-y: scroll; }
body{background-image:url(images/bgimg.jpg);}
.container{
	max-width: 1080px;
	margin:0 auto;
	padding-top: 10px;
	
}
.header{
background-color:#e5e5e5;
padding:30px;
text-align:center;
}
.left {
  float:left;
  width:180px;
height:220px;
  	margin-left: auto;
  margin-right: auto;
  margin-top:7px;
  -webkit-box-shadow: 4px 4px 6px 2px rgba(0, 0, 0, 0.4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 6px 2px rgba(0, 0, 0, 0.4);  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 6px 2px rgba(0, 0, 0, 0.4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


.main {
	
	float:left;
width:50%;
height:220px;
  	margin-left:10px;
	margin-right:10px;
  margin-top:7px;
  padding:20px 20px 20px 20px;
  text-align:justify;
  line-height:25px;
  -webkit-box-shadow: 4px 4px 6px 2px rgba(0, 0, 0, 0.4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    4px 4px 6px 2px rgba(0, 0, 0, 0.4);  /* Firefox 3.5 - 3.6 */
  box-shadow:         4px 4px 6px 2px rgba(0, 0, 0, 0.4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	
	
  
}
.menu {
	float:left;
    width:300px;
   text-align:center;
   font-size:14px
}


.menu a {
 text-decoration:none;
  padding:5px;
  margin-top:7px;
  display:block;
  width:100%;
  color:#0e6e8d;
  border-bottom: 1px solid #01bcdd;
}

.menu a:hover{
	color: #01bcdd;
	text-decoration:underline;
}
.editor{
	display:block;
	width:100%;
	float:left;
	padding-left:20px;
	color:#0e6e8d;
}

.collapsible {
  background-color:#0e6e8d;
  color: #e5e5e5;
  cursor: pointer;
  padding: 6px;
  width: 100%;
  border: none;
  outline: none;
  }

.collapsible:hover {
  text-decoration:underline;
}

.colapsecontent {
  display: none;
  overflow: hidden;
  
}

.Editorialcollaps{
  background-color:#0e6e8d;
  color: #e5e5e5;
  cursor: pointer;
  padding: 6px;
  width: 90%;
  border: none;
  outline: none;
  margin-bottom:5px;
  }

.Editorialcollaps:hover {
  text-decoration:underline;
}

.Editorialcollapscontent {
  display: none;
  overflow: hidden;
  
}

.newscontent{
	margin-top:15px;
	margin-bottom:5px;
	width:100%;
	display:block;
	float:left;
	border: 1px solid #01bcdd;
	 border-radius: 10px;
	  padding: 15px;
	  font-family:arial;
	  font-size:14px;
	  color:#0e6e8d;
}

.Comiteecontent{
	margin-top:10px;
	margin-bottom:5px;
	width:90%;
	display:block;
	float:left;
	border: 1px solid #01bcdd;
	 border-radius: 10px;
	  padding: 15px;
	  font-family:arial;
	  font-size:14px;
	  color:#0e6e8d;
	  line-height:35px;
}

.editorialBoard{
	margin-top:15px;
	margin-bottom:5px;
	margin-right:5px;
		float:left;
	width:45%;
	color:#0e6e8d;
	display:block;
	border: 1px solid #01bcdd;
	 border-radius: 10px;
	 padding:10px;
	 line-height:20px;
	 font-size:14px;
}

.photo{
	width:90px;
	display:block;
	float:left;
	margin-right:30px;
}
	
.photo img{border-radius:50%;}

footer{
		margin-top:20px;
	float:left;
   display:block;
   width: 100%;
   padding-bottom:18px;
   font-size:12px;
   background-color: #0e6e8d;
   color: #e5e5e5;
   padding-top:18px;
   
   text-align:center;
}


@media only screen and (max-width:768px) {
  /* For mobile phones: */
  .menu, .main {
	  margin:0 0 0 0;
    width:100%;
	height:100%;
  }
  .left{display:none;}
  .editorialBoard{
	  width:100%;
  }
  .Editorialcollaps{width:100%}
  .Comiteecontent{width:100%}
}

@media only screen and (max-width:960px) {
  /* For mobile tablet: */
  .menu, .main {
	  margin:0 0 0 0;
    width:100%;
	height:100%;
  }
  .left{display:none;}
  .editorialBoard{
  width:100%;}
  .Editorialcollaps{width:100%}
    .Comiteecontent{width:100%}
}