body{ background: #EEE; font-family: 'Roboto', sans-serif; overflow-x: hidden }
.hind{ font-family: 'Hind', sans-serif; }
.roboto{ font-family: 'Roboto', sans-serif !important; }
body.home{ /*height: 100%; overflow:hidden;*/ }

body.home.error-404{
  background: url(../images/img-error-404.jpg) no-repeat center center;
  background-size: cover; height:calc(100vh); overflow: hidden; color: #FFF;
}
body.home.error-404 h1{ font-size: 205px; font-weight: bold; color: rgba(255,255,255,0.2); }
body.home.error-404 h2{ font-size: 30px; font-weight: bold; color: #FFF; }

#main-content{ /*height:calc(100vh);*/ padding-top: 0px; }
body.home #main-content{ padding: 0px; }
body::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
body::-webkit-scrollbar{ width: 6px; background-color: #F5F5F5; }
body::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }

body.home #main-content{ position: relative; width: 100%; height:calc(100vh); /*padding-top: 105px;*/ }
body.home #main-content::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
body.home #main-content::-webkit-scrollbar{ width: 6px; background-color: #F5F5F5; }
body.home #main-content::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #555; }

.form-control.error{ border-color: #eca8a8; }
.btn-success{ background: #5BB75B; position: relative; }
.btn-success:after{
  content: ""; background: url(../images/flecha-verde.png) no-repeat right bottom; width: 22px; height: 22px; position: absolute; top: calc(100% - 26px); left: calc(100% - 26px);
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
.btn-success:hover, .btn-success:focus{ background: #225836; border-color: none; text-shadow: none; color: #FFF; box-shadow: none; border-color: #FFF; }
.btn-success:hover:after{ content: ""; background: url(../images/flecha-verde.png) no-repeat right bottom; width: 22px; height: 22px; position: absolute; top: calc(100% - 22px); left: calc(100% - 22px); }

.btn-success.btn-xs:after{
  content: ""; background: url(../images/flecha-verde.png) no-repeat right bottom; width: 15px; height: 15px; position: absolute; top: calc(100% - 17px); left: calc(100% - 17px);
  background-size: 15px;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.btn-light{ text-shadow: none; background: transparent; border: solid 1px #FFF; border-radius: 0px; color: #FFF; position: relative; }
.btn-light:after{
  content: ""; background: url(../images/flecha-blanca.png) no-repeat right bottom; width: 22px; height: 22px; position: absolute; top: calc(100% - 26px); left: calc(100% - 26px);
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}
.btn-light:hover, .btn-light:focus{ background: rgba(0,0,0,0.3); border-color: none; text-shadow: none; color: #FFF; box-shadow: none; border-color: #FFF; }
.btn-light:hover:after{ content: ""; background: url(../images/flecha-blanca.png) no-repeat right bottom; width: 22px; height: 22px; position: absolute; top: calc(100% - 22px); left: calc(100% - 22px); }

.btn-dark{ text-shadow: none; background: transparent; border: solid 1px #9c9c9c; border-radius: 0px; color: #525252; position: relative; }
.btn-dark:hover, .btn-dark:focus{ background: rgba(0,0,0,0.3); border-color: none; text-shadow: none; color: #FFF; box-shadow: none; border-color: #FFF; }

.row-eventos{ background: #474E54; }
.bx-wrapper{ border: none !important; margin: 0px !important; }
#featured .slider-item .titulo{ position: absolute; top: 30%; font-size: 40px; color: #FFF; }
#featured .slider-item .titulo span{
  border: solid 1px #FFF; padding: 10px 20px; font-size: 13px; font-weight: normal;
  text-transform: uppercase; margin-left: 10%;
}
#featured .slider-item .titulo span:hover{ background: rgba(0,0,0,0.3); }

/** ########## MENU  ################### */
.div-navbar { height: 70px; background: rgba(0,0,0,0.5); position: absolute; top: 0px; z-index: 2; width: 100%; }
.div-navbar .div-logo{ padding-bottom: 10px; padding-top: 10px; box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.5); background: #FFF; }

.menu{ margin: 0px auto !important; }
.menu a{ line-height: 12px; font-size: 12px; color: #FFF; display: inline-block; margin: 0px 7px; }
.main-menu{ }
.main-menu li{
  display: inline-block; margin: 0px; line-height: 15px; width: calc(100%/7);
  text-align: center; vertical-align: top; padding: 13px 0px; height: 70px; position: relative;
}
.main-menu li:hover{ background: #006926; }
.main-menu li div.menu-nivel-1{
  height: 0px; overflow: hidden; position: absolute; left: 0px; z-index: 3;
  top: 100%; background: #006926;
}
.main-menu li a span{
  display: inline-block; vertical-align: middle; width: 70%;
  font-weight: normal; text-align: center; color: #d0d0d0;
}

.main-menu div.menu-nivel-1 h5{ margin: 10px 0px; text-transform: uppercase; }
.main-menu div.menu-nivel-1 a.link{
    font-size: 12px; line-height: 12px; margin: 0px; /*padding-left: 10px;*/ position: relative;
    width: 150px;
}
.main-menu div.menu-nivel-1 a.link:hover{ background:#034a1d; text-decoration: none; }

.main-menu li > a{ width: 100%; margin: 0px; padding: 10px 0px; }
.main-menu li:hover div.menu-nivel-1{ height: auto; }
.main-menu li:hover a{ border: none; }
.main-menu li:hover a span{ color: #FFF; }
.main-menu li:first-child{ margin-left: 0px; }
.main-menu li:first-child a{ border-left: none; }

.menu-pilares{ 
  height: 70px;
  position: absolute;
  right: 0;
  display: table;
  z-index:3;
  top: 0; 
  max-width: 250px;
  min-width: 240px;
}
.menu-pilares a{
  width: 100%;
  display: inherit;
  height: 70px;
  color: #FFF;
  padding-left: 60px;
  background: url(../images/icono-pilares.jpg) no-repeat 5px center #006926;
  cursor: pointer;
}
.menu-pilares a span{ display: table-cell; vertical-align: middle; font-weight: lighter; line-height: 15px; }
.menu-pilares a:hover{ text-decoration: none; }
.menu-pilares div.submenu{ margin-top: -800px; display: inherit; background: #006926; }
.menu-pilares div.submenu.active{ margin-top: 0px; }

.menu-pilares div.submenu .pilar{ height: 50px; width: 205px; padding-left: 55px; }
.menu-pilares div.submenu .pilar:hover{ background-color: #004F1C !important }

.pilares-interior{
  background: url(../images/icono-pilares-dark.png) no-repeat 10px center #F9F9F9; font-weight: lighter; box-shadow: 0px 4px 10px 3px rgba(0,0,0, 0.1);
  margin-top: 50px; padding: 20px; border-radius: 7px; padding-left: 60px; line-height: 18px; font-size: 18px;
}
.pilares-interior .separe{ border-right: solid 1px #a2a0a0; }
.pilares-interior .item{ display: inherit; height: 36px; width: 50px; display: inline-block; }
.pilares-interior .item span{ display: table-cell; vertical-align: middle; font-weight: lighter; line-height: 15px; opacity: 1; }
.pilares-interior .item span:hover{ opacity: 1; }

.div-registrar{ background: rgba(0,0,0,0.8); border-bottom: solid 4px #57B856; margin-top: -60px; }
.div-registrar .titulo{
  background: url(../images/icono-mensaje.png) no-repeat 3px center; padding: 10px 10px 10px 50px;
  color: #FFF; line-height: 15px; font-weight: bold;
}
.div-registrar .titulo.descarga{
  background: url(../images/icono-descarga.png) no-repeat 3px center; padding: 10px 10px 10px 45px;
  color: #FFF; line-height: 15px; font-weight: bold; font-size: 13px;
}
.div-registrar .btn-default{ background: transparent; border: solid 1px #FFF; border-radius: 0px; color: #FFF; }
.div-registrar .btn-default:hover{ background: #5a5757; }
.div-registrar .gracias h3{ color: #53B951; }
@media (max-width: 1200px) {
  .menu-pilares {
    max-width: 230px;
    min-width: 200px;
  }
}
/* ##################################### */

/** ESTILOS DE LINEA ROJA **/
.b-line-30:after { content: ""; border-bottom: solid 4px #037730; width: 30%; position: absolute; bottom: 1px; left: 30px; }
.b-line-100:after { content: ""; border-bottom: solid 4px #006926; width: 100%; position: absolute; bottom: 1px; left: 0px; }
.border-line-100{ border-bottom: solid 3px #006926; width: 100%; padding-bottom: 10px; }

.pilares-home{ background: #F9F9F9; }
.pilares-home .title{
  color: #353434; font-size: 30px; border-radius: 10px 10px 0px 0px; padding: 25px 30px; margin-top: -92px;
  background: url(../images/icono-pilares.png) no-repeat 97% center #F9F9F9;
}
.pilares-home .title:after{ border-color: #006926; }
.pilares-home.interna .title{
  color: #353434; font-size: 25px; line-height: 42px; border-radius: 10px 10px 0px 0px; padding: 25px 30px; margin-top: -92px;
  background: url(../images/icono-pilares.png) no-repeat 95% center #F9F9F9;
}
.pilares-home .subtitle{ color: #777777; font-size: 15px; }
.pilares-home .content .pilar{
  display: inline-block; width: 18%; margin: 0.5%; box-shadow: 0px 4px 10px 3px rgba(0,0,0, 0.1); margin-bottom: 10px;
  border-radius: 5px; background: url(../images/bg-home-pilar.png) no-repeat center center #FFF; height: 170px; vertical-align: top;
}
.pilares-home .content .pilar a{ padding: 30px 12px; display: inline-block; }
.pilares-home .content .pilar img{ opacity: 0; height: 65px; }
.pilares-home .content .pilar:hover{ background: url(../images/bg-hover-pilar.png) no-repeat center center !important; background-size: cover !important; color: #FFF; }
.pilares-home .content .pilar:hover a div{ color: #FFF; }
.pilares-home .content .pilar:hover img{ opacity: 1; background: transparent !important; }
.pilares-home .content .pilar:hover span{ background: transparent !important; }
.pilares-home .content .pilar a{ text-decoration: none; text-align: center; }
.pilares-home .content .pilar a div{ font-weight: bold; text-transform: uppercase; color: #353434; line-height: 14px; margin-top: 10px; }

/** HOME STYLES **/
.block-home-1{ width: 49%; display: inline-block; vertical-align: top; }
.block-home-2{ width: 50.7%; display: inline-block; vertical-align: top; }
.block-home-2 a{ display: block; }

/*********** NOTICIAS **************/
.item-noticia{ overflow: hidden; /*min-height: 250px;*/ max-height: 711px;  }
.item-noticia:hover .corta{ height: 55px !important; }
.item-noticia.principal:hover .corta{ height: 40px !important; }
.item-noticia:before{
  content: ""; width: 100%; height: 100%; position: absolute; background: url(../images/bg-noticia.png) repeat-x center bottom; opacity: 0.7;
  -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;
}
.item-noticia:hover:before{ opacity: 1; }
.item-noticia .info{ position: absolute; bottom: 0px; width: 100%; left: 0px; padding: 0px 20px 20px 20px; z-index: 2; }
.item-noticia .info span.categoria{
  background: #006926; color: #FFF; padding: 5px 10px; font-size: 11px;
  text-transform: uppercase; margin-bottom: 5px; display: inline-block;
}
.item-noticia .info span.categoria.convocatorias{ background: #037730; }
.item-noticia .info .titulo{ color: #FFF; font-weight: bold; font-size: 18px; line-height: 19px; }

/** PROYECTOS **/
.proyecto{ display: inline-block; position: relative; width: 23.8%; margin: 0.5%; }
.proyecto .title{
  background: rgba(0,0,0, 0.7); position: absolute; bottom: 0px;
  width: 100%; padding: 15px 10px; color: #FFF; font-size: 12px;
}
.proyecto .title .mas{ background: #5BB75B; color: #FFF; padding: 5px 10px; font-weight: normal; font-size: 10px }
.proyecto .title .mas:hover{ background: #3f793f; text-decoration: none; }

.bloque-proyectos .item-proyecto span.categoria.ejecutado,
.titulo-categoria-evento.ejecutado{ background: #00772B !important; }
.bloque-proyectos .item-proyecto span.categoria.en-formulacion,
.titulo-categoria-evento.en-formulacion{ background: #FFF000 !important; color: #1b1b1b !important; }
.bloque-proyectos .item-proyecto span.categoria.en-ejecucion,
.titulo-categoria-evento.en-ejecucion{ background: #EB0000 !important; }
.bloque-momentos{ background: url(../images/row-bg-fecha.png) repeat-x left 87.5%  #F6F6F6; }
.bloque-momentos h3{ color: #888888; }
.bloque-momentos .momento{ }
.bloque-momentos .momento .contenido{ height: 220px; background: #FFF; color: #525252; padding: 15px; border-radius: 7px; font-size: 12px; line-height: 14px; box-shadow: 0px 4px 10px 3px rgba(0,0,0, 0.1); }
.bloque-momentos .momento .contenido .titulo{ color: #000; }
.bloque-momentos .momento .fecha{ font-weight: 900; font-size: 11px; }
.bloque-momentos .momento .fecha span{
    background: #79B479; color: #FFF; width: 24px; height: 24px; margin-bottom: 5px; font-weight: normal;
    border-radius: 12px; font-size: 12px; display: block; line-height: 24px; margin: 0px auto 5px;
}
.bloque-momentos .carousel-control.left{ background: transparent !important; left: -90px; }
.bloque-momentos .carousel-control.right{ background: transparent !important; right: -90px }

/** ESTADISTICAS STYLE **/
.estadisticas{
  background: url(../images/bg-estadisticas.jpg) no-repeat center top;
  background-size: cover;
}
.estadisticas .item-borde{ border: solid 1px #FFF; }
.estadisticas .todas:hover{ background: rgba(56, 117, 48, 0.70); text-decoration: none; }

/** ALIADOS **/
.aliados .item{ display: inline-block ;}

/*** SECCIONES INTERNAAS **/
.div-bigtitle{ margin-top: 60px; font-size: 45px; }

/*** MULTIMEDIA CSS */
.bloque-categorias .item{ background: #F9F9F9; border-radius: 10px; position: relative; box-shadow: 0px 4px 10px 3px rgba(0,0,0, 0.1); margin-bottom: 30px; height: 200px; }
.bloque-categorias .item img{ max-height: 80px; }
.bloque-categorias .item .nombre{ font-weight: bolder; width: 80%; margin: 10px auto; line-height: 16px; text-decoration: none; color: #545454; }
.bloque-categorias .item div.cantidad { position: absolute; bottom: 5px; width: 94%; background: #87B868; color: #FFF; border-radius: 0 0 7px 7px; padding: 5px; font-size: 13px; left: 3%; }
.bloque-categorias .item div.cantidad span{ vertical-align: middle; }
.bloque-categorias a:hover{ text-decoration: none; }
.bloque-categorias a:hover .cantidad{ background: #557342; }

.multimedia .imagen-documento{ padding: 100px 0px; }
.multimedia .imagen-documento.gratis{ background: url(../images/bg-doc-gratis.jpg) no-repeat center top; background-size: cover; }
.multimedia .imagen-documento.premium{ background: url(../images/bg-doc-premium.jpg) no-repeat center top; background-size: cover; }
.multimedia .imagen-documento .modo{
  background: url(../images/tag-premium.png) no-repeat right center; color: #828282; height: 26px; width: 73px; display: inline-block;
  position: absolute; right: 13px; top: 35px; font-size: 12px; line-height: 15px; vertical-align: bottom; padding: 9px 5px 0px 7px; font-weight: bold;
}
.multimedia .imagen-documento h1{ margin: 0px; font-size: 30px; line-height: 30px }
.multimedia .imagen-documento .categoria{ background: #FFF; padding: 5px 20px 5px 5px; color: #444444; display: inline-block; }

.bloque-documentos .item-documento{ position: relative; }
.bloque-documentos.interior .interior-doc{ width: 12.7%; }
.bloque-documentos .item-documento.gratis{
  display: block; background: url(../images/bg-doc-gratis.jpg) no-repeat center top; background-size: cover;
  border-radius: 7px; position: relative; box-shadow: 0px 4px 10px 3px rgba(0,0,0, 0.1); margin-bottom: 30px; height: 200px;
}
.bloque-documentos .item-documento.premium{
  display: block; background: url(../images/bg-doc-premium.jpg) no-repeat center top; background-size: cover;
  border-radius: 7px; position: relative; box-shadow: 0px 4px 10px 3px rgba(0,0,0, 0.1); margin-bottom: 30px; height: 200px;
}
.bloque-documentos .item-documento .modo{
  background: url(../images/tag-premium.png) no-repeat right center; color: #828282; height: 26px; width: 73px; display: inline-block;
  position: absolute; right: -7px; top: 15px; font-size: 12px; line-height: 15px; vertical-align: bottom; padding: 9px 5px 0px 7px; font-weight: bold;
}
.bloque-documentos .item-documento .nombre{ position: absolute; bottom: 0px; padding: 10px 15px; line-height: 14px; font-size: 13px; font-weight: bold; }
.bloque-documentos .item-documento .nombre div{ font-weight: lighter; margin-top: 5px; }


/***** IDEAS ****/
.item-idea{ padding: 20px; box-shadow: 3px 4px 7px -2px rgba(0,0,0, 0.2); background: #F9F9F9; height: 300px; position: relative; }
.item-idea .creado{ padding-left: 10px; position: relative; }
.item-idea .creado:before{ content: " "; width: 6px; height: 6px; border-radius: 3px; display: inline-block; position: absolute; left: 0px; top: 3px; background: #FF0000; }
.item-idea .ver{ position: absolute; bottom: 20px; left: 0px; }
.texto-intro{ position: absolute; bottom: 60px; width: 460px; left: 50%; }


/**m PAGINACIN */
.ui-dialog{ z-index: 1051 !important; }
.div-message.error{ color: #F04041; font-weight: bold; }
.div-message.loading{
  background: url(../images/ajax-loading.gif) no-repeat left center;
  background-size: 13px; padding-left: 20px;
}
.paginator li{ min-width: 10px; cursor: pointer; display: inline-block; vertical-align: middle; padding: 0px 5px; font-weight: normal; color: #30244E; font-size: 17px; }
.paginator li a{ color: #30244E; display: block; width: 10px; }
.paginator li.current span{ font-weight: bold; }
.paginator li.left{
  background: url(../images/page-left.png) no-repeat center center; width: 10px; height: 21px;
  vertical-align: middle; display: inline-block;
}
.paginator li.right{
  background: url(../images/page-right.png) no-repeat center center; width: 10px; height: 21px;
  vertical-align: middle; display: inline-block;
}


/*** COLORES TEMAS ***/
.filtro h4{ font-weight: bold; color: #8B9BA8; }

div#contenedor-footer{ min-height:126px; display:block; background: #333333; color: #9e9e9e; }
div#contenedor-footer .link{ line-height: 16px;}
div#contenedor-footer .credits{ background: #242424; }
div#contenedor-footer .credits a{ font-weight: bold; color: #FFF; }

/*** NOTICIAS INTERNA *******/
.internal-header{ background-size: cover; }
.internal-header h1{ font-size: 40px; font-weight: bold; }
.item-noticia.noticia-inline{ position: relative; display: inline-block; vertical-align: top; min-height: 250px; max-height: 250px; margin-bottom: 10px; }
.item-noticia.noticia-inline img{ }
.item-noticia.noticia-inline .info{ padding: 0px 25px 10px 25px; }
.item-noticia.noticia-inline.grande:before {
  content: ""; width: 95.7%; height: 100%; position: absolute; background: url(../images/bg-noticia.png) repeat-x center bottom; opacity: 0.7;
  -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;
}
.item-noticia.noticia-inline.normal:before{
  content: ""; width: 91.7%; height: 100%; position: absolute; background: url(../images/bg-noticia.png) repeat-x center bottom; opacity: 0.7;
  -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;
}
.item-noticia.noticia-inline:hover:before{ opacity: 1; }

.titulo-categoria-evento{
  background: #006926; color: #FFF; padding: 5px 10px; font-size: 11px; text-transform: uppercase; display: inline-block;
  position: absolute; bottom: 0px; left: 18px;
}
.titulo-categoria-evento.convocatorias{ background: #006926; }
.info-convocatoria{ box-shadow: 3px 4px 7px -2px rgba(0,0,0, 0.2); }

.content-internal{ color: #454F64 !important; background: #FFF; border-radius: 7px; margin-top: -80px; padding: 20px 20px 50px 20px; box-shadow: 0px 4px 10px 3px rgba(0,0,0, 0.1); }
.content-internal .title{ border-bottom: solid 2px #006926; }
.content-internal .title h1{ font-size: 20px; font-weight: bold; }
.content-internal blockquote{ padding: 15px; font-size: 13px; line-height: 15px; font-style: italic; border-left: none; border-bottom: solid 1px silver; color: #535353; }
.content-internal .description{ font-size: 14px; line-height: 17px; text-align: justify; }
.content-internal .description ul { list-style: inherit; padding-left: 40px; }
.content-internal .description ul li{ margin-bottom: 10px; }
.content-internal .description img{ max-width: 100%; }
.content-internal .documents h4{ color: #8b9ba8; font-weight: bold; }
.content-internal .documents .item-file{ height: 150px; display: table;  }
.content-internal .documents .file{
    background: #d9d9d9; display: table-cell; vertical-align: middle; padding: 20px;
    line-height: 15px; font-size: 16px; color: #232633; font-weight: bold;
}
.content-internal .documents .download{
  position: absolute; width: 45px; height: 45px; right: 0px; bottom: 0px; margin-right: 15px;
  background: url(../images/icon-download.png) no-repeat center center; background-size: cover;
}
.content-internal .documents .download:hover{ width: 50px; height: 50px; }
.content-internal .documents .file.doc{ background: url(../images/doc.png) no-repeat 10% 20px #d9d9d9; }
.content-internal .documents .file.docx{ background: url(../images/docx.png) no-repeat 10% 20px #d9d9d9; }
.content-internal .documents .file.xls{ background: url(../images/xls.png) no-repeat 10% 20px #d9d9d9; }
.content-internal .documents .file.xlsx{ background: url(../images/xlsx.png) no-repeat 10% 20px #d9d9d9; }
.content-internal .documents .file.pdf{ background: url(../images/pdf.png) no-repeat 10% 20px #d9d9d9; }
.content-internal .documents .file.ppt{ background: url(../images/ppt.png) no-repeat 10% 20px #d9d9d9; }
.content-internal .documents .file.pptx{ background: url(../images/pptx.png) no-repeat 10% 20px #d9d9d9; }
.content-internal .documents .file.txt{ background: url(../images/txt.png) no-repeat 10% 20px #d9d9d9; }
.content-internal .documents .file.zip{ background: url(../images/zip.png) no-repeat 10% 20px #d9d9d9; }

.div-social{ position: absolute; top: 100%; margin-top: -30px; left: 0px; }
.div-social .content{
  background: url(../images/bg-compartir.png) no-repeat center center #FFF; box-shadow: 0px 4px 10px 3px rgba(0,0,0, 0.1);
  height: 100px; width: 395px; border: solid 10px #FFF; border-radius: 10px; background-size: cover; margin-top: 92px;
}

.breadcumb{ border-bottom: dotted 2px #BCBFC2; padding: 14px 14px 14px 30px; font-weight: bold; color: #8B9BA8; }
.breadcumb a{ text-transform: uppercase; text-decoration: none; font-weight: bold; color: #8B9BA8; }
.breadcumb a:hover{ text-decoration: underline; }

/****** RESUMEN INTERNO ********/
.internal-header.resumen{ padding-top: 40px; padding-bottom: 40px; background-size: 100%; }
.internal-header.resumen h1{ font-size: 36px; font-weight: bold; display: inline-block; padding: 0px 15px 5px 15px; border-bottom: solid 4px #006926; }
.internal-header.resumen.small{ padding-top: 20px; padding-bottom: 20px; }
.internal-header.resumen.small h1{ font-size: 40px; font-weight: bold; }
.internal-header.resumen.small .text{ padding-top: 20px; }


/******** SEARCH GENERAL **************/
.block-search{ border: solid 7px rgba(255,255,255,0.6); border-radius: 50px; }
.block-search input{
    height: 50px; line-height: 30px; font-size: 20px; border: none; border-radius: 50px 0px 0px 50px;
    padding-left: 50px; background: url(../images/search.png) no-repeat 10px center #FFF;
}
.block-search button{ outline: none; border-radius: 0px 50px 50px 0px; height: 50px; font-weight: bold; }


/********************** MODAL CSS *************************/
.modal-idea .modal-dialog.modal-sm{ width: 400px; }
.modal-idea .modal-content{ background: #FFF; padding: 15px; }
.modal-idea .modal-content a{ text-decoration: underline; margin-bottom: 5px; }
.modal-idea .modal-content .closer{
  background: url(../images/img-close.png) no-repeat center center #000; float: right; border-radius: 30px;
  width: 30px; height: 30px; opacity: 0.6; display: inline-block; cursor: pointer; margin: -30px;
}
.modal-idea .modal-content .closer:hover{ opacity: 1; }
.modal-idea .modal-content #forgot span{ font-weight: bold; cursor: pointer; font-size: 13px; color: #42B63A; }
.modal-idea .modal-content #forgot span:hover{ text-decoration: underline; }
.modal-idea .modal-header{ color: #FFF; background: url(../images/bg-doc-premium.jpg) no-repeat center top; background-size: cover; }
.modal-idea .modal-header .div-icono{ border-left: solid 1px #DEDEDE }

#formulario-contacto .form-control{ background: #E7E7E7; border-radius: 0px; }
#formulario-contacto .enviado{ background: url(../images/icono-gracias.png) no-repeat 96% 15px #E7E7E7; }

.filtro{
  background: url(../images/bg-filtro.png) no-repeat center center;
  height: 82px; box-shadow: 0px 4px 10px 3px rgba(0,0,0, 0.1); background-size: cover;
}
.filtro:after{
  background: url(../images/icono-buscar.png) no-repeat center center; width: 52px; height: 52px;
  content:""; position: absolute; top: -26px; left: 50%; margin-left: -26px;
}
.filtro.no-search:after{ display: none;}
.filtro.grande{ height: 142px; background: url(../images/bg-filtro-grande.png) no-repeat center center; background-size: 100% 144px; }
.form-filtro .form-control{ border-radius: 0px; }
.form-filtro button.buscar{
  border-radius: 0px; background: transparent; background-image: none; border: solid 1px #FFF; text-shadow: none;
  font-size: 15px; color: #FFF; font-weight: bold; line-height: 24px;
}
.form-filtro button.buscar:hover{ background: rgba(56, 117, 48, 0.70) }



@media (min-width: 1500px) {
    /*.menu{ width: 280px; }
    .menu .item div{ display: inline-block; opacity: 1; }*/
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .block-home-1{ width: 90%; display: inline-block; vertical-align: top; margin: 0px 5%; }
  .block-home-2{ width: 100%; display: inline-block; vertical-align: top; margin-top: 30px; }
  .item-noticia.principal{ padding-left: 0px }
  .block-home-2 .item-noticia:nth-child(3n+2){ padding-left: 0px; }
  .evento{ width: 32.7% !important; }
  .menu .dark{ height: 40px; overflow: hidden; }
  .menu.topmenu{ width: 83.33333333%; }
  .menu.topmenu a{ margin-right: 0px; }
  .item-noticia.noticia-inline{ width: 49% !important; }
  .eventolinea{ width: 32.2% !important; }
}

@media (max-width: 767px){
  body{ background: #E5E5E5; }
  body.home #main-content{/* position: inherit;*/ }
  .p-r-0-mobile{ padding-right: 0px; }
  .p-0-mobile{ padding: 0px !important; }
  .listado-ideas{ padding: 5px; }
  .item-idea{ padding: 10px; }
  .item-idea .ver{ bottom: 10px; }
  .texto-intro{ left: 0px; width: 100%; background: rgba(111, 157, 108,0.5); }
  #titulo-idea{ font-size: 20px !important; line-height: 20px; padding-right: 5px !important; }
  #titulo-pilar{ font-size: 8px !important; line-height: 9px !important; padding: 0px 0px 0px 5px !important; }
  #featured .slider-item .titulo{ top: 15% }
  .menu{
      width: 60% !important; margin: 0px !important; box-shadow: 2px 2px 10px #000; top: 100%; position: absolute;
      right: -100%; overflow: hidden; background: #037730; z-index: 10000;
  }
  .main-menu li div.menu-nivel-1{ overflow: hidden; }
  .main-menu li{ width: 100%; }
  .main-menu li > a { padding: 10px 0px; font-size: 15px; line-height: 16px; }
  .div-logo{ background: transparent !important; }
  #top-slider{ background: none; height: auto !important; margin-bottom: 20px; margin-top: 50px; }
  #main-content{ padding-top: 70px !important; }
  #frm_contactar{ padding: 10px; }
  .div-mobile{ position: relative; height: 150px; overflow: hidden; margin-bottom: 20px }
  .div-mobile .title-home{ position: absolute; bottom: 0%; width: 100%; margin: 50px 0px; }
  .div-navbar{ position: absolute; background: #037730; top: 0px; z-index: 10000; height: 70px !important; overflow: visible !important; }
  .div-navbar .middle{ vertical-align: middle; }
  .div-navbar .item-menu{ cursor: pointer; float: none; width: 20%; display: inline-block; padding:0px 10px; margin-right: 130px; }
  .div-navbar .item-menu .item-open{ }
  .div-navbar .item-menu .item-close{ display: none; }
  .div-navbar.active .item-menu .item-open{ display: none; }
  .div-navbar.active .item-menu .item-close{ display: inline-block; }
  .div-navbar.active .menu{ right: 0px; }
  .div-navbar .item-menu.active{  }
  .div-navbar .item-logo{ float: none; padding: 0 !important; width: 100px; display: inline-block; }
  .div-navbar .tramites-nav{ float: right; width: 30%; display: inline-block; }
  .menu .dark{ background: #FFF; padding-bottom: 10px; }
  .menu .dark a{ color: #3E3E3E !important; width: 100%; margin: 0px; line-height: 30px; }
  .main-menu a span{ width: 78% !important; }
  .main-menu a:before{ width: 20% !important; }
  .main-menu li{ height: auto; padding: 0px; }
  .main-menu li:hover a.parent.cerrado{ background: transparent !important; color: ; }
  .main-menu li div.menu-nivel-1 {
    position: initial;
    padding: 0;
    height: 0;
  }

  .main-menu li:hover {
    background: inherit;
  }

  .main-menu li:hover a span {
    color: #d0d0d0;
  }

  .main-menu li:hover div.menu-nivel-1 {
    height: 0;
  }

  .main-menu li.abierto_movil:hover,
  .main-menu li.abierto_movil {
    background: #006926;
  }

  .main-menu li.abierto_movil:hover  a.doble_click,
  .main-menu li.abierto_movil a.doble_click {
    border-bottom: 1px white dashed;
  }

  .main-menu li.abierto_movil:hover  a span,
  .main-menu li.abierto_movil a span {
    color: #FFFFFF;
  }

  .main-menu li.abierto_movil:hover div.menu-nivel-1,
  .main-menu li.abierto_movil div.menu-nivel-1 {
    height: auto;
  }

  .main-menu div.menu-nivel-1 a.link {
    width: auto;
  }

  .main-menu div.menu-nivel-1 a.link:before {
    display: none;
  }

  .main-menu li div.menu-nivel-1 span.back{
      background: url(../images/arrow-back-mobile.png) no-repeat center center;
      width: 30px; height: 65px; position: absolute; left: 0px; top: 0;
  }

  .main-menu div.menu-nivel-1 .link{
    font-size: 14px; line-height: 14px; margin: 10px 0px !important;
    padding-left: 10px; position: relative; display: block;
  }
  .menu-pilares{ top: 0px; left: calc(100% - 155px); }
  .menu-pilares div.submenu .pilar{ width: 155px; padding-left: 50px; }

  .main-menu div.menu-nivel-1 .parent-menu.active{ background: rgba(0,0,0,0.2); }
  .main-menu div.menu-nivel-1 .parent-menu.active .link{ padding: 10px 10px; background: rgba(0,0,0,0.1); margin-bottom: 0px !important; }
  .main-menu div.menu-nivel-1 .parent-menu.active .link:before{ opacity: 0; }
  .main-menu div.menu-nivel-1 .submenu{ display: none; background: rgba(0,0,0,0.2); padding: 5px 0px 0px; }
  .main-menu div.menu-nivel-1 .submenu a.child{ margin-bottom: 7px ; }

  .main-menu div.menu-nivel-1.institucional span.back{ background-color: #D8182A; }
  .main-menu div.menu-nivel-1.mi-empresa span.back{ background-color: #32AC97; }
  .main-menu div.menu-nivel-1.fortalecer span.back{ background-color: #ECAA54; }
  .main-menu div.menu-nivel-1.formacion span.back{ background-color: #F17C72; }
  .main-menu div.menu-nivel-1.servicios span.back{ background-color: #3F9FC9; }
  .main-menu div.menu-nivel-1.region span.back{ background-color: #7F4C75; }

  .content-menu-header .panel-blocks{ padding: 0px 15px; }
  .content-menu-header{ margin: 0px; }
  .item-header{ width: 100%; margin: 0px; padding: 20px 10px 25px; min-height: auto; }
  .item-header div{ font-weight: normal; font-size: 1.3em; }
  .block-home-1{ width: 100%; display: inline-block; vertical-align: top; }
  .block-home-2{ width: 100%; display: inline-block; vertical-align: top; }
  .block-home-2 a{ display: block; }
  .block-home-2 a:first-child{ }
  .block-home-3{ width: 100%; display: inline-block; vertical-align: top; }
  .block-home-3 a{ display: block; }
  .btn-dark{ background: #191F24; color: #FFF; }
  .view-news{ width: 60%; font-size: 13px; margin: 0px auto !important; font-weight: normal; }
  .btn-radius{ border-radius: 0px; }
  .btn-radius:hover{ border-radius: 7px !important; color: #FFF !important; background: #000; }

  .pilares-home .title{ font-size: 20px; margin: 0px; }
  .pilares-home .content .pilar{ width: 48%; }
  .pilares-home.interna .title{ font-size: 18px; margin: 0px; padding-left: 15px; background: url(../images/icono-pilares.png) no-repeat right center #F9F9F9; }

  .bloque-documentos .item-documento{ margin-bottom: 0px !important; }
  .bloque-documentos.interior .interior-doc{ width: 50%; padding-left: 5px; }

  .item-noticia{ margin-bottom: 10px; min-height: auto; margin: 1%; width: 48%; padding: 0px; }
  .item-noticia.destacada{ padding: 0px; margin: 1%; width: 98%; }
  .item-noticia .info{ padding: 0px 15px 10px; }
  .item-noticia .info .titulo{ font-weight: normal; font-size: 12px; line-height: 13px; }
  .item-noticia .info .fecha{ margin-bottom: 5px !important; }
  .item-noticia .info .fecha span{ font-weight: normal; padding: 5px; margin-bottom: 2px; font-size: 8px; line-height: 7px; }
  .item-noticia .info span.categoria{ font-size: 10px; line-height: 10px; padding-top: 7px; }

  .item-noticia .info .corta{ display: none; }
  .item-noticia.noticia-inline:before{ width: 100% !important; }
  .item-noticia.noticia-inline { width: 49.1%; margin: 0.6% 0.41%; min-height: 190px; max-height: 190px; }
  .item-noticia.noticia-inline .info{ padding: 0px 10px 10px 10px !important; }

  .proyecto{ width: 48%; }
  .proyecto .title{ padding: 10px; }
  .proyecto .title a{ display: block; }

  .aliados .bx-wrapper{ background: none; box-shadow: none; }

  .content-internal{ padding: 0px !important; }
  .content-internal .col-xs-12{ padding: 0px; }
  .content-internal .title h1{ padding: 0px 10px; font-size: 15px; }
  .content-internal blockquote{ margin: 15px; }
  .content-internal .description{ padding: 15px; text-align: left; }
  .bloque-momentos{ margin: 0px; }
  .bloque-momentos .momento{ padding: 5px; }
  .bloque-momentos .carousel-control.right{ right: -15px; top: 83%; padding-top: 0px; }
  .bloque-momentos .carousel-control.left{ left: -15px; top: 83%; padding-top: 0px; }

  .item-formacion{ height: 180px; }
  .item-formacion .info .titulo{ font-size: 12px; line-height: 13px; font-weight: normal; }
  .item-formacion .info .fecha{ margin-bottom: 5px !important; }
  .item-formacion .info .fecha span{ padding: 5px; margin-bottom: 2px; font-size: 8px; line-height: 7px; }

  .row-eventos{ margin-top: 25px !important; }
  .evento{ width: 100% !important; }
  .home .evento{ width: 49.5% !important; }
  .row-eventos iframe{ height: 350px !important; }
  .div-social .content{ width: 300px; height: 80px; }
  .pilares-interior .item{ width: 40px; }
  .pilares-interior .item img{ width: 100%; }

  .internal-header{ height: 200px !important; }
  .internal-header.resumen{ padding: 30px 0px !important; background-size: cover; }
  /*.internal-header.resumen.servicios{ padding-bottom: 0px !important; }*/
  .internal-header.resumen .icono{ height: 60px; background-size: 60% !important; background-position: 85% center !important; }
  .internal-header.resumen .icono span{ display: none; }
  .internal-header.resumen .icono .back{
      top: 0px; padding: 0px !important; height: 100%; text-indent: -99999px; width: 100%; margin-top: 0px;
      border: none; background-size: 10px; background-position: 5px center; background-color: transparent;
  }
  .internal-header.resumen.seccion-form{ padding: 30px 0px !important; /*padding-top: 0px !important;*/ }
  .div-bigtitle{ padding-left: 10px !important; padding-top: 0px !important; margin: 0px; }
  .div-bigtitle h3{ font-size: 15px !important; }
  .div-bigtitle h1{ font-size: 25px !important; }

  .content-internal.seccion-form{ padding-top: 0px !important; }
  #formulario-contacto.superior { position: relative !important; min-height: auto !important; }
  #formulario-contacto{ padding: 10px; margin: 0px !important; }
  .resumen-internal .item-resumen div.content-item{ padding: 30px 0px !important; }
  .resumen-internal .item-resumen div.content-item .title{ font-size: 16px !important; line-height: 18px; font-weight: normal; }
  .resumen-internal .item-resumen{ border: solid 3px #E5E5E5; min-height: 170px; }
  .resumen-internal .item-resumen.fill{ background: #E5E5E5 !important; }
  .mobile-form{ padding: 20px 10px; }
  .detalles-movil{ margin: 0px 10px; padding: 10px; background: #7B7B7D; color: #FFF; line-height: 15px; font-size: 13px; }

  .filtro{ padding: 10px !important; height: auto; background-size: cover; }
  .filtro.grande{ height: auto; background-size: cover; }

  .content-internal.convocatorias .search{ margin: 0px 5px !important; }
  .content-internal.convocatorias .search input { height: 35px; line-height: 25px; font-size: 13px; padding-left: 35px; background-size: 20px; }
  .content-internal.convocatorias .search button { height: 35px; font-weight: normal; padding: 5px; font-size: 13px; }

  .block-search{ margin: 0px 5px !important; }
  .block-search input{ height: 35px; line-height: 25px; font-size: 13px; border: none; padding-left: 35px; background-size: 20px; }
  .block-search button{ height: 35px; font-weight: normal; padding: 5px; font-size: 13px; }

  .div-convocatorias{ padding: 10px; }

  .content-internal.salones .item-salon{ min-height: 180px; }
  .content-internal.salones .item-salon .info{ padding: 0px 15px 15px 15px; }
  .content-internal.salones .item-salon .info a h4{ margin-top: 0px !important; }
  .content-internal.salones .item-salon .info a .small-title{ font-size: 12px; font-weight: normal; }
  .content-internal.salones .item-salon .info a .title{ font-size: 14px; }
  .content-internal.salones .item-salon .info a .capacity{ font-size: 11px; padding-left: 20px; background-size: 15px; }
  .content-internal.salones .salon-internal{ height: auto; padding-top: 0px; }

  .content-internal.salones .salon-internal .small-title{ font-size: 15px; line-height: 20px; font-weight: bold; }
  .content-internal.salones .salon-internal .title{ font-size: 25px; font-weight: bold; line-height: 25px; }
  .content-internal.salones .salon-internal .capacity{
    text-transform: capitalize; font-size: 13px; font-weight: normal; line-height: 20px; display: inline-block;
    padding-left: 25px; height: 20px; margin-top: 5px; background-size: 20px;
  }

  #body-offer{ padding: 10px; }
  .content-internal.empleo .div-offer{ height: 250px; }
  .content-internal.empleo .div-offer .title{ margin: 10px 0px !important; }
  .div-profile-user{ font-size: 13px; padding: 5px 10px; border-radius: 0px; margin: 20px 0px -30px; }
  .div-profile-user h3{ font-size: 18px; height: 20px; overflow: hidden; }
  .modal-idea .modal-dialog.modal-sm{ width: inherit; }

  .background-overlay{ margin-left: -5px !important;  }
  .background-overlay .body .descrip.full, .background-overlay .details{ line-height: 14px; font-size: 12px; }
  .background-overlay .body .info { margin: 10px auto; width: 90%; padding: 5px; font-size: 14px; line-height: 13px; }

  #info_contactos{ padding: 15px; }
  #info_contactos h1{ margin: 0px; }
  form.light .form-group{ padding: 0px 15px; margin-bottom: 5px; }

  .aliados h3{ line-height: inherit !important; }
  #contenedor-footer{ padding-bottom: 0px !important; }
  #footer{ background: #0F1011; }
  #footer .item-social img{ width: 19%; }
  #footer .credits{ background: #D8182A; font-size: 11.5px; padding: 7px 5px; border-radius: 15px 0px 0px 15px;  }
  #footer .copyright{ background: #000; font-size: 11px; padding: 5px 0px !important; margin-top: 20px; }

  .eventolinea { width: 48.7% !important; }
  .eventolinea .foto{ height: 175px !important; }
  .multimedia .imagen-documento{ padding: 50px 0px !important; }
  .multimedia .imagen-documento .modo{ right: -7px; }

}