/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
}

/*header*/
#head-no-home{
  height: 90px;
  overflow: hidden;
}
#head-no-home img{
   min-height: 100%;
  min-width: 100%;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  /*top: 0;*/
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 600px;
  /*margin-bottom: 60px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 600px;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 600px;
}

.carousel-fade .carousel-inner > .item {
    transition-property: opacity;
}
.carousel-fade .carousel-inner > .item,
.carousel-fade .carousel-inner > .item.active.left {
    opacity: 0; min-height: 600px;
}
.carousel-fade .carousel-inner > .item.active,
.carousel-fade .carousel-inner > .item.next.left {
    opacity: 1;
}
.carousel-fade .carousel-inner > .next,
.carousel-fade .carousel-inner > .prev,
.carousel-fade .carousel-inner > .active.left,
.carousel-fade .carousel-inner > .active.right {
    left: 0;
}
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right,
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
    transform: translate3d(0, 0, 0);
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}
@media (max-width: 800px) {
  .carousel-inner > .item > img {
    min-height: 300px;
  }
  .carousel-inner{
    height: 300px;
  }
    .carousel{
      height: 300px;
    }
}
@media(max-width: 600px){
  .carousel-inner > .item > img {
    min-height: 200px;
  }
  .carousel-inner{
    height: 200px;
  }
  .carousel{
    height: 200px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

/*dropdown on hover*/
li.dropdown:hover > .dropdown-menu {
    transition: all .5s ease-in-out;
    display: block;
}
li.dropdown:last-child:hover ul{ /* fix the issues */
    right: 0;
}

/*NAV LOGUED USER*/
#nav-logued-user{
  margin-top: 50px;
}

/*NAV UTILITIES*/
#menu-inst{
  text-shadow: 0 1px 3px rgba(0,0,0,.5) !important;
}
#menu-inst > .navbar-nav > li > a{
    font-size: 16px;
    font-weight: bold;
    color: rgba(255,255,255,.75);
    border-bottom: 2px solid transparent;
    transition: all .5s ease-in-out;
}
#menu-inst > .nav > li > a:hover, #menu-inst > .nav > li > a:focus, #menu-inst > .nav > li.active a {
    text-decoration: none;
    background-color: transparent;
    color: #fff!important;
    border-bottom-color: #fff !important;
    transition: all .5s ease-in-out;
}
.masthead-brand {
    margin-top: 10px;
    margin-bottom: 10px;
  color: #fff!important;
  text-shadow: 0 1px 3px rgba(0,0,0,.5) !important;
}

/*NAV INSTITUCIONAL*/
#navbar-institucional{
    border-radius: 0;
    border-color: transparent;
    min-height: auto;
}
#menu-institucional .nav > li > a:hover,#menu-institucional .nav > li > a:active, #menu-institucional .nav > li > a:focus, #menu-institucional .nav .dropdown-menu > li > a:hover, #menu-institucional .nav .dropdown-menu > li > a:focus{
    background-color: #fff;
    color: #000;
}
#menu-institucional .nav > li > ul {
  background: #fff;
}
#menu-institucional .dropdown-menu{
  top: 95% !important;
  transition: all .5s ease-in-out;
  box-shadow: none;
}
#menu-institucional li a{
  color: #0c0c0c;
}
.modal-home{color: #000;}
.modal-title{text-align: center;}
.modal-home a{text-decoration: none;}
.modal-body img{width: 100%;}
.modal-entradilla{margin-top: 10px;}

.respuestas {border-bottom: 1px dotted #999; margin-bottom: 5px;}
.respuestas li { margin-bottom: 10px; padding: 5px 0;}
.img-foros{
  float: left;
  margin: 0 15px 1px 0;
  text-align: center;
}
.img-foros img{width: 400px; height: 300px;}
.respuesta-content{
  text-align: left;
}
.ft-foro{min-height: 350px;background-color: #f5f5f5;
padding: 10px;
margin-bottom: 5px;}
.ft-foro2{height: auto; background-color: #f5f5f5;
padding: 10px;
margin-bottom: 5px;}
.btn-comentar{text-align: center;}

/********************************************* Estilos Internas *********************************************/
/********************************************* Default */
.contenedor_img_default{text-align: center;}
.contenedor_img_default img{margin: 10px auto;}
.div_pie_default{margin: 0px auto 5px;}

/********************************************* Lista con Resumen */
.posts .post{margin:0 0 20px; overflow:hidden; border-bottom:3px solid #DBDBDB;}
.posts .last{margin:0;}
.posts .post .post-title{ margin:0 0 10px;}
.posts .post .post-title h2{margin:0; font-size:18px; font-weight:bold;}
.posts .post .post-title h2 a{}
.posts .post .post-title .subtitulo{font-size:14px;}
.posts .post .post-content{ overflow:hidden;}
.posts .post .post-content .post-image{float:left; margin:0 10px 10px 0; width: 150px;}
.posts .post .post-content p{font-size:15px; margin-right: 80px;}
.posts .post .post-content .more{font-size:14px; overflow:hidden; margin-right: 0px;}
.posts .post .post-content .more a{background-color: #666; color:#ffffff; display: block; padding: 5px 10px; float:right; text-decoration:none; text-transform:uppercase;}

/********************************************* Lista con Contenido */
#lista_resumen_contenidos li {float: left; padding: 15px 0 20px 0; position: relative; width: 100%; list-style:none; border-bottom: 3px solid #DBDBDB;}
#lista_resumen_contenidos .liFirst { background: none; border-top: none; padding-top: 0;}
#lista_resumen_contenidos .lrc-encabezado { padding: 0 0 10px 0px;}
#lista_resumen_contenidos .s_antetitulo { font-style: italic; font-weight: bold;}
#lista_resumen_contenidos .s_titulo { }
#lista_resumen_contenidos .s_titulo a { display: block; padding: 2px 0 2px 0px; text-decoration: none; font-size: 18px;}
#lista_resumen_contenidos .s_titulo a:hover, #lista_resumen_contenidos .s_titulo a:focus, #lista_resumen_contenidos .s_titulo a:active {text-decoration: underline;}
#lista_resumen_contenidos .s_subtitulo { background: transparent; font-weight: bold; margin: 0; padding: 0px;}
#lista_resumen_contenidos .lrc-cuerpo { padding: 0px;}
#lista_resumen_contenidos .s_fecha { float: left; line-height: 1.5; margin: 0; padding: 0 5px 0 0;}
#lista_resumen_contenidos .listaEntradilla { font-size: 1em; line-height: 1.5; text-align: left;}
#lista_resumen_contenidos .listaEntradilla p{ margin-right: 80px;}
#lista_resumen_contenidos .imgLink { float: left; margin: 0 15px 1px 0; text-align: center;}
#lista_resumen_contenidos img {display: block; line-height: 0;  width: 150px;}
#lista_resumen_contenidos .dVermas { background-color: #666; color:#ffffff; display: block; padding: 5px 10px; float:right; text-decoration:none; text-transform:uppercase;}
#lista_resumen_contenidos .dVermas:hover { text-decoration: underline;}

/********************************************* Descargar Archivo */
.btn-descarga{float: right; }
.frm-descarga{border-bottom: #DBDBDB 5px dotted; padding: 3px; min-height: 70px;}
.entradilla{margin-bottom: 10px;}

/********************************************* Lista en Cuadros */
.lista-cuadros-tabla{display: table;}
.lista-cuadros{background-color: #F5F5F5; padding: 10px; margin-bottom: 10px; float: none; vertical-align: top;}
#equalheight {
    overflow: hidden;
}
.demo{ margin-bottom: -99999px; padding-bottom: 99999px; background-color:#efefef; border: 5px #fff solid; padding-top: 10px;}

/********************************************* Galeria de Fotos */
#galeria_foto{min-height: 190px; text-align: center; border: 1px solid #ddd; margin-bottom: 5px;}

#galeria_foto img { display: block; margin: 0px auto 10px;}
.imgGaleria{height: 150px; margin-top: 5px;}
.linkInfo{ width: 80%; margin: 10px auto; }

.linkInfo a{ text-align: center; text-decoration: none; margin: 0 auto; background-color: #f5f5f5; padding: 5px; border-radius: 0.4em; color: #000;}
.linkInfo a:hover{ background-color: #999; }

#galeria_foto .comentario a { color: #000; font-weight: bold; text-decoration: none;}

/* Estilos Lightbox */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 600; text-align: center; line-height: 0;}
#lightbox a img { border: none;}

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer { padding: 10px;}

#lightbox #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer > #hoverNav {left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../images/lightbox/blank.gif) no-repeat;
  /* Trick IE into showing hover */ display: block;}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../../../js/themes/lightbox/prevlabel.gif) no-repeat left 15%;}
#nextLink:hover, #nextLink:visited:hover { background: url(../../../../js/themes/lightbox/nextlabel.gif) no-repeat right 15%;}

#imageDataContainer { font: 0.6em Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.5;}
#imageData {padding: 0 10px; color: #666;}
#imageData #imageDetails { width: 70%; float: left; text-align: left;}
#imageData #caption { font-weight: bold;}
#imageData #numberDisplay {display: block; clear: left; font-weight: bold; padding-bottom: 1.0em;}
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em;}

#overlay { position: absolute; top: 0; left: 0; z-index: 600; width: 100%; height: 500px; background-color: #000;}

.lbWidth {position: absolute; top: 0px; left: 0px; width: 100%; min-width: 100px;}

* html .lbContent { /* IE6 */ margin-left: -790px; position: relative;}
* html .lbMinWidth {/* IE6 */ padding-left: 790px;}

/* Clearfix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*.clearfix {display : inline-block}*/
/* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix { display: block;}

/********************************************* Galeria de Video */
@media (max-width: 900px) {
  #galeria_audio_video iframe{width: 200px !important;}
}
#galeria_audio_video iframe{width: 100% !important; height: 200px;}
#galeria_audio_video li{list-style:none; border: 0;}
#galeria_audio_video .thumbnail{border: 0; margin-bottom: 5px;}
#titulo_videos{margin-bottom: 10px;}
.video-interna{overflow: hidden;}
.video-interna iframe{width: 100%;}
.video_item {
    display: none;
    width: 100%;
    position: relative;
}
.video_item:first-child {
    display: block;
}
.img_item_video .img_default_lista_video2 {background-image: url("../images/multimedia/play_img_default.png"); background-repeat: no-repeat; height: 180px; width: 240px;}

/********************************************* Galeria de Audios */
.object{text-align: center; height: 70px; margin-bottom: 10px;}
.galeria_audio_li{padding-bottom: 10px;}
.linkEscuchar{background-color: #666; color: #ffffff; display: block; padding: 5px 10px; float: right; text-decoration: none; text-transform: uppercase;}
.box-audio{border: 1px solid #ddd; margin-bottom: 10px; padding-top: 10px;}
.box-listen{margin-top: 1%;}
.box-audio a:hover{text-decoration: none; color: #ccc;}

/********************************************* Url Externa con Marco */
.logo-url-externa { margin: 20px 0; float: left;}
.map-externa { float: right; margin: 30px 20px 0; font-size: 18px; color: #999;}
.map-externa p > a{text-decoration: none;}