@charset "iso-8859-1";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica,"Trebuchet MS", sans-serif;
	font-size:1em;
	overflow:hidden;
	}
body{ 

}
SELECT{
	width:100%;
    color: #2E3C00;
    background-color: #F5F7F0;
    border: #A9C472 1px solid;
    scrollbar-face-color : #A9C472;
}
#main-container{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	font-family:'Open Sans';
	background: #fff;
	}
.container__title,.container__subtitle {
    margin: 0;
    text-transform: uppercase;  
    text-align: center;
    position: relative; }
.container__title {
	display:block;
	text-align:right;
	margin-top:1em;
	padding-right:2em;
    font-size: 0.9em;
    font-family: Oswald, 'sans-serif';
    font-weight: 300; }
.container__subtitle {
		color: #fff;
    font-size: 1.5em;
    letter-spacing: 0.1em;
	font-weight: 300;
    font-family: 'Open Sans', 'sans-serif'; }
	
#sub-container{
	width: 100%;
	position:absolute;
	top:50%;
	box-sizing:border-box;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	padding:0.2em 0;
	border-top:1px rgba(255, 255, 255, 0.2) solid;
	box-shadow: 0 5px 5px -5px #000;
  	background: rgba(63, 140, 217, 0.6);
	
	}	
#sub-container:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/fondo5.jpg");
	background-size: 30% 100%;
	background-position:right;
    background-repeat: no-repeat;
    opacity: 0.4; }
	
#caja-login, #caja-loguot{
	display:block;
	border-radius: 0.2rem;
	background: rgba(38, 0, 0, 0.3);
	width:330px;
	min-width:330px;
	margin: 1em auto;
	padding:0;
	color:rgba(255, 255, 255, 0.8);
	position: relative; 
}
#caja-login table{
	margin:0 25px;
	}	
#caja-loguot{	
	min-height:100px;
	position:relative;
	}
	
#caja-loguot table{
	width: 100%;
	position:absolute;
	top:50%;
	box-sizing:border-box;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	}

#caja-login table td{
	line-height:2em;
	text-transform:uppercase;
}
#caja-login table td span{
	font-size:0.8em;
}
input[type=submit]{
	margin:0;
	padding:.2em .5em;
  	border-radius: 0.2rem;
	border:1px solid rgba(123, 162, 45, 0.9);
	box-shadow: 0 0 0 1px rgba(23, 75, 106, 0.1) inset;
	background: rgba(123, 162, 45, 0.8);
	color:#fff;
	}
input[type=submit]:hover{
	background: rgba(123, 162, 45, 0.2);
	cursor: pointer;
	color:rgba(255, 255, 255, 0.5);
	box-shadow:none;
}
input[type=text],input[type=password]{
	width:100%;
	background: #fff;
	font-size:.8em;
	border:#959C89 1px solid;
	color:#5A6446;
}
form{
	margin:0;
	padding:0;
	}