/* CSS Document */



/**************************************************



***************************************************/







/* HTML5-Hack Para IE6-8 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,

del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var,

b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {


  margin:0;

  padding:0;

  vertical-align:baseline;

}


ul {
    list-style: none;
}






/*

font-family: 'Source Sans Pro', sans-serif;

font-family: 'Rye', cursive;

font-family: 'Playfair Display SC', serif;

font-family: 'Roboto Condensed', sans-serif;

font-family: 'Playfair Display', serif;

font-family: 'Roboto', sans-serif;

font-family: ' Abrir Sans Condensed ', sans-serif ;

*/



/**********************************

 ATRIBUTOS GENERALES BBK

 **********************************/



html, body{

  display: block;

  background: rgb(186,192,196);

  height: 100%;



} 



div#pagina{

  display: block;

  width: 940px;

  padding: 20px 0px;

  min-height: 100%;

  height: auto;

  clear: both;

  margin: auto;

}



div.contenido{

  background: white;
em
  display: block;

  padding-bottom: 40px;

  border-bottom: 1px solid #959595;

}



div#push{

  height: 150px;

  display: block;

  clear: both;

}



p{

  font-family: arial;

  font-size: 12px;

  color: rgb(84,84,84);

  line-height: 17px;

  padding-bottom: 15px;

}



a{

  font-family: arial;

  font-size: 12px;

  color: rgb(84,84,84);

  text-decoration: none;

}



a.in-txt{

  color: rgb(51,150,216);

  font-family: arial;

  font-size: 11.5px;

  text-decoration: none;

}



#column2{

  column-count: 2;

  -webkit-column-count:2;

  -moz-column-count:2;

 }



 div.link-mas{

  width: 100%;

  border-top: 1px solid rgb(184,190,194);

  padding-top: 10px;

  margin-top: 15px;

 }



 div.link-mas a{

  font-family: 'Roboto Condensed', sans-serif;

  font-weight: 400;

  font-size: 12px;

 }



 div.link-mas a:hover{

  color: rgb(51,147,214);

 }



 span.link-next a{

  color: rgb(51,150,216);

  font-size: 11px;

  color: rgb(51,150,216);

  padding-bottom: 10px;
  margin-top: 10px;
  display: block;

 }



 /**********************************

 TITULARES

 **********************************/



 h3{

  font-family: 'Roboto', sans-serif;

  font-weight: 300;

  color: rgb(51,150,216);

  padding-bottom: 0px;

  padding-top: 12px;

  padding-left: 5px;

  font-size: 16px;

 }



 h4{

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  color: rgb(76,76,76);

  font-size: 13px;

  padding-bottom: 10px;

 }



 /************************************

 TITULOS PRINCIPALES - CONTENEDORES

 *************************************/



 div.titulos-principales{

  padding: 7px 12px;

  background: rgb(51,144,211);

 }



 div.titulos-principales h1{

  font-family: ' Abrir Sans Condensed ', sans-serif ;

  font-weight: 300;

  color: white;

  font-size: 20px;

  letter-spacing: 1px;

 }



/**********************************

 CONTENIDO

 **********************************/



 /*****************

 SEPARADORES

 ****************/



 div.separador{

  width: 100%;

  clear: both;

 }

 div.separador2{
  width: 100%;
  clear: both;
  display: block;
  border-bottom: 1px solid #f2f2f2;
  margin: 18px 0;
 }



 /*****************

 CLEAR

 ****************/



 div.clear-top{

  padding-top: 10px;

 }



 div.clear-left-right{

  padding: 0 7px;

 }



/*****************

 BBK GRID

 ****************/



.row {

  margin-left: -8px;

  *zoom: 1;

}



.row:before,

.row:after {

  display: table;

  line-height: 0;

  content: "";

}



.row:after {

  clear: both;

}



[class*="span"] {

  float: left;

  min-height: 1px;

  margin-left: 8px;

}



.container,

.navbar-static-top .container,

.navbar-fixed-top .container,

.navbar-fixed-bottom .container {

  width: 940px;

}



.span12 {

  width: 940px;

}



.span11 {

  width: 861px;

}



.span10 {

  width: 782px;

}



.span9 {

  width: 703px;

}



.span8 {

  width: 624px;

}



.span7 {

  width: 516px;

}



.span6 {

  width: 465px;

}



.span5 {

  width: 386px;

}



.span4 {

  width: 308px;

}



.span3 {

  width: 229px;

}



.span2 {

  width: 150px;
  overflow: hidden;

}



.span1 {

  width: 71.544px;

}



.offset12 {

  margin-left: 980px;

}



.offset11 {

  margin-left: 900px;

}



.offset10 {

  margin-left: 820px;

}



.offset9 {

  margin-left: 740px;

}



.offset8 {

  margin-left: 660px;

}



.offset7 {

  margin-left: 580px;

}



.offset6 {

  margin-left: 500px;

}



.offset5 {

  margin-left: 420px;

}



.offset4 {

  margin-left: 340px;

}



.offset3 {

  margin-left: 259px;

}



.offset2 {

  margin-left: 180px;

}



.offset1 {

  margin-left: 100px;

}



.row-fluid {

  width: 100%;

  *zoom: 1;

}



.row-fluid:before,

.row-fluid:after {

  display: table;

  line-height: 0;

  content: "";

}



/*****************

 HEADER

 ****************/



 header{

  width: 100%;

  display: block;

  background: url(../imagenes/fondo-header.jpg) repeat-x;

 }



 div.header_master{

  width: 940px;

  display: block;

  margin: auto;

 }



 div#social-comunity{

  width: 150px;

  height: 17px;

  padding-top: 12px;

 }



 div.recupero{

  height: 40px;

 }



 /************************

 SUB-MENU COLUMNA LATERAL

 ************************/



.submenu{

  font: 15px/25px "Helvetica Neue", sans-serif;

  color: #596270;

}



.submenu ul {

    list-style: none;

    border-top: 1px solid #edeff2;

  }



.submenu li {

    border-bottom: 1px solid #edeff2;

  }

.submenu li.active {

          border-bottom: 1px solid #a4acbb;

      }

.submenu li a {

    display: block;

    padding: 8px 15px;

    

    font-size: 13px;

    line-height: 18px;

    text-decoration: none;

    color: #7a818d;

  }

.submenu li a:hover {

      background: #3496d9;

      color:white;

    }

.submenu li a.active{

      background: #3496d9;

      color:white;

}



.submenu li a.sub-category{

  padding-left: 24px;

  font-size: 11.4px;

}



.submenu li a.sub-category:hover{

  background:none;

  color: #3493D6

}



.submenu li a#sub-active{

      color: #3493D6;

}



 /************************

 MENU DE DESCARGAS

 ************************/



.submenu-descargas{

  font-family: 'Roboto Condensed', sans-serif;

  color: #596270;

}



.submenu-descargas ul {

    list-style: none;

    border-top: 1px solid #edeff2;

  }



.submenu-descargas li {

    border-bottom: 1px solid #edeff2;

  }

.submenu-descargas li.active {

          border-bottom: 1px solid #a4acbb;

      }



.submenu-descargas li a {

    font-family: 'Roboto Condensed', sans-serif;

    font-weight: 400;

    display: block;

    padding: 6px 15px;

    font-size: 12px;

    line-height: 18px;

    text-decoration: none;

    color: #7a818d;

  }

.submenu-descargas li a:hover {

      background: #3496d9;

      color:white;

    }

.submenu-descargas li a.active{

      background: #3496d9;

      color:white;

}



.submenu-descargas li a.sub-category{

  padding-left: 24px;

  font-size: 11.4px;

}



.submenu-descargas li a.sub-category:hover{

  background:none;

  color: #3493D6

}



.submenu-descargas li a#sub-active{

      color: #3493D6;

}



/*****************

 MENU





 nav{

  width: 480px;

  display: block;

 }



 nav ul{

  padding-top: 20px;

 }



  nav ul li{

  display:inline;

  padding:0px 15px 0px 15px;

}



 nav ul li a{

  color: white;

  font-size: 12px;

  font-weight: bold;

}



nav ul li a:hover{

  color:rgb(51,149,216)

}



 ****************/



/*****************

 ULTIMAS NOTICIAS

 ****************/



 div.noticias{

  margin-top: 5px;

  position: relative;

 }



 div.tittle-news{

  height: 30px;

  background: #3496D9;

  width: 100%;

  }



  div.tittle-news h4{

    font-family: arial;

    font-size: 12px;

    color: white;

    font-weight: normal;

    padding-top: 8px;

    padding-left: 15px;

  }



  div.seccion-noticias{

    margin-top: 5px;

  }



  div.tittle-principal{

    height: 30px;

    background: #3496D9;

    width: 219px;

    position: absolute;

    z-index: 100;

  }



  div.tittle-principal h4{

    font-family: arial;

    font-size: 12px;

    color: white;

    font-weight: normal;

    padding-top: 8px;

    padding-left: 15px;

  }



  div.titular{

    height: 30px;

    background: #3496D9;

    width: 100%;

    position: absolute;

    z-index: 100;

  }



  div.titular h4{

    font-family: arial;

    font-size: 12px;

    color: white;

    font-weight: normal;

    padding-top: 8px;

    padding-left: 15px;

  }



  div.resumen h4{

    font-family: ' Abrir Sans Condensed ', sans-serif ;

    font-weight: 700;

    font-size: 14px;

    padding-bottom: 10px;

  }



  div.resumen{

    background: white;

    padding: 20px 15px;

    width: 436px;

  }



  div.resumen p{

    font-size: 12px;

  }



  div.ver-mas{

    background: white;

    padding: 6px 15px;

    width: 436px;

    border-top: 1px solid gray;

  }



  div.ver-mas a{

    font-size: 11px;

  }



 /*****************

  QUE ES CELIV

 ****************/



 ul.botonera-contenido{

  width: 100%;

  background: black;

  height: 18px;

  padding: 9px 0px;

 }



ul.botonera-contenido li{

  display:inline;

  padding:9px 15px 10px 15px;

}



 ul.botonera-contenido li a{

  color: white;

  font-size: 12px;

}



 ul.botonera-contenido li:hover{

  background: #3494d7;

}



/*******************

  EQUIPO DE TRABAJO

 ******************/



 div.tittle-equip{

  background: rgb(51,149,216);

  padding: 5px 10px;

  width: 211px;

  color: white;

  font-size: 12.5px;

  font-family: 'Roboto', sans-serif;

  font-weight: 300;

 }



 span.nombre{

  padding-top: 7px;

  font-family: 'Roboto', sans-serif;

  font-weight: 500;

  font-size: 12px;

  color: rgb(76,76,76);

 }



 span.mail{

  color: rgb(51,150,216);

  font-size: 11px;

  color: rgb(51,150,216);

  padding-bottom: 10px;

 }



 /***********************************

  PUBLICACIONES Y RECURSOS MULTIMEDIA

 ************************************/



 ul.estructura-list{

  padding-bottom: 15px;

 }



 ul.estructura-list li{

  padding-top: 7px;

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

  font-size: 11.5px;

  color: rgb(76,76,76);

 }



 span.item{

  color: rgb(51,150,216);

  font-family: 'Roboto', sans-serif;

  font-weight: 300;

  font-size: 14px;

  display: inline-table;

 }



/*************************************

  CONTENIDOS - DESCARGAS

 ************************************/



 a.links-descargas{

  color: rgb(51,150,216);

  font-size: 12px;

  color: rgb(51,150,216);

  padding-top: 8px;

  padding-left: 5px;

  display: block;

 }



a.links-descargas:hover{

  text-decoration: underline;

 }



 /*****************

  AREAS DE TRABAJO

 *****************/



 div.columna-lateral{

  margin-top: 14px;

 }



 div.menu-descargas{

  margin-top: 0px;

 }



/*****************

  NOTICIAS

 ****************/



 div#portada{

  position: relative;

  width: 100%;

  height: 214px;

 }



 div#titulos{

  padding: 15px 10px;

  top:130px;

  right: 15px;

  position: absolute;

  background: rgba(0,0,0,0.5)

 }



 div#titulos h1{

  font-family: ' Abrir Sans Condensed ', sans-serif ;

  font-weight: 300;

  color: white;

  font-size: 18px;

 }



 div#titulos h6{

  font-family: ' Abrir Sans Condensed ', sans-serif ;

  font-weight: 300;

  color: rgb(51,145,211);

  font-size: 11px;

 }



 /*****************

  FOOTER

 ****************/



 footer{

  width: 100%;

  background:rgb(43,61,79);

  padding: 15px 0px;

  position: fixed;

  bottom: 0px;

  margin-top: 80px;

  z-index:999;

 }



 div.footer-master{

  width: 940px;

  height: 70px;

  display: block;

  position: relative;

  margin: auto;

 }



 div#logo-untref{

  float: left;

 }



 div.menu-list{

  position: absolute;

  left: 380px;

 }



 div.menu-footer{

  float: left;

  padding-left:30px;

  min-height: 1px;

     list-style: none;

 }

div.menu-footer ul{

    list-style: none;

}




div.menu-redes{

  position: absolute;

  right: 0px;

 }



 div.menu-footer h5{

  color: #7BABDA;

  font-size: 11px;

  font-family: arial;

  font-weight: normal;

 }



 div.menu-footer a{

  color: white;

  font-size: 9px;

  font-family: 'Roboto', sans-serif;

  font-weight: 300;

 }



 div.menu-footer a:hover{

  text-decoration: underline;

 }



 div.redes-sociales{

  float: left;

  margin-left: 5px;

 }

 h3.titulo-equipo{
  padding-left: 10px;
  padding-top: 25px;
 }


/*****************

  CONTENIDOS

 ****************/


span.link-fantasma{
  display: inline-block;
  color: rgb(51, 150, 216);
  cursor: pointer;
}

span.link-fantasma:hover{
  color: white;
}