/*  Bases  */
.div{
  display: inline-block;
  vertical-align: top;
}
.div2{
  display: inline-block;
  vertical-align: top;
  font-family: kalinga;
  font-size: 12pt;
  text-align: left;
}
.div3{
  display: inline-block;
  vertical-align: top;
  font-family: kalinga;
  font-size: 11pt;
  text-align: left;
}
.div4{
  display: inline-block;
  vertical-align: top;
  font-family: kalinga;
  font-size: 14pt;
  text-align: center;
  font-weight: lighter;
}

/*  Termina Bases  */
body
{
	background: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
#contenedor,#contenedorl
{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 0;
	text-align: center;
	max-width: 1366px;
	min-width: 768px;
	height: auto;
}
#contenedorl
{
	background: rgba(0,0,0,0.02);
	height: 100vh;
}
#head01
{
	width: 100%;
	height: 4em;
	border-bottom: solid 2px rgba(0,0,0,0.1);
	background: rgba(247,247,247,1);
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(40%, rgba(247,247,247,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 40%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed', GradientType=0 );
}
#head02
{
	width: 100%;
	height: 2em;
	border-bottom: solid 2px rgba(0,0,0,0.1);
	background: rgba(242,247,250,1);
background: -moz-linear-gradient(top, rgba(242,247,250,1) 0%, rgba(225,237,245,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,247,250,1)), color-stop(100%, rgba(225,237,245,1)));
background: -webkit-linear-gradient(top, rgba(242,247,250,1) 0%, rgba(225,237,245,1) 100%);
background: -o-linear-gradient(top, rgba(242,247,250,1) 0%, rgba(225,237,245,1) 100%);
background: -ms-linear-gradient(top, rgba(242,247,250,1) 0%, rgba(225,237,245,1) 100%);
background: linear-gradient(to bottom, rgba(242,247,250,1) 0%, rgba(225,237,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f7fa', endColorstr='#e1edf5', GradientType=0 );
}

#body
{
	width: 99%;
	height: auto;
	border: solid 1px rgba(0,0,0,0.1);
	border-top: 0;
	margin-top: 1px;
	padding-bottom: 4em;
	box-sizing:border-box;

	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	overflow: hidden;
}
#titulo01
{
	width: 100%;
	height: 3em;
	background-color: rgba(113,170,209,0.7);
}
#logo
{
	height: 100%;
	width: 10%;
	background: url(../img/logo.png) no-repeat center;
	background-size: contain;
}
#btexto
{
	height: 100%;
	width: 20%;
}
#texto01
{
	width: 100%;
	height: 50%;
	padding-top: 0.7em;
	box-sizing:border-box;
	font-size: 11pt;
}
#texto02, #texto03
{
	width: 25%;
	height: 50%;
	font-size: 11pt;
}
#texto03{width: 75%;}
#menu01
{
	height: 40%;
	width: 15%;
	margin-left: 55%;
	margin-top: 0.1em;
}
#conf
{
	width: 60%;
	height: 100%;
	padding-top: 0.2em;
	margin-right: 0.5%;
	box-sizing:border-box;
	background-color: rgba(199,84,83,0.6);
	border: solid 1px rgba(0,0,0,0.1);
	color: #fff;
	text-align: center;
	font-size: 11pt;
cursor: pointer;
}
#conf:hover, #salir:hover
{
	background-color: rgba(199,84,83,0.8);
}
#salir
{
	width: 38%;
	height: 100%;
	padding-top: 0.2em;
	box-sizing:border-box;
	background-color: rgba(199,84,83,0.6);
	border: solid 1px rgba(0,0,0,0.1);
	color: #fff;
	text-align: center;
	font-size: 11pt;
cursor: pointer;
}
#menu02
{
	width: auto;
	height: 100%;
	padding-top: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	box-sizing:border-box;
	border: solid 1px rgba(0,0,0,0.1);
	float: left;
	font-weight: bold;
}
#menu02:hover, #menu04:hover
{
	background-color: rgba(113,170,209,0.7);
}

a:link {color: inherit;text-decoration: none;}
a:hover {color: inherit;text-decoration: none;}
a:visited {color: inherit;text-decoration: none;}
#menu03,#menu04
{
	width: 4em;
	height: 100%;

	padding-left: 1em;
	padding-right: 1em;
	box-sizing:border-box;
	border: solid 1px rgba(0,0,0,0.1);
	float: left;
	font-weight: bold;
}
#menu04
{
	background: url(../img/home.png) no-repeat center;
	background-size: contain;
	cursor: pointer;
}
#name01
{
	width: auto;
	height: 60%;
	margin-top: 0.5em;
	margin-left: 1em;
	float: left;
	box-sizing:border-box;
	padding-top: 0.1em;
	font-weight: bold;
}
#bboton01
{
	width: 50%;
	height: 60%;
	float: right;
	margin-top: 0.5em;
	margin-right: 1em;
	box-sizing:border-box;
	padding-top: 0.1em;
	outline: red solid 1px;
}

#login
{
	width: 60%;
	height: 30em;
	margin-top: 4%;
	background: #fff;
	box-shadow: 0px 0px 20px 8px #F2F2F2;
-moz-box-shadow: 0px 0px 20px 8px #F2F2F2;
-webkit-box-shadow: 0px 0px 20px 8px #F2F2F2;
}
#blogo
{
	width: 39%;
	height: 60%;
	margin-top: 10%;
	border-right: solid 1px rgba(0,0,0,0.2);
	background: url(../img/logo.png) no-repeat center;
	background-size: contain;
}
#blogin
{
	width: 60%;
	height: 60%;
	margin-top: 10%;
}
#isesion
{
	width: 80%;
	height: 20%;
	-webkit-box-shadow: 0 10px 6px -6px #E8E8E8;
	   -moz-box-shadow: 0 10px 6px -6px #E8E8E8;
	        box-shadow: 0 10px 6px -6px #E8E8E8;
	text-align: center;
	padding-top: 1.5em;
	box-sizing:border-box;
	font-size: 14pt;
}
#bnlogin,#bplogin
{
	width: 90%;
	height: 20%;
	margin-top: 2.5em;
	background: rgba(0,0,0,0.02);
}
#bplogin
{
	margin-top: 0.5em;
}
#bnlogin02, #bplogin02
{
	width: 16%;
	height: 100%;
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border: solid 1px rgba(0,0,0,0.2);
}
#bnlogin02
{
	background: url(../img/user.png) no-repeat center;
	background-size: contain;
}
#bplogin02
{
	background: url(../img/pass.png) no-repeat center;
	background-size: contain;
}
#bnlogin03, #bplogin03
{
	width: 80%;
	height: 100%;
	border: solid 1px rgba(0,0,0,0.2);
	-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
#entrar
{
	width: 40%;
	height: 20%;
	margin-top: 1.5em;
	padding-top: 0.6em;
	padding-left: 1em;
	padding-right: 1em;
	box-sizing:border-box;
	border: solid 1px rgba(0,0,0,0.1);
	font-weight: bold;
	background: rgba(0,0,0,0.02);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	-webkit-box-shadow: 0 10px 6px -6px #E8E8E8;
	   -moz-box-shadow: 0 10px 6px -6px #E8E8E8;
	        box-shadow: 0 10px 6px -6px #E8E8E8;
}
#entrar:hover
{
	background-color: rgba(113,170,209,0.7);
}
#pielogin
{
	width: 100%;
	height: 5%;
	margin-top: 3%;

}
#pielogo
{
	width: 5%;
	height: 100%;
	background: url(../img/logo.png) no-repeat center;
	background-size: contain;
}
#textpl,#textpl02
{
	width: auto;
	height: 100%;
	box-sizing:border-box;
	padding-top: 0.8em;
}
#textpl02
{
	color: #3bb4e0;
	cursor: pointer;
	opacity: 0.8;
}
#textpl02:hover
{
	opacity: 1;
}
#cuadro01
{
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	padding-top: 1em;
	padding-left: 1em;
	text-align: left;
}