/*********************************************************
 *                  redefinicion de etiquetas            *
 *********************************************************/

    body{margin: 0px;padding: 0px;text-align:center;background-image:url(/img/fondovelvetclaro.png);}
    p, li, div, td, h1, h2{font-family: Verdana, Arial, Helvetica, sans-serif;color:#000000;}
    p, li, div, td{line-height:120%;font-size: 10px;}

/* encabezados */

    h1, h2, h3 {font-family:Arial, Helvetica, sans-serif;font-size:30px;font-style:normal;font-weight:bold;margin:0px;}
    h1{line-height: 0.8em;}
    h2 {line-height: 0.8em;font-size:24px;}
    h3{line-height: 0.8em;font-size:12px;}

/* links */

    a{text-decoration:none;color:inherit;}
    a:hover{text-decoration:underline;}

/* imagenes */

    img.bottom{position:absolute;bottom:0px;right:0px;z-index:1;}
    img.cabecera{display:block;}




/*********************************************************
 *                  estilos generales                    *
 *********************************************************/

/* formularios */


    input, textarea{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #990000;background-color: #FFFFFF;}
    select,option {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #990000}
    input, textarea {border: 1px solid #999999;border-bottom-color: #CCCCCC;border-right-color: #CCCCCC;}
    input.must, textarea.must, select.must, option.must{background-color:#FFEECC;}
    /* formulario login  */

    input.login{width:140px;}

    /* formulario signup */

    input.signup{width:250px;}

    /*formulario panel de control*/

    input.cpanel, textarea.cpanel, select.cpanel{width:520px;margin-bottom:3px;}
    textarea.cpanel{padding-bottom:20px;}
    select.cpanel.filter{width:150px;margin-bottom:3px;}
    textarea.cpanel{height:200px;}
    textarea.cpanel.intro{height:60px;}

    /* boton de submit */

    input.submit{border: 3px double #999999;border-top-color: #CCCCCC;border-left-color: #CCCCCC;padding: 0.25em;background-color: #FFFFFF;background-image: url(/img/fondo_boton.gif);
        background-repeat: repeat-x;color: #333333;font-weight: bold;font-family: Verdana, Helvetica, Arial, sans-serif;width:auto;margin-top:5px;}

    input.submit:active{border: 3px double #CCCCCC;border-top-color: #999999;border-left-color: #999999;}

    /* ventanas de ayuda para cada campo del formulario */

    div.tip{color:#666;padding:5px;margin-top:-3px; border:1px solid #CCCCCC; border-top:none; width:510px;}
    div.tip.txtarea{position:relative;top:-20px;}

    #menu_tip {
        width:200px;
        z-index:80;
        left:160px;
        color:#000000;
    }

    div.tip img{
        position:absolute;
        top:-3px;
        left:-20px;
    }

    /* etiquetas de cada campo */
    label{
        margin-top:5px;
        margin-bottom:2px;
        display:block;
        font-weight:bold;
    }

    label.radio{
        display:inline;
        font-weight:normal;
        position:relative;
        top:-3px;
    }

    /* para los campos desactivados */

    *[disabled]{
        background-color:#FFFFFF;
        color:#CCCCCC;
        border:1px solid #CCCCCC;
    }


/* divs especiales */

    /* formulario de inscripcion */
    #signup{
        margin:20px 30px 10px 30px;
    }

    #ops{
        background-image:url(/img/fondolog.gif);
        background-repeat:repeat-x;
        background-attachment:scroll;
        background-position:left top;
        background-color:#FFFFFF;
        border:1px solid #666666;
        text-align:left;
        margin:20px auto;
        padding-bottom:40px;
        width:350px;
    }

    /* marco para todo el contenido */

    #frame{
        background-image:url(/img/page_content.gif);
        background-repeat:repeat-y;
        position:relative;
        margin:20px auto;
        text-align:left;
        width:740px;
    }

    /* secciones dentro del frame */

    #header, #pagecontent, #pagebottom, #fichaenlace{
        padding:0px 20px 10px 20px;
        width:700px;
    }

    /* secciones dentro del frame con altura fijada */

    #fichareto, #fichaserie, #fichaintro{
        padding:0px 20px 10px 20px;
        width:700px;
        height:261px;
    }

        /* contenido principal de la pagina */

        #pagecontent #main{
            float:left;
            margin-right:5px;
            width:534px;
        }

        /* menu lateral */

        #pagecontent #rightside{
            position:relative;
            float:left;
            color:#FFFFFF;
            background:url(/img/fondo_grana.png);
            background-repeat:repeat;
            width:161px;
            padding-bottom:190px;
        }

            #rightside div{
                color:#FFFFFF;
            }

            #rightside div.tip{
                color:#000000;
            }

            #rightside div.registrate{
                padding-bottom:5px;
                /*background-image:url(/img/fondoregistrate.png);*/
            }

            #rightside div.menureg{
                background-image:url(/img/fondomenureg.png);
                padding-left:15px;
            }

                #rightside div.menureg.section{
                    margin-top:8px;
                    text-align:center;
                    padding-left:3px;
                    background-image:none;
                    color:#CCCCCC;
                    font-weight:bold;
                }

                #rightside div.menureg.logout{
                    margin-bottom:16px;
                    padding-left:15px;
                    background-image:none;
                    background-color:#CC0000;
                    font-weight:bold;
                }

            #rightside > div{
                padding:3px;
                margin:1px 5px 1px 5px;
            }

            #rightside > div.login {
                font-size:8px;
            }

            #rightside a{
                font-weight:bold;
                text-decoration:none;
                color:white;
            }

            #rightside a:hover{
                text-decoration:underline;
            }

    /* disposicion de 3 columnas */


    .col3a, .col3b, .col3c{
        float:left;
        width:173px;
        margin:0px;
        margin-right:6px;
    }

    .col3c{
        margin-right:0px;
    }

    /* disposición de 2 columnas */

    .col2a, .col2b{
        float:left;
        width:264px;
        margin:0px;
        margin-right:6px;
    }

    .col2b{
        margin-right:0px;
        margin-top:-10px;
    }

    /*creditos a pie de pagina */

    #credits{
        width:700px;
    }


    .commentform, .commentlist{
        display:none;
    }

    /* ticket "by mowgli"*/

    .ticket{
        position:absolute;
        left:-6px;
        top:30px;
    }

    /* spread firefox*/
    #spreadfirefox{
        position:absolute;
        right:25px;
        top:280px;
    }

    /* divs de correccion de formato de float */

    .prop {
        float:right;
        width:1px;
    }

    .clear {
        clear:both;
        height:1px;
        overflow:hidden;
    }

    /* formato fichasgrana */

    .fichagrana{
        float:left;
        width:173px;
        margin:0px 7px 0px 0px;
    }

    .fichagrana.dcha{
        margin-right:0px;
    }

        .fichagrana > .inside{
            position:relative;
            height:190px;
            padding:5px 5px 5px 17px;
            background:url(/img/fondo_grana.png);
            background-repeat:repeat;
            color:#FFFFFF;
        }


            .fichagrana .mas{
                font-weight:bold;
                position:absolute;
                top:180px;
                z-index:3;
            }

            .fichagrana a{
                color:#FFFFFF;
            }


            .fichagrana a.item{
                margin-left:-10px;
            }

                    .fichagrana a.item:before{
                        content: url(/img/mayormayor.gif) " ";
                    }

                    .fichagrana a:visited{
                        color:#CCCCCC;
                    }


    .derecha{
        position:relative;
        width:300px;
        left:10px;
        text-align:right;
        margin-bottom:20px;
    }

    .izquierda{
        position:relative;
        width:250px;
        left:-10px;
        text-align:left;
        margin-bottom:20px;
    }



    .rojo{
        color:#CC0000;
    }

    /**
     * Log messages
     */

            div.log{
                padding:5px 25px;
                padding-left:35px;
                color:#333333;
            }

            div.log div.title{
                position:relative;
                left:-15px;
                font-size:12px;
                font-weight:bold;
            }

            div.log .erroritem{
                color:#CC0000;
                margin-left:-10px;
            }

            div.log .erroritem:before{
                content: url(/img/mayormayorrojo.gif) " ";
            }

            div.log .warningitem{
                margin-left:-10px;
            }

            div.log .warningitem:before{
                content: url(/img/mayormayornegro.gif) " ";
            }

            div.log .msgitem{
                margin-left:-10px;
            }

            div.log .msgitem:before{
                content: url(/img/mayormayornegro.gif) " ";
            }

    div.nota_obligatorios{
            color:#CC0000;
            font-weight:bold;
            margin:5px 0px 15px 0px;
    }

    /*******************************************
     * mensajes emergentes
     *******************************************/

    /*noticias*/

            #papel div.news{
                padding:10px;
            }

                #papel div.news span.title{
                    margin-left:10px;
                    display:block;
                    font-weight:bold;
                    color:#000;
                    font-size:20px;
                }

                #papel div.news img.avatar{
                    float:left;
                    margin-right:5px;
                    margin-left:10px;
                    border:1px solid #000;
                }

                #papel div.news span.date{
                    margin-left:10px;
                    margin-top:5px;
                    display:block;
                    color:#666666;
                }

                #papel div.news div.text{
                    margin:10px 10px;
                }

    /*******************************************
     * contador de caracteres en los formularios
     *******************************************/

    div.counterstrip{
        position:relative;
        top:-19px;
        left:-1px;
        background-color:#EEEEEE;
        text-align:right;
        padding:2px;
        margin:-2px 2px 5px 2px;
        width:516px;
        border-top:1px solid #CCCCCC;
    }

    div.counter{
        display:inline;
        width:50px;
        margin-right:5px;
    }

    /*****************************************
     * fechas
     *****************************************/

    span.fecha{
        font-style:normal;
        font-size:9px;
        color:#333333;
    }

    /*****************************************
     * pagers
     *****************************************/

    div.pager{
        text-align:right;
        margin-top:20px;
        margin-bottom:20px;
    }


    span.pager {
        border:1px solid #666666;
        background:#CCCCCC;
        padding:3px;
        margin:2px;
    }

    span.actual{
        background:#CC3333;
    }

    span.form{
        display:block;
    }

    span.marked{
        background-color:#999999;
    }

    img.subheader{
        border-width:0px;
        margin-top:10px;
    }

    .reference{
        position:relative;
    }


    /*****************************************
     * Black Label Adds
     *****************************************/
    #bla1{
        width:470px;
        margin-top:6px;
        margin-left:auto;
        margin-right:auto;
    }

    #bla2{
        color:#CC0033;
        margin-top:30px;
        margin-bottom:30px;
    }