/*** Encabezado de la nota ***/
#principal .nota { padding:5px 10px; }
#principal .nota h2 {
    line-height:1.2;
    font-size:1.7em;
    margin-bottom:5px;
    color: #900;
    font-family: Constantia,"Hoefler Text", "Bitstream Vera Serif", Georgia, serif;
}
#principal .credito { 
    font-size:.9em;
    border-bottom: 1px dotted #666;
}
#principal .credito .autor {font-weight: bold; }

#principal .nota h4 { 
    color:#500;
    background:url(/img/bullet_flechitas.gif) left 3px no-repeat;
    padding-left:14px;
    font-size:1em;
    font-weight:bold;
}

#principal .nota .fecha {
	color: #555;
	margin-bottom: 4px;
	font-size:.96em;
}

#principal h3.seccion {
	margin:0 10px 15px;
    padding: 6px 12px 1px;
    line-height: 1;
    font-weight:bold;
    font-family: Constantia,"Hoefler Text", "Bitstream Vera Serif", Georgia, serif;
    text-transform: uppercase;
    color: #fff;
    background: #900;
    font-size: .9em;
}

/*** Barrita de herramientas ***/
#herramientas {
    background:#ededed url(/img/bg_herramientas_nota.gif) left top repeat-x;
    border:1px solid #ddd;
    font-size:.9em;
    height:2em;
    padding:4px  0 0 10px;
    margin-top:10px;
}
#herramientas ul {
    list-style:none;
    display:inline;
    margin:0;
}
#herramientas ul li {
    display:block;
    float:left;
}

#herramientas a { display:block; }

#herramientas a:link,
#herramientas a:visited {
    text-decoration:none;
}
#herramientas a:hover,
#herramientas a:active {
    text-decoration:underline;
}

#herramientas span { 
    float:left;
    margin:0 5px; 
}
    
    /*** Tamaños de texto ***/
    #herr_texto {
        float:left;
        background:url(/img/bg_herramientas_texto.gif) left top no-repeat;
        height:19px;
        width:47px;
        margin-top:-1px !important;
    }
    #herr_texto li { height:18px; }
    #herr_aumentar_texto {
        font-size:14px;
        font-weight:bold;
        letter-spacing:-2px;
        width:27px;
        text-align:center;
        line-height:1;
        margin-top:2px;
    }
    #herr_disminuir_texto {
        font-size:11px;
        font-weight:bold;
        width:16px;
        height:18px;
        text-align:right;
        line-height:1;
        margin-top:5px;
    }

    /*** Botones (compartir/imprimir) ***/
    #herr_botones {
        float:right;
        
    }
    #herr_botones li a {
        padding:0 10px 0 18px;
        margin-left: 4px;
    }
    #herr_compartir {background:url(/img/ico_sobre.gif) left 3px no-repeat;}
    #herr_imprimir {background:url(/img/ico_impresora.gif) left top no-repeat; }
    #herr_coment {background:url(/img/ico_coment.png) left top no-repeat;}
    
    

/*** Contenido de la nota ***/
#principal .nota .contenido {
    font-size:1.2em;
    line-height:1.4;
    font-family: "Bitstream Vera Serif", Georgia, serif;
}
#principal .nota .contenido p {
    margin:15px auto;
}

#principal .nota .contenido .izquierda {
    float:left;
    margin:0 10px 0 0;
}
#principal .nota .contenido .derecha {
    float:right;
    margin: 0 0 0 10px;
}

#principal .nota .contenido p.extracto_destacado {
    background:#eee;
    border-bottom:3px solid #a8bacf;
    width:140px;
    padding:5px 10px;
}

    /*** nota b ***/
    #nota_b #foto p {
        /*font-size:.9em !important;*/
    }

#principal .nota .contenido table, #principal .nota .contenido blockquote {color: #700;font-weight: bold;line-height: 1.1;margin: 5px 0 10px 15px;}
#principal .nota .contenido img {max-width: 454px;}
.bajada {color: #555;font-weight: bold;background: url(/img/icn_bajada.gif) no-repeat left .5em;padding-left: 14px;font-size: .9em;}
.creditos {font-style: italic;font-size: .9em;}
.bloquefoto, .tfoto {font-size: .86em;border-bottom: 2px solid #eee;font-family: Arial, sans-serif;}
#principal .nota .contenido .bloquefoto p {padding: 5px;margin: 0;}
.sumario {color: #622;font-weight: bold;}

#principal .nota .contenido object, #principal .nota .contenido embed {margin: 20px 0;text-align: center;display: block;}

/*** Barra derecha ***/

#galeriarel {border-top: 0;background-image: none;background: #eee;overflow: hidden;}
#galeriarel h3 {
	font-family: Constantia,"Hoefler Text", "Bitstream Vera Serif", Georgia, serif;
    color: #fff;
    background: #900;
    padding: 5px 10px 2px;line-height: 1;}
#galeriarel .imagen {float:left;
    border:2px solid #fff;
    margin-right:10px;}
#galeriarel p {
    font-weight:bold;
    font-family:Arial, sans-serif;
    display:block;
    float:left !important;
    height:auto;
    line-height:1.3;
    margin:10px 0 0 0;}

#foto {
    background:#eee !important;
}
#foto p { 
    width:130px;
    font-size:.9em !important;
    font-weight:bold;
    font-family:"Tahoma", "Trebuchet MS", "Lucida Grande";
    display:block;
    float:left !important;
    height:auto;
    line-height:1.3;
    margin:0 !important;
}
#foto p.autor { padding-top:10px; }
#foto .imagen {
    float:left;
    border:2px solid #fff;
    margin-right:10px;
}

#mas_leidas .contenido ul {
    list-style:none;
    margin:0;
}
#mas_leidas .contenido ul li {
    padding-left:13px;
    background:url(/img/bullet_flechita_negra.gif) left 4px no-repeat;
}

/* -- Comentarios -- */
#comentarios {font-family: Arial, sans-serif;padding: 1px;clear: both;}
#comentarios .bar {width: 100%;color: #fff;border-top: 2px solid #700;border-bottom: 2px solid #700;}
#comentarios .bar div {background: #700;margin: 2px 0;padding: 5px 10px;position: relative;}
#comentarios .bar div h3 {color: #fff;line-height: 1;font-size: 1.3em;padding: 12px 0;}
#principal #comentarios .bar p {margin: 5px 0;font-size: .9em;}
#comentarios .bar div a {background: #fff url(/img/btn_coment_bg.gif) bottom repeat-x;padding: 3px 5px;font-size: .85em;position: absolute;right: 10px;top: 25%;max-width: 200px;border: 1px solid #600;text-decoration: none;color: #000;}
#comentarios .bar div a:hover {color: #fff;background: #900;}
#comment_form {padding: 10px 20px;border: 1px solid #ccc;margin: 10px 0;position: relative;}
#comment_form #cambiar_cuenta {font-size: .8em;margin-left: 8px;}
#principal #comment_form p {margin: 10px 0;}
#comment_form p.button {text-align: center;padding-top: 5px;}
#comment_form label {font-weight: bold;}
#comment_form textarea {margin-top: 3px;width: 90%;height: 60px;padding: 4px;font-size: 14px;font-family: sans-serif;}
#comment_form .captcha label {display: block;}
#comment_form .captcha img {vertical-align: middle;}
#comment_form p.tos {text-align: center;background: #fe9;margin: 5px 0;padding: 5px;font-size: .8em;position: relative;}
/*-- Conectarse **/
#comenta_deslog {border: 1px solid #ccc;margin: 10px 0;}
#frm_conectarse {font-size: .9em;padding: 10px 20px 0px;margin: 0;}
#frm_conectarse legend {font-size: 1.2em;color: #400;padding: 5px 0;text-align: center;font-weight: bold;}
#frm_conectarse p {margin: 5px 0;}
#frm_conectarse p.button {position: relative;}
#frm_conectarse #registrar {margin: 0;text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
#frm_conectarse p label {font-weight: bold;}
#frm_conectarse input {display: block;width: 240px;padding: 2px;font-size: 1.1em;vertical-align: middle;}
#frm_conectarse p.button, #caja_conectarse p.check {margin: 0;text-align: center;}
#frm_conectarse p.check {text-align: left;}
#frm_conectarse p.button label {font-weight: normal;}
#frm_conectarse p.button input, #frm_conectarse p.check input {width: auto;display: inline;padding: 0;}
#frm_conectarse p#accesar {text-align: center !important;}
/*-- Comentario --*/
dl.comentario {background: url(/img/dot.gif) bottom repeat-x;padding:10px;margin: 0;width: 432px;word-wrap:break-word}
dl.comentario.staff {background-color: #eee;}
dl.comentario.staff dt {color: #600;font-size: 1.2em;}
dl.comentario dt {float: right;width: 374px;margin-bottom: 4px;}
dl.comentario .avatar {float: left;}
dl.comentario .fechac {color: #666;font-size: 12px;font-weight: normal;margin: 0;float: right;width: 374px;}
dl.comentario dd.coment {clear: both;font-size: .86em;margin: 10px 0;}
#principal dl.comentario dd p {margin: 5px 0 !important;}
.paginacion {color: #fff;background: #700;margin-top: 10px;font-size: .85em;padding: 0 10px;}
.paginacion span {margin-right: 15px;}
.paginacion a {color: #fff;text-decoration: none;padding: 3px;display: inline-block;margin: 2px 0;line-height: 1em;}
.paginacion a:hover {color: #700;background: #fff;}
.paginacion a.active {background: #400;margin: 0;padding: 5px 8px;}
.paginacion a.active:hover {color: #fff;}
/*-- Errores y alertas --*/
.error {background: #fa8;font-weight: bold;color: #000;padding: 5px 10px;position: relative;}
div.error {margin: 15px 0;padding: 5px 14px;font-size: 1em;}
.exito {background: #daeda3;position: relative;}
div.exito {background: url(/img/icn_exito.gif) 15px .55em no-repeat #daeda3;margin: 15px 0;padding: 5px 14px 5px 40px;font-weight: bold;}
dl.comentario.exito {background-color: #daeda3;}
.cerrados, .nocoment {background: #222 url(/img/icn_coment_lock.gif) 15px .75em no-repeat; color: #fff;padding: 10px 14px 10px 40px;font-size: 1.3em;margin: 10px 0;}
.nocoment {background: #222 url(/img/icn_coment_no.gif) 15px .85em no-repeat;}
.load {font-size: .9em;color: #444; display:none; }
.load * {vertical-align: text-bottom;}
span.load {position: absolute;padding: 10px;}
div.load {text-align: center;background: #f6f6f6;padding: 5px;}