/* 
    Document   : plantillaNotas
    Created on : 25-nov-2008, 13:24:16
    Author     : sandovaledwin
    Description:
        Purpose of the stylesheet follows.
*/
div#areaArticulo{
    width:538px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
div#tituloAreaArticulo{
    width:535px;
    height:90px;
}
div#pestanaAreaArticulo{
    width:535px;
    height:40px;
    background:transparent url(http://www.syscom.com.mx/imagenes/notas/vineta-titulo.jpg) no-repeat bottom left;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:18px;
    color:#333333;
    margin:20px 5px 5px 5px;
}
div#contentAreaArticulo{
    width:535px;
    margin:5px 5px 5px 5px;
}
div#resumenContentAreaArticulo{
    width:366px;
    float:left;
}
div#headerResumenContentAreaArticulo{
    width:366px;
    height:18px;
    background-image:url(http://www.syscom.com.mx/imagenes/notas/headerResumen.jpg);
}
div#bodyResumenContentAreaArticulo{
    width:366px;
    background:transparent url(http://www.syscom.com.mx/imagenes/notas/bodyResumen.jpg) repeat-y top left;
}
#bodyResumenContentAreaArticulo p{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#333333;
    text-align:justify;
    margin:10px 5px 3px 5px;
    padding-left:5px;
    padding-right:5px;
}
#bodyResumenContentAreaArticulo span{
    color:#CC0000;
}
#bodyResumenContentAreaArticulo table{
    margin:5px 5px 5px 20px;
}
div#footerResumenContentAreaArticulo{
    width:366px;
    height:18px;
    background-image:url(http://www.syscom.com.mx/imagenes/notas/footerResumen.jpg);
}
div#menusContentAreaArticulo{
    width:169px;
    float:left;
}
#menusContentAreaArticulo ul{
    margin:5px 5px 5px 5px;
}
#menusContentAreaArticulo li{
    width:133px;
    height:59px;
    background:transparent url(http://www.syscom.com.mx/imagenes/notas/fondo_btn.jpg) no-repeat top right;
    text-align:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
/*
#menusContentAreaArticulo li:hover{
    background:transparent url(http://www.syscom.com.mx/imagenes/notas/over_btn.jpg) no-repeat top right;
}
*/
.itemMenusContentAreaArticulo{
    width:126px;
    height:59px;
    margin:0px 0px 0px 7px;
    padding:0px 0px 0px 0px;
}
.iconoMailMenusContentAreaArticulo{
    width:20px;
    height:59px;
    background:transparent url(http://www.syscom.com.mx/imagenes/notas/cartaIcono.jpg) no-repeat center;
    float:left;
    padding-left:5px;
}
.iconoMenusContentAreaArticulo{
    width:20px;
    height:59px;
    background:transparent url(http://www.syscom.com.mx/imagenes/notas/nota_icn.jpg) no-repeat center;
    float:left;
    padding-left:5px;
}
.botonMenusContentAreaArticulo{
    width:97px;
    height:50px;
    float:left;
    padding:23px 1px 1px 3px;
}
.linkMenusContentAreaArticulo {
    color:#525FA3;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
}
a.linkMenusContentAreaArticulo:link {
    text-decoration:none;
}
a.linkMenusContentAreaArticulo:visited {
    text-decoration:none;
}
a.linkMenusContentAreaArticulo:active {
    text-decoration:none;
}
a.linkMenusContentAreaArticulo:hover {
    text-decoration:none;
}
.mouseOver{ }

.panelAreaArticulo{
    width:126px;
    margin-left:10px;
    float:left;
}
.sectionPanelAreaArticulo{
    width:126px;
    background:#FFFFFF url(http://www.syscom.com.mx/imagenes/notas/fondoDescargasPanelArticulos.jpg) top left;
    margin:5px 3px 5px 3px;
    padding:0px 0px 0px 0px;
    float:left;
}
.headerPanelAreaArticulo{
    width:126px;
    height:24px;
    background:transparent url(http://catalogo.syscom.com.mx/img/syscompurpura/paneles/headerLargePanel.jpg) no-repeat top left;
}
.contentPanelAreaArticulo{
    width:126px;
    background:transparent url(http://www.syscom.com.mx/imagenes/notas/contentDescargasPanelArticulos.jpg) no-repeat top left;
}
.contentPanelAreaArticulo li{
    width:133px;
    text-align:left;
    list-style-type:none;
}
.itemPanelAreaArticulo{
    width:126px;
}
.iconoPanelAreaArticulo{
    width:20px;
    height:30px;
    background:transparent url(http://www.syscom.com.mx/imagenes/notas/carpeta_icn.jpg) no-repeat center;
    float:left;
    padding-left:5px;
}
.botonPanelAreaArticulo{
    width:97px;
    height:30px;
    float:left;
    padding:10px 1px 1px 3px;
}
.linkPanelAreaArticulo{
    color:#525FA3;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
}
a.linkPanelAreaArticulo:link {
    text-decoration:none;
}
a.linkPanelAreaArticulo:visited {
    text-decoration:none;
}
a.linkPanelAreaArticulo:active {
    text-decoration:none;
}
a.linkPanelAreaArticulo:hover {
    text-decoration:none;
    color:#FF9900;
}
.footerPanelAreaArticulo{
    width:126px;
    height:25px;
    background:transparent url(http://www.syscom.com.mx/imagenes/notas/footerDescargasPanelArticulos.jpg) no-repeat bottom left;
}
.botonesNaranja {
    background-image:url(http://www.syscom.com.mx/imagenes/notas/botonAmarillo.jpg);
    background-repeat:no-repeat;
    border:0 none;
    color:#FFFFFF;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    height:28px;
    text-align:center;
    width:76px;
}
.cajasGrises{
    margin:1px 1px 1px 5px;
    background-color:#F5F6F6;
    border: 1px solid #A4ADB1;
}
.msjDeConfirmacion{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#333333;
    text-align:center;
    margin:10px 5px 3px 5px;
    padding-left:5px;
    padding-right:5px;
}
.msjDeError{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#E60022;
    text-align:center;
    margin:10px 5px 3px 5px;
    padding-left:5px;
    padding-right:5px;
}
.linkDeRetorno{
    color:#333333;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
    padding-left:5px;
    text-decoration:underline;
}
a.linkDeRetorno:link {
    text-decoration:underline;
}
a.linkDeRetorno:visited {
    text-decoration:underline;
}
a.linkDeRetorno:active {
    text-decoration:underline;
}
a.linkDeRetorno:hover {
    text-decoration:underline;
    color:#FF9900;
}
.linkNavigationPath{
    color:#333333;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:12px;    
    text-decoration:underline;
}
a.linkNavigationPath:link {
    text-decoration:none;
}
a.linkNavigationPath:visited {
    text-decoration:none;
}
a.linkNavigationPath:active {
    text-decoration:underline;
}
a.linkNavigationPath:hover {
    text-decoration:underline;
    color:#FF9900;
}

.tablasCategorizadas td{
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#333333;
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 5px;

}