/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
/*background: #000099 url('imagenes/back.png') top center repeat-x; */
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}

#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}
#login
        {
    background-position: center;
    height: 430px;
    width: 800px;
    background-image: url('Imagenes/Intro.png');
    background-repeat: no-repeat;
}
        
#login1
        {
    border: medium #004942;
    position: absolute;
    height: 116px;
    width: 481px;
    top: 285px;
    left: 158px;
    background-color: #6BC331;
    text-align: center;
}

/**************************************************/
/*                                       Top Piece                                        */
/**************************************************/


#usuario1
{
    width: 158px;
    height: 32px;
    text-align: center;
    font: normal 10pt verdana, arial,sans-serif;
    top: 1px;
    left: 1px;
    position: absolute;
    overflow: hidden;
}

#logosap
{
    background-position: center;
    width: 120px;
    height: 50px;
    top: 218px;
    left: 518px;
    position: absolute;
    overflow: hidden;
    background-image: url('Imagenes/logosap.png');
    background-repeat: no-repeat;
}


#usuario2
{
    width: 158px;
    height: 32px;
    text-align: center;
    font: normal 10pt verdana, arial,sans-serif;
    top: 58px;
    left: 1px;
    position: absolute;
    overflow: hidden;
}


#logo1
{
    background-position: left;
    background: url('Imagenes/logosup.jpg') no-repeat center bottom;
    width: 142px;
    height: 85px;
    top: 2px;
    position: absolute;
    left: 650px;
}
/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/

#medio {
background: url('imagenes/medio.png') center repeat-y; 
width: 178px;
height: 100%;
padding: 0px 0px 0px 0px;
    text-align: center;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/



#stuff
{
    width: 800px;
    border: 15px navy;
    text-align: left;
    position: absolute;
    top: 95px;
    left: 0px;
    z-index: auto;
}
#pdf
{
    width: 800px;
    height: 441px;
    border: 15px navy;
    text-align: left;
    position: relative;
    top: 39px;
    left: 0px;
    z-index: auto;
}
#mail
{
    width: 800px;
    height: 78px;
    border: 15px navy;
    text-align: left;
    position: relative;
    top: 18px;
    left: 0px;
    z-index: auto;
}

/**************************************************/
/*                                       Bottom                                             */
/**************************************************/

#bottom {
background: url('imagenes/pie.png') no-repeat center bottom; 
width: 800px;
height: 50px;
    text-align: center;
}
#titulo
{
    width: 416px;
    height: 40px;
    position: absolute;
    left: 184px;
    top: 0px;
    bottom: 525px;
    font-family: 'Arial Black';
    font-size: medium;
    overflow: hidden    ;
}

#lineah
{
    position: absolute;
    top: 44px;
    left: 0;
    height: 3px;
    width: 520px;
    background-color: #006D5A;
}
#lineav
{
    position: absolute;
    top: 3px;
    left: 163px;
    height: 80px;
    width: 3px;
    background-color: #006D5A;
}
#txtpindo
{
    position: absolute;
    top: 36px;
    left: 529px;
    height: 14px;
    width: 114px;
    font-size: xx-small;
}
#periodo
{
    position: relative;
    top: 3px;
    left: 3px;
    height: 69px;
    width: 623px;
    font-size: xx-small;
}
#perdesde
{
    position: relative;
    top: 2px;
    left: 7px;
    height: 60px;
    width: 200px;
    font-size: xx-small;
}
#perhasta
{
    position: relative;
    top: -58px;
    left: 215px;
    height: 60px;
    font-size: xx-small;
}
#perboton
{
    position: relative;
    top: -103px;
    left: 384px;
    height: 25px;
    width: 226px;
    font-size: xx-small;
}
#peropciones
{
    position: relative;
    top: -140px;
    left: 458px;
    height: 146px;
    width: 151px;
    font-size: xx-small;
}
#combo1
{
    width: 250px;
    font-size: xx-small;
}