body{
	font-family: Lucida, Palatino, Verdana;

	margin: 0;
}
header{
	background-color: #00589c;
	border-width: 0;
	border-style: none;

	text-align: center;

	padding: 0;
	margin: 0 auto;
	width: 100%;
	display: block;

}
header img{
	margin: 0 auto;

	display: block;

	cursor: none;
}
h1 {
	color: #0f4e7e; /*#033B6B*/

	font-family: Lucida, Palatino, Verdana;
	font-size: 140%;
	font-weight: bolder;

	text-transform: uppercase;
	text-align: center;

	letter-spacing: 0.2em;
	
	margin: 1em 0;
}
h2 {
	color: #0f4e7e; /*#033B6B*/

	font-family: Lucida;
	font-size: 120%;
	font-weight: bolder;

	text-transform: uppercase;	
	text-align: center;

	letter-spacing: 0.2em;

	margin: 0.5em 0;
}
h3{
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	font-family: Helvetica, Times, Arial;
	color: #0f4e7e; /*#033B6B*/
	text-transform:capitalize;
	text-align: left;
}
h4{
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	font-family: Helvetica, Times, Arial;
	color: black;
	background-color: #6181BA;
	text-transform: uppercase;
}
h5{
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	font-family: Helvetica, Times, Arial;
	color: Navy;
	text-align: left;
}
table{
	border-style: none;

	padding: 0;

	margin: 0 auto;

	display: table;
}
th{
	border-style: none;
}
td{
	border-style: none;

	padding: 0.5em;

	margin: 0.5em;
}
.pagina{
	background-position: center center;
	background-repeat: no-repeat;
	background-image : url(../imagenes/escudo.jpg);
	min-height: 400px;
	width: 970px;
	display: table;
	border-width: 5px;
	border-style: groove;
	border-color: transparent;
	margin-left:auto;
	margin-right:auto;
}
.login{
	font-family: Lucida, Palatino, Verdana;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	color: #ffffff;
	background-color: #2a6eab;

}
.tablalogin{
	background-color: transparent;
	width: 500px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 100px;
	margin-bottom: auto;
	border-style: none;
	border-spacing:10px 10px;
}
.tablausuarios{
	background-color: transparent;
	width: 450px;
	border-style: groove;
	border-color: transparent;
	border-spacing:10px 10px;
	margin-bottom: 50px;
	padding: 10px 10px 10px 10px;
	float:left;
	list-style: none;
}
.tablacursos{
	background-color: transparent;
	width: 450px;
	border-style: groove;
	border-color: transparent;
	border-spacing:10px 10px;
	margin-bottom: 50px;
	padding: 10px 10px 10px 10px;
	float:right;
	list-style: none;
}
.celdaindex{
	background-color: transparent;
	border-style: groove;
	border-spacing:5px 5px;
	border-color: transparent;
	padding: 5px 5px 5px 5px;
	text-align: center;
	width: 200px;
	height: 100px;
}
.celdaindexcursos{	
	background-color: transparent;
	border-style: groove none none;
	border-color: #e0e0e0;	
	
	color: #0f4e7e;
	font-size: 100%;
	font-weight: bold;

	text-align: center;

	padding: 0.5em;
}
.nombrecursos{
	color: black;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
}
.nombrecursos a:link {
	color: #0f4e7e; /*#033B6B*/
	font-size: inherit;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}
.nombrecursos a:hover, .nombrecursos a:visited {
	color: #ae9843;
	font-size: inherit;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	width: 200px;
	border-style: none;
}
.nombrecursos a:visited {
	color: #757575;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}
.celdaindexcursostitulos{
	background-color: #0f4e7e; /*#033B6B*/
	border-style: groove none;
	border-spacing: 5px;
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	color: white;
}
.error{
	font-family: Helvetica, Times, Arial;
	font-size: 18px;
	color: red;
	text-align : center;
	font-weight: bold;
	text-transform: uppercase;
}
.exito{
	font-family: "Courier New", Arial;
	font-size: 18px;
	color: rgb(65, 72, 127);
	text-align : center;
	font-weight: bold;
	text-transform: uppercase;
}
.mensaje{
	font-family: Helvetica, Times, Arial;
	font-size: 14px;
	color: rgb(255,13,0);
	text-align : center;
	font-weight: bold;
	text-transform: uppercase;
	font-style:oblique;
}
.agregatema{
	font-family: Helvetica, Times, Arial;
	font-size: 12px;
	font-weight: bold;
	text-align : center;
	border-color: red;
	border-style:double;
	background-color: rgb(255, 255, 212);
}
.agregatema a:link{
	color: rgb(192, 56, 33);
}
.agregatema a:hover{
	color: rgb(108, 109, 168);
	font-size: 16px;
	width:100%;
	border-color: white;
	border-style:groove;
}

#creditos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-align: center;
	background-position: center;
	margin-left:auto;
	margin-right:auto;
	display: inline-block;
	position:relative;
	width: 970px;

}

p.aviso{
	font-family: Lucida, Palatino, Verdana;
	font-size: 26px;
	font-weight: bold;
	color: Navy;
	text-align: center;
}

Td.formulario{
	background-color: #0f4e7e; /*#335C96*/

	color: white/*#E1B715*/;

	font-family: Lucida, Palatino, Verdana;
	font-size: 100%;
	font-weight: normal;

	text-align: right;
	letter-spacing: 0.3em;
	
	padding: 0.5em;
}
.obligatorio{
	font-family: Lucida, Palatino, Verdana;
	font-size: 100%;
	color: Red;
	font-weight: bold;
	text-align: left;
}
.archivos{
	font-family: Lucida, Palatino, Verdana;
	font-size: 11px;
	text-align: center;
/*	margin-left:auto;
	margin-right:auto;*/
	margin: 0 auto;
	text-align: center;
}

.archivos a:hover{
	font-size: 20px;
	color: #1b218d;
	font-weight: bold;
	background-image : url(../imagenes/gradient-sb.jpg);
	background-attachment : fixed;
	background-position : center;
	background-repeat : repeat;
}

.editarobj{
	background-image : url(../imagenes/gradient-sb.jpg);
	background-attachment : fixed;
	background-position : center;
	background-repeat : repeat;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 0px 0px;
	border-spacing:0px 0px;
}

.editarobj a:hover{
	border-color: white;
	border-style:inset;.
	width: 20px;
	display: block;
	margin-top: 0px;
	border-spacing:0px 0px;

}
.colocar{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	border-color: black;

}
.colocar a:link{
	font-family: Lucida, Palatino, Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: blink;
	color: #da2929;
	margin-left:auto;
	margin-right:auto;

}
.colocar a:visited{
	font-family: Lucida, Palatino, Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: blink;
	color: #da2929;
	margin-left:auto;
	margin-right:auto;
}
.nada1{
	background-color: #ffffe8;
	border-color: red;
	border-width: 10px;
	border-style: groove;
	width: 30%;
}
.nada2{
	color: #A52A2A;
	font-weight: bold;
	text-align:center;
}
.nada2 a:link{
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
}
.nada2 a:hover{
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}
.sinpermiso{
	font-family: Helvetica, Times, Arial;
	font-weight: bold;
	font-size: 20px;
	margin-left:auto;
	margin-right:auto;
	color: red;
	text-align: center;
	text-transform: normal;
	width:400px;
	border-style: groove;
	border-color: #bfbfbf;
	border-width: 10px;
	padding:15px 15px 15px 15px;
}
.sinpermiso a:link{
	font-family: Helvetica, Times, Arial;
	font-size: 16px;
	color: red;
	text-align : center;
	text-transform: normal;
}
.temascurso{
	background-color: #0f4e7e; /*#033B6B*/

	border-style: groove;

	font-family: Helvetica, Times, Arial;
	font-weight: bold;
	font-size: 15px;
	color: white;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;	
}
.numeracion{
	font-family: Helvetica, Times, Arial;
	font-weight: normal;
	font-size: 100%;
	color: #0f4e7e; /*#1f1f99*/
	text-align: center;
}
/*.nombrestema{
	padding-left: 10px;
	font-family: Helvetica, Times, Arial;
	font-weight: normal;
	font-size: 100%;
	color: black;
	text-align: left;
	text-transform: normal;
	text-decoration: none;
}*/
.nombrestema, .nombrestema a:link, .nombrestema a:visited{
	color: #0f4e7e; /*#1f1f99*/

	font-family: Helvetica, Times, Arial;
	
	text-align: left;
	text-transform: normal;
	text-decoration: none;

	line-height: 1.5;

	padding-left: 0.5em;
}
.nombrestema a:hover{	
	color: #a58b45;

	text-decoration: underline;
}
/*.nombrestema a:visited{
	padding-left:10px;
	font-size: 100%;
	color: #4d4d4d;
	text-align: center;
	text-transform: bold;
	text-decoration: underline;
}*/
.versionfinal{
	font-family: Helvetica, Times, Arial;
	font-weight: normal;
	font-size: 15px;
	color: black;
	text-align: center;
	text-transform: normal;
	text-decoration: none;
	margin-left:auto;
	margin-right:auto;
	padding: 20px 20px 20px 20px;
	border-style: groove;
	border-color: #34346d;
	border-width: 5px;
	width: 200px;
}
.versionfinal a:link{
	font-family: Helvetica, Times, Arial;
	font-weight: normal;
	font-size: 20px;
	color: black;
	text-align: center;
	text-transform: normal;
	text-decoration: none;
}
#listaindex{
	position:relative;

	display: block;
}
#listaindex li{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	top:0;
	}
#listaindex li, #listaindex a{
	height: 100px;
	display:block;
}
#agregausuario{
	background-image : url(pics/adduser.png);
	background-position : center;
	background-repeat : no-repeat;
	height: 100px;
}
#agregausuario a:hover{
	background-image : url(pics/adduser0.png);
	background-position : center;
	background-repeat : no-repeat;
	border-color: grey;
	border-width: 5px;
	border-style: groove;
	height: 100px;
}
#buscausuario{
	background-image : url(pics/searchuser.png);
	background-position : center;
	background-repeat : no-repeat;
	height: 100px;
}
#buscausuario a:hover{
	background-image : url(pics/searchuser0.png);
	background-position : center;
	background-repeat : no-repeat;
	border-color: grey;
	border-width: 5px;
	border-style: groove;
	height: 100px;
}
#usuariocurso{
	background-image : url(pics/usercourse.png);
	background-position : center;
	background-repeat : no-repeat;
	height: 100px;
}
#usuariocurso a:hover{
	background-image : url(pics/usercourse0.png);
	background-position : center;
	background-repeat : no-repeat;
	border-color: grey;
	border-width: 5px;
	border-style: groove;
	height: 100px;
}
#agregacurso{
	background-image : url(pics/addcourse.png);
	background-position : center;
	background-repeat : no-repeat;
	height: 100px;
}
#agregacurso a:hover{
	background-image : url(pics/addcourse0.png);
	background-position : center;
	background-repeat : no-repeat;
	border-color: grey;
	border-width: 5px;
	border-style: groove;
	height: 100px;
}
#buscacurso{
	background-image : url(pics/searchcourse.png);
	background-position : center;
	background-repeat : no-repeat;
	height: 100px;
}
#buscacurso a:hover{
	background-image : url(pics/searchcourse0.png);
	background-position : center;
	background-repeat : no-repeat;
	border-color: grey;
	border-width: 5px;
	border-style: groove;
	height: 100px;
}
#agregacategoria{
	background-image : url(pics/addcategory.png);
	background-position : center;
	background-repeat : no-repeat;
	height: 100px;
}
#agregacategoria a:hover{
	background-image : url(pics/addcategory0.png);
	background-position : center;
	background-repeat : no-repeat;
	border-color: grey;
	border-width: 5px;
	border-style: groove;
	height: 100px;
}
#editarcategoria{
	background-image : url(pics/editcategory.png);
	background-position : center;
	background-repeat : no-repeat;
	height: 100px;
}
#editarcategoria a:hover{
	background-image : url(pics/editcategory0.png);
	background-position : center;
	background-repeat : no-repeat;
	border-color: grey;
	border-width: 5px;
	border-style: groove;
	height: 100px;
}
#listaeditar{
	position:relative;
	display: inline;
}
#listaeditar li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	}
#listaeditar li, #listaeditar a{
	height:20px;
	width: 30px;
	display: inline-block;
}
#editar{
	background-image : url(pics/edit.png);
	background-position : center;
	background-repeat : no-repeat;
	left:5px;
}
#editar a:hover{
	background-image : url(pics/edit.png);
	background-position : center;
	background-repeat : no-repeat;
	background-color: #f7f7f7;
	border-color: grey;
	border-width: 1px;
	border-style: groove;
}
#borrar{
	background-image : url(pics/remove.png);
	background-position : center;
	background-repeat : no-repeat;
	left: 40px;
}
#borrar a:hover{
	background-image : url(pics/remove.png);
	background-position : center;
	background-repeat : no-repeat;
	background-color: #f7f7f7;
	border-color: grey;
	border-width: 1px;
	border-style: groove;
}
#editararchivo{
	background-image : url(pics/edit.png);
	background-position : center;
	background-repeat : no-repeat;
	bottom: 0px;
	display: block;
	width: 20px;
	height: 20px;
	top: 0;
}
#borrararchivo{
	background-image : url(pics/removefile.png);
	background-position : center;
	background-repeat : no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
}
#agregar2{
	background-image : url(pics/add2.png);
	background-position : center;
	background-repeat : no-repeat;
	
	width: 20px;
	height: 20px;
	display: inline-block;
}
#borrar2{
	background-image : url(pics/remove.png);
	background-position : center;
	background-repeat : no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
}
#editar2{
	background-image : url(pics/edit.png);
	background-position : center;
	background-repeat : no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
}
#moverarchivo{
	background-image : url(pics/move.png);
	background-position : center;
	background-repeat : no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
}
#listaagregar{
	position:relative;
	display: inline;
}
#listaagregar li{
	height:40px;
	width: 40px;
	padding:0;
	list-style:none;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0;
	}
#listaagregar li, #listaagregar a{
	height:60px;
	width: 150px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
#listaagregar a:hover{
	border-style: groove;
	border-color: white;
	border-width: 2px;
	padding: 5px 5px 5px 5px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #9c974a;
}
#listaagregarpartes{
	position:relative;
	display: inline;
}
#listaagregarpartes li{
	height:40px;
	width: 40px;
	padding:0;
	list-style:none;
	position:relative;
	left:5px;
	top:0;
	}
#listaagregarpartes li, #listaagregarpartes a{
	height:60px;
	width: 150px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
}
#listaagregarpartes a:hover{
	border-style: groove;
	border-color: white;
	border-width: 2px;
	padding: 5px 5px 5px 5px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #9c974a;
}
#agregar{
	background-image : url(pics/add.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-align: center;
	width: 100px;
}
#agregarreferencia{
	background-image : url(pics/addreference.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-align: center;
	width: 100px;
}
#editaioc{
	background-image : url(pics/editioc.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-align: center;
	width: 100px;
}
#agregaractividad{
	background-image : url(pics/addactivities.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-align: center;
	width: 100px;
}
#reordenaractividad{
	background-image : url(pics/resort.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-align: center;
	width: 100px;
}
#terminareordenaractividad{
	background-image : url(pics/finishsort.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-align: center;
	width: 100px;
}
#listaInicio{
	position:relative;
}
#listaInicio li{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	top:0;
	}
#listaInicio li, #listaInicio a{
	height: 65px;
	display:block;
}
#btninicio{
	background-image : url(pics/home.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-align: center;
	text-decoration: none;
	border-spacing: 2px 2px 2px 2px;
	width: 120px;
}
#btninicio a:hover{
	background-image : url(pics/home2.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-decoration: none;
	color: #0f4e7e; /*#033B6B*/
	font-weight: bold;
	font-size: 12px;
	width: 120px;
}
#listaSalir{
	position:relative;
	margin-top: 0px;	
}
#listaSalir li{
	margin-left: 800px;	
	margin-top: 1px;
	padding:0;
	list-style:none;
	position: relative;
	top:0px;
	}
#listaSalir li, #listaSalir a{
	height: 47px;
	display: block;
}
#btnSalir{
	background-image : url(pics/exit.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-align: right;
	text-decoration: none;
	width: 110px;
}
#btnSalir a:hover{
	background-image : url(pics/exit0.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-decoration: none;
	color: #d02f2f;
	font-weight: bold;
	font-size: 12px;
}
#flechaArriba{
	background-image : url(pics/farriba.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-decoration: none;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#flechaAbajo{
	background-image : url(pics/fabajo.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-decoration: none;
	width: 20px;
	height: 20px;
	display: inline-block;
}
#nada{
	background-image : url(pics/nada.png);
	background-position : bottom;
	background-repeat : no-repeat;
	text-decoration: none;
	width: 20px;
	height: 20px;
	display: inline-block;
}
.listacursos{
	font-size: 100%;
}
.listacursos a{
	color: #335C96;

	font-weight: bold;
	text-decoration: none;
}
.listacursos a:hover{
	color: #335C96;

	font-weight: bold;
	font-size: 90%;

	text-decoration: none;
}
.listacursos table{

	width: 90%;
	
	margin-left: auto;
	margin-right: auto;

	display: table;
}
.listacursos th{
	background-color: #0f4e7e; /*#004D80*/

	color: white;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	border-bottom-style: groove;
	
	padding: 5px;

	margin-top: 10px;

	display: table-cell;
}
.listacursos td{

	border-bottom-style: groove;
	
	padding: 5px;



	display: table-cell;
}
.listacursos li{
	
	line-height: 150%;

}