/*
INFO: Este documento contiene los estilos generales de este proyecto concreto: estilos de los botones, modales, mensajes emergentes...
por tanto, este documento es el que determina la apariencia general del sitio web.
*/

/* ============================================================================================================================ */
/* ======================================================================================= HTML / BODY ======================== */
/* ============================================================================================================================ */
html, body{margin:0px; padding:0px; width:100%; height:100%;}
body{	
	font-family:'Lato', Tahoma, Geneva, sans-serif;
	font-size:16px;
	line-height:1.4;
	position:static !important;
}

/* ============================================================================================================================= */
/* ===================================================================================== RESET ================================= */
/* ============================================================================================================================= */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:none; outline:0px;}

picture{display:inline-block;}
button{cursor:pointer; border:none; margin:0; padding:0; background-color:transparent; font-family:'Lato', Tahoma, Geneva, sans-serif; font-size:inherit; text-align:inherit; /*border:0px; margin:0px; padding:0px;*/}

a{cursor:pointer; text-decoration:none; color:inherit;}
icon{display:inline-block; vertical-align:middle; line-height:0;}
/* --- */
icon svg{height:100% !important; width:auto !important; fill:inherit;}
/*
svg:not(.ck){height:100% !important; width:auto !important; fill:inherit;}
svg path:not(.ck){fill:inherit;}
*/

.ck-content .table table td, .ck-content .table table th {
    padding:16px;
}


/*
#main{
	-webkit-transition: margin-top 400ms linear;
	-ms-transition: margin-top 400ms linear;
	transition: margin-top 400ms linear;
}*/
/*#header{position:fixed; width:100%; z-index:10; top:0;}*/
#header{
	pointer-events:none;
	position:fixed; width:100%; top:0px; z-index:500;
	-webkit-transition: top 200ms linear; -ms-transition: top 200ms linear;	transition: top 200ms linear;
}

#internationalization_header{
	background-image: url('icn/internationalization-white.svg');
	background-repeat: no-repeat;
	background-size: 25px auto;
	background-position: top left;
	padding: 6px 0px 6px 30px;
	color: white;
	font-size: 15px;
	line-height: 15px;
}

/* ============================================================================================================================= */
/* ===================================================================================== RESPONSIVE (Min-Max) ================== */
/* ============================================================================================================================= */
@media all and (max-width:991px){

	#public_main{margin-top:66px;}

	#area_selector_internationalization{position:absolute; top:-33px;}

	#bar_menu2{position:fixed; z-index:11; left:0; /*top:12px;*/ top:37px; width:100%; background-position:left 3px; background-image:none !important; background-color:transparent !important;}
	
	#header_bar{border-bottom:1px solid #8e24aa;}

	#logo_bar{
		text-align: center;
		line-height: 0;
		position: absolute;
		z-index: 11;
		/*top: 0;*/ top:35px;
		width: 100%;
		pointer-events:none;
		padding:0 36px;
	}
	#image_logo{
		width: 100% !important;
		max-width: 320px;
	}
	#image_logo_inside_software{width:100% !important; max-width:180px !important; margin:5px 0 9px 0 !important;}
/*
	.responsive_menu{
		overflow-y:hidden;
		height:0;
		width:100%;
		position:fixed !important;
		left:0 !important;
		top:76px;
		z-index:900;
	}*/
	
	nav{display: block !important;}

	#principal_menu{
		display: block !important;
		position: fixed;
		text-align: left;
		left:0px;
		top: 82px;
		width: 100%;		
		overflow-y: hidden;
		height: 0px;
	}
	#principal_menu nav{border-top:1px solid #000;}

	/* ----------------------- BOTONERA MENU -------------------- */
	.b_nav{display:block; padding:11px 20px; border-bottom:1px solid #3a3b3e; white-space:nowrap;
		font-family:'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif; font-size:15px; line-height:18px;
		width:100%;
		color:black; fill:black;
		background-color:#e6eaef;
		/*
		-webkit-transition:background-color .2s ease-out;
		transition:background-color .2s ease-out;*/

		background-image: url('degradado-white-vertical.png');
		background-repeat: repeat-x;
		background-size: contain;
	}
	.b_nav:hover{color:white; fill:white; background-color:#b60000; background-image:none; text-shadow:2px 2px 5px black;}
	.b_nav:active{background-color:#767a7f; text-shadow:none;}
	.b_nav:last-child{padding-right:0 !important;}
	
	.b_nav.mark{
		font-weight:bold;
		border-left:5px solid #b60000;
		background-image: url('bgs/bright.png');
		background-size: contain;
		background-repeat: repeat-x;
		/*pointer-events:none;*/
	}

	/* ---------------------------- SUBMENU -------------------- */
	.principal_submenu {
		overflow-y: hidden;
		height: 0px;
	}
	.principal_submenu icon {
		display: inline-block;
		height: 28px !important;
		margin-right: 6px;
	}
	.principal_submenu h5{
		display: inline-block;
		font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
		font-size: 17px !important;
	}

	.b_submenu {
		display: block;
		color: white;
		fill: white;
		background-color: #314762;
		text-align: left;
		padding: 11px 20px;
		border-bottom: 1px solid #171E26;
		padding-left: 14px;
		width: 100%;
	}
	.b_submenu:hover{
		background-color:#c90404; color:white; fill:white;
	}
	.b_submenu:active{color:white; fill:white; background-color:#57687C;}
	.b_submenu.mark{font-weight:bold; border-left:5px solid #d77813; pointer-events:none;}

	.b_submenu:first-child{
		background-image: url('shadow-bottom.png');
		background-repeat: repeat-x;
		background-position: center 0px;
		min-height: 35px;
		background-size: contain;
	}


	/* ------------------- TABLES ---------------- */
	.responsiveTable:nth-child(2n){background-color:#eceff1;}	
}

@media all and (min-width:992px){

	#public_main{margin-top:43px;}

	#main{/*line-height:0;*/ padding-left:50px; /*padding-bottom:23px;*/ min-height:100%;}
/*
	#bar_menu1{background-color:#222931;}
	#bar_menu2{		
		position:absolute;
		z-index:-1;
		width:100%;
		top:77px;
	}*/

	#logo_bar{
		text-align: center;
		line-height: 0;
		position: absolute;
		z-index: 10;
		top:-1px;
		width: 100%;
		pointer-events: none;
	}
	#image_logo{
		width: 100%;
		max-width:412px;
	}
	#image_logo_inside_software{width:200px; margin: 5px 0 11px 0;}

	/*.responsive_menu{height:auto !important; background-color:transparent !important;}*/
	nav{padding:23px 0 18px 0;}
	/*nav * {text-align: center;}*/

	#principal_menu{text-align:right; /*height: auto !important;*/}
	.botonera_repartida{display: flex; justify-content: space-between;}


	/* ----------------------- BOTONERA MENU -------------------- */	
	.b_nav{
		font-family:'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
	    color:#ebf4fe; fill:#ebf4fe;
		display:inline-block;
		padding: 6px 16px;
		line-height: 17px;
		font-size: 15px;
		white-space: nowrap;
		-webkit-border-radius:50px;
		-moz-border-radius:50px;
		border-radius:50px;
	}
	.b_nav:hover{background-color:#c90404 !important; color:white !important; fill:white !important; text-shadow: 2px 2px 5px black;}
	/*
	.b_nav:hover{
		color:#FFF; fill:#FFF;
	}*/
	.b_nav:active{
		background-color: #b60000 !important;
		color: white !important;
		fill: white !important;

		-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
		-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
		box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;

		text-shadow:none;
	}

	/* ---------- Mark ----------*/
	.b_nav.mark{
		/*pointer-events: none;*/
		background-color: #b60000;
		color:white;
		border: 1px solid white;
		background-image: url('bgs/bright.png');
		background-size: contain;
		background-repeat: repeat-x;
		font-weight: bold;
	}
	.b_nav.mark:hover{background-color:#666666}
	.b_nav.mark:active{color:#D3D3D3; background-color:#000;}


	/* ---------------------------- SUBMENU -------------------- */
	.principal_submenu {
		height: 0px;
		width: 100%;
		overflow-y: hidden;
		position: fixed;
		left: 0;
		top: 114px;
		line-height: initial;
	}
	.b_block_container{
		display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
		margin:0 auto;
		padding:0;
	}

	.principal_submenu icon{/*transform: scale(0.6);*/ display:block;}
	.principal_submenu h5{
		display: block;
		font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
		font-size: 17px !important;
		margin-top:5px;
	}
	.b_submenu{
		-ms-flex-preferred-size:0;
		flex-basis:0;
		-ms-flex-positive:1;
		flex-grow:1;
		max-width:100%;


		color:#171E26; fill:#171E26;
		background-color: #dee2e8;
		text-align: center;
		padding: 15px;
		border-right:1px solid #222931;
		border-bottom:1px solid #222931;

		background-image: url('shadow-bottom.png');
		background-repeat: repeat-x;
		background-position: center 0px;
		min-height: 35px;
		background-size: contain;
	}
	.b_submenu:hover{
		color:#FFF; fill:#FFF;
		background-color: #d60000;
		-webkit-transition: background-color 300ms linear;
	    -ms-transition: background-color 300ms linear;
	    transition: background-color 300ms linear;
	}
	.b_submenu:active{
		background-color: #314762;
		-webkit-transition: background-color 0ms linear;
	    -ms-transition: background-color 0ms linear;
	    transition: background-color 0ms linear;
	}

	.b_submenu.mark{border-bottom:6px solid #b60000;}

	/* ---------- Sticky column content ----------*/
	.sticky_column_content{
		position: -webkit-sticky;
		position:sticky;
		top:0px;
	}

	/* ------------------- TABLES ---------------- */
	.responsiveTable{margin-bottom:-1px;}





	/* ================ ANTERIOR */



	/* ------------------------------------------------- GLOBAL SEARCH ------------------ */
	#globalSearchBar{position:fixed; top:8px; z-index:50; left:265px; width:100%; max-width:300px; pointer-events:initial;}
	#globalSearchBarResults{
		display: block;
		background-color: white;
		margin-top: 1px;
		border: 1px solid rgb(207, 207, 218);
		padding: 4px 10px;
		overflow-y: auto;
		max-height: 300px;
	}

	/* ------------------------------------------------- HEADER ------------------------- */
	#header{text-align:left; width:100%; height:44px; max-height:44px; position:fixed; z-index:10; /*pointer-events:none;*/}
	#header_content{background-color:#344D5D; padding-bottom:1px; pointer-events:initial;}

	/* ================================================================================================================ */
	/* ========================================================================= PRINCIPAL MENUS ====================== */
	/* ================================================================================================================ */
	/* -------------------------------------------------- M. Principal ---------------------- */
	#slogan{display:inline-block; font-size:15px; color:#b3bcc6; margin-left:5px;}
	/*.menu_bar{}*/
	.float_button{display:none;}

	.separator_menu{height:1px; background-color:#081C2A;}
	#mp_info_label{
		display:none;
		position:fixed;
		background-color:#92c5e1;
		left:50px;
		overflow-x:hidden;
		white-space:nowrap;
		width:0;
		text-align:left;
	}
	#mp_info_label div{
		display:inline-block;
		padding:16px 15px 16px 4px;
	}
	/* ----------------- */
	.principal_menu{
		color:#fff; fill:#fff;
		background-color:#344D5D;
		text-align:center;
		width:50px;
		position: fixed;
	    z-index: 1;
		top: 0;
		left: 0;
		height: 100% !important;
		padding-top:43px;
		pointer-events:initial;
	    }
	.principal_submenu{
		height:0px; width: 100%;
		overflow-y:hidden;
		position: fixed; left: 0; top: 40px;
		line-height:initial;
	}
	.principal_submenu h5{display:block; font-size:20px;}

	/* ----------------------- B MENU -------------------- */
	.b_menu{
		width:50px;
		height:50px;
	    display: block;
		white-space: nowrap;
		text-align:center;
		padding:5px 5px 5px 5px;
		font-size:15px;
		line-height:17px;
		color:white;
		background-color:#344D5D;
	}
	.b_menu:hover{
		color:#FFF; fill:#FFF;
		/*background-color:#e0945f;*/
		background-color:#c98045;
	    /*-webkit-transition: background-color 300ms linear;
	    -ms-transition: background-color 300ms linear;
	    transition: background-color 300ms linear;*/
	}
	.b_menu:active{
		background-color:#092232;
	}

	/* ---------- Mark ----------*/
	.b_menu.mark{
		/*pointer-events:none;*/
		background-color:#092232;
		color:#fff; fill:#fff;
	}
	.b_menu.mark:hover{background-color:var(--color4-8);}
	.b_menu.mark:active{background-color:#908D90;}

	/* ------------*/
	.b_menu .ic{line-height:37px;}

	/* --------------- */
	.b_menu_user{
		background-color:#344D5D;
		text-align:left;
		/*border-bottom:1px solid #97cae3;*/
		min-height:43px;
		font-size:14px;
		line-height: 17px;

		display: block;
	  	white-space: nowrap;
	  	padding: 5px 5px 5px 5px;
	  	color: white;
	}
	.b_menu_user:hover{background-color:#c98045;}
	.b_menu_user:active{background-color:#092232;}

	.b_menu_user:last-child{border-bottom:none;}
	.b_menu_user .ic{display:inline-block; width:36px; text-align:center;}
	.b_menu_user i{
	    -ms-transform: scale(0.9); /* IE 9 */
	    -webkit-transform: scale(0.9); /* Safari */
	    transform: scale(0.9);
	}

	/* ---------- */
	.b_menu_txt{display:none;}

	/* ------------------------------ B departamento ----------------- */
	.b_menu_user.departamento{
		background-color: #344D5D;
		background-image:url('icn/departamento_cerrado.svg');
		background-size: auto 27px;
		background-repeat: no-repeat;
		background-position: 10px 11px;
		padding-left:45px;
		padding-right:10px;
	}
	.b_menu_user.departamento:hover{background-image:url('icn/departamento_entreabierto.svg'); background-color:#c98045;}
	.b_menu_user.departamento:active{background-image:url('icn/departamento_abierto.svg'); background-color:#092232;}

	.b_menu_user.departamento_mark{
		background-color:#092232 !important;
		background-image:url('icn/departamento_abierto.svg');
		background-size: auto 27px;
		background-repeat: no-repeat;
		background-position: 10px 11px;
		padding-left:45px;
		padding-right:10px;
	}
	.b_menu_user.departamento_mark:hover{/*background-color:#52728b !important;*/ background-image:url('icn/departamento_entreabierto.svg');}
	.b_menu_user.departamento_mark:active{/*background-color:var(--color4-8) !important;*/ background-image:url('icn/departamento_cerrado.svg');}




	.menu_minidesc{font-size:11px; line-height:13px; opacity:0.7;}
	/* ---------------------------------------------------------------------------------------------------------------- */
	/* --------------------------------------------------------------------------------- MENU USUARIO ----------------- */
	/* ---------------------------------------------------------------------------------------------------------------- */
	#user_label{display:inline-block; font-size:13px; padding-left:7px;}
	#company_label{display:inline-block; font-size:13px; /*padding-right:7px;*/}
	#departamento_label{font-size:12px; line-height:13px; text-align:left; opacity:0.9;}
	#foto_user{
	    border: 1px solid #4e4e4e;
	    pointer-events: none;
	    position: absolute;
	    left: 6px;
	    top: 6px;
	    }
	#foto_company{
	    border: 1px solid #4e4e4e;
	    pointer-events: none;
	    position: absolute;
	    left: 6px;
	    top: 6px;
	    }
	#menu_user_container, #menu_company_container{
		pointer-events:initial;
		display: inline-block;
	    position: fixed;
	    right: -500px;
	    top: 43px;
	    z-index: 2024;
	    overflow: hidden;

	    -webkit-border-radius:0 0 0 13px;
		-moz-border-radius:0 0 0 13px;
		border-radius:0 0 0 13px;
	}

	/* ------------------- */
	.b_user{
	    /*border-left: 1px solid #c5c5ce;*/
	    display: inline-block;
	    font-weight:bold;
		vertical-align:middle;
	    fill:white;
		padding:5px 19px 4px 16px;
		color:white;
		min-height: 44px;
	    }
	.b_user:hover{background-color:#547EB8; color:#fff; fill:#fff;}
	.b_user:active{background-color:#092232;}
	/*
	.b_user.mark{color:#fff; fill:#fff; background-color:#6aabcb;}
	.b_user.mark:hover{background-color:#97cae3;}
	.b_user.mark:active{background-color:#468cae;}*/

	/* ------------------- */
	.b_company{
	    /*border-right: 1px solid #c5c5ce;*/
	    /*margin-right: 1px;*/
	    display: inline-block;
		vertical-align:middle;
	    fill:#70707d;
		padding:4px 16px;
		color:#70707d;
		min-height: 44px;
	    }
	.b_company:hover{background-color:#6aabcb; color:#fff; fill:#fff;}
	.b_company:active{background-color:#468cae;}

	.b_company.mark{color:#fff !important; fill:#fff !important;}
	/*.b_company.mark:hover{opacity:0.7;}*/
	.b_company.mark:active{opacity:1; background-color:#41414e !important;}
}


/* ============================================================================================================================= */
/* ====================================================================================== PESTAÑAS ============================= */
/* ============================================================================================================================= */
.pestanyas_container{
	/*
	background-color:#0d151e;
	padding:10px 10px 0px 10px;
	border-bottom:9px solid #4081a1;*/
	display: inline-block;
	text-align: left;
	width: 100%;
	max-width: 952px;
	padding: 0px 16px 0px 16px;
}
/*
.b_pestanya{
    color: #fff;
	background-color:rgba(255,255,255,0.1);
	text-align:center;
    padding:10px;
    margin:0 2px;

	font-family: 'Roboto Condensed', Tahoma, sans-serif;
	font-size:17px;
	line-height:19px;
	
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	
	flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	white-space: nowrap;
}*/

.pestanyas_container{display:inline-block; text-align:left; width:100%; max-width:952px; padding:0px 16px 0px 16px;}
.b_pestanya{
	padding:5px 10px;
	border-radius:5px 5px 0 0;
	margin:0 1px;
	display:inline-block;
	/*font-size:13px;
	line-height:15px;*/
	font-size:14px;
	line-height:16px;
}
.b_pestanya.on{background-color:white; font-weight:bold; border-bottom:1px solid white; pointer-events:none;}

.b_pestanya.off{background-color:#dbe3e9; color:black; border-bottom:1px solid #79808f;}
.b_pestanya.off:hover{background-color:white;}
.b_pestanya.off:active{background-color:#464e5c; color:#838b99;}

.b_pestanya:hover{
	background-color:rgba(255,255,255,0.2);
	color:#fff;
}
.b_pestanya:active{
	background-color:#263238;
	color:#a8b5be; opacity:0.8;
}
/* ---------- Mark ----------*/
.b_pestanya.mark{
	color:#fff;
	background-color:#4081a1;	
	font-weight:bold;
	pointer-events:none;
}
.b_pestanya.mark:hover{background-color:#666666}
.b_pestanya.mark:active{color:#D3D3D3; background-color:#000;}

.b_pestanya.mark_white{
	color:inherit;
	background-color:white;	
	font-weight:bold;
	pointer-events:none;
}
.b_pestanya.mark_white:hover{background-color:#666666}
.b_pestanya.mark_white:active{color:#D3D3D3; background-color:#000;}




.b_pestanya_top{
    color: #fff;
	/*background-color:#333b44;*/
	background-color:rgba(255,255,255,0.07);
	text-align:center;
    padding:10px;
    margin:0 3px;
	/*margin-right:8px;*/
	
	font-family: 'Roboto Condensed', Tahoma, sans-serif;
	font-size:17px;
	line-height:19px;
	
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
	
	flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	white-space: nowrap;
}
.b_pestanya_top:hover{
	background-color:rgba(255,255,255,0.2);
	color:#fff;
}
.b_pestanya_top:active{
	background-color:#263238;
	color:#a8b5be; opacity:0.8;
}

.pestanya_mark_game{
	/*background-image: url('bgs/waves-white.png');*/
	color:black;
	background-color:white;	
	font-weight:bold;
	pointer-events:none;
}
.pestanya_mark_game:hover{background-color:#666666}
.pestanya_mark_game:active{color:#D3D3D3; background-color:#000;}

/* ============================================================================================================================= */
/* ===================================================================================== BANNER/DISPLAY HOME =================== */
/* ============================================================================================================================= */
.banners_area{overflow:hidden; position:relative; /*height:0px;*/ height:536px;}
.banners_container{
	line-height: 0;
	position: absolute;
	top: 0;
	margin: auto;
	display: inline-block;
	text-align: center;
	width: 100%;
}
.banner{text-align:center; position:relative; border-bottom:1px solid #222931; background-color:white;}
.banner_text{font-size:47px; position:absolute; overflow-y:hidden; height:1px;}

.banner_control{
	background-size:auto 20px;
	background-repeat:no-repeat;
	background-position:center;
	display:inline-block;
	position:absolute !important;
	z-index:4;
	bottom:47%;
	min-height:44px;
	padding:7px 20px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background-color:transparent;
}
.banner_control.prev{background-image:url('icn/arrow_prev.svg'); left:16px; background-color:#344D5D;}
.banner_control.next{background-image:url('icn/arrow_next.svg'); right:16px; background-color:#344D5D;}

.banner_control.prev:hover{background-color:#496272;}
.banner_control.next:hover{background-color:#496272;}

.banner_control.prev:active{background-color:black; opacity:0.5;}
.banner_control.next:active{background-color:black; opacity:0.5;}

.banners_control_numbers{position:absolute; z-index:4; width:100%; bottom:16px; text-align:center; display:inline-block; pointer-events:none;}
.banner_number{width:17px; height:17px; display:inline-block; margin:0 6px; border:3px solid #344D5D; pointer-events:all; background-color:#344D5D;}
.banner_number:hover{background-color:#496272;}
.banner_number.mark{background-color:white; pointer-events:none;}

.banner_footer{
	padding-top: 8px;
	padding-bottom: 8px;
	/*background-color: rgba(0,0,0,0.8);*/
	border-top: 1px solid #535A62;

	/*
	position:absolute;
	z-index:5;
	width:100%;*/
}

/* ============================================================================================================================= */
/* ====================================================================================== ESTRUCTURA =========================== */
/* ============================================================================================================================= */
.contentSection{
	color:black; /*padding-top:32px; padding-bottom:32px;*/
	padding-top:32px;
	padding-bottom:42px;
	/*background-color:var(--color4-4);*/
	background-color:#e1e5eb;
}
/*
.columna_principal{border-right:1px solid #414850; background-color:var(--color4-4);}
.columna_derecha{border-left:1px solid white; background-color:var(--color4-4);}*/
.columna_principal{background-color:var(--color4-4);}
.columna_derecha{background-color:var(--color4-4); /*border-left:1px solid #222931;*/}
/* --------------------------------------------------------------------------- Áreas ---------- */
.sectionBar{
	color:black;
	/*background-image: url('bgs/waves-white.png');*/
	background-image: url('bgs/bg_white_waves.jpg');
	background-color: #f6f6f6;
	/*padding:11px 20px 8px 20px;*/
	padding:11px 0px 8px 0px;
	pointer-events: initial;
	border-bottom:1px solid #95999f;
	border-top:1px solid #0d151e;
}
.sectionBarApartado{
	color: white;
	/*padding: 11px 0 8px 0;*/
	padding:11px 16px 8px 16px;
}
.sectionBarApartadoInside{
	color: white;
	padding: 11px 20px 8px 20px;
}
.gameBar{
	color:black;
	/*background-image: url('bgs/waves-white.png');*/
	background-image: url('bgs/bg_white_waves.jpg');
	background-position: left center;
	background-color: #f6f6f6;
	padding: 5px 0 5px 0;
	pointer-events: initial;
	border-bottom:1px solid #95999f;
	border-top:1px solid #0d151e;
}
@media all and (max-width:540px){
	#gameBarLogo{width:100%;max-width:180px;}
}
@media all and (min-width:541px){
	#gameBarLogo{width:100%;max-width:216px;}
}
.toolBarTitle{color:#607d8b; padding:0 12px; font-size:15px; line-height:1.1;}
.toolBarMinHeight{min-height: 38px;}
.toolBar{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top:1px solid #0d151e;
	pointer-events: initial;
}
.toolBarMiniButton{
	font-size:15px;
	line-height:16px;
	/*padding:6px 8px;*/
	padding: 0px 0px 2px 0px;
	fill:#7cb342;
	color:#7cb342;
	font-family: 'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
}
.toolBarMiniButton icon{vertical-align:middle;}
.toolBarMiniButton span{vertical-align:middle;}

.toolBarExtraContent{
	border-top:1px solid #373E46;
	padding-top:20px;
	padding-bottom:32px;
}

.area4{margin:4px;}.area8{margin:8px;}.area12{margin:12px;}.area16{margin:16px;}.area24{margin:24px;}.area32{margin:32px;}.area48{margin:48px;}.area64{margin:64px;}

.pad4{padding:4px;}.pad8{padding:8px;}.pad12{padding:12px;}.pad16{padding:16px;}.pad24{padding:24px;}.pad32{padding:32px;}.pad48{padding:48px;}.pad64{padding:64px;}

.slim{padding-top:0.5rem !important; padding-bottom:0.5rem !important;}

.image-edition{
	background-image:url('no-image.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
	
	line-height:0;
	overflow:hidden;
	border:1px solid #c0c0cb;
	min-height:145px;
	padding:12px;
	position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.image-edition img{width:100%; height:100%; object-fit:cover;}
.image-edition button{position:absolute; left:24px; top:24px;}

.bloque_destacado{
	line-height: 18px;
	font-size: 15px;
	padding: 8px 16px;
	/*background-color: #314762;*/
	background-color: #de5409;
	color: #fff;
	text-align:left;
}

/* ============================================================================================================================= */
/* ===================================================================================== DECORATION ============================ */
/* ============================================================================================================================= */
.bg_site_1{background-image:url('bg_contact_form.jpg'); background-position:center; background-size:cover;}
.beautyMiniRight{background-image:url('bgs/beauty-white-right.svg'); background-repeat:no-repeat; background-size:contain; padding-left:6% !important;}
.beautyMiniLeft{background-image:url('bgs/beauty-white-left.svg'); background-repeat:no-repeat; background-size:contain; background-position:right top; padding-right:6% !important;}

.beautyDownRight {
    background-image: url('bgs/beauty-down-white.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left calc( (100vw/2) + 60px);
    ;
}
.beautyDownLeft {
    background-image: url('bgs/beauty-down-white.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right calc( (100vw/2) + 60px);
}

.beautyUpRight {
    background-image: url('bgs/beauty-up-white.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left calc( (100vw/3) + 150px);
}

.beautyUpLeft {
    background-image: url('bgs/beauty-up-white.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right calc( (100vw/2) + 60px);
}

.beautyDownRightColor1 {
    background-image: url('bgs/beauty-down-color1.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left calc( (100vw/2) + 60px);
    ;
}
.beautyDownLeftColor1 {
    background-image: url('bgs/beauty-down-color1.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right calc( (100vw/2) + 60px);
}

.beautyUpRightColor1 {
    background-image: url('bgs/beauty-up-color1.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left calc( (100vw/3) + 150px);
}

.beautyUpLeftColor1 {
    background-image: url('bgs/beauty-up-color1.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right calc( (100vw/2) + 60px);
}

.beautyDownRightColor2 {
    background-image: url('bgs/beauty-down-color2.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left calc( (100vw/2) + 60px);
    ;
}
.beautyDownLeftColor2 {
    background-image: url('bgs/beauty-down-color2.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right calc( (100vw/2) + 60px);
}

.beautyUpRightColor2 {
    background-image: url('bgs/beauty-up-color2.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left calc( (100vw/3) + 150px);
}

.beautyUpLeftColor2 {
    background-image: url('bgs/beauty-up-color2.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right calc( (100vw/2) + 60px);
}

.separator1{min-height:1px; background-color:white;}
.separator2{min-height:2px; background-color:white;}
.separator5{min-height:24px; background-color:white;}

/* ------------------------------------------------ */

.bg_decoration_body{
	background-image: url("shade_bg_body.png"),url("bgs/bg_principal.jpg");
	background-size:auto, cover;
	background-position: left top, top center;
	background-attachment: scroll, fixed;
}
.abstract{background-image:url('bgs/bg_abstract.png'); background-position:center;}
.abstract_right{background-image:url('bgs/bg_abstract_right.png'); background-repeat:no-repeat; background-position:center;}
.abstract_left{background-image:url('bgs/bg_abstract_left.png'); background-repeat:no-repeat; background-position:center;}

.bg_white_waves{background-image:url('bgs/bg_white_waves.jpg'); background-size:cover;}
.bg_white_circles{background-image:url('bgs/bg_white_circles.jpg'); /*background-size:cover;*/}

.bg_tapete{background-image:url('bgs/dark_stripes.png'); background-position:center;}
.bg_tapete2{background-image:url('bgs/burried.png'); background-position:center;}
.bg_tapete3{background-image:url('bgs/curls.png'); background-position:center;}

.bg_bright{background-image:url('bgs/bright.png'); background-size:contain; background-repeat:repeat-x;}
.bg_dark{background-image:url('bgs/dark.png'); background-size:contain; background-repeat:repeat-x;}
.bg_emboss{background-image:url('bgs/emboss.png'); background-size:contain; background-repeat:repeat-x;}

.bg_locked{background-image:url('bgs/locked.png');}

.bg_happy{
	background-color: #ffc600;
	background-image: url('bgs/happy_hour.png');
	color: white;
	text-shadow: 1px 1px 4px #000;
}

.bg_promoprices{
	background-image: url('bgs/bg_abstract_left.png');
	background-repeat: no-repeat;
	background-color: #be692b;
	/*background-image: url('bgs/promoevento_black_friday.png');*/	
	/*background-image: url('bgs/promoevento_navidad.jpg');*/
  	color:white;
}

.bg_sponsors{
	background-image:url("logo-footer-banda.png");
	background-repeat:repeat-x;
	min-height:44px;
	width:100%;
	background-position:bottom;
	padding-top: 6px;
    /*margin-top: 0px;*/
}
.bg_sponsors.left{background-position:left bottom; background-repeat:no-repeat !important;}
.bg_sponsors.right{background-position:right bottom; background-repeat:no-repeat !important;}
.bg_sponsors.center{background-position:center bottom;}

/* ============================================================================================================================= */
/* ===================================================================================== TEXTO ================================= */
/* ============================================================================================================================= */
.font1{font-family:'Lato', Tahoma, Geneva, sans-serif;}
.font2{font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;}

h1,h2,h3,h4,h5,h6{font-weight:normal; line-height:1.15; padding:0; margin:0;}
p{margin:0rem 0 1rem 0;}
p:last-child{margin:0 !important;}

.lista_texto{padding-left:16px;}
.lista_texto li{margin-bottom: 11px;}
.lista_texto li:last-child{margin-bottom:0;} 

/* ----------------------- */
.title_section{font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif; font-size:26px; line-height:27px;}

.title_cell{font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif; margin-bottom:0.5rem;}
.title_cell.size-3{font-size:19px;}

.title_text{font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif; margin-top:2rem; margin-bottom:0.5rem;}
.title_text.box{padding:12px 16px; margin:0;}
.title_text.box2{display:block; padding:6px 9px; margin: 0 0 6px 0;}
.title_text.underline{border-bottom:1px solid #818792; padding-bottom:4px; margin-bottom:30px;}

.title_text.size-0{font-size:25px; line-height:27px;}
.title_text.size-1{font-size:23px; line-height:26px;}
.title_text.size-2{font-size:21px;}
.title_text.size-3{font-size:19px;}
.title_text.size-4{font-size:17px; line-height:19px;}
.title_text.size-5{font-size:15px; line-height:16px;}

.subtitle_text{margin-top:2px;}
.subtitle_text.size-1{font-size:23px;}
.subtitle_text.size-2{font-size:21px;}
.subtitle_text.size-3{font-size:17px; line-height:19px;}
.subtitle_text.size-4{font-size:15px; line-height:16px;}

.title_note{
	text-align:center;
	background-color: red;
	font-size: 15px;
	line-height: 17px;
	padding: 3px 16px;
	/*margin: 2px 0px 2px 8px;*/
}

/* ----------------------- */
.txt-condition{font-size:13px; line-height:15px;}
.txt-small{font-size:13px; line-height:15px; color:#78818B;}
.txt-mini{font-size:11px; line-height:13px; color:#9ca5af;}

.text-drop{overflow-y:hidden; height:0;}

/* ----------------------- */
.field-divisa{font-size:12px; line-height:15px;}

.titleBlock {
    font-size: 32px;
    line-height: 36px;
}
.title-thin {
    font-size: 28px;
    line-height: 32px;
    font-weight: lighter;
}

/* -------------------------------------------------- REDACTION -------------------- */

/* ------------ Redaction mini ---------- */
.redaction_min{font-size:14px; /*line-height:1.3em;*/}
.redaction_min .body{color: #37474f; text-align: justify;}
.redaction_min H1{font-weight:bold; font-size:21px; line-height:1.3em; margin-bottom:24px;}
.redaction_min H4{font-weight:bold; font-size:15px; line-height:1.3em; margin-bottom:4px; margin-top: 30px;}
.redaction_min H5{font-size:13px; line-height:1.3em; margin-bottom:4px; margin-top: 30px;}

/* ------------ Redaction standard ---------- */
.redaction{font-size:15px; /*line-height:1.3em;*/}
.redaction .body{color: #37474f; text-align: justify;}

.redaction H1{font-weight:bold; font-size:24px; line-height:1.3em; margin:36px 0 16px 0;}
.redaction H2{font-weight:bold; font-size:24px; line-height:1.3em; margin:36px 0 16px 0;}
.redaction H4{font-weight:bold; font-size:18px; line-height:1.3em; margin:28px 0 14px 0;}
.redaction H5{font-size:15px; line-height:1.3em; margin:36px 0 16px 0;}
.redaction H1,H2:first-child{margin-top:0 !important;}

.redaction .redaction_image_container{line-height:0; margin:18px 0 16px 0; text-align:center;}
.redaction .redaction_image{width:100%; max-width:620px;}

/* ------------ Redaction box ---------- */
.redaction_box{font-size:14px; /*line-height:1.3em;*/}
.redaction_box .body{color: #37474f; text-align:justify;}
.redaction_box H4{font-weight:bold; font-size:18px; line-height:1.3em; margin-bottom:4px;}

.cita {
	display: inline-block;
	color: #2d2820;
	font-style: italic;
	font-size: 30px;
	line-height: 33px;
	text-align: center;
	font-family: "read","Times New Roman", serif;
	/*
	background-image: url('comillas-left.svg');
	background-size: 52px auto;
	background-position: 15px 20px;
	background-repeat: no-repeat;*/

	background-image: url('pliegue_sup_izda.png');
	background-repeat:no-repeat;
	background-size: 56px;

	background-color: #f5d7b3;
	padding: 15px 30px;
}
.cita-left {
	display: inline-block;
	color: #2d2820;
	font-style: italic;
	font-size: 30px;
	line-height: 33px;
	text-align: center;
	font-family: "read","Times New Roman", serif;
	background-image: url('comillas-left.svg');
	background-size: 52px auto;
	background-position: 15px 20px;
	background-repeat: no-repeat;
	background-color: #f5deb3;
	padding: 15px 15px 15px 78px;
}
.cita-credits {
	color: #706552;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    margin-top: 1px;
}

/* ============================================================================================================================= */
/* ===================================================================================== DROP MENU ============================= */
/* ============================================================================================================================= */
.b_dropDown{
	border-left:1px solid #5C6D81;
	background-image:url('icn/arrow_down_drop-white.svg');
	background-repeat:no-repeat;
	background-size:15px auto;
	background-position: center right;
	width:26px;
	height:32px;
}

.b_dropDown_text{
	background-image: url('icn/arrow_down_drop-white.svg');
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: center right;
	/*height: 32px;*/
	padding: 5px 21px 5px 0;
	color: white;
	font-size: 15px;
	line-height: 15px;
}

.drop_area{overflow-y:hidden; height:0;}

.label_drop_buttons {
	display: block;
	white-space: nowrap;
	font-family: 'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
	font-size: 14px;
	line-height: 17px;
	width: 100%;
	text-align: left;
	padding:8px 10px 4px 10px;
	background-color: #314762;
	/* border-top: 5px solid #333b44; */
}

.b_drop{
    display: block;
	white-space: nowrap;
	font-family: 'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
	font-size: 15px;
	line-height: 37px;
	color: #111922;
	fill: #111922;	
	width: 100%;
	text-align: left;
	padding: 0px 20px 0px 1px;
	background-color: #eef2f8;
	border-top:1px solid #333b44;
	background-image: url('degradado-white-vertical.png');
	background-repeat: repeat-x;
	background-size: contain;
}
.b_drop:first-child{border-top:none !important;}
.b_drop:hover{
	background-color:white;
	background-image:none;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.b_drop:active{
	color:#c5c5ce; fill:#c5c5ce;
	background-color:#263238;
}

.b_drop .ic{display:inline-block; width:41px; text-align:center;}

/* ============================================================================================================================= */
/* ===================================================================================== BUTTONS =============================== */
/* ============================================================================================================================= */
a, button:focus{outline:none; /*background-color:#263238;*/}
.disabledno{opacity:0.7 !important; fill:#A4A4A4 !important; background-color:#333 !important;}
.disabled{opacity:0.7 !important; pointer-events:none !important; fill:#A4A4A4 !important; color: #A4A4A4 !important;}


.handHover{cursor:pointer;}

/* --------------------------------------------- Index buttons ---------------- */
.b_index{
	padding:8px 16px;
	display:block;
	/*background-color:#D7DFE8;
	margin-bottom:1px;
	margin-right:1px;
	*/
	/*border-bottom:1px solid #D7DFE8;*/
	border-bottom:1px solid #B1B9C2;
	width:100%;
	background-color: white;
}
.b_index:hover{background-color:#D7DFE8;}
.b_index:active{background-color:#B4BCC5; color:#fff;}

/* --------------------------------------------- Text buttons ---------------- */
.b_txt{color:inherit;}
.b_txt.underline{text-decoration:underline;}
.b_txt:active{text-decoration:underline; opacity:1; color:#263238 !important; fill:#263238 !important; opacity:1 !important;}

.leer_mas{color:#689f38; font-weight:bold; text-align:right; display:block; width:100%; margin-top:-19px;}
.leer_mas:hover{text-decoration:underline;}
.leer_mas:active{color:#252631;}

.leer_menos{color:#689f38; font-weight:bold; text-align:right; display:block; width:100%; margin-top:-16px;}
.leer_menos:hover{text-decoration:underline;}
.leer_menos:active{color:#252631;}

/* --------------------------------------------- Icon buttons ---------------- */
.b_icn{line-height:0;}
.b_icn:active{fill:#263238 !important; opacity:1 !important;}


.toolbar_group{display:inline-block;}
.toolbar_separator{display:inline-block; width:1px; height:26px; margin:0 6px; background-color:rgba(255,255,255,0.5); vertical-align:middle;}

.b_toolbar{color:#fff; fill:#fff; line-height:0; margin:0 4px;}
.b_toolbar:hover{color:#ffab09 !important; fill:#ffab09 !important; opacity:1 !important;}
.b_toolbar:active{fill:#263238 !important; opacity:1 !important;}

.b_toolbar.icoLeft icon{margin-right:5px;}
.b_toolbar.icoRight icon{margin-left:5px;}
/* --------------- Efectos de botón ------------ */
.toUnderline:hover{text-decoration:underline;}
.toBold:hover{font-weight:bold;}
.toTransparent:hover{opacity:0.8;}

.toWhite:hover{color:white !important; fill:white !important;}
.toRed:hover{color:#D70000 !important; fill:#D70000 !important;}
.toGreen:hover{color:#7cb342 !important; fill:#7cb342 !important;}
.toOrange:hover{color:#e89f13 !important; fill:#e89f13 !important;}
.toBlue:hover{color:#4081a1 !important; fill:#4081a1 !important;}
.toViolet:hover{color:#8e24aa !important; fill:#8e24aa !important;}

.toOpaque{opacity:0.7;}
.toOpaque:hover{opacity:1;}

/* --------------------------------------------- Background buttons ---------------- */
.b_bg{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	padding:6px 14px;
	color:white;
	position:relative;
	line-height:normal;
	font-size:16px;
	line-height:18px;
	font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
	/*text-shadow: 2px 2px 5px rgba(0,0,0,0.5);*/
}
.b_bg:hover{opacity:0.8;}
.b_bg:active{
	background-color:#263238 !important;
	opacity:0.8;

	color:#a8b5be !important;
	fill:#a8b5be !important;

	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
}
.b_bg.destacado{border: 2px solid white;}

.b_bg.toWhite:hover{background-color:white; opacity:1; color:#233442 !important;}
.b_bg.toWhite:active{background-color:white; color:#a8b5be !important;}

/* ------- */
.b_bg.disabled{background-color:#333 !important; box-shadow:none !important;}

/* ------- */
.b_bg.big{font-size:20px; line-height:22px; padding:7px 14px 6px 14px; min-height:auto;}
.b_bg.slim{padding-top:4px !important; padding-bottom:3px !important; min-height:auto;}
.b_bg.small{font-size:15px; line-height:16px; padding:4px 10px 4px 10px; min-height:auto;}
.b_bg.mini{font-size:14px; line-height:15px; padding:4px 10px 3px 10px !important; min-height:auto;}

/* --------------- Background buttons with icon ---------------- */
/*.b_bg span{vertical-align:middle;}*/
.b_bg.ico{background-position:center center; background-repeat:no-repeat; background-size:auto 60%;}
.b_bg.icoLeft{padding-left:31px; background-position:10px center; background-repeat:no-repeat; background-size:16px auto;}
.b_bg.icoRight{padding-right:31px; /*padding-right:39px !important;*/ background-position:right 10px center; background-repeat:no-repeat; background-size:16px auto;}

/* ----------- Fondo con icono -------------- */
.b_bg.icon_left{padding:0; padding:7px 12px; text-align:left;}
.b_bg.icon_left icon{display:inline-block; vertical-align:middle;}
.b_bg.icon_left span{display:inline-block; vertical-align:middle; margin-left:7px;}


.b_bg.icon_right{padding:0; padding:7px 12px; text-align:right;}
.b_bg.icon_right icon{display:inline-block; vertical-align:middle;}
.b_bg.icon_right span{display:inline-block; vertical-align:middle; margin-right:7px;}


/* ================================================================ BOTONES ESPECÍFICOS ============ */

/* ---------------- Controles reproducción */
.b_download{
	background-image: url('icn/download-white.svg');
	background-repeat: no-repeat;
	background-position: center right 11px;
	background-size: 18px auto;
	padding-right: 37px;
}

/* ---------------- */
.b_fijar{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	min-width: 19px;
	min-height: 19px;
	position: absolute;
	right:5px;
}
.b_fijar:hover{opacity:0.5}
.b_fijar.fijar_off{background-image: url('icn/fijar_off.svg');}
.b_fijar.fijar_tmp{background-image: url('icn/fijar_tmp.svg'); background-position:bottom center;}
.b_fijar.fijar_on{background-image: url('icn/fijar_on.svg'); background-position:bottom center;}

/* ---------------- */
.b_lock{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	min-width: 18px;
	min-height: 19px;
	position: absolute;
	left:8px;
}
.b_lock.lock_on{background-image: url('icn/lock_on.svg');}
.b_lock.lock_off{background-image: url('icn/lock_off.svg');}

/* ---------------- */
.b_repeat{
	background-image: url('icn/repeat_off.svg');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	min-width: 19px;
	min-height: 19px;
	position: absolute;
	right:5px;
}
.b_repeat:hover{background-image: url('icn/repeat_yellow.svg');}
.b_repeat:active{opacity:0.5}
/*.b_repeat.repeat_yellow{background-image: url('icn/repeat_yellow.svg');}*/

/* --------------- */
.b_bg.images{
	background-image:url('icn/image-photo-white.svg');
	background-repeat: no-repeat;
	background-size:22px auto;
	background-position:center center;
	min-width:32px;
	min-height:32px;
}
.b_help{
	display:block;
	cursor:pointer;
	width:17px; height:17px;
	background-image:url('icn/help_white.svg');
	background-repeat:no-repeat;
	background-size:cover;
	opacity:1;
}
.b_help:hover{opacity:0.8;}
.b_help:active{opacity:0.4;}

.b_help.help_blue{background-image:url('icn/help_blue.svg');}
.b_help.help_yellow{background-image:url('icn/help_yellow.svg');}

.b_tool_solution{
	display:block;
	cursor:pointer;
	/*width:25px; height:25px;*/
	fill:#2e3843;
	background-repeat:no-repeat;
	background-size:cover;
}
.b_tool_solution:hover{fill:#1669aa;}
.b_tool_solution:active{opacity:0.4;}


.txtohelp{text-decoration:underline; color:#6aabcb;}
.txtohelp:hover{color:#97d8f8;}
.txtohelp:active{color:#50505D;}

.b_del{
	background-image:url('icn/delete-red.svg');
	width:17px;
	height:19px;
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:inline-block;
}
.b_mas{
	background-image:url('icn/icon_mas-white.svg');
	width:18px;
	height:18px;
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:inline-block;
	opacity: 0.85;
}
.b_mas:hover{opacity:1;}

.b_load{
	background-image:url('icn/file-folder-white.svg');
	width:23px;
	height:22px;
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:inline-block;
	opacity: 0.85;
}
.b_load:hover{opacity:1;}

.b_save{
	background-image:url('icn/save-white.svg');
	width:18px;
	height:18px;
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:middle;
	display:inline-block;
	opacity: 0.85;
}
.b_save:hover{opacity:1;}

/* ---------------- Arrow Down */
.b_arrow_down{
	border-left: 1px solid #7B8CA0;
	background-image: url('icn/arrow_down_drop-white.svg');
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: center right;
	width: 19px;
	height: 15px;
	float: right;
	margin-right: 5px;
	opacity: 0.3;
	margin-top: 3px;
}
.b_arrow_down:hover{opacity:1}
.b_arrow_down:active{opacity:0.5}

/* ---------------- Edit */
.b_edit{
	background-image: url('icn/edit_white.svg');
	background-repeat: no-repeat;
	background-size: 74%;
	background-position: center;
	width: 23px;
	height: 23px;
	background-color: #689f38;
	z-index: 1;
}
.b_edit:hover{opacity:0.8}
.b_edit:active{
	background-color:#263238 !important;
	opacity:0.8;

	color:#a8b5be !important;
	fill:#a8b5be !important;

	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.8) inset;
}

/* ---------------- Controles reproducción */
.b_play_video{
	background-image: url('icn/play.png');
	background-repeat: no-repeat;
	background-position: center center;
	width:96px;
	height:84px;
	display:inline-block;
}

.b_play_ver {
	background-image: url('icn/play_ver.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 193px;
	height: 62px;
	display: inline-block;
	color: white;
	padding-left: 66px;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	font-family: 'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
	font-weight: bold;	
}

/* --------------------------------------------------------------- Float Bars & Buttons -------------- */
.floatBar{
	position:absolute;
	min-height:45px;
}

/* ------------------------------------------- Social buttons ---------- */
.b_social{background-position:center; background-repeat:no-repeat; background-size:contain; display:inline-block; height:32px; width:32px; margin:5px;}
.b_social:hover{opacity:0.7;}
.b_social:active{opacity:1;}


/* ============================================================================================================================= */
/* ===================================================================================== ICONS ================================= */
/* ============================================================================================================================= */
.icn{  		
	mask-size:contain;			
	mask-repeat:no-repeat;
	display:inline-block;
	vertical-align:middle;
}
.icn.white{background-color:white;}



/* ============================================================================================================================= */
/* ======================================================================================= TABLAS ============================== */
/* ============================================================================================================================= */
th{
	font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
	font-size: 15px;
	line-height: 17px;
	padding: .625em;
	background-color: #415266;
	color: white;
	cursor: pointer;
	text-transform: uppercase;
}
th:hover{
    background-color:#516276;
}
/* --------------------------------------------------------------------- TABLE: STANDARD ---------------------- */
.std_table{border-collapse: collapse; border: 1px solid #666;}
.std_table tr{
	background-color:#dde5eb;
	}
.std_table tr.mark{
	/*background-color:#8ccc38;*/
	background-color:#afd37f;
	}
.std_table tr.nomark{
	background-color:#fff;
	}
.std_table tr.error{
	background-color:#da7772;
	}
.std_table tr.section{
	color:white;
	background-color:#314762;
	}
.std_table th{
	text-align: center !important;
	background-image: none !important;
	/*background-color: #415266;*/
	background-color:#222931;
	color: white !important;
	/*padding: 7px 12px !important;*/
	padding: 7px 4px !important;
	font-size: 17px !important;
	line-height: 18px;
	font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
	font-weight: bold;
	}
.std_table td{
	color:inherit;
	height: 31px;
	border:1px solid #666;
	padding: 8px 12px;
	/*word-break: break-word;*/
	}
.std_table .td_icn{
	line-height:0;
	vertical-align:middle;
	text-align:center;
	}

/* --------------------------------------------------------------------- TABLE: RESPONSIVE HTML --------------- */
.responsiveClassicTable{
	/*border: 1px solid #ccc;*/
	border-collapse: collapse;
	/*border-collapse: separate;
	border-spacing: 0px 1px;*/
	margin: 0;
	padding: 0;
	width: 100%;
	/*table-layout: fixed;*/
}

.responsiveClassicTable caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}

.responsiveClassicTable tr {
	background-color: #f8f8f8;
	/*border: 1px solid #ddd;*/
	padding: .35em;
}

/*
.responsiveClassicTable th {	
	padding: .625em;
	text-align: center;
	font-size: .85em;
	letter-spacing: .1em;
	text-transform: uppercase;
}*/

.responsiveClassicTable td {
  padding: .625em;
  text-align: center;
}

.responsiveClassicTable .cell{border-right:none; /*border-bottom:none;*/}

/* BreakPoint */
.breakpointClassicTable {
	border:0;
}

.breakpointClassicTable caption {
	font-size: 1.3em;
}

.breakpointClassicTable thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.breakpointClassicTable tr {
	/*border-bottom: 3px solid #ddd;*/
	display: block;
	margin-bottom: 16px;
	border: 1px solid #b1c5cf;
}

.breakpointClassicTable tr td:first-child {
    background-color: #415266;
    color: white;
    text-transform: uppercase;
}

.breakpointClassicTable td {
	/*border-bottom: 1px solid #ddd;*/
    display: block;
    font-size: 13px;
    text-align: right;
    line-height: 14px;
}

.breakpointClassicTable td::before {
	/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
    line-height: 15px;
	font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
}

.breakpointClassicTable td:last-child {
	border-bottom: 0;
}

/* --------------------------------------------------------------------- TABLE: RESPONSIVE CELL --------------- */
.responsiveTable{
	display:grid;
	border-top:1px solid #b1c5cf;
	border-left:1px solid #b1c5cf;
	font-size: 15px;
	line-height: 17px;

	grid-gap: 0px;
	grid-auto-columns: min-content;
	justify-items: stretch;
	grid-auto-flow: dense;
	background-color: #f4f7f9;
}
.table_cell_click:hover{
	background-color:#E3D4FB;
	cursor: pointer;
}
.responsiveTable:last-child{border-bottom:none;}
.line{display:grid;}
.cell{
	font-size:15px;
	line-height:17px;
	padding:8px 12px;
	border-right:1px solid #b1c5cf;
	border-bottom:1px solid #b1c5cf;
}
/* ------------------------------------------------ Tipo de celdas ------ */
.cell.imagen{background-repeat:no-repeat; background-size:cover; background-position:center;}
.cell.imagen_click{background-repeat:no-repeat; background-size:cover; background-position:center; cursor:pointer;}
.cell.imagen_click:hover{opacity:0.6;}
.cell_user_image{width:28px; height:28px; vertical-align:middle; margin-right:5px;}
.cell.header {
	text-align: center !important;
	background-image: none !important;
	background-color: #415266;
	color: white !important;
	padding: 7px 12px !important;
	font-size: 17px !important;
	line-height: 18px;
	font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
	font-weight: bold;
}

.cell.tipo{text-align:center; background-repeat:no-repeat; background-size:80% auto; background-position:center;}
/*
.cell.tipo_licencia {
  background-image: url('../content/site/elementos_compra/cell_tipo_licencia.png');
  background-size: 31px auto;
}*/

.cell.concepto{text-align:left; font-weight:bold;}
.cell.precio{text-align:right;}
.cell.direction{text-align:center; background-repeat:no-repeat; background-size:24px auto; background-position:center;}
.cell.persona{text-align:left;}

.cell.cantidad{text-align:right;}
.cell.subtotal{text-align:right; font-weight:bold; /*background-image:url('icn/moneda-euro.svg'); background-repeat:no-repeat; background-size:11px auto; background-position:right 8px center; padding-right: 35px;*/}

.cell.number{text-align:right;}
.cell.number_dharmas{text-align:right; font-weight:bold; background-image:url('icn/dharma-green.svg'); background-repeat:no-repeat; background-size:22px auto; background-position:right 8px center;padding-right: 35px;}

.cell.info{text-align:center; background-image:url('icn/info_circle-blue.svg'); background-repeat:no-repeat; background-size:19px auto; background-position:center; cursor:pointer;}
.cell.info:hover{background-color:#eceff1;}

.cell.delete{text-align:center; background-image:url('icn/delete-red.svg'); background-repeat:no-repeat; background-size:19px auto; background-position:center; cursor:pointer;}
.cell.delete:hover{background-color:#eceff1;}

.cell.symbol{text-align:center;}

/* ------------------------------------------------ Celdas tipo ------ */
.cell.recarga{background-color:#8e24aa; background-image:url('icn/dharma_circle-white.svg'); }
.cell.transferencia{background-color:#7cb342; background-image:url('icn/dharma_circle-white.svg'); }

.cell.regalo{background-image:url('icn/regalo-purple.svg'); background-size:26px auto;}

.cell.bien{background-image:url('icn/bien-grey.svg'); background-size:24px auto;}
.cell.servicio{background-image:url('icn/servicio-grey.svg'); background-size:26px auto;}

.cell.valoracion{background-image:url('icn/star.svg'); background-size:24px auto;}
.cell.sin_valoracion{background-image:url('icn/star-dude.svg'); background-size:24px auto;}

.cell.d_to{background-color:#8bc34a; background-image:url('icn/arrow_to-white.svg');}
.cell.d_from{background-color:#e57373; background-image:url('icn/arrow_from-white.svg');}

.cell.date{font-size:12px; line-height:13px; text-align:right; color:#787884;}


/* ============================================================================================================================= */
/* ======================================================================================= BLOG GRID =========================== */
/* ============================================================================================================================= */
.blogGrid {
    display:grid;
    grid-gap:16px;	
	grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
    /*grid-auto-rows:54px;*/
    grid-auto-flow:dense;
}
/* ---------------------------- Blog Grid Items ------- */
@media all and (max-width:991px){
	.blogGridItem{grid-column:span 3 !important; grid-row:span 7 !important;}	
}

.blogGridItem{position:relative; overflow:hidden;}	
.blogGridItem>img {width:100%; height:100%; object-fit:cover;}
.blogGridItem.normal{grid-column:span 3; /*grid-row:span 7;*/} .blogGridItem.normal .card-image{height:160px;}
.blogGridItem.horizontal{grid-column:span 6; /*grid-row:span 7;*/} .blogGridItem.horizontal .card-image{height:232px;}
.blogGridItem.vertical{grid-column:span 6; /*grid-row:span 7;*/} .blogGridItem.vertical .card-image{height:340px;}
.blogGridItem.big{grid-column:span 6; /*grid-row:span 14;*/}

/* ============================================================================================================================= */
/* ======================================================================================= ARTICULO BLOG ======================= */
/* ============================================================================================================================= */
.article-title{font-size:26px; line-height:1.2em; /*margin-bottom:30px;*/}
.article-subtitle{font-size:20px; color:#b87b2d; margin-top:2px;}
.article-image{line-height:0; overflow:hidden;}
.article-image>img{width:100%; height:100%; object-fit:cover;}
/*.article-description{font-size:14px; line-height:1.3;}*/

/* ============================================================================================================================= */
/* ===================================================================================== CARDS ================================= */
/* ============================================================================================================================= */
.card{overflow:hidden; position:relative; height:100%; background-color:#f2f1f7;
	/*border:1px solid #cfc2cd;*/
	border: 1px solid #e0d3de;
	/*border-top: none;*/
}
.card-with-footer{padding-bottom: 54px;}
.card-blog{overflow:hidden; position:relative; /*height:100%; background-color:white; border:1px solid #cfc2cd;*/}

.block_left{
	background-image: url('block_left.png');
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 26px !important;
}
.card-title{font-size:19px; line-height:20px; padding:9px 20px 10px 20px; border-bottom: 1px solid #111820; color:white;}
.card-title-hover:hover{text-decoration:underline;}

.card-title2{font-size:17px; line-height:19px; padding:8px 20px 9px 20px;}

.card-logo-container{
	line-height:0;	
	padding: 5px 6px 7px 10px;
}
.card-logo{height:100%; max-height:26px; max-width:82px;}

.card-subtitle {
	text-align: center;
	font-size: 15px;
	line-height: 17px;
	padding: 11px 16px 10px 16px;
	color: #222931;
	font-weight: bold;
	background-color: #f2f1f7;
	border-bottom: 1px solid #e0d3de;
	border-top: 1px solid #f8f8f8;
}

.card-image{line-height:0; display:block; width:100%; text-align:center;}
.card-image>img{width:100%; height:100%;}

.card-image-overflow{line-height:0; overflow:hidden; display:block; width:100%;}
.card-image-overflow>img{width:100%; height:100%; object-fit:cover;}

/* ---------- */
.card-minidetail{
	text-align: center;
	font-size: 14px;
	line-height: 15px;
	padding: 5px 0 4px 0;
	background-color: #222931;
	color:#ff8b49;
}
.card-minidiscount{
	text-align: center;
	font-size: 16px;
	line-height: 17px;
	padding: 7px;
	background-color: #b00000;
	color: #fff;
	/*border-top: 1px solid #0B121A;*/
}

/* ---------- */
.card-price_block{text-align:center; padding:14px 0 16px 0; background-position:center; background-size:cover;}
.card-price_block_standard{
	white-space: nowrap;
	font-weight: bold;
}
.card-price_standard{font-weight:bold; font-size:30px;}
.card-divisa_standard{margin-left:4px; font-size:16px;}
/* ---------- */
.card-price_block_anterior{
	white-space: nowrap;
	font-weight: bold;
}
.card-price_anterior{/*font-weight:bold;*/ font-size:30px; text-decoration: line-through;}
.card-divisa_anterior{margin-left:4px; font-size:16px; text-decoration: line-through;}
/* ---------- */
.card-price_block_actual{
	white-space: nowrap;
	background-color:white;
	display:inline-block;
	padding:0 16px;
	color: #e26826;
	/*color: #d60000;*/
}
.card-price_actual{/*font-weight:bold;*/ font-size:25px;}
.card-divisa_actual{margin-left:4px; font-size:16px;}
/* ---------- */


.card-description{font-size:15px; line-height:21px; padding:19px 24px; /*background-color:#f2f1f7;*/ /*color:#565C67;*/}
.card-description-small{
	font-size: 14px;
	line-height: 19px;
	padding: 14px 19px;
	background-color: #f2f1f7;
	color: #565C67;
}
.card-description-footer{font-size:15px; line-height:18px; color:#EEF4FF; margin-bottom:11px;}

.card-footer{padding:12px 24px; position:absolute; width:100%; bottom:0; color:white; text-align:center;}
.card-footer.light{background-color:#f2f1f7; border-top:1px solid #d9cbd7;}
.card-footer.dark{border-top:1px solid #333A42;}
.card-nofooter{margin-bottom:10px;}

.card-description-blog{font-size:14px; line-height:20px; padding:19px 24px; margin-bottom:64px; color:#575D68;}
.card-footer-white{padding:12px 24px; position:absolute; width:100%; bottom:0; border-top:1px solid #d9cbd7; background-color:#e9e0e0;}

.card-categoria{
    color:#85799C;
    fill:#85799C;
    padding: 4px 16px 6px 16px;
    text-align: right;
    display: block;
	font-size: 14px;
	line-height: 16px;
	background-color: #e9e0e0;
	border-bottom: 1px solid #d9cbd7;
	line-height: normal;
}
.card-categoria-hover:hover{
	color:#fff; fill:#fff;
	padding: 4px 10px 6px 10px;
	background-color: #97c249;
	background-position: center right -5px;
	
	-webkit-transition: background-color 100ms, padding-right 100ms linear;
    -ms-transition: background-color 100ms, padding-right 100ms linear;
    transition: background-color 100ms, padding-right 100ms linear;
}
.card-categoria-hover:active{
	color:#fff; fill:#fff;
	padding: 4px 10px 6px 10px;
	background-color: #97c249;
}
.card-categoria h6{
	display:inline-block;
	font-size: inherit;
	line-height: inherit;
}


/* ----------------------------------------------- Card Mini ----------------- */
.cardmini{position:relative; height:100%; /*background-color:white;*/}
.cardmini-grid{grid-template-columns:auto 1fr; height:100%;}
.cardmini-imagecell{line-height:0; min-width:48px; text-align:center;}

.cardmini-title{font-size:18px; line-height:21px}
.cardmini-title2{font-size:16px; line-height:18px}
.cardmini-subtitle{
	font-size: 15px;
	line-height: 18px;
	color: #1C2C34;
}
.cardmini-description{
	font-size: 14px;
	line-height: 1.3;
	color: #3f3c50;
	margin-top: 6px;
	text-align: justify;	
}

.cardmini-image{line-height:0; overflow:hidden; margin:12px;}
.cardmini-image>img{width:100%; height:100%; object-fit:contain;}

.cardmini-footer{padding:8px 16px; border-top:1px solid #c2c2cf; position:absolute; width:100%; bottom:0;}
.cardmini-footer-noborder{padding:0px 16px 8px 16px; position:absolute; width:100%; bottom:0;}

.cardBorderTransparent{/*border:10px solid #c2c2cf;*/ border:7px solid rgba(0,0,0,0.2);}

/* ----------------------------------------------- Card List ----------------- */
.cardlist{
	border-bottom: 1px solid #B4C4CC;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.cardlist:last-child{border-bottom:none; padding-bottom:0px; margin-bottom:0px;}
.cardlist-grid{grid-template-columns:auto 1fr}
.cardlist-imagecell{line-height:0}
.cardlist-title{font-size:16px; line-height:18px;}
.cardlist-subtitle{
	font-size: 14px;
	line-height: 17px;
	color:#3f3c50;
	padding-top: 4px;
	padding-bottom: 6px;
}
.cardlist-description{
	padding-top:4px;
	font-size: 14px;
	line-height: 17px;
	color:#3f3c50;
}


/* ----------------------------------------------- Características Block -------------- */
.feature_block{
	display:inline-block;
	padding:16px;
	color:black;
	background-color:white;
	margin:0px 12px 24px 12px;
	flex: 1 0 320px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/*
.feature_block{
	display: inline-block;
	padding: 16px;
	color:black;
	background-color:white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}*/
.feature_image_block {
	position: relative;
	line-height: 0;
}
.circle_decoration {
	width:92px;
	height:92px;
	position: absolute;
	background-image: url('circle-decoration.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.feature_image_horizontal{
	width:100%;
	object-fit: cover;
	object-position: center;
	max-width: 138px;
}
.feature_image_vertical{
	height:100%;
	/*max-width: 75px;*/
	/*
	object-fit: cover;
	object-position: center;*/
}

.feature_icon_block {
	position: relative;
	line-height: 0;
	margin-bottom: 16px;
}
.feature_icon{height:88px; background-color:#0E2737; border: 1px solid white;}
.feature_icon:hover{background-color:#344D5D;}

.feature_text_block{margin-top:-5px;}

.feature_title{
	font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	display: inline-block;
	background-color:#be753a !important;
	color:white !important;
	margin-bottom: 16px;
}
.feature_title.box{
	display: block;
	/*background-color: #314762;*/
	border-radius: 5px;
	padding: 5px 11px 4px 11px;
	color: white;
}
.feature_subtitle{
	line-height: 18px;
	font-size: 16px;
	margin-bottom:10px;
	color: #c60000;
}
.feature_details{
	font-size:14px;
	line-height:18px;
	/*margin-top:5px;*/
}

/* ------------------------------------------------------------------------------------ SPONSORS ------------------------------ */
.sponsors_container{display:flex; flex-wrap:wrap;}
.sponsor_cell {flex: 1 1 auto; padding:3px; text-align:center;}

.b_sponsor{display:block; width:100%; padding:6px; overflow:hidden; line-height:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.b_sponsor:hover{
	-webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.45);
    box-shadow:0px 2px 5px rgba(0,0,0,0.45);
    }
.b_sponsor:active{border:1px solid #cfc2cd; -webkit-box-shadow:none; box-shadow:none;}


.image_sponsor_container{line-height:0; text-align:center;}
.image_sponsor_container img{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

.sponsor_details{font-size:13px; line-height:15px; text-align:center; margin-top:5px; padding:6px; border-top:1px solid #cfc2cd; display:none;}

/*
.sponsor_details{
	font-size: 13px;
	line-height: 14px;
	text-align: center;
	padding: 6px;
	margin-top:3px;
	display: none;
	background-color:#C3DCEC;
	width: 100%;
}*/


/* ============================================================================================================================= */
/* ====================================================================================== GALLERY GRID ========================= */
/* ============================================================================================================================= */
/*
.galleryGrid {
    display:grid;
    grid-gap:16px;	
	grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
    grid-auto-rows: 50px;	
    grid-auto-flow: dense;
}*/

.galleryGridAuto {
    display:grid;
    grid-gap:16px;	
	grid-template-columns: repeat(auto-fit, minmax(51px, 1fr));
	grid-auto-rows: 50px;   	
    grid-auto-flow: dense;
    position:relative;
 }
.galleryGrid{
    display:grid;
    grid-gap:16px;	
	grid-template-columns:repeat(12, 1fr);
    grid-auto-flow: dense;
    position:relative;
}

/* ---------------------------- Gallery Grid Items ------- */
.galleryGridCell._small{grid-column:span 12; grid-row:span 12;}
.galleryGridCell._cuadrada{grid-column:span 12; grid-row:span 12;}
.galleryGridCell._vertical{grid-column:span 12; grid-row:span 12;}
.galleryGridCell._horizontal{grid-column:span 12; grid-row:span 12;}

@media(min-width:768px){
	.galleryGridCell._small{grid-column:span 4; grid-row:span 6;}
	.galleryGridCell._cuadrada{grid-column:span 6; grid-row:span 6;}
	.galleryGridCell._vertical{grid-column:span 3; grid-row:span 6;}
	.galleryGridCell._horizontal{grid-column:span 6; grid-row:span 3;}
}
@media(min-width:1200px){
	.galleryGridCell._small{grid-column:span 3; grid-row:span 4;}
	.galleryGridCell._cuadrada{grid-column:span 4; grid-row:span 4;}
	.galleryGridCell._vertical{grid-column:span 4; grid-row:span 8;}
	.galleryGridCell._horizontal{grid-column:span 8; grid-row:span 4;}
}

/* ---------------------------- Gallery Grid Items ------- */
.galleryGridItem{cursor:pointer; position:relative; overflow:hidden;}	
.galleryGridItem>img {width:100%; height:100%; object-fit:cover;}
.galleryGridItem.normal{grid-column:span 3; grid-row:span 4;}
.galleryGridItem.horizontal{grid-column:span 6; grid-row:span 4;}
.galleryGridItem.vertical{grid-column:span 3; grid-row:span 8;}
.galleryGridItem.big{grid-column:span 6; grid-row:span 8;}

/* ---------------------------- Gallery Grid Header ------- */
.galleryGridItem-header{width:100%; padding:10px 16px; background-color:#fff; position:absolute; z-index:2;}
.galleryGridItem-title{font-size:14px; line-height:1.3;}
	
/* ---------------------------- Gallery Grid Content ------- */	
.galleryGridItem-contentScroll{
	overflow-y:hidden; width:100%; height:0%;
	position:absolute; top:0px;
	background-color:rgba(255,255,255,0.9);
	}
.galleryGridItem-content{padding:16px 16px 42px 16px; font-size:14px; color:#263238; border-top:1px solid #c4ccd8;}
	
/* ---------------------------- Gallery Grid Footer ------- */	
.galleryGridItem-footer{
	border-top:1px solid #c4ccd8;
	font-size:14px; line-height:1.1;
	display:block; width:100%;
	background-color:#fff;	
	color:black;
	padding:16px 56px 16px 37px;
	/*line-height:16px;*/
	
	position:absolute; bottom:-90px; left:0px; z-index:1;
	
	background-image:url('icn/pdf1.svg');
	background-size: auto 20px;
	background-repeat:no-repeat;
	background-position:16px 13px;
	}	
	
.galleryGridItem-price{
	font-size:14px;
	display: inline-block;
	background-color: white;	
	border-radius:7px;
	color:#fff;
	background-color:#b87b2d;
	padding: 6px 10px;
	line-height: 16px;
	position:absolute; bottom:9px; right:12px; z-index:3;
	border:2px solid #fff;
	}
	
.galleryGridItem-price:hover{opacity:0.8; color:white; fill:white;}
/* ============================================================================================================================= */
/* ===================================================================================== CHAT Y COMENTARIOS ==================== */
/* ============================================================================================================================= */
/* ------------------ Chat ------------- */
.say_box{	
	background-repeat:no-repeat;
	background-size:12px;
}
.say_box .b_txt{color:#ec7230 !important;}

.sb_me{
	margin-left:11%;
	padding-right: 4px;
	/*padding-right:1px;*/
	background-position:right 22px;
	background-image:url('icn/chat_say_me.svg');
}

.sb_other{
	margin-right:11%;
	padding-left: 4px;	
	/*padding-left:1px;*/
	background-position:left 0px;
	background-image:url('icn/chat_say_other_up.svg');
}

@media all and (max-width:576px){
	.sb_me{margin-left:6%;}
	.sb_other{margin-right:0;}
}

.say{
	color:white;
	padding:8px 14px 12px 14px;
	margin-bottom:6px;
	font-size:15px;
	line-height:17px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;	

	word-break: break-word;
    white-space: pre-line;
}
.say .title{font-size:16px; line-height:17px; margin-bottom:16px;}
.say.other{	
	background-color:#283e59;
}
.say.me{
	background-color:#6ba231;
}
.say.msg_check_1{
	background-image:url('icn/msg_check_1.svg');
	background-repeat: no-repeat;
	background-size: 11px;
	background-position: bottom 5px right 5px;
}
.say.msg_check_2{
	background-image:url('icn/msg_check_2.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: bottom 5px right 5px;
}
.say.msg_check_3{
	background-image:url('icn/msg_check_3.svg');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: bottom 5px right 5px;
}

/* ------------------ Comentarios ------------- */
.commentsFullArea{
	/*background-color: #e1deea;*/
	background-color: #efecf8;
	padding: 12px 32px;
	border-top: 1px solid #cfcfdc;
	border-bottom: 1px solid #cfcfdc;
}
.comment_block {
	font-size: 15px;
	margin-bottom: 1px;
	line-height: 17px;
	/*background-color: #eeeeeb;*/
	padding:8px 0px;
	text-align:left;
	grid-template-columns:auto 1fr;
}

.comment_photo{display:inline-block; vertical-align:top; line-height:0; padding-top:2px;}
.comment_img_user{
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right:7px;
}

.comment_data{display:inline-block; vertical-align:top;}
.comment_user{font-weight:bold; margin-bottom:3px;}
.comment_date{
    font-size: 12px;
    line-height: 14px;
    color:#94A4AC;
    margin-top: -2px;
	margin-bottom: 5px;
}
.comment_comment{color:#49495D;}

/* ============================================================================================================================= */
/* ===================================================================================== MULTIMEDIA ============================ */
/* ============================================================================================================================= */
.mlt_title_principal{
	font-size: 22px;
	line-height: 24px;
	display: inline-block;
	font-weight:bold;
	font-family: 'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
}
.mlt_descripcion_principal{
	padding-top: 10px;
	border-top: 1px solid #70707d;
	margin-top: 13px;
}
.mlt_cell{
	display:block;
	margin-bottom:16px;
	text-align:center;
}
.mlt_cell_preview{line-height:0; position:relative;}
.mlt_preview{width:100%; max-width:340px;}
.mlt_title{
	text-align:center;
	font-weight: bold;
	margin-top: 4px;
	font-size: 16px;
	line-height: 17px;
	font-family: 'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;	
}

#celda_file iframe{
	width:100% !important;
	height:100% !important;	
	position:absolute;
	left:0; top:0;
}
/* ============================================================================================================================= */
/* ===================================================================================== IMÁGENES y VIDEO ====================== */
/* ============================================================================================================================= */
.figureContainer{text-align:center; padding-top:12px;}
.figureContainer figure{margin:12px 12px;}

figure{line-height:0; text-align:center; display:inline-block; /*border:1px solid #aeaebb;*/ padding:7px; line-height:0; text-align:center; margin-top:6px; background-color:white; margin:0; vertical-align:top;}
.toLeft{margin-bottom:10px; margin-right:20px; text-align:center; float:left; min-height:100px;}
.toRight{margin-bottom:10px; margin-left:20px; text-align:center; float:right;}
figcaption {
	font-size: 13px;
	line-height: 15px;
	margin-top: 6px;
	color: #1C1D20;
	font-family: 'Lato', Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
@media all and (max-width:540px){
	.expandXS{width:100%; float:none; margin-left:0; margin-right:0;}
}

.imageClick{position:relative; overflow:hidden;}
.imageClick img{object-fit:cover; width:100%;}
/* ------------------------- */
.imageClick button{
	background-size:26%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index:1;
	left:0;
	top:0;
	min-height:60px;
}
.imageClick button:hover{background-color:rgba(255,255,255,0.3);}
.imageClick button:active{background-color:rgba(0,0,0,0.5);}

.button_icon_center{
	background-image: url('icn/play.png');
	background-size: 26%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	min-height: 60px;
	background-color: transparent;
	cursor: pointer;
}
/* -------------------------- */

.proportion-4_3{
	cursor: pointer;
	/*position: relative;*/
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFF;
	position: relative;
}
.proportion-16_9{
	max-width: 100%;
	cursor: pointer;
	/*position: relative;*/
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFF;
	position: relative;
}
.videoiframe{
	position:absolute;
    left:0;
	top:0;
	width:100%;
	height:100%;
}

/*
figure{display:inline-block; margin:0; padding:0; line-height:0; text-align:center; position:relative; overflow:hidden;}
.figure_button{
	background-size:20%;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
}
.figure_button:hover{background-color:rgba(255,255,255,0.5);}
.figure_button:active{background-color:rgba(0,0,0,0.5);}*/

/* ============================================================================================================================= */
/* ===================================================================================== TREE FOLDERS ========================== */
/* ============================================================================================================================= */
.folder_closed{
    cursor: pointer;
	background: url("img/folder-closed.png") no-repeat;
	padding-left: 61px;
	padding-right: 12px;
	margin-bottom: 3px;
	line-height:27px;
	text-align:left;
	/*background-color:#D9E1F1;*/
}
.folder_closed:hover{
    background-position:left -40px;
}
.folder_closed:active{
    background-position:left -80px;
}
.folder_open{
    cursor: pointer;
	background: url("img/folder-open.png") no-repeat;
	padding-left: 61px;
	padding-right: 12px;
	margin-bottom: 3px;
	line-height:27px;
	text-align:left;
	color:#fff;
}
.folder_open:hover{
    background-position:left -40px;
}
.folder_open:active{
    background-position:left -80px;
}
.folder_selected{
    cursor: pointer;
	background: url("img/folder-selected.png") no-repeat;
	padding-left:61px;
	padding-right: 12px;
	margin-bottom:3px;
	line-height:27px;
	text-align:left;
	color:#FFF;
}
.folder_selected:hover{
    background-position:left -40px;
}
.folder_selected:active{
    background-position:left -80px;
}

/* ============================================================================================================================= */
/* ===================================================================================== ANOTHER ELEMENTS ====================== */
/* ============================================================================================================================= */
.nube_enlace{text-align:center; padding-right:1px; padding-bottom:1px;}
.nube_enlace a{background-color:white; white-space:nowrap; padding:8px; width:100%; display:inline-block; border: 1px solid #d0d4db;}
.nube_enlace a:hover{/*text-decoration:underline;*/ background-color:#9a2628 !important;  border:1px solid #9a2628; color:white !important; font-weight:bold;}
.nube_enlace a:active{background-color:#263238 !important; border-color:#263238; color:#707F87 !important; fill:#707F87 !important;}
.nube_enlace a:visited{background-color:#d0d4db;}


/* ============================================================================================================================= */
/* ===================================================================================== ALERTAS Y NOTIFICACIONES ============== */
/* ============================================================================================================================= */
.notify{background-position:left center; background-repeat:repeat-y; background-color:#fff; color:#000; padding:15px 15px 15px 46px; text-align:left; font-size:16px; line-height:18px;}

.notify.info{background-image:url("notify_info.png"); border:1px solid #1f70a7;}
.notify.error{background-image:url("notify_error.png"); border:1px solid #cb0000;}
.notify.warn{background-image:url("notify_warn.png"); border:1px solid #ff9d02;}
.notify.confirm{background-image:url("notify_warn.png"); border:1px solid #ff9d02;}
.notify.idea_example{background-image:url("notify_idea_example.png"); border:1px solid #7cb342;}

.notify.med{background-size:19px auto; padding:7px 12px 8px 28px !important; font-size:14px; line-height:17px;}

.notify_mini{background-repeat:no-repeat; background-position:left top; background-size:23px 23px;padding-left:30px; font-size:12px; line-height:16px; text-align:left;}
.notify_mini.info{background-image:url('icn/info_circle-blue.svg'); color:#5090b3; min-height:23px;}

/* -------------------------------------- TOOLTIP ------------------------- */
#toolTip H4{color:#1c2229; margin-bottom:2px; font-size:14px; line-height:17px; font-weight:bold;}
#toolTip{
	position:absolute; display:none; z-index:5001; max-width:300px; font-size:12px; line-height:15px;
	padding:14px 14px; color:#1c2229; background-color:#c4cedb; background-repeat:no-repeat;
}
#toolTip.izquierda{	
	background-image:url('bg_tooltip_izquierda.png'); background-position: top left; padding-left:20px;
    -webkit-border-radius: 0px 5px 5px 5px; -moz-border-radius: 0px 5px 5px 5px; border-radius: 0px 5px 5px 5px;
    }
#toolTip.derecha{
    background-image:url('bg_tooltip_derecha.png'); background-position: top right; padding-right:20px;
    -webkit-border-radius: 5px 0px 5px 5px; -moz-border-radius: 5px 0px 5px 5px; border-radius: 5px 0px 5px 5px;
}

/* ============================================================================================================================= */
/* ===================================================================================== ZONAS CONTENIDO EMERGENTE ============= */
/* ============================================================================================================================= */
.emergentTop{position:fixed; top:-50px; width:100%; visibility:hidden; pointer-events:none;}
.emergentBottom{position:fixed; bottom:-50px; width:100%; visibility:hidden; pointer-events:none;}

/* ============================================================================================================================= */
/* ===================================================================================== MODALES =============================== */
/* ============================================================================================================================= */
@media all and (max-width:575px){/*XS*/
	.modal_center{padding:0px; text-align:center;}
	.modal_column{text-align:left; max-width:none !important; position:relative; background-color:white; max-width:none !important; border-top:1px solid #c5c5ce; padding:17px;}
	.modal_br_none{-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;}
	
	.xs_p_none{padding:0px !important;}
	.xs_px_none{padding-left:0px !important; padding-right:0px !important;}
	.xs_row_p_none{margin-left:-16px; margin-right:-16px;}
	
	.xs_b_none{border:none !important;}
	.xs_br_none{-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;}
	.bg_center_column{background-repeat: no-repeat; background-position: -225px -31px;}
	.xs_display_none{display:none !important; background-image:none !important;}
}

@media all and (min-width:576px) and (max-width:767px){
	.modal_center{padding:0px; text-align:center;}
	.modal_column{text-align:left; max-width:none !important; position:relative; background-color:white; max-width:none !important; border-top:1px solid #c5c5ce; padding:20px;}
	.modal_br_none{-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;}
	.bg_center_column{background-repeat: no-repeat; background-position:center -25px;}
	.sm_display_none{display:none !important; background-image:none !important;}
}

@media all and (min-width:768px) and (max-width:991px){
	.modal_center{padding:50px; text-align:center;}
	.modal_column{text-align:left; position:relative; background-color:white; max-width:none !important; border-top:1px solid #c5c5ce; padding:20px;}
	.bg_center_column{background-repeat: no-repeat; background-position:center -25px;}
	.md_display_none{display:none !important; background-image:none !important;}
}

@media all and (min-width:992px) and (max-width:1199px){
	.modal_center{padding:50px; text-align:center;}
	.modal_column{text-align:left; width:320px; position:relative; background-color:white; padding:15px;}
	.bg_center_column{background-repeat: no-repeat; background-position:-62px -29px;}
	.lg_display_none{display:none !important; background-image:none !important;}
}

@media all and (min-width:1200px){
	.modal_center{padding:50px; text-align:center;}
	.modal_column{text-align:left; width:380px; position:relative; background-color:white; padding:20px;}
	.bg_center_column{background-repeat: no-repeat; background-position:-62px -29px;}
}

.modal{
	display: none;
	width: 100%;
	height: 100%;
	position:fixed; top:0;
	background-image: url("overlay_oscuro.png");
}
.modalContainer{text-align:center; margin:auto !important;}

@media all and (max-width:991px){
	.modalContainer>*:first-child{
		display:inline-block;
		margin:0 auto;
		overflow:hidden;
	}
}

@media all and (min-width:992px){
	.modal{padding:50px;}
	.modalContainer>*:first-child{
		display:inline-block;
		margin:0 auto;
		overflow:hidden;

		-webkit-border-radius:6px 16px 6px 6px;	
		-moz-border-radius:6px 16px 6px 6px;
		border-radius:6px 16px 6px 6px;		
		
		-webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	}
}

/* ----------------- Header modal --------- */
.modalBar_top{padding:10px 33px 10px 16px; /*background-color:#333b44;*/ background-color:#0F2838; color:white; text-align:left; position:relative; border-bottom:1px solid #333b44;

background-image: url('bgs/bg_abstract_right.png');
background-repeat: no-repeat;
background-position: center;
}

/* ----------------- Title modal --------- */
.modalTitle{font-size:22px; color:white; display:inline-block; font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;}

/* ----------------- Content modal --------- */
.modalContent, .modalContent2{text-align:left; background-color:white; color:black; overflow-y:auto; padding:24px 32px;}

/* ----------------- Footer modal --------- */
.modalBar_bottom{padding:8px 16px; /*background-color:#333b44;*/ background-color:#0F2838; color:white; text-align:left; border-top:1px solid #4E565F;
background-image: url('bgs/bg_abstract_left.png');
background-repeat: no-repeat;
background-position: center;
}


/* ----------------- Close modal ---------- */
.modalClose{
	display:inline-block;
    width:21px;  
    height:21px;  
    background: url("icn/x_close_circle-white.svg");
	background-size:contain; 
    background-repeat:no-repeat;
    background-position:0px 0px;
	position: absolute;
	right:8px;
	top:8px;
	/*opacity:0.3;*/
}			
.modalClose:hover{opacity:0.8;}
.modalClose:active{opacity:0.5;}
/* ------- */
.emergentClose{
	display:block;
    width:21px;  
    height:21px;  
    background: url("icn/x_close_circle.svg");
	background-size:contain; 
    background-repeat:no-repeat;
    background-position:0px 0px;
	opacity:0.3;
}			
.emergentClose:hover{opacity:0.8;}
.emergentClose:active{opacity:1;}


/* --------- */
/*
.x_close_aspa{
    width: 21px;  
    height: 21px;  
    background: url("icn/x_close_aspa.svg");
	background-size:contain; 
    background-repeat:no-repeat;
    background-position:0px 0px;
}			
.x_close_aspa:hover{opacity:0.8;}
.x_close_aspa:active{opacity:0.6;}
*/

/* ============================================================================================================================= */
/* ===================================================================================== PROCESOS ============================== */
/* ============================================================================================================================= */
/* ---------------------------------------------------- Barras de progreso --------- */
.progress_bar_container{
	background-color: #0c0d12;
	padding: 1px 0px;
	text-align: left;
	line-height: 0;
	position: relative;
}
/* ----- */
.progress_bar{
	background-color: #6fa61e;
	display: inline-block;
	min-height: 18px;
	padding: 1px;
	text-align: left;
	position: relative;
}
.progress_bar_mini{background-color:#6fa61e; min-height:4px;}
/* ----- */
.progress_bar_label{line-height:13px; font-size:11px; color:white; position:absolute; opacity:0.8;}
.progress_bar_label.l{top:3px; left:10px;}
.progress_bar_label.r{top:3px; right:10px;}

/* ============================================================ PRELOADERS ================================ */
.preloader_text{
    color:#FFF;
    padding-left:5px;
    margin-top:5px;
    font-size:13px;
 }
/*.preloader_list{padding:5px 15px; display:none; background-color:#8aaec2; color:white; font-size:14px; line-height:16px; text-align:left;}*/

.preloader_list{padding:20px 15px; display:none; background-color:#e4ecf2; color:#7b9fb3; font-size:14px; line-height:16px; text-align:center;}
.preloader_list span{padding-left:5px; line-height:22px; font-size:13px;}
/* ---------- Preloader simple --------- */
.preloader1{
	display:inline-block;
	vertical-align:middle;
    animation: rotate 0.7s infinite linear;
    -webkit-animation: rotate 0.7s infinite linear;
    /*---*/
	border-width:3px;
	border-style:solid;
	border-color:#9ea1a5;
	border-top-color:#fff !important;
	/*---*/
    -webkit-border-radius:100px;
	-moz-border-radius:100px;
    border-radius:100px;
	
    box-sizing:border-box;
    }
/* ---------- Preloader doble --------- */
.preloader2 {
	display:inline-block;
	vertical-align:middle;
	
    position:relative;
    /*border: 4px solid #fff;*/
    width:90px;
    height:90px;
    
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
    border-radius:100px;    
    
    box-sizing:border-box;
    background-repeat: no-repeat;
    background-position: center center;
    }
.preloader2 .l1 {	
    animation: rotate 0.7s infinite linear;
    -webkit-animation: rotate 0.7s infinite linear;
    /*---*/
    position:absolute;
    width:inherit;
    height:inherit;    
    border: 1px solid #be692b;
	border-bottom: 4px solid transparent; border-left: 4px solid transparent;	
    top:0;
    left:0;
	    
    -webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
    }
.preloader2 .l2 {	
    animation: rotate 1s infinite;
    -webkit-animation: rotate 1s infinite;
    /*---*/
    position:absolute;
    width:inherit;
    height:inherit;
    border: 7px solid transparent;
    border-top: 7px solid #be692b;
    top:0;
    left:0;
    -webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
    }
/* --------------------- */
@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
    }	
/* Chrome, Safari, Opera */ 
@-webkit-keyframes rotate {	
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% {-webkit-transform: rotate(359deg); transform: rotate(360deg);}
    }
/* --------------------------------------------------------------------------------- */
.parpadeo {  
  animation-name: parpadea;
  animation-duration: 0.1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadea;
  -webkit-animation-duration: 0.1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadea{0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; }}
@-webkit-keyframes parpadea {0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; }}
@keyframes parpadea {0% { opacity: 1.0; } 50% { opacity: 0.5; } 100% { opacity: 1.0; }}