body{
    margin: auto;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    /*background: #EFEFEF;*/
    background-image: url("../images/logo_empresa.png");
    background-size: 40%; /* size the background image at 100% like any responsive img tag */
    background-position: top center;
    background-repeat:no-repeat;
}
h3{ font-family: Arial,Helvetica,sans-serif;font-size:12px;
	font-weight:bold;
	padding:14px 6px 0px 20px;
	text-decoration:none;
        color:#b1182e;
        text-align: left;
	text-shadow:0px 1px 0px #ffffff;

}
.titulo{
    width: 100%;
    height: 100%; 
}   
#loading_general{
    width: 100%;
    height: 100%;    
    position:absolute;
    z-index: 1;
    background: rgba(0, 0, 0, 0.07);
    text-align: center;
}
    #loading_general img{        
        padding-top: 250px;
    }
#cuerpo{
    padding-top: 160px;
}
#cont_form_login{
    margin: auto;
    padding: 5px;  
    width: 400px;
    border: 0px ridge #959595;
    
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;

-webkit-box-shadow: 2px 2px 2px 1px #8d8d8d;
box-shadow: 2px 2px 2px 1px #8d8d8d;

}
    #logo_empresa{
        height: 150px;
width: 300px;margin: auto;

               
    }
        #logo_empresa img{
            height: 100%;
            width: 300px;
            border: 0px inset #717171;
            margin: auto;
        }        

    .login_input{
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
        .login_input input{
            width: 90%;
      
        }
        .login_input h2{
            font-size: 15px;
            color: #58586c;
        }
        .input_alto{
            height: 20px;
        }

        #olvido_clave{
            color: #6b6b81;
            text-decoration: none;
        }
        #olvido_clave:hover{
            color: #2c2c34;
        }
        .recupera_div{
            padding: 5px;
        }
        .recupera_div input{
            width: 90%;
        }

#form_registro table{
    width: 100%;
}
    .login_inputbut{
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
        .login_inputbut input{
            width: 50%;}
            
      .login_inputbut h2{
            font-size: 15px;
            color: #58586c;
        }
        .inputbut_alto{
            height: 20px;
        }

        #olvido_clave{
            color: #6b6b81;
            text-decoration: none;
        }
        #olvido_clave:hover{
            color: #2c2c34;
        }
        .recupera_div{
            padding: 5px;
        }
        .recupera_div input{
            width: 90%;
        }
/* Button */

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* cuadro de diálogo */

/*para cambiar el fondo del cuadro de diálogo
.ui-dialog
{
background: #000000;
}
*/
/*Para cambiar el contenido del cuadro de diálogo, tamaño de fuente, color de fuente, ...*/
.ui-dialog .ui-widget-content
{
    text-align: center;
    font-size: 11px;
}
.ui-dialog-titlebar-close {
  visibility: hidden;
}
/*Para cambiar el fondo de la cabecera
.ui-dialog .ui-widget-header
{
background: #005533;
}*/

/*Para cambiar el contenido de la cabecera, tamaño de fuente, color de fuente, ...*/
.ui-dialog .ui-dialog-titlebar
{
    text-align: center;
    font-size: 13px;
}
/* Button red */

.myButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-image: url("../images/icon.png");
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d42936), color-stop(1, #9b2431));
	background:-moz-linear-gradient(top, #d42936 5%, #9b2431 100%);
	background:-webkit-linear-gradient(top, #d42936 5%, #9b2431 100%);
	background:-o-linear-gradient(top, #d42936 5%, #9b2431 100%);
	background:-ms-linear-gradient(top, #d42936 5%, #9b2431 100%);
	background:linear-gradient(to bottom, #d42936 5%, #9b2431 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d42936', endColorstr='#9b2431',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #61121b;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9b2431), color-stop(1, #d42936));
	background:-moz-linear-gradient(top, #9b2431 5%, #d42936 100%);
	background:-webkit-linear-gradient(top, #9b2431 5%, #d42936 100%);
	background:-o-linear-gradient(top, #9b2431 5%, #d42936 100%);
	background:-ms-linear-gradient(top, #9b2431 5%, #d42936 100%);
	background:linear-gradient(to bottom, #9b2431 5%, #d42936 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b2431', endColorstr='#d42936',GradientType=0);
	background-color:#9b2431;
}
.myButton2:active {
	position:relative;
	top:1px;
}