/* Shockview 
Fecha 16/03/10
web controls
*/

html {
    background-color: #dcdcdc;
}

body {
    font-size: 100%;
    font-family: verdana, helvetica;
    line-height: 1.3em;
    text-align: left;
    color: #666666;
}

ul, li, img, body, html, p, h2 {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}

#help a {
    float: right;
    height: 14px;
    width: 14px;
    padding-right: 15px;
    cursor: pointer; /*POINTER*/
    background: url(../images/help.gif) no-repeat;
}

#content {
    text-align: center;
    width: 1007px;
    height: auto;
    margin: auto;
    background-color: #FFFFFF;
}

#contentPop {
    text-align: center;
    width: 100%;
    height: auto;
    margin: auto;
    background-color: #FFFFFF;
}

/* HEADER */

#header {
    width: 1007px;
    height: 117px;
    /*background: url(../images/header.jpg) repeat-y;*/
    background: rgba(0,114,188,1);
    /*background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,114,188,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(0,114,188,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,114,188,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,114,188,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,114,188,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(0,114,188,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0072bc', GradientType=1 );*/
}

#logo {
    float: left;
    background: url('') no-repeat;
    width: 295px;
    height: 85px;
    margin: 10px 0 0 20px;
}

    #logo h1 {
        display: none;
    }

#date {
    width: 230px;
    color: white;
    font-size: 10px;
    text-align: left;
    padding-left: 22px;
    float: left;
    clear: left;
}

#menusec {
    float: left;
    font-size: 0.7em;
    color: #013B6B;
    width: 398px;
    padding-left: 41px;
}

    #menusec li {
        width: auto;
        float: left;
        padding: 10px 5px 0 5px;
    }

        #menusec li a {
            color: #013B6B;
            text-decoration: none;
        }

            #menusec li a:hover {
                color: #000000;
                text-decoration: underline;
            }

        #menusec li#mesaAyuda {
            width: 114px;
            height: 41px;
            margin: 6px 10px;
            border-right: none;
            background: url(../images/mesa_ayuda.gif) no-repeat;
        }

            #menusec li#mesaAyuda span {
                display: none;
            }

#logobs {
    width: 100px;
    height: 49px;
    float: left;
    /*background: url('/Imagenes/Logos/logo_primerolagente.png') no-repeat;*/
    background-size: 100px;
    margin: 32px 20px 0 570px;
}

    #logobs h1 {
        display: none;
    }
/* FIN HEADER */

/*------------------------- HOME ------------------------------*/

/* MENU HOME */
#menu {
    height: 35px;
    float: right;
    margin: 0 0 5px 0;
    padding-left: 10px;
    width: 997px;
    border: 0px;
    background-color: #3B3B3B;
}

    #menu li {
        width: auto;
        float: left;
        margin: 0;
        padding-top: 7px;
    }

        #menu li a {
            text-decoration: none;
            font-size: 13px;
            color: #FFFFFF;
            font-weight: bold;
            padding: 8px 19px;
        }

            #menu li a:hover {
                background-color: #474747;
                width: auto;
            }

/* FIN MENU */

/* LEFT BAR */

#leftBar {
    width: 240px;
    float: left;
    min-height: 300px;
    padding-right: 10px;
}

/* MODULO Consulta de Compras y Contrataciones */

#consultas {
    background: url(../images/bg_green.gif) no-repeat 4px 0;
    margin-left: 15px;
    width: 225px;
    clear: both;
}

    #consultas h2 {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 1em;
        padding: 6px 0 6px 15px;
        text-align: left;
    }

#buscador {
    background: url(../images/fdo1_bloque.gif) no-repeat;
    padding-top: 10px;
}

#numero {
    width: 200px;
    height: 66px;
    margin: 0 5px 0 8px;
    text-align: left;
    padding: 0;
    font-weight: bold;
}

#ej {
    font-size: 9px;
    margin: 0;
    line-height: 1.6em;
    text-align: left;
    padding: 0 0 0 40px;
    font-weight: normal;
}

#input {
    width: 170px;
    height: 21px;
    text-align: left;
    float: left;
    padding-left: 5px;
}

#lupa a {
    float: left;
    background: url(../images/glass.gif) no-repeat 0 0;
    width: 24px;
    height: 28px;
}

    #lupa a span {
        display: none;
    }

#busqueda a {
    font-size: 9px;
    color: #339900;
    float: left;
    padding: 0 0 0 38px;
    text-decoration: none;
    width: 150px;
    height: 22px;
    text-align: left;
    line-height: .8em;
    font-weight: normal;
}

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




#frecuentes {
    background: url(../images/fdo2_bloque.gif) repeat-y;
    float: left;
    text-align: left;
    padding-left: 15px;
}

    #frecuentes #titulo {
        font-size: 11px;
        color: #0692cf;
        text-align: left;
        font-weight: bold;
        height: 35px;
    }

    #frecuentes li {
        width: 195px;
        background: url(../images/bullet.gif) no-repeat 0 4px;
        padding-bottom: 5px;
        padding-left: 13px;
        line-height: 1.2em;
        text-align: left;
        font-size: 11px;
    }

        #frecuentes li a {
            color: #666666;
        }

            #frecuentes li a:hover {
                text-decoration: underline;
                color: #333;
            }

    #frecuentes p {
        font-size: 11px;
        text-align: left;
        width: 200px;
        line-height: 1.5em;
        color: #666666;
        padding-left: 5px;
    }

        #frecuentes p a {
            text-decoration: underline;
            color: #666666;
        }

            #frecuentes p a:hover {
                text-decoration: underline;
                color: #333;
            }

#separadorgris {
    margin: 4px 0;
    background: url(../images/line_gray.gif) no-repeat;
    width: 201px;
    height: 1px;
}

.cierre {
    background: url(../images/base_bloque.gif) no-repeat;
    width: 222px;
    height: 14px;
    clear: both;
}

/* FIN MODULO Consulta de Compras y Contrataciones */

/* MODULO Procesos de Compra Relevantes */

#procesos {
    clear: both;
    width: 200px;
    padding: 10px 0 10px 20px;
}

    #procesos h2 {
        font-size: 13px;
        color: #0692cf;
        text-align: left;
        font-weight: bold;
        line-height: 1.3em;
        margin: 10px 0;
    }

    #procesos li {
        font-size: 11px;
        width: 205px;
        background: url(../images/bullet.gif) no-repeat 0 4px;
        padding-bottom: 5px;
        padding-left: 15px;
        line-height: 1.2em;
        text-align: left;
    }

        #procesos li a {
            color: #818284;
        }

            #procesos li a:hover {
                text-decoration: underline;
                color: #333;
            }

/* FIN Procesos de Compra Relevantes*/

.txtprincipal {
    font-size: 16px;
    color: #0692cf;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
}

#banneriz {
    width: 215px;
    height: 108px;
    border: #cccccc 1px solid;
    margin: 0 0 10px 20px;
}

/* FIN LEFT BAR */


/* CENTER BAR */

#centerBar {
    width: 516px;
    float: left;
    height: auto;
}

#bannerCentral {
    background: url(../images/banner_center.jpg) no-repeat;
    height: 244px;
}

/* OPORTUNIDADES DE VENTAS */

#oportunidades {
    background: url(../images/bg_blue_center.jpg) repeat-x;
    height: 38px;
    text-align: left;
    padding: 16px 0 0 8px;
}

#oportunidadesTitulo {
    width: 400px;
    height: 38px;
    background: url(../images/oportunidades_de_ventas.gif) no-repeat;
}

#oportunidadesCont {
    background: #c2ebfd url(../images/bottom_cuve.jpg) no-repeat center bottom;
    padding: 10px 0;
}

    #oportunidadesCont li {
        font-size: 11px;
        font-weight: bold;
        text-align: left;
        background: url(../images/flecha.gif) no-repeat 13px 8px;
        padding-left: 20px;
    }

        #oportunidadesCont li a {
            text-decoration: none;
            color: #017bce;
        }

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

#oportunidadesCierre {
}
/* FIN OPORTUNIDADES DE VENTAS */

/* NOTICIAS */

#noticias {
    width: 478px;
    margin-left: 11px;
}

    #noticias h2 {
        font-size: 13px;
        color: #0692cf;
        text-align: left;
        font-weight: bold;
        line-height: 1.3em;
        padding: 10px 0 0 0;
    }

.noticia img {
    font-size: 13px;
    color: #0692cf;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    float: left;
    padding-right: 10px;
}

.noticia p a {
    font-size: 11px;
    color: #7f8384;
    text-align: left;
    line-height: 1.3em;
    float: left;
    width: 418px;
    padding-bottom: 3px;
    text-decoration: none;
}

    .noticia p a:hover {
        text-decoration: underline;
    }

.masNoticias p a {
    font-size: 11px;
    color: #7f8384;
    line-height: 1.3em;
}

.nota {
    font-size: 10px;
    color: #7f8384;
    text-align: left;
    line-height: 1.2em;
    float: right;
    width: 420px;
    padding-bottom: 5px;
}

div.noticia {
    border-bottom: #999999 dotted 1px;
    float: left;
    padding: 5px 0;
}

#mas a {
    float: right;
    padding: 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
}

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

/* FIN NOTICIAS */

/* FIN CENTER BAR */


/* RIGHT BAR */

#rightBar {
    width: 228px;
    float: right;
}

/* REGISTRO */

#registro {
    width: 223px;
    background: url(../images/bg_blue.gif) no-repeat 2px 0;
}

    #registro h2 {
        font-size: 12px;
        line-height: 1em;
        padding-top: 7px;
        font-weight: bold;
        height: 24px;
        color: #FFFFFF;
    }

#registroCont {
    width: 221px;
    background: url(../images/fdo1_bloque1.gif) repeat-y;
}

#registroContIni {
    width: 221px;
    background: url(../images/registroContIni.jpg) no-repeat;
}

#registroCont p {
    color: #828385;
    font-size: 11px;
    line-height: 1.5em;
    font-weight: normal;
    text-align: left;
    width: 200px;
    padding: 10px 10px 0 10px;
    height: auto;
}

    #registroCont p a {
        color: #007bbf;
        font-size: 11px;
        font-weight: bold;
        text-decoration: underline;
    }

        #registroCont p a:hover {
            color: #000;
        }

.cierre1, .cierre2 {
    width: 221px;
    height: 13px;
    clear: both;
}

.cierre1 {
    background: url(../images/base_bloque1.gif) no-repeat 0 0;
}

.cierre2 {
    background: url(../images/base_bloque2.gif) no-repeat 0 0;
}
/* FIN REGISTRO */

/* INGRESO DE USUARIOS */

#ingreso {
    width: 223px;
    background: url(../images/bg_orange.gif) no-repeat 2px 0;
    margin-top: 10px;
}

    #ingreso h2 {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 1em;
        padding-top: 7px;
        font-weight: bold;
        height: 24px;
    }


#ingresoCont {
    width: 221px;
    background: url(../images/degrade.jpg) scroll center bottom transparent no-repeat;
}

    #ingresoCont p {
        color: #828385;
        font-size: 11px;
        line-height: 1.5em;
        font-weight: bold;
        text-align: left;
        width: 200px;
        padding: 10px 10px 0 22px;
        height: auto;
    }

        #ingresoCont p a {
            float: right;
            font-weight: normal;
            color: #333;
            padding-right: 24px;
        }

.submit {
    background: url(../images/bt_ingresar.gif) no-repeat 0 5px;
    width: 202px;
    border: 0px;
    padding: 0;
    height: 28px;
    cursor: pointer;
    margin-top: 8px;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
}
/*input {
	background:url(../images/base_input.gif) repeat-x;
	border: 1px solid #CCCCCC; 
	color:#666;
	font-size:11px;
	height:17px;
	padding-top:3px;
}*/

/* FIN INGRESO USUARIOS */

.bannerDer {
    width: 221px;
    height: 108px;
    margin-top: 10px;
    border: 1px solid #c7c6c2;
}

/* FIN RIGHT BAR */

/*------------------------- FIN HOME ------------------------------*/

/*------------------------- TEMPLATE 1 ------------------------------*/

/* HEADER TEMPLATE 1*/
#menuLogin {
    width: 500px;
    float: right;
    font-size: 0.7em;
    color: #FFFFFF;
    padding-left: 41px;
    padding-right: 10px;
    margin-top: 10px;
}

    #menuLogin li {
        width: auto;
        float: right;
        border-right: #FFFFFF dotted 1px;
        padding: 0 5px 0 5px;
    }

        #menuLogin li a {
            color: #FFFFFF;
            text-decoration: none;
        }

            #menuLogin li a:hover {
                color: #FFFFFF;
                text-decoration: underline;
            }

        #menuLogin li.ultimo {
            border-right: none;
        }
/* END HEADER TEMPLATE 1*/


/* MENU TEMPLATE1 */

#menuTemplate1 {
    width: 1007px;
    height: 35px;
    float: right;
    margin: 0;
}

    #menuTemplate1 li {
        float: left;
        text-decoration: none;
        font-size: 13px;
        color: #fff;
        font-weight: bold;
    }

.menu, .menu ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
    height: 35px;
}

    .menu li {
        margin: 0;
        padding: 0;
        border: 0;
        display: block;
        float: left; /* move all main list items into one row, by floating them */
        position: relative; /* position each LI, thus creating potential IE.win overlap problem */
        z-index: 5; /* thus we need to apply explicit z-index here... */
        width: auto;
        margin-left: 10px;
    }

        .menu li:hover {
            z-index: 10000; /* ...and here. this makes sure active item is always above anything else in the menu */
            white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
        }

        .menu li li {
            float: none; /* items of the nested menus are kept on separate lines */
            width: 200px;
            text-align: left;
        }

    .menu ul {
        visibility: hidden; /* initially hide all submenus. */
        position: absolute;
        z-index: 10;
        left: 0; /* while hidden, always keep them at the top left corner, */
        top: 0; /* 		to avoid scrollbars as much as possible */
    }

    .menu li:hover > ul {
        visibility: visible; /* display submenu them on hover */
        top: 100%; /* 1st level go below their parent item */
    }

    .menu li li:hover > ul { /* 2nd+ levels go on the right side of the parent item */
        top: 0;
        left: 100%;
    }

    .menu:after, .menu ul:after {
        content: ".";
        height: 0;
        display: block;
        visibility: hidden;
        overflow: hidden;
        clear: both;
    }

    .menu, .menu ul { /* IE7 float clear: */
        min-height: 0;
    }

        .menu ul {
            /*background-image: url(empty.gif);*/
            padding: 10px 30px 30px 30px;
            margin: -10px 0 0 -30px;
        }

            .menu ul ul {
                padding: 30px 30px 30px 10px;
                margin: -30px 0 0 -10px;
            }
            /* END SUBMENU */


            /* ESITLOS DE DISEŅO */

            .menu, .menu ul li {
                background-color: #3B3B3B ;
                margin: 0;
                box-shadow: 0 6px 12px rgba(0,0,0,.1);
            }

                .menu ul {
                    width: 11em;
                }

                .menu a {
                    text-decoration: none;
                    color: lightgrey;
                    padding: .4em 1em .7em 1em;
                    display: block;
                    position: relative;
                }

                    .menu a:hover {
                        color: #FFFFFF;
                    }

                .menu li:hover > a {
                    color: #FFFFFF;
                    background-color: #474747;
                    font-size: 13px;
                }

                .menu li li { /* PARA BORDES y fondo*/
                    border-bottom: 1px solid;
                    background-color: #FFFFFF;
                    background-image: none;
                }

                .menu ul > li + li { /* and remove the top border on all but first item in the list */
                    border-top: 0;
                }



                /* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
                .menu > li:first-child > a, .menu li + li + li li:first-child > a {
                    /*color: #567;*/
                }

.submenu a {
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    padding: .2em 1em;
}

.submenu li:hover > a {
    color: #000000;
    font-size: 11px;
    background-color: #F5F5F5;
    font-size: 11px;
}

/* Fix for IE5/Mac \*/ /*/
.menu a {
	float: left;
}
/* FIN MENU TEMPALTE 1*/


/* CENTER BAR TEMPLATE 1 */

#centerBarTemplate1 {
    width: 620px;
    float: left;
    height: auto;
}

    #centerBarTemplate1 .titulo_ppal h1 {
        font-size: 16px;
        color: #0692cf;
        text-align: left;
        font-weight: bold;
        line-height: 1.3em;
        margin: 50px 0 10px 30px;
    }

/* DESPLEGABLE */

.desplegable {
    margin: 10px 0 10px 25px;
    float: left;
}

.barra_azul {
    width: 560px;
    background-color: #0789c0;
    float: left;
}

.tit_actos {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}

.barra_ppio {
    float: left;
    background: #0789c0 url(../images/f_tit_izq.gif) no-repeat left top;
    width: 11px;
    height: 34px;
}

.desplegable_titulo {
    width: 358px;
    text-align: left;
    padding-top: 8px;
    float: left;
}

.bt_ayuda {
    float: left;
    padding-right: 5px;
    padding-top: 7px;
    width: 80px;
}

a.txt_verayuda {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    padding-left: 20px;
    background: url(../images/ico_ayuda.gif) no-repeat left top;
}

    a.txt_verayuda:hover {
        text-decoration: underline;
    }

.bt_desplegar {
    float: left;
    padding: 5px 0 0 0;
    width: 100px;
}

.txt_desplegar {
    display: inline-block;
    color: #FFF;
    font-family: Verdana;
    font-size: 11px;
    padding: 3px 10px 0 0;
    background: url(../images/flecha_desplegar.gif) no-repeat right top;
    width: 75px;
}

.barra_celeste {
    text-align: left;
    width: 550px;
    padding-left: 10px;
    float: left;
    background-color: #c2ecfd;
}

.procesando {
    /*display:none;*/
    font-size: 11px;
}

.listadotemas_nombre {
    background: url(../images/bullet.gif) no-repeat 0 5px;
    width: 505px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    float: left;
    padding-left: 15px;
}

.listadonumero a {
    width: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    float: left;
    color: #007baf;
    text-decoration: underline;
}

.barra_celeste_contenido {
    display: none;
    text-align: left;
    width: 525px;
    padding-left: 10px;
    float: left;
    padding-top: 10px;
    line-height: 18px;
    background-color: #c2ecfd;
}

.barra_celeste_cierre {
    width: 560px;
    height: 12px;
    float: left;
    background: #c2ecfd url(../images/esquina_base_actos.jpg) no-repeat bottom right;
}

/* FIN CENTER BAR TEMPLATE 1*/

/* RIGHT BAR TEMPLATE 1*/

#rightBarTemplate1 {
    width: 360px;
    float: right;
    height: auto;
}

/* BIENVENIDO */

#bienvenido {
    width: 360px;
    float: right;
    height: auto;
    background: #f2f2f2 url(../images/linea_degrade.jpg) no-repeat bottom center;
}

    #bienvenido p {
        color: #3B3B3B;
        font-size: 9px;
        float: left;
        font-weight: bold;
        text-align: left;
        line-height: 1.9em;
        margin: 0;
        padding: 15px 30px 10px 13px;
    }
/* END BIENVENIDO */

/* BUSCADOR PROVEEDORES */

#page {
    width: 360px;
    float: left;
    height: auto;
    margin-bottom: 10px;
}

    #page .titulo {
        font-size: 13px;
        color: #707172;
        text-align: left;
        font-weight: bold;
        line-height: 1.6em;
        margin: 10px 0 10px 10px;
    }

    #page .cuit {
        font-size: 13px;
        color: #7f8384;
        text-align: left;
        font-weight: bold;
        line-height: 1.6em;
        margin: 10px 0 10px 10px;
    }

.boton_buscar {
    background: url(../images/bt_buscar.jpg) no-repeat;
    width: 84px;
    border: 0;
    height: 27px;
    cursor: pointer;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 5px;
}

/* FIN BUSCADOR PROVEEDORES */

/* CONSULTAS TEMPLATE 1 */

#consultasTemplate1 {
    background: url(../images/bg_green_template1.gif) no-repeat 4px 0;
    margin-left: 5px;
    width: 263px;
    clear: both;
    float: left;
}

    #consultasTemplate1 h2 {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 1em;
        padding: 6px 0 6px 15px;
        text-align: left;
    }

#buscadorTemplate1 {
    background: url(../images/fdo1_bloque_template1.gif) no-repeat 0 0;
    height: auto;
    padding-top: 10px;
    width: 263px;
}

/*Busquedas Frecuentes template 1*/

#frecuentesTemplate1 {
    background: url(../images/fdo2_bloque_template1.gif) repeat-y;
    float: left;
    text-align: left;
    padding-left: 15px;
    width: 250px;
}

    #frecuentesTemplate1 #titulo {
        font-size: 11px;
        color: #0692cf;
        text-align: left;
        font-weight: bold;
        height: 35px;
    }

    #frecuentesTemplate1 li {
        width: 205px;
        background: url(../images/bullet.gif) no-repeat 0 4px;
        padding-bottom: 5px;
        line-height: 1.2em;
        padding-left: 13px;
        text-align: left;
        font-size: 11px;
    }

        #frecuentesTemplate1 li a {
            color: #666666;
        }

            #frecuentesTemplate1 li a:hover {
                text-decoration: underline;
                color: #333;
            }

    #frecuentesTemplate1 p {
        font-size: 11px;
        text-align: left;
        line-height: 1.5em;
        color: #666666;
        padding-left: 5px;
    }

        #frecuentesTemplate1 p a {
            text-decoration: underline;
            color: #666666;
        }

            #frecuentesTemplate1 p a:hover {
                text-decoration: underline;
                color: #333;
            }

/* fin busquedas frecuentes template 1*/

.cierre3 {
    background: url(../images/base_bloque_template1.gif) no-repeat;
    width: 263px;
    height: 14px;
    clear: both;
}
/* FIN CONSULTAS TEMPLATE 1 */

/* NOTICIAS TEMPLATE 1 */

#noticiasTemplate1 {
    font-size: 13px;
    color: #0692cf;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    width: 260px;
    margin-left: 10px;
    float: left;
}

    #noticiasTemplate1 h2 {
        font-size: 13px;
        color: #0692cf;
        text-align: left;
        font-weight: bold;
        line-height: 1.3em;
        padding: 10px 0 0 0;
    }

div.noticiaTemplate1 {
    clear: both;
    padding-top: 10px;
}

.noticiaTemplate1 img {
    font-size: 13px;
    color: #0692cf;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    float: left;
    padding-right: 10px;
}

.noticiaTemplate1 p a {
    font-size: 11px;
    color: #7f8384;
    text-align: left;
    line-height: 1.3em;
    float: left;
    width: 200px;
    padding-bottom: 5px;
    text-decoration: none;
    font-weight: normal;
}

    .noticiaTemplate1 p a:hover {
        text-decoration: underline;
    }

/* FIN NOTICIAS TEMPLATE 1 */

/* PROCESOS DE COMPRA TEMPLATE 1 */

#procesosTemplate1 {
    clear: both;
    width: 260px;
    padding: 10px 0 10px 0;
    margin-left: 10px;
    float: left;
}

    #procesosTemplate1 h2 {
        font-size: 13px;
        color: #0692cf;
        text-align: left;
        font-weight: bold;
        line-height: 1.3em;
        margin: 10px 0;
    }

    #procesosTemplate1 li {
        font-size: 12px;
        width: 255px;
        background: url(../images/bullet.gif) no-repeat 0 4px;
        padding-bottom: 5px;
        padding-left: 15px;
        line-height: 1.2em;
        text-align: left;
    }

        #procesosTemplate1 li a {
            color: #818284;
            text-decoration: none;
        }

            #procesosTemplate1 li a:hover {
                text-decoration: underline;
                color: #333;
            }
/* FIN PROCESOS DE COMPRA TEMPALTE 1 */

/* END CENTER BAR TEMPLATE 1 */

/*------------------------- FIN TEMPLATE 1 ------------------------------*/


/*------------------------- TEMPLATE 2 ------------------------------*/

#page_pop {
    background-color: #ffffff;
    width: 400px;
    height: auto;
}

    #page_pop .titulo_ppal h1 {
        font-size: 16px;
        color: #0692cf;
        text-align: left;
        font-weight: bold;
        line-height: 1.3em;
        margin: 0 0 10px 30px;
    }

#page {
    width: 900px;
    float: left;
    height: auto;
    min-height: 300px;
}

    #page .titulo_ppal h1 {
        font-size: 16px;
        color: #3B3B3B;
        text-align: left;
        font-weight: bold;
        line-height: 1.3em;
        margin: 0 0 10px 30px;
    }

#rightBarTemplate2 {
    width: 360px;
    float: right;
    height: auto;
    clear: both;
}
/*------------------------- FIN TEMPLATE 2 ------------------------------*/

/* FOOTER */

#footer {
    width: 1007px;
    height: 25px;
    clear: both;
    font-size: 0.6em;
    color: #818284;
    border-top: #333333 dotted 1px;
    background-color: #f2f2f2;
}

    #footer p {
        clear: both;
        height: 15px;
    }

        #footer p a {
            color: #818284;
        }

            #footer p a:hover {
                color: #000;
            }

#footer2 {
    width: 1007px;
    height: 25px;
    clear: both;
    font-size: 0.6em;
    color: #666;
}
/* FIN FOOTER */






/************************ INICIO CSS ICONSTRUYE ***************************/



#baseportales {
    width: 1006px;
    height: 32px;
    margin: 0 auto;
    background-image: url('../imagenes/fondos/base_btn_portales_transp.png');
    background-position: top;
    background-repeat: no-repeat;
}

#menusuperior {
    width: 618px;
    height: 48px;
    vertical-align: middle;
    float: left;
    margin: 0;
}

#m_principal {
    width: 983px;
    height: 35px;
    margin-left: 23px;
    background-image: url('../imagenes/fondos/barra_menu_sup.gif');
    background-repeat: repeat-x;
    background-position: top;
}

#cierre {
    width: 1006px;
    height: 109px;
    margin: 0 auto;
    text-align: center;
}

    #cierre .cajamenu {
        width: 983px;
        height: 35px;
        padding-left: 23px;
    }

/*division_contenido*/
#contenido {
    width: 1006px;
    margin: 0 auto;
    vertical-align: top;
    background-color: #FFFFFF;
}

#contenido_tablas {
    width: 95%;
    height: auto;
}

#contenido_centro {
    width: 515px;
    height: auto;
    margin: 0;
}

#contenido_der {
    width: 226px;
    height: auto;
}

#contenido_privado {
    width: 731px;
    height: auto;
}

/*division_contenido popups*/
#contenido_pop {
    width: 750px;
    height: auto;
    margin: 0 auto;
    position: relative;
    vertical-align: top;
    background-color: #FFFFFF;
    margin-left: 20px;
}

#contenido_tablas_pop {
    width: 95%;
    height: auto;
}

#contenido_pop .titulo_ppal h1 {
    font-size: 16px;
    color: #3B3B3B;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 0 0 10px 30px;
}


#botonDeshabilitado .a:hover {
    text-decoration: none;
    color: #ff0000;
}

/*Textos Comunes*/

.txt_11pxbold {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808284;
    font-weight: bold;
    text-align: left;
}

.txt_11px {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808284;
    font-weight: normal;
    text-align: left;
}

.txt_11px_red_bold {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: Red;
    font-weight: bold;
    text-align: left;
}

.txt_10pxbold {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #515151;
    font-weight: bold;
    text-align: left;
}

.txt_10pxnormal {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #515151;
    font-weight: normal;
    text-align: left;
}

.txt_10px {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #808284;
    font-weight: normal;
    text-align: left;
}

.txt_10px_red {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #DE2A01;
    font-weight: bold;
    text-align: left;
}

.txt_13px_red {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #DE2A01;
    font-weight: bold;
    text-align: left;
}

.txt_13px_lila {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #4f57e4;
    font-weight: bold;
    text-align: left;
}

.txt_13px_naranja {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #ea4613;
    font-weight: bold;
    text-align: left;
}

.txt_12px_red {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #DE2A01;
    font-weight: bold;
    text-align: left;
}

.txt_12px_lila {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #4f57e4;
    font-weight: bold;
    text-align: left;
}

.txt_12px_naranja {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #eb4612;
    font-weight: bold;
    text-align: left;
}

.txt_10px_naranja {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #eb4612;
    font-weight: bold;
    text-align: left;
}

.txt_13px_blue {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #007BAF;
    font-weight: bold;
    text-align: left;
}

.txt_13px_white {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}

.txt_11px_white {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}


/*Links Comunes*/
#page a {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: underline;
    color: #006aac;
    font-weight: normal;
}

    #page a:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: underline;
        color: #006aac;
        font-weight: Normal;
    }

    #page a.10pxbold {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #808284;
        letter-spacing: 0px;
        text-align: center;
        text-decoration: underline;
        font-weight: bold;
    }

        #page a.10pxbold:hover {
            font-family: "Verdana", Arial, Helvetica, sans-serif;
            font-size: 10px;
            color: #424242;
            letter-spacing: 0px;
            text-align: center;
            text-decoration: underline;
            font-weight: bold;
        }

    #page a.10pxregular {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        letter-spacing: 0px;
        text-align: center;
        text-decoration: underline;
        font-weight: normal;
    }

        #page a.10pxregular:hover {
            font-family: "Verdana", Arial, Helvetica, sans-serif;
            font-size: 10px;
            color: #000000;
            letter-spacing: 0px;
            text-align: center;
            text-decoration: underline;
            font-weight: normal;
        }

    #page a.11pxregular {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-decoration: underline;
        color: #808284;
        font-weight: normal;
    }

        #page a.11pxregular:hover {
            font-family: "Verdana", Arial, Helvetica, sans-serif;
            font-size: 11px;
            text-decoration: underline;
            color: #424242;
            font-weight: Normal;
        }

    #page a.11pxbold {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #808284;
        letter-spacing: 0px;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
    }

        #page a.11pxbold:hover {
            font-family: "Verdana", Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #424242;
            letter-spacing: 0px;
            text-align: center;
            text-decoration: none;
            font-weight: bold;
        }

a.navsuperiorblue {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #003C6B;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
}

    a.navsuperiorblue:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 9px;
        color: #424242;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

a.otroscontratos {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #808284;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: underline;
    font-weight: bold;
}

    a.otroscontratos:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #424242;
        letter-spacing: 0px;
        text-align: center;
        text-decoration: underline;
        font-weight: bold;
    }

a.cambiarunidad {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
}

    a.cambiarunidad:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        letter-spacing: 0px;
        text-align: center;
        text-decoration: underline;
        font-weight: normal;
    }

/*-------------------*/

.b_menuprincipal_int a {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    padding-top: 7px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;
    height: 35px;
}

    .b_menuprincipal_int a:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        padding-top: 7px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 7px;
        height: 35px;
        background-color: #036eaa;
    }

/*-------------------*/

/*Base Botones*/
.base_b_ingreseaqui {
    width: 101px;
    height: 19px;
    cursor: pointer;
    margin-top: 5px;
    text-align: left;
    text-indent: 5px;
    vertical-align: middle;
    text-decoration: none;
    background-image: url('../imagenes/botones/base_b_ingrese_aqui.jpg');
    background-repeat: no-repeat;
    background-position: top;
}

.base_b_ingresausuario {
    width: 110px;
    height: 22px;
    cursor: pointer;
    text-align: left;
    text-indent: 5px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    background-image: url('../imagenes/botones/b_ingresar.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_b_extras {
    width: 170px;
    height: 28px;
    cursor: pointer;
    text-align: left;
    text-indent: 5px;
    vertical-align: top;
    text-decoration: none;
    margin: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    background-image: url('../imagenes/botones/b_extras_on.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_b_vermas {
    width: 62px;
    height: 19px;
    cursor: pointer;
    margin-top: 0px;
    vertical-align: top;
    text-decoration: none;
    text-align: center;
    text-decoration: none;
    background-image: url('../imagenes/botones/b_vermas.jpg');
    background-repeat: no-repeat;
    background-position: top;
}

/*-------------------*/

.base_b_proveedor_on {
    width: 178px;
    height: 27px;
    background-image: url('../imagenes/botones/b_portal_proveedor_on.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_b_comprador_on {
    width: 178px;
    height: 27px;
    background-image: url('../imagenes/botones/b_portal_comprador_on.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_b_comprador_on_azul {
    width: 178px;
    height: 27px;
    background-image: url('../imagenes/botones/b_int_ver_azul.gif');
    background-repeat: no-repeat;
    background-position: top;
}

/*-------------------*/

.cajas {
    background-image: url('../imagenes/fondos/caja_form_ingreso_usuario.gif');
    background-position: bottom;
    background-repeat: repeat-x;
}


/*-------------------*/ /*-------------------*/ /*-------------------*/ /*-------------------*/ /*-------------------*/ /*-------------------*/
/*-------------------*/ /*-------------------*/ /*-------------------*/ /*-------------------*/ /*-------------------*/ /*-------------------*/


/*Textos privado*/

.txt_10regular {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #707172;
    font-weight: normal;
    text-align: left;
}

.txt_10bold {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #707172;
    font-weight: bold;
    text-align: left;
}

.txt_11regular {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #707172;
    font-weight: normal;
    text-align: left;
}

.txt_11bold {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #707172;
    font-weight: bold;
    text-align: left;
}

.listado {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #707172;
    font-weight: normal;
    text-align: left;
}

.listado_1 {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #B40404;
    font-weight: normal;
    text-align: left;
}

.listado_2 {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #01DF01;
    font-weight: normal;
    text-align: left;
}

.destacado_listado {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #007baf;
    font-weight: normal;
    text-align: left;
}

.usuario_registrado {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #007baf;
    font-weight: bold;
    text-align: left;
}

.temas_result_busqueda {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}

.resultados_encontrados {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #007baf;
    font-weight: bold;
    text-align: left;
}

.paso_activo {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e0690e;
    font-weight: normal;
    text-align: left;
}

.paso_desactivo {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #878889;
    font-weight: normal;
    text-align: left;
}

.asterisco_nota {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ca0601;
    font-weight: normal;
    text-align: left;
}

.nota_obligatoria {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #3e3d40;
    font-weight: normal;
    text-align: left;
}


.subtitulo {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #303030;
    font-weight: bold;
    text-align: left;
}

.descripcion_tabla {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #007baf;
    font-weight: normal;
    text-align: left;
}

.asterisco_tabla {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ca0601;
    font-weight: bold;
    text-align: left;
}

.datos_tabla {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #707172;
    font-weight: normal;
    text-align: left;
}

.tema_tabla {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #007baf;
    font-weight: bold;
    text-align: left;
}

.tema_tabla_busqueda {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #349101;
    font-weight: bold;
    text-align: left;
}

.tema_tablagris {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
    text-align: left;
}

.txt_ayuda {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    text-align: left;
}

.tit_actos {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}

.titulo {
    font-family: "Tahoma", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #707172;
    font-weight: bold;
    text-align: left;
}

.titulo_principal {
    font-family: "Tahoma", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #3B3B3B;
    font-weight: bold;
    text-align: left;
}

/*links privado*/

a.onceboldblanco {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
}

    a.onceboldblanco:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: bold;
    }

a.onceblanco {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
}

    a.onceblanco:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

a.onceboldazul {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #007baf;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
}

    a.onceboldazul:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #007baf;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: bold;
    }

a.onceazul {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #007baf;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
}

    a.onceazul:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #007baf;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

a.listadotemas {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3e3d40;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
}

    a.listadotemas:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #3e3d40;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

a.listadonumero {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #007baf;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: underline;
    font-weight: bold;
}

    a.listadonumero:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #007baf;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: bold;
    }


/*Base Botones privado*/

.b_verde_g {
    width: 160px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_verde.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_verde_super_g {
    width: 238px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_verde_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_verde_super {
    width: 238px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_verde_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_verde_m {
    width: 119px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    background-image: url('../imagenes/botones/b_mediano_verde.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_verde_ch {
    width: 145px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_chico_verde.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_verde_buscar {
    width: 84px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_verde_buscar.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_amarillo_buscar {
    width: 84px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_amarillo_buscar.png');
    background-repeat: no-repeat;
    background-position: top;
}

.b_amarillo_buscar_ancho 
{
    width: 84px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_amarillo_buscar_ancho.png');
    background-repeat: no-repeat;
    background-position: top;
}

.b_amarillo_documentacion
{
    width: 400px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('imagenes/botones/b_grande_amarillo_sin_flecha.png');
    background-repeat: no-repeat;
    background-position: top;
}

.b_azul_g {
    width: 160px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_azul.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_azul_m {
    width: 119px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    background-image: url('../imagenes/botones/b_mediano_azul.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_azul_ch {
    width: 145px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_chico_azul.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_rojo_g {
    width: 160px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_rojo.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_rojo_g_sf {
    width: 160px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('imagenes/botones/b_grande_rojo_sin_flecha.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_rojo_m {
    width: 119px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    background-image: url('../imagenes/botones/b_mediano_rojo.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_rojo_ch {
    width: 145px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_chico_rojo.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_gris_g {
    width: 160px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_gris.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_gris_super_g {
    width: 238px;
    height: 50px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_gris_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_gris_m {
    width: 119px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    background-image: url('../imagenes/botones/b_mediano_gris.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_gris_ch {
    width: 145px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_chico_gris.gif');
    background-repeat: no-repeat;
    background-position: top;
}

/*Base Botones privado 238*/
.b_verde_g_238 {
    width: 238px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_verde_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_verde_m_238 {
    width: 238px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    background-image: url('../imagenes/botones/b_mediano_verde_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_verde_m_250 {
    width: 250px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    background-image: url('../imagenes/botones/b_mediano_verde_250.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_verde_ch_238 {
    width: 238px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_chico_verde_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_azul_g_238 {
    width: 238px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_azul_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_azul_m_238 {
    width: 238px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    background-image: url('../imagenes/botones/b_mediano_azul_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_azul_ch_238 {
    width: 238px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_chico_azul_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_azul_c_338 {
    width: 338px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_chico_azul_338.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_rojo_g_238 {
    width: 238px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_rojo_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_rojo_m_238 {
    width: 238px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    background-image: url('../imagenes/botones/b_mediano_rojo_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_rojo_ch_238 {
    width: 238px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_chico_rojo_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_gris_g_238 {
    width: 238px;
    height: 39px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
    background-image: url('../imagenes/botones/b_grande_gris_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_gris_m_238 {
    width: 238px;
    height: 36px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
    background-image: url('../imagenes/botones/b_mediano_gris_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_gris_ch_238 {
    width: 238px;
    height: 27px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 4px;
    background-image: url('../imagenes/botones/b_chico_gris_238.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_int_g {
    width: 200px;
    height: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 3px;
    background-image: url('../imagenes/botones/b_int_grande.gif');
    background-repeat: no-repeat;
    vertical-align: top;
}

.b_int_m {
    width: 119px;
    height: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 3px;
    background-image: url('../imagenes/botones/b_int_mediano.gif');
    background-repeat: no-repeat;
    vertical-align: top;
}

/*Fin Base Botones privado 238*/

.b_int_ver {
    width: 55px;
    height: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    background-image: url('../imagenes/botones/b_int_ver.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_int_ver_azul {
    width: 55px;
    height: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    background-image: url('../imagenes/botones/b_int_ver_azul.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_int_buscar {
    width: 75px;
    height: 24px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    background-image: url('../imagenes/botones/b_int_buscar.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_int_ocultar {
    width: 67px;
    height: 16px;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    margin-top: 8px;
    background-image: url('../imagenes/botones/fle_ocultar.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.b_int_desplegar {
    width: 67px;
    height: 16px;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    margin-top: 8px;
    background-image: url('../imagenes/botones/fle_desplegar.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_paso1_on {
    width: 170px;
    height: 64px;
    text-align: left;
    text-decoration: none;
    padding-top: 35px;
    background-image: url('../imagenes/botones/registro_paso1_on.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_paso1_off {
    width: 170px;
    height: 64px;
    text-align: left;
    text-decoration: none;
    padding-top: 35px;
    background-image: url('../imagenes/botones/registro_paso1_off.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_paso2_on {
    width: 170px;
    height: 64px;
    text-align: left;
    text-decoration: none;
    padding-top: 35px;
    background-image: url('../imagenes/botones/registro_paso2_on.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_paso2_off {
    width: 170px;
    height: 64px;
    text-align: left;
    text-decoration: none;
    padding-top: 35px;
    background-image: url('../imagenes/botones/registro_paso2_off.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_paso3_on {
    width: 170px;
    height: 64px;
    text-align: left;
    text-decoration: none;
    padding-top: 35px;
    background-image: url('../imagenes/botones/registro_paso3_on.gif');
    background-repeat: no-repeat;
    background-position: top;
}

.base_paso3_off {
    width: 170px;
    height: 64px;
    text-align: left;
    text-decoration: none;
    padding-top: 35px;
    background-image: url('../imagenes/botones/registro_paso3_off.gif');
    background-repeat: no-repeat;
    background-position: top;
}

/*-------------------*/
.fondoverde_alerta {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #dff0d8;
    border-bottom: #d6e9c6 1px solid;
    border-top: #d6e9c6 1px solid;
    text-align: left;
}

.fondoamarillo {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #fffada;
    border-bottom: #ffd87a 1px solid;
    border-top: #ffd87a 1px solid;
    font-family: "Verdana", Arial;
    font-size: 10px;
    color: Gray;
    font-weight: bold;
    margin: 0px;
    line-height: 1.5em;
}

.fondoblanco {
    background-color: #ddfedd;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

.fondorojo {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffdcda;
    border-bottom: #ffa4a0 1px solid;
    border-top: #ffa4a0 1px solid;
}

.fondogrisindice {
    background-color: #f9f9f9;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}
/*-------------------*/

.cabeceratabla {
}
/*-------------------*/

table.contorno {
    border-bottom: #cecece 1px solid;
    border-left: #cecece 1px solid;
    border-right: #cecece 1px solid;
    border-top: #cecece 1px solid;
}

/*-------------------*/

.fondotituloarea {
    background-position: top;
    height: 35px;
}

/*-------------------*/

.fondoazul {
    background-color: white;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

.fondogris {
    background-color: #f2f2f2;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

.fondoblanco {
    background-color: #fFFFFF;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

tr.fila1 {
    padding: 5px;
    background-color: #D3F0FC;
    text-align: center;
    height: 30px;
}

tr.fila2 {
    padding: 5px;
    background-color: #FFFFFF;
    text-align: center;
    height: 30px;
}

table.contorno {
    border-bottom: #cecece 1px solid;
    border-left: #cecece 1px solid;
    border-right: #cecece 1px solid;
    border-top: #cecece 1px solid;
}

/*-------------------*/


.titulotitulodescripcion {
    font-family: "Verdana";
    font-size: 13px;
    color: #ff8e1f;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
}

.tituloexito {
    font-family: "Verdana";
    font-size: 13px;
    color: #24c524;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
}

.tituloerror {
    font-family: "Verdana";
    font-size: 13px;
    color: #d20607;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
}

.alertaroja {
    font-family: "Verdana";
    font-size: 11px;
    color: #d20607;
    font-weight: normal;
}

.tablaencabezado {
    width: 100%;
    background-color: #D3F0FC;
    border: 1px solid #8bc8e1;
    padding: 5px;
    text-align: left;
}

a.linkgris {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: underline;
    color: #808284;
    font-weight: normal;
}

a.linkazul {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #006aac;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: underline;
    font-weight: normal;
}

    a.linkazul:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #00436d;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

a.linkverde {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #019202;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: underline;
    font-weight: normal;
}

    a.linkverde:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #005c43;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

a.linkrojo {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #cd0200;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: underline;
    font-weight: normal;
}

    a.linkrojo:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #6d0200;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }


/* 
	Panel fondo transparente que cubre toda la pantalla.
*/
.FondoGrisTransparente {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #a7aab9;
    filter: alpha(opacity=70);
    opacity: 0.4;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    z-index: 20001;
}
/* 
    Panel al centro de la pantalla donde se visualiza la imagen y el mensaje.
*/
.PanelProgresoCentroPagina {
    z-index: 99999;
    text-align: center;
    vertical-align: middle;
    position: fixed;
    bottom: 50%;
    left: 45%;
}

    .PanelProgresoCentroPagina img {
        width:75px !important;
        height:75px !important;
    }

.PanelCancelarPeticionAsincrona {
    top: 0px;
    right: 0px;
}


tr.cabeceratabla {
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #FFFFFF;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

tr.cabeceratablaRenglonOferta {
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #FFFFFF;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

table.contorno {
    border-bottom: #cecece 1px solid;
    border-left: #cecece 1px solid;
    border-right: #cecece 1px solid;
    border-top: #cecece 1px solid;
}

/*-------------------*/

td.styleOferta {
    text-align: left;
    text-indent: 5px;
    height: 20px;
}

td.fondotituloarea {
    background-position: top;
    height: 35px;
}

td.fondotituloareaRenglonOferta {
    background-position: top;
    height: 25px;
}

/*-------------------*/

.fondoazul {
    background-color: white;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

.fondoazulclaro {
    background-color: #f0faff;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

.fondoverde {
    background-color: #dff0d8;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

.fondogris {
    background-color: #f2f2f2;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

.fondoblanco {
    background-color: #fFFFFF;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

.fondogrisindice {
    background-color: #f9f9f9;
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
    height: 30px;
    border: none;
}

tr.fila1 {
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #D3F0FC;
    text-align: center;
    height: 30px;
    font-size: 9px;
}

tr.fila2 {
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #FFFFFF;
    text-align: center;
    height: 30px;
    font-size: 9px;
}

tr.fila3 {
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #f0faff;
    text-align: center;
    height: 30px;
}

tr.fila1Oferta {
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #D3F0FC;
    text-align: center;
    height: 30px;
}

tr.fila2Oferta {
    padding-bottom: 5px;
    padding-top: 5px;
    background-color: #FFFFFF;
    text-align: center;
    height: 30px;
}

table.contorno {
    border-bottom: #cecece 1px solid;
    border-left: #cecece 1px solid;
    border-right: #cecece 1px solid;
    border-top: #cecece 1px solid;
}

/*-------------------*/

.titulodescripcion {
    font-family: "Verdana";
    font-size: 13px;
    color: #ff8e1f;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
}

.subtitulodescripcion {
    font-family: "Verdana";
    font-size: 10px;
    color: #24c524;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: lighter;
}

.tituloexito {
    font-family: "Verdana";
    font-size: 13px;
    color: #24c524;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
}

.tituloerror {
    font-family: "Verdana";
    font-size: 13px;
    color: #d20607;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
}

.alertaroja {
    font-family: "Verdana";
    font-size: 11px;
    color: #d20607;
    font-weight: normal;
}

.fondoamarillo {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #fffada;
    border-bottom: #ffd87a 1px solid;
    border-top: #ffd87a 1px solid;
    text-align: left;
}

.fondoverde_alerta {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #dff0d8;
    border-bottom: #d6e9c6 1px solid;
    border-top: #79dc79 1px solid;
    text-align: left;
}

.fondorojo {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #ffdcda;
    border-bottom: #ffa4a0 1px solid;
    border-top: #ffa4a0 1px solid;
    text-align: left;
}

a.linkazul {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #006aac;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: underline;
    font-weight: normal;
}

    a.linkazul:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #00436d;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

a.linkverde {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #019202;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: underline;
    font-weight: normal;
}

    a.linkverde:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #005c43;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

a.linkrojo {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #cd0200;
    letter-spacing: 0px;
    text-align: left;
    text-decoration: underline;
    font-weight: normal;
}

    a.linkrojo:hover {
        font-family: "Verdana", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #6d0200;
        letter-spacing: 0px;
        text-align: left;
        text-decoration: underline;
        font-weight: normal;
    }

/*-----------------------*/

.textAreas {
    border: 1px solid rgb(194, 194, 194);
    height: 100px;
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana;
    color: rgb(102, 102, 102);
}

.txtOferta, .txtObservacion {
    font-weight: normal;
    font-size: 11px;
    font-family: Verdana;
    color: rgb(102, 102, 102);
}


/*-----------------------*/

.link_semaforo {
    display: block;
    padding-left: 44%;
}

.semaforo_amarillo, .semaforo_verde, .semaforo_gris, .semaforo_rojo {
    background-repeat: no-repeat;
    background-position: center;
    height: 26px;
    width: 26px;
}

.semaforo_amarillo {
    background-image: url('../imagenes/iconos/amarillo.png');
}

.semaforo_verde {
    background-image: url('../imagenes/iconos/verde.png');
}

.semaforo_rojo {
    background-image: url('../imagenes/iconos/rojo.png');
}

.semaforo_gris {
    background-image: url('../imagenes/iconos/gris.png');
}

.datos_mesa_ayuda {
    text-align: left;
    display: inline-block;
    margin: 10px auto 10px auto;
    padding: 10px;
}

    .datos_mesa_ayuda div {
        width: 380px;
    }

.telefonos_mesa_ayuda, .email_mesa_ayuda {
    margin-bottom: 10px;
}

    .telefonos_mesa_ayuda div {
        text-align: center;
    }

/*-----------------------*/
/* Modal para estilo viejo */

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 70%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-header {
    padding: 2px 16px;
    background-color: #efefef;
    color: black;
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #fefefe;
    color: black;
}