/* 
================================
 Container Styles for DotNetNuke
================================
*/   

/*
================================
       Contenedor El Arca
================================
*/


#TablaContArca
{
    width: 100%;
    height: 100%;
    border: 0px solid #90908f;
    background: transparent;
    vertical-align: top;
}

#TablaTituloContArcaTD
{
    width: 100%;
    height: 24px;
    border: 0px solid #90908f;
    vertical-align: middle;
    background: transparent;
    padding: 5px 15px 10px 15px;
}

#TablaTituloContArca
{
    width: 100%;
    height: 24px;
    border: 0px solid #90908f;
    vertical-align: middle;
    background: url("images/t1.gif") no-repeat left center transparent;
}

#espacioContArca
{
    width: 11px;
    height: 24px;
    background: transparent;
}

#iconoContArca
{
    width: 2%;
    height: 24px;
    vertical-align: middle;    
    padding: 0px 2px 0 0px;
    text-align: center;
    background: url("images/t2.gif") right center no-repeat transparent;
}

.tituloContArca
{
    width: 8%;
    height: 24px;
    vertical-align: middle; 
    padding: 0 0 0px 15px;
    margin: 0 0 0 15px;
    font-family: Century Gothic, Tahoma;
    font-size: medium;
    font-weight: normal;
    color: #d40a0f;
    text-align: left;
    background: #94b55f;
}

#accionesContArca
{
    width: 89%;
    vertical-align: middle;
    text-align: right;
    background: #94b55f;
}


.contenidoContArca
{
    height: 100%;
    vertical-align: top;
    font-family: Century Gothic, Tahoma;
    font-size: x-small;
    font-weight: normal;
    padding: 0px 20px 5px 25px;
    background: transparent;
}


/*
================================
   Contenedor El Arca Transp
================================
*/


#TablaArcaTransp
{
    width: 100%;
    height: 100%;
    border: 0px solid #90908f;
    background: transparent;
    vertical-align: top;
}

#accionesArcaTransp
{
    width: 89%;
    vertical-align: middle;
    text-align: right;
    background: transparent;
}


.contenidoArcaTransp
{
    height: 100%;
    vertical-align: top;
    font-family: Century Gothic, Tahoma;
    color: #ffffff;
    font-size: x-small;
    font-weight: normal;
    padding: 5px 20px 10px 25px;
    background: transparent;
}



/*
================================
       Contenedor Negro
================================
*/

#TablaNeg
{
    width: 100%;
    border: 0px solid #90908f;
    background: transparent;
    vertical-align: top;
}

#TablaContenidoNegTD
{
    width: 99%;
    height: 100%;
    padding: 6px 0 0 0;
}

#TablaContenidoNeg
{
    width: 100%;
    height: 100%;
    border: 0px solid #90908f;
    vertical-align: top;
    background: #0d0a1b;
}

#TablaTituloNeg
{
    width: 100%;
    border: 0px solid #90908f;
    vertical-align: middle;
    background: url("images/negt.jpg") repeat-x right top #0d0a1b;
}

#accionesNeg
{
    width: 5%;
    vertical-align: middle;
    text-align: right;
    background: transparent;
}


.contenidoNeg
{
    font-family: Century Gothic;
    font-size: x-small;
    font-weight: normal;
    color: #ffffff;
    padding: 0px 1px 6px 6px;
    background: url("images/negb.jpg") repeat-x right bottom #0d0a1b;
}

#TablaNegLTD
{
    width: 1%;
    height: 100%;
    padding: 6px 0 0 0;
}

#TablaNegL
{
    width: 100%;
    height: 100%;
    border: 0px solid #90908f;
    vertical-align: top;
    background: transparent;
}

.negl
{
    width: 11px;
    height: 98%;
    background: url("images/negl.jpg") repeat-y right top transparent;
    border: 0px solid red;
}

#esqneglt
{
    width: 11px;
    height: 1%;
    background: url("images/esqneglt.jpg") no-repeat right top transparent;
    vertical-align: top;
}

#esqneglb
{
    width: 11px;
    height: 1%;
    background: url("images/esqneglb.jpg") no-repeat right bottom transparent;
    vertical-align: bottom;
}

#TablaNegRTD
{
    width: 1%;
    height: 100%;
    padding: 6px 0 0 0;
}

#TablaNegR
{
    width: 100%;
    height: 100%;
    border: 0px solid #90908f;
    vertical-align: top;
    background: transparent;
}

.negr
{
    width: 11px;
    height: 98%;
    background: url("images/negr.jpg") repeat-y left top transparent;
    border: 0px solid red;
}

#esqnegrt
{
    width: 11px;
    height: 1%;
    background: url("images/esqnegrt.jpg") no-repeat left top transparent;
    vertical-align: top;
}

#esqnegrb
{
    width: 11px;
    height: 1%;
    background: url("images/esqnegrb.jpg") no-repeat left bottom transparent;
    vertical-align: bottom;
}