/* ********************************************************************************************* */
/* GENERAL */
/* ********************************************************************************************* */

body { margin-top: 0px; padding-top: 10px; }
* { box-sizing: border-box; text-align: center; color: RGB(0,0,0);
    font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
a { text-decoration: none; }
table { table-layout: fixed; border-collapse: collapse; }

/* ********************************************************************************************* */
/* COLORES */
/* ********************************************************************************************* */

.col_BA0 { background-color: RGB(0,0,255); }
.col_BA1 { background-color: RGB(242,170,132); }
.col_BA2 { background-color: RGB(246,198,173); }
/* .col_BA1 { background-color: RGB(91,155,213); } */
/* .col_BA2 { background-color: RGB(156,195,229); } */
.col_TA2 { color: RGB(156,195,229); }
.col_BA3 { background-color: RGB(0,176,240); }
.col_BB0 { background-color: RGB(255,255,255); }
.col_TB0, .col_TB1 { color: RGB(255,255,255); }
.col_BG0 { background-color: RGB(233,233,233); }
.col_BN0 { background-color: RGB(0,0,0); }
.col_TN0 { color: RGB(0,0,0); }
.col_BO0 { background-color: RGB(255,192,0); }
.col_BR0 { background-color: RGB(255,0,0); }
.col_BV0 { background-color: RGB(0,255,0); }
.col_BV1 { background-color: RGB(146,208,80); }
.col_TV0 { color: RGB(0,255,0); }
.col_TV1 { color: RGB(0,0,0); }
.col_BY0 { background-color: RGB(255,255,0); }
.col_TY0 { color: RGB(255,255,0); }
.col_TY1 { color: RGB(0,0,0); }

/* ********************************************************************************************* */
/* ESTRUCTURA */
/* ********************************************************************************************* */

body > div { width: 1900px; height: 900px; 
             margin-left: auto; margin-right: auto; overflow: hidden; }
#DIV_1 { width: 1450px; height: 150px; padding-top: 4px; padding-left: 4px; }
#DIV_1 div { width: 1442px; height: 142px; }
#DIV_2 { width: 240px; height: 130px; z-index: 1; position: relative; left: 1200px; top: -140px; }
#DIV_3 { width: 445px; height: 150px; position: relative; left: 1455px; top: -280px; 
         padding-top: 10px; padding-left: 10px;}
#DIV_4 { width: 1900px; height: 745px; position: relative; left: 0px; top: -275px; }
#DIV_4 > div { width: 100%; height: 100%; position: relative; left: 0px; top: 0px; }
#DIV_5 { width: 960px; height: 565px; position: absolute; left: 930px; top: 325px; 
         overflow: scroll; visibility: hidden; }

/* ********************************************************************************************* */
/* CONTENIDO (CODIGO=TD101: TD=CELDA - DIV=1 - OPC=0 - NUM=1) */
/* ********************************************************************************************* */

/* DIV 1 *************************************************************************************** */

#DIV_1 table { border-collapse: separate; border-spacing: 6px; }
#DIV_1 td { cursor: default; }

.TD_101 { width: 200px; height: 130px; font-size: 48px; }
.TD_102 { width: 240px; height: 62px; font-size: 24px; }
.TD_103 { width: 732px; height: 62px; font-size: 24px; }
.TD_104 { width: 240px; height: 130px; line-height: 16px;}

#DIV_1 select, #DIV_1 option { font-size: 24px; }
#DIV_1 select { height: 40px; }
#ARNOM, #ASAREA, #DOCNOM, #NOMAR { width: 700px; }
#ARCOD, #ASTIPO, #DOCREF, #FILTRO { width: 210px; }

.TD_152, .TD_153, .TD_154, .TD_155 { height: 62px; font-size: 24px; }
.TD_152 { width: 110px; }
.TD_153 { width: 341px; }
.TD_154 { width: 170px; }
.TD_155 { width: 101px; }
.TD_153 select { width: 320px; }
.TD_154 select { width: 150px; }
.TD_155 select { width: 80px; }

/* DIV 2 *************************************************************************************** */

#DIV_2 td { width: 240px; height: 27px; }

.IN_21, .IN_22 { height: 25px; }
.IN_21:focus { border: 2px solid #000000; background-color: #E9E9E9; }
.IN_22 { width: 100px; cursor: pointer; }
.IN_22:hover { color: #FFFFFF; }

/* DIV 3 *************************************************************************************** */

#DIV_3 td, #FDP { width: 142px; height: 44px; }

#DIV_3 button { font-size: 14px; width: 130px; height: 30px; border: none; border-radius:5px; 
                box-shadow: 1px 2px #606060; cursor: not-allowed; opacity: 0.5; margin-top: -5px; }
#DIV_3 button:active { transform: translate(1px,2px); box-shadow: 0px 0px #303030; }
#DIV_3 button:hover {color: #ffffff; }
#DIV_3 select { width: 120px; height: 30px; padding-left: 20px; }

#FDP { position: relative; left: 285px; top: -35px; }
#DOM { display: none; }

/* DIV 4 Y 5 *********************************************************************************** */

#DIV_4 td, #DIV_5 td { cursor: default; }

.wait { width: 100%; height: 100%; }
.wait td { font-size: 48px; color: #ffffff; }

#DIV_4 button { width: 24px; height: 24px; }
#DIV_4 button { border: none; border-radius: 15px; box-shadow: 1px 2px #606060; }
#DIV_4 button { cursor: pointer; }
#DIV_4 button:active { box-shadow: 0px 0px #303030; transform: translate(1px,2px); }
#DIV_4 button span { display: none; }

#DIV_411 { width: 1880px; height: 80px; position: relative; left: 20px; top: 20px; }
#DIV_412 { width: 1880px; height: 40px; position: relative; left: 20px; top: 90px; }
#DIV_413 { width: 1880px; height: 515px; position: relative; left: 20px; top: 90px; }
#DIV_414 { width: 1880px; height: 40px; position: relative; left: 20px; top: -520px; }
#DIV_415 { width: 240px; height: 130px; position: relative; left: 1200px; top: -820px;
           z-index: 1;}

#DIV_431 { width: 1820px; height: 140px; position: relative; left: 40px; top: 20px;}
#DIV_432 { width: 1840px; height: 565px; position: relative; left: 40px; top: 20px;}
#DIV_433, #DIV_463 { width: 240px; height: 130px; position: relative; left: 1200px; top: -851px; z-index: 1;}

#DIV_441 { width: 900px; height: 545px; position: relative; left: 20px; top: 160px; }
#DIV_4411 { width: 100%; position: relative; left: 0px; top: 0px; }
#DIV_442 { width: 940px; height: 120px; position: relative; left: 920px; top: -525px; }
#DIV_4421 { width: 10810px; height: 100%; position: relative; left: 0px; top: 0px; }
#DIV_443 { width: 960px; height: 565px; position: relative; left: 920px; top: -505px; }
#DIV_4431 { width: 10810px; position: relative; left: 0px; top: 0px; }
#DIV_444 { width: 900px; height: 120px; position: relative; left: 20px; top: -1211px; }
#DIV_445 { width: 210px; height: 26px; position: relative; left: 709px; top: -640px; }
#DIV_446 { width: 240px; height: 130px; position: relative; left: 1200px; top: -1522px; 
           z-index: 1;}

#DIV_451 { width: 1550px; height: 80px; position: relative; left: 205px; top: 20px; }
#DIV_452 { width: 1570px; height: 605px; position: relative; left: 205px; top: 40px; }

#DIV_413, #DIV_432, #DIV_452 { overflow: auto; }

#DIV_441, #DIV_442 { overflow: hidden; }
#DIV_443 { overflow: scroll; visibility: hidden; }

#DIV_411 td, #DIV_412 td, #DIV_414 td, #DIV_451 td { height: 40px; }
#DIV_413 td, #DIV_452 td { height: 34px; }
#DIV_415 td, #DIV_445 td, #DIV_446 td, #DIV_433 td, #DIV_463 td { height: 26px; }
#DIV_441 td, #DIV_442 td, #DIV_443 td, #DIV_444 td, #DIV_5 td { height: 30px; }

.TD411, .TD414 { width: 90px; }
.TD412, .TD415, .TD418, .TD419 { width: 160px; }
.TD413, .TD416, .TD417 { width: 460px; }
.TD417 { text-align: left; padding-left: 20px; }
.TD41A, .TD41B, .TD41C, .TD41D { width: 60px; }
.TD41E { width: 185px; }
.TD41F { width: 55px; }
.TD41I, .TD41J { width: 120px; }
.TD41G, .TD41H { width: 30px; }
.TD411, .TD412, .TD413, .TD41C, .TD41A, .TD41E, .TD41I { font-size: 14px; }
.TD41G { font-size: 10px; }
.TD411, .TD412, .TD413, .TD41A, .TD414, .TD415, .TD416, .TD417, .TD41B, .TD41G, .TD418, .TD41D, .TD41C { border: 1px solid #CCCCCC; }
.TD41E, .TD41F { border: 2px solid #000000; font-size: 12px; }
.TD41I, .TD41J { border: 2px solid #000000; font-size: 14px; }
.TD41E, .TD41I { text-align: left; padding-left: 5px; }
.TD41F { text-align: right; padding-right: 5px; }

.TD421, .TD426, .TD42F { width: 90px; }
.TD422, .TD427, .TD42I { width: 54px; }
.TD423, .TD428, .TD42G, .TD42K { width: 110px; }
.TD424, .TD429, .TD42B, .TD42H { width: 420px; }
.TD425, .TD42A, .TD42E { width: 70px; }
.TD42C, .TD42D { width: 30px;}
.TD42J { width: 60px; }
.TD421, .TD422, .TD423, .TD424, .TD425, .TD42H { font-size: 14px; border: 1px solid #cccccc; }
.TD42C { border: 1px solid #cccccc; font-size: 10px; }
.TD426, .TD427, .TD428, .TD429, .TD42A, .TD42D, .TD42B, .TD42J, .TD42K { border: 1px solid #cccccc; }
.TD42B { text-align: left; padding-left: 20px; line-height: 16px; }
.TD42E, .TD42F, .TD42G, .TD42I { border: 1px solid #000000; }

.TD431, .TD438 { height: 40px; width: 240px; }
.TD432, .TD439 { height: 40px; width: 120px; }
.TD433, .TD43A, .TD43H { height: 40px; width: 480px; }
.TD434, .TD43B { height: 40px; width: 70px; }
.TD435, .TD43C { height: 40px; width: 90px; }
.TD436, .TD43D { height: 40px; width: 170px; }
.TD437, .TD43E { height: 40px; width: 50px; }
.TD43F { height: 20px; width: 1820px; }
.TD43G { height: 40px; width: 910px; }
.TD431, .TD432, .TD433, .TD434, .TD435, .TD436, .TD437 { border: 1px solid #cccccc;}
.TD438, .TD439, .TD43A, .TD43B, .TD43C, .TD43D, .TD43E, .TD43H { border: 1px solid #cccccc; }
.TD43F .TD43G { border: 1px solid #000000; }
.TD43H { text-align: left; padding-left: 20px; }

.TD441, .TD447 { width: 140px; }
.TD444, .TD446 { width: 140px; }
.TD442, .TD443, .TD449 { width: 70px; }
.TD448 { width: 90px; }
.TD445 { width: 650px; }
.TD44A { width: 20px; }
.TD44B { width: 110px; }
.TD441, .TD443 { border-left: 1px solid #cccccc; border-right: 5px solid #000000; 
                 border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; }
.TD442, .TD444, .TD44B { border: 1px solid #cccccc; }
.TD446,.TD447, .TD448 { border-left: 1px solid #000000; border-right: 5px solid #000000; 
                        border-bottom: 1px solid #000000; border-top: 1px solid #000000; }
.TD449  { border-left: 12px solid #000000; border-right: 12px solid #000000; 
                        border-bottom: 2px solid #000000; border-top: 2px solid #000000; }

.TD451, .TD455 { width: 60px; }
.TD452, .TD456 { width: 100px; }
.TD453 { width: 435px; }
.TD454, .TD458 { width: 90px; }
.TD45C, .TD45D { width: 120px; }
.TD457 { width: 435px; text-align: left; padding-left: 20px; }
.TD451, .TD452, .TD453, .TD454, .TD45C { border: 1px solid #cccccc; }
.TD455, .TD456, .TD457, .TD458, .TD45D { border: 1px solid #cccccc; }
.TD459 { width: 815px; border: 1px solid #000000; }
.TD45A { width: 1550px; border: 1px solid #000000; }
.TD45B { border: 1px solid #cccccc; } 

#DIV_411 select, #DIV_411 input { height: 24px; font-size: 12px; }
#IN420 input, #IN420 select { font-size: 12px; }
#DIV_411 input { font-variant: small-caps; }
#IN411, #IN41E { width: 54px; }
#IN421 { width: 50px; }
#IN428, #IN42K, #IN42L, #IN42M { width: 45px; }
#IN423 { width: 85px; }
#DIV_431 select, #DIV_431 input, #DIV_432 select { height: 24px; }
#IN431, #IN461 { width: 230px; }
#IN432, #IN462 { width: 110px; }
#IN434, #IN464 { width: 60px;  }
#IN435, #IN465 { width: 60px;  }
.TD43D select { width: 160px; }
.TD43A select { width: 470px; }

/* ********************************************************************************************* */