/********************************************************************************/
/*                                                                              */
/* 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/bg_mundo.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; }
.header .rss        { position: absolute; right: 0; top: 10px; transition: all .3s; }
.header .rss:hover  { transform: scale(1.2); }

/* -- 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: 20px 2% 35px 0; padding: 10px 0; float:left;}
.section    { width: 75%; min-height: 400px; margin: 35px 0 35px; float:right;}

/* -- nav -- */
.nav, .nav ul   { list-style: none; margin: 0; padding: 0; } /* reseteo las listas */
.nav .active ul { display: block;} /* no oculto cuando esta activo el padre */

.nav                    { border-radius: 8px; border: solid 1px #666; padding: 5px; }
.nav > li               { margin-bottom: 2px; }
.nav > li:last-child    { margin-bottom: 0; }
.nav .link          { display: block; padding: 7px 10px; font-size: .9em; color: #000; text-shadow: 1px 1px 0 #fff;  background: url(../img/flecha_menu.png) no-repeat right bottom #ebebeb; transition: all .3s; }
.nav :not(.active) .link:hover      { color: #fff; text-shadow: none; background: url(../img/flecha_menu_hover.png) no-repeat right center; background-color: #787878 !important; }
.nav .active .link                  { color: #fff; text-shadow: none; background-color: #444444; }

.nav .children  { margin: 5px; background-color: #fff; }
.nav .sub-link  { display: block; padding:7px 20px; font-size: .9em; color: #787878; }
.nav .sub-link:hover  { color: #000; background-color: #ececec;  }
.nav .sub-link.active { color: #fff; background: url(../img/flecha_menu_hover.png) no-repeat right center #787878; }

.nav_mobile { margin: 5px 0; padding: 4px; background-color: #C8C8C8; display: none;}
.nav_mobile select { display: block; width: 100%; border-style: solid; background-color: #C8C8C8; }

.nav_close              { padding: 10px; cursor: pointer; background-color: #B3B3B3; transition: all .3s; }
.nav_close .cerrar      { float: right; width: 18px; height: 18px; background: url(../img/comunes/btn_delete.gif) no-repeat -18px 0; transition: background-position .3s; }
.nav_close:hover            { background-color: #D3D3D3; }
.nav_close:hover .cerrar    { background-position: 0 0; }


/* -- section -- */

#contenido_sitio    { margin-bottom: 20px; }

.titulo_seccion { border-bottom: solid 3px #666; margin-bottom: 10px; padding-bottom: 15px; font-weight: bold; font-size: 1.5em; }
.titulo_item    { color: #7C7C7C; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }

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

/* -- cajas -- */
.rbox           { border-radius: 8px; border: solid 1px #666; overflow: hidden; }
.rbox_header    { border-radius: 8px 8px 0 0; padding: 4px 10px; color: #fff; background-color: #666; }
.rbox_header .icono     { display: inline-block; vertical-align: middle; width: 25px; height: 25px; background-repeat: no-repeat; background-position: 0 0; }
.rbox_header .titulo    { display: inline-block; vertical-align: middle; padding: 3px 0; font-size: .85em; }

/* -- noticias -- */

.noticias_box       {  margin-bottom: 10px; min-height: 142px; padding-bottom: 15px; background-color: #eeeeee; }

.noticias_header                { position: relative; }
.noticias_header .icono         { background-image: url(../img/weblog/icon_noticias.png); }
.noticias_header .solapas       { float: right; margin: 0; padding: 0; list-style: none; }
.noticias_header .solapas li    { display: inline-block; border-radius: 5px; padding: 4px 10px; cursor: pointer; transition: background .4s; }
.noticias_header .solapas li:not(.activa):hover { border: solid 1px #C6C6C6; padding: 3px 9px; }
.noticias_header .solapas li.activa      { border: solid 2px #fff; background-color: rgba( 255, 255, 255, .3); }

.noticias            { list-style: none; margin: 0;  padding: 20px 30px 15px; }
.noticias .titulo    { display: inline-block; vertical-align: top; width: 48%; margin-right: 2%; font-weight: bold; font-size: 1.2em; color: #444444; }
.noticias .titulo:hover { color: #000; }
.noticias .resumen   { display: inline-block; vertical-align: top; width: 50%; color: #696767; }


/* -- seccion noticias -- */

#news h3            { font-size: 1.3em; }
#news a             { color: #818181; }
#news a:hover       { color: #000; }
.copete_noticia     {  }
.contenido_noticia  { max-width: 600px; font-size: .85em; }
.volanta_noticia    { padding-bottom: 10px; border-bottom: 2px solid #EDEDED; }

#news .volver       { text-transform: lowercase; }

/* -- enlaces institucionales -- */
.rbox.institucionales   { margin-top: 10px; }
.rbox.institucionales .icono { background-image: url(../img/weblog/icon_enlace_institucional.png); }
.rbox.institucionales img   { display: block; margin: 10px auto; }
.rbox.institucionales.mobile_only img { display: inline-block; margin: 10px; }

/* -- menu secundario -- */
.menu_secundario .banners   { background: #eeeeee; }
.menu_secundario .banners .icono            { background-image: url(../img/weblog/icon_enlaces.png); }
.menu_secundario .banners .center_content       { padding: 15px 0 10px; text-align: center; }

.menu_secundario .banners img,
.menu_secundario .banners object {
    opacity: .6;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.menu_secundario .banners img:hover,
.menu_secundario .banners object:hover {
    opacity: 1;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.menu_secundario .banners br    { display: none; }

.menu_secundario .rss   { margin-bottom: 10px; }
.menu_secundario .rss .rbox_header .icono   { background-image: url(../img/weblog/icon_noticias_externas.png); }
.menu_secundario .rss .center_content       { padding: 12px 5px 12px; background-color: #eeeeee; }
.marquee_rss            { font-size: .9em; }
.marquee_rss .titulo    { font-weight: bold; margin-right: 5px;}
.marquee_rss a          { margin-right: 5px; border-right: solid 1px #CDCDCD; padding-right: 5px; color: #737373; }
.marquee_rss a:hover    { color: #000; text-decoration: underline; }

/* -- 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 { }

/* ---------------------------------------------- */

    #preview_container, .mceEditor {margin: 4px 0 14px; padding: 0; font-family: arial; }
    /* igual tamanio de letra y color que la clase .contenido */
    #preview_container, .mceEditor, .mceContentBody { font-size: 14px; color: #333 }

/*-------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------*/

 /**
  * Formulario de contacto
  *
  */

    .sd_form { border: 1px solid #ccc; margin-top: 10px; padding: 11px 0 5px }
    .tabla_referencia_form td font, .sd_form font {
        font-size: 13px !important;
        font-family: "Trebuchet MS",Calibri,Arial !important;
    }
    .sd_form_campo input, .sd_form_campo textarea {
        border:1px solid #cccccc;
        padding: 1px 2px;
        font-family: "Trebuchet MS",Calibri,Arial;
        font-size: 13px;
        color: #666;
    }
    .sd_form_campo input { padding-top: 2px; width: 200px }
    .sd_form_button { margin-top: 12px }
    .sd_form tr { background-color: transparent !important }

/*-------------------------------------------------------------------------------------------*/

/******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; }