/* ========================================================================
   General
 ========================================================================== */
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'HelveticaNeueLT', Arial, sans-serif !important;
}
html {
  font-size: 16px;
  font-family: 'HelveticaNeueLT', Arial, sans-serif !important;
  font-weight: 400;
}
strong {
  font-weight: 600;
}
.tm-content {
  font-size: 16px;
  line-height: 135%;
}
a,
.uk-link {
  color: #666;
  text-decoration: none;
}
a:hover {
  text-decoration: none!important;
}
em {
  color: #000;
}
ul,
ol {
  padding-left: 0px;
}
.itemBody ul li {
  list-style: none;
  padding: 3px 0px 0px 22px;
  margin-left: 3px;
  background: url(../images/bullet-naranja.png) 0 6px no-repeat;
}
.itemBody ul li li {
  background: url(../images/bullet-gris.png) 0 6px no-repeat;
}
/* ========================================================================
   Layout
 ========================================================================== */
.uk-orangebar .tm-toolbar {
  margin-top: 0px;
}
.uk-orangebar {
  background-color: #009540;
  color: #FFF;
  height: 38px;
  margin-bottom: 0px;
  z-index: 9999;
}
.uk-graybar {
  background-color: #eee;
  color: #666;
  height: 68px;
  padding: 6px 0;
  text-align: right;
  margin-top: 12px;
}
.uk-blackbar {
  background-color: #010101;
  color: #FFF;
  height: 68px;
  padding: 6px 0;
}
/* Bloque de busqueda */
.tm-toolbar .uk-float-right .uk-panel {
  float: left;
}
#js-search-toggle {
  margin: -26px 0 0 12px;
}
.uk-navbar-content {
  width: 30px;
  height: 30px;
  padding: 0px;
  margin: 0px;
}
.tm-search-bar:not(.uk-hidden) {
  z-index: 999;
  position: absolute;
  top: 38px;
  right: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: #f2f2f2;
  -webkit-animation-name: tm-search-bar;
  animation-name: tm-search-bar;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.tm-search-bar:not(.uk-hidden) > .uk-container {
  margin-top: 15px;
  padding: 0 45px;
}
.tm-search-bar:not(.uk-hidden) .uk-close {
  margin-top: 5px;
}
@-webkit-keyframes tm-search-bar {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tm-search-bar {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Bloque iconos sociales top */
.uk-icon-search {
  color: #FFF;
  background: #93C01F;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  text-align: center!important;
}
.uk-icon-search:before {
  line-height: 34px;
  font-size: 16px;
}
.tm-toolbar .uk-icon-button {
  color: #FFF;
  background: #93C01F;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  margin-top: 4px;
}
.tm-top-c {
  margin-top: 18px;
  margin-bottom: 18px;
}
/* Bloque bottom-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;
}
/* ========================================================================
   Navegacion
 ========================================================================== */
.nav,
.nav li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.nav > li > a {
  border-top: solid 1px #000;
  color: #666;
  padding: 12px 20px 6px 8px;
  font-weight: 600;
  display: block;
  text-decoration: none;
}
.nav > li.active > a,
.nav > li.deeper > a {
  background: #efefef;
}
.nav-child {
  padding-left: 18px;
  background: #efefef;
  padding-top: 2px;
}
.nav-child li {
  padding-left: 0px;
}
.nav-child li a {
  /*color:#444!important;*/
  border-top: solid 1px #ccc;
  padding: 8px 0 4px;
  font-size: 13.6px !important;
  display: block;
  margin-top: 3px;
  font-weight: 400;
  text-decoration: none;
}
.nav-child li a:hover {
  color: #FAD6C7;
}
.current.active > a {
  font-weight: 600;
  color: #009540;
}
.menu3 {
  border: solid 1px #DEDEDE;
  padding: 0px 0px 12px 0px;
}
.menu3 h3 {
  background: #DEDEDE;
  padding: 12px 6px 9px 6px!important;
  margin: 0px 0 6px 0;
  border: none;
}
.menu3 a {
  color: #666;
  line-height: 18px;
  display: block;
  padding: 6px 12px!important;
  font-weight: 400 !important;
  border-top: none!important;
  margin: 0px;
  font-size: 13.6px !important;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
.menu3 a:hover {
  background: #dedede;
  opacity: 0.6;
}
.menu3 .nav > li.active > a {
  background: #FFF;
  color: #009540;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
.menu3 .nav > li.active > a:hover {
  opacity: 0.80;
  color: #009540 !important;
}
a.paretit {
  padding: 0!important;
}
/*
.atras{
	background: #FFF;
	padding: 6px 12px;
	margin-top: 10px;
	
	border: 1px solid #ddd;
	border-radius: 4px;
	h4{
		color: #777;
		margin: 0;
		margin-top: 2px;
		font-weight: normal;
		font-size: 13px;
	}
	h4:hover{
		color: #EC5A0F;
		
	}
}

.triangulo-redondeado,
.triangulo-redondeado:before,
.triangulo-redondeado:after{
    position: relative;
  display:block;
	width:  15px;
	height: 15px;
	background: #ccc;
}

.triangulo-redondeado{
	border-top-right-radius: 0px;
  	border-bottom-right-radius : 0px;
}
.triangulo-redondeado:before{
	border-top-right-radius: 5px;
  	border-bottom-right-radius : 0px;
}
.triangulo-redondeado:after {
	border-top-right-radius: 0px;
  	border-bottom-right-radius : 0px;
}
.triangulo-redondeado {
  
  margin: -3px 5px 0 -3px;
  transform: rotate(-30deg) skewX(-30deg) scale(1,.866);
  float: left;
}
.triangulo-redondeado:before,
.triangulo-redondeado:after {
	content: '';
	position: absolute;
}
.triangulo-redondeado:before {
	transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%);
}
.triangulo-redondeado:after {
	transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%);
}
*/
.atras {
  background: #DEDEDE;
  padding: 6px 12px;
  margin-top: 10px;
  margin-left: 15px;
  text-align: right;
  border: 1px solid #DEDEDE;
  border-radius: 0 4px 4px 0;
}
.atras h4 {
  color: #777;
  margin: 0;
  margin-top: 2px;
  font-weight: normal;
  font-size: 13px;
}
.atras h4:hover {
  color: #EC5A0F;
}
#triangle-left {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-right: 100px solid red;
  border-bottom: 50px solid transparent;
}
.triangulo-redondeado,
.triangulo-redondeado:before,
.triangulo-redondeado:after {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  background: #ccc;
}
.triangulo-redondeado {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 0px;
}
.triangulo-redondeado:before {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0px;
}
.triangulo-redondeado:after {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 0px;
}
.triangulo-redondeado {
  margin: 14px 5px 0 9px;
  transform: rotate(-30deg) skewX(-30deg) scale(1, 0.866);
  float: left;
}
.triangulo-redondeado:before,
.triangulo-redondeado:after {
  content: '';
  position: absolute;
}
.triangulo-redondeado:before {
  transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
}
.triangulo-redondeado:after {
  transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
}
/* Bloque bootm-c  */
.tm-bottom-c .uk-nav > li > a {
  padding: 0px 20px 0px 0px!important;
  color: #666;
  font-size: 13.6px;
}
.tm-bottom-c .uk-nav > li > a:hover {
  background: none;
  color: #000;
}
/* 
.tm-sidebar-a .uk-nav > li > a,
.tm-sidebar-a .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-a  .nav > li.active > a,
.tm-sidebar-b  .nav > li > a {
	background: @c_background;
}

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

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

.tm-sidebar-a  .uk-nav-side ul a,
.tm-sidebar-a  ul a,
.tm-sidebar-b  ul a,
.tm-navbar .uk-nav ul a,
.uk-nav-sub li a,
.nav-child li a {
	color:#666!important;
	border-top: solid 1px #000;
	padding-left:4px;
	font-size:14px!important;
	display:block;
}

.tm-sidebar-a  .uk-nav-side ul a:hover,
.tm-sidebar-b   ul a:hover,
.tm-headerbar .uk-nav ul a:hover  {
	color: #EC5A0F!important;
}

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


.nav-child li a {
	padding-top:2px;
	min-height:26px;
	line-height:20px;
}

.nav-child li {
	min-height:26px;
	margin-left:15px;
	}

.tm-sidebar-a  .uk-nav-side ul a:hover,
.tm-sidebar-a   ul a:hover,
.tm-sidebar-b   ul a:hover,
.tm-headerbar .uk-nav ul a:hover,
.nav-child li a:hover {
	color: #000;
	text-decoration: none;
}

.tm-sidebar-a .uk-nav,
.tm-navbar .uk-nav,
.tm-sidebar-a  .nav
.tm-sidebar-b  .nav {

	border-bottom: solid 1px #000;

}

aside .menu3 {
	border:solid 1px #DEDEDE;
	padding:0px 0px 12px 0px;


	}
aside .menu3 h3 {
	background:#DEDEDE;
	padding:12px 6px 9px 6px; 
	margin: 0px 0 6px 0;
	border:none;
}

aside .menu3 a {
	color:#666;
	line-height:18px;
	display:block;
	padding: 6px 12px!important;
	font-weight: 400!important;
	border-top:none!important;
	margin:0px;
}


 .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;
  }
.tm-sidebar-a .menu3 ul.nav li {
	line-height:18px!important;
	margin-bottom:4px;
}
*/
/* Barra naranja */
.uk-orangebar .tm-toolbar .uk-subnav > li > a {
  color: #FFFFFF;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  display: block;
  float: left;
}
.uk-orangebar .tm-toolbar .uk-subnav > li > a:hover {
  color: #FFF !important;
  text-decoration: none;
}
.uk-orangebar .uk-subnav-line > li:nth-child(n+2):before {
  content: "";
  display: block;
  float: left;
  height: 38px;
  margin-right: 20px;
  margin-left: 10px;
  border-left: 1px solid #FAD6C7;
}
/* Pie negro */
.uk-blackbar .uk-subnav {
  margin-top: 24px;
}
.uk-blackbar .uk-subnav > li > a {
  color: #eee;
  line-height: 15px;
  font-size: 13px;
}
.uk-blackbar .uk-subnav > li > a:hover {
  color: #FFF;
  text-decoration: none;
}
/* Miga de pan */
.uk-breadcrumb {
  margin-top: 9px;
  background: #FFF;
}
.uk-breadcrumb > li:nth-child(n+2):before {
  display: none;
}
.uk-breadcrumb li a {
  background: url('../images/pathway.png') no-repeat right center #ddd;
  padding: 0px 18px 0px 6px;
  color: #666;
  margin-right: 0px;
  text-decoration: none;
  border-radius: 0px;
  font-size: 13.6px;
  height: 28px;
  line-height: 32px;
}
/*
.uk-breadcrumb  li:first-child a {
	background: url('../images/pathway-home.png') no-repeat right center #EC5A0F;
	padding: 4px 24px 4px 9px;
	color: #fff;
	margin-right:0px;
	text-decoration:none;
	border-radius: 4px 0px 0px 4px;

}
*/
.uk-breadcrumb li:nth-last-child(1) a {
  background: url('../images/pathway.png') no-repeat right center #FFF;
  padding: 0px 18px 0px 6px;
  color: #666;
  margin-right: 0px;
  text-decoration: none;
  font-size: 13.6px;
  height: 28px;
  line-height: 32px;
}
.uk-breadcrumb li:first-child a {
  border-radius: 4px 0px 0px 4px;
  background: url('../images/pathway-home_g.png') no-repeat right center #FFF;
  color: #FFF;
}
.uk-breadcrumb li:only-child a {
  background: url('../images/pathway-home_g.png') no-repeat right center #FFF;
}
.uk-breadcrumb .uk-active span {
  /*
	border: solid 1px #ccc;
	background: #ccc;
	*/
  padding: 0px 8px;
  color: #666;
  font-size: 13.6px;
  height: 28px;
  line-height: 32px;
}
/*modulo actividades academicas */
/*
.aacademicas {
	background: #EFEFEF;padding:1px 6px!important;
	
}

.aacademicas form {font-size:1rem!important;}
.aacademicas h3.uk-panel-title {
	background:#EC5A0F;
	font-weight:400;
	text-transform: uppercase;
	color: #fff;
	padding:4px 6px!important;
	margin: 0 -6px 6px -6px;
	border-top:none;

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

.aacademicas .form-elements div {margin:0px;padding:0px;}
.aacademicas .form-elements {margin-top:0px;}
.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;
}
.aacademicas .form-element-row {margin-top:8px!important;}
.aacademicas li {}

*/
/* ========================================================================
   Tipografia
 ========================================================================== */
a:hover {
  color: #009540!important;
}
h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.uk-panel-title {
  text-transform: uppercase;
  font-weight: 600;
}
.uk-panel h3.uk-panel-title {
  margin-left: -12px;
}
aside.tm-sidebar-a.uk-width-medium-1-4.uk-pull-3-4 .uk-panel:first-child {
  margin-top: 3px;
}
aside.tm-sidebar-a.uk-width-medium-1-4.uk-pull-3-4 .uk-panel {
  margin-top: 20px;
}
h4 {
  text-transform: none;
  font-weight: 600;
  font-size: 15.2px;
  line-height: 120%;
}
h4 a {
  text-transform: none;
  font-weight: 600;
  font-size: 15.2px;
  color: #666;
  line-height: 120%;
  text-decoration: none !important;
}
.uk-category,
.uk-category-event {
  padding-right: 5px;
  font-style: normal;
  color: #808080;
  text-transform: uppercase;
  font-size: 11.2px;
  margin-top: 4px;
}
.uk-category-event {
  margin-left: 80px;
}
.uk-category a {
  color: #666;
  text-decoration: none;
}
.uk-category a:hover {
  text-decoration: none;
}
.uk-text {
  clear: left;
  font-size: 13.6px;
  color: #373737;
}
.uk-text.uk-margin-small-top {
  margin-top: 10px!important;
}
.uk-button,
.button {
  background: #93C01F !important;
  color: #FFF !important;
  padding-top: 4px;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
.uk-button:hover,
.button:hover {
  background: #F5BA00 !important;
  opacity: 0.8;
}
/* Cargos */
h3.cargos {
  text-transform: uppercase;
  font-weight: 300;
  border-top: dotted 1px #ccc;
  padding-top: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}
ul.cargos {
  margin-top: 6px;
}
ul.cargos .cargo {
  display: block;
  font-size: 12px;
  color: #999;
}
.uk-overlay-area-content a:hover {
  color: #FFF !important;
}
#yoo-zoo .item .aside {
  width: 263px;
}
.uk-panel-box .uk-panel-title {
  color: #FFF;
  height: 25px;
  background-color: #f18f5e;
  padding: 12px 0px 0px 10px;
  border-top: 1px solid #ec5a0f;
}
.uk-panel-box {
  padding: 0;
}
.uk-panel-box .uk-panel-title h3 {
  padding: 0;
}
.uk-panel-box.uk-panel-box .uk-panel-title {
  margin-bottom: 15px;
}
ul.zoo-list li {
  padding-top: 12px;
}
#yoo-zoo.ofertaFormativa-cursos .items .row {
  margin-top: 15px;
  padding-top: 15px;
  background: url(../images/line_dotted_h.png) 0 0 repeat-x;
}
#yoo-zoo.ofertaFormativa-cursos .teaser-code {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  float: left;
  color: #FFF;
  background: #009540;
  border: none!important;
  padding: 8px 15px 2px;
  margin-left: -25px !important;
  margin-top: 26px;
  font-size: 28px!important;
  line-height: 24px;
  font-weight: 600;
  width: 60px!important;
  min-height: 24px;
}
#yoo-zoo.ofertaFormativa-cursos .teaser-description {
  min-height: 80px;
  margin-left: 65px;
}
#yoo-zoo.ofertaFormativa-cursos h2.teaser-title {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #666;
  margin: 0px;
}
.ofertaFormativa-cursos .teaser-info a {
  font-weight: 600 !important;
  color: #666;
  font-size: 16px;
}
/*----------CAMBIAR COLOR LINKS ----------*/
.fUnia .uk-title a {
  color: #009540 !important;
}
.eproximos .evento a {
  color: #009540 !important;
}
div.itemHeader h3.catItemTitle a {
  color: #A64F02 !important;
}
.itemAttachments li a {
  color: #93C01F !important;
}
/*----------FI CAMBIAR COLOR LINKS ----------*/
/*---------- RESPONSIVE ----------*/
.uk-navbar-toggle {
  float: right;
}
a.tm-logo-small p img {
  max-width: 160%;
  margin-top: -25px;
  margin-left: 16px;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .uk-orangebar {
    height: 60px;
  }
  .uk-offcanvas-bar {
    top: 60px;
  }
  .tm-search-bar:not(.uk-hidden) {
    top: 60px;
    height: 71px;
  }
  .uk-search-field {
    height: 50px;
    font-size: 30px;
    width: 100%;
  }
  .uk-search-field:focus {
    width: 100%;
  }
  .uk-search:before {
    top: 5px;
    left: -20px;
    font-size: 36px;
  }
  .uk-subnav {
    margin-left: -13px;
  }
  .uk-subnav > * {
    padding-left: 0;
  }
  .doble li {
    float: none;
    width: 100%;
  }
  .uk-icon-button {
    width: 41px;
    height: 41px;
  }
  .uk-icon-button::before {
    margin: auto;
    vertical-align: -webkit-baseline-middle;
  }
  .tm-sidebar-a {
    display: none;
  }
}
@media only screen and (min-device-width: 481px) and (max-device-width: 767px) {
  .tm-sidebar-a {
    display: none;
  }
  .uk-orangebar {
    height: 60px;
  }
  .uk-offcanvas-bar {
    top: 60px;
  }
  .fUnia .uk-date {
    display: block;
    clear: both;
  }
  .tm-search-bar:not(.uk-hidden) {
    top: 60px;
    height: 71px;
  }
  .uk-search-field {
    height: 50px;
    font-size: 30px;
    width: 100%;
  }
  .uk-search-field:focus {
    width: 100%;
  }
  .uk-search:before {
    top: 5px;
    left: -20px;
    font-size: 36px;
  }
  .uk-icon-button {
    width: 50px;
    height: 50px;
  }
  .uk-icon-button::before {
    margin: auto;
    vertical-align: text-top;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 865px) {
  .tm-toolbar .uk-icon-button {
    display: none;
  }
  .uk-orange-footer {
    display: none;
  }
  .uk-breadcrumb {
    background: none;
    margin: 0;
  }
  .uk-breadcrumb li:first-child a {
    background: none;
    color: #444;
    font-size: 11px;
    padding: 0;
  }
  .uk-breadcrumb li:first-child a::after {
    content: " >>";
  }
  .uk-breadcrumb li:nth-last-child(1) a {
    background: none;
    font-size: 11px;
  }
  .uk-breadcrumb li a {
    background: none;
    font-size: 11px;
  }
  .uk-article .uk-article-title {
    margin-top: 30px;
  }
  .uk-article h3 {
    font-size: 18px!important;
  }
}
/*----------FI CRESPONSIVE ----------*/
.uk-navbar-toggle.busto:after {
  content: "\f007";
  font-family: FontAwesome;
  vertical-align: middle;
  color: FFF;
}
.uk-navbar-toggle.map:after {
  content: "\f041";
  font-family: FontAwesome;
  vertical-align: middle;
  color: FFF;
}
.uk-navbar-toggle.search:after {
  content: "\f002";
  font-family: FontAwesome;
  vertical-align: middle;
  color: FFF;
}
.uk-navbar-toggle:after {
  color: #FFF;
  font-size: 180%;
}
.uk-nav-side > li > a,
.uk-nav-side ul a {
  color: #cccccc;
  padding: 10px 15px;
}
.uk-navbar-toggle {
  padding: 14px 15px;
}
/*
	zoo publicaciones pagina principal
*/
#frontpage .frontpage-row {
  margin-bottom: 2em;
  clear: both;
}
#frontpage h2 {
  margin-bottom: 1em;
  font-size: 1.8em;
  font-weight: 200;
  border-bottom: 1px solid #ddd;
  padding-bottom: .5em;
}
@media (min-width: 768px) {
  #frontpage .col-xs-1,
  #frontpage .col-xs-2,
  #frontpage .col-xs-3,
  #frontpage .col-xs-4,
  #frontpage .col-xs-5,
  #frontpage .col-xs-6,
  #frontpage .col-xs-7,
  #frontpage .col-xs-8,
  #frontpage .col-xs-9,
  #frontpage .col-xs-10,
  #frontpage .col-xs-11,
  #frontpage .col-xs-12,
  #frontpage .col-sm-1,
  #frontpage .col-sm-2,
  #frontpage .col-sm-3,
  #frontpage .col-sm-4,
  #frontpage .col-sm-5,
  #frontpage .col-sm-6,
  #frontpage .col-sm-7,
  #frontpage .col-sm-8,
  #frontpage .col-sm-9,
  #frontpage .col-sm-10,
  #frontpage .col-sm-11,
  #frontpage .col-sm-12 {
    width: 25%;
    float: left;
  }
  #frontpage .publicacion .teaser-item {
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 1em;
    overflow: hidden;
    padding: 0 15px;
  }
  #frontpage .publicacion .teaser-item .element-imagepro img,
  #frontpage .publicacion .teaser-item .publicacion .full-item .element-imagepro img {
    box-shadow: 2px 4px 4px #ddd;
    width: 95%;
    height: auto;
    max-width: 336px;
  }
  #frontpage .publicacion .teaser-item a {
    display: block;
    line-height: 18px;
  }
  #frontpage .publicacion .teaser-item .element-imagepro img,
  #frontpage .publicacion .teaser-item .publicacion .full-item .element-imagepro img {
    box-shadow: 2px 4px 4px #ddd;
    width: 95%;
    height: auto;
    max-width: 336px;
  }
  #frontpage .col-sm-12 {
    width: 100%;
  }
  #frontpage .col-xs-4 {
    float: left;
  }
  #frontpage .teaser-item {
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 1em;
    overflow: hidden;
  }
  #frontpage .teaser-item .cover {
    margin-bottom: 1em;
  }
  #frontpage .frontpage-row {
    margin-bottom: 2em;
    clear: both;
  }
}
/*
	zoo publicaciones pagina de detall
*/
.publicacion {
  display: block;
}
.publicacion .top-right.col-xs-12.col-sm-7.col-sm-push-5 {
  width: 55%;
  float: right;
}
.publicacion .top-left.col-xs-12.col-sm-5.col-sm-pull-7 {
  width: 48%;
}
.publicacion .full-item .element-imagepro img {
  box-shadow: 2px 4px 4px #ddd;
  width: 95%;
  height: auto;
  max-width: 336px;
}
.publicacion .full-item .share-icons {
  margin: 1em 0;
}
.publicacion .full-item .share-icons .title {
  color: #666;
  display: block;
  font-size: .8em;
  margin-bottom: .5em;
}
.publicacion .full-item h3 {
  font-size: 1.1em;
  border-bottom: 1px solid #ddd;
  padding-bottom: .5em;
  font-weight: 400;
  line-height: 10px;
  margin-bottom: 10px;
}
.publicacion .full-item .row {
  margin-bottom: 25px;
}
.publicacion .bottom_2_left.col-xs-12.col-sm-6 {
  width: 48%;
  float: left;
  padding-right: 2%;
  margin-bottom: 25px;
}
.publicacion .bottom_2_right.col-xs-12.col-sm-6 {
  width: 50%;
  float: left;
}
.publicacion .element {
  margin-bottom: 20px;
}
.publicacion .element-itemtag ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.publicacion .element-itemtag li {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin: 0 1em .5em 0;
}
.publicacion .element.element-itemtag li a {
  background-color: #efefef;
  margin-left: 3px;
  padding: 5px;
  line-height: 28px;
}
.publicaciones-relacionadas {
  width: 100%;
  display: block;
  clear: both;
}
.publicaciones-relacionadas h3 {
  margin: 2em 0 1em;
  font-size: 25px;
  text-transform: none;
}
.publicaciones-relacionadas .col-xs-12.col-sm-3 {
  float: left;
  width: 25%;
}
.publicaciones-relacionadas .publicacion .teaser-item {
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1em;
  overflow: hidden;
  padding: 0 15px;
}
.publicaciones-relacionadas .publicacion .teaser-item .element-imagepro img,
.publicaciones-relacionadas .publicacion .teaser-item .publicacion .full-item .element-imagepro img {
  box-shadow: 2px 4px 4px #ddd;
  width: 95%;
  height: auto;
  max-width: 336px;
}
.publicaciones-relacionadas .publicacion .teaser-item a {
  display: block;
  line-height: 18px;
}
.publicaciones-relacionadas .publicacion .teaser-item .element-imagepro img,
.publicaciones-relacionadas .publicacion .teaser-item .publicacion .full-item .element-imagepro img {
  box-shadow: 2px 4px 4px #ddd;
  width: 95%;
  height: auto;
  max-width: 336px;
}
.atraszoo h4 {
  color: #777;
  float: right;
  background-color: #ddd;
  border: 1px solid #DEDEDE;
  border-radius: 0 4px 4px 0;
  height: 20px;
  padding-top: 9px;
  padding-right: 14px;
  margin-top: 0px;
  font-weight: normal;
  font-size: 13px;
}