@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: 60fr;
	--card-mensaje-imagen: 40fr;
	--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";
	}
}

/* Bloque autor: avatar + nombre + fecha, todo en una sola linea (separador
   .card-mensaje__meta-sep entre nombre y fecha). .card-mensaje__cab ya solo
   contiene .card-mensaje__autor (foro y badges se movieron al bloque
   titulo, ver arriba) - ver CLAUDE.md. */
#phorum .card-mensaje__cab {
	grid-area: cab;
	min-width: 0;
}
#phorum .card-mensaje__autor {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
#phorum .card-mensaje__meta-sep {
	color: #666;
	padding: 0 3px;
}
/* Foro (fila 2 del bloque titulo, junto a los badges). */
#phorum .card-mensaje__foro {
	font-size: 12px;
	color: #666;
	min-width: 0;
}
#phorum .card-mensaje__foro a {
	color: inherit;
}
/* Badges (fila 2 del bloque titulo): siempre en linea (no en varias filas),
   empujados a la derecha con margin-left:auto - funciona igual si hay foro
   (queda a su derecha) que si no lo hay (unico hijo, empujado igualmente). */
#phorum .card-mensaje__badges {
	flex: 0 0 auto;
	margin-left: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 6px;
	min-width: 0;
}

#phorum .card-mensaje__avatar-link,
#phorum .card-mensaje__avatar {
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	-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;
	align-items: baseline;
	gap: 2px;
	line-height: 1.2;
}
#phorum .card-mensaje__autor-nombre {
	min-width: 0;
	flex: 1 1 auto;
	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;
	white-space: nowrap;
}

#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 i.iconbootstrap.icon-star::before {
	/* Override puntual: mas abajo en este mismo archivo, un bloque legacy
	   "cambiar algunos iconos" redefine #phorum .icon-star::before a \f007
	   (que en realidad es el glifo de "usuario", no de estrella) y esa
	   regla, por ir despues, gana la cascada globalmente. Aqui se fuerza de
	   vuelta el glifo de estrella real (\f005) solo para este badge, sin
	   tocar la regla global (otros componentes pueden depender de \f007). */
	content: "\f005";
}
#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;
}

/* Bloque titulo: fila 1 = subject, fila 2 = foro (izquierda) + badges
   (derecha, en linea) - .card-mensaje__titulo-meta. El border-bottom que
   antes llevaba directamente el <h3> vive aqui, al final del bloque
   completo (tras la fila 2), no solo tras el titulo. */
#phorum .card-mensaje__titulo {
	grid-area: subject;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-bottom: 8px;
	border-bottom: 3px solid;
	/* Mismo color que el fondo de .card-mensaje__snippet (variantes
	   --destacado/--superdestacado mas abajo, junto a las de esa clase). */
	border-bottom-color: #FFFFFF;
	min-width: 0;
}
#phorum .card-mensaje--destacado .card-mensaje__titulo {
	border-bottom-color: #f5fff4;
}
#phorum .card-mensaje--superdestacado .card-mensaje__titulo {
	border-bottom-color: #c5ffd5;
}
/* Badge superdestacado: fluye inline justo tras el texto del subject en
   mobile (es un badge inline-flex, participa del flujo de texto del <h3>
   como una palabra mas, envolviendo a la linea siguiente si no cabe). En
   desktop (ver @media mas abajo) el <h3> pasa a flex para fijarlo a la
   derecha y centrado verticalmente en vez de inline. */
#phorum .card-mensaje__subject {
	margin: 0;
	min-width: 0;
	font-size: 16px;
	word-wrap: break-word;
	word-break: break-word;
}
#phorum .card-mensaje__titulo-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}
#phorum .card-mensaje__link-stretched {
	color: inherit;
	text-decoration: none;
}
@media (min-width: 768px) {
	#phorum .card-mensaje__subject {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	#phorum .card-mensaje__subject .card-mensaje__link-stretched {
		flex: 1 1 auto;
		min-width: 0;
	}
	#phorum .card-mensaje__subject .card-mensaje__badge--superdestacado {
		flex: 0 0 auto;
	}
}
#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;
	/* position:relative (no absolute: en mobile este img sigue en flujo
	   normal, es el que fija el alto del contenedor via su propio ratio -
	   ver mas abajo). Necesario igualmente para que compita en la misma
	   capa de apilamiento que el fondo blur (position:absolute): un
	   elemento en flujo normal position:static se pinta ANTES que
	   cualquier descendiente posicionado (aunque sea z-index:0/auto) segun
	   el orden de pintado de CSS 2.1, asi que sin esto el fondo (absolute)
	   tapaba la imagen real en mobile pese a ir despues en el DOM - bug
	   real detectado por el usuario. Con position:relative, ambas img
	   entran en la capa "positioned z-index 0/auto" y gana el orden del
	   DOM (esta va despues que el fondo). */
	position: relative;
	width: 100%;
	height: auto;
	max-height: 640px;
	object-fit: contain;
}
/* Fondo desenfocado, activo SIEMPRE (mobile y desktop): antes solo se
   activaba en desktop porque era un filter:blur() sobre la imagen a tamano
   completo (coste de composicion GPU no asumible en mobile). Ahora es un
   thumbnail dinamico real y pequeno (ver
   nevasport_foro_card_thumbnail_url(), CLAUDE.md "Thumbnails dinamicos de
   imagenes") que el navegador simplemente estira - un escalado de bitmap
   normal, sin filtro de por medio, barato en cualquier dispositivo. En
   mobile tapa las franjas que deja object-fit:contain cuando una imagen muy
   vertical toca el max-height:640px de arriba (caso raro pero real). */
#phorum .card-mensaje__imagen img.card-mensaje__imagen-blur,
#phorum .card-mensaje__galeria-slide img.card-mensaje__imagen-blur {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: cover;
	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 empataria con esa capa y, al pintarse despues en
   el DOM, taparia el enlace de toda la card sobre el area de la imagen -
   bug real detectado por el usuario (ver CLAUDE.md). */
@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--destacado .card-mensaje__imagen {
	background-color: #f5fff4;
}
#phorum .card-mensaje--superdestacado .card-mensaje__imagen {
	background-color: #c5ffd5;
}

/* ---------------------------------------------------------------------
   Galeria (>1 imagen en el body). A diferencia de la imagen unica (que
   respeta su ratio original en mobile y usa object-fit:contain + fondo
   blur para no recortar), la galeria usa siempre el mismo ratio 4:3
   (--card-mensaje-imagen-ratio) y object-fit:cover en cada slide: con
   varias imagenes de proporciones distintas no hay un "ratio natural"
   unico que preservar, y cover evita huecos/letterbox por slide.
   position:relative;z-index:2 en .card-mensaje__galeria (mismo patron que
   .card-mensaje__avatar-link/__foro a/__badge--nuevo): sin esto, el
   ::after del stretched-link (z-index:1) capturaria el scroll/swipe/click
   antes de que llegue al carrusel. Ver CLAUDE.md, "espacio de medio de la
   card: imagen/galeria/video".
   --------------------------------------------------------------------- */
#phorum .card-mensaje__galeria {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	aspect-ratio: var(--card-mensaje-imagen-ratio);
	overflow: hidden;
}
#phorum .card-mensaje__galeria-track {
	display: flex;
	width: 100%;
	height: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
#phorum .card-mensaje__galeria-track::-webkit-scrollbar {
	display: none;
}
#phorum .card-mensaje__galeria-slide {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}
/* object-fit:contain (no cover) + fondo blur, igual que la imagen unica -
   ver el comentario de .card-mensaje__imagen-blur mas arriba. Antes era
   cover directo (recortaba cada foto) porque anadir el fondo desenfocado a
   cada slide con filter:blur() multiplicaba el coste de render por nº de
   slides; con el thumbnail dinamico ese coste ya no aplica, asi que la
   galeria pasa a preservar la imagen completa igual que el caso de 1 sola
   imagen. */
#phorum .card-mensaje__galeria-slide img {
	display: block;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#phorum .card-mensaje__galeria-slide--ver-todas {
	color: inherit;
	text-decoration: none;
}
/* El teaser "ver todas" ya no usa filter:blur() sobre la imagen completa -
   nevasport_foro_render_card() le pasa directamente un thumbnail (160px,
   mas grande que el de fondo por ser el contenido principal visible de
   este slide) que sale borroso solo por el escalado, sin filtro. */
#phorum .card-mensaje__galeria-slide--ver-todas img {
	object-fit: cover;
}
#phorum .card-mensaje__galeria-vertodas-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#phorum .card-mensaje__galeria-flecha {
	position: absolute;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.45);
	color: #fff;
	cursor: pointer;
}
#phorum .card-mensaje__galeria-flecha:hover {
	background-color: rgba(0, 0, 0, 0.65);
}
#phorum .card-mensaje__galeria-flecha i.iconbootstrap::before {
	color: inherit;
}
#phorum .card-mensaje__galeria-flecha--prev {
	left: 8px;
}
#phorum .card-mensaje__galeria-flecha--next {
	right: 8px;
}
#phorum .card-mensaje__galeria-puntos {
	position: absolute;
	left: 50%;
	bottom: 8px;
	z-index: 1;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex;
	gap: 6px;
}
#phorum .card-mensaje__galeria-punto {
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
}
#phorum .card-mensaje__galeria-punto--activo {
	background-color: #fff;
}
@media (min-width: 768px) {
	#phorum .card-mensaje__galeria {
		height: 100%;
	}
}

/* ---------------------------------------------------------------------
   Video de YouTube embebido (0 imagenes en el body, 1er video encontrado).
   aspect-ratio 16:9 fijo (ratio nativo de YouTube, distinto del 4:3 de
   imagen/galeria a proposito: recortar un iframe con object-fit no esta
   soportado de forma fiable en navegadores, asi que forzar 4:3 aqui solo
   generaria letterbox feo dentro del propio reproductor). Mismo patron
   aspect-ratio (mobile) + height:100% (desktop, ver @media) que el resto
   de variantes de este hueco - ver CLAUDE.md.
   --------------------------------------------------------------------- */
#phorum .card-mensaje__video-embed {
	position: relative;
	z-index: 2;
	width: 100%;
	aspect-ratio: 16 / 9;
}
#phorum .card-mensaje__video-embed iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
@media (min-width: 768px) {
	#phorum .card-mensaje__video-embed {
		height: 100%;
	}
}

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