/*******************************************************************************
 *  CSS Document: home.css
 *  Version: 1.0
 *  Description: Portal del Investigador, Home section
 *  ***************************************************************************/


/* @Breadcrumb ***/
.breadcrumb {
    background-color: #9c7e09;
    background-image: url("../images/home/navi-bge.jpg");
    background-position: left top;
    background-repeat: no-repeat;
}

/* @Central ***/
.page-contents ul {
    margin: 0.2em 2em;
    padding: 0;
}

.page-contents ul li {
    list-style-image: url("../images/home/bulletli2.gif");
    margin-bottom: 1em;
    text-align: left;
    vertical-align: middle;
    line-height: 1.25;
}

.page-contents a {
    color: #745E06;
    font-weight: bold;
}

.page-contents a:hover {
    color: #e2c13e;
}


/* Bloque central derecho */
.updates {
    background-color: #efeee5;
    background-position: left top;
    background-repeat: no-repeat;
    float: right;
    padding: 0 25px 25px;
    margin-bottom: 25px;
    text-align: left;
    width: 17em;
}

.updates h2 {
    border-bottom: medium none;
    font-size: 1.1875em;
}

.updates h3, body.responsive .updates .uplinkh3 {
    text-align: left;
    /*font-size: .8125em;*/
    font-size: .8375em;
}

.updates p {
    font-size: .6875em;
    line-height: 1.2;
    margin-top: 0; 
}

.news {
    font-size: 1em;
    margin-right:17em;
    *margin-right:20em;
	padding-right: 1.5625em;
	height: 100%;
}
.news h3{margin-top:1.8em;}
.news .subseccionTextual {
	height: 70%;
}
.news #upcom {
	height: 100%;
}

/*Enlaces de "News and Highlights" en home*/
a.blockLink::after {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 1;
	    pointer-events: auto;
	    content: "";
	    background-color: rgba(0, 0, 0, 0);
}
.txtitem-linked{
	position: relative;
	margin-bottom: 1em !important;
	overflow:hidden;
}
.txtitem-linked p{
	position: relative;
	margin-bottom: 0px !important;
}
a.blockLink {
	display:block;
	text-align:right;
	font-size: 0.8em;
}



/*Estilos de nuevo menú*/

div.page-main div.contcentral {width: 100%;}

div.container div.header-navbar {margin-top: -50px;margin-right: -13px;}
div.brand img.logo {cursor: pointer;}
div.container div.upcom-readmore {width: 100%; text-align: right;height: 35px;}
div.container div.upcom-readmore {float: right;}
div.container div.upcom ul li.updates {margin: 0.5em 0.5em 0em 0em;}
div.container div.page-contents div.updates-left {border-bottom: 10px solid #fff;flex-grow: 0 !important;}
div.container div.page-contents div.updates-left-readmore {width: 100%; text-align: right;height: 35px;}
div.container div.page-contents div.updates-left-readmore p {float: right;margin-right: 20px;}
div.container div.link-up a {color:#4D693F; font-weight: bold;}
div.container div.page-contents div.upcom_read p a {color:#745E06 !important;}
div.container div.page-contents div.upcom_read p a:hover {color:#e2c13e !important;}

.updates h3, .updates  p, .updates ul li, body.responsive .updates .uplinkh3{float:left;} 
div#upcom .updates ul li {line-height: 1em; margin-left:0.5em;}
.updates ul li{line-height: 1em !important;margin-left:0.5em !important;}
.updates h3, body.responsive .updates .uplinkh3 {width:100%}
.updates{padding:18px 10px}

 @media (max-width: 767px) {
           body.responsive .container .row .contcentral {
          margin-top: 3em; }
     div#upcom ul li, div#upcom ul li p{margin-bottom: 0px;}
     .updates h3, body.responsive .updates .uplinkh3 {
		font-size: 1em !important;
	}
	div.container div.page-contents div.updates-left {border-bottom: 0px;flex-grow: 0 !important;padding:15px 10px 0 10px !important;}
	body.responsive .news {
      margin-bottom: 0px;
      }
	  body.responsive .upcom_read {float:right;}
	  body.responsive .container .row .col-xs-12 {width:99.3%}
	  body.responsive .page-contents {width:100%}
	  body.responsive .container .updates.wPI002 {margin-top: 10px}
     
}
 @media (min-width: 768px) and (max-width: 992px){
	 .updates h3, body.responsive .updates .uplinkh3 {font-size: 1.02em !important;	}
	 .txtitem-linked{margin-bottom: 1em !important;}
	 /*body.responsive .news,*/ .subseccionTextual-item {margin-top: 1em;}
	 body.responsive .subseccionTextual-item:first-child{margin-top:0;}
	 body.responsive .upcom_read {float:right;}
	
	div#upcom .updates:first-child {width: 46%; float: left;}
	div#upcom .updates:nth-child(2){width: 46%; float:right;}
	body.responsive .row .col-flex-column {width:100%;}
	/*body.responsive .container .updates.wPI002 {margin-top: 10px}*/
	
	
	
	
 }
 @media (max-width: 992px) {
     /*body.responsive .container .updates.wPI002 {margin-top: 10px}*/
	 div#upcom .upcom_read a p {margin-bottom:0px;}
}
@media only screen and  (min-width: 993px) and (max-width: 1199px){
     /*body.responsive .container .updates.wPI002 {margin-top: 10px}*/
	 /*.updates h3, body.responsive .updates .uplinkh3 {
		font-size: 1.2em !important;
	}*/
}

body.responsive .updates .uplinkh3 {
 	margin: 0;
	width: 100%;
	float: left;
	text-align: left;
	color: #555021;
	font-weight: bold;
	
}
@media (min-width: 992px){
body.responsive .updates .uplinkh3 {
    line-height: 1.2em;
	font-size: 0.9375em;
	
}
}