/* generales */
body {font-family: 'Open Sans', sans-serif; color: #333;}
a, a:hover {color: #3e92c7;}
.btn-info {
  color: #fff;
  background-color: #3e92c7;
  border-color: #156394;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #2f84ba;
  border-color: #156394;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-success {
  color: #fff;
  background-color: #25a8ad;
  border-color: #0d8185;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #199da2;
  border-color: #0d8185;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}

/* login */
.login {
	width: 300px;
	padding:20px 30px;
	border: 1px solid #e5e5e5;
	margin:auto;
	margin-top: 100px;
}
.volver {width: 300px; padding: 20px 30px; margin: auto;}

/* header */
header {
	position: relative; 

  	background: url(http://test.studiogenesis.es/opendoor-laravel/images/imagen-header.jpg) center bottom no-repeat;
 }
.idiomas {text-transform: uppercase; font-size: 11px; color: #333;}
.idiomas a, .idiomas .btn-link {color:#333;}
.headerInfo {position: absolute; text-align: right; bottom: 20px; right: 30px;}
.headerInfo p {margin: 0px;}
.headerInfo strong {font-size: 18px;}
.pattern {height: 60px; margin-bottom: 20px;}
.pattern-grecia {background: url(../images/pattern-grecia.gif); /**/ display: none;}

.franjaSuperior .in {background: #f5f5f5;}
.usuario .btn {
  border: none !important;
  border-radius: 0px !important;
}

/* nav */
.navbar-default {background-color: #3e92c7; border: none;}
.navbar {border-radius: 0px;}
.navbar-default .navbar-nav>li>a {color: #fff; text-transform: uppercase;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color: #fff; background-color: #156394;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff; background-color: #2375a8;}


/* perfil */
.miniPerfil {}
.miniPerfil p {color: #666;}
.miniPerfil h2 {margin-top: 0px;}

.cv {background: #f5f5f5; padding: 15px;}
.cv h3 {margin-top: 0px; font-size: 16px;}
.cv hr {border-color: #d5d5d5;}
.cv .acciones a {color: #333;}
.cv .acciones a:hover {text-decoration: none;}
.cv .acciones span.pl {padding-left: 40px; font-size: 12px;}

.formPerfil {border-left: 1px solid #e5e5e5;}
.formPerfil h3 {margin-top: 0px;}
.formPerfil h3 strong {color: #25a8ad; font-weight: normal; font-size: 36px;}
.formPerfil h4 {font-size: 20px; margin-bottom: 20px;}
.formPerfil .help-block {font-size: 11px;}

#mensaje {margin-top: 20px;}

/* listado cursos */
.listadoCursos {}
.listadoCursos h3 {margin-bottom: 20px;}

.curso {border: 1px solid #e5e5e5; margin: 10px 0; padding: 10px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
.curso:hover {background: #f5f5f5; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;}
mark.cursoabierto {background: #e9ba2d; color: #fff; font-size: 14px; font-style: normal; margin-bottom: 15px; padding: 4px 8px; display: block;}
mark.cursocompletado {background: #25a8ad; color: #fff; font-size: 14px; font-style: normal; margin-bottom: 15px; padding: 4px 8px; display: block;}
.cursoInfo p {color: #666;}
.cursoInfo p strong {font-size: 24px; color: #333; font-weight: normal;}

.cursoTemas {border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
.cursoTemas h4 span {color: #e9ba2d; font-size: 12px; padding-left: 10px;}
.cursoTemas h4 em {color: #25a8ad; font-style: normal; font-size: 12px; padding-left: 10px;}

.cursoArrow a {display: block; height: auto; text-align: center; padding: 60px 0;}

.cursoPagination {}
.pagination.cursoPagination>li>a, .pagination.cursoPagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #999 !important;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #e5e5e5;
}
.pagination.cursoPagination>li.hecho>a, .pagination.cursoPagination>li.hecho>span {
	color: #fff !important;
	background-color: #25a8ad;
	border: 1px solid #25a8ad;
}
.pagination.cursoPagination>li.encurso>a, .pagination.cursoPagination>li.encurso>span {
	color: #fff !important;
	background-color: #000;
	border: 1px solid #000;
}

.curso h5 {font-size: 36px; color: #25a8ad;}
.curso h5 span {color: #333; padding-left: 30px; font-size: 28px;}

/**/
.datosCurso {padding-top: 20px; border-left: 1px solid #e5e5e5;}
.datosCurso2 {border-left: none;}
.datosCurso mark.cursoabierto {background: #e9ba2d; color: #fff; font-size: 14px; font-style: normal; margin-bottom: 15px; padding: 4px 8px; float: right;}
.datosCurso mark.cursocompletado {background: #25a8ad; color: #fff; font-size: 14px; font-style: normal; margin-bottom: 15px; padding: 4px 8px; float: right;}
.datosCurso p {color: #666;}
.datosCurso p strong {font-size: 24px; color: #333; font-weight: normal;}
.datosCurso h4 span {color: #e9ba2d; font-size: 12px; padding-left: 10px;}
.datosCurso h4 em {color: #25a8ad; font-style: normal; font-size: 12px; padding-left: 10px;}
.datosCurso h5 {font-size: 36px; color: #25a8ad;}
.datosCurso h5 span {color: #333; padding-left: 30px; font-size: 28px;}

.tituloPreguntas p {color: #666;}
.listadoPreguntas h4 {margin-bottom: 0px;}
.preguntasPagination {}
.pagination.preguntasPagination>li:last-child>a, .pagination.preguntasPagination>li:last-child>span {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.pagination.preguntasPagination>li:first-child>a, .pagination.preguntasPagination>li:first-child>span {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.pagination.preguntasPagination>li>a {margin-right: 10px; border-radius: 17px !important;}
.pagination.preguntasPagination>li>a, .pagination.preguntasPagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #999 !important;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #e5e5e5;
}
.pagination.preguntasPagination>li.hecho>a, .pagination.preguntasPagination>li.hecho>span {
	color: #fff !important;
	background-color: #25a8ad;
	border: 1px solid #25a8ad;
}
.pagination.preguntasPagination>li.encurso>a, .pagination.preguntasPagination>li.encurso>span {
	color: #fff !important;
	background-color: #000;
	border: 1px solid #000;
}

/* listado curso profesores */
.cursoProfesor {height: 60px; overflow: hidden; padding-top: 0px; padding-bottom: 0px;}
.cursoProfesor .cursoArrow a {display: block; height: auto; text-align: center; padding: 10px 0 0 0;}
.cursoProfesor .cursoInfo, .cursoProfesor .cursoTemas, .cursoProfesor .cursoArrow {border: none;}
.cursoProfesor p, .cursoProfesor h4 {padding-top: 12px;}

/* tarjeta ejercicio */
.ejercicio {border-radius: 10px; border: 1px solid #e5e5e5; padding: 20px;}
.ejercicio .anterior a, .ejercicio .siguiente a {padding: 20px 0 60px 0; display: block;}
.ejercicio .siguiente a {text-align: right;}
.ejercicio h3 span {color: #25a8ad; font-size: 18px; padding-top: 5px;}

/* ejercicios */
.markGreen {background: #76b829; color: #000; padding: 0 2px;}
.markYellow {background: #d5d351; color: #000; padding: 0 2px;}
.markGreen:hover, .markYellow:hover, .markGreen:focus, .markYellow:focus {text-decoration: none; color: #000;}
.separador {border-bottom: 1px solid #e5e5e5; margin-bottom: 15px;}

.dbmb {display: block; margin-bottom: 15px; white-space:normal !important;}
.tl {text-align:left !important;}


/* ejercicio 5 */

.sopaletras a {display: block; text-align: center; width: 30px; height: 28px; padding-top: 5px;} 
.sopaletras a:hover, .sopaletras a.clic {background: #333; color: #fff; text-decoration: none;} 
.sopaletras a.green, .sopaletras a.green:hover {background:#577b13; color: #fff;} 
.sopaletras a.red, .sopaletras a.red:hover {background:#a30606; color: #fff;}
.sopaletras td:hover { cursor: pointer;}
.trobada { text-decoration: line-through; color:#ccc;}



/* webinars */
.buscadorWebinars .form-group {margin-left: -15px;}
.buscadorWebinars button {margin-top: 25px; margin-left: -15px;}
.page-webinars table tr:hover {background: #f5f5f5;}
.webinars-date {font-weight: bold; color: #eb9704;}

/* resource library */
.buscadorLibrary .form-group {margin-left: -15px;}
.buscadorLibrary button {margin-top: 25px; margin-left: -15px;}
.page-resource-library table tr:hover {background: #f5f5f5;}
.webinars-date {font-weight: bold; color: #eb9704;}

/* melting pot */
.meltingUser {padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #e5e5e5;}
.meltingUser:hover {background: #f5f5f5;}


/* erjercicio droppable */
.movible {display:inline-block; width: 150px; height: 30px; background-color: #F5F5F5;}
.movible_largo {display:inline-block; width: 400px; height: 30px; background-color: #F5F5F5;}