

body {

	font-family: 'Karma', serif;

	font-size: 16px;

	font-weight: 400;

	color: #5A5A70;

	background-color: white;



}





.navbar {

  border: none;

  -webkit-border-radius: 0px;

  -webkit-background-clip: padding-box;

  -moz-border-radius: 0px;

  -moz-background-clip: padding;

  border-radius: 0px;

  background-clip: padding-box;

  float: left;

  width: 100%;

  position: relative;

  margin-bottom: 0;

}

.navbar.navbar-inverse {

  background: #202020;

  border-bottom: solid 2px #d4d4d4;

}

.navbar.navbar-inverse .main-nav > li {

  position: relative;

}

.navbar.navbar-inverse .main-nav > li:hover > ul {

  overflow: visible;

  height: auto;

  -webkit-opacity: 0.95;

  -moz-opacity: 0.95;

  opacity: 0.95;

  padding: 18px 0px 20px;

}

.navbar.navbar-inverse .main-nav > li.active > a {

  background: transparent;

  font-weight: bold;

}

.navbar.navbar-inverse .main-nav > li.active > a:hover {

  color: #202020;

}

.navbar.navbar-inverse .main-nav > li > a {

  color: #202020;

  text-transform: uppercase;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  padding-top: 30px;

  padding-bottom: 25px;

}

.navbar.navbar-inverse .main-nav > li > a:hover {

  color: #f8434a;

}

.navbar.navbar-inverse .main-nav > li ul {

  position: absolute;

  min-width: 170px;

  background: white;

  border-bottom: solid 1px #c0c0c0;

  margin: 0;

  list-style: none;

  padding: 0;

  text-transform: uppercase;

  height: 0;

  -webkit-transition: all .2s ease-in-out;

  -moz-transition: all .2s ease-in-out;

  -o-transition: all .2s ease-in-out;

  transition: all .2s ease-in-out;

  overflow: hidden;

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);

}

.navbar.navbar-inverse .main-nav > li ul li {

  float: left;

  width: 100%;

  position: relative;

  padding: 5px 20px;

}

.navbar.navbar-inverse .main-nav > li ul li:hover > a {

  color: #f8434a;

}

.navbar.navbar-inverse .main-nav > li ul li.active a {

  color: #f8434a;

}

.navbar.navbar-inverse .main-nav > li ul li a {

  float: left;

  width: 100%;

  color: #202020;

  white-space: nowrap;

  text-transform: none;

  padding: 2px 0;

}

.navbar.navbar-inverse .main-nav > li > ul {

  top: 100%;

  border-top: solid 2px #d4d4d4;

  z-index: 300;

}

.navbar.navbar-inverse .main-nav > li > ul > li:hover > ul {

  overflow: visible;

  height: auto;

  -webkit-opacity: 0.95;

  -moz-opacity: 0.95;

  opacity: 0.95;

  padding: 18px 0px 20px;

}

.navbar.navbar-inverse .main-nav > li > ul > li ul {

  padding: 10px 0px 20px;

  left: 100%;

  top: -10px;

}

.navbar.navbar-inverse .main-nav > li > ul > li ul li:hover > ul {

  overflow: visible;

  height: auto;

  -webkit-opacity: 0.95;

  -moz-opacity: 0.95;

  opacity: 0.95;

  padding: 18px 0px 20px;

}

.navbar.navbar-inverse .main-nav > li .dropdown-toggle {

  display: none;

}

.navbar.navbar-inverse .social-nav > li > a {

  color: white;

  -webkit-transition: all .4s ease-in-out;

  -moz-transition: all .4s ease-in-out;

  -o-transition: all .4s ease-in-out;

  transition: all .4s ease-in-out;

  font-size: 20px;

  line-height: 20px;

  padding: 15px 7px;

}

.navbar.navbar-inverse .social-nav > li > a:hover {

  color: #f8434a;

}

.navbar .normal-color {

  float: left;

  width: 100%;

}

.navbar .normal-color.opacity {

  -webkit-opacity: 0;

  -moz-opacity: 0;

  opacity: 0;

}

.navbar .normal-color.with-slider .navbar-header {

  position: relative;

  z-index: 2;

}

.navbar .normal-color.with-slider .social-nav {

  position: relative;

  z-index: 2;

}

.navbar .inverse-color {

  float: left;

  width: 100%;

  background: white;

  position:relative;

	z-index:10 

}

.navbar .inverse-color.sticky {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 200;

  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);

  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);

  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);

}



.navbar-brand {

    float: left;

    height: 70px;

    font-size: 18px;

    padding: 15px 15px 15px 0px;

}

.navbar-nav > li > a {

    line-height: 60px;

    color: #564E30;

}



.navbar .navbar-brand b {

    display: block;

    font-size: 25px;

}



.navbar .navbar-brand em {

   

    font-size: 16px;

    margin-right: 45px;

}





.navbar .header-search {

  padding-top: 20px;

}

.navbar .header-search .form-control {

  height: 42px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.navbar .header-search .input-group-btn .btn-default {

  font-size: 20px;

  color: #737373;

  background: transparent;

  padding: 10px;

  border: solid 1px #ccc;

  border-left: none;

}

.navbar .header-search .input-group-btn .btn-default:hover {

  background: transparent;

}

.navbar .search-trigger {

  background: transparent;

  color: #cccccc;

  margin-top: 14px;

  font-size: 22px;

  -webkit-transition: none;

  -moz-transition: none;

  -o-transition: none;

  transition: none;

}

.navbar .search-wrap {

  display: none;

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  background: rgba(41, 41, 41, 0.98);

  -webkit-opacity: 0.95;

  -moz-opacity: 0.95;

  opacity: 0.95;

  padding: 30px 0;

  z-index: 200;

}

.navbar .search-wrap.sticky {

  position: fixed;

  left: 0;

}

.navbar .search-wrap .form-control {

  margin-bottom: 0;

  height: 80px;

  font-size: 60px;

  line-height: 80px;

  color: white;

  background: transparent;

  border: none;

  font-weight: 300 !important;

  padding-top: 0;

  padding-bottom: 0;

}

.navbar .search-wrap input[type="submit"] {

  display: none;

}

.navbar .header-slider {

  float: left;

  width: 100%;

  margin-top: -51px;

  position: relative;

  z-index: 1;

}

.navbar .header-slider .tp-rightarrow.default {

  background: transparent;

  position: relative;

  z-index: 20;

}

.navbar .header-slider .tp-rightarrow.default:after {

  font-family: "entypo";

  content: '\e875';

  position: absolute;

  width: 100%;

  height: 100%;

  line-height: 100%;

  color: white;

  font-size: 30px;

  text-align: center;

}

.navbar .header-slider .tp-leftarrow.default {

  background: transparent;

  position: relative;

  z-index: 20;

}

.navbar .header-slider .tp-leftarrow.default:after {

  font-family: "entypo";

  content: '\e874';

  position: absolute;

  width: 100%;

  height: 100%;

  line-height: 100%;

  color: white;

  font-size: 30px;

  text-align: center;

}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    color: #AAAE39;

    background-color: transparent;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

	color: #cc3467;

	background-color: transparent;

}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

    color: #5A5A70;

}

.navbar-default .navbar-brand {

    color: #5A5A70;

}



h1 {

  font-family: 'Karma', serif;

  font-size: 32px;

  font-weight: 700;

  line-height: 34px;

}

h1.big {

  font-family: 'Karma', serif;

  font-size: 42px;

  font-weight: 400;

  line-height: 44px;

}

h2 {

  font-family: 'Karma', serif;

  font-size: 26px;

  font-weight: 400;

  line-height: 28px;

}

h3 {

  font-family: 'Karma', serif;

  font-size: 22px;

  font-weight: 400;

  line-height: 24px;

}

h4 {

  font-family: 'Karma', serif;

  font-size: 18px;

  font-weight: 400;

  line-height: 20px;

}

h5 {

  font-family: 'Karma', serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 18px;

}

h6 {

  font-family: 'Karma', serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 16px;

}





.widget.list ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.widget.list ul li {

	margin-bottom: 10px;

}

.widget.list ul a {

	font-family: 'Karma', serif;

	font-size: 16px;

	font-weight: 400;

	text-decoration: underline;

	color: #535368;

	width: 100%;

}



.widget.text .text-content {

  font-family: 'Karma', serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 23px;

}



.effect2:before, .effect2:after

{

  z-index: -1;

  position: absolute;

  content: "";

  bottom: 15px;

  left: 10px;

  width: 50%;

  top: 80%;

  max-width:300px;

  background: #777;

  -webkit-box-shadow: 0 15px 10px #777;

  -moz-box-shadow: 0 15px 10px #777;

  box-shadow: 0 15px 10px #777;

  -webkit-transform: rotate(-3deg);

  -moz-transform: rotate(-3deg);

  -o-transform: rotate(-3deg);

  -ms-transform: rotate(-3deg);

  transform: rotate(-3deg);

}

.effect2:after

{

  -webkit-transform: rotate(3deg);

  -moz-transform: rotate(3deg);

  -o-transform: rotate(3deg);

  -ms-transform: rotate(3deg);

  transform: rotate(3deg);

  right: 10px;

  left: auto;

}





.effect1:before, .effect1:after

{

  z-index: -1;

  position: absolute;

  content: "";

  bottom: 15px;

  left: 0px;

  width: 50%;

  top: 15px;

  max-width:300px;

  background: #777;

  -webkit-box-shadow: 0 -15px 10px #777;

  -moz-box-shadow: 0 -15px 10px #777;

  box-shadow: 0 -15px 10px #777;

  -webkit-transform: rotate(3deg);

  -moz-transform: rotate(3deg);

  -o-transform: rotate(3deg);

  -ms-transform: rotate(3deg);

  transform: rotate(3deg);

}

.effect1:after

{

  -webkit-transform: rotate(-3deg);

  -moz-transform: rotate(-3deg);

  -o-transform: rotate(-3deg);

  -ms-transform: rotate(-3deg);

  transform: rotate(-3deg);

  right: 10px;

  left: auto;

}





.pilar {

	background-color:#F8F8F8;

	border-top-width: 15px;

	border-top-style: solid;

	border-top-color: #cc3467;

	padding-top: 10px;

	position: relative;

}

.mainpilar {

	padding-top: 40px;

	padding-bottom: 50px;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	height:100%;

	border-top-color: #cacaca;

	border-bottom-color: #cacaca;

    background-image: url(../../es/assets/img/backgrounds/fondo_home.png);

  background-size: cover;

	

}

.main-footer {

	background: #cc3467;

	padding: 10px 0 0px;

	width: 100%;

	color: #FFF;

	position:relative;

}

h1, h2 {color:#cc3467;}



section a {

    color: #5a5a70;

    text-decoration: underline;

}



.wellcome p {

	font-size: 18px;

	margin: 20px 0;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #b3b3bd;

}

.ugr{ margin:10px 0;}

.main_menu {padding-bottom: 30px;}

.main_menu h3, .main_menu, .main_menu a {color:#cc3467 !important;}

.widget a {text-decoration: none !important;}

.widget a:hover {text-decoration: underline !important;}
.list-img-publicaciones {
  margin: 25px 0 25px 30px;
}
.list-img-publicaciones img {
  max-height: 140px;
}

@media (max-width:1170px){
  .list-img-publicaciones img {
  max-height: 100px;
}
}
@media (max-width:890px){
  .list-img-publicaciones img {
  max-height: 90px;
}
}

@media (max-width:767px){
  .list-img-publicaciones{display:none!important}
}

@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}