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

body,html{
	width: 100%;
	position: relative;
}
.login{
	border: 1px #001200;
	border-radius: 5px;
	padding: 5px;
	width: 400px;
	position:absolute;
	left: 50%;
	transform: translate(-50%,0%);
}
.textarea{
	width: 100%;
}
@media (max-width:400px){
	.login{
		width: 80%;
	
	}
	.textarea{
		width: 75%;
	}
}
@media print {
  /* Contenido del fichero print.css */
	h4,span{
		display: none;
	}
}
#pestanas {
   float:left;
   width:100%;
   line-height:normal;
   font-size: 16px;
   font-weight: bold;
}
#pestanas ul {
   margin:0;
   padding:0;
   list-style:none;
}
#pestanas li {
   float:left;
   margin:0 0 0 0px;
   padding:0;
   background:url("../../css/p-der.gif") no-repeat right top;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
#pestanas a {
   padding:3px 10px 3px 10px;
   display:block;
   background:url("../../css/p-izq.gif") no-repeat left top;
   color: #fff;
   text-decoration: none;
}
#pestanas .activa a{
   background-image:url("../../css/p-izq-activo.gif");
}
#pestanas .activa{
   background-image:url("../../css/p-der-activo.gif");
}
#sid {
	display: none;
}
*{
	box-sizing: border-box;
}
.cargando-principal{
	position: relative;
	width: 60px;
	height: 60px;
	margin: 30px;
}
.cargando-principal .cargar1{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border: solid 4px transparent;
	border-top-color: red;
	border-left-color: red;
	border-radius: 50%;
	animation: cargar1 1.2s linear infinite;
}
.cargando-principal .cargar2{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	height: 70%;
	border: solid 4px transparent;
	border-top-color: blue;
	border-left-color: blue;
	border-radius: 50%;
	animation: cargar2 1.2s linear infinite;
}
@keyframes cargar1{
	0%{
		transform: translate(-50%, -50%) rotate(0deg);
		
	}
	100%{
		transform: translate(-50%, -50%) rotate(360deg)
	}
}
@keyframes cargar2{
	0%{
		transform: translate(-50%, -50%) rotate(0deg);
		
	}
	100%{
		transform: translate(-50%, -50%) rotate(-360deg)
	}
}