/* ==========================================================================
   Login Box styles
   ========================================================================== */

/*Change Backgound image here */
 /*html {
   background: #000 url(../Imagenes/logo_102.jpg)top center; 
        width: auto;
	height:auto; */
    /*overflow:hidden;
    overflow-x:auto;
}
*/
body {
    /*background: url(../Imagenes/mantenimiento_102nueve.png);
	background-color: #10BCD3;
    background-size:     auto;                  
    background-repeat:   no-repeat;
    background-position: center;*/
    background: url(../images/image_login.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.alert {
    margin: 20px auto;
    width: 70%;
}

#login-block {
    padding-top: 100px;
    padding-bottom: 25px;
    padding-left: 155px;
}

    #login-block h3 {
        color: #011f5e;
        text-align: center;
        font-size: 1.5em;
        /* opacity: 0.8;*/
        text-shadow: 2px 2px 2px #011f5e;
        font-weight: normal;
    }

#lblmensaje {
    color: #FFF;
    text-align: center;
    font-size: 1.5em;
    opacity: 0.8;
    text-shadow: 2px 2px 2px #000;
    font-weight: normal;
}

.login-box {
    max-width: 480px;
    left: 100px;
    /*background: transparent url(../Imagenes/login-bg.png) repeat;
	border:7px solid rgba(255, 255, 255, 0.31);
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding-box; 
	-o-background-clip: padding-box;
    background-clip: padding-box; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding-bottom: 20px;*/
}

.login-logo {
    text-align: center;
    padding: 35px 0 35px;
    width: 100%;
    height: auto;
}

    .login-logo img {
        border-style: none;
        border-color: inherit;
        border-width: 0;
        width: 94px;
    }

.login-form form p {
    width: 80%;
    margin: 5px auto 10px;
    text-align: center;
}
/* for logo animation opacity: 0.7; */
.login-logo a {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    /* .login-logo a:hover {
       opacity: 1;
    }*/

.login-box hr {
    margin: 10px auto 20px;
    width: 70%;
    border-top: 1px solid #dddbda;
    border-bottom: 1px solid #FFF;
}

/* Login Form */
.textBox {
    display: block;
    margin: 0 auto 15px;
    
    padding: 8px;
    width: 230px;
    height: 42px;
     background-color: transparent;
    color: #000000 !important;
    outline: none;
    outline-style: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid #000000 1px !important;

}
::-webkit-input-placeholder {
   color: black;
}

input {
    display: block;
    margin: 0 auto 15px;
    border: 1px solid #bfbfbf;
    color: #6c6c6c;
    padding: 8px;
}


/* Login Button */
.btn.btn-red {
    display: block !important;
    background-color: #c33e16 !important;
    -moz-border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    border-radius: 50px !important;
     display: block;
    margin: 0 auto 15px;
    padding: 8px;
    width: 230px;
    height: 60px !important;
    /* background:url(../Imagenes/boton_entrar.png);text-transform:uppercase;
        background-position: center center;
        text-shadow: 1px 2px 2px #c44c4c;
	background: #e75a5a; 
	border: 1px solid #953a3a;
	-webkit-box-shadow: inset 0 1px 2px #ff8c8c;
	-moz-box-shadow: inset 0 1px 2px #ff8c8c;
	box-shadow: inset 0 1px 2px #ff8c8c;
	-webkit-transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out;
	-o-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;*/
}

    .btn.btn-red:hover {
        color: #FFF;
    }

    .btn.btn-red.btn-reset {
        width: 180px;
    }

.login-links {
    text-align: center;
}

    .login-links a {
        color: #6c6c6c;
        display: inline-block;
        padding: 5px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

        .login-links a:hover {
            text-decoration: none;
            color: #e13c3c;
        }

label.checkbox {
    width: 70%;
    display: block;
    margin: 0 auto;
}

    label.checkbox input {
        width: 25px;
        margin: 4px 0 0;
        padding: 0;
        background: none;
        border: 0;
    }

#footer-text, #footer-text1, #footer-text a {
    text-align: center;
    color: #FFF;
    opacity: 1;
    text-shadow: 1px 1px 1px #000;
}



img {
    max-width: 100%;
    max-height: 100%;
}

#cname {
    height: 150px;
    width: 190px;
}

#logo1029 {
    height: 60px;
    width: 350px;
}

#l102 {
    width: 800px;
}

#divLogin .textBox {
    color: black;
    font-family:MyriaProR;
}

    #divLogin .textBox:focus {
        outline: none;
        border-color: #BFBFBF;
        box-shadow: 0 0 0px black;
    }

.a.row {
    width: 50%;
    height: 75%;
    margin: auto;
    position: absolute;
    top: 150px;
    left: 0;
    bottom: 0;
    right: 0;
}

.transparent {
    background-color: rgba(0,0,0,0.15);
}

.panel.white-alpha-90.col-sm-6.col-md-4.col-sm-offset-3 {
    background-color: rgba(275, 275, 275, 0.7);
    border-radius: 10px;
    border: 1px #222;
    /* width: 40%;
        margin-left: 325px !important;*/
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}



.a.navbar.navbar-inverse.navbar-fixed-top {
    /*background-image: url(../images/header_gourmet.png) !important;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1000px 140px;
    /*height: 140px;*/
    height: 9vw;
    background-color: white;
}

.images {
    display: inline;
    margin: 0px;
    padding: 0px;
    vertical-align:middle;
    width:16%;
    -moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
#content {
    left: 1vw;
    display: block;
    margin: 0px;
    padding-top: 19px;
    position: relative;
    /*top: 90px;*/
    /*height: auto;*/
    height: 8vw;
    /*max-width: auto;*/
    overflow-y: hidden;
    overflow-x: auto;
    word-wrap: normal;
    white-space: nowrap;
}

    @font-face {
    font-family: MyriaProB;
    src: url('../fonts/myriadbold.ttf') format("truetype");
}


    /* THEN use like you would any other font */  
.MyriaProR { font-family:"MyriaProR", myriadregular, myriadregular;  
}  
 
.MyriaProB { font-family:"MyriaProB", myriadbold, myriadbold;  
}  
 

@font-face {
    font-family: MyriaProR;
    src: url('../fonts/myriadregular.ttf') format("truetype");
}