@charset "utf-8";
/* CSS Document */
@import url(common.css);

#gridBox1{ height: 490px;}
#gridBox2{ height: 500px;}
#gridBox3{ height: 400px;}

#colTabla { height: 450px; overflow: auto;}
#graphSeq3Part1 { position: absolute; height: 375px; width: 742px; left: 103px; top:156px; }
#graphSeq3Part2 { position: absolute; height: 43px; width: 43px; left: 461px; top:306px; }
#graphSeq3Part3 { position: absolute; height: 43px; width: 43px; left: 539px; top:178px; }
#graphSeq3Part4 { position: absolute; height: 78px; width: 132px; left: 511px; top:218px; }
#graphSeq3Part5 { position: absolute; height: 60px; width: 151px; left: 313px; top:295px; }
#graphSeq3Part6 { position: absolute; height: 22px; width: 261px; left: 580px; top:188px; }
#graphSeq3Part7 { position: absolute; height: 43px; width: 43px; left: 842px; top:176px; }
#graphSeq3Part8 { position: absolute; height: 115px; width: 325px; left: 892px; top:134px; }
#graphSeq3Part9 { position: absolute; height: 43px; width: 43px; left: 842px; top:301px; }
#graphSeq3Part10 { position: absolute; height: 115px; width: 325px; left: 894px; top:261px; }
#graphSeq3Part11 { position: absolute; height: 43px; width: 43px; left: 823px; top:468px; }
#graphSeq3Part12 { position: absolute; height: 114px; width: 333px; left: 886px; top:428px; }
#graphSeq3Part13 { position: absolute; height: 22px; width: 367px; left: 498px; top:312px; }
.positioner img { width: 100%; height: auto; display: block; }


button { width: 270px; }
#bt1 { margin-top: 30px;}
#bt2 { margin-top: 10px;}
#bt3 { margin-top: 40px;}

#il01 {   width: 620px; height: auto; display: block; margin: auto;}

#graphResumenPart1 { position: absolute; height: 70px; width: 27px; left: 245px; top:209px; }
#graphResumenPart2 { position: absolute; height: 67px; width: 97px; left: 211px; top:358px; }
#graphResumenPart3 { position: absolute; height: 68px; width: 74px; left: 224px; top:504px; }
#graphResumenPart4 { position: absolute; height: 89px; width: 66px; left: 965px; top:177px; }
#graphResumenPart5 { position: absolute; height: 74px; width: 68px; left: 967px; top:291px; }
#graphResumenPart6 {  position: absolute; height: auto; width: 67px; left: 972px; top: 399px;}
#graphResumenPart7 { position: absolute; height: 79px; width: 83px; left: 964px; top:498px; }
.position img { width: 100%; height: auto; display: block; }

#txt1 { position: absolute; display: none; top: 200px; left: 80px;}
#txt2 { position: absolute; display: none; top: 358px; left: 80px;}
#txt3 { position: absolute; display: none; top: 495px; left: 80px;}
#txt4 { position: absolute; display: none; top: 195px; left: 1100px;}
#txt5 { position: absolute; display: none; top: 310px; left: 1100px;}
#txt6 { position: absolute; display: none; top: 420px; left: 1100px;}
#txt7 { position: absolute; display: none; top: 510px; left: 1100px;}

.texto3 { font-size: 22px; text-align: center;}

   ::-webkit-input-placeholder { /* WebKit browsers */ color:    #909090; }
   :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #909090; opacity:  1; }
   ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #909090; opacity:  1; }
   :-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #909090; }

textarea{ 
    overflow: auto;
    width: 99%;
    height: 350px;
    position: relative;
    left: 0px;
    top: 10px;
    background-color: #fff;
    border: none;
    outline: none;
    font-size: 2.2em;
    resize: none;
    color: #909090;
   }
