/********************************************************************************/
/*                                                                              */
/* 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.                 */
/*                                                                              */
/********************************************************************************/
/*
Layout Media Querys

TODO: el orden de carga de este css debe ser el ultimo de todos los css
        de esta manera se podran sacar todos los !important

*/


/* ANCHO MINIMO SOPORTADO ACTUALMETE: 765px --- esta definido tambien en <meta viewport> */
.centrado, .header_wrapper, .footer_wrapper, .FunctionBar-Frame { min-width: 765px; }


/* PASO INTERMEDIO: para soportar 100 caracteres en desc_plataforma */
@media only screen and (max-width : 1450px) {
    /* base.css */
    #header .titulo { max-width: 728px; }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1315px) {

    /* base.css */
    #header .titulo { max-width: 593px; }
    #wrapper        { background-color: #fff; }
    #nav            { margin-top: 0; }
    #nav > .offset  { border-width: 2px; border-left: none; background-color: #dcdcdc; box-shadow: 0 0 10px -4px #000000; }
    #section            { width: 81%; margin-left: 0; padding-top: 9px; border: none; box-shadow: none; }
    #section.no_menu    { width: 86%; }
    #section.no_menu #actions > .offset.sticky { max-width: none; }
    #main > .offset     { padding: 0 10px; }

    /* objetos_comunes_sistema.css */
    .ventana_flotante.center_viewport { width: 70%; left: 15%; }
    .no_menu .breadcrumb .linea_unica {  max-width: 142px; }

    /* objetos_comunes_nav.css*/
    div#menu_secciones { padding: 6px 0; }
    #nav .seccion.activa:after { display: none; }

    /* function_bar.css */
    .FunctionBar-Frame .Body .ubicacion_frame   { max-width: 30% !important; }

    /* foros.css */
    #cerrar_editar_tema_form,
    #cerrar_configurar_tema_form,
    #cerrar_editar_int_form { left: 85% !important; }

}

/* PASO INTERMEDIO: requerido por contenido_620 */
@media only screen and (max-width : 1100px) {
    /* base.css */
    #section:not(.no_menu) .contenido_620 .tiny_personalizado     { border:none; padding: 0; margin: 0; box-shadow: none; }
    /* index.css */
   .titulo_home { text-align: left !important; }
}

/* Medium Devices, Desktops --- MENU DERECHO ARRIBA
 deberia ser en 992px este lock pero lo hacemos antes por culpa del contenido_620*/
@media only screen and (max-width : 1003px) {

    /* base.css */
    #header .titulo { max-width: 395px; font-size: 1em; }
    #section.no_menu { width: auto; }
    #section    { padding-top: 0; }
    #main       { float: none; width: auto; }
    #section.no_menu #actions > .offset.sticky { width: 100%; }
    #actions    { float: none; width: auto; margin-top: 10px; }
    #actions > .offset  { padding: 0 20px; }
    #actions > .offset.sticky { top: 2.2em; border-bottom: 1px solid #cdcdcd; width: 80%; max-width: none; padding-top: 1em; padding-bottom: 5px; box-shadow: 0 2px 10px 0 #cdcccc; }

    /* objetos_comunes_sistema.css */
    .ventana_flotante.center_viewport { width: 80%; left: 10%; }
    .no_menu .breadcrumb .linea_unica {  max-width: 125px; }

    /* foros.css */
    #cerrar_editar_tema_form,
    #cerrar_configurar_tema_form,
    #cerrar_editar_int_form { left: 90% !important; }

    /* objetos_comunes_actions.css */
    .action_item,
    .action_button { display: inline-block; vertical-align: bottom; margin: 0 8px 5px 0; }
    .action_button:not(.agregar) { background-image: none; padding-left: 10px; }
    .action_item.carpetas_mail   { margin-bottom: 0; }
    .action_item.carpetas_mail .title  { display: none; }

    /* acceso.css */
    #acceso_frame   { width: auto; margin-right: 20px; margin-left: 20px; }
    #portada_login  { float: none; width: auto; }
    #menu_login     { float: none; width: auto; margin: 0 20px 15px; }
    #acceso_user_form fieldset  { display: inline-block; width: 300px; margin-left: 10px; }
    #acceso_olvido_clave { margin: -11px 110px 0 0; padding-bottom: 6px; }
    #portada_login .contenido_620 .tiny_personalizado  { margin: 10px auto; }

    /* webmail */
    .action_item.buzon          { min-width: 100px; }
    .action_item.buzon .title   { display: none; }

    /* calendario */
    .action_item.calendario-mini    { display: none; }
    .info-evento                    { position: static !important; }
    .table_calendario               { position: relative; }
    .descripcion-evento.flotante    { left: 50% !important; top: 25% !important; z-index: 1 !important; margin-left: -175px; }
    .descripcion-evento.flotante:before,
    .descripcion-evento.flotante:after   { display: none; }

    /* function_bar.css */
    .FunctionBar-Frame .Body .ubicacion_frame   { max-width: 43% !important; }
    .FunctionBar-Frame .Body .menu_usuario_frame .nombre { display: none !important; }
}

/* Small Screens, NO SOPORTADO AUN:  Small Devices, Tablets
 deberia ser en 768px este lock pero lo hacemos antes por culpa del contenido_620*/
@media only screen and (max-width : 805px) {

    /* base.css */
    #header .titulo { max-width: 410px; }
    #header .cambio_centro { position: absolute; left: 115px; top: 0; margin-left: 0; border-radius: 0 0 5px 5px; }
    #nav            { width: 16%; font-size: 85%; }
    #nav > .offset  { border-right: none; box-shadow: none; }
    #actions        { font-size: 85%; }
    #actions > .offset.sticky  { width: 82%; padding-top: 1.4em; padding-bottom: .4em; }
    #section        { width: 84%; }

    /* objetos_comunes_sistema.css */
    .no_menu .breadcrumb .linea_unica {  max-width: 115px; }

    /* objetos_comunes_nav.css */
    #nav .search      { padding: 4px; }

    #nav .separador,
    #nav .search_back input { font-size: .8em; }

    #nav .separador,
    #nav .seccion a   { margin-bottom: 0; padding-top: 8px; padding-bottom: 9px; }

    #nav .separador.icono, #nav .seccion.icono { background-image: none !important; }
    #nav .separador.icono, #nav .seccion.icono a { padding-left: 10px; }

}

/* NO SOPORTADO AUN:  Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}

/* NO SOPORTADO AUN: Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}