BODY {
	min-width:996px;
	margin:0 auto;
	background-color:#fff;
	border-top:0px;
	margin-top:0px;
	font-family:Arial;font-size:12px;
}

section {font:normal 12px/20px 'open_sansregular';}

H1 {display:inline;font-size:16px;font-weight:bold;}
H2 {display:inline;font-size:15px;font-weight:normal;}
H3 {display:inline;font-size:14px;}
H4 {font-weight:bold;margin-bottom:10px;}
TD {font-size:12px;}

/* arrow for go to page top */
#goTop {
	bottom:10px;
	cursor:pointer;
	position:fixed;
	right:20px;
    opacity:0.2;
    filter:alpha(opacity=20); /* For IE8 and earlier */
	width:24px;
	height:24px;
	background:url('/img/img.png') no-repeat -848px -35px transparent;
	z-index:10;
}
#goTop:hover {
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

.breadcrumb {padding:10px 0px;color:#999999;background-color:#fff;overflow:hidden;margin:0px auto;}
.breadcrumb span {float:left;font-size:13px;padding-left:4px;}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover {text-decoration:underline;}

.breadcrumbPrint {clear:both;width:100%;margin:2px 0px;overflow:hidden;border-bottom:1px solid #ccc;margin-bottom:10px;color:#999999;}

a:link, a:visited {text-decoration: none;color:#494965;}
a:hover {color:#000080}

/* logo cabecera */
/************** #logo {overflow:hidden;width:996px;margin:0px auto;} */
#logo>div {position:absolute;top:25px;z-index:1;}
#logo>div>div:last-child {color:#f2f5f7;padding:10px 6px;font:normal 12px/14px 'open_sansregular';}
#logo>div>div:first-child a	{overflow:hidden;background:url('/img/img.png') no-repeat -527px 0px transparent;display:block;width:133px;height:65px;margin-left:5px;}

/* usuario loginado */
#headerLogin .messagesUnread {
	position: absolute;
	z-index:1;
	color:#fff;
	font-weight:bold;
	top:11px;
	background-color:#f83e3e;
	font-size:10px;
	padding:1px 2px;
	-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;border-radius:4px;
}

#login {display:none;position:absolute;height:125px;width:330px;z-index:1;right:0px;}
#headerLogin {float:right;position:relative;}

/* user not loged */
#headerLogin>span:first-child>span, #headerLogin>a>span>span {margin-left:10px;float:left;}
/* user not loged and loged */
#headerLogin>div, #headerLogin>span, #headerLogin>a>span {
	float:left;
	margin-right:3px;padding:3px 8px;border:1px #C9D6F5 solid;background-color:#C9D6F5;color:#494965;height:24px;
    -moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}
/* user loged */
#headerLogin>div>div:nth-child(1) {float:left;padding:2px 3px 0px 3px;font:normal 12px/14px 'open_sansregular';}
#headerLogin>div>div:nth-child(2), #headerLogin>div>div:nth-child(3) {float:left;padding:0px 3px 0px 3px;position:relative;}

#login .rememberPas {top:4px;}

/* title of window login */
#loginForm>div:first-child span:first-child {display:inline-block;margin: 6px 0px;font:normal 12px/14px 'open_sansbold';}
/* button close */
#loginForm>div:first-child span:last-child {float:right;cursor:pointer;}
#loginForm>div:last-child {clear:both;}

/* form options */
#loginForm>div:last-child>div:nth-child(1) {float:left;}
#loginForm>div:last-child>div:nth-child(1)>div {float:right;}
#loginForm>div:last-child>div:nth-child(1)>div:last-child {clear:both;}
#loginForm>div:last-child>div:nth-child(2) {float:left;padding-left:2px;margin-top:2px;}
#loginForm>div:last-child>div:nth-child(2)>div>div {float:left;}
#loginForm>div:last-child>div:nth-child(3) {clear:both;}
#loginForm>div:last-child>div:nth-child(4) {float:right;margin-top:10px;margin-right:7px;}


.header_menu2 .btnLogin, .pointer {cursor:pointer;}

/* reference to login layer */
#loginBtn {font-size:12px;border:1px solid #929cbf;margin-left:10px;}
#loginBtn .img.arrowRight {background:url('/img/img.png') no-repeat -304px -67px transparent;width:16px;height:16px;margin-left:6px;}
#loginBtn:hover .img.arrowRight {margin-left:7px;}
#loginBtn:hover {padding-right:7px;}
#loginBtn input[type=submit] {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

/* formulario de login */
#login form {
    background-color:#C9D6F5;
    z-index:1;
    padding:3px 3px 5px 10px;
    font:normal 11px/14px 'open_sansregular';
    position:absolute;
    right:0px;
    width:100%;
}

/* .loginButtonImg {float:left;padding-left:2px;margin-top:2px;} */
#loginMail, #loginPas   {
    -moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;border-radius:8px;
    padding:3px 8px;
    border:1px solid #929cbf;margin:1px 0px 0px 0px;background-color:#f2f5f7;font:normal 10px/12px 'open_sansregular';
}
#loginMail:active, #loginMail:focus, #loginPas:active, #loginPas:focus{
   outline:0; /* Eliminamos la sobra al estar activo */
}

.link1 {color:#0000ff}
.link1:hover {color:#0000a0}
.link2 {text-decoration: underline; color:#0000ff!important}
.link2:link {text-decoration: underline}
.link2:visited {text-decoration: underline; color:#0000ff!important}
.link2:hover {text-decoration: underline; color:#0000a0!important}
.link3 {text-decoration: underline; color:#0000ff}
.link3:link {text-decoration: underline}
.link3:visited {text-decoration: underline; color:#0000a0}
.link3:hover {text-decoration: underline;color:#0000a0}
.formulario {font-family:Arial;font-size:12px;color:#000066;background-color:#fff;border:1px solid #C9D6F5;padding:3px;}
.formulario:disabled {color:#808080;}
/*formato unicamente a los cuadros de busqueda*/
.formulario[name=charSearch],
.formulario[name=tags] {height:19px;}
.formulario[name=comentario] {width:90%;height:130px;}
/*el formularioInput se utiliza en los nuevos formularios para mantener un tamaño fijo*/
.formularioInput 		{color:#000066;background-color:#fff;border:1px solid #C9D6F5;width:220px;padding:3px;}
select.formularioInput {margin-bottom: 5px;}
.formulario_disabled	{color:#a0a3a5;background-color:#f1f1f1;border:1px solid #C9D6F5;width:220px;}
.formulario:focus {background-color: #ffffea;}

/*estilo que tiene que tener todo bloque que se ponga en el frame derecho*/
.content_right 	{padding:10px;margin:5px 0px;background-color:#f2f5f7;}
.content_right li {
	/* Eliminamos las marcas que genera el li como pueden ser las redonadas o recuadros */
	list-style-type:none;
	padding:8px 3px;
	display:block;
	/* En cada enlace pintamos la linea inferior */
	border-bottom:1px solid #fff;
}
/* titulo */
.content_right li:first-child {
    background-color:#5B62A0;
    line-height: 1.8em;
	font-size:12px;
	color:#fff;
	padding:8px;
}
.content_right li:last-child {
	/* Eliminamos las marcas que genera el li como pueden ser las redonadas o recuadros */
	border-bottom: none;
}
.content_right li>span {color:#935151;margin-left:5px;}
.menu {
	padding-top:10px;
	padding-bottom:2px;
	font-size:12px;
}
.menu ul {margin:0px;padding:0px;list-style:none}

/* submenu */
.menu_sublink {
	/* Eliminamos las marcas que genera el li como pueden ser las redonadas o recuadros */
	list-style-type: none;
	font-weight:normal;
	margin:0px 2px 0px 2px;
	padding:1px 2px 1px 5px;
	display: block;
	/* En cada enlace pintamos la linea inferior */
}

.publi	{text-align:center;}
.publi.format468x15	{float:left;}
.publi_belowForms {clear:both;text-align:center;margin-top:10px;overflow:hidden;min-height:285px;}
.publi_robapaginas	{width:320px;min-height:270px;}
.publi_text {display:block; border:1px solid #e0df72; padding:1px 9px 1px 9px; color: blue; background-color:#ffffd2; text-align:center;font-size:12px;}

/* Publicidad de los pdfs en otras secciones */
#pdfOther>h2 {display:block;margin:90px 0px 15px 0px;font:normal 16px/18px 'open_sansbold'}
#pdfOther>div {text-align:center;}
#pdfOther>div>div {display:inline-block;text-align:initial;}


.homeBlock h2 a {color:#e4e4e4;line-height:17px;}

.publi725x15 {text-align:center;background-color:#fff;}

#diccionarioAbecedario {font-size:14px;font-weight:bold;background-color:#5B62A0;text-align:center;}
#diccionarioAbecedario a {color:#fff}
/* this is the any definition */
.diccionario {margin-top:10px;padding:10px 4px;}
.diccionario:hover {background-color:#f1f1f1;}
.diccionario>h2 {font:normal 16px/20px 'open_sansbold';}
.diccionario>h2 a {color:#000;}
.diccionario>div {margin-top:2px;font:normal 12px/20px 'open_sansregular';}

.linkMail {text-decoration: underline; color:#0000ff}
.linkMail:link {text-decoration: underline}
.linkMail:visited {text-decoration: underline; color:#0000ff}
.linkMail:hover {text-decoration: underline; color:#0000a0}

/*Tabla general donde se encuentra todo el contenido excepto la cabecera y el pie*/
/** version html 4 */
.body {width:996px;margin:0px auto;padding:0px;border:0px;background-color:#fff;}
.body_left {width:150px;background-color:#C9D6F5;}

.wrapper section {width:676px;background-color:#fff;padding:0px 10px;float:left;}
.wrapper aside {width:320px;padding:0px;float:left;}
/* foros ... aside con anchura de 180px*/
.wrapper.asideNarrow section {width:816px;}
.wrapper.asideNarrow aside {width:180px;}

.wrapper.print {width:700px;margin:auto;}

.body_centerWidth {width:816px;background-color:#fff;padding:0px 10px;}
.body_rightSlim {width:180px;padding:0px;}
.body_center {width:676px;background-color:#fff;padding:0px 10px;}
.body_right {width:320px;padding:0px;}
.body_centerPrint {width:690px;background-color:#fff;}


.wrapper_full	{width:100%;position:relative;}
.wrapper {overflow:hidden;width:996px;margin:0px auto;}
body>div.wrapper {background-color:#fff;}

/* cabecera */
.header_logo	{padding:5px 0px;min-height:100px;}
.header_menu1	{height:90px;width:260px;position:relative;width:260px;}
/************** .header_menu2	{height:130px;position:relative;overflow:hidden;width:996px;margin:0px auto;} */
.header_menu2	{height:135px;position:relative;}

.header_print  {width:700px;margin:auto;}
.header_print>div:first-child	{font-weight:bold;margin:5px 0px;padding-bottom:3px;border-bottom:1px solid;}
.header_print .path {padding:10px 0px 10px 0px;width:100%;overflow:hidden;word-wrap:break-word;}

/* definimos el cuadrado con las lineas para mostrar el menu en responsive */
#menuSmarth {
	display:none;
	position: absolute;
	height: 40px;
	width: 40px;
	left:5px;
	top:85px;
}
#menuSmarth>span, #menuSmarth>span::after {
	position: absolute;
	border: 6px solid #333;
	border-width: 6px 0;
	-moz-transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
#menuSmarth>span {
	cursor: pointer;
	width: 40px;
	height: 40px;
}
#menuSmarth>span::after {
	content: "";
	width: 100%;
	height: 19%;
	top: 19%;
}
#menuSmarth .efecto, #menuSmarth .efecto::after {
	border-color:#808080;
}

nav {width:780px;float:right;margin:3px 40px 0px 0px;padding:0px;line-height:95%;clear:both;}
nav>div {display:inline-block;float:right;}
nav ul{
    padding:0;
    margin:0;
}
nav ul li{
    float:left;
    list-style:none;
    padding:0;
    margin:0px 0px 0px 22px;
    font:normal 12px/16px 'open_sansbold';
    color:#333;
}
nav a {
    font:normal 11px/16px 'open_sansregular';
}
nav ul li ul{
    padding:3px 0px 0px 0px;
    margin:0;
}

nav ul li ul li{
    font-weight:normal;
    float:none;
    padding:0;
    margin:0;
}

/* .menu-sitemap {} */
.menu-sitemap ul	{
	float:left;
	list-style:none;
	margin:0px;
	padding-top:15px;
	padding-left:20px;
	text-align:left;
}
.menu-sitemap ul:first-child	{padding-left:5px;}
.menu-sitemap .title	{padding-bottom:5px;font-weight:bold;}


/* Pie de la pagina */
footer	{clear:both;overflow:hidden;margin-top:20px;background-color:#e3e9ec;}
footer>div:last-child {margin-top:5px;padding-top:5px;margin:10px auto;font-size:10px;text-align:center;color:#999999;}
footer>div:nth-child(2) {padding:10px;}
footer>div:nth-child(2)>div>div:first-child {float:right;}
footer>div:nth-child(2)>div>div:last-child {float:left;}

/* mostramos los registros.. cursos, codigo, ... */
.list_title {background-color:#91a0a7;font-weight:bold;color:#fff;padding:2px 5px;min-height:18px;border-bottom:1px solid #fff;}
.list_content {background-color:#e3e9ec;min-height:18px;color:#000;padding:2px 2px 2px 5px;border-bottom:1px solid #fff;}
.list_content .title	{padding-left:3px;vertical-align:3px;}
.list_content .title h2	{font:normal 12px/16px 'open_sansregular';}
.list_content.bold {font-weight:bold;}

.list_description {background-color:#f2f5f7;padding:5px 2px;border-bottom:1px solid #fff;overflow:hidden;line-height:1.5em;}
/* pie para el listado de cursos, temas, noticias, etc.. */
.list_footer {clear:both;background-color:#e3e9ec;color:#91a0a7;padding:1px 5px;}
/* los comentarios que ponemos en la parte superior del listado... */
.list_comment {text-align:center;font-weight:bold;}

.bold	{font-weight:bold;}

/* Contiene la linea inferior del titulo H1 */
.headerH1 {margin-top:20px;}
.lineH1 {border-bottom:1px solid #c0c0c0;margin:5px 0px 15px 0px;}

.header_date {padding-right:5px;color:#999999;float:right;}

/* paginacion */
.page {clear:both;display:table;background-color:#5B62A0;color:#fff;width:100%;}
.page a {color:#fff;padding:0px 2px;}
/* Enlaces de paginacion desactivados */
.pageKo {color:#c0c0c0;padding-left:2px;padding-right:2px;}
.pageSelect {color:#000;font-weight:bold;}

/*page bottom*/
.pageb {clear:both;text-align:center;font: normal 12px/18px 'open_sansregular';margin:20px 0px;}
.pageb a {border:1px solid #d8dee1;background-color:#f2f5f7;}
.pageb a:hover {background-color:#f2f5f7;}
.pageb span {color:#aaa;border:1px dotted;} /* disabled element */
.pageb .select {background-color:#808080;color:#fff;border:1px solid #808080;} /* selected element */
.pageb a,
.pageb span,
.pageb .select {
	display:inline-block;
	margin:10px 2px;
	padding:3px 5px;
/* 	-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px; */
}

.pageTopLeft {float:left;padding:1px 0px 1px 5px;}
.pageTopRight {float:right;padding:1px 0px 1px 5px;}

.banners_centro {float:right;margin-bottom:10px;}

/* Comentarios */
.comment {clear:both;padding-top:10px;font: normal 12px/18px 'open_sansregular';}
/* header */
.comment>div:nth-child(1) {background-color:#e3e9ec;border-bottom:1px solid #fff;overflow:hidden;}
.comment>div:nth-child(1)>div:nth-child(2) {float:left;padding:10px;}
.comment>div:nth-child(1)>div:nth-child(2)>div:nth-child(1) {font-weight:bold;}
.comment>div:nth-child(1)>div:nth-child(2)>div:nth-child(2) {color:#999;}
.comment>div:nth-child(1)>div:nth-child(3) {float:right;padding:10px;}
/* comment */
.comment>div:nth-child(2) {background-color:#f2f5f7;overflow:hidden;padding: 3px 3px 15px 3px;}
.comment>div:nth-child(2)>div:nth-child(1) {background-color:#f2f5f7;overflow:hidden;padding:3px;}
.comment>div:nth-child(2)>div:nth-child(2) {float:right;margin-top:10px;}

/* grupo y titulo de los listados de los comentarios */
.commentList		{padding-top:10px;}
.commentList h3		{display:block;margin-bottom:0px;border-bottom:1px solid;color:#808080;}
.commentForm		{padding-top:15px;}
.commentForm h3, .requerimientos h3		{display:block;margin-bottom:0px;border-bottom:1px solid;color:#808080;margin-bottom:10px;}
.commentForm .errorForm	{display:none;}
.recommendForm		{padding-top:5px;}
.recommendForm h3	{display:block;margin-bottom:0px;border-bottom:1px solid;color:#808080;margin-bottom:10px;}
.commentForm .errorForm	{display:none;}

.recommendForm2 {padding: 5px 5px 5px 2px;text-align:center;margin:0px;padding:0px;}
.recommendForm2 input {-moz-box-sizing:inherit;box-sizing:inherit;-webkit-box-sizing:inherit;width:100%;margin-top:6px;}
.recommendForm2 input[type=text] {padding:5px;border:1px solid #d8dee1;}

/* estilo que se utiliza para remarcar las visitas */
.markVisits {font-weight:bold;}
/* estilo que se utiliza para remarcar las votaciones */
.markVote {font-weight:bold;}

/* headerList */
.headerList			{clear:both;padding-bottom:2px;padding-top:3px;height:25px;margin-bottom: 6px;}
.headerList_search	{float:left;}
.headerList_search form {margin:0px;}
.headerList_searchButton {padding-left:5px;height:100%;vertical-align:bottom;}
.headerList_buttonRight {float:right;margin-top:2px;margin-bottom:1px;}
.headerList_line	{clear:both;border-bottom:1px solid #5B62A0;}

.errorForm {clear:both;text-align:center;color:#f00;font-weight:bold;}
.errorFormLeft {text-align:left;color:#f00;font-weight:bold;}
.messageForm {text-align:center;font-weight:bold;}

/* formulario con estilos */
.form {padding:10px;background-color:#f2f5f7;margin:0 auto;margin-top:3px;color:#494965;text-align:center;}
.form.foros {clear:both;padding-top:3px;}
.form.foros .errorForm, .form.foros .errorFormLeft, .form.tablon .errorForm, .form.foros .errorFormLeft {display:none;}

/* hace referencia a los titulos del formulario */
.formTitle {text-align:center;margin:15px 3px;font-weight:bold;font-size:14px;}

.borderRadius{	/*--borde redondeado--*/
	-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;
}
.borderRadius_left{	/*--borde redondeado--*/
	-moz-border-top-left-radius:5px;-moz-border-bottom-left-radius:5px;
	border-top-left-radius:5px;border-bottom-left-radius:5px;
}
.borderRadius_right{	/*--borde redondeado--*/
	-moz-border-top-right-radius:5px;-moz-border-bottom-right-radius:5px;
	border-top-right-radius:5px;border-bottom-right-radius:5px;
}
.borderRadius_top{  /*--borde redondeado--*/
    -moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;
    border-top-left-radius:5px;border-top-right-radius:5px;
}
.borderRadius_bottom{  /*--borde redondeado--*/
    -moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}

.form_block {clear:both;padding-top:2px;}
.form_error {clear:both;text-align:center;color:#f00;font-weight:bold;display:none}
.form_center {clear:both;text-align:center;}
.form_title 			{float:left;width:280px;text-align:right;padding-right:4px;}
.form_errorOverInput 	{clear:both;padding-left:280px;text-align:left;color:#f00;font-weight:bold;}
.form_comment 			{clear:both;margin-left:280px;text-align:justify;color:#808080;padding:10px 3px 0px 0px;}
.form_comment.width100   {margin-left:0px;}
.form_titleObligatory 	{font-weight:bold;}
.form_input {float:left;width:310px;text-align:left;}
.form_subGroup {clear:both;border-bottom:1px solid #C9D6F5;padding:2px 10px;margin-bottom:4px;margin-top:2px;font-weight:bold;text-align:left;}

/* Code for the language option to add labor supply */
.form_block .jobLanguage					{display:table;margin:auto;}
.form_block .jobLanguage .formularioInput	{width:160px;}
.form_block .jobLanguage .form_title 		{clear:both;width:180px;text-align:left;}
.form_block .jobLanguage .form_input 		{width:180px;padding:4px;text-align:center;}
.form_block .jobLanguage .add				{float:left;padding:4px;width:48px;margin-top:2px;}

#jobLanguageList							{padding-bottom: 5px;}
#jobLanguageList .lang_selected				{display:table;margin:auto;padding:5px 0px;}
#jobLanguageList .lang_selected .language	{float:left;width:100px;text-align:left;padding-left:5px;}
#jobLanguageList .lang_selected .talkwritten{float:left;text-align:left;padding-left:5px;}
#jobLanguageList .lang_selected .info		{float:left;width:100px;font-weight:normal;text-align:right;padding-right:5px;}
#jobLanguageList .lang_selected .remove		{float:left;padding:0 4px 0 7px;width:48px;}

.form_block	.talkwritten	{width:80px;}

/* formulario con tablas */
.formularioTitle {text-align:right;}
.formularioTitleCenter	{text-align:center;margin:10px 0px 5px 0px;}
.formularioComment {text-align:justify;color:#808080;padding-top:10px;}

.homeBlock {overflow:hidden;}
.homeBlock h2 {display:block;margin:10px 0px 2px 0px;padding:7px;background-color:#808080;color:#fff;font:normal 14px/14px 'open_sansregular';}
.homeBlock>div {margin:2px 0px;background-color:#f2f5f7;}

.homeBlock .rellover a {border-bottom:1px dotted #808080;}
.homeBlock .rellover a img {float:left;}
.homeBlock .rellover a>span:first-child {color:#5B62A0;margin-right:5px;}
.homeBlock .rellover a>span:last-child {float:right;}

 /* profile image */
.homeBlock>div img {width:20px;height:20px;display:inline-block;overflow:hidden;float:left;margin-right:5px;border:0px;}

/* Cabecera para el listado de los cursos, noticias, etc... */
.headerListSections {clear:both;background-color:#808080;color:#fff;padding:5px;margin-top:10px;padding-left:5px;overflow:hidden;}
.headerListSections h2  {font:normal 14px/14px 'open_sansregular';}

.new		{padding:15px 5px 0px 5px;} /* wrapper the new */
.new>div:first-child>div:last-child {font:normal 12px/18px 'open_sansregular';}
.news_title {font-size: 15px;padding-bottom:4px;}
.news_image {margin:0px 5px 5px 0px;padding:1px;border:1px #d9d9d9 solid;}
/* Mostramos el numero de comentarios que dispone cada curso, tema, etc... */
.list_comments {padding-left:3px;padding-top:2px;}
.list_comments_d {color:#c9c9c9;}

/* Engloba el listado de todos los foros disponibles */
.forosListIndex	{margin-bottom:20px;}
.forosListIndex>div:nth-child(odd) {background-color:#f2f5f7;}
.forosListIndex>div {transition:all ease .5s;-moz-transition:all ease .5s;-webkit-transition:all ease .5s;margin:2px;padding:2px 2px 2px 5px;overflow:hidden;}
.forosListIndex>div:hover {background-color:#C9D6F5;}
.forosListIndex>div>div:first-child {float:right;}
.forosListIndex>div>div:first-child a {z-index:10;}
.forosListIndex>div>div:last-child {position:relative;}
.forosListIndex>div>div:last-child>div {display:inline-block;position:absolute;top:0px;left:380px;display:block;overflow:hidden;}
.forosListIndex>div>div:last-child>div>span {color: #935151;margin-left: 5px;vertical-align:top;}
.forosListIndex>div>div:last-child>a {display:block;overflow:hidden;}
.forosListIndex>div>div:last-child a>span:nth-child(1) {float:left;}
.forosListIndex>div>div:last-child a>span:nth-child(2) {float:left;font-weight:bold;color:#5B62A0;padding-left:6px;}
.forosListIndex>div>div:last-child a>span:nth-child(4),
.forosListIndex>div>div:last-child a>span:nth-child(5) {float:right;text-align:right;width:70px;}

.forosListUser {float:left;color:#91a0a7;padding-left:5px;}
.forosListNumberView {float:right;color:#91a0a7;text-align: right;}
.forosLine {clear:both;border-top:1px dotted #808080;}
.forosList {clear:both;margin:1px 1px 1px 1px;border-bottom:1px dotted #808080;}

.forosListRow {padding:10px 2px;margin:1px 0px;overflow:hidden;display:block;}
.forosListRow .title	{padding-left:5px;}
/* the positive vote */
.forosListRow .title span	{padding-right:5px;color:green;font-weight:bold;}
.forosListRow.userSelected,.forosMessage .userSelected	{background-color:#ded0a4;}
.forosListRow.lastMessage, .forosMessage .lastMessage	{background-color:#c3e3bb;}

.forosBtnComment {float:right;margin:10px 7px;}
.forosBtnComment div {float:left;margin:3px 5px 0px 0px;padding:0;border:0px solid;}

.forosVotar					{margin:10px;display:inline-block;padding:0px 2px;text-align:center;color:#91a0a7;color:#494965;}
.forosVotar>div				{float:left;margin-right:10px;}
.forosVotar>div:first-child	{margin-top: 2px;}
.forosVotar>div:last-child	{margin-top:2px;font-size:20px;font-weight:bold;}

.forosForm {clear:both;overflow:hidden;width:100%;margin:0 auto 0 auto;}
/* wrapper box title messages in list messages */
.forosDetailBox {clear:both;margin-top:2px;border:1px solid #808080;padding:2px;}
.forosDetailBox.scroll {height:200px;overflow-y:scroll;}
.forosDetailBox .forosList {border-bottom:none;}
.forosDetailBox .forosListRow	{padding:2px;}

.forosMessage {clear:both;margin-top:15px;padding-bottom:5px;overflow:hidden;}
.forosMessage.listRow2>div:first-child>div:first-child>div:first-child {padding-bottom:3px;overflow:hidden;background-color:#e3e9ec;}
.forosMessage.listRow2>div:first-child>div:first-child>div:last-child {background-color:#f7f7f7;}
.forosMessage.listRow2 .withImg {padding-left:116px !important;}
.forosMessage.listRow2>div:first-child>div:first-child>div:first-child>div:last-child {padding:10px;}
.forosMessage.listRow2>div:first-child>div:first-child {border:1px dotted #c0c0c0;}
/* select the box when has selected in the header list of messages */
.forosMessage .selected {border:1px solid #5877ac !important;}

.forosMessage .profileImage {margin-right:10px;}
.forosMessage .list_description {background-color:inherit;}

.iconSelect {padding:2px;border:1px solid #5B62A0;}
.iconUnselect {padding:3px 0px 0px 2px;}

.noRowsDataBase {clear:both;text-align:center;}

/* Error que se muestra en un bloque de color rojo */
.block_ok, .block_info, .block_alert, .block_ko {overflow:hidden;width:100%;clear:both;margin-bottom:4px;text-align:left;z-index:10;}
.block_ok h4, .block_info h4, .block_alert h4, .block_ko h4 {padding-left:20px;}
.block_ok {border:1px solid #78d874;padding:10px;background-color:#cdffcb;}
.block_ok h4 {background:url('/img/ico_ok_16x16.png') no-repeat top left;}
.block_info {border:1px solid #5b62a0;padding:10px;background-color:#c9d6f5;}
.block_info h4 {background:url('/img/ico_info_16x16.png') no-repeat top left;}
.block_alert {border:1px solid #e2de65;padding:10px;background-color:#fdfbc5;}
.block_alert h4 {background:url('/img/ico_alert_16x16.png') no-repeat top left;}
.block_ko {border:1px solid #ffe2e2;padding:10px;background-color:#fff3f3;}
.block_ko h4 {background:url('/img/ico_ko_16x16.png') no-repeat top left;}

.message_arrow_wrapper	{
	position:relative;
	padding:3px 8px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#ccc;
	text-align:left;
}

/* common style for snacks */
.forosListIndex .new::after, .message_arrow_tl::after, .message_arrow_tr::after, .message_arrow_lt::after, .message_arrow_lb::after {
	position:absolute;
	content:"\00a0";
	display:block;
	width:0px;
	height:0px;
}

.message_arrow_tl {
	margin:10px 1px 10px 1px;
	display: inline-block;
}
.message_arrow_tl::after{
	top:-10px;
	left:5px;
	border-width:0px 5px 10px 5px;
	border-style:solid;
	border-color:transparent transparent #ccc transparent;
}
.message_arrow_tr {
	margin:10px 1px 10px 1px;
	display: inline-block;
	width:100%;
}
.message_arrow_tr::after{
	top:-10px;
	right:5px;
	border-width:0px 5px 10px 5px;
	border-style:solid;
	border-color:transparent transparent #ccc transparent;
}
.message_arrow_lt {
	margin:1px 0 1px 10px;
}
.message_arrow_lt::after{
	left:-10px;
	top:5px;
	border-width:5px 10px 5px 0px;
	border-style:solid;
	border-color:transparent #ccc transparent transparent;
}
.message_arrow_lb {
	margin:1px 0px 10px 1px;
}
.message_arrow_lb::after{
	bottom:-10px;
	left:15px;
	border-width:10px 5px 0px 5px;
	border-style:solid;
	border-color:#ccc transparent transparent transparent;
}

.textEnabled	{color:#006100;}
.textInfo		{color:#808080;}
.textDisabled	{color:#f00;}

/* Titulo que engloba un grupo de opciones.
 * utilizado en el curriculum y cuenta del usuario */
/* .titleGroup	{clear:both;padding-top:15px;padding-left:10px;border-bottom:1px #cccccc solid;margin-bottom:10px;font-weight:bold;text-align:left;} */
/* .title_ico_personal {padding-left:20px;background:url('/img/ico_personal_16x16.png') no-repeat bottom left;} */
/* .title_ico_messages {padding-left:20px;background:url('/img/ico_messages_16x16.png') no-repeat bottom left;} */
/* .title_ico_myalerts {padding-left:20px;background:url('/img/ico_myalerts_16x16.png') no-repeat bottom left;} */

/* formulario de contacto con un programadores registrado */
.userContact				{clear:both;border:1px #C9D6F5 solid;padding:10px 0px;display:none;text-align:center;margin:5px;background-color:#F2F5F7;}
	.userContact .title			{clear:both;float:left;padding:5px 5px 0px 0px;text-align:right;width:35%;}
	.userContact .titleObligatory{clear:both;float:left;padding:5px 5px 0px 0px;text-align:right;font-weight:bold;width:35%;}
	.userContact .valueInput	{float:left;padding-top:3px;}
	.userContact .valueTextarea	{clear:both;padding-top:10px;}
	.userContact .errorForm		{clear:both;display:none;padding-top:5px;}
.uc_sendMessage		{padding:10px 0;font-weight:bold;}
.uc_sendMessageKO	{padding:10px 5px;font-weight:bold;}

/*reloj*/
.clock	{text-align:center;padding:10px;}
.clockWithImg16	{display:inline-block;background:url('/img/ico_activity.gif') no-repeat center center;width:16px;height:16px;}
.clockWithImg32 {background:url('/img/ajaxActivity.gif') no-repeat center center;}
.clockWithImg16.top40	{position:relative;top:40px;}


/* mostramos en la parte inferior siguiente y anterior */
#paginacion {clear:both;display:table;width:100%;padding:10px 0px;}
#paginacion .row	{display:table-row;}

/* div in middle */
#paginacion .row>div:nth-child(2) {display:table-cell;width:1px;}

/* previous */
#paginacion .prev	{display:table-cell;vertical-align:middle;width:49%;padding:8px 5px;}
#paginacion .prev>div {float:left;display:table;}
#paginacion .prev>div>div:first-child {display:table-cell;padding:12px;width:23px;height:32px;background:url('/img/arrow_l_32x32.png') no-repeat center center;}
#paginacion .prev>div>div:last-child, #paginacion .next>div>div:first-child {display:table-cell;width:100%;vertical-align:middle;padding-left:5px;font-weight:bold;}

/* next */
#paginacion .next	{display:table-cell;vertical-align:middle;width:49%;padding:10px 5px;}
#paginacion .next>div	{float:right;display:table;}
#paginacion .next>div>div:last-child {display:table-cell; padding:12px; width:23px; height:32px;background:url('/img/arrow_r_32x32.png') no-repeat center center;}
#paginacion .next>div>div:first-child {text-align:right;}

/* previous and next */
#paginacion .prev, #paginacion .next	{cursor:pointer;border:1px solid #ebebeb;}
#paginacion .prev:hover, #paginacion .next:hover {background-color:#ebebeb;color:#0000a0;}



/*se encuentra en el fram derecho. tiene que tener un padding:10 y margin:5px 0px*/
#encuesta			{width:100%;border-collapse:collapse;border-spacing:0px;}
#encuesta>div:last-child	{width:100%;background-color:#e3e9ec;padding:10px;margin-bottom:10px;}
#encuesta p {margin:4px;}
#encuesta>p:nth-child(2) {margin:10px 4px;font-weight:bold;}

/* encuesta form */
#encuesta form>div	{clear:both;width:100%;margin:6px 0px;padding:0px;border-bottom:1px solid #e2e5e7;overflow:hidden;}
#encuesta form>div>div:nth-child(1) {float:left;}
#encuesta form>div>div:nth-child(1) span {position:relative;top:-2px;padding-left:3px;}
#encuesta form>div>div:nth-child(1) input {margin:0px 2px 0px 0px;}
#encuesta form>div>div:nth-child(2) {clear:both;float:left;height:20px;width:80%;border:1px solid #ccc;padding:1px;margin:3px 0px;}
#encuesta form>div>div:nth-child(2) span {
	display:block;
	height:16px;
	background: -webkit-gradient(linear, left top, left bottom, from(#b40044), to(#830031));
	background: -moz-linear-gradient(center top , #b40044, #830031);
	background: -o-linear-gradient(center top , #b40044, #830031);
	background: -ms-linear-gradient(top , #b40044, #830031);
	background: linear-gradient(center top , #b40044, #830031);
}
#encuesta form>div>div:nth-child(3) {float:right;margin:5px 0px;}
#encuesta form p {text-align:center;}

/*listado de registros (cursos y trabajo)*/
.listRow	{clear:both;overflow:hidden;color:#000;}
/*listado de registros sin contenido (foros, trabajo, ...)*/
.listRow.spaceWithoutContent	{margin:0px 0px;padding:7px 2px;}
/*listado de registros con contenido (cursos, temas, ...)*/
.listRow.spaceWithContent		{margin:10px 0px 20px 0px;}
.listLine	{clear:both;margin:0px 0px;border-top:1px dotted #808080;}

.listGrouped		{overflow:hidden;}
.listGrouped>div	{float:left;width:218px;}
.listGrouped>div:last-child	{width:220px;}
.listGrouped>div>div	{background-color:#f2f5f7;transition:all ease .5s;-moz-transition:all ease .5s;-webkit-transition:all ease .5s;}
.listGrouped>div>div:hover {background-color:#C9D6F5;}
.listGrouped>div>div>a>span:first-child {font-weight:bold;color:#5B62A0;}

.listGrouped100	{float:left;width:100%;}


/* Message to new foro */
.forosListIndex .new	{position:relative;padding:0 8px;margin:1px 1px 1px 20px;background:#ffcccc;color:#f00;height:14px;display:inline-block;}
.forosListIndex .new::after {
	left:-7px;
	top:3px;
	border-width:4px 8px 4px 0px;
	border-style:solid;
	border-color:transparent #ffcccc transparent transparent;}

.listGrouped .linkRow,.listGrouped100 .linkRow	{border: 1px solid #fff;padding:3px 3px;}

.legend		{clear:both;border:1px solid #c9d6f5;float:right;margin:10px 0px;padding:10px;min-width:50%;}
.legend li      {list-style:none;line-height:25px;}
.legend li>span {margin:0px 5px 0px 3px;display:inline-block;vertical-align:middle;}
.legend .color	{width:16px;height:16px;}
/*when show profile image with 16px*/
.legend .profileImage16    {max-width:16px;max-height:16px;vertical-align:top;margin-top:2px;}

/* Cabecera de los mensajes de los foros */
#optionsMessage				{clear:both;padding-top:10px;padding-bottom:22px;}
#optionsMessage .filtered	{float:left;padding-left:5px;}

.newBlock	{clear:both;}

.black			{background-color:#000;}
.greyLight		{background-color:#f2f5f7;}
.grey			{background-color:#e3e9ec;}
.greyHeader		{background-color:#555555;}
.greyDark		{background-color:#808080;}
.gray			{background-color:#c0c0c0;}
.blueStrong		{background-color:#5B62A0;}
.blueLight		{background-color:#929cbf;}
.blueDark		{background-color:#91a0a7;}
.white			{background-color:#fff;}
.red			{background-color:#f00;}
.yelowLight		{background-color:#fdfbc5!important;}
/*.gold           {background-color:#efb810;}
.bronce         {background-color:#cd7f32;}
.silver         {background-color:#8a9597;}
.b_gold         {border:1px solid #efb810;}
.b_bronce       {border:1px solid #cd7f32;}
.b_silver       {border:1px solid #8a9597;}*/
.b_grey         {border:1px solid #c0c0c0}

.f_black		{color:black;}
.f_grey			{color:#999999;}
.f_greyDark		{color:#808080;}
.f_blue			{color:#0000ff;}
.f_blueLight	{color:#5B62A0;}
.f_blueDark		{color:#2f345f;}
.f_blueGraph            {color:#0066aa;}
.f_white		{color:white;}
.f_form			{color:#494965;}
.f_red,.f_red a	{color:red;}
.f_redDark		{color:#935151;}
.f_redGraph             {color:#aa557f;}
.f_green		{color:green;}
.f_greenGraph           {color:#0b8043;}

.t_right		{text-align:right !important;}
.t_left			{text-align:left !important;}

.f_size08		{font-size:0.8em;}
.f_size11		{font-size:1.1em;}
.f_size12		{font-size:1.2em;}
.f_size15		{font-size:1.5em;}
.f_size20		{font-size:2em;}

.hide			{display:none;}

.left		{float:left;}
.right		{float:right!important;}
.center		{text-align:center;}

.pointer        {cursor:pointer;}

.download {background-color:#669966;color:#fff;}

.fontRegular	{font:normal 12px/16px 'open_sansregular';}
/* .fontBold		{font:normal 12px/16px 'open_sansbold';} */

/* Define the format to row list section */
.cursosRow .list_title	{width:80px;}

.tablonList	{background: #f2f5f7;width:100%;table-layout:fixed;margin-top:10px;}
.tablonList.withImage .line	{margin-left:106px;}
.tablonList.withImage .list_description {clear:both;border-top: 1px solid #fff;}
.tablonList .profileImage	{margin-bottom: 2px;}
.tablonList .list_title	{width:80px;}
.tablonList .list_description {width:656px;}

.cursosList	{width:100%;table-layout:fixed;}
.programasList	{width:100%;table-layout:fixed;}
.programasList .list_title {width:80px;}
.programasList h2 {font-size:12px;}

.rellover	{
	transition:all ease .5s;
	-moz-transition:all ease .5s;
	-webkit-transition:all ease .5s;
}
.rellover:hover	{background-color:#C9D6F5;}

.w20	{width:20px;}
.w200	{width:200px;}
.w70	{width:70px;}
.l20	{padding-left:20px;}
.l110   {padding-left:110px;}
.r110	{padding-right:110px;}
.p10    {padding:10px;}

.ml5	{margin-left:5px;}
.mr5    {margin-right:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.ml35	{margin-left:35px;}
.ml40	{margin-left:40px;}
.ml45	{margin-left:45px;}
.ml50	{margin-left:50px;}
.ml55	{margin-left:55px;}
.ml60	{margin-left:60px;}
.ml65	{margin-left:65px;}
.ml70	{margin-left:70px;}
.ml75	{margin-left:75px;}
.ml80	{margin-left:80px;}
.ml85	{margin-left:85px;}
.ml90	{margin-left:90px;}
.ml95	{margin-left:95px;}
.ml100	{margin-left:100px;}

.mt10	{margin-top:10px;}
.mt20   {margin-top:20px;}
.mt50   {margin-top:50px;}
.mb10	{margin-bottom:10px;}

.mh104  {min-height:104px;}
.mh136  {min-height:136px;}
.h400   {height:400px;}

.absolute {position:absolute;}
.relative {position:relative;}

.borderRed {border:1px solid #f00 !important;}

.icon-wrapper	{width:16px;height:16px;padding:0px 2px;}

.icon-access	{background:url('/img/img.png') no-repeat -170px -22px transparent;display:block;width:11px;height:11px;}

/* style from link in row format (homepage, languages in cursos, ...) */
.linkRow	{display:block;overflow:hidden;padding:10px 3px;}
.linkRow:link, .linkRow:visited, .linkRow:hover	{color:gray}
#list .linkRow	{padding:0px;}

/*Buttons*/
.buttons	{padding:13px 0px 8px 0px;}
.button	{
	margin-right:3px;padding:3px 8px;border:1px #d8dee1 solid;
	background-color:#d8dee1;color:#494965;cursor:pointer;height:24px;
}
.button:hover	{
	background-color:#B8C0C4;
}
.button.disabled,
.button:disabled	{color:#c0c0c0;}

.button.image {height:30px;}
.button.image>span:nth-child(2) {padding-left:5px;height:24px;vertical-align:middle;}
.button.image.clock>span:nth-child(3) {margin-top:3px;vertical-align:top;margin-left:5px;width:16px;display:inline-block;}

/*button options*/
.btnOption	{
	display:block;
	margin-top:-3px;
	margin-left:5px;
	padding:5px 15px;
	background-color:#5B62A0;
	color:#fff!important;
}
.btnOption:hover	{
	color:#fff;
	background-color:#4B5083;
}

.socialNetwork	{padding:10px 0px;}
.socialNetwork>div {margin-top:8px;}
.socialNetwork>div:first-child {margin-top:0px;}
.socialNetwork16>span {
	border:1px solid #ebebeb;
	color:#888;
	font-size:12px;
	padding:1px 0px;
	position:relative;
	text-align:center;
	top:-3px;
	width:170px;
	display:inline-block;
}
.socialNetwork a {margin-right:3px;}

.wrapper-colaboradores	{margin-top:10px;padding:10px;line-height:20px;}
.wrapper-colaboradores .name	{font-weight:bold;}
.wrapper-colaboradores .info	{padding:10px;margin-top:10px;}
.wrapper-colaboradores .image img	{max-width:615px;}

/* layer to show content */
#layer {
	position:fixed;
	z-index:1;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.8);
}

#layerc {
	font:normal 12px/18px 'open_sansregular';
	position:fixed;
	z-index:1;
	display:none;
	background-color:#fff;
	padding:5px;
	border:0px solid #2d2d2d;
	min-width:500px;
/* 	max-width:900px; */
	min-height:100px;

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 5px #666666;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
}
#layerClock {
	display:none;
	position:fixed;
	background:url('/img/ajaxActivity.gif');width:32px;height:32px;
	z-index:1;
}
#layerc .layer-wrapper{
	margin-top:30px;
}
#layerc .title {
	font:normal 14px/18px 'open_sansbold';
	background-color:#eee;
	padding:5px;
	text-align:center;
}
#layerc .text {
	padding:10px;
}
#layerc .buttons {
	text-align:right;
	border-top: 1px solid #eee;
	padding-right: 10px;
}
#layerc .button-close{
	display:block;
	padding:0px 7px 5px 7px;
	color:#808080;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
    font:normal 20px/22px 'open_sansbold';
}
#layerc .button-close:hover{
    color:#444;
}

#layerc .arrow {
    position:absolute;
    top:0px;
    width:100px;
    height:100%;
    display:none;
    opacity:0.2;
    filter:alpha(opacity=20); /* For IE8 and earlier */
}
#layerc .arrowLeft.show {
    background:url('/img/previous.png') no-repeat center;
    cursor:pointer;
}
#layerc .arrowRight.show {
    background:url('/img/next.png') no-repeat center;
    cursor:pointer;
}
#layerc .arrowLeft.show:hover, #layerc .arrowRight.show:hover {
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

#layerc .arrowRight {
    right:0px;
}
#layerc .layer-wrapper .slide-wrapper {
    position:relative;
    width:100%;
}
#layerc .layer-wrapper .slide-wrapper .clockWithImg32 {width:32px;height:32px;}
#layerc .layer-wrapper .slide-wrapper:hover .arrow {
    display:block;
}
#layerc .layer-wrapper .slide-wrapper img {
    top:0;
    bottom:0;
    left:0;
    right:0px;
    margin:auto;
    position:absolute;
}
#layerc .url {
    margin-top:8px;
    color:#999999;
    overflow:hidden;
    height:16px;
    display:inline-block;
}

.adVelneo {text-align:center;padding:5px 0px;}

/* options with image */
.blockOptions {
    overflow:hidden;
    margin:auto;
    text-align:center;
    font:normal 12px/14px 'open_sansregular';
    color:#ccc;
}
.blockOptions .blockOption {
    display:inline-table;
    border:10px solid #ccc;
    padding:15px;
    height:145px;
    width:23%;
    margin:3px;
    cursor:pointer;
}
.blockOptions .blockOption:hover {
    border:10px solid #929cbf;color:#000;
}
.blockOptions img {top:-83px;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
.blockOptions span {display:inline-block;width:64px;height:64px;}

.blockOptions .blockOption:hover img,.blockOptions .blockOption.selected img {
	opacity:1;
	filter:alpha(opacity=1); /* For IE8 and earlier */
}
.blockOptions #o1 img {left:0px;}
.blockOptions #o2 img, .blockOptions #o11 img, .blockOptions #o13 img {left:-64px;}
.blockOptions #o3 img {left:-128px;}
.blockOptions #o4 img, .blockOptions #o15 img {left:-192px;}

.blockOptions .selected {left:0px;border:10px solid #808080;color:#000;}

/* list stars */
.stars {overflow:hidden;font-weight:normal;color:#777}
.stars>div {clear:both;width:190px;}
.stars>div>div:first-child {float:left;width:80px;}
.stars>div>div:first-child span {float:right;}
.stars>div>div:last-child {
	float: right;
	height: 6px;
	width: 100px;
	border: 1px solid #ccc;
	padding: 1px;
	margin-top: 5px;
}
.stars>div>div:last-child span {
	display:block;
	height:2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#b40044), to(#830031));
	background: -moz-linear-gradient(center top , #b40044, #830031);
	background: -o-linear-gradient(center top , #b40044, #830031);
	background: -ms-linear-gradient(center top , #b40044, #830031);
	background: linear-gradient(center top , #b40044, #830031);
}
.stars .total {position:relative;top:-5px;font-size: 9px;margin-left:5px;}
/* .comment_header .stars .img {margin-left:0px;margin-right:0px;float:none;} */

/* select stars in comment */
.starsSel ul {
	list-style-type: none;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left; /* float left the <span> with message */
	cursor:pointer;
}
.starsSel ul li{
	background:url('/img/img.png') no-repeat -832px -67px transparent;
	width:16px;
	height:16px;
	float:left;
}
.starsSel ul li.selected{ /* esta clase añade la imagen seleccionada */
	background:url('/img/img.png') no-repeat -800px -67px transparent;
}
/* text info with assessment */
.starsSel>span {padding-left:9px;}

/** new code section **/
.listRow2 {font:normal 12px/14px 'open_sansregular';}
.listRowCode.listRow2,
.listRowPdf.listRow2,
.listRowJob.listRow2 {padding:20px 5px;border-bottom:1px solid #ccc;}
.listRowPdf.listRow2 {padding:20px 8px;}
.listRowCode.listRow2:hover,
.listRowPdf.listRow2:hover,
.listRowJob.listRow2:hover {background-color:#f1f1f1;}
.listRow2 h2 {color:#000;font-size:1.5em;display:inline-block;margin:2px 5px 5px 0px;line-height: 1.2em;}
.listRow2 h2 a {color:#000;}
.listRow2 h2 a:hover {color:#00f;}
.listRow2 h3 {font-weight:normal;}
.listRowCode.listRow2>div:nth-child(2)>div,
.listRowPdf.listRow2>div:nth-child(2)>div,
.listRowJob.listRow2>div:nth-child(2)>div {margin:3px 0px;color:#999;} /* publicado el .../visualizaciones */
.listRowJob.listRow2>div:nth-child(2)>div {line-height:1.5em;}
.newBlock.ce,
.requerimientos.ce .newBlock {line-height:1.5em;} /* descripcion */
.listRow2 a {color:#5B62A0;}
.listRow2 a:hover {color:#00f}
/* this option is only for jobs */
.cursosList h3 {font-weight:bold;}

.grid.listRowPdf.listRow2 h2 {font-weight:bold;font-size:1.2em;}
.grid.listRowPdf.listRow2 h2 a {height:36px;overflow:hidden;display:block;}
.grid.listRowPdf.listRow2 {border-bottom:none;}
.grid.listRowPdf.listRow2>div {line-height:1.4}
.grid.listRowPdf.listRow2>div:last-child {min-height:290px;}
.grid.listRowPdf {width:218px;float:left;}
.grid.listRowPdf .stars {height:20px;}


/* only in job detail */
.rowJob .commentList {padding-top:0px;}
.rowJob .commentList h3 {margin-top:8px;margin-bottom:5px}
.rowJob .socialNetwork16 {margin-top:20px;}

.rowJobData {width:100%;border:0px;border-spacing:0px;padding-top:5px;line-height: 18px;}
.rowJobData td:first-child {width:130px;color:#3a3a3a;}

/** show code information **/
.rowCode,
.listRowCode,
.listRowPdf {width:656px;overflow:hidden;font:normal 12px/14px 'open_sansregular';}
.rowCode .listRowCode:hover,
.rowCode .listRowPdf:hover,
#programmer .listRowCode:hover, .rowJob .listRowJob:hover {background-color:inherit;}
.rowCode .listRowCode,
.rowCode .listRowPdf,
.rowJob .listRowJob {border-bottom:0px;} /*remove the line from list code*/
/* .rowCode .commentList {padding-top:50px;} */
.rowCode .comment {overflow:hidden;padding:10px 0px;}
/* color to the first div */
.rowCode .blockInfo>div>div:first-child {color:#999;}
/* limitamos la anchura para dejar entrar la grafica a la misma altura */
.rowCode .blockInfo.selected>div>div:nth-child(1) {display:inline-block;max-width:440px;}
.rowCode .blockInfo {background-color:#eee;}

.tags {list-style-type: none;margin:5px 0px;padding:0px;clear:both;overflow:hidden;}
.tags li {
	float:left;margin-right:3px;padding:3px 8px;margin-top: 3px;
	border:1px #C9D6F5 solid;
	-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
	background-color:#d8dee1;color:#494965;
}
.tags li:first-child {cursor:auto;background-color:white;border:0px;padding-right: 3px;}


/* list of code from users codigo/usuario.php */
.table.listCodeUser tbody td:nth-child(1),.table.listTablonUser tbody td:nth-child(1),.table.listTablonUser tbody td:nth-child(2) {width:85px;text-align:center;}

/* list of code programadores/codigo.php */
.table.listCode tbody td:nth-child(1) {width:54px;text-align:center;}
.table.listCode tbody td:nth-child(1) a {margin-left:5px;}
.table.listCode tbody td:nth-child(1) a:nth-child(1) {margin-left:0px;}
.table.listCode tbody td:nth-child(2) {text-align:center;}

.table.listCodeVersion tbody td:nth-child(1) {width:35px;text-align:center;}
.table.listCodeVersion tbody td:nth-child(2) {text-align:center;}

.table.listTablon tbody td:nth-child(1) {width:54px;}
.table.listTablon tbody td:nth-child(1) a {margin-left:5px;}
.table.listTablon tbody td:nth-child(2),.listTablon tbody td:nth-child(4), .listTablon tbody td:nth-child(5) {text-align:center;}

.table.listInboxOutbox .editor_code {width:616px;}
.table.listInboxOutbox tbody tr {cursor:pointer;}
.table.listInboxOutbox tbody td:nth-child(1) {width:30px;}

/* define block grey or blue without round corners */
.blockInfo {clear:both;margin:20px 0px;}
.blockInfo h4 {margin:0px;padding:10px;background-color:#ccc;}
.blockInfo.selected h4 {background-color:#5B62A0;}
.blockInfo.selected h4 div {color:#fff;}
.blockInfo.selected a h4 {color:#fff;}
.blockInfo>div {padding:5px;border:1px solid #ccc;}
.blockInfo.selected>div {padding:5px;background-color:#fff;border:1px solid #ccc;}

/* define the table lists */
.table {border-collapse: collapse;width:100%;font:normal 12px/14px 'open_sansregular';}
.table thead tr {background-color:#C0C0C0;}
.table thead th {padding:5px 0px;border: 2px solid #fff;}
.table .min {width:1px;}
.table tbody tr {background-color:#f2f5f7;}
.table tbody tr:hover	{background-color:#e3e9ec;}
.table tbody td {border: 2px solid #fff;padding:5px 3px;}
.table tbody td:last-child, .table thead th:last-child {border-right:0px;}
.table tbody tr.disabled {color:#aaa;}
.table tbody tr.disabled a {color:#aaa;}
.table .dateShort {width:80px;}

.table.listMessagesUser tbody td:last-child {text-align:right;width:80px;}

.etiqueta {-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:0 8px;margin:1px;float:right;}
.etiqueta.update {background:#004000;color:#fff;border:1px solid #004000;}
.etiqueta.new {background:#739958;color:#fff;border:1px solid #37584a;}

/* define the last record updated for a user. Sample: /programadores/codigo.php, /programadores/trabajo.php */
.lastRecordSeen {
	background-color:#7AFF71;
	display: inline-block;
	width:16px;
	height:16px;
	margin-right: 5px;
	vertical-align: middle;
	-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

/* resultado de busqueda seleccionado */
.searched {font-weight:bold;background-color:#F5CBCB;color:#000;}


/* show compressed div */
.compressed {
	overflow:hidden;
	position:relative;
	max-height:10000px;
	display:none;
	transition: 0.5s ease;
	width: 100%;
}
.compressed.min {
	max-height:50px;
	color:#808080;
}
.listRowPdf .compressed.min {
	max-height:300px;
	color:#000;
}
.compressed .mas {
	background-color:#808080;
	bottom:0px;
	cursor:pointer;
	font-size:18px;
	font-weight:bold;
	height:19px;
	opacity:0.7;
	position:absolute;
	right:0px;
	text-align:center;
	width:19px;
	color:#000;
}

/* utilities result */
#utilidades>a>div {font:normal 12px/14px 'open_sansregular';min-width:150px;}
#utilidades>a>div>span {font:normal 20px/24px 'open_sansbold';}

#utilResult_wrapper {width:100%;overflow:auto;}
#utilResult {
	min-height:50px;
	min-width:100%;
	display: inline-block;
	font:normal 12px/14px 'open_sansregular';
	line-height:2em;
	background-color:#eee;
	border:1px solid #808080;
}
#utilResult .bold {font:normal 12px/14px 'open_sansbold';}
#utilResult>div {overflow:hidden;min-height:2em;padding:5px;}
#utilResult>div span {float:right;position:relative;padding-right:25px;color:#494965;}
#utilResult>div span.oks::before,
#utilResult>div span.kos::before {right:8px;}
#utilResult>pre {
	font-size: 12px;
	padding: 0px 5px;
	margin: 0px;
	height: 20px;
	line-height: 1.5em;
	background-color: #fff;
}
#utilResult>pre:nth-child(odd),#utilResult>div:nth-child(odd) {
	background-color: #F8F8F8;
}

/* ip */
#utilResult>span {width:45%;display:inline-block;text-align:right;}

#md5 textarea,#sha1 textarea,#base64 textarea,textarea#utilResult {width:100%;height:80px;border:1px solid #808080;}
textarea#utilResult {background-color:#eee;}


/* icon ok in green with style */
.oks::before {
	content: '';
	position: absolute;
	border-color: #0c0;
	border-style: solid;
	border-width: 0 0.3em 0.25em 0;
	height: 1em;
	top: 1em;
	/*left: 0.6em;*/
	margin-top: -1em;
	transform: rotate(45deg);
	width: 0.5em;
}
/* icon ok in red with style */
.kos::before {
	content: 'X';
	position: absolute;
	font-size:1.3em;
	font-weight:bold;
	color: #990000;
	height: 1em;
	top: 1em;
	/*left: 0.4em;*/
	margin-top: -1em;
	width: 0.5em;
}
#mapa {width:100%;height:500px;}


.menuNew {background-color:red;border-radius:4px;padding:0 5px;}
.menuNew a {font-weight:bold;color:#fff;}


/* cookie privacity info */
#cookie {padding:5px}
#cookie div:first-child {float:left;}
#cookie div:last-child {float:right;cursor:pointer;margin-top:5px;}


@media print {
    aside, .sitemap, .header_logo, .publi_belowForms {display:none;}
    h2  {color:#000;font-weight:bold;}
}


.outdated {text-align:center;padding:10px;border:1px solid #ccc;margin:5px;font-weight: bold;}


/*advertising*/
.publi_sky {min-height:620px;}


/* pdf */
.pdfImage {width:200px;height:290px;line-height:308px;}
.pdfImage img	{width:200px;}
.pdfImageContent {padding-left:220px;min-height:308px;}

/* id for preview imagen before upload */
#previewImages {width:575px;height:143px;overflow-y:auto;}

/*Muestra los mensajes para los usuarios*/
#infoUser	{position:absolute;display:none;text-align:left;width:300px;}
#infoUser h4 {width:250px;}
#infoUser span {float:right;cursor:pointer;}

#filter {font-size:1em;box-sizing:border-box;padding:10px 5px;width:100%;margin:10px 0px;}


/* tabs */
.tabGroup {overflow-x:auto;clear:both;}
.tabGroup>ul {
    margin-bottom:0;
    padding:0;
    border-bottom:1px solid #5B62A0;
    overflow:hidden;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    background-color:#eee;
}
.tabGroup>ul>li {
    list-style-type:none;
    float:left;
    padding:20px 10px;
    height:60px;
    box-sizing:border-box;
    text-align: center;
}
.tabGroup>ul>li a {font-size:1em;}
.tabGroup>ul>li:hover {border-bottom:2px solid #5B62A0;}
.tabGroup .tabSel {border-bottom:2px solid #5B62A0;font-weight:bold;}
.tabContent {padding:10px;border:1px solid #ccc}

/* two box joined */
.box2>div {width:49%;display:table-cell;}
.box2>div:last-child {border-left:10px solid #fff;}