/*
Theme Name: Twenty Ten Child Theme
Theme URI: http://www.gobiernodecanarias.org/educacion/clicescuela20/
Description: Tema hijo (Child theme) para personalizar el tema Twenty Ten. El tema del 2010, Twenty Ten, para WordPress es elegante, personalizable, sencillo, y fácil de leer - añada un menú personalizado, imagen de cabecera, y el fondo. Twenty Ten apoya seis áreas Widgetizadas (dos en la barra lateral, cuatro en el pie de página) y las imágenes destacadas (miniaturas para las entradas de la galería y las imágenes personalizadas de cabecera para blogs y páginas). Incluye hojas de estilo para la impresión y el administrador Editor Visual, estilos especiales para las entradas en el "Aparte" y las categorías de "Galería", y tiene una plantilla de página opcional de una columna que elimina la barra lateral.
Version: 1.1
Author: ATE
Template: twentyten
Tags: negro, azul, blanco, de dos columnas, de ancho fijo, encabezado personalizado, a medida de fondo, comentarios anidados, lista la traducción, microformatos, Compatibilidad RTL con el idioma, estilo de redacción.
*/


/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/

@import url("../twentyten/style.css");

/*
#header {
 escudo del Gobierno de Canarias
	background:url(images/logo.gif) no-repeat;
}
*/

#logo-gobcan {
    /* escudo del Gobierno de Canarias */
    background: url(images/logo.gif) no-repeat;
    width: 132px;
    height: 79px;
    float: left;
    position: absolute !important;
    overflow: auto;
    margin-top: -25px;
}

#site-title a {
    margin-left: 140px;
}

#wrapper {
    /* Bordes redondeados */
    box-shadow: 0 0 15px #333;
    -moz-box-shadow: 0 0 15px #333;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


/* Menú personalizado del Top (secundario) */

#cab_superior {
    float: right;
    text-align: right;
    border-bottom: #666 1px dotted;
    width: 600px;
}

#cab_superior ul {
    margin: 7px 0 0 0;
    padding: 0;
}

#cab_superior ul li {
    display: inline;
    font-size: 0.9em;
    list-style-type: none;
    padding: 0 5px 0 0;
}

#cab_superior ul li a {
    color: #333;
    text-decoration: none;
    margin-right: 7px;
}

#cab_superior ul li a:hover {
    text-decoration: underline;
}


/* accesos a blog central y al escritorio */

#adminaccess {
    float: right;
    padding: 0 5px 5px 0;
    z-index: 99;
    position: relative;
    top: -35px;
    font-style: italic;
}


/* mapa del sitio */

#sitemap a {
    font-size: 12px;
    text-decoration: none;
}

#sitemap h2 {
    color: #999;
    margin-bottom: 5px;
}

#sitemap ul.sitemap h2 {
    color: #AAA;
    margin-bottom: 5px;
    font-size: 80%;
}

ul.sitemap,
ul.sitemap ul,
ul.sitemap ul ul,
ul.sitemap ul ul ul {
    list-style-type: none;
}

ul.sitemap li a {
    padding: 2px 0px 2px 24px;
}

ul.sitemap-paginas li a {
    background-color: transparent;
    background-image: url("images/bwpx-icns/icons/document.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: auto auto;
}

ul.sitemap-categorias li a {
    background-color: transparent;
    background-image: url("images/bwpx-icns/icons/folder.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: auto auto;
}

span.sitemap-categorias a {
    background-color: transparent;
    background-image: url("images/bwpx-icns/icons/folder.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: auto auto;
    padding-left: 19px;
}

ul.sitemap-archivos li a {
    background-color: transparent;
    background-image: url("images/bwpx-icns/icons/application.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: auto auto;
}

ul.sitemap-autor li a {
    background-color: transparent;
    background-image: url("images/bwpx-icns/icons/user.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: auto auto;
}

ul.sitemap-tags {
    display: inline;
}

span.sitemap-tags a {
    background-color: transparent;
    background-image: url("images/bwpx-icns/icons/paperclip.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: auto auto;
    padding-left: 19px;
}

ul.sitemap-links li a {
    background-color: transparent;
    background-image: url("images/bwpx-icns/icons/chain.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: auto auto;
}

ul.sitemap-entradas li a {
    background-color: transparent;
    background-image: url("images/bwpx-icns/icons/comment.gif");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left center;
    background-size: auto auto;
}

.archdate-comments {
    color: #999999;
    Font-size: 80%;
}

.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth {
    float: left;
    margin-right: 4%;
    position: relative;
}

.one_half {
    width: 48%;
}

.one_third {
    width: 30.66%;
}

.two_third {
    width: 65.32%;
}

.one_fourth {
    width: 22%;
}

.three_fourth {
    width: 74%;
}

.clear {
    clear: both;
}


/* CSS específico para el plugin Logos Edublog*/


/*
Theme Name: Coraline Child Theme
Theme URI: http://www.gobiernodecanarias.org/educacion/clicescuela20/
Description: Tema hijo (Coraline theme) para personalizar el tema Coraline. ElCoraline, para WordPress es elegante, personalizable, sencillo, y fácil de leer - añada un menú personalizado, imagen de cabecera, y el fondo. Coreline apoya seis áreas Widgetizadas (dos en la barra lateral, cuatro en el pie de página) y las imágenes destacadas (miniaturas para las entradas de la galería y las imágenes personalizadas de cabecera para blogs y páginas). Incluye hojas de estilo para la impresión y el administrador Editor Visual, estilos especiales para las entradas en el "Aparte" y las categorías de "Galería", y tiene una plantilla de página opcional de una columna que elimina la barra lateral.
Version: 1.1
Author: clIC escuela 2.0
Template: coraline
Tags: negro, azul, blanco, de dos columnas, de ancho fijo, encabezado personalizado, a medida de fondo, comentarios anidados, lista la traducción, microformatos, estilo de redacción.
*/


/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/

@import url("../coraline/style.css");

/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */


/* Anchos */

.width-100 {
    width: 100%;
}


/* COLUMNAS */

@media (min-width: 576px) {
    .columna-pant-movil-05 {
        width: 5%;
        float: left;
    }
    .columna-pant-movil-1 {
        width: 10%;
        float: left;
    }
    .columna-pant-movil-2 {
        width: 20%;
        float: left;
    }
    .columna-pant-movil-25 {
        width: 25%;
        float: left;
    }
    .columna-pant-movil-3 {
        width: 30%;
        float: left;
    }
    .columna-pant-movil-4 {
        width: 40%;
        float: left;
    }
    .columna-pant-movil-5 {
        width: 50%;
        float: left;
    }
    .columna-pant-movil-6 {
        width: 60%;
        float: left;
    }
    .columna-pant-movil-7 {
        width: 70%;
        float: left;
    }
    .columna-pant-movil-8 {
        width: 80%;
        float: left;
    }
    .columna-pant-movil-9 {
        width: 90%;
        float: left;
    }
    .columna-pant-movil-95 {
        width: 95%;
        float: left;
    }
    .columna-pant-movil-10 {
        width: 100%;
        float: left;
    }
}

@media (min-width: 768px) {
    .columna-pant-tablet-05 {
        width: 5%;
        float: left;
    }
    .columna-pant-tablet-1 {
        width: 10%;
        float: left;
    }
    .columna-pant-tablet-2 {
        width: 20%;
        float: left;
    }
    .columna-pant-tablet-25 {
        width: 25%;
        float: left;
    }
    .columna-pant-tablet-3 {
        width: 30%;
        float: left;
    }
    .columna-pant-tablet-4 {
        width: 40%;
        float: left;
    }
    .columna-pant-tablet-5 {
        width: 50%;
        float: left;
    }
    .columna-pant-tablet-6 {
        width: 60%;
        float: left;
    }
    .columna-pant-tablet-7 {
        width: 70%;
        float: left;
    }
    .columna-pant-tablet-8 {
        width: 80%;
        float: left;
    }
    .columna-pant-tablet-9 {
        width: 90%;
        float: left;
    }
    .columna-pant-tablet-95 {
        width: 95%;
        float: left;
    }
    .columna-pant-tablet-10 {
        width: 100%;
        float: left;
    }
}

@media (min-width: 940px) {
    .columna-pant-grande-05 {
        width: 5%;
        float: left;
    }
    .columna-pant-grande-1 {
        width: 10%;
        float: left;
    }
    .columna-pant-grande-2 {
        width: 20%;
        float: left;
    }
    .columna-pant-grande-25 {
        width: 25%;
        float: left;
    }
    .columna-pant-grande-3 {
        width: 30%;
        float: left;
    }
    .columna-pant-grande-4 {
        width: 40%;
        float: left;
    }
    .columna-pant-grande-5 {
        width: 50%;
        float: left;
    }
    .columna-pant-grande-6 {
        width: 60%;
        float: left;
    }
    .columna-pant-grande-7 {
        width: 70%;
        float: left;
    }
    .columna-pant-grande-8 {
        width: 80%;
        float: left;
    }
    .columna-pant-grande-9 {
        width: 90%;
        float: left;
    }
    .columna-pant-grande-95 {
        width: 95%;
        float: left;
    }
    .columna-pant-grande-10 {
        width: 100%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .columna-pant-extra-05 {
        width: 5%;
        float: left;
    }
    .columna-pant-extra-1 {
        width: 10%;
        float: left;
    }
    .columna-pant-extra-2 {
        width: 20%;
        float: left;
    }
    .columna-pant-extra-25 {
        width: 25%;
        float: left;
    }
    .columna-pant-extra-3 {
        width: 30%;
        float: left;
    }
    .columna-pant-extra-4 {
        width: 40%;
        float: left;
    }
    .columna-pant-extra-5 {
        width: 50%;
        float: left;
    }
    .columna-pant-extra-6 {
        width: 60%;
        float: left;
    }
    .columna-pant-extra-7 {
        width: 70%;
        float: left;
    }
    .columna-pant-extra-8 {
        width: 80%;
        float: left;
    }
    .columna-pant-extra-9 {
        width: 90%;
        float: left;
    }
    .columna-pant-extra-95 {
        width: 95%;
        float: left;
    }
    .columna-pant-extra-10 {
        width: 100%;
        float: left;
    }
}


/* TEXTOS */

.text-left {
    text-align: left;
}

.text-right,
.text-right p.submit {
    text-align: right;
}

.text-center {
    text-align: center;
}


/* MARGENES Y PADDINGS*/

.m-5 {
    margin: 5px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.clear-both {
    clear: both;
}

.white-background {
    background-color: white !important;
}

.separator-top {
    padding: 24px 0;
    border-top: 1px solid #f1f1f1;
    margin-top: 25px;
}

.separator-bottom {
    padding: 24px 0;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 25px;
}

.logos-header {
    display: flex;
    align-items: center;
    justify-content: left;
}

.enlaces-top {
    display: flex;
    align-items: center;
    justify-content: right;
    float: right;
}

.logos-header>span {
    margin-right: 20px;
}


/* Comentar con Toño | Humberto esta alineación
   Podría dar problemas si cambia los márgenes de los logos del Gobierno o Consejería
   o si el logo del centro tiene márgenes blancos / transparentes
*/

.logos-header>span.logo-centro {
    margin-bottom: 12px;
}

.logos-header>span.nombre-centro {
    font-size: 25px;
    font-weight: normal;
}

.logos-header>a>span.nombre-centro {
    font-size: 20px;
    font-weight: normal;
    color: #2b2a29;
    font-family: Arial;
    align-content: end;
    height: 55px;
    display: grid;
    margin-bottom: 18px;
}

.logos-header>a {
    text-decoration: none;
}

.logos-header>span>a>img {
    max-height: 79px;
}

.logos-header>span.logo-centro>a>img {
    max-height: 52px;
    /*vertical-align: middle; --> Comentar con Toño | Humberto la alineación vertical del logo del centro */
}

.enlaces-top>span {
    font-size: 16px;
    font-weight: normal;
}


/*
.separator{
    width: 2px;
    height: 15px;
    margin: 0 10px;
    background: #2b2a29;
}*/

.enlaces-top>span>a,
#footer>.footer-consejeria a {
    color: #2b2a29 !important;
    text-decoration: none;
}

#footer {
    background-color: #FFDF61;
    bottom: 28px;
    position: relative;
}

#footer .separator {
    margin-right: 15px;
}

#footer>.footer-consejeria>div {
    background-color: #FFDF61;
}

.separator {
    position: relative;
}

.separator:not(:last-child) {
    margin-right: 22px;
}

.separator:not(:last-child)::after {
    content: "";
    height: 90%;
    width: 2px;
    right: -12px;
    top: 5%;
    background-color: #2b2a29;
    position: absolute;
}

#footer .separator:not(:last-child)::after {
    height: 100%;
    top: 0;
    right: -11px;
}

.widget-logo {
    margin-bottom: 10px;
}

.footer-logos {
    background: white;
    text-align: center;
}

.footer-logos>span img {
    max-height: 52px;
}

.footer-logos>span a {
    text-decoration: none;
}

.footer-logos span:not(:last-child) {
    padding-right: 10px;
}

.widget-area .widget-logo a img {
    max-width: 100%;
    max-height: 52px;
    width: auto;
}

.widget-area .widget-logo {
    text-align: center;
}


/* TRATAMIENTO DEL FOOTER EN PANTALLAS DE Y MÓVIL */


/*@media (max-width: 768px) {
  .footer-consejeria > div {
    text-align: center;
  }
  #footer > .footer-consejeria {
    height: 48px;
  }
  #footer .separator:last-child{
    margin-right: 0px
  }
}
@media (max-width: 450px) {
  #footer > .footer-consejeria {
    height: 72px;
  }
}*/