@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Rancho);
body {
	background-image: url(../images/back_all.png);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
}
header{
	height:50px;
	background-color:#333;
	margin:0px;
	padding-top:10px;
	border-left-width:0px;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom:#F60;
	border-bottom-width:thin;
	border-style:solid;
}
	 h2{
		font-family: 'Rancho', cursive;
		font-size:40px;
		margin-top:0;
		margin-left:20px;
		color:#F60;
	}
		 h2 span{
			color:#06F;
		}
#abajo{
	position:fixed;
	background-color:#333;
	bottom:0;
	width:100%;
	height:20px;
	text-align:center;
	padding-top:2px;
}
#login{
	position: absolute;	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;		
	width:400px;/*determinamos una anchura*/
	margin-left:-200px;/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	height:190px;/*determinamos una altura*/
	margin-top:-150px;/*indicamos que el margen superior, es la mitad de la altura*/
	padding:15px;
	border-radius:20px;
	background-repeat:repeat;
	color:#000;
	background-color:#333;
	word-wrap:normal;
}
#login input[type='text']{
	background: url("../images/img.png") no-repeat scroll 0 0 #FFF;
	padding-left:40px;
	width:90%;
	height:40px;
	margin-top:15px;
	font-size:22px;
	color:#333;
}
#login input[type='password']{
	background: url("../images/img.png") no-repeat scroll 0 0 #FFF;
	padding-left:40px;
	width:90%;
	height:40px;
	margin-top:15px;
	font-size:22px;
	color:#333;
	background-position:0 -55px;
	}
#login input[type='submit']{
	width:100%;
	height:40px;
	margin-top:20px;
	font-size:22px;
	color:#333;
}
#resultado{
	position: absolute;	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;		
	width:400px;/*determinamos una anchura*/
	margin-left:-200px;/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	height:190px;/*determinamos una altura*/
	margin-top:-150px;/*indicamos que el margen superior, es la mitad de la altura*/
	padding:15px;
	border-radius:20px;
	word-wrap:normal;
}
#resultado table{
	width: 100%;
	padding:5px 15px;
}
.importante {
  animation: blinker 1s linear infinite;
	color:#F90000; 
	font-size:14;
	text-align:center; 
	text-transform:uppercase;
}
.table{
	margin: 20px;
}
.table tbody tr{
	height: 30px;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.textos{
	padding-left:10px;
	width:95%;
	height:30px;
	margin-top:5px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	border-radius:5px;
	border:none;
}
.textosmulti{
	padding-left:3 px;
	width:95%;
	height:80px;
	margin-top:15px;
	font-size:22px;
	color:#333;
}
h3{
	text-align:center;
	text-transform:capitalize;
	font-weight:bold;
	color:#F60;
}
.error{
	color:#F00;
	font-size:12px;
}




@media (max-width: 600px) {
	header{
		text-align:center;
	}
	#login{
		position: relative;	/*nos posicionamos en el centro del navegador*/
		top:0%;
		left:0%;		
		width:90%;/*determinamos una anchura*/
		margin-left:0%;/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		height:75%;/*determinamos una altura*/
		margin-top:0px;/*indicamos que el margen superior, es la mitad de la altura*/
		padding-top:15px;
		border-radius:0px;
		background-color: rgba(51,51,51,0.01);
		word-wrap:normal;
	}
	#login input[type='text']{		
		width:90%;		
	}
	#login input[type='password']{		
		width:90%;
	}
	#login input[type='submit']{
		width:100%;
	}
.textos{
		padding-left:3 px;
		width:90%;
		height:40px;
		margin-top:15px;
		font-size:22px;
		color:#333;
	}
/*select{
	background-color:#666;
}*/
}