@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
 
* {
   padding:0;
   margin:0;
   outline:none;
}
#total {
	width: 995px;
	margin: 0 auto 6px;
	position:relative;
}	
.feature a, .accesoAulaHead a  {
	color: #3A3F8E;
	text-decoration: none;
	transition:color .3s;
}
.feature a:hover, .accesoAulaHead a:hover {	color: #DB993D;}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, dl, fieldset, address {
    margin-bottom: 1.2em;
	font-family: 'Roboto', sans-serif;
}
h2 { font-size:26px; font-weight:600; line-height:31px; padding-top:12px;}
h3 { font-size:23px; font-weight:500; line-height:27px; padding-top:8px;}
h4 { font-size:18px; font-weight:500; line-height:24px; padding-top:6px;}
h5 { font-size:16px; font-weight:400; line-height:22px; padding-top:6px;}

body {
	background-color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	line-height: 22px;
	font-size: 14px;
	color: #333;
	background-color: #F8F8F8;
	background-image: url(img%20portal/body.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.accesoAulaHead a {
	display: block;
	float: right;
	padding: 0 25px;
	line-height: 37px;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	color:#2d2d2d;
}
.accesoAulaHead {
	position: absolute;
	right: 0;
	top: 18px;
	width: 50%;
}
#pan li {
	display: inline;
	list-style-type: none;
}
#pan ul {
	margin: 0;
	padding:0;
}
#pan a {
	display: block;
	float: left;
	color: #2d2d2d;
	line-height: 56px;
	padding: 0 23px;
	text-decoration: none;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	text-shadow:rgba(255,255,255,0.30) 1px 1px;
	transition:color .3s;
}
#pan a:hover { 	color: #DB993D;}
#pan .select {
	color: #DB993D;
}
#pan .select:before { content:" "; position:absolute; bottom:0; height:3px; width:100%; left:0; background-color:#3a3f8e; }
#pan {
	height: 56px;
	position:absolute;
	top:78px;
	left:169px;
	width:600px;
}
#masthead h1{
	padding: 0;
	margin: 0;
	display: block;
	height: 91px;
	width: 351px;
	float: left;
	text-indent: -9999em;
	background-image: url(img%20portal/logoTHAM.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#masthead {
	position:relative;
	height:134px;
	margin-bottom:2px;
}
#consulta textarea {
	width: 500px;
	height: 120px;
}
#consulta span, .nombre, .email {
	display: block;
	color: #525450;
	font-weight:600;
	line-height:2em;
}
#user .formuser {
margin-bottom:15px;
padding:10px 0 15px;
background-color:#f1f1f1;

}
#solicitar input {
	width: 100%;
}
#solicitar .boton { width:174px;}
input, textarea, select {
	padding: 6px;
	color: #555;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	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;
	border-radius:1px;
}
input[type="text"]:focus, textarea:focus { color:#111;}
.boton, #solicitar input.recordar, a.nuevo_usuario {
	padding:0;
	width:220px;
	border-radius:19px;
		background: #3a3f8e;
	text-shadow:rgba(0,0,0,0.31) -1px -1px;
	color:#fff;

	line-height:35px;
	border:none;
	height:35px;
	text-align:center;
	display:block;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;

}
input.boton { line-height:inherit; height:35px; cursor:pointer;}
.boton:focus {outline:none;}
form p {padding:2px 6px 6px 0; margin:0;}
form {
	margin: 0px;
	padding: 0px;
}

legend {
	display: none;
}
fieldset {
border:none;
}




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;
}

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}
#siteInfo {
	clear:both;
	padding:18px 23px; background-color:#b8b8b8; color:#5d5d5d; font-size:12px;
}
.foot { width:995px; margin:auto;
}
.txt { margin-right:280px;}
.super { float:right; display:block;}
.sep { display:inline-block; padding:0 8px;}
.foot a { color:#fff; text-decoration:none;}

.colfoot { float:left; width:33%; color:#494949; padding:27px 0;}
.botoncurso li {
	list-style-type:none;
	display: inline;
}
.leccion {
	float:right;
	width: 48%;
	margin-bottom: 35px;
}
.contenido {
	width: 48%;
	float: left;
	margin-bottom: 35px;
}
.colLogo img { margin-top:16px;}
.copy { line-height:34px;}
#solicitar .email {
	margin-right: 22px;
}
.arriba {
	border-bottom:1px solid #e1e6e8;
	padding:8px 2px;
	margin-bottom:28px;
	text-align:right;
}
#solicitar .boton {
	width: 174px;
}
#solicitar input {
	width: 92%;
}
#ins ul {
	list-style-type: none;
	margin: 0px;
}
#ins a:hover {
	background-color:#409218;
}

a.recordar {
	display: block;
	padding-top: 12px;
	padding-bottom:20px;
	margin-top:15px;
	border-top:1px solid #e1e6e8;
}
.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: 16px;
	padding:10px 14px;
	border:2px solid #a10101;
	background-color:#fff;
	color: #a10101;
	font-size:15px;
	font-weight:500;
}
.ok {
	margin-bottom: 16px;
	color: #5f9c1a;
	padding:10px 14px;
	background-color: #fff;
	border:2px solid #5f9c1a;
	font-size:15px;
	font-weight:500;
}

#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;
}

.feature .recorrido {
	margin-bottom: 20px;
	color: #555555;
	line-height:20px;
	border-bottom:1px solid #e1e6e8;
	font-size:11px;
	padding:5px 0 14px;
}
.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;}
* {zoom:1;}
.oculto {position:absolute; top:-999em; display:none;}
html>body .oculto {display:block;}
.volver { text-align:right; font-size:12px;
padding-bottom:14px; margin-bottom:14px; 	border-bottom:1px solid #e1e6e8;
}
.botoncurso .entrarcurso a {
	background: #3a3f8e;
	text-shadow:rgba(0,0,0,0.31) -1px -1px;
	color:#fff;
	line-height:37px;
	border:none;
}
.botoncurso .entrarcurso a:active, .boton:active, #solicitar input.recordar:active, a.nuevo_usuario:active, .boton:focus, .accesoAulaHead .menuEntrarAula:active { background: #2f3582; }
.clear {clear:both;}
#content .feature .botoncurso li {
	background-image: none; display:inline; margin:0; padding:0;
}
.feature {
	padding:10px 10px 30px 21px;
}
.feature ul, .feature ol {margin:0 0 18px 10px;}
.feature ul li {
	list-style-type:circle;
	margin:0 0 3px 12px;
}
.feature ol li {
	list-style-type:decimal;
	margin:0 0 3px 24px;
	list-style-position:outside;
} 
.extra span {
	float: right;
}
.extra {
	padding:8px 10px;
	border-top:1px solid #e1e6e8;
}
.extra h3 {font-size:15px; margin:0; padding:0; text-transform:none;} 
.extra ul {padding:0; margin:0 0 10px 0;}
.extra li {background-image:none; line-height:18px; padding-left:15px;}
.leccion a {
	display: block;
	padding-left: 30px;
	padding-bottom: 8px;
}

#UserRegistrado  { float:left; width:48%;}
#NewUser {float:left; width:48%; margin-right:3%;}
#UserRegistrado .boton {margin-left:0;}
#UserRegistrado fieldset {margin:0;}
#UserRegistrado .decoracion {padding-bottom:0;}

.feature .error strong, .feature .error a, .feature .error b, .feature .ok strong, .feature .ok b, .feature .ok a {
}
.oculto {position:absolute; top:-9999px;}
#content {
	float: right;
	width: 695px;
	padding-top:30px;
}
#navBar {
	width: 280px;
}
#navBar .cursos {
	color: #333;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 900;
	line-height: 22px;
	margin: 0;
	padding: 36px 23px 20px;
	border-bottom:2px solid #DB993D;
}
.listcursos {
	padding:12px 23px;
}
#navBar h3 {
	margin: 0px;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 17px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #dfdfdf;
	box-shadow: #fff 0 1px;
}
#navBar ul, #navBar li {margin:0; padding:0; list-style-type:none;} 
#navBar a {
	display: block;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 24px;
	padding-bottom: 8px;
	text-decoration: none;
	color: #3A3F8E;
	font-size: 13px;
	line-height: 18px;
	transition: background .3s;
	background-image: url(img%20portal/bullCursos.png);
	background-position: 6px 14px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #dfdfdf;
	box-shadow: #fff 0 1px;
	transition:color .3s;
}
#navBar a:hover {color: #DB993D;}
#navBar ul { margin:0 0 12px 0;}
#navBar .cursodestacado a {
	font-weight:bold;
}
.vPortada {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 170px;
	height: 99px;
	z-index: 9999;
	text-indent: -999em;
}


.botoncurso {
	overflow:hidden;
	height:52px;
}
.botoncurso ul, .botoncurso li {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}
.botoncurso a {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	color: #3A3F8E;
	text-align: center;
	float: left;
	font-weight: bold;
	border-radius: 30px;
	width: 192px;
	margin: 0 12px 0 0;
	line-height: 35px;
	border: 1px solid #c2c4da;
	transition:color .3s;
}
.botoncurso a:hover {
}
.botoncurso a:active {
	background-color: rgba(0,0,0,0.03);
}
.boxContact {
	float: right;
	width: 405px;
	height:114px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image: url(img%20portal/bgHeader.png);
}
.boxContact li { display:block; float:right; line-height:20px; padding:45px 8px 0 38px;}
.boxContact span { display:block;}
.itemInfoContact { font-size:19px;}
.itemContact { font-size:12px;}

#pan .menuRight a { float:right; border:none;}
.accesoAulaHead a.menuEntrarAula {
	border-radius: 19px;
	padding: 0 36px;
	background: #3a3f8e;
	text-shadow: rgba(0,0,0,0.31) -1px -1px;
	color: #fff;
	margin-left: 5px;
	font-weight:bold;
	font-size:12px;
}
.colfoot strong { display:block; text-transform:uppercase;}
.social { float:right; width:20%;}
.social ul, .social li { margin:0; padding:0; list-style-type:none;}
.social ul { padding-top:4px; display:block;}
.social li { display:inline;}
.social a { display:block; float:left; width:32px; height:32px; background-color:#D33C3E; margin-right:7px; text-indent:-9999em; background-image:url(img%20portal/social_iconos.jpg); background-repeat:no-repeat;}
.social li:last-child a { margin-right:0;}

.fb a { background-position:0 0;}
.tw a { background-position:-32px 0;}
.gg a { background-position:-64px 0;}
.ln a { background-position:-96px 0;}
.wp a { background-position:-128px 0;}

.imgBienvenida { background-image:url(img%20portal/bgBienvenida.png); background-repeat:no-repeat; background-position:right bottom;
 background-color:#ad1001; height:147px; position:relative; margin:0 10px 12px 0;}
 .imgBienvenida h2 { padding:0; margin:0; width:54%; position:absolute; top:62px; left:21px; color:#fff; font:300 25px/34px 'Roboto', sans-serif;}

.contenedor { width:993px; margin:auto;}.lineHead {
	height: 60px;
	background-image: url(img%20portal/lineHead.jpg);
	background-repeat: no-repeat;
	background-position: center 0%;
	background-color: #456327;
}
.captchaContacto img { vertical-align:middle; margin-right:8px;}
.captchaContacto { margin-bottom:10px;}

#player_curso img {width:100%; height:auto; margin-bottom:18px;}

.accesoAulaHead .logueado .link-logout a {

	line-height: 30px;
    text-transform: initial;
    padding: 0;

}
.accesoAulaHead .wrap-logueado {
	
	font-size: 12px;
    float: left;
    position: absolute;
    left: -155px;
    top: 19px;
    line-height: 0px;

}

#solicitar input[type='checkbox'] {
	width: initial;
}
label[for='politicaPrivacidad'] {
	font-size: 12px;
	font-weight: 100;

}
label[for='politicaPrivacidad'] a {
	font-weight: 700;

}
.politica{
	display: flex;
	padding: 15px 0 20px;
}
.politica input{
	margin-right: 15px;
}


.help-adr {
  background-color: #ededed;
  padding: 1.8rem 2.2rem;
  margin-top: 2.8rem; }
  .help-adr__info {
    width: 100%; }
  .help-adr__logo {
    width: 80%; }
    .help-adr__logo img {
      width: 86%;
      margin: auto;
      height: auto; }
  .help-adr .help-adr__title {
    padding: .2rem 0 0;
    margin-bottom: 1rem;
    font-size: 1.5rem; }
  @media (min-width: 778px) {
    .help-adr {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .help-adr__info {
        width: 60%; }
      .help-adr__logo {
        width: 30%;
        padding-top: 3rem; } }

.adr-line {
  margin-bottom: 1.5em;
  height: 4px;
  background-color: #b9dbe8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .adr-line__color {
    width: 12.5%;
    height: 100%; }
  .adr-line__color--dark {
    background-color: #74bad6; }
  .adr-line__color--darken {
    background-color: #048dba; }
  .adr-line__color--darkest {
    background-color: #004b84; }