﻿.ButonB {
    -moz-box-shadow: 0px 0px 0px 2px #9B7D31;
    -webkit-box-shadow: 0px 0px 0px 2px #9B7D31;
    box-shadow: 0px 0px 0px 2px #9B7D31;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9B7D31), color-stop(1, #9B7D31));
    background: -moz-linear-gradient(top, #9B7D31 5%, #9B7D31 100%);
    background: -webkit-linear-gradient(top, #9B7D31 5%, #9B7D31 100%);
    background: -o-linear-gradient(top, #9B7D31 5%, #9B7D31 100%);
    background: -ms-linear-gradient(top, #9B7D31 5%, #9B7D31 100%);
    background: linear-gradient(to bottom, #9B7D31 5%, #9B7D31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cac2e', endColorstr='#c7d979',GradientType=0);
    background-color: #9B7D31;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #9B7D31;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 19px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #283966;
    height: 30px;
    margin-top: 10px;
    /*padding: 12px 37px;*/
}

    .ButonB[disabled] {
        border: 1px solid #999;
        background-color: #ddd;
        text-shadow: 0px 1px 0px #ddd;
        box-shadow: 0px 0px 0px 2px #ddd;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ddd), color-stop(1, #ddd));
        background: -moz-linear-gradient(top, #ddd 5%, #ddd 100%);
        background: -webkit-linear-gradient(top, #ddd 5%, #ddd 100%);
        background: -o-linear-gradient(top, #ddd 5%, #ddd 100%);
        background: -ms-linear-gradient(top, #ddd 5%, #ddd 100%);
        background: linear-gradient(to bottom, #ddd 5%, #ddd 100%);
    }
    /*.ButonB:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9B7D31), color-stop(1, #9B7D31));
        background: -moz-linear-gradient(top, #9B7D31 5%, #9B7D31 100%);
        background: -webkit-linear-gradient(top, #9B7D31 5%, #9B7D31 100%);
        background: -o-linear-gradient(top, #9B7D31 5%, #9B7D31 100%);
        background: -ms-linear-gradient(top, #9B7D31 5%, #9B7D31 100%);
        background: linear-gradient(to bottom, #9B7D31 5%, #9B7D31 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C17A31', endColorstr='#9B7D31',GradientType=0);
        background-color: #9B7D31;
    }*/

    .ButonB:active {
        position: relative;
        top: 1px;
    }


.CanvasDiagrama {
    top: 0px;
    left: 0px;
    border: 1px red solid;
    /*width:500px;
  height:200px;*/
}

#VentanaInicioBotones {
    position: absolute;
    left: 30%;
}
/*Registro*/
#cabeceraRegistro {
    background-image: url('../Imagenes/Encabezado/SPPTBanner.png');
    padding: 20px;
    height: 80px;
}

#divRegistro {
    width: 960px;
    margin: auto;
    text-align: left;
}

#menuRegistro {
    background-image: url('../Imagenes/Generales/fondoMenu.png');
    padding: 5px 15px;
    height: 25px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    margin-top: -5px;
}

    #menuRegistro ul {
        margin: -5px;
    }

    #menuRegistro li {
        display: inline-block;
        list-style: none;
        font: bold 14px verdana, sans-serif;     
        cursor: pointer;
    }

        #menuRegistro li a:link {
            color: #FFFFFF;
        }

        #menuRegistro li a:visited {
            color: #FFFFFF;
        }

        #menuRegistro li a:hover {
            color: #999;
        }

.ButonI {
    background-color: #FFFFFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #125b31;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    height: 25px;
    margin-top: 10px;
}

#BotonIngresarInicio {
    margin-left: 50px;
}

@media only screen and (max-width: 850px) {
    .ButonB {
        font-size: 12px;
    }

    .ButonI {
        font-size: 12px;
    }

    #BotonIngresarInicio {
        margin-left: -30px;
    }
}
