body{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
}

a{
	color: #19BC9C;
	transition: color .25s ease-out;
}

a:hover{
	color: #438B7D;
	text-decoration: none;
}

h2{
	margin-top:5px;
	margin-bottom: 5px;
	font-size:22px;
	color: #222;
	font-weight: 700;
}

h3{
	margin-top:12px;
	margin-bottom: 12px;
	font-size:18px;
	color: #222;
	font-weight: 700;
}

.prettyprint{
	margin-top: 15px;
	margin-bottom: 15px;	
}

.prettyprint *{	
	line-height: 1.3em;
}

/*******	CABECERA	*******/
/*** Parte Superior			***/
header #top {
	background-color: #37393a;
	margin: 0;
	border-width: 0;
	border-radius: 0;
	position: relative;
	z-index: 999;
}

/* Botones Registrarse/conectar */
header #top .login-vertical{
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	background-color: #37393a;
	color: #a5a9ac;
	border-width: 0;
	border-radius: 0;
	word-spacing: 5px;
	cursor: pointer;
	float:right;
	margin-right:50px;
}

/* Botones Registrarse/conectar */
header #top .login-vertical-collapsed{
	float: none;margin-right: 0px;
}

/* Espaciado entre el icono y botones Registrarse/Conectar */
header #top .login-vertical > .glyphicon{
	margin-right: 10px;
}
 /* Sobreescritura del estilo de los enlaces para los botones Registrarse/Conectar */
header #top .login-vertical > a{
	color: #a5a9ac;
}
header #top .login-vertical > a:hover{
	color: white;
}

header #top #access-btn > a :hover{
	color: white;
}

/* Contenido del botón Dropdown*/
header #top .dropdown{
	float:right;
	margin-right:50px;
}

/* Botón Dropdown (Username)*/
header #top .dropdown > button{
	height: 51px;
	margin-top: 14px;
	margin-bottom: 12px; 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: #37393a;
	color: #a5a9ac;
	border-width: 0;
	border-radius: 0;
}

/* Contenido del botón Dropdown*/
header #top .dropdown #username-container{

}

header #top .dropdown #username{
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
	width: 180px;
	text-align: right;
}

header #top .dropdown .caret{
	display: inline-block;
	margin-bottom: 10px;
}

/* Dropdown activo*/
header #top .dropdown :hover{
	color: white;
	outline: none;
}

/* Menú Dropdown */
header #top .dropdown-menu{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
}

/* Menú Dropdown con foco del cursor */
header #top .dropdown-menu li :hover{
	background-color: #b3b3b3;
}

/* Avatar del Dropdown */
header #top .dropdown .avatar{
	height: 51px;
	width: 51px;
	margin-top: 10px;
	margin-bottom: 13px;
	margin-left: 0px;	
}



/* Panel Group (Username Collapsed) */
/* Borde del Panel Group */
header #top .panel {
	outline: none;
	border: none;
	border-width: 0px;
}

/* Color del Panel Group */
header #top .panel-group .panel-heading {
	background-color: #37393a;
	color: #a5a9ac;
}

/* Título del Panel Group */
header #top .panel-group .panel-title { 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: #37393a;
	color: #a5a9ac;
}

/* Link Menú Panel Group con foco del cursor */
header #top .panel-title :hover{
	color: white;
}
/* Panel de fonde del Panel Group*/
header #top .panel{
	background-color: transparent;
}
/* Eliminar el borde molesto de la lista */
header #top .list-group{
	border:none;
}
/* Elementos del Menú Panel Group */
header #top .panel-collapse li{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 18px;
	background-color: transparent;
	list-style: none;
}

/* Enlaces del Menú Panel Group */
header #top .panel-collapse a{
	color: #a5a9ac;
	text-decoration: none;
}

/* Menú Panel Group con foco del cursor */
header #top .panel-collapse a :hover{
	background-color: #b3b3b3;
	color: white;
}

/* Avatar del Menú Panel Group */
header #top .panel-group .avatar{
	height: 30px;
	width: 30px;
	margin-right: 5px;	
}



.logo{
	margin-top: 10px;
	margin-bottom: 13px; 	
}




/*** Barra de Navegación 	***/

/* Parte principal */
header #center{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.3999996185303px;
	background-color: #1abc9c;
	height: 40px;
	margin: 0;
	border-width: 0;
	border-radius: 0;
}

/* Menú desplegable colapsado */
header #center .navbar-collapse{
	background-color: #1abc9c;
	padding-right: 40px;
	z-index: 9999;
}

/* Botón del menú desplegable colapsado */
header #center .navbar-header > button{
	background-color: #549c8e;
	border-width: 0px;
}

/* Iconos del botón del menú desplegable colapsado */
header #center .navbar-header .icon-bar{
	background-color: white;
}

/* Elementos de la lista */
header #center ul li *{
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

/* Elementos de la lista con mouse encima */
header #center ul li:hover{
	background-color: #549c8e;
}
header #center ul li > a:hover{
	background-color: #549c8e;
}

/* Elemento de la lista activo */
header #center ul .active > a{
	background-color: #438b7d;
}

/* Elementos de la lista con foco */
header #center ul li :focus{
	background-color: #438b7d;
}

/* Cuadro de Búsqueda */
header #center .navbar-form input[type="text"]{
	border-radius: 20px;
	border: none;
	width: 150px;
	height: 32px;
	padding: 4px 14px;
	font-size: 13px;
	outline: none;
	background: rgba(255,255,255,.15);
	color: #fff;
	transition: background .2s, width .2s;
}

header #center .navbar-form input[type="text"]:focus{
	background: rgba(255,255,255,.9);
	color: #333;
	width: 200px;
}

header #center .navbar-form input[type="text"]::placeholder{
	color: rgba(255,255,255,.7);
}

/* Botón de Búsqueda */
header #center .navbar-form input[type="submit"]{
	height: 32px;
	border-radius: 20px;
	border: none;
	background-color: #438b7d;
	color: white;
	padding: 0 14px;
	font-size: 13px;
	cursor: pointer;
	margin-left: 4px;
	transition: background .2s;
}

header #center .navbar-form input[type="submit"]:hover{
	background-color: #327a6c;
}

/* Botón de Menú Colapsado */
header #center .navbar-header > button{
}

/** SUBMENÚS DE LA BARRA DE NAVEGACIÓN **/

.submenu-section{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 170px;
	line-height: 1.5em;
	float: left;
	height: 100%;
}

.submenu-category-title{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 9px;
	word-spacing: 2px;
	font-weight: bold;
}

.submenu-right-separator{
	border-right: 1px solid;
	border-right-color: #555;
	height: 190px;
}

.submenu{
	background-color: #549c8e;
	width: 710px;
	left: 12%;
	right: auto;
  	transform: translate(-12%, 0);
  	border-top: 1px solid;
  	border-top-color: #549c8e;
}

.submenu:after{
	display: none !important;
}

.submenu ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.submenu ul li:before{
	content: "\2666";
	margin-right: 0px;
}

.submenu ul li:hover{
	background-color: #438b7d !important;
}
.submenu a:hover{
	background-color: #438b7d !important;
}




/*** Sub-Barra de Navegación ***/
header #bottom {
	background-color: #ecf0f1;
}

header #bottom .container .btn{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 8px;
	border: none;
	background-color: transparent;
	color: #95a5a6;
}

header #bottom .icon-text{
	margin-left: 5px;
	font-size: 10px;
	font-family: 'Helvetica';
}

/*********************************/
/**			GENERALES			**/
/*********************************/
/* Divisor vertical */
.divider-vertical{
	height: 80px;
	margin: 0 6px;
	border-left: 1px solid #2b2c2d;
}
/* Flechita del dropdown*/
.dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}


/* POPUP para la conexión */

/* Contenedor Popup */
#popup-conexion > .modal-dialog{
	position: relative;
	width: 400px;
}

/* Cabecera del Popup */
#popup-conexion .modal-dialog .modal-content > .modal-header{
	background-color:#1ABC9C;
	color:#F8FAF9;
	font-size: 18px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Cuerpo del Popup */

/* Entrada de email del formulario del popup */
#popup-conexion .modal-dialog .modal-content .modal-body form >#email_login{
	width:100%;
	font-size:14px;
	margin-bottom: 10px;
	height: 40px;
}

#popup-conexion .modal-dialog .modal-content .modal-body form >#pass{
	width:100%;
	font-size:14px;
	height: 40px;
}

#popup-conexion .modal-dialog .modal-content .modal-body form >button{
	float:none;
	width:100%;
	height: 40px;
}

/* Contenedor Popup */
#send-friend > .modal-dialog{
	position: relative;
	width: 400px;
}

/* Cabecera del Popup */
#send-friend .modal-dialog .modal-content > .modal-header{
	background-color:#1ABC9C;
	color:#F8FAF9;
	font-size: 18px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Cuerpo del Popup */

/* Entrada de email del formulario del popup */
#send-friend .modal-dialog .modal-content .modal-body form >#email_login{
	width:100%;
	font-size:14px;
	margin-bottom: 10px;
	height: 40px;
}

#send-friend .modal-dialog .modal-content .modal-body form >#pass{
	width:100%;
	font-size:14px;
	height: 40px;
}

#send-friend .modal-dialog .modal-content .modal-body form >button{
	float:none;
	width:100%;
	height: 40px;
}




/*******	PIE 	*******/
/* Estilo general del footer */
footer .container, footer .container-fluid{
	border-style: solid;
	border-width: 5px 0px 0px 0px;
	border-color: #1abc9c;
	background-color: #37393a;
	width: 100%;
	padding-bottom: 20px;
}

/* Boton BackToTop dinámico */
footer #top-link-block .well{
	background-color: #549c8e;
	color: white;
	border: solid;
	border-width: 2px;
	border-color: white;
	border-radius: 50%;
	opacity: 1;
	position: fixed;
	bottom: 5%;
	right: 5%;
}
footer #top-link-block .well:hover{
	opacity: 1;
}

/* Botones de redes sociales */
footer .social-icon{
	margin: 5px;
	margin-top: 25px;
	width: 40px;
}

/* Texto sobre la barra de navegación inferior */
footer .footer-text{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin-top: 20px;
	color: #FFF;
}

/* Enlaces de la barra de navegación inferior */
footer .footer-link{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #a5a9ac;
	text-decoration: none;
}

/* Cuando los enlaces de la barra de navegación inferior tienen el cursor */
footer .navbar-nav > li > a:hover{
	background-color: transparent;
	color: #FFF;
}

/* Cuando los enlaces de la barra de navegación inferior tienen el foco */
footer .navbar-nav > li > a:focus{
	background-color: transparent;
	color: #FFF;
}

/* Centrar la barra de navegación inferior */
footer .navbar-nav {
	width: 100%;
	text-align: center;
}
footer .navbar-nav > li {
	float: none;
	display: inline-block;
}


/*******	COLUMNA IZQUIERDA	*******/

/* Etiqueta de redes sociales */
aside .social-title{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	color: #94989b;
	text-align: left;
}

/* Botones de redes sociales */
aside .social-icon{
	margin: 10px 5px 10px 0px;
	width: 35px;
}

/* Banner Foro */
aside .forum-banner{
	margin: 10px 5px 10px 0px;
	width: 220px;
}

/* Espacio abajo del div de facebook */

aside .fb-page{
	padding-top: 10px;
	margin-bottom: 200px;
}

/*******	CSS del módulo article-lastLast 	*******/

/* Cabecera de los artículos */
.article-last-header{
	color: #1abc9c;
	text-align: left;
	font-size: 20px;
	font-weight: 700;
	border-bottom: 2px solid #1abc9c;
	padding-bottom: 8px;
	margin-bottom: 4px;
}

/* Contenedor del artículo */
.article-last-article{
	min-height: 120px;
	padding: 12px 8px;
	border-bottom: 1px solid #eef0f1;
	transition: background-color .2s ease;
	border-radius: 4px;
}

.article-last-article:hover{
	background-color: #f8fffe;
}

/* Imágen del artículo */
.article-last-img{
	width: 100%;
	height: 90px;
	object-fit: cover;
	border-radius: 4px;
	display: block;
}

/* Contenedor de imágen del artículo */
.article-last-img-container{
	float: left;
	padding-right: 14px;
	padding-left: 0;
	width: 140px;
	margin-top: 4px;
	margin-bottom: 4px;
	overflow: hidden;
	flex-shrink: 0;
}

/* Contenedor de información del artículo */
.article-last-info-container{
	float: left;
	width: calc(100% - 154px);
	margin-top: 4px;
	margin-bottom: 4px;
}

/* Cabezera H2 del contenedor de información del artículo */
.article-last-info-container > h2{
	font-size: 17px;
	font-weight: 700;
	margin: 0 0 4px;
	line-height: 1.35;
}

@media (max-width: 767px) {
	.article-last-img-container{
		width: 100%;
		padding-right: 0;
		margin-bottom: 8px;
	}
	.article-last-img{
		height: 160px;
		width: 100%;
	}
	.article-last-info-container{
		width: 100%;
	}
}

/* Enlace al artículo */
.article-last-link{
	color: #1abc9c;
	font-weight: bold;
}
.article-last-link:hover{
	color: #1abc9c;
	font-weight: bold;
}

/* Iconos del Artículo */
.article-last-icon{
	color: #1abc9c;
	margin-left: 5px;
}

/* Contador de los iconos del Artículo */
.article-last-icon-count{
	margin-left: 5px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
}

/* Categoría del artículo */
.article-last-category{
	color: #94989b;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: .5px;
}
.article-last-category:hover{
	color: #7a7e81;
}

/*Descripción del Artículo */
.article-last-description{
	color: #666;
	font-size: 13px;
	line-height: 1.5;
	margin-top: 3px;
}

/*******	CSS del módulo ArticleLast 	*******/

/* Contenedor del artículo */
.article-view-container{
	text-align: left;
	margin-top: 30px;
	height: auto;
	float: left;
	width: 100%;
}

/* Estilo de los enlaces */
.article-view-container a{
	font-weight: bold;
}

/* Cabecera del artículo */
.article-view-header{
}

/* Contenido de la cabecera del artículo */
.article-view-header-content{
	float: left;
	/*width: 83%;*/
}

/* Contenedor de los Botones de la cabecera del artículo */
.article-view-header-buttons-container{
	float:right;
	min-width:52px;
	max-width:150px;
	/*width: 17%;*/
	padding-top:10px;
}

/* Envoltorio Botones de la cabecera del artículo */
.article-view-header-buttons-wrapper{
	float:right;
	padding-left:-2px;
	width:82%;
}

/* Botón Like y Comment */
.article-view-header-button{
	font-size:15px;
	color:white;
	height:35px;
	line-height:35px;
	width:25%;
	vertical-align:middle;
	text-align:center;
	float:right;
	cursor:pointer;
}

/* Color Botón Like */
.article-view-header-like{
	background-color:#1abc9c;
}

/* Color Botón Comment */
.article-view-header-comment{
	background-color:#438B7D;
}

/* Triangulito de decoración para los botones */
.article-view-header-triangle{
	color:#1abc9c;
	float:right;
	transform: scaleX(-1);
	margin-right:-4px;
	width:18%;
	height:35px;
	line-height:35px;
}

/* Título de la cabecera del artículo */
.article-view-title{
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
	color: #1a1a1a;
}

/* Subtítulo de la cabecera del artículo */
.article-view-subtitle{
	font-size: 14px;
	color: #888;
	margin-top: 6px;
}

/* Cuerpo del artículo */
.article-view-body{
	text-align: left;
	margin-top: 10px;
	height: auto;
	float: left;
	width: 100%;
}

/* Estilo del texto del cuerpo del artículo */
.article-view-body-text{
	color: #757575;
}

/* Contenedor de las categorías del artículo */
.article-view-body-categories{
	margin-top: 25px;
	margin-bottom: 25px;
}

/* Cuadros de categorías del artículo */
.article-view-body-category{
	text-align: center;
	background-color: #1abc9c;
	color: white;
	padding: 10px;
	height: 30px;
	font-size: 16px;
	font-weight: 600;
}

/* Pié del artículo */
.article-view-footer{
	color: #757575;
	margin-top: 25px;
	margin-bottom: 25px;
	width: 100%;
	float: left;
}

/* Contenedor de todos los comentarios */
.article-view-comment{
	width: 100%;
	margin-top: 10px;
}

/* Contenedor de cada comentario */
.article-view-comment-item {
	float: left;
	padding: 10px;
	width: 100%;
}

/* Para que aparezca cada comentario de un color */
.article-view-comment-item:nth-child(odd){
	background-color: #EEE;
}

/* Contenedor de la imagen de cada comentario */
.article-view-comment-img-container{
	float: left;
	padding-right:10px;
	padding-left:0px;
	width: 12%;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Imagen de cada comentario */
.article-view-comment-img{
	width: 100%;
	float: right;
}

/* Contenedor de la información de cada comentario */
.article-view-comment-info-container {
	float: left;
	width: 88%;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Contenedor del nombre de usuario del comentario */
.article-view-comment-username {

}

/* Descripción del comentario */
.article-view-comment-description {

}

/* Fecha del comentario */
.article-view-comment-date {
	text-align: right;
	width: 100%;
	font-style: italic;
	float: right;
}

/* Contenedor de Nuevo Comentario */
.article-view-new-comment {
	background-color: transparent;
	width: 100%;
	float: left;
	margin-top: 15px;
	margin-bottom: 80px;
	padding: 8px;
}

/* Formulario de Nuevo Comentario */
.article-view-new-comment-form {
	width: 100%;
	float: left;
}

/* Textarea de Nuevo Comentario */
.article-view-new-comment-txarea {
	width: 100%;
	resize: vertical;
}

/* Botón de Nuevo Comentario */
.article-view-new-comment-btn {
	margin-top: 15px;
	float: right;
	background-color: #19BC9C;
	color: white;
	outline: none;
	border: none;
	text-align: center;
	color: white;
	padding: 10px;
	/*height: 40px;*/
	font-size: 16px;
	font-weight: 600;
	border-radius: 5px;
}

.article-view-new-comment-btn:hover {
	background-color: #549c8e;
	color: white;
}

.article-view-new-comment-btn:focus:active {
	background-color: #327a6c;
	color: white;
}

/* Título de Nuevo Comentario */
.article-view-new-comment-title {
	margin-bottom: 8px;
	float: left;
}


/* Contenedor de enlaces cuando no estas logueado */
.article-view-new-comment-unlogged {
	margin-top: 25px;
	
}


.download-box{
	background-color: #1ABC9C;
	color: #FFF;
	font-weight: bold;
	width: 200px;
	padding: 15px;
	font-size: 14px;
	-webkit-transition: color .35s ease-out;  
    -moz-transition: color .35s ease-out;  
    -o-transition: color .35s ease-out;
    transition: color .35s ease-out;
    cursor: hand;
    cursor:pointer;
}

.download-box:hover{
	background-color: #438B7D;
	-webkit-transition: color .35s ease-out;  
    -moz-transition: color .35s ease-out;  
    -o-transition: color .35s ease-out;
    transition: color .35s ease-out;
    cursor: hand;
    cursor:pointer;
}

.icono{
	padding-right: 10px;
}

.social-media{
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	width:50px;
	height:50px;
	margin-right: 10px;
	float:left;
	color: #fff;
	text-align:center;
	font-size: 30px;
	padding-top: 4px;
	margin-bottom: 10px;
}

.fb{
	background-color: #6A8FBE;
}
.fb:hover{
	background-color: #4472AD;
}
.tw{
	background-color: #33BDF2;
}
.tw:hover{
	background-color: #00ACEE;
}
.gp{
	background-color: #E37151;
}
.gp:hover{
	background-color: #DB4D25;
}

.sections-last{
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ECF0F1;
	margin-bottom: 10px;
	
}
.sections{
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ECF0F1;
	
}

.article-last-job{
	padding: 10px;
	border: 1px solid #ECF0F1;
	margin-bottom: 10px;
	cursor: hand;
	cursor: pointer;
}

.article-last-job:hover{
	background-color: #ECF0F1;
}

.article-last-job h2{
	margin: 0px;
	font-size: 20px;
	margin-bottom: 5px;
}

#ui-id-1{
	background-color:#fff;
	border: 1px solid #CCCCCC;
	margin-left: 5px;
	padding-left: 0px;
	max-width: 500px;
}

#ui-id-1 ul{
	padding-left: 5px;
	list-style:none;
}

#ui-id-1 li{
	padding-top:5px;
	padding-bottom: 5px;
	border-top:1px solid #ECF0F1;
	list-style:none;
	padding-left: 5px;
}

#ui-id-1 li:hover{
	background-color: #1ABC9C;
	color: #FFF;
}

/*	BUSCADOR DE EMPLEO	*/
.jobs_searcher_container{
	float: left;
	width: 25%;
	height: auto;
	display: block;
}

.jobs_list_container{
	float: left;
	margin-left: 5%;
	width: 70%;
}

.jobs_searcher_container > .job_responsive_unit {
	float: none;
	margin-right: 0px;
}




.jobs_searcher_container_collapsed{
	width: 100%;
	height: auto;
	display: none;
}

.jobs_list_container_collapsed{
	width: 100%;
}

.jobs_searcher_container_collapsed > .job_responsive_unit {
	float: none;
	margin-right: 20px;
}


#jobs_searcher_type_container{
	width: 100%;
}

#jobs_search_date:read-only{
	background-color: white !important;
}

#jobs_search_date:-moz-read-only{
	background-color: white !important;
}


.jobs_list_container > .job_responsive_unit {
	
}

.job_searcher_title{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: gray;
	margin-top: 20px;
}

.job_type_button{
	width: 100%;
}

#jobs_search_button:focus{
	background-color: #549c8e;
	color: white;
}

/* Dtepicker personalizado */ 

.ui-datepicker .ui-datepicker-header {
	background: none; 
    background-color: #19BC9C;
    border-color: #549c8e;
}

.ui-datepicker-prev:hover{
    background-image: none;
    background-color: #549c8e;
    border-color: white;
}

.ui-datepicker-prev:hover .ui-icon, .ui-datepicker-next:hover .ui-icon{
    background-image: url("../js/jquery-ui-1.10.4/css/ui-lightness/images/ui-icons_ffffff_256x240.png") !important;
}

.ui-datepicker-next:hover {
    background-image: none;
    background-color: #549c8e;
    border-color: white;
}

.btn-send{
	background-color: #1ABC9C;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	height: 40px;
	padding-top: 12px;
	cursor: pointer;
}

.btn-send:hover{
	background-color: #00a181;
}

.btn-facebook{
	background-color: #4472AD;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	height: 40px;
	padding-top: 12px;
	cursor: pointer;
}

.btn-facebook:hover{
	background-color: #005f88;
}

.btn-twitter{
	background-color: #00ACEE;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	height: 40px;
	padding-top: 12px;
	cursor: pointer;
}

.btn-twitter:hover{
	background-color: #0093cb;
}

.btn-google{
	background-color: #DB4D25;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	height: 40px;
	padding-top: 12px;
	cursor: pointer;
}

.btn-google:hover{
	background-color: #c13c1c;
}

.btn-linkedin{
	background-color: #0e76a8;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	height: 40px;
	padding-top: 12px;
	cursor: pointer;
}

.btn-linkedin:hover{
	background-color: #084968;
}

.gs-webResult{
	width: 100%;
}

.lipub{
	list-style:none;
	padding-top:10px;
	padding-bottom:10px;
}.li-category{
	list-style: none;
	padding-bottom: 5px;
	border-bottom: 1px solid #ECF0F1;
	margin-bottom: 5px;
	text-align:left;
}

.banner-category{
	background-image: url("../imgs/programacion-banner.jpg");
	width: 100%;
	height: 265px;
	margin-top:12px;
	text-align: left;
}

.intro_language{
	float:left;
	width:100%;
	text-align: left;
	padding-top: 10px;
}

.download-box{
	margin-top:10px;
}

.title-category{
	font-size: 36px;
	color: #222;
	font-weight: 700;
	line-height: 1.2;
}

.desc-category{
	padding: 12px 16px;
	background-color: #f4f6f7;
	color: #777;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	border-left: 3px solid #1abc9c;
	border-radius: 0 4px 4px 0;
	font-size: 14px;
	line-height: 1.5;
}

.pagination li a{
	color: #1ABC9C;
}

.pagination li a:hover{
	color: #549C8E;
}

.pagination .active a{
	background-color: #1ABC9C;
	border-color: #1ABC9C;
}

.pagination .active a:hover{
	background-color: #549C8E;
	border-color: #549C8E;
}

.theme-forum{
	height: 80px;
	border:1px solid #ECF0F1;
	border-radius: 10px;
	margin-bottom: 15px;
	-webkit-transition: color .35s ease-out;  
    -moz-transition: color .35s ease-out;  
    -o-transition: color .35s ease-out;
    transition: color .35s ease-out;
    cursor: hand;
    cursor: pointer;
    text-align: center;
}

.theme-forum-title{
	font-size: 15px;
	font-weight:bold;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.theme-forum-date{
	width:100%;
	background-color: #ECF0F1;
	color: #95A5A6;
	text-align: center;
	padding-top: 5px;
}

.theme-forum:hover{
	background-color: #ECF0F1;
	color: #FFF;
	-webkit-transition: background-color .35s linear;
    -moz-transition: background-color .35s linear;
    -o-transition: background-color .35s linear;
    -ms-transition: background-color .35s linear;
    transition: background-color .35s linear; 
}

.heading-td{
	background-color: #ECF0F1;
	font-weight: bold;
	color:  #95A5A6;
}

.numresp{
	border-radius: 20px;
	color: #FFF;
	background-color: #95A5A6;
	font-weight: bold;
	width: 20px;
	text-align:center;
}

.numresp-td{
	padding-left: 20%;
}

.banner-superior{
	margin-top:15px;
}

.banner-inferior{
	float:left;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}

.divheader-footer{
	margin-bottom: 10px;
}

.header-footer{
	font-size:18px;
	color:#FFF;
	font-weight: bold;
}

.footer-link{
	list-style: none;
	margin-bottom: 5px;
}

.footer-link a{
	color: #999;
	font-size: 13px;
	transition: color .2s;
}

.footer-link a:hover{
	color: #1abc9c;
}

.pie{
	color: #888;
	margin-top:15px;
	padding-top: 15px;
	border-top:1px solid #444;
	font-size: 12px;
}

.pie a{
	color: #888;
}

.pie a:hover{
	color: #1abc9c;
}

.prettyprint{
	line-height: 1.5;
	font-size: 13px;
}

.linkforum{
	color:#37393A;
}

.linkforum:hover{
	color:#37393A;
}

.social-media-item{
	color: #95A5A6;
	font-size:16px;
	padding-right: 3px;
	padding-left: 3px;
}

.big{
	font-size:25px;
	height:45px;
}

.article-view-body-text img{
	width: 100%;
}

.article-view-body-text{
	font-size: 15px;
	line-height: 1.75;
	color: #444;
}

@media (max-width: 991px) {
	.article-view-body-text{
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.article-view-body-text{
		font-size: 16px;
	}
	.title-category{
		font-size: 26px;
	}
}

@media (max-width: 479px) {
	.article-view-body-text{
		font-size: 16px;
	}
}

/* ============================================================
   RESPONSIVE MÓVIL
   ============================================================ */

/* Logo */
.logo {
	max-width: 100%;
	height: auto;
}

@media (max-width: 767px) {

	/* Logo — limitar en pantallas pequeñas */
	.logo {
		max-width: 200px;
		margin-top: 6px;
		margin-bottom: 6px;
	}

	/* Ocultar espacio vacío del panel usuario cuando no hay sesión */
	header #top .login-vertical-collapsed {
		display: none;
	}

	/* Navbar colapsada — targets táctiles más grandes */
	header #center .navbar-collapse ul li a {
		padding-top: 12px;
		padding-bottom: 12px;
		border-bottom: 1px solid rgba(255,255,255,.1);
	}

	/* Búsqueda en menú móvil */
	header #center .navbar-form {
		padding: 10px 0;
		margin: 0;
		border: none;
		box-shadow: none;
	}

	header #center .navbar-form input[type="text"] {
		width: calc(100% - 110px);
		background: rgba(255,255,255,.9);
		color: #333;
	}

	header #center .navbar-form input[type="text"]::placeholder {
		color: #999;
	}

	header #center .navbar-form input[type="submit"] {
		width: 100px;
		margin-left: 6px;
	}

	/* Contenido principal — padding lateral en móvil */
	.container {
		padding-left: 12px;
		padding-right: 12px;
	}

	/* Sección "Últimos artículos" */
	.article-last-header {
		font-size: 17px;
		margin-top: 12px;
	}

	/* Artículo completo — evitar overflow */
	.article-last-article {
		overflow: hidden;
	}

	/* Título categorías */
	.title-category {
		font-size: 26px;
	}

	/* Texto artículo en móvil */
	.article-view-body-text {
		font-size: 16px;
	}

	/* Footer — 2 columnas en móvil */
	footer .col-md-3 {
		width: 50%;
		float: left;
		box-sizing: border-box;
		padding-bottom: 15px;
	}

	footer .header-footer {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	/* Footer — 1 columna en pantallas muy pequeñas */
	footer .col-md-3 {
		width: 100%;
		float: none;
	}

	/* Logo más pequeño en pantallas muy pequeñas */
	.logo {
		max-width: 160px;
	}

	/* H2 artículo lista */
	.article-last-info-container > h2 {
		font-size: 15px;
	}
}


/* ============================================================
   SVG ICONS — reemplaza Font Awesome (solo 6 iconos usados)
   Técnica: CSS mask-image + currentColor → hereda color del padre
   ============================================================ */
.fa {
	display: inline-block;
	width: 0.9em;
	height: 0.9em;
	vertical-align: -0.1em;
	background-color: currentColor;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

:root {
	--icon-rss: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.672 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.484 161.28 352.347 352.347.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.163-16.506z'/%3E%3C/svg%3E");
	--icon-twitter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'/%3E%3C/svg%3E");
	--icon-facebook: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/%3E%3C/svg%3E");
	--icon-linkedin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'/%3E%3C/svg%3E");
	--icon-envelope: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm0 48v40.8c-22.4 18.3-58.2 46.7-134.6 106.5-16.8 13.2-50.2 45.1-73.4 44.7-23.2.4-56.6-31.5-73.4-44.7C106.2 199.5 70.4 171.1 48 152.8V112h416zM48 400V214.4c22.9 18.3 55.4 43.9 104.9 82.6 21.9 17.2 60.1 55.2 103.1 55 42.7.2 80.5-37.2 103.1-54.9 49.5-38.8 82-64.4 104.9-82.7V400H48z'/%3E%3C/svg%3E");
	--icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E");
}

.fa-rss       { -webkit-mask-image: var(--icon-rss);      mask-image: var(--icon-rss); }
.fa-twitter   { -webkit-mask-image: var(--icon-twitter);   mask-image: var(--icon-twitter); }
.fa-facebook  { -webkit-mask-image: var(--icon-facebook);  mask-image: var(--icon-facebook); }
.fa-linkedin  { -webkit-mask-image: var(--icon-linkedin);  mask-image: var(--icon-linkedin); }
.fa-envelope-o{ -webkit-mask-image: var(--icon-envelope);  mask-image: var(--icon-envelope); }
.fa-phone     { -webkit-mask-image: var(--icon-phone);     mask-image: var(--icon-phone); }