/* Custom para el frontpage */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
  
 .uk-orangebar input.uk-search-field {color:#666;}
 
 
 .tm-headerbar {margin-bottom:0px;}
 
.tm-headerbar .tm-logo {
	 display:block; 
	 float:none;
	 margin-bottom:12px;
	 margin-top:-12px;
}
 
 .tm-headerbar .uk-panel {
 	max-width: 100%;
 	margin-right: 0;
 	float: left;
}

.tm-headerbar .menu1 {
	width:95%;
}

 .tm-navbar {display:inline-block;margin-bottom:0px;}
 
 .uk-navbar {background:none; margin-top:6px;}
 
 .tm-navbar .uk-nav > li > a {
	 color:#666;
	 padding: 6px 20px 6px 0px;
	 font-weight:600;
	 font-size:16px;
	 border-top: solid 1px #000;
 }
 .tm-headerbar .uk-nav > li > a:hover {color:#009540!important;}
 
 .uk-blackbar .uk-subnav > li:nth-child(n+2):before {
	content: "";
	display: block;
	float:left;
	height: 15px;
	margin-right: 20px;
	margin-left:10px;
	border-left: 1px solid #666;
 }
 
 .uk-blackbar .uk-float-right h3 {display:none;}
 
 .uk-nav-side > li.uk-active > a {background:none!important;}
 
 
 /*
 * Bloque barra-a
 */

.tm-sidebar-a  h3,
.tm-sidebar-b  h3
 {
	 color:#666;
	 padding: 6px 20px 6px 0px;
	 font-weight:600;
	 font-size:16px;
	 border-top: solid 1px #000;
	 text-transform:uppercase;
}

.tm-sidebar-b  h3 {border-top: none; padding-top:0px;}

.tm-sidebar-a .uk-nav > li > a,
.tm-sidebar-b .nav > li > a,
.tm-navbar .uk-nav > li > a {
	border-top: solid 1px #000;
	color:#666;
	padding: 6px 20px 6px 0px;
	font-weight:600;
	font-size:16px;	
}

.tm-sidebar-a  .uk-nav-side > li.uk-active > a,
.tm-sidebar-b  .nav > li > a {
	background: #fff;
}

.uk-nav-sub > li.uk-active > a,
.tm-sidebar-b  .nav > li.uk-active > a,
aside nav .uk-nav > li.uk-active > a
 {
	background: #efefef;
}

.tm-sidebar-a .uk-nav-side ul,
.tm-sidebar-b   ul {
	margin-top:6px;
}

.tm-sidebar-a  .uk-nav-side ul a,
.tm-sidebar-b  ul a,
.tm-navbar .uk-nav ul a,
.uk-nav-sub li a {
	color:#666;
	border-top: solid 1px #000;
	padding-left:4px;
}



.tm-snavbar .uk-nav-side a:hover {color: #EC5A0F;} 

.tm-sidebar-a .uk-nav, 
.tm-navbar .uk-nav,
.tm-sidebar-b  .nav {
	
	border-bottom: solid 1px #000;
	
}


.cabecera {margin-top:0px;}

/*
 * Bloque header
 */
 .tm-cabecera {margin-top:-15px; max-height:420px;}
/*
 * Bloque inferior-a
 */
 
/*
 * Bloque inferior-b
 */
  .uk-orange-footer {
	 background-color:#D7D200;
	 color: #fff; 
	 margin-top:18px;
 }
 
 .uk-orange-footer img {width:100%;}
 
 
 .uk-orange-footer .uk-grid:not(.uk-grid-preserve) > * {padding-left:0px;}
	
 .tm-bottom-b.uk-grid {margin-left:0px;}

 .uk-orange-footer .uk-panel-box  {padding:0px;}
 
 .uk-overlay {min-width:100%;}
 .uk-overlay a {
	 color: #fff;
	 text-transform:uppercase;
	 padding: 10px;
	 border: solid 1px #fff;
	 text-decoration:none;
	 display: block;
 }
/*
 * Bloque inferior-c
 */
 
 .tm-bottom-c {
	 margin-top:18px;
	 padding-top:18px;
	 border-top:solid 1px #666;
 }
 
 
 .tm-bottom-c.uk-grid {margin-left:0px;}
 .tm-bottom-c.uk-grid:not(.uk-grid-preserve) > * {padding-left:0px;}
 
 .tm-bottom-c h3 {
	 text-transform:uppercase;
	 font-weight:600;
	 font-size:16px;
	 
 }
 
 .tm-bottom-c .uk-nav > li > a {
	 padding:0px 20px 0px 0px!important;
	 color:#666;
  }
 
 .tm-bottom-c .uk-nav > li > a:hover {
	 background: none;
	 color: #000;
  }
 
 /*
 * Bloque footer
 */
 
 .tm-footer {
	 margin-top:0px!important;
	 margin-bottom:0px!important;
 }
 
 
.uk-panel-box {background: #fff; padding:left:0px; margin-left:0px;}

.uk-nav-parent-icon > .uk-parent > a:after {
content: "\f104";
width: 20px;
margin-right: -22px;
float: right;
font-family: FontAwesome;
text-align: center;
}


.doble li {width:50%; float:left;}

 /* módulo actividades académicas */

.aacademicas label {font-size:10px; text-transform:uppercase;}
.aacademicas .form-elements input {
	border:solid 1px #ccc; 
	width:95%; 
	border-radius:0px!important; 
	padding:6px; 
	height:16px!important; 
	margin-bottom:0px; 
	font-size:0.9rem!important;
}

.aacademicas .form-elements select {
	border:solid 1px #ccc; 
	width:100%; 
	border-radius:0px!important; 
	padding:6px; 
	min-height:28px!important; 
	margin-bottom:2px; 
	font-size:0.9rem!important;
}

.aacademicas .form-elements div {margin:0px;padding:0px;}
.aacademicas .form-elements {margin-top:20px;}
.aacademicas  button.button {
	margin-top:9px!important;   
	border: solid 1px #fff;
	border-radius: 0;
	line-height: 22px;
	background: #EC5A0F;
	padding: 2px 20px;
	color: #fff;
	font-size:1rem!important;
	margin-bottom:12px;
}
.aacademicas .form-element-row {margin-top:8px!important;} 
.aacademicas li {}

.aacademicas, .campus{
	background:#EFEFEF;
	padding-bottom:2px;
	margin-bottom:16px;
}

.aacademicas form {width:90%; margin-left:5%; margin-top:9px;}

.aacademicas h3, .campus h3 {
	background:#009540;
	font-weight:600; 
	font-size:15px;
	text-transform: uppercase;
	color: #fff;
	padding:6px 6px 2px!important; 
	margin-bottom:-6px;
}

 /* módulo campus */

.campus h3 {background:#D2D700;}
.campus ul {list-style: none; margin:20px 0 12px; padding:0px;}
.campus li {
	margin:0 0 6px 0px;
	padding:0px 6px 6px 6px;
	border-bottom: solid 1px #ccc;
}

.campus li a {
	color:#666; 
	font-size:0.9rem;
}
.campus li a:hover {color:#EC5A0F; text-decoration: none;}


/*
.ja-accordion-title {
	background:#F5BA00;
	font-weight:400; 
	font-size:13px;
	text-transform: uppercase;
	color: #fff;
	padding:2px 6px!important; 
	margin-bottom:-6px;
}
.ja-accordion-content {background: #EFEFEF;padding:1px 6px!important;}
.ja-accordion-content > div {padding:3px 0px!important;}
.ja-accordion-content ul {margin:0px;padding:0px;}
.ja-accordion-content ul li {margin 0 0 6px 0; padding: 0 0 6px 0; border-bottom: solid 1px #fff;}
.ja-accordion-title.active {background:#EC5A0F;}
*/
.aacademicas option:first-child {/*text-transform: uppercase!important; font-size:10px;*/}

 /* módulo próximos eventos */

.eproximos .fecha {display:block; float:left; width:70px; height: 70px; background-color:#D2D700; margin-right:10px;}
.eproximos .mod_events_latest_first .fecha {background-color:#93C01F;}
.eproximos .dd {display: block; color: #fff; font-size:60px; text-align:right; font-weight:700; margin: 4px 2px 0px 0px; letter-spacing:-5px; line-height:100%}
.eproximos .mm {display: block; text-align:center; text-transform:uppercase; color: #fff; margin: 6px 0; line-height:100%}
.eproximos .evento a {color: #666; font-weight:600; font-size:15px; line-height:110%!important; display:block}
.eproximos .evento a:hover {color: #EC5A0F; text-decoration:none; }
.eproximos .categoria {font-size:0.80em; text-transform:uppercase; line-height:110%; margin-top:8px; color: #808080; }
.eproximos td {min-height:90px;padding-bottom:15px!important;}

.mod_events_latest_callink {margin-top:6px;}
.mod_events_latest_callink a {
	padding: 8px 0px 8px 25px;
	text-decoration:none;
	background: url('../images/cal.png') no-repeat 0 0px;
	font-size:12px;
	color: #999;
	line-height:110%;
	text-align:right;
}

.mod_events_latest h4, .mod_events_latest_first h4 {
	margin:0px;
	padding:0px;
}


/* módulo Slide show */

.uk-overlay-panel {
	background: #F5BA00;
	opacity:0.80;
	padding: 12px;
	height:56px;
	overflow: hidden;
	margin-bottom:12px;
}

.uk-position-bottom-right {display:none;}
.uk-thumbnav img {border: solid 2px #fff; opacity:1!important;}
/*
.uk-overlay-panel {
  position: absolute;
  bottom: 90px;
  left: 0;
  right: 0;
  padding: 12px;
  color: #fbf3e1;
  background: #F5BA00;
  opacity:0.80;
  height:56px;
  overflow: hidden;
}

.uk-thumbnav {
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-top: -10px;
  padding: 0;
  list-style: none;
}

.uk-thumbnav > * {
  float: left;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  padding-left: 10px;
  margin-top: 10px;
}



*/



.tm-middle {display:none;}

.tm-bottom-a {margin:12px 0;}

.tm-bottom-a  .uk-width-medium-1-4 {margin:0; padding: 0;}

.tm-bottom-a  .uk-width-medium-1-4  .uk-panel{
  border: 1px solid #d0d0d0;
    padding: 16px!important;
	margin: 0 10px;
}

.tm-bottom-a  .uk-width-medium-1-4:first-child .uk-panel {
	}
	
.tm-bottom-a h4 {
	font-size:1.2em;
	line-height:115%;
	font-weight:500;
	margin:6px 0;
}

.tm-bottom-a h3 {margin-bottom:12px;}

.tm-bottom-a .uk-panel {margin-left:-10px;}

.tm-bottom-a .teaser-destacado .uk-panel-title {text-transform: none; font-size:1rem; margin-left: 0;}
.tm-bottom-a .uk-overlay-panel {height:100%; background: none!important; }
.tm-bottom-a .uk-overlay-panel:hover { opacity:0.5!important;}