/********************************************************************************/
/*                                                                              */
/* Plataforma JCyL.  Version 7.09.08-55 - Junta de Castilla y Leon - Espana     */
/* Distribucion de e-ducativa Open College                                      */
/* Copyright (c) 2007-2008 de e-ducativa Educación Virtual S.A.                 */
/*                                                                              */
/********************************************************************************/
@import "select_acceso_administracion.css";


/* --  Estilos Generales -- */

body        { margin: 0; padding: 0; font-family: arial; }
img         { border: none; margin: 0 }
a           { text-decoration: none }
input       { font-family: arial; }
table td    { border-collapse: collapse; }

.clear:after    { content: ''; display: block; clear: both; }
.clearfix       { clear: both; }
.center_content { position: relative; max-width: 1000px; margin: 0 auto; }

/* -- header -- */
.header             { padding: 10px 0px 0px 7px; color: #fff; background: linear-gradient(to bottom, rgba(255,255,255,0.65) 0%,rgba(203,203,203,1) 100%); }
.header > .center_content { min-height: 100px; background: url(../img/weblog/bitacora-header.png) no-repeat right center; }
.logo_link          { display: inline-block; vertical-align: middle; margin-right: 20px; border-right: solid 1px #fff; padding-right: 25px; text-align: center; text-decoration: none; box-shadow: 1px 0 0 0 rgba(0,0,0,0.2); }
#logo_principal     { width: 100%; max-width: 140px; height: auto; }
.header .titulo     { display: inline-block; vertical-align: middle; padding-right: 20px; max-width: 800px; font-size: 2em; color: #434343; text-shadow: 1px 1px 2px #A8A8A8; box-sizing: border-box; }
.encabezados        { margin: 0 10px 30px; border: dotted 1px #D4D4D4; padding: 0 20px; }

/* -- nav -- */
.nav_bar    { padding: 3px 0; font-size: .85em; color:#fff; text-transform: lowercase; background-color: #666;}
.nav_bar ul, /* reseteo las listas */
.nav_bar li { margin: 0; padding: 0; list-style: none; }

.nav_bar .secciones_producto         { float: left; }
.nav_bar .secciones_producto li      { display: inline-block; }
.nav_bar .secciones_producto a       { display: inline-block; border-radius: 5px; padding: 4px 8px; color: #fff; transition: all .3s; background-repeat: no-repeat; }
.nav_bar .secciones_producto .icon   { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background-position: 0 0; background-repeat: no-repeat; transition: background .3s; }
.nav_bar .secciones_producto .title  { display: inline-block; vertical-align: middle; }
.nav_bar .secciones_producto a:hover { color: #7c7c7c; background-color: #fff; }
.nav_bar .secciones_producto a:hover .icon { background-position: 0 -25px; }

.nav_bar .secciones_producto a.inicio .icon         { background-image: url(../img/weblog/icon_home.png);     }
.nav_bar .secciones_producto a.noticias .icon       { background-image: url(../img/weblog/icon_noticias.png); }
.nav_bar .secciones_producto a.contacto .icon       { background-image: url(../img/weblog/icon_contacto.png); }
.nav_bar .secciones_producto a.menu .icon           { background-image: url(../img/weblog/icon_menu.png); }
.nav_bar .secciones_producto a.enlaces .icon        { background-image: url(../img/weblog/icon_enlaces.png); }
.nav_bar .secciones_producto a.enlaces_inst .icon   { background-image: url(../img/weblog/icon_enlace_institucional.png); }
.nav_bar .secciones_producto a.buscador .icon       { background-image: url(../img/weblog/icon_buscar.png); }

.nav_bar .productos             { float: right; }
.nav_bar .productos_btn         { position: relative; z-index: 5; display: inline-block;; border-radius: 5px; border: solid 1px #fff; padding: 3px 8px; box-sizing: border-box; transition: all .3s; }
.nav_bar .productos_btn .icono      { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background-repeat: no-repeat; background-position:  0 0; transition: all .3s; }
.nav_bar .productos_btn .current    { display: inline-block; vertical-align: middle; }
.nav_bar .productos_btn .select     { display: inline-block; vertical-align: middle; width: 8px; height: 8px; background-image: url(../img/weblog/flecha_select.png); background-repeat: no-repeat; background-position: 0 -8px; transition: all .3s; }
.nav_bar .productos_btn:hover           { color: #7c7c7c; background-color: #fff; cursor: pointer; }
.nav_bar .productos_btn:hover .icono    { background-position: 0 -25px; }
.nav_bar .productos_btn:hover .select   { background-position: 0 0; }
.nav_bar .productos_btn .icono.sitio    { background-image: url(../img/weblog/icon_sitio.png); }
.nav_bar .productos_btn .icono.bitacora { background-image: url(../img/weblog/icon_bitacora.png); }

.nav_bar .productos_select             { position: absolute;  right: 0; z-index: 10;  border-radius: 7px; padding: 12px; background-color: #F8F8F8; box-shadow: 1px 1px 7px #AAA; }
.nav_bar .productos_select                  { visibility: hidden; opacity: 0; top: 200%; transition-property: visibility, opacity, top; transition-duration: 0s, 0.3s, 0.3s; }
.nav_bar .productos.show .productos_select  { visibility: visible; opacity: 1; top: 100%; }
.nav_bar .productos_select li          { display: block; margin-bottom: 3px; }
.nav_bar .productos_select li:last-child   { margin-bottom: 0; }
.nav_bar .productos_select li > a           { display: block; border-radius: 5px;  padding: 3px 10px; color: #000;  }
.nav_bar .productos_select li > a .icono    { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background-repeat: no-repeat; background-position: 0 -25px; }
.nav_bar .productos_select li > a .title    { display: inline-block; vertical-align: middle;  }
.nav_bar .productos_select li:not(.current) > a:hover    { color: #fff; background-color: #A0A0A0; }
.nav_bar .productos_select li:not(.current) > a:hover .icono { background-position: 0 0; }
.nav_bar .productos_select .sitio a .icono       { background-image: url(../img/weblog/icon_sitio.png); }
.nav_bar .productos_select .bitacora a .icono    { background-image: url(../img/weblog/icon_bitacora.png); }
.nav_bar .productos_select .aula a .icono        { background-image: url(../img/weblog/icon_aula.png); }
.nav_bar .productos_select .current a           { font-weight: bold; cursor: default; background-color: #eaeaea; }

.breadcrum_bar  { margin-bottom: 18px; min-height: 18px; padding:4px 0 5px; }
.breadcrum      { padding: 4px 10px; font-size: .85em; color: #858585; background-color: #EDEDED; }

/* -- buscador -- */
.buscar_cellphone       { display: none; float: right !important; margin-right: 5px !important; }
.buscar_box             { float: right; padding: 6px; }
.buscar_box form        { display: block; width: auto; }
.buscar_box input[type="text"]      { display: block; width: 100%; border: none; padding: 3px 5px 3px 25px; font-size: 1em; border-radius: 6px; background: url(../img/comunes/icon_search.jpg) no-repeat 4px center #fff; box-sizing: border-box; }
.buscar_box .actions                { display: none; margin-top: 15px; text-align: center; }
.buscar_box button,
.buscar_box input[type="submit"]    { display: inline-block; vertical-align: middle; border-radius: 3px; border: solid 1px #fff; padding: 7px 15px; font-size: 1.2em; color: #fff; background-color: #5C5C5C; transition: all .3s; cursor: pointer; }
.buscar_box button:hover,
.buscar_box input[type="submit"]:hover { background-color: #000; }

.sin_resultados     { max-width: 800px; margin: 20px 0; border-radius: 10px 0 10px 10px; padding: 15px; font-size: .9em;  background-color: #FFEBBB; }

/* -- layout -- */
.col_left   { width: 23%; margin: 0 2% 35px 0; padding: 10px 0; float:left;}
.section    { width: 75%; min-height: 400px; margin: 15px 0 35px; float:right;}

/* -- articulos -- */
.articulos_titulo_lista    { margin-bottom: 30px; padding-bottom: 10px; font-size: 1.1em; font-weight: bold; }

.lista_articulos                { padding: 0; margin: 0; list-style: none; }
div.articulo                    { margin-bottom: 20px; }
li.articulo                     { position: relative; border-radius: 9px; border: 1px solid #7C7C7C; margin-bottom: 55px; padding: 10px;  }
.articulo .titulo               { padding-bottom: 8px; font-size: 2em; font-weight: bold; }
.articulo a.titulo              { display: inline-block; color: #818181; }
.articulo a.titulo:hover        { color: #000; }
.articulo div.titulo            { margin-bottom: 10px; padding-bottom: 15px;}
.articulo .datos_publicacion    { border-bottom: dotted 1px #E2E2E2; padding-bottom: 5px; font-size: .8em; color: #7D7D7D; }
.articulo .cuerpo               { padding: 10px; }

.tags          {  }
.tags a        { display: inline-block; border-radius: 7px; padding: 1px 8px 2px; font-size: .85em; color: #818181; background-color: #EEE; }
.tags a:hover  { text-decoration: underline; background-color: #fff;}

.paginador .next,
.paginador .prev    { display: inline-block; width: 50%; text-transform: lowercase; color: #818181; }
.paginador .prev    { text-align: right; }
.paginador a:hover  { color: #000; }

.social_share           { float: right; }
.social_share a:hover   { border-bottom: solid 1px #838383; }


 /* -- widgets -- */
.left_corners           { display: none; }
#scroll_widgets > table { border: 1px solid #C6C6C6; border-radius: 8px 8px 9px 9px; margin-bottom: 10px; }
.siderbar_titulo        { border-radius: 6px 6px 0 0; padding: 7px;  color:#fff; font-weight: bold; background-color: #666; }
.fondoBoxesDer          { padding: 7px 20px; }


#scroll_widgets table { width: 100%; }


.widgets    { padding: 20px 10px 0; font-size: .9em;}



.categorias, .categoriasWidgetsUsuario { padding: 12px 9px; }
.categorias img { display: none; }
.categorias a   { text-decoration: none; color: #1B5A6C;}

.left_corners img { visibility: hidden; } /* hack para ocultar el redondeado */



/* calendario */
/* nombre del mes */
.cssTitle1 { font-weight: bold; text-transform: capitalize; }
/* nombre de los dias y dias */
.cssHeading1, .cssDays1, .cssSaturdays1, .cssSundays1, .cssToday1 { font-size: 11px !important; }
/* dia actual */
.cssToday1 { font-weight: bold }

.tag_mas_usado { color: #000 !important }


/* -- comentarios -- */
.comentarios            { position: absolute; right: 10px; top: 10px; border-radius: 7px 7px 0 7px; padding: 2px 8px 4px; text-transform: lowercase; font-size: .85em; color: #fff; background-color: #9A9A9A; display: none; }
.comentarios:hover      { background-color: #DADADA; color: #3A3A3A; }
.comentario_add         { display: inline-block; border-radius: 7px 7px 7px 0; padding: 2px 8px 4px 10px; text-transform: lowercase; font-size: .9em; color: #fff; background-color: #9A9A9A; cursor: pointer; }
.comentario_add:hover   { text-decoration: underline; }

.comentar               { border-radius: 15px 15px 15px 0; padding: 20px; font-size: .9em; background-color: #EEE; }
.comentar .moderados    { margin-bottom: 10px; padding: 5px; text-align: center; }
.comentar .obligatorio  { font-weight: bold; }
.comentar fieldset      { border:none; margin: 0; padding: 5px 10px; border-bottom: dotted 1px #A4A4A4; }
.comentar label         { display: inline-block; vertical-align: top; width: 30%; }
.comentar input         { display: inline-block; vertical-align: top; width: 65%; }
#wComentarios_parent    { display: inline-block; vertical-align: top; width: 65%; min-height: 100px; }
#tinymce.mceContentBody {
    font-family: arial;
    font-size:12px;
    color: #333333;
    padding: 5px 0 5px 0;
    overflow: auto;
    min-height:0%;
}

fieldset.captcha        { text-align: center; }
.captcha .indicacion    { margin-bottom: 5px; }
img.captcha             { display: inline-block; vertical-align: middle; }
input.captcha           { display: inline-block; vertical-align: middle; width: 100px; }
.comentar .button       { width: auto; }

.comentarios_title          { margin: 15px 0 0; padding: 2px 10px 3px; font-size: .9em; color: #626262;  }
.lista_comentarios          { padding: 0; list-style: none; }
.lista_comentarios li       { margin: 0 8px 5px; border-radius: 10px 10px 10px 0; padding: 15px; background-color: #EEE; }
.lista_comentarios .datos   { margin-bottom: 5px; font-size: .85em; color: #7D7D7D; }
.lista_comentarios .datos .nombre { font-weight: bold; color: #000; }

.comentarios_search         { margin-bottom: 55px; padding-bottom: 15px; }
.comentarios_search .titulo { font-size: 1.2em; font-weight: bold; color: #818181; }
.comentarios_search .titulo:hover { color: #000; }
.comentarios_search .autor  { color: #7D7D7D; }
.comentarios_search .cuerpo { padding: 10px; }

/* -- footer -- */
#footer               { border-top: solid 5px #CACACA; padding: 0 0 50px; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(218,218,218,1) 100%); }
#footer .col-l, .col-c, .col-r  { float: left; box-sizing: border-box; width: 33.33%; width: calc(100%/3); }
#footer .col-l  { text-align: left; }
#footer .col-c  { padding-top: 6px; text-align: center; }
#footer .col-r  { padding-top: 4px; text-align: right; }

#e-ducativa_copyright { display: inline-block; width: 73px; height: 31px; background: transparent url(../img/comunes/powered_by_e-ducativa.png) center top no-repeat; }
.responsabilidad        { cursor: pointer; }
.responsabilidad img    { display: inline-block; vertical-align: middle; }
.responsabilidad span   { display: inline-block; vertical-align: middle; text-align: left; color: #7C7C7C; font-size: .5em; }
.responsabilidad:hover span     { text-decoration: underline; }
#footer .rss                    { display: inline-block; vertical-align: text-bottom; }


/* clases personalizables ---------------*/

.custom_back { }


/* responsive ----------------*/

.nav_inferior{display:none;}


/******POP UP*******/

#popup {
    z-index: 1001;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
}

.content-popup {
    position:relative;
    margin: 120px auto 0;
    padding: 10px;
    max-width: 500px;
    min-height: 250px;
    border-radius: 4px;
    box-shadow: 0 2px 5px #666666;
    background: url(../img/weblog/bg_escudo.jpg) no-repeat 54px 5px #FFFFFF;
}

.aviso      { padding: 0 20px 40px; }
.aviso h4   { text-align: center; font-size: 1.12em; }
.aviso p    { margin-bottom: 10px; }

.close          { text-align: right; }
.popup_close    { display: inline-block; width: 18px; height: 18px; background: url(../img/comunes/btn_delete.gif) no-repeat 0 0; transition: all .3s; cursor: pointer; }
.popup_close:hover { background-position: -18px 0; }