estilos.css

@CHARSET "UTF-8";
.Titulo {
        font-family: Verdana; font-size: 60px;
        text-align:center;
        /*position:absolute; top:16.025%; left:16.256%;*/
        /*border:dotted;*/
}

.titulo2 {
        font-family: Verdana; font-size: 40px;
        text-align:center;
}

.mainFrame {
    background-color: #DDD;
    text-align: center;
}


.outerTitle {
    position:relative;
}

.topFrame {
        background-color: #FFD300;
}

.menuFrame {
        background-color: #E6E6E6;
}

.signupTitle {
    font-family: Verdana; font-size:28px;
    text-shadow: #6374AB 2px 0px 2px;
    text-align: center;
}

.input {
    size:80px;
}

.ErrorMsg {
    background-color: #FF0000;
    color: #414141;
    font-weight: bold;
}

.captcha {
    cursor: pointer;
}

.link {
    cursor: pointer;
    color: #882222;
}

.signupScreen {
    background-color: #C2CEC2;
}

.Subtitle {
    font-family: Tahoma;
    font-size: 26px;
    display: inline-block;
    border-bottom: dotted;
}

.Subtitle2 {
    font-family: Tahoma;
    font-size: 20px;
    display: inline-block;
    text-decoration: underline;
    text-align: justify;
}

.mensaje {
    font-family: Verdana;
    font-size: 18px;
    border: dotted medium;


}

.webBox {
    position: absolute;
    top: 69px;
    left: 27px;
    width: 600px;
    height: 204px;
    visibility: hidden;
    overflow: visible;
    background-color: #FFFFFF;

}

.titleBox {
    position: relative;
    width: 100%;
    visibility: inherit;
    background-color: #AAAAAA;
    border: thick;
    border-color: #000000;
    text-align: center;
}

.contentBox {
    position: relative;
    width: 100%;
    height: 95.34%;
    visibility: hidden;
    overflow: visible;
    background-color: #785423;
}

.subTitle3 {
    font-family: Tahoma;
    font-size: 18px;
    display: inline-block;
    text-align: justify;
}

.Counter {
    position: absolute;
    top: 160px;
    left: 20px;
    width: 125px;
    font-family: Verdana;
    font-size: 20px;
    display: inline-block;
    border: double;
    text-align: center;
}
.botonIniciarOut {
    font-family: Calibri;
    font-size: 30px;
    background-color: #00F;
    text-align: center;
    color: #FF0;
    font-weight: bold;
    line-height: 50px;
    vertical-align: middle;
    cursor: pointer;
    clear: none;
    float: none;
    height: 50px;
    width: 380px;
    margin-left: auto;
    margin-right: auto;

    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;

    border-radius: 40px 10px;
    alignment-adjust: central;
}

.botonIniciar {
    font-family: Calibri;
    font-size: 30px;
    background-color: #FF0;
    text-align: center;
    color: #00F;
    font-weight: bold;
    line-height: 50px;
    vertical-align: middle;
    cursor: pointer;
    clear: none;
    float: none;
    height: 50px;
    width: 380px;
    margin-left: auto;
    margin-right: auto;

    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;

    border-radius: 40px 10px;
    alignment-adjust: central;
}

.boton:hover {
    position:absolute;
    font-family: Calibri;
    font-size: 20px;
    background-color: #000;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    line-height: 40px;
    vertical-align: middle;
    cursor: pointer;
    clear: none;
    float: none;
    height: 40px;
    width: 150px;



    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;


    border-radius: 40px 10px;
    alignment-adjust: central;
}


.boton:active {
    position:absolute;
    font-family: Calibri;
    font-size: 20px;
    background-color: #000;
    text-align: center;
    color: #FF0;
    font-weight: bold;
    line-height: 40px;
    vertical-align: middle;
    cursor: pointer;
    clear: none;
    float: none;
    height: 40px;
    width: 150px;



    border-top-style: inset;
    border-right-style: inset;
    border-bottom-style: inset;
    border-left-style: inset;


    border-radius: 40px 10px;
    alignment-adjust: central;
}


.boton {
    position:absolute;
    font-family: Calibri;
    font-size: 20px;
    background-color: #666;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    line-height: 40px;
    vertical-align: middle;
    cursor: pointer;
    clear: none;
    float: none;
    height: 40px;
    width: 150px;


    border-top-style: outset;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;


    border-radius: 40px 10px;
    alignment-adjust: central;
}

.topCorner {
    position:relative;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
}

.greyFrame {
    background-color:#DDD;
}

.ventanaAux {
    position:relative;
    width:570px;
    height:400px;
    border:none;
    background-color:#996;

}

#mainBody {
    margin: 0px;
    padding: 0px;
    background-color: #999;
}

#navtop {
    background-color: #999;
    margin: 0px;
}

#navside li, #navside ul {
    list-style: none;
    margin: 8px;
    padding: 0px;
    text-align: left;
}

#navside {
    position: relative;
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

#maincontent {
    position: relative;
    border-top-left-radius: 40px;
    padding-top: 60px;
    top:20px;
    left:30px;
    padding-bottom:100%;
    padding-right:calc(100% - 133px);
    background-color: #EEE;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 133px);
}

loginWindow {
     position:relative;
     margin-left:250px;
     margin-top:-150px;
     background-color:#999966;
     background:#999966;
     height:200px;
     width:500px;
     border:none;
     margin-right:760px;
     padding-top:20px;
     padding-bottom:10px;
     padding-left:25px;
     padding-right:calc(500px - 20px);

}

signupWindow {
     position:relative;
     margin-left:250px;
     margin-top:-150px;
     background-color:#999966;
     background:#999966;
     height:380px;
     width:950px;
     border:none;
     margin-right:100px;
     padding-top:20px;
     padding-bottom:10px;
     padding-left:25px;
     padding-right:calc(950px - 20px);

}