/* inicio encuentros.css */

/* Encuentros digitales 1024 */

ul,
ul li {
    margin: 0;
    padding: 0;
}

.descripcioninvitado p a,
.invitado p a {
    text-decoration: underline;
}

a img {
    border: 0;
}

#contenedor {
    width: 990px;
}

/* para las alertas */
.contenido table {
	margin-bottom: 10px;

}

#piepagina {
    border-top: 0;
    margin-top: 0;
}

.enviatupregunta {
    margin-top: 10px;
}

.enviatupregunta,
.camaraenvivo {
    clear: both;
    text-align: center;
    height: 20px;
    padding: 10px 0 10px 0;

}

.enviatupregunta a,
.camaraenvivo a,
#enviatupreguntapopup .botonenviar {
       width: 140px;
       padding: 4px 6px 4px 6px;
       background-color: #003d7a;
       color: white;
       font: bold 11px Verdana,Arial,sans-serif;
       border-bottom: 2px solid #080838;
       border-top: 2px solid #3673B0;
}

.enviatupregunta a:hover,
.camaraenvivo a:hover {
       width: 140px;
       padding: 4px 6px 4px 6px;
       background-color: #003d7a;
       color: white;
       font: bold 11px Verdana,Arial,sans-serif;
       border-bottom: 2px solid #080838;
       border-top: 2px solid #3673B0;
}

/* pagina del encuentro antes de celebrarse */

    .antesencuentro {
        overflow: hidden;
        margin-bottom: 15px;
    }

    .antesencuentro .menu {
        width: 130px;
    }

    .antesencuentro .contenido {
        float: left;
        width: 500px;
        padding-left: 10px;
        margin-left: 10px;
        border-left: 1px solid #ddd;
    }

    .antesencuentro .contenido .invitado {
        border-bottom: 0;
    }

    .antesencuentro .contenido .invitado .enviatupregunta {
        margin: 0px 0 5px 0;
        text-align: left;
    }

    .antesencuentro .contenido .invitado .fecha {
        margin: 10px 0 10px 0;
        color: #4E4E4E;
        float: none;
    }

    .antesencuentro .contenido .invitado .foto img {
        width: 150px !important;
        height: auto !important;
    }

    .antesencuentro .contenido .invitado .descripcion {
        width: 390px;
    }


    .antesencuentro .publicidad {
        font-size: 10px;
        border-top: 1px solid #ddd;
        padding-top: 10px;
        color: #555;
    }

    .antesencuentro .publicidad br {
        display: none;
    }

    .antesencuentro .publicidad img {
        vertical-align: middle;
        margin-left: 5px;
    }

/* fin pagina del encuentro antes de celebrarse */

/* encuentro 1 invitado */

    /* descripcion invitado */

        .descripcioninvitado {
            text-align: center;
            border-bottom: 2px solid #D6D6D6;
            margin-bottom: 10px;
            padding-bottom: 5px;
        }

        .descripcioninvitado h3
       .descripcioninvitado h2 {
            margin: 5px 0 0 0;
            font-size: 16px;
            font-weight: bold;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: small-caps
        }

        .descripcioninvitado img {
            margin: 0;
            padding: 0;

        }

        .descripcioninvitado p {
            text-align: left;
            /* margin: 10px;*/
            margin: 5px 0 5px 0;
            background: white url(https://e00-elmundo.uecdn.es/elmundo/iconos/v2.1/flechafoto.gif) no-repeat 0 6px;
            text-indent: 12px;
            font: normal 11px Verdana,Arial, Helvetica, sans-serif;
            line-height: 1.4em;
            color: #4A4A4A;
        }

        .descripcioninvitado .foto {
            width: 300px;
            text-align: center;
            background-color: #ddd;

        }

    /* fin resumen invitado */

    /* encuentro 1 invitado */

         .contenedor1invitado h1 {
            font: bold 22px Verdana, Arial, Helvetica, sans-serif;
            color: #003d7a;
            margin: 5px 0 10px 0;
            clear: both;
        }

        .fecha {
            font: bold 11px Verdana, Arial, Helvetica, sans-serif;
            float: right;
        }

        .haestadoestara {
            font: normal 11px Verdana, Arial, Helvetica, sans-serif;
            float: left;
        }

    /* fin encuentro 1 invitado */

    /* preguntas y respuestas */

        .contenido {
            float:left;
            margin: 0 0 0 10px;
            width: 660px;
            display: inline;
        }

        .contenido p.pregunta {
            font-weight: bold;
            font-size: 12px;
            padding-bottom: 5px;
            line-height: 16px;
            margin-bottom: 0;
        }

        .contenido p {
            font-size: 12px;
            padding-bottom: 15px;
            line-height: 17px;
            margin-bottom: 10px;
            margin-top: 0;
            font-weight: normal;
        }

        .contenido h1 {
            font-size: 22px;
        }

        .contenido h2 {
            font-size: 17px;
        }

        .preguntaspendientes {
            padding: 5px 10px 0px 10px;
            margin: 0 0 10px 0;
            border: 2px solid #DADADA;
        }

        .preguntaspendientes p {
            padding-bottom: 5px;
            margin-bottom: 10px;
            font-size: 11px;
            font-weight: normal;
            line-height: 15px;
            color: #4A4A4A;
        }

        .preguntaspendientes h3 {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            padding-top: 5px;
            font-size: 13px;
            font-weight: bold;
            margin: 0 0 10px 0;
        }

    /* fin preguntas y respuestas */

    .despedida {
        font-size: 12px;
        border-top: 2px solid #dadada;
        margin: 0px 0 10px 0;
    }

    .despedida h3 {
        margin: 0 0 5px 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
    }

/* fin encuentro 1 invitado */


.nohayencuentros {
	color: #727272;
	background-image: none;
}

/* pagina de entrada, con el indice de invitados */

    .diassemana {
        padding-left: 6px;
    }

    .diassemana li {
        font-size: 9px;
        border: 0;
        font-weight: normal;
        background-image: url(/encuentros_digitales/v3.0/iconos/bolillo.gif);
        background-repeat: no-repeat;
        background-position: 5px 8px;
    }

    .indiceinvitados {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .indiceinvitados h1 {
        font-size: 17px;
        margin: 0;
    }

    .indiceinvitados h2 {
        font-size: 11px;
        margin: 5px 0 5px 0;
    }

    .indiceinvitados img {
        float: none;
        padding:0;
        margin: 0;
    }

    .indiceinvitados td {
        border-bottom: 1px solid #dadada;
        padding: 5px 0 5px 0;
        line-height: 17px;
     }

    .columnaderecha {
        float:right;
        display: inline;
        width: 300px;
        margin-left: 10px;
    }

    /* patrocinio del encuentro */

        .columnaderecha .patrocinio {
            float:none;
            margin-bottom: 10px;
            font: normal 10px Verdana,Arial,sans-serif;
            color: #5a5a5a;
        }

        .columnaderecha .patrocinio br {
            display: none;
        }

        .columnaderecha .patrocinio img {
            vertical-align: middle;
            margin-left: 5px;
        }

    /* fin patrocinio del encuentro */

/* fin pagina de entrada, con el indice de invitados */

/* particularidades de la pagina con el encuentro de una persona */

    .contenedor1invitado .contenido .invitado .foto {
        width: 150px;
    }

    .contenedor1invitado .contenido .invitado .descripcion {
        width: 340px !important;

    }

/* fin peculariaridades de la pagina con el encuentro de una persona */

/* pagina de encuentros con dos personas */

    .contenedor2invitados h1 {
        color: #003d7a;
    }

    .contenedor2invitados h2 {
        text-align: center;
    }

    .contenedor2invitados .haestadoestara {
        font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    }

    .contenedor2invitados .descripcioninvitado {
        overflow: hidden;
        border: 0;
    }

    .contenedor2invitados .descripcioninvitado p,
    .contenedor2invitados .despedidas {
        font-size: 11px !important;
    }



    .contenedor2invitados .descripcioninvitado .invitado1,
    .contenedor2invitados .despedidas .despedida1 {
        float: left;
        width: 48%;
    }

    .contenedor2invitados .descripcioninvitado .invitado2,
    .contenedor2invitados .despedidas .despedida2 {
        float: right;
        width: 49%;
        padding-left: 5px;
        border-left: 1px solid #ddd;
    }

    .contenedor2invitados .descripcioninvitado  h2 {
        font-size: 14px;
        margin: 0 0 5px 0;
    }

    .contenedor2invitados .descripcioninvitado .invitado1 h2 {
        color: #003d7a;
        text-align: left;
    }

    .contenedor2invitados .descripcioninvitado .invitado2 h2 {
        color: #003d7a;
        text-align: right;
    }


    .contenedor2invitados .descripcioninvitado p {
        font-size: 12px;
        text-indent: 0;
        background-image: none;
    }

    .contenedor2invitados .descripcioninvitado .invitado2 p {
        text-align: right;
    }

    .contenedor2invitados .descripcioninvitado .foto {
        width: 150px;
    }

    .contenedor2invitados .descripcioninvitado .invitado1 .foto {
        float: left;
        margin-right: 5px;
    }

    .contenedor2invitados .descripcioninvitado .invitado2 .foto {
        float: right;
        margin-left: 5px;
    }


    .contenedor2invitados p.pregunta {
        clear: both;
        margin-bottom: 10px;
    }

    .contenedor2invitados .respuestas .invitado1 p,
    .contenedor2invitados .respuestas .invitado2 p {
        font-size: 11px;
    }

    .contenedor2invitados .respuestas .invitado1,
    .contenedor2invitados .descripcioninvitado .invitado1,
    .contenedor2invitados .despedidas .invitado1 {
        float: left;
        width: 48%;
    }

    .contenedor2invitados .respuestas .invitado2,
    .contenedor2invitados .descripcioninvitado .invitado2,
    .contenedor2invitados .despedidas .invitado2 {
        float: right;
        width: 48%;
    }

    .contenedor2invitados .despedidas {
        clear: both;
        border-top: 2px solid #ddd;
        font-size: 11px !important;
    }
   .contenedor2invitados .despedidas h3 {
        font-size: 17px;
        text-align: center;
    }

    .contenedor2invitados .resumen h3 {
        text-align: center;
    }

    .contenedor2invitados .resumen p {
        font-size: 12px;
    }




/* fin pagina de encuentros con dos personas */

.antesinvitado {
	font-size: 11px;
	font-weight: normal;
}

/* menu navegacion izquierda */

.menu {
    float: left;
    display: inline;
    width: 180px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.menu ul {
    font: bold  12px Verdana,Arial,Helvetica,sans-serif;
    margin: 0 !important;
    padding: 0 !important;
}

.menu ul ul ul {
    border-bottom: 0;
}

.menu ul li {
    border-bottom: 1px solid #ddd;
    padding: 2px 0 2px 6px !important;
    background: white url(https://e00-elmundo.uecdn.es/elmundo/iconos/v2.1/bolilloapoyos.gif) no-repeat 0 6px;
    margin: 0 !important;
    line-height: 14px;

}

.menu ul li a {
    margin: 0 !important;
    padding: 0 !important;
}

.menu ul li ul li {
    border: 0;
    background-image: none;
    font-size: 10px !important;
}

.menu ul li ul li ul li {
    background: white url(https://e00-elmundo.uecdn.es/encuentros_digitales/v3.0/iconos/bolillo.gif) no-repeat 0 8px;
    font-weight: normal;
}

.menu ul ul {
    padding-top: 5px !important;
    border-bottom: 1px solid #ddd;
}

/* fin menu navegacion izquierda */

/* lista de encuentros con foto */

    .listaencuentrosconfoto .contenido {
       float: left;
       width: 460px;
       margin-left: 10px;
       border-left: 1px solid #ddd;
       padding-left: 10px;
    }

    .contenido h3 {
       font: bold 14px Verdana,Arial,Helvetica,sans-serif;
       margin: 0 0 10px 0;
    }

    .contenido  .invitado {
        clear: both;
        font-size: 11px;
        margin: 0 0 10px 0;
        padding: 0;
        font-family:Verdana, Helvetica, sans-serif;
        border-bottom: 2px solid #ddd;
        overflow: hidden;
        width: 100%;
    }

    .contenido  .invitado .foto {
        width: 100px;
        float: left;
        margin:  0 10px 0 0;
    }

    .contenido  .invitado .descripcion {
        width: 350px;
        float: left;
        overflow: hidden;
    }

    .contenido  .invitado .descripcion h1 {
        font: bold 17px Verdana,Arial,Helvetica,sans-serif;
        margin: 0 0 5px 0;
    }

    .contenido .invitado .descripcion .fecha {
        font: bold 11px Verdana,Arial,Helvetica,sans-serif;
        margin: 0 0 5px 0;
        float: none;
    }

    .contenido  .invitado .descripcion p {
        font-weight: normal;
        line-height: 1.4em;
        margin: 0;
    }

    .contenido  .invitado .descripcion ul,
    .descripcioninvitado ul {
        margin: 0 0 1.5em 0;
        padding: 0 0 0 0;
        text-align: left;
        list-style-type: none;
    }

    .contenido  .invitado .descripcion ul li,
    .descripcioninvitado ul li {
          padding: 0 0 0 17px;
          line-height: 1.4em;
          font-size: 12px;
          background: url(https://e00-elmundo.uecdn.es/elmundo/iconos/v2.1/bolilloapoyos.gif) no-repeat 4px 6px;
    }

    .contenido  .invitado .descripcion ul li.album,
    .descripcioninvitado ul li.album {
          background: url(https://e00-elmundo.uecdn.es/elmundo/iconos/v2.1/apoyos/portada/album.gif) no-repeat 0 4px;
    }

    .contenido  .invitado .descripcion ul li.video,
    .descripcioninvitado ul li.video {
          background: url(https://e00-elmundo.uecdn.es/elmundo/iconos/v2.1/apoyos/portada/video.gif) no-repeat 1px 4px;
    }

    .contenido  .invitado .descripcion ul li.pdf,
    .descripcioninvitado ul li.pdf {
          background: url(https://e00-elmundo.uecdn.es/elmundo/iconos/v2.1/apoyos/portada/pdf.gif) no-repeat 0 4px;
    }

    .contenido  .invitado .descripcion ul li,
    .descripcioninvitado ul,
    .descripcioninvitado ul li {
        font-size: 11px;
    }

    .contenido  .invitado .descripcion ul li a,
    .descripcioninvitado ul li a {
        text-decoration: underline;
    }

    .contenido .invitado .descripcion p {
        padding-bottom: 10px;
    }

    .contenido .invitado .descripcion p a {
        text-decoration: underline;
    }

    .sigue {
        font-size: 12px !important;
        padding: 0px 2px 0px 2px;
        margin-left: 3px;
        color: #900;
        border: 1px solid #ddd;
        font-weight: normal;
    }

    .descripcion p a {
        text-decoration: none !important;
    }

    .sigue a:hover {
        text-decoration: none;
    }


/* fin lista de encuentros con foto */

/* tabla con listados  de encuentros */

    .listadoencuentros .menu {
       width: 150px;

    }

    .listadoencuentros .contenido {
            float: left;
            width: 500px;
            margin-left: 5px;
            padding-left: 5px;
            border-left: 1px solid #ddd;
            overflow: hidden;
            margin-bottom: 15px;
    }

    .listadoencuentros .contenido .tablalistadoencuentros caption {
            font: bold 17px Verdana,Arial,Helvetica,sans-serif;
            padding: 3px 0 3px 0;
            background-color: #ddd;
    }

    .listadoencuentros .contenido .tablalistadoencuentros {
            width: 100%;
            font: normal 11px Verdana,Arial,Helvetica,sans-serif;
    }

    .listadoencuentros .contenido .tablalistadoencuentros td {
            padding: 3px;
            border-bottom: 1px solid #ddd;
    }

    .listadoencuentros .contenido .tablalistadoencuentros th {
            background-color: #eee;
            padding: 5px 0 5px 3px;
            text-align: left;
    }

    .listadoencuentros .contenido .tablalistadoencuentros th.listadoinvitado {
            width: 65%;
    }

    .listadoencuentros .contenido .tablalistadoencuentros th.listadofecha {
            width: 35%;
    }


    body#listadoporgrupo .listadoencuentros .contenido .tablalistadoencuentros th.listadoinvitado {
            width: 30%;
    }

    body#listadoporgrupo .listadoencuentros .contenido .tablalistadoencuentros th.listadofecha {
            width: 32%;
    }

    body#listadoporgrupo .listadoencuentros .contenido .tablalistadoencuentros th.listadocategoria {
            width: 38%;
    }

    body#listadoporgrupo .listadoencuentros .contenido .tablalistadoencuentros td {
            font-size: 9px;
    }

/* fin tabla con listados  de encuentros */

.separador {
	border-top: 1px solid #E2E2E2;
	padding-bottom: 10px;
}

/* indice de encuentros */

    .indice {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }

    .indice tr td {
        border-bottom: 1px solid #dadada;
        padding: 3px 3px 3px 5px;

    }

    .indice tr th {
        background-color: #eee;
        text-align: left;
        padding: 5px 5px 5px 5px;
        color: #505050;
        border-bottom: 1px solid #D5D5D5;
    }

    .indice tr th h1 {
        font-size: 17px;
        font-weight: bold;
        padding: 0px 0 0px 0;
        margin: 0;
        color: black;
    }

/* fin indice de encuentros */

.fechas {
	list-style-type: none;
	padding-left: 0px;
}

.fechas li {
	border: none;
	padding-left: 10px;
	margin-left: 20px;
}


.volver {
	padding: 10px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}


.entradilla p {
	font-size: 12px;

	line-height:1.4em;
}

.entradilla .camaraenvivo {
	padding: 10px;
	text-align: left;

}

#contenido {
	width: 750px;
}

.resumen {
    margin-bottom: 10px;
    clear: both;
}

.resumen h3 {
	font-size: 17px;
    margin: 0 0 10px 0;
}

.resumen p {
	font-size: 11px;
    line-height: 1.4em;
}

.noexistenencuentros p {
    margin: 0;
    padding: 10px;
    font-weight: bold;
   text-align: center;
    border: 2px solid #ddd;
    font-size: 11px;
}

.listadotemas {
    clear: both;
    padding: 0 0 15px 0;
}

.listadotemas .contenido {
    width: 450px;
    padding-left: 5px;
    border-left: 1px solid #ddd;

}

.listadotemas .contenido ul {
    font: normal 12px Verdana,Arial,Helvetica,sans-serif;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}

.listadotemas .contenido ul li {
    margin: 0 0 3px 0;
    padding: 0 0 0 0px;
    list-style-type: square;
}

/* popup de envia tu pregunta  */

    #enviatupreguntapopup {
        text-align: center;
    }

    #enviatupreguntapopup .cabecerapopup {
        width: 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }

    #enviatupreguntapopup .cabecerapopup img {
        vertical-align: middle;
        margin-right: 10px;
        margin-bottom: 8px;
    }

    #enviatupreguntapopup .cabecerapopup {
        font: bold 12px Verdana, Arial,Helvetica,sans-serif;
        color: #003d7a;
    }

    #enviatupreguntapopup form {
        margin: 0;
    }

    #enviatupreguntapopup textarea {
        font: normal 12px Verdana,Arial,Helvetica,sans-serif;
        border: 1px solid #ccc;
        padding: 5px;
        width: 450px;
        height: 103px;
        line-height: 1.4em;
    }

    #enviatupreguntapopup h1 {
        font: bold 17px Verdana,Arial,Helvetica,sans-serif;
        margin: 5px 0 5px 0;
        color: #494949;
    }

    #enviatupregunta input {
        display: block; margin: 10px;
    }

    #enviatupreguntapopup .botonenviar {
        width: 60px;
        margin-top: 5px;
        border-left: 0;
        border-right: 0;
        cursor: pointer;
    }

/* fin popup de envia tu pregunta  */

/* Botón de facebook en los encuentros */
    #modulo_facebook {
	border: 1px solid #CCCCCC;
	padding: 8px 5px 4px 55px;
	background: url(https://e00-elmundo.uecdn.es/encuentros_digitales/img/facebook_icon.jpg) no-repeat 3px 2px;
	margin-bottom: 15px;
	height: 37px;
    }
    
    #modulo_facebook a {
	font: 12px/16px Arial, Helvetica, sans-serif;
    }

    #modulo_facebook a:hover {
	color: #999999;
	text-decoration: none;
    }
	.modulo_facebook {
	padding:10px 0;
	}
/* Fin Botón de facebook en los encuentros */

/* Pastilla 4000 encuentros */
.modulo_destacado{margin:0 0 15px;border-bottom:5px solid #003D7A;width:;}

.modulo_destacado a{border:1px solid #e0e0e0;display:block;width:298px;overflow:hidden;}

.modulo_destacado a:hover{border-color:#77BABF;}
/* Fin pastilla 400 encuentros */

/* fin encuentros.css */