* {
   padding:0;
   margin:0;
   outline:none;
}
.le {float:left;} .ri {float:right;}
.feature a {
	color: #b90c2c;
}
.feature a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, dl, fieldset, address {
    margin-bottom: 1.5em;}
body{
	color: #555555;
	background-color:#FFF;
	background-image: url(bgbody.png);
	background-repeat:   repeat-x;
	background-position: 0px 0px;
	font:13px/1.231 Arial, Helvetica, sans-serif;
	padding-top: 10px;
}
#contenedor {

}
strong, b {
	color: #555555;
}
#pan li {
	display: inline;
	list-style-type: none;
}
#pan ul {
	padding:0;
	margin-top: 151px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 24px;
}
.cierremenu {
	padding-right:2px;
	background-image:url(seppana.gif);
	background-repeat:no-repeat;
	background-position:right 9px;
	height:39px;
	line-height:39px;
	display:block;
	float:left;
	*float:none;
}
#pan a {
	display: block;
	float: left;
	color: #FFFFFF;
	line-height: 24px;
	padding-top:7px;
	text-decoration:none;
	font-weight:bold;
	background-image: url(BgLinkMenu.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-align: center;
	width: 133px;
	text-shadow:#7a7a7a 1px -1px 1px;
}
#pan a:hover {
	background-position: center 0px;
	color:#3f3f3f;
	text-shadow:none;
}
#pan a.portada_select, #pan a.consultanos_select, #pan a.ayuda_select { background-position: 0px 0px; color:#404040; text-shadow:#e0e0e0 1px 1px 1px;}
#pan {
	height:182px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-left: 267px;
	position: absolute;
	top: 23px;
	width: 697px;
	background-image: url(bgpan.jpg);
}
#total {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(bgtotal.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
h1{
 font-size: 116%;
 color: #FF6600;
}

h2{
	font-size: 128%;
	color: #FF6600;
}

h3{
	font-size: 110%;
	color: #FF6600;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
#consulta textarea {
	width: 500px;
	height: 120px;
}
#consulta span, .nombre, .email {
	display: block;
	color: #525450;
	font-size: 110%;
	font-weight: bold;
}
#user .formuser {
margin-bottom:15px;
padding:10px 0 15px;
background-color:#f1f1f1;

}
#solicitar input {
	width: 100%;
}
#solicitar .boton { width:174px;}
input, textarea, select {
	padding: 3px;
	color: #333333;
	font-size: 13px;
	background-image: url(Bginput.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #97988F;
	border-right-color: #B0B1A9;
	border-bottom-color: #BCBDB8;
	border-left-color: #A4A59C;
	font-family: Arial, Helvetica, sans-serif;
}
input:focus, textarea:focus {
	color:#000000;
	outline:2px solid #ebebeb;
}
.boton, #solicitar input.recordar, a.nuevo_usuario {
	margin-left: -3px;
	width: 174px;
	height: 32px;
	color: #525450;
	padding: 0px;
	background-image: url(bgbtn.png);
	background-repeat:  no-repeat;
	border: none;
	background-position: 0px 0px;
	font-weight: bold;
}
.boton:focus {
	outline:none;
	background-position: 0px bottom;
}
form p {padding:2px 6px 6px 0; margin:0;}
form {
	margin: 0px;
	padding: 0px;
}

legend {
	display: none;
}
fieldset {
border:none;
}
h4{
	font-size: 115%;
	font-weight: bold;
	color: #5F5E58;
	font-family: Arial, Helvetica, sans-serif;
}

h5{
 font-size: 100%;
 color: #FEB901;
}

ul{
	list-style-type: square;
	margin-left: 3em;
	margin-bottom: 1em;
}
.detallado ol {
	margin-left: 1.5em;
	margin-bottom: 3px;
	display:block;
}
.detallado ol li {list-style-type:none;}
ol {
	margin-left: .8em;
	margin-bottom: 0.8em;
	list-style-position:inside;
}
ul ul{
	list-style-type: disc;
	margin-left: 4em;
}

ul ul ul{
	list-style-type: none;
	margin-left: 5em;
}

label{
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	 color: #334d55;
}
#masthead{

}
#navBar h3 {
	margin:0;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	
	background-color:#b40d2e;
	padding:6px 14px 5px;
	color:#f1eaec;
	border-top:12px solid #fedfb7;
	border-bottom:8px solid #fedfb7;
}
#navBar h3:first-child { border-top:none; position:relative; top:-1px;}
#navBar{
	width: 214px;
	margin-left: 27px;
	display:block!important;
	display:inline;
	background-image: url(unsubscribe_32.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 120px;
}
#content{
	width:681px;
	float: right;
	margin-right: 39px;
	margin-bottom: 25px;
	display:block!important;
	display:inline;
	height:auto!important;
	height:380px;
	min-height:380px;
}
#masthead h1 {
	margin: 0px;
}
#masthead h1 {
	text-indent:-9999em;
	background-image: url(logoeclap.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 200px;
	width: 260px;
	position: absolute;
	top: 54px;
}
.feature h2 {
	font-weight:normal;
	color: #606060;
	font-size: 21px;
	line-height: 28px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}
#navBar ul a:link, #navBar ul a:visited {display: block;}
.botoncurso li {
	list-style-type:none;
	display: inline;
}
.leccion {
	float: left;
	width: 43%;
	margin-left: 0;
	margin-bottom: 35px;
	padding-left:5%;
}
html>body .leccion {width:45%; padding:0 0 0 5%;}
.contenido {
	width: 50%;
	float: left;
	margin-bottom: 35px;
}
.botoncurso {
	overflow:hidden;
	height: 45px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
.botoncurso ul {
	margin: 0px;
	padding: 0px;
}
.botoncurso a {
	display: block;
	font-size:12px;
	text-align: center;
	color: #b90c2c;
	text-align: center;
	float: left;
	background-image: url(bgbtn.png);
	background-color: #f5f5f5;
	text-decoration: none;
	height: 32px;
	width: 174px;
	margin: 0 12px 0 0;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.botoncurso a:focus, .boton:focus { outline:1px solid #fff;}
.botoncurso li {display:block; height:30px;}
.botoncurso a:hover {
	background-color: #ddd;
	text-decoration: none;
	background-position: 0px bottom;
}
.leccion li {
	margin-left: 0;
	margin-bottom: 4px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	}
.arriba a {
	display: block;
	text-decoration: none;
	line-height: 15px;
	text-align:left;
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	background-image: url(bgsubir.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#solicitar .email {
	margin-right: 22px;
}


.arriba {
	margin-bottom: 10px;
	height: 24px;
	margin-top: 38px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}
#solicitar .boton {
	width: 174px;
}
#solicitar input {
	width: 60%;
}
#ins ul {
	list-style-type: none;
	margin: 0px;
}
#ins a:hover {
	background-color:#409218;
}

a.recordar {
	display: block;
	padding-top: 7px;
	padding-bottom:20px;
	margin-top:7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E3E3E3;
}
.formuser {

}
.formuser img {
	float: left;
	padding: 7px;
	background-color: #FFFFFF;
	border: 1px solid #E4E4E4;
	margin-right: 10px;
}

#user span {
	margin-right: 6px;
	margin-top: 5px;
	display: block;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}
.bot_newuser .boton {
	margin: 0px;
	padding: 0px;
}
.formuser p {
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 25px;
}

.bot_newuser {
	margin-top: 6px;
}
.error {
	margin-bottom: 14px;
	color: #d60037;
	background-color: #FFE6EB;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	border: 1px solid #d60037;
	background-image: url(iconerror.gif);
	background-repeat: no-repeat;
	background-position: 7px 9px;
}
.ok {
	margin-bottom: 14px;
	color: #00b01e;
	background-color: #EAFFED;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 30px;
	border: 1px solid #00b01e;
	background-image: url(iconok.gif);
	background-repeat: no-repeat;
	background-position: 7px 9px;
}
.feature .ok p {
	margin:0;
	font-size:13px;
	padding:4px 4px 6px 45px;
	text-shadow:#406c11 -1px -1px;
	background-image: url(bginfok.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	background-color: transparent;
	display: block;
}

#user span.comentario {
	font-weight: normal;
	color: #666666;
	margin-top: 0px;
	display: inline;
	text-align: left;
	font-size: 80%;
	margin-left: 6px;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin-right: 15px;
}
.pagerror{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 520px;
	margin-top: -92px;
	margin-left: -260px;
	background-color: #FFFFFF;
}.logo {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 520px;
	margin-top: -159px;
	margin-left: -260px;
	text-align: right;
	background-color: #FFFFFF;
	display: none;
}
.logo img {
	border: none;
	float:none;
	margin:0;
}

.text_error {
	font-size: 70%;
	font-weight: bold;
	margin: 0px;
}
.pagerror .error {
	margin-bottom: 0px;
	padding-bottom: 10px;
}
.infoerror a {
	color: #555555;
}

.pagerror .infoerror {
	font-size: 65%;
	text-align: left;
	font-weight: normal;
	color: #555555;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F3F3F3;
	padding-top: 5px;
	margin-top: 5px;
}
#siteInfo .foot {
	padding-bottom: 25px;
	color: #fff;
	padding-top: 25px;
	font-size: 11px;
	text-align: center;
}
#siteInfo a {
	color:#fff;
}
.feature img {
	float: left;
	padding: 0px;
	background-color: #FFFFFF;
	margin-right: 15px;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
.feature img.ri { float:right; padding:0; margin:10px 0 0 10px;}
.feature .recorrido {
	margin-bottom: 15px;
	color: #555555;
	line-height:22px;
	font-size:11px;
	margin-top: 3px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	background-color: #EAEAEA;
}
.recorrido a {
	margin-right: 5px;
	margin-left: 5px;
	text-decoration:none;
}
.feature .comentario {
	font-size: 85%;
	color: #777777;
	margin-bottom: 3em;
	padding: 7px;
	text-align: right;
}
#respuesta {overflow:hidden; }
#respuesta li { margin:0px!important;}
#respuesta img {float:none; margin-right:0px; }
#respuesta li img {float:none; margin-right:0px; margin-left:-1em;}
#navBar .cursos {

}
* {zoom:1;}
.oculto {position:absolute; top:-999em; display:none;}
html>body .oculto {display:block;}
.AccordionPanelContent {

}
.volver a {
	display: block;
	float: right;
	padding-left: 21px;
	background-image: url(iconvolver.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	text-decoration:none;
	line-height:35px;
	margin-top:20px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #5F5E58;
	line-height: 30px;
	margin-top:22px;
}
.clear {clear:both;}
#content .feature .botoncurso li {
	background-image: none; display:inline; margin:0; padding:0;
}
.entrarcurso a {
	font-weight:bold;
}
.tabladetados th {
	background-color: #C21229;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #A20F21;
	border-right-color: #A20F21;
	border-bottom-color: #A20F21;
	border-left-color: #A20F21;
}
.tabladetados tbody th  {
	text-align:right;
	width:40%;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.tabladetados td {
	background-color: #F2F2F2;
	padding: 4px;
	font-size: 12px;
	border: 1px solid #E2E2E2;
	vertical-align:top;
}
.tabladetados {
	width: 100%;
	margin:10px 0 8px;
}
.tabladetados  .encabezados td {
	background-color: #E0E0E0;
	border: 1px solid #D7D7D7;
}
.tabladetados .enblanco {background-color:#f7f6ee; border:1px solid #f7f6ee;}
.feature {
	font-size:12px;
	line-height:1.7em;
	color:#6e6e6e;
	padding:0;
}
.feature ul {margin:0 0 18px 10px;}
.feature li {
	padding:0;
	margin:1px 0 5px;
	list-style-type:none;
}
.extra span {
	float: right;
}
.extra {
	background-color:#F4F4F4;
	padding:0 10px;
	border:1px solid #CCCCCC;
	color:#6E6E6E;
}
.extra h3 {
	font-size:13px;
	color:#606060;
	margin:0;
	padding:0;
} 
.extra ul {padding:0; margin:0 0 10px 0;}
.extra li {background-image:none; font-size:13px; line-height:18px; padding-left:15px;}
.leccion a {
	display: block;
	background-image: url(icondetallado.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}

#UserRegistrado  { float:left; width:48%;}
#NewUser {float:left; width:48%; margin-right:3%;}
#NewUser a.nuevo_usuario {text-decoration:none;}
.decoracion {
	padding:0 12px 26px 12px;
}
#UserRegistrado .boton {margin-left:0;}
#UserRegistrado fieldset {margin:0;}
#UserRegistrado .decoracion {padding-bottom:0;}
.decoracion h3 {
	color:#606060;
	margin-top:0;
}
a.nuevo_usuario {display:block; text-align:center; line-height: 32px; font-size:110%;}
.feature .error strong, .feature .error a, .feature .error b, .feature .ok strong, .feature .ok b, .feature .ok a {
	color:#FFFFCC;
}
table {border-collapse:collapse; width:100%; margin-bottom:12px;}
td, th {border:1px solid #ccc; padding:3px 5px;}
tbody th {text-align:left;}

.relatedLinks a {
	text-decoration:none;
	color:#5c5042;
	padding-top: 9px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 42px;
	font-size: 92%;
	background-image: url(iconcursos.gif);
	background-repeat: no-repeat;
	background-position: 11px 6px;
	line-height: 1.35em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fed095;
}
.cursodestacado a, .cursodestacado a:hover {
	font-weight: bold;
}
.relatedLinks a:hover {
	background-color:#FED095;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FEC57E;
}
#navBar .relatedLinks ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.relatedLinks {

}
#masthead {
	height: 220px;
	overflow: hidden;
	margin-right: 6px;
	margin-left: 7px;
	position:relative;
}
#siteInfo {
	clear: both;
	text-align: center;
	background-image: url(bgfoot.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.super {
	background-image: url(iconsuper.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 16px;
	margin-right:27px;
}
#siteInfo p {margin:0;}
.foot .le {}


.feature .botoncurso ul {
	margin: 0px;
	padding: 0px;
}
.detallado li {
	background-image: none;
	padding-left: 15px;
}
#solicitar input.recordar:focus {
	background-position: 0px bottom;
}
#entraraula {
	width: 300px;
	position:absolute; right:38px; top:7px;
	z-index:99;
}
#entraraula div {

	color: #7e7e7e;
	font-size: 11px;
	line-height:29px;  margin-right:126px;
	text-align: right;
}
#entraraula a {
	background-image: url(btnEntrarAula.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	float: right;
	text-align:center;
	width:112px;
	line-height:29px;
	display:block;
}
#navBar .relatedLinks {
	padding: 0px;
	margin: 0px;
}
#navBar H2 {
	padding: 0px;
	background-image: url(bgnavbar.png);
	height: 40px;
	background-position: 0px 0px;
	text-indent: -999em;
	margin: 0px;
}
#navBar h2.mantenimiento {
	margin-top: 17px;
	background-position: 0px bottom;
}
.relatedLinks p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 6px;
	line-height: 1.4em;
	color: #83837b;
}
.logos {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dcdcdc;
	margin-right: 44px;
	margin-left: 44px;
	padding-bottom: 18px;
	padding-top: 21px;
}
.listcursos, #privado {
	background-color: #fedfb7;
	background-image: url(bglistcursos.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	padding-bottom:12px;
}
.listcursos {
	padding-bottom:35px;
}
#navBar li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #feeed9;
}
.relatedLinks #privado a {
	background-image: url(iconprivado.gif);
	background-position: 7px 6px;
}
#content .lista {margin-left:28px; }
#content .lista li {list-style-type:disc;}