body{
 /*color de fondo de la pagina*/	
 background-color:#ededed;     	
 /*	Estilo del texto*/
  /*Testo aliniado a la izquierda*/
 font-family: "Open Sans", Arial, sans-serif;
 font-size: 24px;
 font-weight: 350;
 color: #9a77ff;
}

label{
text-align: left;	
}

input{
 /*Estilo de los campos*/
 /*Ancho repositive /*Anchura del formulario de los campos del formulario*/			
 width: 90%;
 /*Ancho repositive /*Anchura Maxima del formulario de los campos del formulario*/	
  max-width: 500px;
 /*Alto de los campos del formulario*/	
 height: 26px;
 /*Estilo del testo de los campos del formulario*/
 border-radius: 10px;
 /*Testo aliniado central*/
 font: 300 25px "Open Sans", Arial, sans-serif;
 color: #9a77ff;
 /*separacion entre el testo de las etiquetas y los campos del formulario*/	
 margin: 15px 0 10px 0;
}

input[type=submit]{
 /*Estilo del boton*/
 background-color:#4200ff;
 height:54px;
 width:80%;
 max-width: 200px;
 /*Testo aliniado central*/
 text-align: center;
 font-size:18px;
 font-weight:400;
 /*Separacion entre letras en el titulo del boton*/
 letter-spacing:3px;
 color:#FFFFFF;
}

 h2{
 /*t�lo*/
 h2-position: 50% 1%
 font-size: 10px;
 color:#9a77ff;
 text-shadow: 2px 2px #222;
 font-family: "Open Sans";
 border-bottom: 2px solid #FFF;
 text-align: center;
 margin: 0 0 5px 0;
}

form{
/*redimensiona la etiqueta #form y los campos se adaptarᮠautomᴩcamente. Establece la altura del formulario en auto para compensar*/	
 width: 80%;
 height: auto;
 /*backgroud-image: url(imagenes/fondo_titan.jpg);*/
 margin: 0 auto;
 padding: 0 1%;
 /*box-shadow: 5px 5px 0 #AAA;*/
 /*border-radius: 5px;*/
}

body {
/*Barner ariba del formulario*/	
 backgroud-image: url(imagenes/baner_gestion_de_usuarios.png);	
 width: 100%;
 height:auto;
 margin: 0px auto 0 auto;
}

 .upload-button{
    background-color:#24bd20;
    width:78%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding:16px;
    position:relative;
    max-width: 500px;
    font-family: 'Open Sans', sans-serif;
    font-size:17px;
    text-decoration:none;
    /*Separacion entre letras en el titulo del boton*/
    letter-spacing:2px;
    color:#fff;
    border: solid 1px #831212;
    background-image: linear-gradient(bottom, rgb(171,27,27) 0%, rgb(212,51,51) 100%);
    border-radius: 5px;
}
        
.upload-button:hover{
    padding-bottom:9px;
    padding-left:10px;
    padding-right:10px;
    padding-top:11px;
    top:1px;
    background-image: linear-gradient(bottom, rgb(171,27,27) 100%, rgb(212,51,51) 0%);	
}

  /*Apartir de aqui es el codigo para la pagina main.html que es la pantalla de loguin de dolphin top4 basica*/
label {
    display: block;
    padding-left: 25px;
    text-indent: -15px;
    font: 300 25px "Open Sans", Arial, sans-serif;
    margin:5px;
}

input[type=checkbox]{
    width: 30px;
    height: 30px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
} 

div [class=argpd-informar]{
    display: block;
    text-align: center;
    padding-left: 3px;
    text-indent: -2px;
    color: #c0bcfa;
    font: 300 11px "Open Sans", Arial, sans-serif;

}

ul{
    text-align: left;
    display: block;
    padding-left: 10px;
    text-indent: -2px;
    color: #c0bcfa;
    font: 300 11px "Open Sans", Arial, sans-serif;	
}