@import url('https://fonts.googleapis.com/css?family=Open+Sans|Montserrat:300,400,600|Raleway');

html, body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 14px;
	padding: 0 !important;
	margin: 0 !important;
	background-color: #FFF;
	color: #222222;
}

body {
	overflow-x: hidden;
}

a {
    color: #344E6E;
    text-decoration: none;
}
a:hover {
    color: #ad3826;
	text-decoration: underline;
    /* transition: all 0.3s; */
}

select, textarea {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
img {
    vertical-align: top;
    border: none;
}

.container{
	position: relative;
	width:100% !important;
	max-width:1250px !important;
	min-width: 320px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}

.clear {
	height: 1px;
	line-height: 1px;
	clear: both;
}
#navBar {
    position: fixed !important;
    top:0px;
}
#navBar * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#navBar .bloque_autor {
    line-height: 30px;
}
#navBar .border-circle {
    vertical-align: middle;
}
#navBar .bloque_autor #notificaciones {
    line-height: normal;
}
#navBar ul#mainMenu li a{
	padding-bottom: 16px !important;
}
#tooltip-text {
    font-size: 12px;
    background: none repeat scroll 0 0 #FFFFCC;
    border: 1px solid #E2D3B0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.5);
    display: none;
    margin: 0;
    max-height: 45ex;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 40em;
    z-index: 15;
    color: #000;
}
#menu_movil #mainMenu a.selected{
	display: none;
}

#hueco_cabecero {
    display: none !important;
}
#phorumHeader {
    text-align: center;
    font-weight: bold;
    color: #FFF;
    padding: 65px 0 19px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#phorumHeader * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#phorumHeader .container{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center; 
    padding: 0 8px;
}
#phorumHeader h2{
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row;
    text-align: left;
    height: 100%;
    margin: 0px;
    flex: 1 1 auto;
    font-size: 36px;
	font-weight: 600;
	max-width: calc(100% - 440px);
}
#phorumHeader h2.phorumHeader_perfil{
	font-size: 42px;
	max-width: none;
}
#phorumHeader h2 a{
	color:inherit;
	text-decoration: none;
}
#phorumHeader .header_options{
    flex: 0 0 auto;
    height: auto;
    margin-bottom: 0;
}
#phorumHeader .header_options div{
    display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	margin-left: 10px;
}
#phorumHeader .header_options div.foroselect{
    display: none;
	max-width: 250px;
}
#phorumHeader .iconos_accesos a{
	display: inline-block;
    position: relative;
    background: none;
    color: #fff;
    font-size: 27px;
    line-height: 27px;
    height: 37px;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
}
#phorumHeader .iconos_accesos a:hover{
	color:#ccc;
	text-decoration: none;
}
#phorumHeader .iconos_accesos a .badge {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 12px;
	font-size: 8px;
	font-weight: bold;
    padding: 2px 6px;
	background: #ff372d;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

nav#submenu ul li a {
    color: #000;
    padding: 10px 6px !important;
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: left;
	display: block;
}
nav#submenu ul li a.selected, nav#submenu ul li:hover > a, nav#submenu ul li a:hover {
    background: #ccc;
    transition: all 0.3s;
	text-decoration: none !important;
}

#phorum {
	position: relative;
	width:100% !important;
	max-width:1250px !important;
	min-width: 320px !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 16px 8px;
}

#phorum * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#phorum .nav3 *, #phorum .list * {
	position: relative;
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*
#phorum p {
	margin: 14px 0;
}
*/

#phorum .icon {
	display: inline-block;
	position: relative;
    white-space: nowrap;
	padding-left: 22px;
	background-image: none !important;
	line-height: 1.2;
	vertical-align: middle;
}
#phorum .icon::before {
	font-family: "Font Awesome 5 Free";
    display: flex;
    position: absolute;
    top: 0;
    left: 2px;
    bottom: 0;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
    width: 14px;
	font-size: 14px;
	color:#333;
}
#phorum .iconbootstrap {
	display: inline-block !important;
	position: relative !important;
	width: 14px !important;
	height: 14px !important;
	line-height: 14px !important;
	margin: 0 4px 0 2px !important;
	vertical-align: -2px !important;
	background-image: none !important;
}
#phorum .iconbootstrap::before {
	font-family: "Font Awesome 5 Free";
    display: flex;
    position: absolute;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
    width: 100%;
	height: 100%;
	font-size: 14px;
	color:#333;
}
#phorum .iconbootstrap.icon-white::before,
#phorum .icon.icon-white::before {
	color: #fff;
}
#capa_subeimagenes_nevamedia .modal-header ul a.selected .icon::before {
	color:#333;
}

#phorum h1 {
    margin: 5px 0 0 0;
    font-size: 16px;
}

#phorum h2 {
    margin: 0;
    font-size: 15px;
    font-weight: normal;
}

#phorum h4 {
    margin: 0 0 5px 0;
}

#phorum hr {
    height: 0;
    border: 0;
    border-top: 1px solid #AAA;
	margin: 0;
}


/* global styles */

#phorum .nav3 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	align-content: center;
	margin-bottom: 12px;
}
#phorum .nav3.sin-linea {
	margin-top: 12px;
}
#phorum .nav3.nav3_menu {
	flex-direction: column;
	align-content: stretch;
	flex-wrap: nowrap;
}
#phorum .nav3.nav3_menu * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#phorum .nav3_right {
	flex: 1 1 auto;
	height: 42px;
	margin-bottom: 8px;
}
#phorum .nav3_nuevo {
	width: 50%;
	float: left;
	padding-right: 4px;
}
#phorum .nav3_foros {
	width: 50%;
	float: left;
	padding-left: 4px;
}
#phorum .nav3_soloforos .nav3_foros {
	width: 100%;
	float: none;
	padding-left: 0px;
}
#phorum .nav3_left {
	flex: 1 1 auto;
}
#phorum .nav3_menu .paging {
	margin-top: 8px;
	text-align: center;
}
#phorum .nav3 a, #phorum .nav3 .paginador strong {
	display: inline-block;
    white-space: nowrap;
	padding: 6px 8px;
	width: auto;
	margin: 2px 2px 2px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	text-decoration: none;
	background-color: #dbe5ee;
	color: #333;
}
#phorum .nav3 .paginador a, #phorum .nav3 .paginador strong {
	padding: 6px 4px;
	min-width: 26px;
	text-align: center;
}

#phorum .nav3.nav_recent_messages .paginador a, #phorum .nav3.nav_recent_messages .paginador strong {
    padding: 6px 8px;
}

#phorum .nav {
	background-color: #dbe5ee;
	padding: 8px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#phorum .nav a {
	background-color: #FFF;
	margin-right: 4px;
}

#phorum .nav3 a:hover {
	background-color: #2981aa;
	color: #FFF;
}
#phorum .nav3 a.icon:hover::before, #phorum .nav3 a:hover i.iconbootstrap::before {
	color:#FFF;
}
#phorum .nav3 .paging {
}
#phorum .nav3 .pagina_actual {
	display: inline-block;
	padding-right: 4px;
}
#phorum .nav3 .paginador {
	display: inline-block;
}
#phorum .nav3 .paginador strong {
	background-color: #ad3826;
	color: #FFF;
	font-weight: normal;
}
#phorum .nav3_nuevo a {
	width: 100%;
	background-color: #ad3826;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
}
#phorum .nav3_nuevo a:hover {
	background-color: #223856;
}
#phorum .nav3_nuevo a i::before {
	color: #FFF;
}
.header_options label,
#phorum .nav3_foros label {
	display: block;
	position: relative;
	width: 100%;
	margin: 2px 2px 2px 0;
	cursor: pointer;
	pointer-events: auto;
}
.header_options select,
#phorum .nav3_foros select {
	width: 100% !important;
	background-color: #2981aa;
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	overflow: hidden;
	text-indent: 0.01px;
	text-overflow: '';
	padding: 11px 18px 11px 6px;
	line-height: 16px;
}
.header_options select::-ms-expand,
#phorum .nav3_foros select::-ms-expand {
  display: none;
}

.header_options select option,
#phorum .nav3_foros select option {
	background-color: #FFF;
	color: #333;
}

.header_options select optgroup,
#phorum .nav3_foros select optgroup {
	background-color: #DDD;
	color: #333;
}

.header_options label::before,
#phorum .nav3_foros label::before {
	font-family: "Font Awesome 5 Free";
    content: "\f078";
    display: flex;
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
	z-index: 1;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	pointer-events: none;
    width: 14px;
	font-size: 14px;
	color: #FFF;
}
#phorum .nav.nav3 {
	flex-direction: row;
}
#phorum .nav_left {
	justify-content: flex-start;
}
#phorum .nav_left a {
	margin: 2px 4px 2px 0;
}

#phorum .nav.moderate {
	background-color: #FFE3CB;
}
#phorum .nav3.moderate a:hover {
	background-color: #ec8212;
}

#phorum .cinta_foro {
	text-align: center;
	margin: 0 -6px;
}
#phorum .cinta_foro > div {
	padding-bottom: 12px;
}
#phorum .cinta_posting {
	padding: 0 6px 12px 6px;
	width: 100%;
	height: 60px;
}


#phorum div.attention {
	position: relative;
    padding: 24px 8px 24px 64px;
    border: 3px solid #A76262;
    background-color: #FFD1D1;
    color: Black;
    margin: 8px 0 20px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
#phorum div.attention::before {
	font-family: "Font Awesome 5 Free";
    content: "\f071";
    display: flex;
    position: absolute;
    top: 0;
    left: 8px;
    bottom: 0;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
    width: 48px;
	font-size: 32px;
	color: #BF1717;
}

#phorum div.attention a {
    color: #68312C;
    display: block;
	text-decoration: underline;
}

#phorum div.information {
    padding: 12px;
    border: 3px solid #62a762;
    background-color: #e6ffe6;
    margin-bottom: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
#phorum div.information a {
	text-decoration: underline;
}


#phorum div.notice {
    padding: 12px;
    background-color: #efefef;
    border: 3px solid #344e6e;
    margin-bottom: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
#phorum div.notice a {
	text-decoration: underline;
}

#phorum div.warning {
    padding: 12px;
    border: 3px solid #FF0000;
    background-color: #FFD1D1;
    margin-bottom: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
#phorum div.warning a {
	text-decoration: underline;
}


#phorum div.attachments {
    padding: 8px;
    background-color: #dbe5ee;
    margin: 8px 0 12px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

#phorum span.new-flag {
    color: red;
	margin-left: 6px; 
}

#phorum a.message-new {
    font-weight: bold;
}

#phorum #div-pastilla-robapaginas, #phorum #div-pastilla-Nevasport_300x600 {
	display: block;
	margin: 8px auto 20px auto;
	padding: 8px 0;
	text-align: center;
	background-color: #f5f6f7;
}

#phorum #div-pastilla-Mediapagina_lateral {
	display: none;
}
body.banner_mediapagina_lateral #phorum #div-pastilla-Mediapagina_lateral {
	display: block;
	padding-top: 16px;
}
body.banner_mediapagina_lateral #phorum {
    padding-right: 320px !important;
	max-width: 1368px !important;
	width: 1368px !important;
}
body.banner_mediapagina_lateral #navBar #container, 
body.banner_mediapagina_lateral #phorumHeader .container,
body.banner_mediapagina_lateral footer .container {
	max-width: 1368px !important;
	width: 1368px !important;
}

#phorum .pastilla_ofertas_pie {
	width: 100%;
	height: 150px;
	margin-top: 20px;
		
}

#phorum .pastilla_ofertas_viajes iframe {
    width: 100% !important;
    height: 100% !important;
}

/* HTML level styles */

#phorum .table {
	display: table;
	width: 100%;
}
#phorum .tr {
	display: table-row;
}
#phorum .td, #phorum .th {
	display: table-cell;
	text-align: left;
	overflow: visible;
	vertical-align: middle;
}

/* index */ 

#phorum .index * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#phorum .index > div > div {
	margin-top: 15px;
	margin-bottom: 15px;
}
#phorum .index > div > div.index_folder {
	width: 100%;
	margin: 5px 15px;
}
#phorum .index h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border-bottom: 3px solid #ad3826;
}
#phorum .index h2.index_folder_nolink {
	padding: 6px 3px;
}
#phorum .index h2 a {
	display: block;
	padding: 6px 3px;
}
#phorum .index h2 a:hover {
	text-decoration: underline;
	background-color: #dbe5ee;
}

#phorum .index #div-pastilla-robapaginas, #phorum .index #div-pastilla-Nevasport_300x600 {
	margin: 0 auto;
	padding: 8px 0;
	text-align: center;
	background-color: #f5f6f7;
}

#phorum .index_item {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	align-content: center;
	height: 100%;
	padding: 8px 12px;
	background-color: #f5f6f7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
}
#phorum .index_title {
	flex: 1 1 auto;
}
#phorum .index_title h3 {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 17px;
	font-weight: bold;
}
#phorum .index_title h3 a {
	display: block;
	height: 100%;
}
#phorum .index_description {
	display: block;
	padding: 4px 0;
	font-size: 14px;
	font-weight: normal;
}
#phorum .index_image {
	flex: 0 0 auto;
}
#phorum .index_image h3 a {
	position: relative;
	padding: 4px 0 0 46px;
}
#phorum .index_image h3 a i {
	position: absolute;
	left: 0px;
	top: 6px;
	bottom: 6px;
	width: 36px;
	align-items: flex-start;
	display: flex;
	justify-content: center;
}
#phorum .index_image h3 a i em {
	display: inline-block;
	width: 36px;
	height: 36px;
	background-image: url(../templates/nevasport/images/foro_generico.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 36px 36px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#phorum .index_title_last {
	display: none;
	font-size: 12px;
	padding-top: 2px;
	color: #999;
	font-weight: normal;
	line-height: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#phorum .index_title h3 a:hover .index_title_last {
	text-decoration: none;
}

#phorum .index_details {
	flex: 1 1 auto;
}
#phorum .index_details_cont {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	align-content: space-between;
	height: 100%;
}
#phorum .index_messages {
	flex: 1 0 100%;
	padding: 12px 0;
	font-size: 13px;
}
#phorum .index_title_last span.new-flag,
#phorum .index_messages span.new-flag {
	margin: 0;
}
#phorum .index_actions {
	flex: 1 1 100%;
	padding-bottom: 12px;
	margin: 0;
}
#phorum .index_actions a {
	display: inline-block;
	padding: 4px 8px;
	margin: 2px; 
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}

#phorum .index_last {
	flex: 0 0 auto;
	border-top: 3px solid #fff;
}
#phorum .index_last_cont {
}
#phorum .index_last_legend {
	padding: 6px 0 0 0;
	font-weight: bold;
	color: #ad3826;
	font-size: 13px;
}
#phorum .index_last_message {
	display: block;
	font-size: 13px;
}
#phorum .index_last_message > span {
	display: block;
}
#phorum .index_last_title a {
	display: block;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#phorum .index_last_title img {
	max-height: 12px;
	width:auto;
}
#phorum .index_last_date {
	color: #5d5d5d;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


#phorum .index_publi {
	background-color: #f5f6f7;
	min-height: 150px;
	height: 100%;
	align-items: center;
	display: flex;
	justify-content: center;
}

/* list */

#phorum .list {
	position: relative;
	text-align: center;
}

#phorum .list .td, #phorum .list .th {
	padding: 6px 2px;
	border-bottom: 1px solid #ccc;
}

#phorum .list .th {
	padding: 4px 2px;
	font-weight: bold;
	line-height: 19px;
	height: 30px;
	font-size: 14px !important;
	background-color: #dbe5ee;
	border-bottom: 3px solid #ad3826;
}

#phorum .list .tdx0 {
	width: 30px;
	padding: 8px;
}
#phorum .list .tdx1 {
}
#phorum .list .tdx2 {
	width: 55px;
	text-align: center;
}
#phorum .list .tdx3 {
	width: 75px;
	text-align: center;
	font-size: 13px;
}
#phorum .list .tdx4 {
	width: 200px;
	font-size: 13px;
}
#phorum .list .tdx5 {
	width: 32px;
	text-align: center;
}
#phorum .list.list_recent_messages .th {
	background-color: #fff;
}
#phorum .list.list_recent_messages .trx100 .td {
	padding: 12px 0 12px 8px;
	background-color: #dbe5ee;
}

#phorum .cuerpo_phorum .columna_foro {
	display: none;
}
#phorum .cuerpo_phorum .columna_foro * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#phorum .list .alt .td {
	background-color: #f5f6f7;
}

#phorum .list .table i.iconbootstrap {
	width: 18px !important;
	height: 18px !important;
	line-height: 18px !important;
	margin: 0 !important;
}
#phorum .list .table i.iconbootstrap::before {
	font-size: 18px;
}
#phorum .list .table i.icon-bell_sticky::before {
	content: "\f08d" !important;
	color: #ad3826;
}
#phorum .list .table i.icon-bell::before {
	content: "\f08d" !important;
	color: #2981aa;
}
#phorum .list .table i.icon-flag_red::before {
	content: "\f075";
	color: #ad3826;
}
#phorum .list .table i.icon-comment::before {
	content: "\f075";
	color: #bbb;
}
#phorum .list .table i.icon-page_go::before {
	content: "\f56e";
	color: #748fa2;
}
#phorum .list .table i.icon-info_red::before {
	content: "\f05a";
	color: #ad3826;
}
#phorum .list .table i.icon-informacion::before {
	content: "\f05a";
	color: #748fa2;
}

#phorum .list .table h4 i.iconbootstrap {
	width: 14px !important;
	height: 14px !important;
	line-height: 14px !important;
	margin: 0 2px !important;
}
#phorum .list .table h4 i.iconbootstrap::before {
	font-size: 14px;
	color: #5e5e5e;
}


#phorum .list h4 {
	font-weight: normal;
	line-height: 20px;
	padding: 4px 0;
	word-break: break-word;
	word-wrap: break-word;
}

#phorum .list h4 a {
	padding: 2px 0;
}

#phorum .list img.mod_smileys_img {
    max-height: 20px;
	margin: 0 3px;
	width: auto;
}

#phorum .list .message-new {
	font-weight: bold;
	margin-right: 6px;
}

#phorum .list .new-indicator {
	color: red;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
}

#phorum .list .list_block {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	align-content: stretch;
	justify-content: flex-start;
}

#phorum .list .list_icon {
	flex: 0 0 32px;
	align-self: center;
	text-align: center;
	padding-right: 4px;
}
#phorum .list .list_message {
	flex: 1 1 70%;
	align-self: center;
	min-width: 0;
}
#phorum .list .list_author {
	flex: 1 0 50%;
	align-self: flex-end;
	font-size: 12px;
	padding-left: 4px;
	padding-bottom: 5px;
}
#phorum .list .list_paging {
	flex: 0 0 50%;
	align-self: flex-end;
	text-align: right;
	padding: 0;
	font-size: 12px;
}
#phorum .list .list_last {
	flex: 1 0 50%;
	align-self: flex-end;
	font-size: 12px;
	text-align: right;
    padding: 4px 4px 0 0;
}

#phorum .list .list_last a {
	white-space: nowrap;
}
#phorum .list .list_last_date, #phorum .list .list_last_author {
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}

#phorum .list .list_author_block {
	display: block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	padding: 2px 0;
}

#phorum .list .list_last_moved {
	text-align: left;
}

#phorum .list .last_author {
	display: block;
	width: 196px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
	font-weight:bold;
	line-height:23px;
	margin-bottom: 2px;
}
#phorum .list .last_author img {
	width:24px;
	height:24px;
	margin-right: 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#phorum .list_paging {
	padding: 2px 0;
}
#phorum .list_paging a {
	display: inline-block;
	padding: 2px 3px;
	min-width: 18px;
	margin: 2px 1px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f5f6f7;
	text-decoration: none;
	color: #344E6E;
	border: 1px solid #ccc;
}
#phorum .alt .list_paging a {
	background-color: #FFF;
}

#phorum .list .moderate a {
	display: inline-block;
	padding: 3px;
}

#phorum .list .moderate a i.iconbootstrap::before {
	color: #ec8212;
}
#phorum .list .moderate a:hover i.iconbootstrap::before {
	color: #ce6b13;
}

#phorum .list.list_recent_messages .list_message_phorum {
	font-size: 13px;
}


/* read */ 

#phorum div.message {
	margin-bottom: 20px;
	border: 4px solid #dbe5ee;
	background-color: #dbe5ee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
}

#phorum div.message div.generic {
	padding: 4px 16px;
}
#phorum div.message div.generic * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#phorum div.message_cab {
	border-bottom: 3px solid #fff;
	padding-bottom: 4px;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	align-content: center;
}
#phorum div.message_title {
	padding: 4px 0;
	text-align: left;
	flex-grow: 1;
	font-size: 14px;
	min-width: 0;
	word-wrap: break-word;
	word-break: break-word;
}
#phorum div.message_title h3 {
	display: inline-block;
	width: auto;
	padding: 0;
	margin: 0;
	font-size: 16px;
	word-wrap: break-word;
	word-break: break-word;
}
#phorum div.message_title strong {
	word-wrap: break-word;
	word-break: break-word;
}
#phorum div.message_title .badge {
	font-size: 13px;
}
#phorum div.message_pm {
	flex-basis: 36px;
	padding-left: 6px;
}
#phorum div.message_pm a {
	display: inline-block;
	width: 36px;
	height: 36px;
	padding: 4px;
	background-color: #eef3f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#phorum div.message.positivo_1 div.message_pm a {
	background-color: #f5fff4;
}
#phorum div.message.positivo_2 div.message_pm a {
	background-color: #c5ffd5;
}
#phorum div.message.positivo_1 div.message_pm a:hover, #phorum div.message.positivo_2 div.message_pm a:hover {
	background-color: #2981aa;
}
#phorum div.message_pm a i.iconbootstrap {
	margin: 0 !important;
	width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;	
}
#phorum div.message_pm a i.iconbootstrap::before {
	font-size: 22px;
	color: #666;
}
#phorum div.message_pm a:hover {
	background-color: #2981aa;
}
#phorum div.message_pm a:hover i.iconbootstrap::before {
	color: #fff;
}

#phorum div.message_info {
	padding: 8px 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	align-content: center;
}
#phorum div.message-author {
	flex-basis: 124px;
	text-align: center;
	font-size: 14px;
}
#phorum div.message div.bloque_autor {
	background-color: #eef3f8;
	padding: 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#phorum div.message.positivo_1 div.bloque_autor {
	background-color: #f5fff4;
}
#phorum div.message.positivo_2 div.bloque_autor {
	background-color: #c5ffd5;
}
#phorum div.message .avatar {
	height: 30px;
	width: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
}
#phorum div.message .avatar img {
	min-width: 100%;
    height: 100%;
    width: 100%;
}
#phorum div.message .usuario {
	word-break: break-all;
	font-weight: bold;
}
#phorum div.message .bloque_autor_noavatar .usuario {
	word-break: break-all;
	font-weight: bold;
	padding: 12px 0;
}

#phorum div.message-details {
	flex-grow: 1;
	font-size: 13px;
	text-align: right;
}
#phorum div.message-details strong {
	font-size: 14px;
}

#phorum div.message-body {
    padding: 24px 16px;
    margin: 0;
    border-top: 0;
    background-color: #FFFFFF;
	color: #000;
    overflow: visible;
	font-size:15px;
	word-wrap: break-word;
}
#phorum div.message-body a {
	color: #358ff1;
}
#phorum div.message-body a:hover {
    color: #ad3826;
    text-decoration: underline;
}
#phorum div.message-body .nav a {
	color: #333;
}
#phorum div.message-body .nav a:hover {
	color: #FFF;
}
#phorum div.message-body img{
	width:auto;
    height:auto;
	max-width:100%;
    max-height:800px;
}
#phorum div.message-body iframe {
    max-width: 100%;
    /*height: auto;*/
}

#phorum div.message-body .twitter-tweet {
    max-width: 550px !important;
}
#phorum div.message-body iframe.instagram-media {
    max-width: 550px !important;
}
#phorum div.message-body .fb-post > span {
	max-width: 374px !important;
}
#phorum div.message-body .fb-post iframe {
	background-color: #fff;
}
#phorum div.message-body .fb-video {
	max-width: 550px !important;
}
#phorum div.message-body .tiktok-embed {
    max-width: 550px !important;
}



#phorum div.message-body .firma{
	margin-top:10px;
    max-height:100px;
    _height:expression(this.scrollHeight > 100? 100 : 'auto');
    overflow:hidden;
}
#phorum div.message-body .firma img{
    max-height:100px;
    _height:expression(this.offsetHeight > 100? 100 : this.offsetHeight);
}

#phorum div.message-body br {
    clear: both;
}

#phorum div.message-date {
    font-size: 12px;
}

#phorum div.message-moderation {
    margin-top: 8px;
    font-size: 12px;
    border-top: 0;
    padding: 6px;
    background-color: #FFE3CB;
    line-height: 20px;
	margin: 0;
}

#phorum div.message-options {
    clear: both;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	align-content: center;
	padding: 8px 16px;
}
#phorum div.message-actions {
	flex-grow: 1;
	text-align: right;
	padding: 12px 0;
}
#phorum div.message-actions ul {
	display: flex;
	padding: 0 0 0 1px;
	margin: 0;
	align-items: center;
	justify-content: flex-end;
	align-content: center;
}
#phorum div.message-actions li {
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none;
}
#phorum div.message-actions li > span.gracias {
	display: none;
	padding: 8px 11px;
	color: #666;
    border: 1px solid #ccc;
	width: 74px;
	margin: 0 0 0 -1px;
	text-align: center;
	background-color: #eef3f8;
}
#phorum div.message-actions a {
	padding: 8px 8px;
	background-color: #fff;
    border: 1px solid #ccc;
	margin: 0 0 0 -1px;
	white-space: nowrap;
}
#phorum div.message-actions a:hover {
	background-color: #2981aa;
	color: #fff;
}
#phorum div.message-actions a:hover i.iconbootstrap::before {
	color: #fff;
}
#phorum div.message-actions .message-action-sep a {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 12px;
}
#phorum div.message-actions .message-action-first a {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#phorum div.message-actions .message-action-last a {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
#phorum div.message-actions a span {
	display: none;
}
#phorum div.message-actions a.voto_positivo {
	background-color: #04a400 !important;
	color: #fff !important;
}
#phorum div.message-actions a.voto_negativo {
	background-color: #bc0000 !important;
	color: #fff !important;
}
#phorum div.message-actions a.voto_positivo .iconbootstrap::before, #phorum div.message-actions a.voto_negativo .iconbootstrap::before {
	color: #FFF !important;
}
#phorum div.message-actions a.voto_positivo:hover {
	background-color: #167714 !important;
}
#phorum div.message-actions a.voto_negativo:hover {
	background-color: #840909 !important;
}

#phorum div.message-actions ul li.message-action-mod a {
	border-color: #fff;
	background-color: #ec8212 !important;
	color: #fff !important;
}
#phorum div.message-actions ul li.message-action-mod a:hover {
	background-color: #ce6b13 !important;
}
#phorum div.message-actions ul li.message-action-first.message-action-mod {
	margin-left: 8px;
}
#phorum div.message-actions ul li.message-action-mod a .iconbootstrap::before, #phorum div.message-actions ul li.message-action-mod a .iconbootstrap::before {
	color: #FFF !important;
}


#phorum div.message-karma {
	flex-grow: 1;
	text-align: left;
	font-size: 12px;
	color: #666;
}

#phorum div.message.message_unapproved {
	border-color: #FF0000;
}
#phorum .mensaje_oculto{
	padding: 16px;
    margin-bottom:20px;
    background-color: #dbe5ee;
    font-size:13px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
}
#phorum .mensaje_oculto u{
	cursor:pointer;
	pointer-events: auto;
}

#phorum div.message.positivo_1 {
	border-color: #c6ddc4;
    background-color: #c6ddc4; 
}
#phorum div.message.positivo_1 div.message-body {
    background-color: #f5fff4; 
}
#phorum div.message.positivo_2{
	color:#222;
	border-color: #99e3af;
    background-color: #99e3af; 
}
#phorum div.message.positivo_2 div.message-body {
    background-color: #c5ffd5; 
}
#phorum div.message.negativo{
	color: #aaa;
}
#phorum div.message.negativo div.message-body {
	color: #aaa;
    background-color: #f4f4f4; 
}
#phorum div.message.negativo a{
	color: #aaa;
}
#phorum div.message.negativo img{
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#phorum div.message.negativo .iconbootstrap::before {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#phorum div.message.negativo .icon::before {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#phorum div.message_preview_cab {
	padding-bottom: 4px;
}


#phorum div.message-reply {
	border-top: 3px solid #fff;
	margin: 0 16px 0px 16px;
}
#phorum .message-reply-link {
	display: block;
	padding: 8px 0;
	font-size: 12px;
    line-height: 18px;
	word-wrap: break-word;
}
#phorum a.message-reply-goto {
	display: inline-block;
	float: right;
	padding: 4px;
	margin: 4px 0 2px 4px;
	background-color: #eef3f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    transition: opacity 0.3s ease;
    opacity: 0;
}
#phorum a.message-reply-goto:hover {
	background-color: #2981aa;
}
#phorum a.message-reply-goto:hover i.iconbootstrap::before {
	color: #fff;
}
#phorum div.message-body.message-body-reply {
	display: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	margin-bottom: 16px;
    height: auto;
	overflow: visible;
}
#phorum div.message-reply.message-reply-act {
}
#phorum .message-reply-act .message-reply-goto {
    opacity: 1;
}
#phorum .message-reply-act div.message-body.message-body-reply {
}

/* Changes styles */


#phorum span.addition {
    background-color: #CBFFCB;
    color: #222;
}

#phorum span.removal {
    background-color: #FFCBCB;
    color: #222;
}


/* Posting styles */

#phorum #post {
    clear: both;
	margin-bottom: 16px;
	padding-bottom: 12px;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);
}

#phorum #post h4 {
	font-size: 16px;
	padding: 0 0 12px 0;
	margin: 0;
}

#phorum #post h6 {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    border-radius: 0px;
    padding: 14px 20px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    background-color: #00c5dc;
    border-color: #00c5dc;
    margin: 0px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#phorum #post .generic {
	padding: 20px 20px 8px 20px;
	position: relative;
}

#phorum #post .generic > div {
	padding: 0;
	margin: 0;
	margin-bottom: 12px;
}

#phorum #post a {
	color: #358ff1;
}
#phorum #post a:hover {
    color: #ad3826;
    text-decoration: underline;
}

#phorum #post ul {
    margin: 2px;
}

#phorum #post ul li {
    font-size: 12px;
}

#phorum #post input[type=text], #phorum #post input[type=password], #phorum #post textarea, #phorum #post select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
    background-color: #dbe5ee;
	border-style: none;
    padding: 7px 8px;
    font-size: 14px;
	color: #222;
	width: 100%;
	max-width: 50%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#phorum #post input[type=text], #phorum #post input[type=password] {
	margin: 2px 0;
}
#phorum #post textarea {
	max-width: 100%;
}
#phorum #post select {
    border: 1px solid #ccc;
    padding: 6px 7px;
	margin: 2px 0;
}
#phorum #post fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}

#phorum #post label {
	display: inline-block;
	padding: 4px 0;
}


#phorum .post-form-avatar {
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

#phorum #post .generic > div.post_especial_mods {
	display: inline-block;
	width: auto;
	padding: 4px;
	background-color: #FFE3CB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#phorum #post-body {
    border: 1px solid #ccc;
    padding: 4px 8px 8px 8px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#phorum #post.post_recent_messages select {
	width: auto;
}

#phorum .g-recaptcha {
	padding-bottom: 12px;
}

#phorum .g-recaptcha > div {
	display: inline-block;
	width: auto;
	margin: 0 auto;
}

#phorum #post-buttons {
    text-align: center;
}
#phorum .post_botones input, #phorum .post_botones button {
	display: inline-block;
	*display: inline;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 18px;
	*line-height: 20px;
	color: #555;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	pointer-events: auto;
	font-weight: bold;
	margin: 2px;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	   	    border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#phorum .post_botones input:hover, #phorum .post_botones button:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	/* Buttons in IE7 don't get borders, so darken on hover */

	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	 -moz-transition: background-position 0.1s linear;
	  -ms-transition: background-position 0.1s linear;
	   -o-transition: background-position 0.1s linear;
		  transition: background-position 0.1s linear;
}
#phorum .post_botones input.post-btn-warning, #phorum .post_botones button.post-btn-warning, 
#phorum .post_botones input.post-btn-warning:hover, #phorum .post_botones button.post-btn-warning:hover, 
#phorum .post_botones input.post-btn-success, #phorum .post_botones button.post-btn-success, 
#phorum .post_botones input.post-btn-success:hover, #phorum .post_botones button.post-btn-success:hover, 
#phorum .post_botones input.post-btn-info, #phorum .post_botones button.post-btn-info, 
#phorum .post_botones input.post-btn-info:hover, #phorum .post_botones button.post-btn-info:hover  {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#phorum .post_botones input.post-btn-warning i.iconbootstrap::before, #phorum .post_botones button.post-btn-warning i.iconbootstrap::before, 
#phorum .post_botones input.post-btn-warning:hover i.iconbootstrap::before, #phorum .post_botones button.post-btn-warning:hover i.iconbootstrap::before, 
#phorum .post_botones input.post-btn-success i.iconbootstrap::before, #phorum .post_botones button.post-btn-success i.iconbootstrap::before, 
#phorum .post_botones input.post-btn-success:hover i.iconbootstrap::before, #phorum .post_botones button.post-btn-success:hover i.iconbootstrap::before, 
#phorum .post_botones input.post-btn-info i.iconbootstrap::before, #phorum .post_botones button.post-btn-info i.iconbootstrap::before, 
#phorum .post_botones input.post-btn-info:hover i.iconbootstrap::before, #phorum .post_botones button.post-btn-info:hover i.iconbootstrap::before  {
	color: #ffffff;
}
#phorum .post_botones input.post-btn-warning, #phorum .post_botones button.post-btn-warning {
	background-color: #faa732;
	*background-color: #f89406;
	background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(top, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
#phorum .post_botones input.post-btn-warning:hover, #phorum .post_botones button.post-btn-warning:hover, 
#phorum .post_botones input.post-btn-warning:active, #phorum .post_botones button.post-btn-warning:active, 
#phorum .post_botones input.post-btn-warning.active, #phorum .post_botones button.post-btn-warning.active, 
#phorum .post_botones input.post-btn-warning.disabled, #phorum .post_botones button.post-btn-warning.disabled, 
#phorum .post_botones input.post-btn-warning[disabled], #phorum .post_botones button.post-btn-warning[disabled] {
	background-color: #f89406;
	*background-color: #df8505;
}
#phorum .post_botones input.post-btn-success, #phorum .post_botones button.post-btn-success {
	background-color: #5bb75b;
	*background-color: #51a351;
	background-image: -ms-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(top, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
#phorum .post_botones input.post-btn-success:hover, #phorum .post_botones button.post-btn-success:hover, 
#phorum .post_botones input.post-btn-success:active, #phorum .post_botones button.post-btn-success:active, 
#phorum .post_botones input.post-btn-success.active, #phorum .post_botones button.post-btn-success.active, 
#phorum .post_botones input.post-btn-success.disabled, #phorum .post_botones button.post-btn-success.disabled, 
#phorum .post_botones input.post-btn-success[disabled], #phorum .post_botones button.post-btn-success[disabled] {
	background-color: #51a351;
	*background-color: #499249;
}
#phorum .post_botones input.post-btn-info, #phorum .post_botones button.post-btn-info {
	background-color: #49afcd;
	*background-color: #2f96b4;
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

#phorum .post_botones input.post-btn-info:hover, #phorum .post_botones button.post-btn-info:hover, 
#phorum .post_botones input.post-btn-info:active, #phorum .post_botones button.post-btn-info:active, 
#phorum .post_botones input.post-btn-info.active, #phorum .post_botones button.post-btn-info.active, 
#phorum .post_botones input.post-btn-info.disabled, #phorum .post_botones button.post-btn-info.disabled, 
#phorum .post_botones input.post-btn-info[disabled], #phorum .post_botones button.post-btn-info[disabled] {
	background-color: #2f96b4;
	*background-color: #2a85a0;
}

#phorum #post-buttons p {
	margin: 30px 20px 12px 20px;
	text-align: justify;
	font-size: 11px;
}

#phorum div.attach-link {
    background-image: url('../templates/nevasport/images/attach.png');
    background-repeat: no-repeat;
    background-position: 1px 2px;
    padding: 4px 10px 2px 21px;
    font-size: 12px;
    font-weight: normal;
}

#phorum #attachment-list td {
    font-size: 12px;
    padding: 6px;
}

#phorum #attachment-list input {
    font-size: 12px;
}

/* Hack editor tools */ 

#editor-tools-subjectsmiley-picker {
	margin-top: 6px;
	margin-left: -148px;
}


/*   BBCode styles  */

#phorum blockquote.bbcode {
    font-size: 10pt;
    margin: 0 0 0 10px;
    background-color:#fdfceb;
}

#phorum blockquote.bbcode>div {
    margin: 0;
    padding: 5px;
    overflow: hidden;
}

#phorum blockquote.bbcode strong {
    font-style: italic;
    margin: 0 0 3px 0;
}

#phorum blockquote.bbcode img{
	max-width:45%;
    height:auto;
}

#phorum pre.bbcode {
    background-color: #fdfceb;
    border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    padding: 8px;
    overflow: auto;
}
#phorum blockquote.bbcode {
    background-color: #fdfceb;
    border: 1px solid #ccc;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
    font-size: 12px;
    margin: 4px 0 6px 6px;
}

#phorum .message-body > blockquote.bbcode {
	max-height: 400px;
    overflow: auto;
    margin-bottom:15px;
}

#phorum .message-body > blockquote.bbcode > div > blockquote.bbcode {
	cursor: pointer;
	pointer-events: auto;
}
#phorum .message-body > blockquote.bbcode > div > blockquote.bbcode::before {
	content: "» ver más citas";
	display: block;
	padding: 5px;
}
#phorum .message-body > blockquote.bbcode > div > blockquote.bbcode:hover::before {
	background-color: #e9e8d8;
}
#phorum .message-body > blockquote.bbcode > div > blockquote.bbcode > div {
	display: none;
}
#phorum .message-body > blockquote.bbcode > div > blockquote.bbcode.bbcode_show {
	cursor: auto;
}
#phorum .message-body > blockquote.bbcode > div > blockquote.bbcode.bbcode_show::before {
	content: "";
	display: none;
}
#phorum .message-body > blockquote.bbcode > div > blockquote.bbcode.bbcode_show > div {
	display: block;
}

#phorum div.message-body.message-body-reply > blockquote.bbcode {
	background-color: #f5f6f7;
	max-height: 300px;
	margin: 0;;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
	box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#phorum div.message-body.message-body-reply > blockquote.bbcode > div {
	padding: 12px;
}

#phorum .left {
	text-align: left;
}
#phorum .right {
	text-align: right;
}
#phorum .center {
	text-align: center;
}

#phorum .galeria_phorum p.titulo{
	font-weight:bold;
    font-size:17px; 
	margin: 20px 0 4px 0;
}
#phorum .galeria_phorum p.titulo iframe{
    display: block;
    margin-bottom: 15px;
}
#phorum .galeria_phorum a.foto{
	float:left;
    margin:10px;
    width:calc(50% - 20px);
}
#phorum .galeria_phorum a.foto img {
    max-width: 100%;
    height: auto;
}
#phorum .message-body > .galeria_phorum a.foto:nth-child(2n){
	clear:both;
}
#phorum blockquote .galeria_phorum p.titulo{
    font-size:14px; 
}
#phorum blockquote .galeria_phorum a.foto{
	float:left;
    margin:10px;
    width:calc(25% - 20px);
    
}
#phorum blockquote .galeria_phorum a.foto:nth-of-type(5n){
	clear:both;
}

#phorum .facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    max-width:800px;
}

#phorum .facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

footer {
	background: #FFF !important;
	margin-top: 0 !important;
	padding-top: 26px !important;
}


/*  Menu  */

#phorum .menu {
}
#phorum .menu_left {
	background-color: #f5f6f7;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#phorum .menu_left ul, #phorum .menu_left li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#phorum .menu_left li li {
	transition: border-left 0.3s ease;
	border-left: 4px solid #f5f6f7;
}
#phorum .menu_left li.current {
	font-weight: bold;
	border-left: 4px solid #005b8d;
}
#phorum .menu_left li li:hover {
	border-left-color: #005b8d;
}
#phorum .menu_left a {
	display: block;
	padding: 6px 0 6px 8px;
	margin: 2px 0;
	text-align: left;
	color:#2B5F97;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#phorum .menu_left a:hover {
	text-decoration: none;
}
#phorum .menu_left .new-flag {
	margin-left: 0;
	font-weight: bold;
}
#phorum .menu_title a {
	font-weight: bold;
	padding: 8px 8px;
	margin: 0;
	color: #444;
}
#phorum .menu_title a i.iconbootstrap {
	float: right;
	margin: 2px -4px 0 4px !important;
}
#phorum .menu_opciones {
	display: none;
	border-top: 3px solid #fff;
}
#phorum .menu.selec .menu_opciones {
	/*display: block;*/
}
#phorum .menu_opciones .generic {
	padding: 0 8px 8px 8px;
}
#phorum #menu_config .menu_opciones .generic {
	padding-top: 8px;
}
#phorum .menu_opciones .generic .iconbootstrap,
#phorum .menu_opciones .generic .fa, 
#phorum .menu_opciones .generic .fas {
    color: #444;
    display: inline-block;
    min-width: 20px;
    text-align: left;
    margin-right: 4px;
}
#phorum .menu_bloque {
	padding: 12px 0 4px 0;
}
#phorum .menu_opciones .moderate {
	padding: 4px 0;
	background-color: #FFE3CB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#phorum .menu_opciones .moderate li {
	border-color: #FFE3CB;
}

#phorum .menu_right h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

#phorum .menu_gauge {
	padding: 12px 0 8px 0;
	font-size: 12px;
}
#phorum .phorum-gaugetable {
    margin-top: 10px;
    border-collapse: collapse;
}

#phorum .phorum-gauge {
    border: 1px solid #344e6e;
    background-color: White;
}

#phorum .phorum-gaugeprefix {
    border: none;
    padding-right: 10px;
}

.sug_header{
	height:26px;
	line-height:24px;
	color:#333;
	font-weight:bold;
	padding:0px 0px 0px 15px;
        /* CHANGE LOCATION OF UI THEME IMAGE */
	background:#89a url(https://www.nevasport.com/jquery/images/ui-bg_glass_65_ffffff_1x400.png) repeat-x left center;
}
 
.suggestionsBox {
    left: 30px;
    margin: 20px 0px 0px 0px;
    width: 300px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    border:1px solid #8B4513;
    background-color:#F7EECD;
    padding:5px;
    color:black;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {

    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
    list-style-type: none;
}

.suggestionList li:hover {
    background-color: #659CD8;
}


#phorum .menu .post_botones {
	padding-bottom: 16px;
}
#phorum .list.list_pm {
	margin-bottom: 20px;
}
#phorum .list.list_pm .tdx2 {
	width: 150px;
	text-align: left;
}
#phorum .list.list_pm .tdx3 {
	width: 120px;
	text-align: left;
	font-size: 13px;
}
#phorum .list.list_pm .tdx4 {
	width: 86px;
	text-align: left;
}
#phorum .list.list_pm .last_author {
	font-weight: normal;
}
#phorum .menu .post_formulario {
	padding-bottom: 20px;
}
#phorum .menu .post_formulario {
}

#phorum .menu .post_formulario input[type=text], 
#phorum .menu .post_formulario input[type=password], 
#phorum .menu .post_formulario textarea, 
#phorum .menu .post_formulario select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
    background-color: #efefef;
	border-style: none;
    padding: 7px 8px;
    font-size: 14px;
	color: #222;
	width: 100%;
	max-width: 50%;
	margin: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#phorum .menu .post_formulario textarea {
	max-width: 100%;
}
#phorum .menu .post_formulario select {
	border: 1px solid #ccc;
    padding: 6px 7px;
}
#phorum .menu .post_formulario fieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}
#phorum .phorum-recipientblock {
	padding-top: 8px;
}
#phorum .phorum-recipientblock .last_author {
	margin-right: 12px;
}
#phorum img.icono_author {
    width: 24px;
    height: 24px;
    margin-right: 4px;
	margin-top: -2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;	
}
#phorum .phorum-recipientblock img.icono_author {
	margin-top: 2px;
}
#phorum .post_pm_preview_from, #phorum .post_pm_preview_to {
	display: inline-block;
	padding: 8px 0;
	word-wrap: break-word;
}
#phorum .post_pm_preview_from {
	margin-right: 28px;
}
#phorum .pm_message-author {
	padding: 6px 0;
	font-weight: bold;
}
#phorum .pm_message-author .new-flag {
	margin: 2px 0;
}
#phorum .pm_message-date {
	padding: 4px 0;
}
#phorum .pm_buddies .list.list_pm .tdx3 {
    width: 150px;
}

#phorum #post.post_search h4 {
	padding-bottom: 0;
}

#phorum .list.list_search .td {
	padding: 12px 2px;
}
#phorum .list.list_search h4 {
	font-weight: bold;
	padding: 0 4px 4px 4px;
}
#phorum .list.list_search .list_message_date {
	font-size: 12px;
}
#phorum .list.list_search .list_message, #phorum .list.list_search .list_search_message, #phorum .list.list_search .list_search_author {
	flex: 1 1 100%;
}
#phorum .list.list_search .list_search_message {
	padding: 0 4px; 
	font-size: 13px;
}
#phorum .list.list_search .list_search_message_cont {
	display: block;
	padding: 4px;
	background-color: #f5f6f7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
#phorum .list.list_search .alt .list_search_message_cont {
	background-color: #fff;
}
#phorum .list.list_search .list_search_author {
	padding: 8px 4px 0 4px;
	font-size: 13px;
}

#phorum #post.post_topic_poll input.voting_poll_votingtime {
	max-width: 70px;
}

#phorum .list .table h4 i.iconbootstrap.voting_poll_icon_new::before {
	color: #2981aa;
}
#phorum .list .table h4 i.iconbootstrap.voting_poll_icon_old::before {
	color: #aaa;
}

/* Cambiar iconos editor-tools del formulario por FontAwesome */ 

#phorum #editor-tools {
	position: relative;
	padding: 0 2px 4px 2px !important;
	margin-bottom: 4px !important;
}

#phorum #editor-tools *, #phorum #post #editor-tools-a-subjectsmiley, #phorum #post #editor-tools-a-subjectsmiley * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#phorum #editor-tools > a, #phorum #post #editor-tools-a-subjectsmiley {
	display: inline-block;
	width: 31px;
	height: 32px;
	line-height: 24px;
	padding: 2px;
	margin: 1px;
	border: 1px solid #ccc;
	background-color: #f5f6f7;
	text-align: center;
}
#phorum #editor-tools > a:hover, #phorum #post #editor-tools-a-subjectsmiley:hover {
	border-color: #666;
}
#phorum #editor-tools > a > img, #phorum #post #editor-tools-a-subjectsmiley > img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
    margin: 0px !important;
	padding: 0px !important;
    background-color: transparent !important;
    border-style: none !important;
    vertical-align: middle !important;
}
#phorum #editor-tools > a#editor-tools-a-help {
	float: right;
	margin: 1px -2px 1px 1px;
	border-style: none;
	background-color: transparent;
	line-height: 30px;
}

#phorum #post #editor-tools-a-subjectsmiley {
	margin: 0 0 0 -31px;
	border-style: none;
	background-color: transparent;
	line-height: 30px;
}

#phorum #editor-tools #editor-tools-a-emoji-picker {
	position: absolute;
	z-index: 3;
	bottom: -36px;
	right: 0;
	margin: 0;
	border-style: none;
	background-color: transparent;
	line-height: 30px;
}

#phorum #editor-tools #editor-tools-a-help > img, 
#phorum #editor-tools #editor-tools-a-b > img, 
#phorum #editor-tools #editor-tools-a-i > img, 
#phorum #editor-tools #editor-tools-a-u > img, 
#phorum #editor-tools #editor-tools-a-s > img, 
#phorum #editor-tools #editor-tools-a-sub > img, 
#phorum #editor-tools #editor-tools-a-sup > img, 
#phorum #editor-tools #editor-tools-a-color > img, 
#phorum #editor-tools #editor-tools-a-size > img, 
#phorum #editor-tools #editor-tools-a-url > img, 
#phorum #editor-tools #editor-tools-a-img > img, 
#phorum #editor-tools #editor-tools-a-hr > img, 
#phorum #editor-tools #editor-tools-a-quote > img, 
#phorum #editor-tools #editor-tools-a-code > img, 
#phorum #editor-tools #editor-tools-a-center > img, 
#phorum #editor-tools #editor-tools-a-emoji-picker > img, 
#phorum #editor-tools #editor-tools-a-bbcode_video > img, 
#phorum #editor-tools #editor-tools-a-subir-foto > img, 
#phorum #editor-tools #editor-tools-a-galeria > img, 
#phorum #editor-tools #editor-tools-a-fb > img, 
#phorum #editor-tools #editor-tools-a-tw > img, 
#phorum #editor-tools #editor-tools-a-ig > img, 
#phorum #post #editor-tools-a-subjectsmiley > img {
	display: none !important;
}

#phorum #editor-tools #editor-tools-a-help::before, 
#phorum #editor-tools #editor-tools-a-b::before, 
#phorum #editor-tools #editor-tools-a-i::before, 
#phorum #editor-tools #editor-tools-a-u::before, 
#phorum #editor-tools #editor-tools-a-s::before, 
#phorum #editor-tools #editor-tools-a-sub::before, 
#phorum #editor-tools #editor-tools-a-sup::before, 
#phorum #editor-tools #editor-tools-a-color::before, 
#phorum #editor-tools #editor-tools-a-size::before, 
#phorum #editor-tools #editor-tools-a-url::before, 
#phorum #editor-tools #editor-tools-a-img::before, 
#phorum #editor-tools #editor-tools-a-hr::before, 
#phorum #editor-tools #editor-tools-a-quote::before, 
#phorum #editor-tools #editor-tools-a-code::before, 
#phorum #editor-tools #editor-tools-a-center::before, 
#phorum #editor-tools #editor-tools-a-emoji-picker::before, 
#phorum #editor-tools #editor-tools-a-bbcode_video::before, 
#phorum #editor-tools #editor-tools-a-subir-foto::before, 
#phorum #editor-tools #editor-tools-a-galeria::before, 
#phorum #editor-tools #editor-tools-a-fb::before, 
#phorum #editor-tools #editor-tools-a-tw::before, 
#phorum #editor-tools #editor-tools-a-ig::before, 
#phorum #post #editor-tools-a-subjectsmiley::before {
	font-family: "Font Awesome 5 Free";
    display: inline-block;
	line-height: 26px;
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
    width: 100%;
	height: 100%;
	font-size: 14px;
	color:#444;
	text-align: center;
	vertical-align: middle;
}

#phorum #editor-tools #editor-tools-a-b::before { content: "\f032"; }
#phorum #editor-tools #editor-tools-a-i::before { content: "\f033"; }
#phorum #editor-tools #editor-tools-a-u::before { content: "\f0cd"; }
#phorum #editor-tools #editor-tools-a-s::before { content: "\f0cc"; }
#phorum #editor-tools #editor-tools-a-sub::before { content: "\f12c"; }
#phorum #editor-tools #editor-tools-a-sup::before { content: "\f12b"; }
#phorum #editor-tools #editor-tools-a-color::before { content: "\f53f"; }
#phorum #editor-tools #editor-tools-a-size::before { content: "\f034"; }
#phorum #editor-tools #editor-tools-a-url::before { content: "\f0c1"; }
#phorum #editor-tools #editor-tools-a-img::before { content: "\f03e"; }
#phorum #editor-tools #editor-tools-a-hr::before { content: "\f068"; }
#phorum #editor-tools #editor-tools-a-quote::before { content: "\f10e"; }
#phorum #editor-tools #editor-tools-a-code::before { content: "\f121"; }
#phorum #editor-tools #editor-tools-a-center::before { content: "\f037"; }
#phorum #editor-tools #editor-tools-a-bbcode_video::before { content: "\f008"; }
#phorum #editor-tools #editor-tools-a-subir-foto::before { content: "\f030"; }
#phorum #editor-tools #editor-tools-a-galeria::before { content: "\f302"; }
#phorum #editor-tools #editor-tools-a-fb::before { 
	font-family: "Font Awesome 5 Brands";
	content: "\f39e"; 
}
#phorum #editor-tools #editor-tools-a-tw::before { 
	font-family: "Font Awesome 5 Brands";
	content: "\f099"; 
}
#phorum #editor-tools #editor-tools-a-ig::before { 
	font-family: "Font Awesome 5 Brands";
	content: "\f16d"; 
}
#phorum #editor-tools #editor-tools-a-help::before { 
	content: "\f059";
	font-size: 16px;
	color: #bbb;
}
#phorum #editor-tools #editor-tools-a-emoji-picker::before, #phorum #post #editor-tools-a-subjectsmiley::before {
	content: "\f580";
	font-size: 16px;
	font-weight: normal;
	color: #2981aa;
}

#phorum #editor-tools #editor-tools-img-ttk,
#phorum #editor-tools #editor-tools-img-ttkdark { 
	width: 18px !important;
	height: 16px !important;
	margin: 2px 2px !important;
}
#phorum #editor-tools #editor-tools-a-ttkdark { 
	display: none;
}


#phorum #editor-tools #editor-tools-a-help:hover::before { 
	color: #666;
}
#phorum #editor-tools #editor-tools-a-emoji-picker:hover::before, #phorum #post #editor-tools-a-subjectsmiley:hover::before {
	color: #ad3826;
}

#phorum #editor-tools > a#editor-tools-a-subir-foto {
	width: 97px;
}
#phorum #editor-tools #editor-tools-a-subir-foto::before {
	width: 24px;
	font-size: 16px;
}
#phorum #editor-tools #editor-tools-a-subir-foto::after {
	content: "Subir fotos";
    display: inline-block;
    width: auto;
	height: 100%;
	padding-left: 2px;
	line-height: 26px;
	font-weight: bold;
	font-size: 11px;
	color:#444;
	text-align: center;
	vertical-align: middle;
}

#phorum #post.post_pm input#subject,
#phorum #post-form input#subject {
	padding-right: 32px;
}

#phorum .post_pm #editor-tools #editor-tools-a-content, 
#phorum .post_pm #editor-tools #editor-tools-a-laugh, 
#phorum .post_pm #editor-tools #editor-tools-a-frown, 
#phorum .post_pm #editor-tools #editor-tools-a-grrr, 
#phorum .post_pm #editor-tools #editor-tools-a-oooooooooh, 
#phorum .post_pm #editor-tools #editor-tools-a-llorando, 
#phorum .post_pm #editor-tools #editor-tools-a-hein, 
#phorum .post_pm #editor-tools #editor-tools-a-diable, 
#phorum .post_pm #editor-tools #editor-tools-a-cool {
	display: none !important;
}

#phorum table.list {
	width: 100%;
}
#phorum table.list th {
	padding: 2px;
	font-size: 12px;
	border-bottom: 3px solid #ad3826;
	text-align: left;
}
#phorum table.list td {
	padding: 2px;
	border-bottom: 1px solid #e6e6e6;
	text-align: left;
}
#phorum table.list th.center, #phorum table.list td.center {
	text-align: center;
}
#phorum table.list th.right, #phorum table.list td.right {
	text-align: right;
}
#phorum table.list td.alt {
	padding: 4px 2px;
	background-color: #f5f6f7;
}

#phorum .post_avatar_image {
	max-width: 120px;
	height: auto;
}

#phorum .wrap {
	display: inline-block;
	max-width: 100%;
	word-break: break-word;
}
#phorum td.wrap {
	display: table-cell;
	max-width: none;
}

#phorum dl {
	margin: 12px 0;
}
#phorum dt {
	margin-top: 12px;
	padding: 2px 0;
	font-weight: bold;
}
#phorum dd {
	padding: 4px 0;
	margin: 0 0 0 20px;
}

#phorum #post.form_prepost_filter select {
	max-width: 220px;
}

#phorum #post.form_prepost_filter select#form_prepost_filter_moddays {
	max-width: 160px;
}

#phorum .list.list_prepost .list_author {
    flex: 1 0 100% !important;
}
#phorum .list.list_prepost .list_author_block {
    max-width: 100%;
    overflow: auto;
    white-space: normal;
}
#phorum .list.list_prepost .list_icon {
	padding-top: 6px;
	text-align: center;
}


#phorum #post.post_subscriptions select {
	max-width: 160px;
}

#phorum .list_subscriptions select {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    background-color: #dbe5ee;
    font-size: 14px;
    color: #222;
    width: auto;
    max-width: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 6px 7px;
}

#phorum #post.post_usersettings textarea {
	height: 100px;
}


/* formularios overlay */ 

.form_overlay {
	font-family: "Montserrat";
	font-weight:300;
	font-size: 14px;
}
.form_overlay * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form_overlay .validateTips {
	margin: 0;
	padding-bottom: 4px;
}
.form_overlay form {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	max-height: 400px;
	overflow-y: auto;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.form_overlay form fieldset {
	display: block;
	width: 100%;
	margin: 0;
	padding: 4px;
	border-style: none;
}
.form_overlay label {
	display: inline-block;
	margin: 0;
	padding: 8px 0 4px 0;
	font-size: 92%;
	font-weight: 600;
}
.form_overlay input[type=text], .form_overlay input[type=password], .form_overlay textarea, .form_overlay select {
	font-family: 'Montserrat', sans-serif;
    background-color: #dbe5ee;
	border-style: none;
    padding: 7px 8px;
	margin: 2px 0;
    font-size: 13px;
	color: #222;
	width: 100%;
	max-width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.form_overlay textarea {
	height: 100px;
}
.form_overlay select {
    border: 1px solid #ccc;
    padding: 6px 7px;
}
.form_overlay .acciones_form {
	padding-top: 12px;
	text-align: center;
}
.form_overlay .acciones_form input, .form_overlay .acciones_form button {
	font-weight: bold;
}

#form_chapas img {
	margin: 4px 6px -20px 6px;
	vertical-align: bottom;
}

#perfil_chapas {
	padding: 0;
	margin: 0;
}
#perfil_chapas ul {
	background-color: #fff;
	padding: 0;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	text-align: left;
}
#perfil_chapas ul li {
	display: inline-block;
	margin: 4px;
	width: 56px;
	height: 56px;
	text-align: center;
}
#perfil_chapas ul li img {
	width: 100%;
	height: 100%;
}

#phorum .pm_barra {
	padding-bottom: 20px;
}
#phorum .pm_barra .nav3_nuevo {
	float: right;
	padding: 14px 0;
}
#phorum .pm_barra .nav3_nuevo a {
	margin: 2px;
	padding: 12px 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*****************************************************************/
/**********     INICIO MEDIA QUERY PANTALLAS SIZE S     **********/
/*****************************************************************/

@media (max-width: 639px) {
	
	.hide_s {
		display: none !important;
	}
	
	#phorum {
		padding: 16px 6px;
	}
	
	#phorum .nav3_left .nav3_botonera {
 	   text-align: center;
	}
	#phorum .nav_left {
 	   justify-content: center;
	}
	
	#phorum .nav3 .pagina_actual {
		display: none;
	}
	
	#phorum .cinta_posting {
		height: 120px;
	}

	#phorum .pastilla_ofertas_pie {
		width: 300px;
		height: 365px;
		margin: 20px auto 0 auto;
	}
	
	#phorum .list.list_recent_messages .trx100 .td {
		padding: 8px 0px;
		background-color: #fff;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-bottom: 3px solid #ad3826;
		margin-top: 12px;
	}
	
	#phorum .index_title h3 a:hover {
		text-decoration: none;
	}
	#phorum .index_last {
		display: none;
	}
	#phorum .index_actions {
		padding-bottom: 0;
	}	
	#phorum .index_details {
		display: none;
	}
	#phorum .index_title_last {
		display: block;
	}
	
	#phorum .list .thead, #phorum .list .tdx2, #phorum .list .tdx3, #phorum .list .tdx4, #phorum .list .tdx5 {
		display: none !important;
	}

	#phorum .list .table, #phorum .list .tr, #phorum .list .th, #phorum .list .td {
		display: block;
		width: 100%;
	}
	
	#phorum .list .tr {
		margin: 12px 0;
	}
	#phorum .list .td {
		background-color: #f5f6f7;
		border-bottom-style: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
		-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
	}
	#phorum .list .alt .td {
		background-color: #f5f6f7;
	}
	
	#phorum .list .list_author {
		display: none !important;
	}
	#phorum .list .list_paging {
		text-align: left;
		padding-left: 4px;
	}
	
	#phorum .list_paging a {
		background-color: #FFF !important;
	}
	
	#phorum .list .list_last_moved {
		padding-left: 3px;
	}
	
	#phorum .list.list_recent_messages .list_last {
		display: flex;
		flex-direction: row;
		flex-flow: row;
		align-content: stretch;
		align-items: stretch;
		justify-content: flex-start;
		flex-grow: 2;
		border-top: 2px solid #fff;
		padding: 8px 4px 4px 4px;
		margin-top: 8px;
	}
	#phorum .list.list_recent_messages .list_last_author {	
		flex: 1 1 60%;
		align-self: flex-start;
		max-width: none;
		text-align: left;
	}
	#phorum .list.list_recent_messages .list_last_date {
		flex: 1 1 40%;
		align-self: flex-end;
		max-width: none;
		text-align: right;
	}
	
	#phorum div.message div.generic {
		padding: 4px 8px;
	}
	
	#phorum div.message-details strong {
		font-size: 13px;
	}
	
	#phorum div.message-body {
		padding: 20px 8px;
	}
	#phorum div.message-body iframe {
		max-width: 100%;
		/*height: auto;*/
	}
	#phorum div.message-body iframe.youtube_embed {
		height: 200px;
	}
	
	#phorum div.message-options {
		display: block;
		padding: 8px 0px;
	}
	#phorum div.message-actions {
		display: block;
		text-align: center;
	}
	#phorum div.message-actions ul {
		justify-content: center;
	}
	#phorum div.message-karma {
		display: block;
		text-align: center;
		padding-top: 4px;
		font-size: 11px;
	}
	
	#phorum div.message-reply {
		margin: 0 8px 0 8px;
		font-size: 12px;
	}
	
	#phorum .message-reply-link {
	padding: 9px 0;
	}

	#phorum .galeria_phorum a.foto{
		float: none;
		display: inline-block;
		margin: 8px 0;
		width:100%;
	}
	#phorum .message-body > blockquote.bbcode {
		max-height: 250px;
	}
	#phorum blockquote .galeria_phorum a.foto{
		width:calc(50% - 20px);
	}
	
	#phorum #post .generic {
		padding: 8px;
	}
	
	#phorum #post input[type=text], #phorum #post input[type=password] {
		max-width: 90%;
	}
	
	#phorumHeader .header_options{
		display: none;
		flex:0 0 140px;
	}
	#phorumHeader h2{
		max-width: 100%;
		font-size: 22px;
	}
	#phorumHeader h2.phorumHeader_perfil{
		font-size: 26px;
	}
	

	#phorum .list.list_pm .tr {
		display: flex;
		padding: 4px;
		flex-flow: row;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: stretch;
		justify-content: center;
		background-color: #f5f6f7;
		-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
		-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.35);
	}
	#phorum .list.list_pm .td {
		flex: 1 1 auto;
		padding: 4px 4px;
		text-align: left;
		align-self: stretch;
		display: flex;
		align-items: center;
		justify-content: flex-start;		
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	#phorum .list.list_pm .tdx0 {
		flex: 0 1 32px;
		padding: 8px 8px;
		border-bottom: 2px solid #fff;
		justify-content: center;
	}
	#phorum .list.list_pm .tdx1 {
		flex: 1 1 70%;
		border-bottom: 2px solid #fff;
	}
	#phorum .list.list_pm .tdx1 a {
		display: block;
		width: 100%;
		padding: 4px 0;
	}
	#phorum .list.list_pm .tdx2 {
		flex: 1 1 60%;
	}
	#phorum .list.list_pm .tdx3 {
		flex: 1 1 40%;
		text-align: right;
		justify-content: flex-end;
		flex-wrap: wrap;
		flex-flow: column;
		flex-grow: 1;
	}
	#phorum .list.list_pm .tdx3 > div {
		flex: 1 1 100%;
		align-self: flex-end;
	}
	
	#phorum .list.list_pm .tdx2, #phorum .list.list_pm .tdx3 {
		display: flex !important;
		align-self: center;
		font-size: 13px;
	}
	
	#phorum .list.list_pm .last_author img {
		margin-right: 9px;
	}
	
	#phorum .post_search #phorum_search_match_forum, #phorum .post_search #phorum_search_match_threads, #phorum .post_search #phorum_search_match_dates {
		max-width: 90%;
	}
	
	#phorum .list.list_search .list_search_message_cont {
		background-color: #fff;
	}
	
	#phorum #post.post_topic_poll select {
		max-width: 90%;
	}
	
	#phorum #post #subject {
		max-width: 100%;
	}
	
	#phorum #editor-tools #editor-tools-a-content, 
	#phorum #editor-tools #editor-tools-a-laugh, 
	#phorum #editor-tools #editor-tools-a-frown, 
	#phorum #editor-tools #editor-tools-a-grrr, 
	#phorum #editor-tools #editor-tools-a-oooooooooh, 
	#phorum #editor-tools #editor-tools-a-llorando, 
	#phorum #editor-tools #editor-tools-a-hein, 
	#phorum #editor-tools #editor-tools-a-diable, 
	#phorum #editor-tools #editor-tools-a-cool {
		display: none !important;
	}
	
	.editor-tools-popup {
		left: 26px !important;
		width: calc( 100% - 74px ) !important;
	}
	
	#dhtmlgoodies_colorPicker {
		left: 26px !important;
		width: calc( 100% - 52px ) !important;
	}
	#dhtmlgoodies_colorPicker .colorPicker_topRow, #dhtmlgoodies_colorPicker .colorPicker_statusBar {
		width: calc( 100% - 2px ) !important;
	}
	#dhtmlgoodies_colorPicker .js_color_picker_allColorDiv {
		width: 247px;
	}
	
	#phorum #post.post_move_form select {
		max-width: 100%;
	}
	
	#phorum .post_avatar_edit .post_avatar_image {
		max-width: 70px;
		height: auto;
	}
	
	#phorum #post input[type=file] {
		width: 250px;
	}
	
	#phorum #post .post_groupmod_list_status {
		max-width: 100%;
	}
	
	#phorum .list.list_prepost .list_author {
		display: block !important;
	}
	
	#phorum .list.list_prepost .thead {
		display: block !important;
	}
	
	#phorum .list.list_subscriptions .td.tdx1 {
		padding-bottom: 56px;
	}
	#phorum .list.list_subscriptions .td.tdx3 {
    	display: block !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		border-top: 2px solid #fff;
		margin-top: -50px;
		text-align: right;
		padding-right: 8px;
	}
	
	#phorum #post.post_usersettings select {
		max-width: 100%;
	}
	
	#phorum .pm_barra {
		padding-bottom: 0px;
	}
	#phorum .pm_barra .nav3_nuevo {
		float: none;
		display: inline-block;
		width: auto;
	}
	
} /* end media query pantallas Size S */


/*****************************************************************/
/**********     INICIO MEDIA QUERY PANTALLAS SIZE M     **********/
/*****************************************************************/

@media (min-width: 640px) and (max-width: 1069px) {
	
	.hide_m {
		display: none !important;
	}
	
	#phorumHeader h2{
		font-size: 28px;
		max-width: calc(100% - 180px)
	}
	#phorumHeader h2.phorumHeader_perfil{
		font-size: 32px;
		max-width: calc(100% - 215px);
	}
	
	#phorum .nav3.nav3_menu {
		flex-direction: row-reverse;
	}
	#phorum .nav3_right {
		flex: 0 0 180px;
		height: auto;
		margin-bottom: 0;
	}
	#phorum .nav3_right_cont {
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap;
		flex-flow: column-reverse;
		align-content: stretch;
		align-items: stretch;
		height: 100%;
		justify-content: space-between;
	}
	#phorum .nav3_nuevo {
		flex: 1 1 auto;
		width: auto;
		float: none;
		padding-right: 0;
		padding-top: 2px;
	}
	#phorum .nav3_foros {
		flex: 1 1 auto;
		width: auto;
		float: none;
		padding-left: 0;
		padding-bottom: 2px;
	}
	#phorum .nav3_left {
		flex: 1 1 auto;
	}
	#phorum .nav3_left_cont {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		flex-flow: column;
		align-content: stretch;
		align-items: stretch;
		height: 100%;
	}
	#phorum .nav3_botonera {
		flex: 1 1 auto;
		margin: 2px 8px 4px 2px;
	}
	#phorum .nav3_menu .paging {
		flex: 1 1 auto;
		margin: 4px 8px 2px 2px;
		text-align: left;
	}
	
	#phorum .list .table .tr:first-child .td {
		border-top: 1px solid #ccc;
	}
	
	#phorum .list .tdx4 {
		width: 180px;
		font-size: 12px;
	}
	#phorum .list .last_author {
		width: 176px;
	}
	
	#phorum .list .list_last {
		display: none !important;
	}
	#phorum .list .list_author {
		flex-basis: 55%;
	}
	#phorum .list .list_paging {
		flex-basis: 45%;
	}

	#phorum .list .list_author_block {
		max-width: 180px;
	}
	
	#phorum div.message-author {
		flex-basis: 180px;
		font-size: 15px;
	}
	#phorum div.message .avatar {
		height: 45px;
		width: 45px;
	}
	
	#phorum div.message-actions {
		order: 2;
	}
	#phorum div.message-karma {
		order: 1;
	}
	
	#phorum #post input[type=text], #phorum #post input[type=password] {
		max-width: 72%;
	}
	
	#phorum .post_search #phorum_search_match_type, #phorum .post_search #phorum_search_match_forum {
		max-width: 72%;
	}
	
	#phorum #post.post_topic_poll select {
		max-width: 72%;
	}
	
	.form_overlay form {
		max-height: 400px;
	}
	
} /* end media query pantallas Size M */


/*****************************************************************/
/**********     INICIO MEDIA QUERY PANTALLAS SIZE L     **********/
/*****************************************************************/
@media (min-width: 1060px) {
	
	.hide_l {
		display: none !important;
	}
	
	#phorum .nav3.nav3_menu {
		flex-direction: row-reverse;
	}
	#phorum .nav3_right {
		flex: 0 0 120px;
		height: auto;
		margin-bottom: 0;
	}
	#phorum .nav3_right_cont {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		flex-flow: row;
		align-content: stretch;
		align-items: flex-end;
		height: 100%;
	}
	#phorum .nav3_nuevo {
		flex: 1 1 auto;
		width: auto;
		float: none;
		padding-right: 0;
	}
	#phorum .nav3_nuevo a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	#phorum .nav3_foros {
		display: none !important;
	}
    #phorumHeader .header_options div.foroselect{
        display: inline-block;
    }
	#phorum .nav3_left {
		flex: 1 1 auto;
	}
	#phorum .nav3_left_cont {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		flex-flow: row;
		align-content: stretch;
		align-items: flex-end;
		height: 100%;
	}
	#phorum .nav3_botonera {
		flex: 1 1 60%;
		margin: 5px 8px 5px 0;
	}
	#phorum .nav3_menu .paging {
		flex: 1 1 40%;
		margin: 0 8px 0 0;
		text-align: center;
		align-self: center;
	}
	
	#phorum .cuerpo_phorum .list #div-pastilla-robapaginas {
		position: absolute;
		z-index: 2;
		top: 42px;
		right: -308px;
		width: 300px;
		padding: 0;
		margin: 0;
		overflow: visible;
	}
	#phorum .cuerpo_phorum .list #div-pastilla-robapaginas::before {
		position: absolute;
		display: block;
		content: " ";
		top: -42px;
		right: 0px;
		width: 308px;
		height: 27px;
		background-color: #dbe5ee;
		border-bottom: 3px solid #ad3826;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	#phorum .cuerpo_phorum .list #div-pastilla-Nevasport_300x600 {
		position: absolute;
		z-index: 2;
		top: 304px;
		right: -308px;
		width: 300px;
		padding: 0;
		margin: 0;
	}
	
	#phorum .cuerpo_phorum .list {
		float: left;
		width: calc(100% - 308px);
	}
	
	#phorum .cuerpo_phorum .columna_foro {
		display: block;
		float: right;
		z-index: 1;
		padding-top: 566px; 
		width: 300px;
	}
	.banner_nevasport_300x600 #phorum .cuerpo_phorum .columna_foro {
		padding-top: 916px; 
	}
	
	#phorum .list .list_last {
		display: none !important;
	}
	
	#phorum .list .list_block {
		padding-left: 32px;
	}
	#phorum .list .list_icon {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 32px;
	}
	#phorum .list .list_icon a {
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}
	
	#phorum .list .list_author {
		padding-left: 0;
	}

	#phorum .list.list_recent_messages .tdx4 {
		width: 250px;
	}
	
	body.banner_mediapagina_lateral #phorum.phorum_read {
		min-height: 640px;
	}
	
	#phorum div.message-author {
		flex-basis: 220px;
		font-size: 16px;
	}
	#phorum div.message .avatar {
		height: 60px;
		width: 60px;
	}
	
	#phorum div.message-actions {
		order: 2;
	}
	#phorum div.message-actions a span {
		display: inline-block;
	}
	#phorum div.message-actions li > span.gracias {
		padding: 8px 70px;
	}
	#phorum div.message-karma {
		order: 1;
	}
	
	#phorum .menu {
		display: flex;
		flex-flow: row;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: flex-start;
		align-content: flex-start;
	}
	#phorum .menu_left {
		flex: 1 1 25%;
	}
	#phorum .menu_left .menu_title {
		display: none !important;
	}
	#phorum .menu_left .menu_opciones {
		border-top-style: none;
		display: block !important;
	}
	#phorum .menu_right {
		flex: 1 1 75%;
		padding-left: 20px; 
	}
	
	#phorum #post .generic > div.post_especial_mods {
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	#phorum .post_search #phorum_search_match_type, #phorum .post_search #phorum_search_match_dates {
		max-width: 30%;
	}
	
	#phorum .list.list_search .list_block {
		padding-left: 0px;
	}
	
	#phorum .list.list_prepost .tdx4 {
		width: 200px;
	}	
	
	.form_overlay form {
		max-height: 500px;
	}
	
} /* end media query pantallas Size L */



/*****   HACK GRID S   *****/
@media (max-width: 768px) {
	#phorum .index > div > div {
		margin-top: 8px;
		margin-bottom: 8px;
	}
}


/*****************************************************************************
 *  CARD DE LISTADO DEL FORO (include_2019/lib_listados_foro.php)
 *  Card reutilizable para listados (actividad relevante, mensajes recientes,
 *  temas recientes/actualizados). Mobile-first: por defecto 1 columna, layout
 *  de 2 columnas (contenido/imagen) desde 768px.
 *  Colores base tomados de #phorum div.message / .message.positivo_1/2 (ver
 *  CLAUDE.md, seccion "Componente: Card de listado del foro").
 *****************************************************************************/

#phorum .list.actividad_reciente {
	text-align: left;
}
@media (min-width: 1060px) {
    #phorum .cuerpo_phorum .list.actividad_reciente #div-pastilla-robapaginas {
		top: 0px;
	}
	#phorum .cuerpo_phorum .list.actividad_reciente #div-pastilla-robapaginas::before {
		display: none;
		content: '';
	}
	#phorum .cuerpo_phorum .list.actividad_reciente #div-pastilla-Nevasport_300x600 {
		top: 262px;
	}
	#phorum .cuerpo_phorum .columna_foro.actividad_reciente {
		padding-top: 524px;
	}
	.banner_nevasport_300x600 #phorum .cuerpo_phorum .columna_foro.actividad_reciente {
		padding-top: 874px;
	}
}
#phorum .card-mensaje {
	/* fr, no %: con % + column-gap, las columnas (65%+35%=100%) no dejan
	   hueco para el gap y la de imagen se sale del content-box (bug real en
	   produccion, ver CLAUDE.md). fr reparte el espacio DESPUES de restar
	   los gaps, evitando el desbordamiento. */
	--card-mensaje-contenido: 65fr;
	--card-mensaje-imagen: 35fr;
	--card-mensaje-imagen-ratio: 4 / 3;

	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
		"subject"
		"cab"
		"imagen"
		"snippet"
		"respuestas";
	gap: 8px 16px;
	margin-bottom: 20px;
	padding: 8px;
	border: 4px solid #dbe5ee;
	background-color: #dbe5ee;
	color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.35);
}

/* Neutraliza el reset legacy "#phorum .list *" (misma especificidad, fuerza
   position:relative en TODO descendiente de .list - la card vive dentro de
   .list para heredar su layout de 2 columnas, ver CLAUDE.md). Sin esto, el
   <h3 class="card-mensaje__subject"> (y cualquier otro hijo) se convierte en
   el contenedor de posicionamiento del ::after del stretched-link en vez de
   .card-mensaje, y el enlace de toda la card solo cubre el titulo. Va ANTES
   de las reglas __imagen/__imagen img/__badge--nuevo/enlaces superpuestos de
   mas abajo para que esas (misma especificidad, declaradas despues) puedan
   volver a fijar su propio position sin problema. */
#phorum .card-mensaje * {
	position: static;
}

#phorum .card-mensaje--sin-imagen {
	grid-template-areas:
		"subject"
		"cab"
		"snippet"
		"respuestas";
}
/* Sin .card-mensaje__respuestas (cards que son respuesta, no tema raiz): se
   quita la fila "respuestas" del grid en vez de dejarla vacia - si no, el
   row-gap antes de esa fila fantasma (sin contenido) sigue contando, y en
   desktop (ver @media mas abajo) el height:100% de .card-mensaje__imagen
   (que se estira para igualar el alto de la columna de contenido, ver
   CLAUDE.md) queda 8px mas alto que el contenido real. */
#phorum .card-mensaje--sin-respuestas {
	grid-template-areas:
		"subject"
		"cab"
		"imagen"
		"snippet";
}
#phorum .card-mensaje--sin-imagen.card-mensaje--sin-respuestas {
	grid-template-areas:
		"subject"
		"cab"
		"snippet";
}
#phorum .card-mensaje--destacado {
	border-color: #c6ddc4;
	background-color: #c6ddc4;
}
#phorum .card-mensaje--superdestacado {
	border-color: #99e3af;
	background-color: #99e3af;
	color: #222;
}

@media (min-width: 768px) {
	#phorum .card-mensaje {
		grid-template-columns: var(--card-mensaje-contenido) var(--card-mensaje-imagen);
		grid-template-areas:
			"subject    imagen"
			"cab        imagen"
			"snippet    imagen"
			"respuestas imagen";
		/* Alineado vertical de la columna de contenido (a la izquierda de la
		   imagen): subject/cab fijas por contenido (auto), respuestas fija por
		   contenido (auto) pero queda pegada abajo porque snippet (1fr) absorbe
		   todo el espacio sobrante hasta igualar el alto de "imagen" (que
		   ocupa las 4 filas via grid-template-areas). Es la tecnica estandar de
		   CSS Grid para una fila flexible dentro de un span multi-fila, sin
		   necesitar un wrapper extra en el HTML. */
		grid-template-rows: auto auto 1fr auto;
	}
	#phorum .card-mensaje--sin-imagen {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto;
		grid-template-areas:
			"subject"
			"cab"
			"snippet"
			"respuestas";
	}
	/* Misma razon que la version mobile de arriba: sin fila "respuestas"
	   fantasma, "imagen" (o el propio contenido, si tampoco hay imagen) solo
	   abarca 3 filas en vez de 4. */
	#phorum .card-mensaje--sin-respuestas {
		grid-template-areas:
			"subject    imagen"
			"cab        imagen"
			"snippet    imagen";
		grid-template-rows: auto auto 1fr;
	}
	#phorum .card-mensaje--sin-imagen.card-mensaje--sin-respuestas {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
		grid-template-areas:
			"subject"
			"cab"
			"snippet";
	}
}

/* Encabezado: mobile = 1 columna (badges en fila arriba, alineados a la
   izquierda; autor debajo) para que los badges no compriman una 2a columna
   en un ancho tan estrecho; desktop (>=768px, ver media query mas abajo) =
   2 columnas, autor a la izquierda y badges apilados a la derecha - ver
   CLAUDE.md. */
#phorum .card-mensaje__cab {
	grid-area: cab;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	min-width: 0;
}
#phorum .card-mensaje__autor {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
/* Linea combinada "hace Xh · Foro YY" bajo el nombre del autor. */
#phorum .card-mensaje__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}
#phorum .card-mensaje__meta-sep {
	color: #666;
	padding: 0 3px;
}
#phorum .card-mensaje__foro {
	font-size: 12px;
	color: #666;
}
#phorum .card-mensaje__foro a {
	color: inherit;
}
#phorum .card-mensaje__badges {
	order: -1;
	flex: 0 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}
/* Desktop: cab vuelve a 2 columnas lado a lado (autor / badges), en vez del
   apilado mobile (badges arriba en fila, autor debajo) - hay ancho de sobra
   para que los badges no compriman la columna de autor. Este override tiene
   que declararse DESPUES de las reglas base de arriba (misma especificidad,
   #phorum .card-mensaje__cab/__badges) para ganar la cascada en desktop -
   antes vivia dentro de un @media(min-width:768px) anterior en el archivo y
   la regla base (declarada despues) lo pisaba tambien en desktop. */
@media (min-width: 768px) {
	#phorum .card-mensaje__cab {
		flex-direction: row;
		align-items: center;
	}
	#phorum .card-mensaje__badges {
		order: 0;
		margin-left: auto;
		flex-direction: column;
		align-items: flex-end;
	}
}

#phorum .card-mensaje__avatar-link,
#phorum .card-mensaje__avatar {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	object-fit: cover;
}
#phorum .card-mensaje__autor-info {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
	line-height: 1.2;
}
#phorum .card-mensaje__autor-nombre {
	font-size: 14px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#phorum .card-mensaje__autor-nombre a {
	color: inherit;
}
#phorum .card-mensaje__fecha {
	font-size: 12px;
	color: #666;
}

#phorum .card-mensaje__badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	padding: 3px 8px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	white-space: nowrap;
	text-decoration: none;
}
#phorum .card-mensaje__badge i.iconbootstrap::before {
	/* la regla base #phorum .iconbootstrap::before fija color:#333 fijo;
	   aqui el icono debe seguir el color del badge (reposo/hover/tema). */
	color: inherit;
}
#phorum .card-mensaje__badge--superdestacado {
	background-color: #468847;
	color: #ffffff;
}
#phorum .card-mensaje__badge--nuevo {
	background-color: #ad3826;
	color: #fff;
	position: relative;
	z-index: 2;
}
#phorum .card-mensaje__badge--nuevo:hover {
	background-color: #358ff1;
	color: #fff;
	text-decoration: none;
}

#phorum .card-mensaje__subject {
	grid-area: subject;
	margin: 0;
	padding-bottom: 8px;
	min-width: 0;
	font-size: 16px;
	word-wrap: break-word;
	word-break: break-word;
	border-bottom: 3px solid #fff;
}
#phorum .card-mensaje__link-stretched {
	color: inherit;
	text-decoration: none;
}
#phorum .card-mensaje__link-stretched::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}

/* Mobile: sin aspect-ratio forzado - se respeta el ratio original de la
   imagen (img en flujo normal, alto automatico), solo con un tope de
   max-height para que una imagen muy vertical no ocupe toda la pantalla.
   Desktop (ver @media mas abajo, DESPUES de esta regla para ganar la
   cascada): vuelve al aspect-ratio 4:3 fijo + img absoluta, necesario para
   que "imagen" pueda ocupar las 4 filas de grid-template-areas junto al
   contenido (ver "Alineado vertical de la columna de contenido" en CLAUDE.md). */
#phorum .card-mensaje__imagen {
	grid-area: imagen;
	position: relative;
	width: 100%;
	min-width: 0;
	max-height: 460px;
	background-color: #FFFFFF;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#phorum .card-mensaje__imagen img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 640px;
	object-fit: contain;
}
/* Fondo desenfocado (misma imagen) para tapar las franjas del object-fit:
   contain - oculto en mobile: al no forzarse el aspect-ratio (ver arriba),
   las franjas ahi solo aparecen con imagenes muy verticales (las menos), no
   compensa el coste de pintar un filter:blur() en el dispositivo tipicamente
   mas limitado. Ver CLAUDE.md. */
#phorum .card-mensaje__imagen img.card-mensaje__imagen-blur {
	display: none;
}
@media (min-width: 768px) {
	#phorum .card-mensaje__imagen {
		max-height: none;
		aspect-ratio: var(--card-mensaje-imagen-ratio);
		/* height:100% ademas de aspect-ratio (no en vez de): con el alto de
		   fila aun sin resolver, un % contra un contenedor indefinido se
		   trata como "auto" -> el aspect-ratio sigue marcando el alto
		   preferido para el calculo de las filas (caso normal). Una vez el
		   grid ya fijo el alto final de la fila (mas alto si el snippet
		   crece mucho, ver CLAUDE.md), el 100% si se resuelve contra ese
		   valor ya definitivo y estira el contenedor para igualarlo - evita
		   que quede mas bajo que la columna de contenido y se vea el fondo
		   de la card por debajo. */
		height: 100%;
	}
	#phorum .card-mensaje__imagen img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		max-height: none;
	}
	#phorum .card-mensaje__imagen img.card-mensaje__imagen-blur {
		display: block;
		object-fit: cover;
		-webkit-filter: blur(15px);
		filter: blur(15px);
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		z-index: 0;
	}
	/* La imagen principal (no la de blur) NO lleva z-index explicito a
	   proposito: con z-index:auto cae en la misma "capa" de pintado que el
	   blur (z-index:0) y gana por ir despues en el DOM (misma capa = orden
	   de arbol), pero esa capa 0/auto siempre pinta POR DETRAS de cualquier
	   z-index positivo del mismo contexto - en concreto del ::after del
	   stretched-link (z-index:1, ver .card-mensaje__link-stretched::after).
	   Ponerle z-index:1 aqui (como se hizo al principio) empataba con esa
	   capa y, al pintarse despues en el DOM, tapaba el enlace de toda la
	   card sobre el area de la imagen - bug real detectado por el usuario. */
}

#phorum .card-mensaje--destacado .card-mensaje__imagen {
	background-color: #f5fff4;
}
#phorum .card-mensaje--superdestacado .card-mensaje__imagen {
	background-color: #c5ffd5;
}

#phorum .card-mensaje__snippet {
	grid-area: snippet;
	margin: 0;
	min-width: 0;
	padding: 8px;
	background-color: #FFFFFF;
	font-size: 14px;
	color: #333;
	word-wrap: break-word;
}
#phorum .card-mensaje--destacado .card-mensaje__snippet {
	background-color: #f5fff4;
}
#phorum .card-mensaje--superdestacado .card-mensaje__snippet {
	background-color: #c5ffd5;
}

/* Celda de badges (respuestas + nº de imagenes + nº de videos + nº de
   publicaciones de redes sociales; preparada para admitir mas badges en la
   misma fila en el futuro). */
#phorum .card-mensaje__respuestas {
	grid-area: respuestas;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}
#phorum .card-mensaje__badge--respuestas,
#phorum .card-mensaje__badge--imagenes,
#phorum .card-mensaje__badge--videos,
#phorum .card-mensaje__badge--redes-sociales {
	background-color: #FFFFFF;
	color: #333;
}
#phorum .card-mensaje--destacado .card-mensaje__badge--respuestas,
#phorum .card-mensaje--destacado .card-mensaje__badge--imagenes,
#phorum .card-mensaje--destacado .card-mensaje__badge--videos,
#phorum .card-mensaje--destacado .card-mensaje__badge--redes-sociales {
	background-color: #f5fff4;
}
#phorum .card-mensaje--superdestacado .card-mensaje__badge--respuestas,
#phorum .card-mensaje--superdestacado .card-mensaje__badge--imagenes,
#phorum .card-mensaje--superdestacado .card-mensaje__badge--videos,
#phorum .card-mensaje--superdestacado .card-mensaje__badge--redes-sociales {
	background-color: #c5ffd5;
}

#phorum .card-mensaje__autor a,
#phorum .card-mensaje__foro a,
#phorum .card-mensaje__avatar-link {
	position: relative;
	z-index: 2;
}

/* InconBootstrap Hack */
#phorum .icon-glass::before { content: "\f000"; }
#phorum .icon-music::before { content: "\f001"; }
#phorum .icon-search::before { content: "\f002"; }
#phorum .icon-envelope::before { content: "\f0e0"; }
#phorum .icon-heart::before { content: "\f004"; }
#phorum .icon-star::before { content: "\f005"; }
#phorum .icon-star-empty::before { content: "\f005"; }
#phorum .icon-user::before { content: "\f007"; }
#phorum .icon-film::before { content: "\f008"; }
#phorum .icon-th-large::before { content: "\f009"; }
#phorum .icon-th::before { content: "\f00a"; }
#phorum .icon-th-list::before { content: "\f00b"; }
#phorum .icon-ok::before { content: "\f00c"; }
#phorum .icon-remove::before { content: "\f00d"; }
#phorum .icon-zoom-in::before { content: "\f00e"; }
#phorum .icon-zoom-out::before { content: "\f010"; }
#phorum .icon-off::before { content: "\f011"; }
#phorum .icon-signal::before { content: "\f012"; }
#phorum .icon-cog::before { content: "\f013"; }
#phorum .icon-trash::before { content: "\f1f8"; }
#phorum .icon-home::before { content: "\f015"; }
#phorum .icon-file::before { content: "\f15b"; }
#phorum .icon-time::before { content: "\f017"; }
#phorum .icon-road::before { content: "\f018"; }
#phorum .icon-download-alt::before { content: "\f019"; }
#phorum .icon-download::before { content: "\f56d"; }
#phorum .icon-upload::before { content: "\f574"; }
#phorum .icon-inbox::before { content: "\f01c"; }
#phorum .icon-play-circle::before { content: "\f144"; }
#phorum .icon-repeat::before { content: "\f2f9"; }
#phorum .icon-refresh::before { content: "\f2f1"; }
#phorum .icon-list-alt::before { content: "\f022"; }
#phorum .icon-lock::before { content: "\f023"; }
#phorum .icon-flag::before { content: "\f024"; }
#phorum .icon-headphones::before { content: "\f025"; }
#phorum .icon-volume-off::before { content: "\f6a9"; }
#phorum .icon-volume-down::before { content: "\f027"; }
#phorum .icon-volume-up::before { content: "\f028"; }
#phorum .icon-qrcode::before { content: "\f029"; }
#phorum .icon-barcode::before { content: "\f02a"; }
#phorum .icon-tag::before { content: "\f02b"; }
#phorum .icon-tags::before { content: "\f02c"; }
#phorum .icon-book::before { content: "\f02d"; }
#phorum .icon-bookmark::before { content: "\f02e"; }
#phorum .icon-print::before { content: "\f02f"; }
#phorum .icon-camera::before { content: "\f030"; }
#phorum .icon-font::before { content: "\f031"; }
#phorum .icon-bold::before { content: "\f032"; }
#phorum .icon-italic::before { content: "\f033"; }
#phorum .icon-text-height::before { content: "\f034"; }
#phorum .icon-text-width::before { content: "\f035"; }
#phorum .icon-align-left::before { content: "\f036"; }
#phorum .icon-align-center::before { content: "\f037"; }
#phorum .icon-align-right::before { content: "\f038"; }
#phorum .icon-align-justify::before { content: "\f039"; }
#phorum .icon-list::before { content: "\f03a"; }
#phorum .icon-indent-left::before { content: "\f03c"; }
#phorum .icon-indent-right::before { content: "\f03b"; }
#phorum .icon-facetime-video::before { content: "\f03d"; }
#phorum .icon-picture::before { content: "\f03e"; }
#phorum .icon-pencil::before { content: "\f304"; }
#phorum .icon-map-marker::before { content: "\f3c5"; }
#phorum .icon-adjust::before { content: "\f042"; }
#phorum .icon-tint::before { content: "\f043"; }
#phorum .icon-edit::before { content: "\f044"; }
#phorum .icon-share::before { content: "\f14d"; }
#phorum .icon-check::before { content: "\f14a"; }
#phorum .icon-move::before { content: "\f0b2"; }
#phorum .icon-step-backward::before { content: "\f048"; }
#phorum .icon-fast-backward::before { content: "\f049"; }
#phorum .icon-backward::before { content: "\f04a"; }
#phorum .icon-play::before { content: "\f04b"; }
#phorum .icon-pause::before { content: "\f04c"; }
#phorum .icon-stop::before { content: "\f04d"; }
#phorum .icon-forward::before { content: "\f04e"; }
#phorum .icon-fast-forward::before { content: "\f050"; }
#phorum .icon-step-forward::before { content: "\f051"; }
#phorum .icon-eject::before { content: "\f052"; }
#phorum .icon-chevron-left::before { content: "\f053"; }
#phorum .icon-chevron-right::before { content: "\f054"; }
#phorum .icon-plus-sign::before { content: "\f055"; }
#phorum .icon-minus-sign::before { content: "\f056"; }
#phorum .icon-remove-sign::before { content: "\f057"; }
#phorum .icon-ok-sign::before { content: "\f058"; }
#phorum .icon-question-sign::before { content: "\f059"; }
#phorum .icon-info-sign::before { content: "\f05a"; }
#phorum .icon-screenshot::before { content: "\f565"; }
#phorum .icon-remove-circle::before { content: "\f057"; }
#phorum .icon-ok-circle::before { content: "\f058"; }
#phorum .icon-ban-circle::before { content: "\f05e"; }
#phorum .icon-arrow-left::before { content: "\f060"; }
#phorum .icon-arrow-right::before { content: "\f061"; }
#phorum .icon-arrow-up::before { content: "\f062"; }
#phorum .icon-arrow-down::before { content: "\f063"; }
#phorum .icon-share-alt::before { content: "\f064"; }
#phorum .icon-resize-full::before { content: "\f31e"; }
#phorum .icon-resize-small::before { content: "\f78c"; }
#phorum .icon-plus::before { content: "\f067"; }
#phorum .icon-minus::before { content: "\f068"; }
#phorum .icon-asterisk::before { content: "\f069"; }
#phorum .icon-exclamation-sign::before { content: "\f06a"; }
#phorum .icon-gift::before { content: "\f06b"; }
#phorum .icon-leaf::before { content: "\f06c"; }
#phorum .icon-fire::before { content: "\f06d"; }
#phorum .icon-eye-open::before { content: "\f06e"; }
#phorum .icon-eye-close::before { content: "\f070"; }
#phorum .icon-warning-sign::before { content: "\f071"; }
#phorum .icon-plane::before { content: "\f072"; }
#phorum .icon-calendar::before { content: "\f073"; }
#phorum .icon-random::before { content: "\f074"; }
#phorum .icon-comment::before { content: "\f075"; }
#phorum .icon-magnet::before { content: "\f076"; }
#phorum .icon-chevron-up::before { content: "\f077"; }
#phorum .icon-chevron-down::before { content: "\f078"; }
#phorum .icon-retweet::before { content: "\f079"; }
#phorum .icon-shopping-cart::before { content: "\f07a"; }
#phorum .icon-folder-close::before { content: "\f07b"; }
#phorum .icon-folder-open::before { content: "\f07c"; }
#phorum .icon-resize-vertical::before { content: "\f338"; }
#phorum .icon-resize-horizontal::before { content: "\f337"; }
#phorum .icon-hdd::before { content: "\f0a0"; }
#phorum .icon-bullhorn::before { content: "\f0a1"; }
#phorum .icon-bell::before { content: "\f0f3"; }
#phorum .icon-certificate::before { content: "\f0a3"; }
#phorum .icon-thumbs-up::before { content: "\f164"; }
#phorum .icon-thumbs-down::before { content: "\f165"; }
#phorum .icon-hand-right::before { content: "\f0a4"; }
#phorum .icon-hand-left::before { content: "\f0a5"; }
#phorum .icon-hand-up::before { content: "\f0a6"; }
#phorum .icon-hand-down::before { content: "\f0a7"; }
#phorum .icon-circle-arrow-right::before { content: "\f35a"; }
#phorum .icon-circle-arrow-left::before { content: "\f359"; }
#phorum .icon-circle-arrow-up::before { content: "\f35b"; }
#phorum .icon-circle-arrow-down::before { content: "\f358"; }
#phorum .icon-globe::before { content: "\f0ac"; }
#phorum .icon-wrench::before { content: "\f0ad"; }
#phorum .icon-tasks::before { content: "\f0ae"; }
#phorum .icon-filter::before { content: "\f0b0"; }
#phorum .icon-briefcase::before { content: "\f0b1"; }
#phorum .icon-fullscreen::before { content: "\f066"; }
/* Icon Styles */
#phorum .icon-accept::before { content: "\f14a"; }
#phorum .icon-bell::before { content: "\f0f3"; }
#phorum .icon-bullet-black::before { content: "\f192"; }
#phorum .icon-bullet-go::before { content: "\f35a"; }
#phorum .icon-cancel::before { content: "\f410"; }
#phorum .icon-close::before { content: "\f023"; }
#phorum .icon-comment::before { content: "\f075"; }
#phorum .icon-comment-add::before { content: "\f7f5"; }
#phorum .icon-comment-edit::before { content: "\f14b"; }
#phorum .icon-comment-delete::before { content: "\f4b3"; }
#phorum .icon-delete::before { content: "\f05e"; }
#phorum .icon-exclamation::before { content: "\f06a"; }
#phorum .icon-feed::before { content: "\f143"; }
#phorum .icon-addfav::before { content: "\f055"; }
#phorum .icon-deletefav::before { content: "\f056"; }
#phorum .icon-flag-red::before { content: "\f27a"; }
#phorum .icon-folder::before { content: "\f07b"; }
#phorum .icon-group-add::before { content: "\f234"; }
#phorum .icon-key-go::before { content: "\f06e"; }
#phorum .icon-key-delete::before { content: "\f070"; }
#phorum .icon-list::before { content: "\f03a"; }
#phorum .icon-merge::before { content: "\f2f6"; }
#phorum .icon-move::before { content: "\f56e"; }
#phorum .icon-next::before { content: "\f138"; }
#phorum .icon-note-add::before { content: "\f055"; }
#phorum .icon-open::before { content: "\f3c1"; }
#phorum .icon-page-go::before { content: "\f56e"; }
#phorum .icon-prev::before { content: "\f137"; }
#phorum .icon-printer::before { content: "\f02f"; }
#phorum .icon-split::before { content: "\f2f5"; }
#phorum .icon-table-add::before { content: "\f0fe"; }
#phorum .icon-tag-green::before { content: "\f02b"; }
#phorum .icon-user::before { content: "\f007"; }
#phorum .icon-user-add::before { content: "\f234"; }
#phorum .icon-user-comment::before { content: "\f086"; }
#phorum .icon-user-edit::before { content: "\f4ff"; }
#phorum .icon-zoom::before { content: "\f00e"; }
#phorum .icon-information::before { content: "\f05a"; }
#phorum .icon-attach::before { content: "\f0c6"; }
/* cambiar algunos iconos */
#phorum .icon-th-list::before { content: "\f009"; }
#phorum .icon-list-alt::before { content: "\f03a"; }
#phorum .icon-check::before { content: "\f560"; }
#phorum .icon-asterisk::before { content: "\f013"; }
#phorum .icon-star::before { content: "\f007"; }
#phorum .icon-file::before { content: "\f044"; }
#phorum .icon-flag::before { content: "\f09e"; }
#phorum .icon-reply::before { content: "\f3e5"; }
#phorum .icon-quote::before { content: "\f10e"; }
#phorum .icon-link::before { content: "\f0c1"; }
#phorum .icon-accept::before { content: "\f058"; }
#phorum .icon-comment-delete::before { content: "\f070"; }
#phorum .icon-comment-edit::before { content: "\f044"; }
#phorum .icon-split::before { content: "\f0c4"; }
#phorum .icon-opciones::before { content: "\f142"; }
#phorum .icon-pm_inbox::before { content: "\f0e0"; }
#phorum .icon-pm_outbox::before { content: "\f658"; }
#phorum .icon-pm_folder::before { content: "\f07b"; }
#phorum .icon-pm_send::before { content: "\f1d8"; }
#phorum .icon-pm_edit::before { content: "\f674"; }
#phorum .icon-pm_friends::before { content: "\f500"; }
#phorum .icon-user-dest::before { content: "\f3e0"; }
#phorum .icon-poll::before { content: "\f681"; }
#phorum .icon-emoji::before { content: "\f580"; }
#phorum .icon-profile::before { content: "\f406"; }
#phorum .icon-edit-signature::before { content: "\f573"; }
#phorum .icon-privacy::before { content: "\f21b"; }
#phorum .icon-group-cog::before { content: "\f509"; }
#phorum .icon-cogs::before { content: "\f085"; }
#phorum .icon-passwd::before { content: "\f084"; }
#phorum .icon-user-dash::before { content: "\f506"; }
#phorum .icon-comment-dash::before { content: "\f4b3"; }
#phorum .icon-user-groups::before { content: "\f0c0"; }
#phorum .icon-user-avatar::before { content: "\f2bd"; }
#phorum .icon-checkbox::before { content: "\f14a"; }