@charset "utf-8";
*{margin:0;outline:0;padding:0}
html{background-color:#E8F7FA;background-image:url(../images/fondo.jpg);background-repeat:no-repeat;font-family:Arial,Helvetica,sans-serif;font-size:13px;margin:0;color:#3A3A3A;}
body{text-align:center}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
a img{border:none}
ul{list-style: none;}
li{margin-left: 5px;}
p{margin:13px 0;}
#contenedor_info{background-color:#FFF;border:1px solid #999;display:table;height:auto;margin:7px auto 23px;width:950px;text-align: left;color:#3A3A3A;}
#headerUN{background-color:#FFF; display:table;text-align:left;width:950px;color:#3A3A3A;}
#sedes_un{cursor:pointer;position:relative;z-index:1002}
#sedes_un .menuSedes ul{background-color:#7AB7ED;width:81px;color:#FFF}
#sedes_un .menuSedes li{height:17px;list-style:none;width:77px;margin-left: 2px;border-bottom:1px solid #FFF}
#sedes_un .menuSedes a{color:#F1FBFB;font-weight:700;text-decoration:none;display:block;line-height:17px;margin-left:2px;font-size: 11px;background-color:#7AB7ED;}
#buscador_un{float:right;height:18px;margin-right:15px;width:142px}
#buscador_un input.field{width:110px;height:12px;border:#666 solid 1px;font-size: 10px;}
#correo_un{cursor:pointer;position:relative;z-index:1001}
#correo_un .menuCorreo ul{background-color:#FFF;border:1px #CCC solid;width:178px;color:#66739F}
#correo_un .menuCorreo li{border-bottom:1px solid #333;height:17px;list-style:none;width:175px;margin-left: 2px;}
#correo_un .menuCorreo a{color:#66739F;font-weight:700;text-decoration:none;display:block;line-height:17px;margin-left:2px;font-size: 11px;background-color:#FFF;}

#fecha{float:left;height:18px;width:206px;background-color: #FFF;color:#000}
#Contenido_UN{display:table;width:950px;}
#piedepagina{background-color:#CACACA;clear:both;color:#333;font-size:10px;height:56px;width:950px}
#piedireccion{float:left;height:51px;margin-left:10px;margin-top:5px;text-align:left;width:371px}
#piescudo{float:left;height:51px;width:200px}
#pietelefono{float:right;height:51px;margin:5px 10px 0 0;text-align:right;width:270px}
#pietelefono a{text-decoration:none;color:#FFF;background-color:#CACACA;}
#sedes_un .menuSedes,#correo_un .menuCorreo{display:none;left:0;position:absolute;top:18px}
#sedes_un .menuSedes li:hover,#correo_un .menuCorreo li:hover,#sedes_un .menuSedes a:hover,#correo_un .menuCorreo a:hover{background-color:#E8F7FA;color:#333}
#sedes_un:hover .menuSedes,#correo_un:hover .menuCorreo{display:block}
.creditos{border-top:solid 2px #006699;clear:both;margin-top:2px;}
.creditos p{margin:10px;}
.luna1 {width:950px; height:82px;text-align:center;}
.bar {width: 950px;	height:18px; background-image:url(../images/fill_light.gif); display:table;clear:both;}
.date {width: 950px;}
.escudon { width:193px; height:82px; float:left; margin-left:10px; }
.escudorep {width:90px; height:82px; float:right; margin-left:103px;}
.depen { margin: 10px auto 0; width:550px; display:table; text-align:center; color:#999; position:relative;  }
.tipage{ margin: 10px auto 0; width:550px; display:table; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; }
.in {height:18px; width:84px; float:left;}
.bard {width:303px; height:18px; float:right; background-image:url(../images/fill_dark.gif) } 
.pd {width:23px; height:18px; float:right;}
.cor { margin-left:12px; width:67px; height:18px; float:left; }
.sed { width:59px; height:18px; float:left;}
.mapa {font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:5px; float:right; font-weight:bold; margin-right:10px;}

/* MESSAGES AND ERRORS */

.errors,
.message {
	font-size: 0.8em;
	line-height: 2;
	margin: 1em 2em;
	padding: 0.25em;
}

.message {
	background: #f3f3ff;
	border: 1px solid #b2d1ff;
	color: #006dba;
	   -moz-box-shadow: 0 0 0.25em #b2d1ff;
	-webkit-box-shadow: 0 0 0.25em #b2d1ff;
	        box-shadow: 0 0 0.25em #b2d1ff;
}

.errors {
	background: #fff3f3;
	border: 1px solid #ffaaaa;
	color: #cc0000;
	   -moz-box-shadow: 0 0 0.25em #ff8888;
	-webkit-box-shadow: 0 0 0.25em #ff8888;
	        box-shadow: 0 0 0.25em #ff8888;
}

.errors ul,
.message {
	padding: 0;
}

.errors li {
	list-style: none;
	background: transparent url(../images/skin/exclamation.png) 0.5em 50% no-repeat;
	text-indent: 2.2em;
}

.message {
	background: transparent url(../images/skin/information.png) 0.5em 50% no-repeat;
	text-indent: 2.2em;
}

.error input, .error select, .error textarea {
	background: #fff3f3;
	border-color: #ffaaaa;
	color: #cc0000;
}

.error input:focus, .error select:focus, .error textarea:focus {
	   -moz-box-shadow: 0 0 0.5em #ffaaaa;
	-webkit-box-shadow: 0 0 0.5em #ffaaaa;
	        box-shadow: 0 0 0.5em #ffaaaa;
}

input:invalid, select:invalid, textarea:invalid {
	background: #fff3f3;
	border-color: #ffaaaa;
	color: #cc0000;
}

input:invalid:focus, select:invalid:focus, textarea:invalid:focus {
	   -moz-box-shadow: 0 0 0.5em #ffaaaa;
	-webkit-box-shadow: 0 0 0.5em #ffaaaa;
	        box-shadow: 0 0 0.5em #ffaaaa;
}


.buttons input,
.buttons a {
	background-color: #efefef;
	color: #666666;
	cursor: pointer;
	display: inline-block;
	overflow: auto;
	text-decoration: none;
	padding: 5px;
	margin: 0.1em 0 0 0;
	border: none;
	   -moz-box-shadow: 0 0 3px 1px #ccc;
	-webkit-box-shadow: 0 0 3px 1px #ccc;
	        box-shadow: 0 0 3px 1px #ccc;
	
	   -moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	        border-radius: 0.3em;
}

.buttons input:hover, .buttons input:focus,
.buttons a:hover, .buttons a:focus {
	background-color: #999999;
	color: #ffffff;
	outline: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
	   -moz-box-shadow: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.no-borderradius .buttons input:hover, .no-borderradius .buttons input:focus,
.no-borderradius .buttons a:hover, .no-borderradius .buttons a:focus {
	background-color: transparent;
	color: #444444;
	text-decoration: underline;
}

.buttons .delete, .buttons .edit, .buttons .save , .buttons .continue, .buttons .close{
	background-position: 0.0em center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.buttons .delete {
	background-image: url(../images/skin/database_delete.png);
}

.buttons .edit {
	background-image: url(../images/skin/database_edit.png);
}

.buttons .save {
	background-image: url(../images/skin/database_save.png);
}
.buttons .continue {
	background-image: url(../images/skin/continue.png);
}
.buttons .close {
	background-image: url(../images/skin/close.png);
}
/** PINA **/
#body{
	padding: 5px;
}
#spacer{
	padding: 15px;
}
table{
	font-size: inherit;
}
h1,h2,h3{
 color: #253b6c;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
p {
	text-align: justify;
}

fieldset{
	border: 1px solid #ccc;
	padding: 10px;
}

fieldset label{
	text-align: right;
	padding: 5px;
}

fieldset input{
	text-align: left;
}

fieldset table td{
	padding-bottom: 10px;
}
fieldset table{
	width: 100%;
}
.clear{
	clear: both;
}
.cerrar-sesion{
	padding: 2px 20px 2px 2px;
	float: right;
	background-image: url(../images/skin/close.png);
	background-repeat: no-repeat;
	background-position: right;
}
.error {
	background: #fff3f3;
	border: 1px solid red;
	color: #cc0000;
	margin: 10px 0 10px 0;
	padding: 15px 15px 15px 15px;
	border-radius: 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#mensaje-menor-ie9{
	display: none;
}

/**LOGIN FORM**/
.login-form{
	width: 500px;
	margin: 0 auto 0 auto;
}

/**REGISTRO**/
.registro{
	width: 500px;
	margin: 0 auto 0 auto;
}

/**EJERCICIO**/

.componentes{
	text-align: left;
	float: left;
	width: 480px;
	padding: 10px;
}

.puntajes{
	float: left;
	width: 440px;
	padding-top: 10px;
}

.componente{
	margin-bottom: 10px;
	margin-top: 10px;
}

.resultados-componentes{
	margin: 10px auto 0 auto;
}
.resultados-componentes .resultado{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 88px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #ccc;
}
.resultados-componentes .titulo{
	text-align: center;
	font-weight: bold;
	margin: 0px;
	height: 30px;
	padding-top: 5px;
}
.resultados-componentes .puntaje{
	text-align: center;
	margin: 0px;
	height: 30px;
	line-height: 30px;
}

/** COMPONENTE **/
#examen{
	text-align: center;
	border: 1px solid #253b6c;
	border-radius: 5px;
}
.canvas-wrapper{
	overflow: auto;
	width: 930px; 
	height: 400px;
	z-index: 1000;
}
.respuestas{
	padding-top: 20px;
	vertical-align: top;
}
#mensajeCierre{
	text-align: center;
	border: 1px solid #253b6c;
	border-radius: 5px;
}
#tiempo{
	text-align: center;
	border: 1px solid #253b6c;
	border-radius: 5px;
}
#cronometro{
	font-family: 'Wallpoet', cursive;
	color: #253b6c;
	font-size: 2em;
}
#tituloCronometro{
	color: #253b6c;
	font-size: 1.5em;	
}
.opciones-respuesta{
	text-align: center;
	border: 1px solid #253b6c;
	border-radius: 5px;
	margin-top: 10px;
}
.opciones-respuesta td{
	vertical-align: top;
	padding: 3px;
}
#componenteWrapper{
	margin: 0 auto 0 auto;
}