@font-face {
    font-family: 'heydings_icons';
    src: url('otf/heydings_icons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'signifylite';
    src: url('otf/signifylite-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.heydings
{
	font-family: 'heydings_icons' !important;
}

.signify
{
	font-family: 'signifylite';
}

*
{
	padding:0;
	margin:0;
	font-family: "Myriad Pro","Trebuchet MS",sans-serif;
	color:#555555;
}

.noDisplay
{
	display:none;
}

html
{
	width:100%;
	height:100%;
}

body{
	background: #eee;
	overflow: auto;
	width:100%;
	height:100%;
}

.headPrincipal
{
	width:100%;
	height:50%;
	background:#eee;
	min-height: 200px;
	min-width:260px;
}

.contenthead
{
	width:100%;
	height:95%;
	background:#fff;
	box-shadow: 0px 3px 4px #aaa;
	float:left;
}

.contentDerecha
{
	float:right;
	text-align:right;
	overflow:hidden;
	width:19%;
	height:100%;
	padding-right:1%;
	

	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(left,  #ffffff 0%,#eeeeee 100%);
	background: -o-linear-gradient(left,  #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(left,  #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to right,  #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 );
}

.contentDerecha h1
{
	font-size: 16px;
}

.contentDerecha p
{
	font-size: 10px;
}
.loginPrincipal
{
	width:100%;
	height:25%;
	background:#eee;
	text-align:center;
	min-height: 100px;
	min-width:130px;
	
	background: #eee;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffffff 20%, #eeeeee 80%, #eeeeee 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(20%,#ffffff), color-stop(80%,#eeeeee), color-stop(100%,#eeeeee));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 20%,#eeeeee 80%,#eeeeee 100%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 20%,#eeeeee 80%,#eeeeee 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 20%,#eeeeee 80%,#eeeeee 100%);
	background: radial-gradient(ellipse at center,  #ffffff 0%,#ffffff 20%,#eeeeee 80%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 );

}

.contentLogin
{
	height:100%;
	width:100%;
	background: #eee;
}

.loginPrincipal h1
{
	font-size:32px;
	color:#ccc;
}

.loginPrincipal h4
{
	font-size:16px;
	color:#ccc;
	margin-top:40px;
}

.loginEstudiantes
{
	width:100%;
	height:100%;
	background:#fff;
}

.parLogin
{
	width:50%;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-left:20%;
	padding-top:3%;
}

.inputDerecha input
{
	height:22px;
	width:150px;
	line-height: 30px;
}

.lblIzquierda
{
	float:left;
	text-align:right;
	width:48%;
	line-height: 30px;
}

.inputDerecha
{
	float:right;
	text-align:left;
	width:48%;
	line-height: 30px;
}
.seleccionPrincipal
{
	width:100%;
	height:25%;
	min-height: 100px;
	min-width:130px;
	
	background:#fff;
	box-shadow: 0px -3px 4px #aaa;
}

.contentseleccion
{
	width:100%;
	height:100%;
	background:#fff;
	
}

.btnSeleccionPortal
{
	width:100%;
	height:96%;
	float:left;
	background:#fff;
}

.btnSeleccionPortal-content
{
	width:50%;
	height:100%;
	float:left;
	background:#ddd;
}

.btnSeleccionPortal-content:hover
{
	background:#4a7cba;
}
.btnSeleccionPortal-content:hover *
{
	color:#555;
	opacity:1;
}

.btnSeleccionPortal-content:hover .btnSeleccionPortal
{
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );

}
.btnSeleccionPortal-icon
{
	width:30%;
	height:100%;
	float:left;
}

.btnSeleccionPortal-icon img
{
	width:80%;
	height:80%;
	margin:10%;
	opacity:0.5;
}

.btnSeleccionPortal-text
{
	width:70%;
	float:left;
	height:100%;

}

.btnSeleccionPortal-text *
{
		color:#bbb;
}
.btnSeleccionPortal-text h2
{
	margin-top:10%;
}