body {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 16px;
	color:#454545;
	background-color: #C4CB98;
	padding:0;
	margin:0;
}

p {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 16px;
	
}

/* PAGINA LOGIN ################################################################## */


.titulo1 {
	color:#454545;
	font-family: 'Nova Round', cursive;
	font-size: 24px;
	text-transform:uppercase;
}

.titulo2 {
	color:#454545;
	font-family: 'Nova Round', cursive;
	font-size: 30px;
	text-transform:uppercase;
}

.login_input {
	width:300px;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#454545;
	border:1px solid #B8BF80;
	background:#B8BF80;
    padding:10px;
	margin-top:4px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	outline:none;
}

.login_input:focus {
	color:#454545;
	border:1px solid #fff;
	background:#fff;
	outline:none;
}

form.forma label.error, label.error {
	color:#ff0;
	font-size:10px;
	padding-left:5px; 
	display: none;
}

/*label.error {
	display:block;
}
*/
input.error, select.error, textarea.error { 
	background:#ff9;
	outline:none;
}

.botonLogin {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	background:#000;
	padding:10px;
	border:1px solid #000;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	outline:none;
	-webkit-appearance: none;
}

.botonLogin:hover {
	color:#000;
	background:#fff;
	border:1px solid #fff;
	cursor:pointer;
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	outline:none;
	-webkit-appearance: none;
}

.arial20 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}

.blanca {
	color:#454545;
}

.cafe {
	color:#CC3300;
}

A.linkBlanco:LINK, A.linkBlanco:VISITED, A.linkBlanco:ACTIVE { 
	text-decoration: none; 
	color:#454545;
}

A.linkBlanco:hover {
	text-decoration: underline; 
	color:#454545;
}



#containerIndex {
	width:100%;
	height:100%;
}

#tapaDer {
	width:50%;
	height:100%;
	float:left;
	background-color:#C4CB98;
	position:absolute;
	z-index:10;
}

#logo {
	width:100%;
	height:230px;
	margin:80px auto 0;
	text-align:center;
	position:absolute;
	z-index:100;
	display:none;
}

#separador {
	width:100px;
	height:400px;
	top:360px;
	margin: 0 auto;
	z-index:100;
	position:relative;
	display:none;
}


#bienvenido {
    width:50%;
	top:410px;
    z-index:2;
    position:absolute;
    left:-1000px;
	float:right;
	text-align:center;
}

#login {
    width:50%;
	top:360px;
    z-index:20;
    position:absolute;
    float: left;
	text-align:center;
	display:none;
}

.clear {
    clear:both;
}