/* Hoja de estilos del Sistema de evaluacion */

body{
	background-image: url(img/fondoContent.jpg);
	/*background-image: url(img/fondoInformacion.jpg);*/
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
	/*text-align: center;*/
	margin-top: 0px;
}

body.fondo1{
	background-color:#ffffff;
	background-image: url(img/mundo.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-position:50% -158px;
}
body.fondoMenu{
	background-image: url(img/fondoMenu.jpg);
	background-repeat: no-repeat;
	background-color:#2673B4;
	color:#ffffff;
	text-align:left;
}
body.fondoMenu li{
	cursor:pointer;
	color:#ffffff;
	text-align:left;
	font-size:13px;
}
body.fondoMenu a:hover{
	color:#ccddff;
	text-align:left;
	font-size:13px;
}

body.fondoMenu a:hover{
	color:#ccddff;
	text-align:left;
	font-size:13px;
}

body.fondoMenu a{
	color:#ffffff;
	text-decoration: none;
	font-size:13px;
}
body.fondoMenu hr{
	border-bottom:1px solid #88aadd;
	border-top:1px solid #002244;
	position:relative;
	left:-10px;
}
.desplegable {list-style: square ;font-size:13px;}
.desplegable:hover {color:#ccddff;cursor:pointer;}
.desplegable ul{
	display:none;
}
.plegable:hover {
	cursor:pointer;
	color:#66aacc;
}
.plegable ul:hover{
	display:block;
}
.plegable ul:hover a{
	cursor:pointer;
}




div {position:relative;}

div.fondoBase {
	position:absolute;
	text-align:center;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.fondoBase2 {
	width:750px;
	height:100%;
	background-color:#ffffff;
	background-image: url('img/fondoInformacion.jpg');
}


frameset{/*
	max-width: 750px;
	margin-left:auto;
	margin-right:auto;*/
}



.rightAlign{
	text-align:right;
}
.centerAlign{
	text-align:center;
}
.leftAlign{
	text-align:left;
}


div.container{
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

div#title{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
}


li{
	font-size:14px;
	margin-left:-10px;
}
li.sublist{
	margin-left:-20px;
}


/*Para centrar el fieldset de los campos del login*/
fieldset.fieldset300{
	background-color:#e0e6ee;
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
fieldset.fieldset350{
	background-color:#e0e6ee;
	width:350px;
	margin-left:auto;
	margin-right:auto;
}
//form {background-color:#ffffff;}

form.loginForm  label{ 
	float: left;
	width: 40%;
	text-align:right;
	margin-top:2%;
}

form.loginForm input, select, textarea{
	margin-bottom: 1%;
	margin-top: 1%;
	margin-left: 1%;
	text-align: justify	;
	width:auto;
}
form.loginForm .boton{
	text-align: center;
}



/*La forma de registro del participante*/
/*formularios de 700 px de ancho*/
fieldset.fieldset700{
	width:700px;
	margin-left:auto;
	margin-right:auto;
}
form.register  label{ 
	float: left;
	width: 30%;
	text-align: right;
	margin-top:1%;
}
form.register input, select, textarea{
	margin-bottom: 1%;
	margin-top: 1%;
	margin-left: 1%;
	text-align: justify	;
	width:auto;
}
form.register textarea{
	overflow: auto;
	margin:0px 0px 0px 248px;
}


/*Para crear la forma de datos*/
form.dataForm { 
	width:570px;
}
form.dataForm  label{ 
	float: left;
	width: 30%;
	text-align: right;
	margin-top:10px;
}
form.dataForm input, textarea{
	margin:5px 0px 5px 5px;
	text-align: justify;
	width:auto;
}
form.dataForm select{
	/*margin: 7px 150px 5px 5px;*/
	text-align: justify;
}
form.dataForm textarea{
	overflow: auto;
	margin:0px 0px 0px 248px;
}
form.dataForm .inputradio { 
	position:relative;
	left:-4px;
	top:6px;
	
}

form.dataForm hr{ 
	position:relative;
	left:-20px;
}

form.dataForm  .centrarTop{
	position:relative;
	top:-8px;
}
form.dataForm  .checkbox{
	position:relative;
	left:-2px;
	top:4px;
}

/*Tabla*/
table.registro {

	/*border-bottom-width:thin;
	border-left-style:solid;
	border-color:#000000;*/
	font-family: tahoma, arial;
	text-align:center;
	font-size:12px;
	width:650px;
}
td {background-color:#ffffff;}

table.registro td {
		/*border:1px solid #ffffff;*/
		border-bottom:1px solid #aaaacc;
		border-right:1px solid #aaaacc;
		border-left:1px solid #eeeeff;
		border-top:1px solid #eeeeff;
		text-align:left;
}
table.registro thead td{
	background-color:#ccccff;
	text-align:center;
	font-weight:bold;
}
table.regsitro tbody{
}



/*Espacios verticales*/
div.verticalSpace10{
	height: 10px;
}
div.verticalSpace20{
	height: 20px;
}
div.verticalSpace30{
	height: 30px;
}
div.verticalSpace50{
	height: 50px;
}
div.verticalSpace75{
	height: 75px;
}
div.verticalSpace100{
	height: 100px;
}

/*Espacio horizontal*/
div.horizontalSpace{
	padding: 0px 8px 0px 8px;
	display: inline;
}

.asterisco {
	position:relative;
	top:-4px;
	left:-2px;
	color:#880000;
	font-size:15px;
}

.ayuda {
	display:block;
	text-align:right;
	color:#880000;
	font-size:9px;
}
fieldset {
	font-size:13px;
	background-color:#ffffff;
}
.blakspace {
	background-color:#ffffff;
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

.tituloEncabezado {
	/*border-bottom:2px solid #004466;
	text-align:center;
	font-weight:bold;
	font-size:18px;*/
	background-color:#efefff;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}


li.lista a{
	display:block;
	text-decoration:none;
	color:#000000;
}
li.lista a:hover{
	color:#0000FF;
	
}

ul.mainWin{
	list-style-type:disc;
	color:#000000;
}