@import url(../../../../../../fonts.googleapis.com/css-family=Droid+Sans.css)/*tpa=http://fonts.googleapis.com/css?family=Droid+Sans*/;

body {
    background-image:url('../img/bg.jpg')/*tpa=http://200.110.87.124/feAP/VAADIN/themes/login/img/fondo.jpg*/;
    background-size: cover;
    /*top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 980px;
    height: 100%;
    margin:0 auto;*/
    width:100%;
    height:100%;
    font-family: 'Droid Sans', sans-serif;
    font-size: 70%;
    background-color:#f1f1f1;
}

h1{
    text-align:center;
    font-size:20px;
    color:#000000;
    margin-top:20px;
    margin-bottom:15px;
}
.container{
    margin-top:13%;
    float:left;
    /*background-color:#0071BB;*/
    width: 270px;
    height:240px;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding-left:15px;
    background-image:url('../../../../VAADIN/themes/login/img/bg_crosshatch.jpg');
    margin-left: 5%;


}
.titulo{
    font-size:12px;
    text-align:center;
    font-family: 'Droid Sans', sans-serif;
    padding-top:14px;
    margin-bottom: 14px;
    color:#000000;

}
.logo{
    float: left;
    margin-top: 250px;
    margin-left: 25%;
}		
.aguapen{
    float: left;
    margin-top: 40px;
    margin-left: 180px;
    width: 30%;
    height: 30%;
}	
input[type="text"], input[type="password"]{
    border: 1px solid #39F;
    width: 220px;
    border-radius: 3px;
    height: 28px;
    margin-bottom: 10px;
    margin-left: 0px;		
}

input[type="text"]:focus  {
    background: #ffffb7 !important;
    color: #000000;

}

.user, .pass{

    margin-bottom:20px;
    color:#000000;
    margin-left: 20px;	
}

.ico-user{
    background-image:url('../../login/img/user.png')/*tpa=http://200.110.87.124/feAP/VAADIN/themes//resources/img/user.png*/;
    position: absolute;
    width:19px;
    height:15px;
    margin-top: -32px;
    margin-left: -25px;
}


.ico-pass{
    background-image:url('../../login/img/lock.png')/*tpa=http://200.110.87.124/feAP/VAADIN/themes//resources/img/lock.png*/;
    position:absolute;
    margin:-29px 0px 30px -25px;
    width:13px;
    height:15px;
}	

a{
    text-decoration:none;
    float: end;
    font-size:12px;
    padding-top: 800px;

    padding-left:120px;
    color:#000000;

}

.errorblock {
    color: #ff0000;
    background-color: #ffEEEE;
    border: 3px solid #ff0000;
    padding: 8px;
    margin: 16px;
}
.boton{
	float:right;
	margin-right:80px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	height:30px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	
	}