/****************************************************************************************************************************
*	Designed 
*	Scale		:(0,38,25) (29,89,47) (112,163,88) (170,192,145) (203,216,186)
****************************************************************************************************************************/
@font-face {
	font-family: 'Oswald-Regular';
	src: url('../fonts/Oswald-Regular.eot');
	src: local('Oswald-Regular'),
		url('../fonts/Oswald-Regular.ttf') format('truetype'),
		url('../fonts/Oswald-Regular.woff') format('woff'),
		url('../fonts/Oswald-Regular.svg') format('svg')
}
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
.ancho { width: 100%; }
.pie-pagina { height: 30px; position: fixed; bottom: 0; background: rgba(248,243,43); }
/*.cuerpo { height: calc(100% - 30px); background: rgba(203,216,186,1) url(../img/acora.jpg) left top no-repeat; background-size: cover; }*/
/********************************************************************************************************************/
.cinta { position: absolute; width: 300px; min-height: 600px; height: 75%; background: rgba(248,243,43,.3); left: 15%; }
.cinta:after {
	content: ""; position: absolute;
	left: 0; bottom: 0; width: 0; height: 0;
	border-bottom: 50px solid transparent;
	border-left: 150px solid rgba(255,255,255,.7);
	border-right: 150px solid rgba(248,243,43,.7);
}
.cinta .fondo-cinta { height: calc(100% - 50px); width: 100%; background: rgba(255,255,26,.7); }
.cinta .logo { text-align: center; padding-top: 30px; }
.cinta .logo img { height: 200px; width: 200px; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,.8); /*margin-top: 20px;*/ }
.cinta .slogan { text-align: center;  padding-top: 20px; }
.cinta .slogan h1, .cinta .slogan h2, .cinta .slogan h3 { 
	font-family: 'Oswald-Regular', 'Trebuchet MS', Tahoma;
	font-weight: normal;
}
.cinta .slogan h1 { font-size: 2em; text-transform: uppercase; }
/********************************************************************************************************************/
.login { 
	position: absolute; display: block; right: 35%; top: calc(60% - 170px); /*calc(50% - 350px);*/
	width: 350px; height: 280px;
	border-radius: 2px;
	border: solid 2px rgba(255,255,0);
	padding: 0 25px;
	background: rgba(45,87,44);
	text-align: center;
}
.login h1, .login form .chkRecordar { font-family: 'Oswald-Regular', 'Trebuchet MS', Tahoma; }
.login h1 { 
	height: 50px; line-height: 40px;
	background: rgba(0,0,0,.6); margin-bottom: 25px;
	color: rgba(255,255,255,.8);
	text-transform: uppercase;
	border-radius: 0 0 10px 10px;
}
.login form { margin: 0 auto; }
.login input[type=text], .login input[type=password], .login button { 
	font-family: 'Oswald-Regular', Tahoma;
	height: 30px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.login input[type=text], .login input[type=password] {
	width: calc(100% - 30px);
	padding: 3px 5px 3px 25px;
	border: solid 1px rgba(0,0,0,.5);
	margin-bottom: 10px;
	font-size: 1em;
	background: rgba(255,255,255,8) url(../img/sprite.png) no-repeat;
}
.login input[type=text] { background-position: 4px -8px; }
.login input[type=password] { background-position: 4px -56px; }
.login button {
	padding: 3px 10px; font-size: 1em;
	border-radius: 4px; margin-top: 20px;
	border: solid 1px rgba(255,255,255,.8);
	cursor: pointer;
	/*background: -moz-linear-gradient(top, rgba(87,0,0,1) 0%, rgba(255,255,255,.8) 100%);
	background: -webkit-linear-gradient(top, rgba(87,0,0,1) 0%, rgba(255,255,255,.8) 100%);
	background: linear-gradient(top, rgba(87,0,0,1) 0%, rgba(255,255,255,.8) 100%);*/
	box-shadow: 0 0 2px rgba(255,255,255,1);
}
.login button:hover { border: solid 1px rgba(87,0,0,1); text-shadow: 0 0 1px #fff; }
.login button:active {
	background: -moz-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(87,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(87,0,0,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,.8) 0%, rgba(87,0,0,1) 100%);
}
.login form .chkRecordar { text-align: right; margin: 5px 0; }
.login form label { color: rgba(255,255,255,.8); font-size: 13px; }
/****************************************************************************************************************************/
footer { color: rgba(255,255,255,.6); line-height: 30px; font-family: 'Oswald-Regular', Tahoma; font-size: 12px; }
footer .info { float: left; width: 50%; }
footer .links { float: right; width: 50%; text-align: right; }
footer { margin: 0 50px; /*background: rgba(0,0,0,.4);*/ height: 30px; }
footer a { text-decoration: none; color: rgba(255,255,255,.9); }
footer a:hover { color: rgba(255,255,26,1); text-decoration: underline; }
footer span { margin: 0 5px; }