//#wrap {border: 1px solid red;}
//#page-header {border: 1px solid green;}
//#page-body {border: 1px solid blue;}
//#portal-body {border: 1px solid black;}
//#portal-left {border: 1px solid maroon;}
//#portal-center {border: 2px solid darkred;}

/* para que no salga por los lados el DIV 
--------------------------------------------- */
#wrap {margin: 0px 1px}

/* 2016 Formato Tablas
--------------------------------------------- */

.datagrid table tbody td { color: #7D7D7D; border-left: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
.datagrid  th {background: #fff;padding: 1px 1px;}
#portal-body .datagrid  td {    vertical-align: middle; padding-left: 5px;}

/* 2016 Portada General
--------------------------------------------- */
.box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    //padding:.5% 1%;
    }

section > article {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}

//article {border:1px solid #fff;}

header{
margin-bottom:4px; 
//padding:.5%; 
//border:1px solid #fff;
}
footer{
margin-top:0px; 
//padding:.5%; 
//border:1px solid #fff;
}

section{width:50%;} /* Equal Columns */

article{
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto; 
flex: 0 1 auto; 
padding:.5%; 
margin:2px; 
margin-top:0px; 
margin-bottom:4px;
}

.box > header{width:100%; height: auto; margin: 0px 2px; margin-bottom:4px;text-align: center;}
.box > footer{width:100%; height: auto; margin: 0px 2px;text-align: center;}

/* One Column Layout for Mobile */

@media only screen and (max-width: 780px) {
section{width:100%;}
}

@media all and (orientation: portrait) {
  section{width:100%;}
}




/* 2016 Listado Todos Foros
--------------------------------------------- */
#menu-mendiak-list1 {
max-width:140px;
height: 250px;
//overflow-y:auto;
margin-bottom: 5px;
display: block; 
overflow: hidden;
}

#menu-mendiak-list1:hover {overflow-y: auto;}

#menu-mendiak-list1 ul{
margin: 0px;
font-size: 10px;
}


#menu-mendiak-list li {
border-left: 3px solid #4769A5;
//color: #797979;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
//background: #E5E5E5 none repeat scroll 0% 0%;
border-bottom: 1px solid #C9C9C9;
box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1) inset, 0px 1px 0px 0px rgba(0, 0, 0, 0.1);
margin-top: 2px;
}
#menu-mendiak-list li {
	list-style: none;
}

#menu-mendiak-list li a{
	text-decoration: none;
	color: black;
}
#menu-mendiak-list li a:hover {
	text-decoration: none;
	color: white;
}
#menu-mendiak-list li:hover { background: #3d9; }

#menu-mendiak-list li.menu-mendiak-lista {
background: #3d9ae8;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right: 1px solid  rgba(0,0,0,0.15);
text-decoration: none; }

#menu-mendiak-list li.menu-mendiak-lista-sub {
background: #81bef0;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right: 1px solid  rgba(0,0,0,0.15);
text-decoration: none; }

#menu-mendiak-list li.menu-mendiak-lista:hover {
background: #3d9;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right: 1px solid  rgba(0,0,0,0.15);
text-decoration: none; }


@media (max-width: 1040px) {
	.responsive-portal-announcements dd.views { display: none !important; }
	dd.responsive-portal-announcements { display: none !important; }

	.responsive-portal-announcements dd.posts, .responsive-portal-announcements dd.views {
		display: none !important;
	}

	dt#a { width: 125% !important; }
	.responsive-portal-announcements dt { width: 130% !important; }
	dd.responsive-portal-news { display: none !important; }

	.responsive-portal-news dd.posts, .responsive-portal-news dd.views {
		display: none !important;
	}

	.responsive-portal-news dt { width: 130% !important; }
	dt#n { width: 125% !important; }
	.topiclist .topics, .topiclist .posts { display: none !important; }
	#portal-forumlist dl.icon dt { width: 125% !important; }
}

@media (max-width: 895px) {
	div#portal-right {
		width: 49% !important;
		margin-left: 1% !important;
	}

	div#portal-left {
		width: 50% !important;
		margin-left: 0 !important;
	}

	.rtl div#portal-right {
		margin-left: 0 !important;
		margin-right: 1% !important;
	}

	.rtl div#portal-left {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	div#portal-center {
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.responsive-portal-news dt { width: 100% !important; }
	.responsive-portal-announcements dt { width: 100% !important; }
}

@media (max-width: 700px) {
	.responsive-portal-news dd.lastpost, .responsive-portal-announcements dd.lastpost { display: none !important; }
	.responsive-portal-news dt .list-inner, .responsive-portal-announcements dt .list-inner { margin-right: 0 !important; }
	.responsive-portal-news dt, .responsive-portal-announcements dt { width: 100% !important; }
	dt#n, dt#a { width: 100% !important; }

	.portal-responsive-poll .resultbar {
		display: none !important;
	}

	.portal-responsive-poll dt { width: 45% !important; }
	.portal-responsive-poll dd {
		width: 45% !important;
		float: right !important;
	}

	.row .pagination .ellipsis + li {
		display: inline !important;
		vertical-align: bottom !important;
	}

	#portal-forumlist dl.icon dt { width: 100% !important; }
	#portal-left ul.topiclist dd, #portal-right ul.topiclist dd { display: block !important; }
	.portal-responsive-show { display: block !important; }
	.portal-responsive-hide { display: none !important; }
	#portal-body { padding-top: 0 !important; }
	#portal-right > .portal-clear, #portal-body > .portal-clear, #portal-left > .portal-clear,
	#portal-center > .portal-clear, #portal-login-box .portal-clear { display: none !important; }
	#portal-right { width: 50% !important; }
	#portal-left { width: 50% !important; }
	#portal-center {
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
	}
}

@media (max-width: 500px) {
	.portal-news-pagination .pagination {
		display: none;
	}
}
