/* CSS STYLE para armoMIpc.com v 1.0 */
    /* Enrique Avalle, 18.10.2003 */

    BODY
    {
        BACKGROUND-COLOR: #27394f;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 9px;
        FONT-WEIGHT: normal;
        LETTER-SPACING: normal;
        TEXT-TRANSFORM: none;
        WORD-SPACING: normal;
        margin: 0 0;
    }
    /* ARMAZON PRINCIPAL: */
    div.header
	    {
	    width:100%;
	    border-bottom: solid 1px #000;
	    margin-bottom:0px;
	    }
	    
div.logizq 
{  float:left;
    

    
}
div.logder 
{  float:right;

    
}

div.menu 
{   clear: both;
    width:100%;
    BACKGROUND-COLOR:#858585;
    margin-bottom:0px;
}
    	
    /* BARRA DE MENU: */
    .nav   
    {  
	    width:450px;
        text-align:center;
        margin-left:auto;
        margin-right:auto;
        }	
    .nav td 
    {
     background: #ffa311;
    }
    	
    div.principal
	    {
	    margin-top:0px;
	    padding:0px;
	    width: 100%;
	    margin-left: auto;
	    margin-right: auto;

	    }
    #sidebar 
    {
        margin-top:0px;
        margin-right:0px;
	    vertical-align:top;
	    padding: 5px;
	    border-left: 1px solid #4c627a;
	    width: 20%;
	    background:#b7cce1;
		    }
    #catalogo {
	    vertical-align:top;
	    padding: 5px;
	    margin-top:0px;
	    margin-left:0px;
	    border-right: 1px solid #4c627a;
	    width: 20%;
	    background:#27394f;	
	    }
 
    #catalogo h4 
    {
        color:#fff;
    }
	#catalogo a 
		{color:#fff;
		}
	#catalogo .navertical a 
		{color:#000;
		}
    #mainarea 
    {
        margin-top:0px;
        border-top: solid 1px #4c627a;
	    background: #ecf7fd;
	    vertical-align:top;
	    padding: 5px;
	    width:60%;
	    }
    H1, H2, H3, H4, H5, TH, THEAD, TFOOT
    {
        COLOR: #000;
    }
    H1	
    {
	    background-image: url("/images/a hacer.gif");
	    background-position:center left;
	    background-repeat: no-repeat;
	    font-size:	16px;
	    font-style:	normal;
	    text-decoration:	none;
	    word-spacing:	normal;
	    letter-spacing:	normal;
	    text-transform:	none;
	    padding: 4px 2px 2px 15px;
	    margin-top: 5px;
	    margin-bottom: 2px;
	    border-bottom: 4px solid #4c627a;
	    }	
    H2	{	
	    font-size:	14px;
	    font-style:	normal;
	    text-decoration:	none;
	    word-spacing:	normal;
	    letter-spacing:	normal;
	    text-transform:	none;
	    padding: 2px;
	    margin-top: 2px;
	    margin-bottom: 2px;
	    border-bottom:2px solid #4c627a;
	    }
    H3	{	
	    text-align:center;
	    padding:5px;
	    font-size:	18px;
	    background: #fff;
	    font-style:	normal;
	    text-decoration:	none;
	    word-spacing:	normal;
	    letter-spacing:	normal;
	    text-transform:	none;
	    margin-top: 6px;
	    margin-bottom: 2px;
	    border: 1px solid #4c627a;
	    }
    H4	{	
	    padding: 2px 1px 2px 5px;
	    font-size:	10px;
	    font-style:	normal;
	    text-decoration:	none;
	    word-spacing:	normal;
	    letter-spacing:	normal;
	    text-transform:	none;
	    margin-top: 6px;
	    margin-bottom: 2px;
	    border-bottom: 1px solid #4c627a;
	    }
    H5	{	
	    text-align:right;
	    padding:2px;
	    font-size:	12px;
	    background: #fff;
	    font-style:	normal;
	    text-decoration:	none;
	    word-spacing:	normal;
	    letter-spacing:	normal;
	    text-transform:	none;
	    margin-top: 2px;
	    margin-bottom: 2px;
	    border: 1px solid #4c627a;
	    }
    H6	{	
	    font-family: Arial;
	    text-align:center;
	    font-size:	9px;
	    min-height:24px;
	    font-style:	normal;
	    text-decoration:	none;
	    word-spacing:	normal;
	    letter-spacing:	normal;
	    text-transform:	none;
	    padding: 5px 0px 0px 2px;
	    margin-top: 5px;
	    margin-bottom: 0px;
	    }
    p {
	     font-weight:normal;
	    text-align:justify;
	    font-size:	9px;
	    margin: 2px 5px 4px 5px;
    }
    li {	font-size:	9px;
	    margin: 1px 1px 1px 1px;
	    padding:0;
    }

    b	{
	    font-size:	11px;
	    }
    img 
    {
        border:0;
	    vertical-align:middle;        
    }
    .img {
	    padding:0;
	    border:1px solid #217C36;
	    display:inline;
    }
    A:link	{	
	    color:	#000;
	    }	
    		
    A:visited	{	
	    color:	#000;
	    }	
    		
    A:active	{	
	    color:	#000;
	    }	
    		
    A:hover	{	
	    color:	#33c;
	    }
    table {
	    margin-left: auto;
	    margin-right: auto;
	    margin-top:0px;
	    margin-bottom:0px;
	    border-collapse: collapse;
    	
    }
    td {
	    vertical-align:top;
	    }
    p.error, p.atencion, p.aviso, p.nota, .centro {
	    font-size:	12px;
	    text-align: center;
	    padding: 10px;
	    }
    .error {
	    background-color:#FFB637;
	    }
    .atencion {
	    background-color:#FFF77A;
	    color:#000;
	    }
      .aviso {
	    background-color:#ECF9EF;
	    }
     .nota {
	    background-color:#fff;
	    color:#000;
     } 
      .elegido {
	    background-color:#2375a5;	
     } 
     .familia {
	    background-color:#94CAFF;
	    }
    .mini {
	    font-size:	9px;
            display: inline;
    }
    table.factura {
    border-bottom: 1px solid #000;
    }
    table.factura td {
	    border-bottom: 1px dotted #000;
	    font-size:	9px;
    }
    td.fc  {
	    font-size:	11px;
	    text-align: center;
	    vertical-align: middle;
	    font-weight:bold;	
    }
    td.mobo  {
	    font-size:	11px;
	    font-weight:bold;	
    }
    table.maquina 
    {
	    width:100%;
	    border-bottom: 1px dotted #217C36;
    }
.alone 
    {
	    width:100%;
	    margin-left: auto;
	    margin-right: auto;
    }
    td.maquina 
    {
	    width:185px;
	    padding: 3px;
	    background: #DAF2E0;
    }
    table.desc 
    {
	    padding: 3px;
	    background: #DAF2E0;
	    width:500px;
    }
    td.desc 
    {
	    width:50%;
	    padding: 3px;
    }
    td.cuerpo {
	    padding: 3px;
    }
    td.maquinapaso 
    {
	    BACKGROUND-COLOR:#ABDFB7;
	    width:300px;
	    padding: 3px;
	    border-right: 1px dotted #217C36;
    }
    table.formulario {
         font-size: 11px;
         padding: 2px;
         width:100%;
    }
    table.formulario td {
	    border-bottom: 1px dotted #217C36;
    }
    td.formulario {
	    BACKGROUND-COLOR: #b7cce1;
	    text-align:right;
	    padding:1px 3px 1px 3px;
	    width:30%;
    }
    td.correos {
	    BACKGROUND-COLOR:  #ECF9EF;
	    font-weight:bold;	
	    text-align:right;
	    padding:1px 3px 1px 3px;
	    width:10%;
    }

    table.lista {
         font-size: 9px;
	    width:100%;
	    padding: 0px;
	    border-collapse:collapse;
		    }
    table.lista input {
         BACKGROUND-COLOR: #fff;
     	    margin:1px 3px 1px 3px;
     	    vertical-align:middle;
    }
    table.lista td {
	    border-bottom: 1px dotted #FFA311;
	    padding:2px 3px 2px 3px;
    }
    tr.par {
	    BACKGROUND-COLOR: #FFecEE;
    }
    tr.impar
    {
	    BACKGROUND-COLOR: #FFFCEE;
    }
    tr.par:hover
    { 
		    BACKGROUND-COLOR: #Fda;
    }
    tr.impar:hover
    {
		    BACKGROUND-COLOR: #fda;
    }
    .der {
	    text-align:right;
    }
    .fotarm 
    {
     width:72px;   
    }
    .box {
	    padding: 5px;
	    border: 1px dotted #4c627a;
	    background: #ebf2fa;
    }
    
        .boxcar {
	    padding: 5px;
	    height:80px;   
	    border: 1px dotted #4c627a;
	    background: #E8F9ED;
    }
    .mensaje {
	    padding: 6px;
	    background: #E8F9ED;
    }
    .marcas {
    text-align:center;
    }
    .marcas img {
    margin:10px;
    }
    .navertical   
    {
	    width:175px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 1px;
	    margin-top: 1px;
        }
        

    td.sel
             {
                background: #fff;
	            font-size: 11px;
	            font-weight:bold;
	           text-align: center;
             vertical-align: middle;
             border: 1px solid #000;
             }

    td.unsel  {
	    font-size: 9px;
	    text-align: center;
        vertical-align: middle;
        border: 1px solid #000;
         background-color: #b9cbdf;
         color:#000;
         }

            
    input {
         font-size: 11px;
         border-style: solid;
         border-width: 1px 1px 1px 1px;
         margin: 1px 1px 1px 1px;
         padding: 1px 1px 1px 1px;
         padding: 0 0 0 0;
         BACKGROUND-COLOR: #ffffff;
    }
    input.bn 
    {
	    font-size: 9px;
	    text-align: center;
        vertical-align: middle;
        border: 1px solid #000;
        padding: 1px 2px 1px 2px;
         background-color: #b9cbdf;
    }
         
         
         
    .nav td a:link, .nav td a:visited, .navertical td a:link, .navertical td a:visited {
         font-weight:normal;
         text-decoration:none;
         display: block;
         margin: 0;
         }
    .nav td a:hover, .navertical td a:hover  {
         background: #fff;
          font-weight:normal;
         }