/* Fonts fonts fun */
@font-face {
    font-family: Akzidenz;
    src: url(../fonts/akzidenz.ttf);
}
@import 'https://fonts.googleapis.com/css?family=Roboto:400,500,900';

html,body {
  height:100%;
}

body {
  font-family: 'Roboto', sans-serif !important;
	background-color: white;
  font-size: 1em;
}

hr { 
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

h2 {
  font-size: 3.2em;
  color: black !important;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  padding-bottom: 15px
  }

 p {
  font-size: 1.35em;
  margin: 20px 0px;
  }
  
 p-cro {
  font-size: 1.35em;
  margin: 0px 0px;
  }

  .destacado {
    font-size: 2em;
    font-weight:900;
  }

header {

}
header img {
width: 112px;
margin-top:-6px
}

header img:hover {
opacity:0.7;
filter: alpha(opacity=70); /* For IE8 and earlier */

}
.menu-principal {
    margin: 30px 70px 30px 15px;
}
.menu-principal a {
  font-family: "Akzidenz", sans-serif;
  font-size: 2.3em;
  color: black !important;
  margin: 0 16px;
}
.menu-principal a:hover, .menu-principal a:active, .menu-principal a:focus {
 color: red !important;
}

.current {
 color: red !important;
}

section {
	background-color: #f1ecff;
  padding-top: 50px
}

.fondo-home {
	background: url("../img/home_ccc.jpg") no-repeat center fixed;
  background-size: cover;
  height:100%;

}
.transparente {
background-color: transparent !important;
border-color: transparent !important;
}



/* Menu izquierdo! */
.navbar-fixed-left {
  width: 140px;
 position: fixed;
 border-radius: 0;
  height: 100%;
}

.navbar-fixed-left .navbar-nav > li {
  float: none;
  width: 139px;
}

.navbar-fixed-left + .container {
  padding-left: 160px;
}

.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
  margin-top: -50px;
  margin-left: 140px;
}

.menu-vertical {
  font-size: 1.4em;
  margin: 20px 60px
}

.menu-vertical-activo, .menu-vertical-activo:hover, .menu-vertical-activo:focus,  .menu-vertical-activo:active  {
  background-color: red !important;
  color: white !important;
}

.navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
}

.nav li > a {
  display: inline-block !important
}

.contacto {
  margin-top:15em;
}

.menu-vertical a {
    color: #676767;
    margin: 2px -13px !important;
}


/* Congreso transversal actividades */
.panel {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}

.panel-default > .panel-heading {
    background-color: transparent;
    border-color: transparent;
    color: black;
}

.panel-title {
    font-size: 3em !important;
    font-weight: 900;
}
.panel-title a:hover, .panel-title a:active, .panel-title a:focus{
    text-decoration: none !important;
    color: red !important;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none !important;
    font-size: 1.5em;
}


footer {
  background-color: black;
  color: white;
  padding:20px;
  height: 100px
}