body{
    
	
	font: 11px Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
	/* background:#567; */
	/*background: url(../Images/pantalla_fondo.png); */
	background: url('../Images/puertotransparente.jpg') no-repeat fixed center center;
	background-size: cover;
		
}

#loginWebAccess{
    width:800px;
    margin:0 auto;
    margin-top:8px;
    margin-bottom:2%;
}

#header{ /* QUITAR O PONER EL COLOR FEO QUE TIENE EN LA CABECERA */
    /*background:#f0f0f0;*/
	padding: 1%;
    margin-bottom:5px;
    width: 750px;
}

#logo{
    /*width:103px;*/
	width:331px;
	
}

#logo img{
   /* height:48px;*/
    height:89px;
	padding-left:220px
	

}

#title{
	/*TITULO "INICIAR SESION" EN PAGINA */
    width:100%;
    text-align:center;
    font-size:24px;
    font-weight:700;
	padding-top:40px;
	display:none; /* CON ESTE DESAPARECE EL TITULO */
} 


#bodyForm{
   	
	/*background:#567;*/
    /*background: url(../Images/pantalla_fondo.png); */
    /*
    background-position:center; 
    background-repeat:no-repeat;
    width: 550px;
    height: 90px; 
    text-align: center; 
    padding: 1%;
	*/	
width: 520px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border-top: 5px solid #FC6;
	border-bottom: 5px solid #FC6;
	
	
  /*  border-top: 5px solid #ff656c; ORIGINAL*/

    margin: 0 auto;
}

#login{
	/*ubica la posicion del cuadro de login arriba y centro */
    padding-top :0%;
    width: 80%;
	text-align: center;
}

#message label{
    width:100%;
    color:rgba(215, 0, 0, 0.75);
    font-style:italic;
}

label{
    font-size:15px;
    display: inline-block;
    color:#000000;
    width: 22%;
}

input[type="text"], 
input[type="password"]{
    width:40%;
    background:#fff;
    margin-bottom:4%;
    border:1px solid #ccc;
    padding:1%;
    font-size:15px;
    color:#555;
    text-transform:uppercase;
}

#btnInciar{
    width:50%;
    font-size:18px;
    /*background:#6583cc;*/
	background: #1C414B;
    display:block;
    margin:0 auto;
    margin-top:1%;
    padding:15px;
    text-align:center;
    color:#fff;
    cursor:pointer;
}

#btnInciar:hover{
    background:#2288bb;
}

#btnInciar2{
    width:50%;
    font-size:18px;
    background:#6583cc;
	/*background: #1C414B;*/
    display:block;
    margin:0 auto;
    margin-top:1%;
    padding:15px;
    text-align:center;
    color:#fff;
    cursor:pointer;
}

#btnInciar2:hover{
    background:#2288bb;
}

.rounded-corner{
    border-radius:40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.error_validate{
    border: 2px solid rgba(215, 0, 0, 0.75);
    box-shadow:inset 0px 0px 2px 0px rgba(255, 0, 0, 0.75);
}

/* OTRO CSS */

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
@font-face{font-family:"fontfutura";src:url("https://fonts.googleapis.com/css?family=Open+Sans") format("ttf");font-weight:normal;font-style:normal;}
a.btn-google{color:#fff}
.btn
	{
		padding:10px 16px;
		margin:5px;
		font-size:18px;
		line-height:1.3333333;
		border-radius:6px;
		text-align:center;
		white-space:nowrap;
		vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;
		cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;font-weight:500;text-decoration:none;display:inline-block}
.btn:active:focus,.btn:focus{outline:0}
.btn:focus,.btn:hover{color:#333;text-decoration:none;outline:0}
.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-google{color:#fff;background-color:#111;border-color:#000;padding:15px 16px 5px 40px;position:relative;font-family:fontfutura;font-weight:600}
.btn-google:focus{color:#fff;background-color:#555;border-color:#000}
.btn-google:active,.btn-google:hover{color:#fff;background-color:#555;border-color:#000;}
.btn-google:before{
		content:"";
		background-image:url(https://4.bp.blogspot.com/-52U3eP2JDM4/WSkIT1vbUxI/AAAAAAAArQA/iF1BeARv2To-2FGQU7V6UbNPivuv_lccACLcB/s30/nexus2cee_ic_launcher_play_store_new-1.png);
		background-size:cover;
		background-repeat:no-repeat;
		width:30px;
		height:30px;
		position:absolute;
		left:6px;
		top:50%;
		margin-top:-15px}
.btn-google:after{
		content:"Descarga app";
		position:absolute;
		top:5px;
		left:40px;
		font-size:10px;
		font-weight:400;}
/*]]>*/
</style>
</b:if>



/* OTRO DE OTRO */