@charset "UTF-8";
/* CSS Document */

body {
	margin:0px;
	background: url('../imagenes/login/bg-login.gif');
	font-family: Arial, Helvetica, sans-serif;
}
				
#contendorLogin {
	
	color: #fff !important;
} 

#login-top{
	border:0px;
	margin:auto;
	top:0px;
	background: url('../imagenes/login/bg-top.jpg');
	width: 100%;
	height:120px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:x-large;
	line-height:100px;
	background-color:#DDD;
}

#barraLogin{
	background-color:#009D33;
	height:30px;
	margin:auto;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
}

#login-forma{
	color:#636363;
	margin:auto auto;
	text-algin:center;
	width:650px;
}

#compania{
	margin:auto auto;
	width:208px;
	height:120px;
	background: url('../imagenes/empresa/logo-compania.png?ver=1.0') no-repeat;
	background-position: center; 
}

#collage{
	margin-top:30px;
	width:171px;
	height:274px;
	background: url('../imagenes/login/collage.png') no-repeat;
	float:left;
}

#collage_der{
	margin-top:30px;
	width:171px;
	height:274px;
	background: url('../imagenes/login/collage_der.png') no-repeat;
	float:left;
}

#acceso{
	margin-top:30px;
	width:300px;
	height:274px;
	background: url('../imagenes/login/contenedor.png') no-repeat;
	font-size:18px;
	float:left;
}

#acceso label{
	color:#636363;
	font-size:13px;
}

#acceso input[type="text"],
	input[type="password"]{
	padding: 6px;
	font-size: 13px;
	width:250px;
	background: #fff url('../imagenes/login/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
}

#boton-login{
	font-family: Verdana, Arial, sans-serif;
	display: inline-block;
	background: #027121;
	border: 1px solid #027121 !important;
	padding: 4px 7px 4px 7px !important;
	color: #fff !important;
	font-size: 11px !important;
	cursor: pointer;
	width:104px;
	border-radius:4px;
}

#boton-login:hover{
	background:#009D33;	
}