﻿body, html {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    color: black;
}

#banner {
    width: 100%;
    height: 400px;
    background: url('../../Images/Design/Login/mapamundi.png') #F33F34 no-repeat center;
}

#banner .logo {
    width: 600px;
    margin: auto;
    padding-top: 150px;
    text-align:center;
    font-weight: 900;
    font-size: 60px; 
    line-height: 50px;
}
    #banner .logo span {
        font-size: 40px;
        padding-left: 190px;
        color: white;
    }



#loginBox {
    width: 320px;
    margin: 0 auto;
    padding-top: 50px;  
}
    #loginBox table {
        margin: 0 auto;
        border-collapse: collapse;
    }
        #loginBox table tr:first-child td {
            padding-bottom:10px;
        }
        #loginBox table td { position: relative;
        }
    #loginBox table input[type=text],
	#loginBox table input[type=password],
	#loginBox table input[type=image] {
        color: #848484;
        font-weight: bold;
        text-decoration: none;
        width: 250px;
        height: 30px;
        padding: 8px;
        margin-left: 15px;
        border: solid 2px #BDBDBD;
        outline: none;
        font-size: 14px;
        cursor: pointer;
        
        border-radius: 10px;
    }
        #loginBox table img { cursor: pointer; }
        #loginBox table input:focus { background-color: #F7F7F7; }
        #loginBox table input[type=image]:hover { background-color: #F7F7F7; }

#butIngresar { background-color:#E6E6E6; }
#butIngresar:hover { background-color: #CEE3F6; }
#pnMsg {
    text-align: center;
    font-weight: bold;
    padding: 10px;
    margin-top: 20px;
    font-size: 14px;
    color: #F33F34;
}
.IconoAlerta {
    position:absolute;
    top: 12px;
    right: 8px;
}

::-webkit-input-placeholder { color: #A4A4A4; }
:-moz-placeholder { color: #A4A4A4; opacity: 1; }
::-moz-placeholder { color: #A4A4A4; opacity: 1; }
:-ms-input-placeholder { color: #A4A4A4; }
::-ms-input-placeholder { color: #A4A4A4; }