/* local.css */

@media all and (max-width: 991px) {
	
	.sidebar-first {
		    display:inherit;
						text-align: center;
	}
	
.research-topics{
/*    font-size: 14px;
    padding-top:20px;
    line-height: normal;*/


}
        
}

@media all and (max-width: 540px) {
	
#block-opportunitiestext{
	    width: 100%;
}
   
}



@media (min-width: 540px) {
    .site-logo{
		height: auto;
        float:left;
        padding-right: 20px;
        border-right: 2px solid black;
        margin-right: 20px;
 }
 #header .block-system-branding-block{
        padding: 7px 5px;

}


#header .search-block-form{
    border: 1px solid #aaa;
    border-radius: 0;
    margin-top: 20px;
}



}

@media (min-width: 992px){
	/*
	.research-topics{
    font-size: 130%;
    padding-top: 55px;
    line-height: 2.5;
}
*/
	
	
		
body.path-frontpage aside.sidebar-first{
	    width: 40%;
}

body.path-frontpage #main .content{
	    width: 60%;
}
	
	
/*	
body.path-frontpage aside.sidebar-first{
	    width: 290px;
}
body.path-frontpage aside.sidebar-second{
	    width: 564px;
}
body.path-frontpage #main .content{
	    width: 295px;
}
	*/

	/*	
body.path-frontpage aside.sidebar-first{
	    width: 290px;
}
body.path-frontpage aside.sidebar-second{
	    width: 564px;
}
body.path-frontpage #main .content{
	    width: 295px;
}
	*/
	
}

/**************************************************/

body{
        color:#333;
		background: #EAE7DC;
        
}

a:link,
a:visited{
    color: #0b773a;
    outline: medium none;
    text-decoration: none;
}
a:hover{
	    color: #d13e34;
}

hr{
	border-color: #bbb;
}

#header{
		background: #FFFFFF;
}

#header .container {
    padding-bottom: 5px;
    padding-top: 0;
}



.site-logo img{
		width: 100%;
}
.site-name{
        font-size: 44px;
        line-height: 1em;
}
.site-name a{
      *  color:#333;
						font-weight: bold;
}
.site-slogan{
    font-size: 17px;
    letter-spacing: 7.4px;
}

#main-menu{
		margin-bottom: 0;
        background: #96d3b0;
}


#main-menu .container{
		background: #00A44D;

}

#main-menu .container{
		border-radius: 0;
        box-shadow: none;
}

#main .container{
		box-shadow: 0 0 2px #333;
		border-radius: 0;
		padding: 25px;
}

/*
body.path-frontpage #main .container{
	    padding: 10px 30px;
}
body.path-frontpage #main .container .row{
	    padding: 15px 0;
					background: #eee;
}
*/

#main-menu .container ul.menu li {
   * border-left: 1px solid #336699;
   border-left: none;
}

#main-menu .container ul.menu li.menu-item--active-trail > a,
#main-menu .container ul.menu li .is-active{
    background: #0b773a;
}

#main-menu .container ul.menu li:hover > a,
#main-menu .container ul.menu ul.menu li:hover > a{
    background: #138444;
}

#main-menu .container ul.menu ul.menu li a{
    color: #EEE;
}
#main-menu .container ul.menu ul.menu{
    background: #369;
    border: 1px solid #315282;
    color: white;
}


/***  blocks START ***/

.sidebar .block{
    background: #eee;
    border: none;
    border-radius: 0;

}

#block-sidebarphoto,
#block-sidebarphoto2{
	    padding: 0;
	    background: none;
	    margin-bottom: 10px;
}
#block-sidebarphoto .field--name-body{
	  color: #999;
}
/*** blocks END ***/


/*** block affiliation menu START ***/
#block-affiliationsmenu ul{
	margin-left: 0;
}
/*** block affiliation menu ENDS ***/
/*** block featured articles START ***/

#block-views-block-featured-articles-block-1{
	padding: 15px 30px;
	background: #EEE;
}
#block-views-block-featured-articles-block-1 .views-view-grid .views-col{
	width: 228px;
}

#block-views-block-featured-articles-block-1 .views-view-grid .views-col img{
	border: 1px solid white;
}
#block-views-block-featured-articles-block-1 .views-view-grid .views-col .views-field-body,
#block-views-block-featured-articles-block-1 .views-view-grid .views-col .views-field-title{
	margin-top: 5px;
}
#block-views-block-featured-articles-block-1 .views-view-grid .views-col .views-field-body p{
	margin-bottom: 0;
}

#block-views-block-featured-articles-block-1 .views-view-grid .col-1{
	margin-right: 28px;
}
/*** block featured articles END ***/

/**** slideshow ***/

#block-views-block-slideshow-block-1{
        margin:-15px -15px 7px;
}

/********/

/*** People node START ***/

.page-node-type-lab-member h1.page-title{
    margin: 0;
}
.page-node-type-people .node.node--view-mode-full .field--name-field-image{
    float: left;
    margin-right: 20px;
    width: 180px;
    height:200px;
}

/*
.page-node-type-lab-member .field--name-lab-member-positions{
    margin-bottom: 20px;
}

body.path-people .field--name-field-address,
.page-node-type-lab-member .field--name-field-phone,
.page-node-type-lab-member .field--name-field-fax,
.page-node-type-lab-member .field--name-body{
    overflow: hidden;
}
*/

/*** People node ENDS ***/

/*** people, alumni  view display ***/

.path-people .views-col{
    max-width: 120px;
    margin-top: 20px;
    margin-right: 40px;
    min-height: 280px;
    line-height: normal;
}

.field--name-field-people-photo,
.views-field-field-people-photo{
        margin-right: 50px;
		margin-bottom: 10px;
}
h3.people-full-name{
    font-size: 15px;
    margin-top: 5px;
    margin-bottom:3px;
}

.field--name-field-position,
.views-field-field-position{
        margin-bottom: 8px;

}



table.views-table{
		width: 100%;
}
table.views-table caption{
    border-bottom: 1px dotted #315282;
    color: #315282;
    font-size: 1.3em;
    line-height: 2em;
    text-align: left;
}
table.views-table tr td{
		padding:14px;
		vertical-align: top;
  border-top: 1px dotted #bbb;
}

td.views-field-title{
		width: 250px;
}

.views-field-field-image img{
  *  border: 2px solid #336699;
  *  padding: 3px;
}
.views-field-field-alumni-info p{
        margin-bottom: 0;
}

/*** people, alumni view display ENDS ***/

/*** photo album node ***/
.field--name-field-photo .field__item{
    border: 1px solid #315282;
    float: left;
    margin: 10px;
    padding: 1px;
}
/*** photo albumn node ENDS ***/

/*** DNA lab node STARTS ***/

.page-node-type-dna-lab .field--name-field-image .field__item,
#block-views-block-dna-lab-block-1 .field--name-field-image .field__item{
	float: left;
	margin: 0 30px 30px 0;
}

.page-node-type-dna-lab .field--name-field-image .field__item a img,
#block-views-block-dna-lab-block-1 .field--name-field-image .field__item a img{
	border: 1px solid #0B3660;
}


.page-node-type-dna-lab .field--name-field-image .field__item a img:hover,
#block-views-block-dna-lab-block-1 .field--name-field-image .field__item a img:hover{
	border: 1px solid #900;
}

/*** dna lab node ENDS ***/



/*** gallery STARTS ***/
body.path-gallery .views-col{
		margin-right: 16px;
}
body.path-gallery .views-field-field-photo{
		border: 2px solid #900;
		padding: 2px;
		margin-bottom: 10px;
}
body.path-gallery h4.views-field-title{
		width: 240px;
}
/*** gallery ENDS ***/


p#news {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    text-transform: uppercase;
}

/*** news node and view ***/

.field--name-field-news-image{
    float:left;
    margin-right: 20px;
}

/*** news node and view ENDS ***/

/***Jobs and News view block STARTS ***/

.sidebar #block-views-block-jobs-block-1 .views-row,
.sidebar #block-views-block-news-block-1 .views-row{
    margin-bottom: 5px !important;
    padding-top: 0 !important;
}

#block-views-block-jobs-block-1 .node h2,
#block-views-block-news-block-1 .node h2{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1em;
    text-transform: none;
    background: none;
    padding: 0;
	margin: 0 0 6px;   
}

#block-views-block-news-block-1 .node--view-mode-teaser h2 a{

    
}

body.path-news .views-row p,
#block-views-block-jobs-block-1 p{
        margin-bottom: 5px;
}

#block-views-block-news-block-1 p{
        margin-bottom: 0;
}

/*** Jobs and News view block ENDS ***/


/*** view ***/

#main .container .content .views-row{
    border-top: none;
    margin-bottom: 10px;
    padding-top: 0;
}
/*** publicarions END ***/



/*** panels ***/
#panel_first .container{
                background: white;
}
#panel_first .container a:link,
#panel_first .container a:visited{
             *   color: #E0A541;
}
#panel_first .container a:hover{
                color: #0B3660;
}

#panel_first .menu--affiliations-menu{
		float: left;
}
#panel_first .menu--affiliations-menu ul.menu{
		margin-left: 0;
		margin-bottom: 0;
}

#panel_first .search-block-form{
		float: right;
}
/*** panels END ***/



/*** footer START ***/
#footer .block{
    width: 100%;
}
/*** footer END ***/

/*** copyright ***/
#footer #block-copyright{
    text-align: center;
}
/*** copyright ENDS ***/

/*** button ***/

a.btn-btt{
    color: #AAA;
}

/******** research topics block ***/


/*********************************/

/*** recent publications ***/

#block-recentpublications{
	   
}

.field--name-field-image-with-text > .field__item{
	   float: left;
    margin-right: 10px;
    width: 275px;
    text-align: center;
    min-height: 370px;
}

.field--name-field-image a img{
					margin-bottom: 5px;
}
/*******************************/


.bar {
	   background-color: #00A44D;;
/*    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#373a3d), to(#282a2c));
    background: -webkit-linear-gradient(top, #373a3d, #282a2c);
    background: -moz-linear-gradient(top, #373a3d, #282a2c);
    background: -ms-linear-gradient(top, #373a3d, #282a2c);
    background: -o-linear-gradient(top, #373a3d, #282a2c); */
    color: white;
    margin: -15px -15px 15px -15px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 12px 20px;
}

.bar .title{
	   font-family: 'oswaldregular';
    font-size: 1.23em;
				font-weight: 500;
    text-transform: uppercase;
				margin: 0;
}

/******** block opportunities ***/
#block-opportunities{
	    clear: both;
}
/*********************************/

/*** block text ***/
#block-opportunities2 h2{
	    margin:0;
}
/*******************************/

/*** block Opportunities text ***/

#block-opportunitiestext{
	    width: 500px;
					color: #eee;
}

#block-opportunitiestext a{
	    text-decoration: underline;
					color: #eee;
}
#block-opportunitiestext p{
	    margin-bottom: 0;
}
/******************************/

.nowrap{
	    white-space: nowrap;
					float: left;

}

#block-researchtopics figure.caption-img{
	    margin-left: 20px;
}