/*
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;
	background-color:white;
}

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

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;*/}
button span{vertical-align:middle;}
a{cursor:pointer; text-decoration:none; color:inherit;}
a span{vertical-align:middle;}
icon{display:inline-block; vertical-align:middle; line-height:0;}
blockquote{border-left: 4px solid #7cb342; padding-left:11px; margin:0 0 0 12px;}
/* --- */
pre{
	margin:0;
	white-space: pre-line;
	font-family: 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;
}

#header{
	position:fixed; width:100%; top:0px; z-index:500;
	-webkit-transition: top 200ms linear; -ms-transition: top 200ms linear;	transition: top 200ms linear;
}


/* ============================================================================================================================= */
/* ===================================================================================== RESPONSIVE (Min-Max) ================== */
/* ============================================================================================================================= */
@media all and (max-width:991px){	
	#header_bar{
		/*
		background-image:url('white-color.png');
		background-size:100%;
		*/
		
		/*background-color: rgba(48,2,38,0.9);*/
		background-image: url('abstract_right.png');
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center;
		border-bottom: 1px solid #fff;

		padding:20px 0;
		min-height:82px;
	}	
	.logo_bar{
		text-align: center;
		line-height: 0;
		position: absolute;
		z-index: 10;
		top: 0;
		width: 100%;
		pointer-events: none;
		padding: 0 26px;
	}
	.image-logo{
		width: 100%;
		max-width: 320px;
	}


/*

	#header_bar{
		color:white;
		border-bottom: 1px solid #2B0322;
	}
	.header_height{height:68px;}
	#image-logo {
		width: 100%;
		max-width: 127px;
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
	}*/

	#main{padding-top:82px;}
	
	.responsive_menu{
		overflow-y:hidden;
		height:0;
		width:100%;
		position:fixed !important;
		left:0 !important;
		top:44px !important;
		z-index:900;
		background-color: rgba(0,0,0,0.8);
	}
	
	/*.b_nav{display:block; color:white; padding:9px 20px; border-top:1px solid rgba(255,255,225,0.3); white-space:nowrap;}*/
	/*#principal_menu nav{border-top:5px solid #8e24aa;}*/

	#principal_menu{
		display: block !important;
		/*position: fixed;*/
		text-align: left;
		left:0px;
		top: 82px;
		width: 100%;
		overflow-y: hidden;
		height: 0px;
		/*margin-top: 79px;*/
	}
	nav{display:block !important; padding-top:79px;}
	/* ---- NAV 1 ---- */	
	.b_nav{display:block;
		/*color:#10101a; fill:#10101a;*/
		color:white; fill:white;
		/*background-color:white;*/
		/*background-color: #f0ebef !important;*/
		margin: 0 !important;
		padding:9px 20px; border-top:1px solid #685487; white-space:nowrap;
		font-family:'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif; font-size:18px; line-height:1.3;
		/*background-color:#8e24aa;*/
		width: 100%;
		text-align: left;
		-webkit-transition:background-color .2s ease-out;
		transition:background-color .2s ease-out;
/*
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;*/
	}
	/*.b_nav:first-child{border-top:1px solid #685487;}*/
	.b_nav:hover{color:white; fill:white; background-color:#553d79 !important; color:white !important;}
	.b_nav:active{color:#ddc5ab; fill:#ddc5ab; background-color:#ae6414;}
	.b_nav.mark{font-weight:bold; /*border-left:5px solid #d77813;*/ background-color:#d66f07;}
	/* ---- NAV 2 ---- */
	.b_nav2{display:inline-block; color:white; fill:white; /*padding:11px 16px;*/ text-align:center; white-space:nowrap;
		font-family:'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif; font-size:17px; line-height:1.3;
		margin-right:4px;
		border-radius:5px 5px 0 0; padding:7px 16px 10px 16px;
		-webkit-transition:background-color .2s ease-out;
		transition:background-color .2s ease-out;
	}
	.b_nav2:hover{background-color:#4e2f7c; color:white !important;}
	.b_nav2:active{background-color:rgba(0,0,0,0.3); opacity:0.7;}
	
	.b_nav2.mark{
		font-weight:bold;
		color:#23084c;
		background-color:white;
		pointer-events:none;
	}

	.b_nav_resalted2{color:#ff7b0c;}


	/* ---------------------------- SUBMENU -------------------- */
	.principal_submenu {
		overflow-y: hidden;
		height: 0px;
	}
	.principal_submenu icon{transform: scale(0.6); display: inline-block;}
	.principal_submenu h5{
		display: inline-block;
		font-family: 'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif;
		font-size: 17px !important;
	}
	.b_block_green{
		display:block;
		color: #ce7604;
		fill: #ce7604;
		background-color: #f0ebef;
		text-align: left;
		padding: 0px 8px;
		border-bottom: 1px solid #300226;
		padding-left: 14px;
	}
	.b_block_green:hover{
		background-color:#d77813; color:white; fill:white;
	}
	.b_block_green:active{color:#ddc5ab; fill:#ddc5ab; background-color:#ae6414;}
	.b_block_green.mark{font-weight:bold; border-left:5px solid #d77813; pointer-events:none;}

	/* ---------------------------- Plegar desplegar ------------------ */
	.b_desplegar{
		width:100px;
		height:20px; top:-20px;
		display:inline-block;
		background-image:url('pd_despliegue.png');
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		background-color:#1b1427;
		border:1px solid #312A3D; border-bottom:none;
		
		border-radius:10px 10px 0 0;
		-moz-border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0;
		}
	.b_desplegar:hover{background-color:#333;}
	.b_desplegar:active{background-color:#000;}
	.b_plegar{
		width:100px;
		height:20px; top:-20px;	
		display:inline-block;
		background-image:url('pd_pliegue.png');
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		background-color:#1b1427;
		border:1px solid #312A3D; border-bottom:none;
		
		border-radius:10px 10px 0 0;
		-moz-border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0;
		}
	.b_plegar:hover{background-color:#333;}
	.b_plegar:active{background-color:#000;}
}

@media all and (min-width:992px){
	.border-center{
		border-left:1px solid #b0bec5;
		border-right:1px solid #b0bec5;
	}
	#header_bar{
		background-image: url('abstract_right.png');
		background-size: auto;
		background-repeat: no-repeat;
		background-position: center;
		border-bottom: 1px solid #fff;
	}
	/*
	.logo_bar{
		text-align:left;
		line-height: 0;
		position: absolute;
		z-index: 10;
		top: 0;
		width: 100%;
		pointer-events: none;
	}*/
	.image-logo{
		width: 100%;
		max-width: 346px;
	}

	#main{padding-top:110px;}	
	.responsive_menu{height:auto !important; background-color:transparent !important;}
	#principal_menu{/*min-height:82px;*/ padding-top:8px; padding-bottom:8px; margin-top:-32px; height:initial !important; border-top:1px solid #E1C6FF;}	
	#principal_menu nav{/*padding-top:44px; padding-left:20px;*/}
	.principal_submenu {
		height: 0px;
		width: 100%;
		overflow-y: hidden;
		position: fixed;
		left: 0;
		top: 82px;
		line-height: initial;
	}
	.nav_cell{
		-ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%; align-self:center;
	}

	/* ---- NAV 1 ---- */
	.b_nav{
		display:inline-block;
		
		color:#fae9fa; fill:#fae9fa;
		/*color:#dabbda; fill:#dabbda;*/
		/*background-color: #1D0246;*/
		text-align:center;
		white-space:nowrap;
		font-family:'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif; font-size:18px; line-height:23px;
		/*font-weight: bold;*/
		/*margin-right:4px;*/
		/*
		-webkit-border-radius:8px 8px 0 0;
		-moz-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;*/
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-radius:8px;
		/*padding:7px 15px 9px 16px;*/
		padding: 4px 15px 3px 16px;
		-webkit-transition:background-color .2s ease-out;
		transition:background-color .2s ease-out;
	}
	.b_nav:hover{background-color:#553d79 !important; color:white !important; fill:white !important;}

	/*.b_nav:hover{color:white; fill:white;}*/
	.b_nav:active{font-weight:bold; background-color:#60350f !important; color:#d7a970 !important; fill:#d7a970 !important;}
	
	.b_nav.mark{
		font-weight: bold;
		fill: white;
		background-color: #d66f07;
		color: white;
	}
	.b_nav.mark:hover{
		color:white; fill:white;
	}
	/* ---- NAV 2 ---- */
	.b_nav2{display:inline-block; color:white; fill:white; /*padding:11px 16px;*/ text-align:center; white-space:nowrap;
		font-family:'Roboto Condensed', 'Lato', Tahoma, Geneva, sans-serif; font-size:17px; line-height:1.3;
		margin-right:4px;
		-webkit-border-radius:8px 8px 0 0;
		-moz-border-radius:8px 8px 0 0;
		border-radius:8px 8px 0 0;
		padding:7px 15px 8px 16px;
		-webkit-transition:background-color .2s ease-out;
		transition:background-color .2s ease-out;
	}
	.b_nav2:hover{background-color:#4e2f7c; color:white;}
	.b_nav2:active{background-color:rgba(0,0,0,0.3); opacity:0.7;}
	
	.b_nav2.mark{
		font-weight:bold;
		color:#23084c;
		background-color:white;
		pointer-events:none;
	}

	.b_nav_resalted{font-size:16px; background-color:#452A6E; color:white;}
	.b_nav_resalted2{font-size:16px; background-color:white; color:#dd760e;}


	/* style="font-size:16px; color:white; background-color:#452A6E;"*/

	/* ---------------------------- SUBMENU -------------------- */
	.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_block_green{
		-ms-flex-preferred-size:0;
		flex-basis:0;
		-ms-flex-positive:1;
		flex-grow:1;
		max-width:100%;


		color:#ce7604; fill:#ce7604;
		background-color: #FFF;
		text-align: center;
		padding: 15px;
		border-right:1px solid #2B0322;
		border-bottom:1px solid #2B0322;
	}
	.b_block_green:hover{
		color:#FFF; fill:#FFF;
		background-color: #ce7604;
		-webkit-transition: background-color 300ms linear;
	    -ms-transition: background-color 300ms linear;
	    transition: background-color 300ms linear;
	}
	
	/* ---------------------------- Plegar desplegar ------------------ */
	.b_desplegar{
		width:70px;
		height:16px; top:-16px;
		display:inline-block;
		background-image:url('pd_despliegue.png');
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		background-color:#1b1427;
		border:1px solid #312A3D; border-bottom:none;
		
		border-radius:10px 10px 0 0;
		-moz-border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0;
		}
	.b_desplegar:hover{background-color:#333;}
	.b_desplegar:active{background-color:#000;}
	.b_plegar{
		width:70px;
		height:16px; top:-16px;
		display:inline-block;
		background-image:url('pd_pliegue.png');
		background-repeat:no-repeat;
		background-position:center center;
		background-size:contain;
		background-color:#1b1427;
		border:1px solid #312A3D; border-bottom:none;
		
		border-radius:10px 10px 0 0;
		-moz-border-radius:10px 10px 0 0;
		-webkit-border-radius:10px 10px 0 0;
		}
	.b_plegar:hover{background-color:#333;}
	.b_plegar:active{background-color:#000;}
}


/* ---------- Container Block Green ----------*/
/*
.container_block_green{
	color:#dd880e; fill:#dd880e;
	background-color: #FFF;
	text-align: center;
	padding: 15px;
	border-right:1px solid #280522;
	border-bottom:1px solid #280522;
}
.container_block_green:hover{
	color:#FFF; fill:#FFF;
	background-color: #93bf63;
	-webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}*/

/* ============================================================================================================================= */
/* ====================================================================================== ESTRUCTURA =========================== */
/* ============================================================================================================================= */

/* --------------------------------------------------------------------------- Barras ---------- */
.toolBarMini{
	padding: 6px 16px;
	color:#222;
	font-size:15px;
	line-height:17px;
	color:#4B4C71;
	background-color:#d1d0d6;
}

.toolBarTransparent{padding-top:10px; margin-bottom:-16px;}


.toolBar{padding:18px 0; background-color:white;}
.toolBarTitle{font-size:25px; line-height:28px;}

.actionBar{padding:6px; background-color:#cfd8dc; -webkit-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;}
.actionBarTitle{color:#607d8b; padding:0 12px; font-size:15px; line-height:1.1;}


/* --------------------------------------------------------------------------- Áreas ---------- */
.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;}

/*div[class^="col"]{border-right:1px solid black; border-bottom:1px solid black; padding:10px 16px;}
div[class^="row"]{border-right:1px solid black; border-bottom:1px solid black; padding:10px 16px;}
.grid>div{border:1px solid black; padding:10px 16px;}
.row>div{border:1px solid black; padding:10px 16px;}*/

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

/*
.grid-page{
	height:100%;
	display:grid;
	grid-template-columns:repeat(auto-fill, 1fr);
	grid-template-rows:40px auto 40px;
}

.header{background-color:#96ceb4; grid-column: span 13;}

.columna_izda{background-color:#ff6f69; grid-column: span 2;}
.content{background-color:#ffffff; grid-column: span 8;}
.columna_dcha{background-color:#ff6f69; grid-column: span 2;}

.footer{background-color:#88d8b0; grid-column: span 13;}



menu{margin:0; padding:0;} menu button{width:100%;}
section{display:block; background-color:rgba(255,255,255,0.7); margin-bottom:1px;}
article{background-color:rgba(255,255,255,0.7); margin-bottom:1px;}*/

/* ============================================================================================================================= */
/* ===================================================================================== BANNER/DISPLAY HOME =================== */
/* ============================================================================================================================= */
.bannerText1 {
    font-size: 42px;
    line-height: 48px;
}
.bannerText2 {
    font-size: 36px;
    line-height: 42px;
}
.bannerText3 {
    font-size: 32px;
    line-height: 36px;
}

.banners_area{overflow:hidden; position:relative; height:266px;}
.banners_container{position:absolute; width:100%; top:0px;}

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

.banners_control_numbers{position:absolute; z-index:4; width:100%; bottom:16px; text-align:center;}

/* ============================================================================================================================= */
/* ===================================================================================== TEXTO ================================= */
/* ============================================================================================================================= */
.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;}

.ask{
	background-image: url('icn/help-circle.svg');
	background-repeat: no-repeat;
	background-size: 30px;
	padding-left: 36px;
	background-position: left 2px;
}


.titulo_seccion_area{padding:13px 0px 16px 0px;}
.titulo_seccion_title{color:white; font-size:26px; line-height:30px;}
.titulo_seccion_descripcion{color:rgba(255,255,255,0.7); font-size:16px; line-height:18px;}
.titulo_seccion_icon{fill:white;}


.sectionBar{color:black; padding:8px 0 8px 0; background-color:white; /*border-top: 1px solid #262638;*/}
.titleSection{font-size:25px; line-height:27px; /*font-weight:bold;*/}
.subTitleSection {
    font-size: 20px;
    line-height: 26px;
    color: #0E1D32;
}

.titleFicha{/*font-size:30px; line-height:31px;*/ font-size:32px; line-height:33px; font-weight:bold; margin-top:-6px;}

.titleDirectory{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 7px;
}

.titleColumn{
	font-size: 19px;
	padding: 8px 24px;
	color: white;
	margin-bottom: 16px;
}
.title-block-underline{padding-bottom:4px; margin-bottom:30px; border-bottom:1px solid #818792;}

.title-1{
    font-size:26px;
    line-height:1.2em;
    margin-bottom:11px;
}
.title-1-underline{
    border-bottom:1px solid #818792;
    font-size:26px;
    line-height:1.2em;
	padding-bottom:4px;
    margin-bottom:30px;
}
.subtitle-1-underline{
	font-size:20px;
	margin-top:-30px;
	margin-bottom:30px;
}

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

.ornament-line{text-align:center; background-image:url('point-grey.png'); background-repeat:repeat-x; background-position:center;}

p{margin:0rem 0 1rem 0;}
p:last-child{margin:0 !important;}
.txt-condition{font-size:13px; line-height:15px;}

.txt-med{font-size:13px; line-height:15px; color:#8D8DAC;}
.txt-mini{font-size:11px; line-height:13px; color:#9ca5af;}

.txt-date{font-size:13px; line-height:15px; color:#8D8DAC;}
.text-drop{overflow-y:hidden; height:0;}

/* -------------------------------------------------- REDACTION -------------------- */
.redactionColor{color:#3f3c50;}
.redaction{font-size:14px; /*line-height:1.3em;*/}
.redaction H1{font-weight:bold; font-size:24px; line-height:1.3em; margin-bottom:24px;}
.redaction H4{font-weight:bold; font-size:18px; line-height:1.3em; margin-bottom:4px;}
.redaction H5{font-size:15px; line-height:1.3em; margin-bottom:4px;}
.redaction .body{color:#3f3c50; text-align:justify;}


.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 {
	color: rgba(255,255,255,0.8);
	font-style: italic;
	font-size: 30px;
	line-height: 33px;
	text-align: center;
	margin-bottom: 25px;
	font-family: "read","Times New Roman", serif;
	background-image: url('comillas-left.svg');
	background-size: 52px auto;
	background-position: left 5px;
	background-repeat:no-repeat;
	padding-left: 60px;
}*/

.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: 12px;
	line-height: 14px;
	text-align: right;
	margin-top: 10px;
}

.img_left {
	float: left;
	margin-right: 10px;
}
.img_right {
	float: right;
	margin-left: 10px;
}
/* ============================================================================================================================= */
/* ===================================================================================== DROP MENU ============================= */
/* ============================================================================================================================= */
.b_dropDown{
	border-left:1px solid rgb(80, 53, 121);
	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;
}

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

.b_drop{
    display: block;
	white-space: nowrap;
	font-family: 'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
	font-size: 15px;
	line-height: 37px;
	/*height: 40px;*/
	color: #23084c;
	fill: #23084c;	
	width: 100%;
	text-align: left;
	padding:0px 34px 0px 4px;
	/*padding-right: 40% !important;*/
	/*background-color: #665b98;*/
	border-top: 1px solid #AB90D4;
}
/*.b_drop:last-child{border-bottom:none !important;}*/
.b_drop:hover{
	color:white;
	fill:white;
	background-color:#df7f2c;
}
.b_drop:active{
	color:#c5c5ce; fill:#c5c5ce;
	background-color:#263238;
}

.b_drop_green{background-color:#6ea53e !important;}
.b_drop_green:hover{background-color:#8bc34a !important;}

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

/* --------------- Drop Notifications --------------- */
.notification_block{
	display: grid;
	grid-gap: 8px;
	grid-template-columns: 1fr auto auto;
	padding:6px 10px 6px 14px;
	border-bottom: 1px solid #b1bfc6;
}
.notification_block:last-child{border-bottom:none;}
.notification_block:hover{opacity:0.8;}
.notification_block:active{
	color:#c5c5ce !important; fill:#c5c5ce !important;
	background-color:#d4cad7 !important;
}


.notification_block.no_vista{background-color:#fff;}
.notification_block.vista{background-color:#f4eaf7;}

.notification_block.no_visto{background-color:#fff;}
.notification_block.visto{background-color:#f4eaf7;}

.notification_action_column{padding-top:5px;}



.b_notification{
    display: block;
	/*white-space:nowrap;*/
	font-size: 15px;
	line-height: 17px;

	color: black;
	fill: black;	
	width: 100%;
	text-align: left;	
}
/*
.b_notification:hover{
	background-color:#ede3f0;
}
.b_notification:active{
	color:#c5c5ce !important; fill:#c5c5ce !important;
	background-color:#263238 !important;
}*/



.b_notification .ic{display:inline-block; width:44px; text-align:center;}


.notification_info{display:block; margin-bottom:2px;}
.notification_title{
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	margin-bottom:2px;
}
.notification_details{
	font-size: 14px;
	line-height: 16px;
	color:#687880;
}
.notification_date{
	font-size: 12px;
	line-height: 14px;
	color: #94A4AC;
	margin-top: 5px;
}
/* ============================================================================================================================= */
/* ===================================================================================== LISTADOS ============================== */
/* ============================================================================================================================= */
.lista_caracteristicas {
    list-style: none;
    margin: 0;
    padding: 0;
}

.lista_caracteristicas li {
    background-image: url('icn/minicheck.svg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: left 2px;
    padding-left: 34px;
    padding-bottom: 10px;
    font-size: 19px;
}

.lista_caracteristicas li:last-child {
    padding-bottom: 0px;
}

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

/* --------------------------------------------- Text buttons ---------------- */
.b_txt{}
.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{display:inline-block; color:#7cb342; font-weight:bold;}
.leer_mas:hover{text-decoration:underline;}
.leer_mas:active{color:#252631;}

.leer_menos{display:inline-block; color:#7cb342; font-weight:bold;}
.leer_menos:hover{text-decoration:underline; color:#7cb342;}
.leer_menos:active{color:#252631;}

/* --------------------------------------------- Icon buttons ---------------- */
.b_icn{font-size:15px; /*line-height:17px;*/ line-height:0;}
.b_icn:hover{opacity:0.7;}
.b_icn:active{color:#263238 !important; fill:#263238 !important; opacity:1 !important;}

.b_icn span{padding-left:5px;}
.b_icn.mark{
	/*opacity:0.8;*/
	color:#a8b5be !important;
	fill:#a8b5be !important;
}
.b_icn.mark:hover{
	color:white !important;
}

/* --------------- Background buttons with icon ---------------- */
/* Icono en background */
.b_bg.svgonly{padding:4px 10px;}

/* Icono en background */
.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; text-align:left;}
.b_bg.icoRight{padding-right:31px; /*padding-right:39px !important;*/ background-position:right 10px center; background-repeat:no-repeat; background-size:16px auto;}

/* --------------- Efectos de botón ------------ */
.toUnderline:hover{text-decoration:underline;}
.toBold:hover{font-weight:bold;}
.toTransparent:hover{opacity:0.7;}

.toWhite:hover{color:white !important; fill:white !important; opacity:1 !important;}
.toRed:hover{color:#D70000 !important; fill:#D70000 !important; opacity:1 !important;}
.toGreen:hover{color:#7cb342 !important; fill:#7cb342 !important;}
.toViolet:hover{color:#8e24aa !important; fill:#8e24aa !important;}

.toColor1:hover{color:#ce7604 !important; fill:#ce7604 !important;}
.toColor2:hover{color:#23084c !important; fill:#23084c !important;}

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

/* --------------------------------------------- Background buttons ---------------- */
.b_bg.destacado{border: 2px solid white;}
.b_bg.mini{font-size:14px; line-height:15px; padding:6px 10px 5px 10px;}
.b_bg.slim{padding:4px 14px;}
.b_bg.big{font-size:20px; line-height:22px; padding:7px 14px 6px 14px; min-height:auto;}
.b_bg{
	font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
	font-size: 16px;
	line-height: 18px;
	padding:6px 14px;

	display:inline-block;
	text-align:center;
	vertical-align:middle;
	
	fill:white;
	color:white;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	
	
}
.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.mark{
	background-color:#7cb342 !important;
	color:white !important;
	fill:white !important;

	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.6) inset;
}
.b_bg.mark:hover{
	color:white !important;
}
/* --- */
.b_bg.unmark{
	background-color:#647076 !important;
	color:white !important;
	fill:white !important;
	/*
	color:#eaf7ff !important;
	fill:#eaf7ff !important;
	*/
}
/* --- */
.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;*/
	background-color: #000 !important;
	opacity: 0.3 !important;
}

.border_white_3 {
    border: 3px solid white;
}
/* ================================================================ BOTONES ESPECÍFICOS ============ */
.b_more_over{width:100%;background-image:url('icn/mas-white.svg'); background-size:16px; background-repeat:no-repeat; background-position:center left 13px;}
.b_more_over:hover{ background-color:#757593;}
.b_more_over:active{opacity:0.7;}


/* ======================== */
.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_notifications{
	min-width:20px; text-align:center;
	padding:2px 3px 2px 4px; font-size:14px; background-color:white; vertical-align:middle;
	-webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;
}
.b_notifications:hover{opacity:0.7;}
.b_notifications:active{opacity:1; background-color:#263238 !important; color:#999 !important; border-right:1px solid #000 !important;}

.b_notifications.nuevas{font-weight:bold; background-color:#e53935; color:white; border-right:1px solid #a80d0d;}
.b_notifications.vistas{background-color:#d67cfa; color:#8e24aa; border-right:1px solid #666;}

/* ======================== */
.b_play{
	background-image: url('icn/play-button.png');
	width:40px;
	height:26px;
	background-size:cover;
	background-repeat:no-repeat;
	display:inline-block;
}
.b_play:hover{background-position:0 -30px;}
.b_play:active{background-position:0 -60px;}

.b_play2{
	background-image: url('icn/play-button-2.png');
	width:77px;
	height:27px;
	background-size:cover;
	background-repeat:no-repeat;
	display:inline-block;
}
.b_play2:hover{background-position:0 -32px;}
.b_play2:active{background-position:0 -64px;}

.b_play3{
	background-image: url('icn/play-button-2.png');
	width:88px;
	height:31px;
	background-size:cover;
	background-repeat:no-repeat;
	display:inline-block;
}
.b_play3:hover{background-position:0 -37px;}
.b_play3:active{background-position:0 -74px;}

/* ---- */
.b_info{
	background-image: url('icn/info_circle-blue.svg');
	width:16px;
	height:16px;
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	vertical-align:middle;
}
.b_del{
	background-image:url('icn/delete-red.svg');
	width:17px;
	height:19px;
	background-size:contain;
	background-repeat:no-repeat;
	display:block;
}
/* ======================== */
.b_chat{	
	width:27px;
	height:26px;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
	padding-bottom:8px;
	text-align:center;

	font-size:13px;
	line-height:13px;
	margin-bottom:-4px;
}
.b_chat:hover{opacity:0.6;}

.b_chat.readed{
	color:#ececf3;
	background-image:url('icn/chat_readed.svg');
}
.b_chat.new{
	color:white;
	font-weight:bold;
	background-image:url('icn/chat_new.svg');
}
.b_chat.empty{
	color:white;
	background-image:url('icn/chat_empty.svg');
}

/* --------------------------------------------------------------- Float Bars & Buttons -------------- */
.floatBar{
	position:absolute;
	min-height:45px;
}
/* ------------------------------------------- User buttons ------------ */
.b_user{
	width:20px;
	height:20px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	vertical-align:middle;
}
.b_user:hover{opacity:0.6;}
.b_user.violet{
	background-image:url('icn/user_violet.svg');
}
/* ------------------------------------------- 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;}

/* ------------------- Selectable items ---------------- */
.selectable{padding:10px 0px; font-size:14px; line-height:14px; font-weight:bold; background-color:#cdcdce; cursor:pointer; white-space:nowrap; width:58px; text-align:center; width:100%;}
.selectable:hover{opacity:0.8;}
.selectable:active{opacity:1; background-color:#41414e; color:#9999a4;}
.selectable.mark{background-color:#72ae30; color:#fff; font-weight:bold; pointer-events:none;}

/* ------------------------------------------------------------------------------------ SPONSORS ------------------------------ */
.sponsors_container{display:flex; flex-wrap:wrap;}
.sponsor_cell {flex: 1 1 auto; padding:6px; text-align:center;}
.sponsor_cell_container {border:1px solid #cfc2cd; background-color:white; width:100%; line-height:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.b_sponsor{display:block; width:100%; padding:6px; overflow:hidden;}
.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:14px; text-align:center; padding:6px; border-top:1px solid #cfc2cd; display:none;}

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


/* ============================================================================================================================= */
/* ======================================================================================= ARTICULO BLOG ======================= */
/* ============================================================================================================================= */
.articleLimit{/*margin:0 20%;*/ max-width:792px;}
.article-sheet{
	line-height:normal;
	position:relative;
	/*font-family:"read","Times New Roman", sans-serif;*/
	max-width:1200px;
	padding-bottom:110px;
	text-align:center;
	display:inline-block;
	background-color:#faf9ff;

	margin-top:44px;
	margin-bottom:64px;
	/*
	background-image:url('pliegue_sup_izda.png');
	background-repeat:no-repeat;
	background-size:150px auto;*/
}
@media all and (max-width:1279px){.article-sheet{margin:0 !important;}}

.article-title{color:#1c1e21; text-align:left; font-size:40px; line-height:48px; /*line-height:1.2em;*/ color:#1c1e21;}
.article-subtitle{
	font-size: 23px;
	text-align: left;
	color:#c78014;
	margin-top: 7px;
	line-height: 26px;
}
.article-image{line-height:0; overflow:hidden; display:inline-block; border-bottom:1px solid #DFDFDF; width:100%;}
.article-image>img{width:100%; height:100%; max-width:1200px; object-fit:cover;}
.article-description{text-align:justify; color:#1c1e21; font-size:17px; line-height:28px;}

/* ============================================================================================================================= */
/* ======================================================================================= 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;}
/* ---------------------------------------------------- */
/*
.article-title{font-size:21px; padding:8px 24px;}
.article-image{line-height:0; overflow:hidden;}
.article-image>img{width:100%; height:100%; object-fit:cover;}*/


/* ============================================================================================================================= */
/* ===================================================================================== 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;*/}
.card-title{font-size:19px; line-height:22px; padding:9px 20px 10px 20px; background-color:#d66f07 !important; /*background-color:#ce7604;*/ color:white;}
.card-title-hover:hover{text-decoration:underline;}

.card-title2{font-size:17px; line-height:19px; padding:8px 20px 9px 20px;}
.card-subtitle{
	font-size: 15px;
	line-height: 19px;
	padding: 14px 24px 15px 24px;
	color: #c96201;
	font-weight: bold;
	background-color:#f2f1f7;
	border-bottom: 1px solid #e0d3de;
}

.card-image{line-height:0; overflow:hidden; line-height:0; display:block; width:100%;}
.card-image>img{width:100%; height:100%; object-fit:cover;}
.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-footer{padding:12px 24px; position:absolute; width:100%; bottom:0; color:white; text-align:center; background-color:#f2f1f7; border-top:1px solid #d9cbd7;}
.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;
}


/* ============================================================================================================================= */
/* ===================================================================================== CARDS 2 ================================= */
/* ============================================================================================================================= */
/* ------------------------------ TESTIMONIOS ---------------------- */
.testimonio_icon{
	fill:#b48a59;
}
.testimonio_header{grid-template-columns:auto 1fr; border-bottom:1px solid #915d28; padding-bottom:10px;}

.testimonio_username{
	font-family: "Roboto Condensed",Tahoma,sans-serif;
    font-size: 17px; line-height:19px;
    font-weight: normal;
	display: block;
	/*padding: 8px 15px;*/
	
	color:#915d28;
}
.testimonio_date{
	color: #915d28;
	font-size: 12px;
	line-height: 14px;
	padding-top:1px;
}
.testimonio_comment{
	color: #915d28;
	margin-top: 8px;
	text-align: justify;
	font-size: 15px;
}



/* 
.card {
    overflow: hidden;
    position: relative;
    height: 100%;
    background-color: #f2f1f7;
    border: 1px solid #c2c2cf;
}
.card a{display:block;}
.card-title {
    font-size: 19px;
    line-height: 22px;
    padding: 9px 20px 10px 20px;
    color: white;
    text-align: center;
}
    .card-title:hover {
        text-decoration: underline;
    }

.card-subtitle {
    font-size: 18px;
    line-height: 20px;
    color: white;
    font-weight: bold;
    text-align: center;
    background-color: #0e1d32;
    padding: 6px 8px;
}

.card-price {
    text-align: center;
    font-weight: 800;
    font-size: 34px;
    line-height: 40px;
    margin-top: 16px;
    color: black;
}
.card-subprice {
    color:#404c5d;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}


.card-blog {
    overflow: hidden;
    position: relative;
    height: 100%;
    background-color: white;
    border: 1px solid #c2c2cf;
}



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

.card-image {
    line-height: 0;
    overflow: hidden;
    line-height: 0;
    display: block;
    width: 100%;
    height: 270px;
}

    .card-image > img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.card-description {
    font-size: 15px;
    line-height: 21px;
    padding: 19px 24px;
    margin-bottom: 55px;
    color: #404c5d;
    text-align: center;
}

.card-footer {
    padding: 12px 24px;
    position: absolute;
    width: 100%;
    bottom: 0;
    color: white;
    text-align:center;
}

.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 #cdcef0;
    background-color: white;
}
*/

/* ----------------------------------------------- Card mini -------------------- */
/*
.cardmini {
    padding: 16px 24px;
    color: black;
    background-color: #f2f1f7;
    border: 1px solid #c2c2cf;
}

.cardmini-title {
    font-size: 18px;
    line-height:22px;
    text-align:center;
}

.cardmini-image {
    line-height: 0;
    margin: 12px;
    text-align:center;
}

    .cardmini-image > img {
        height:88px;
    }

.cardmini-description {
    font-size: 14px;
    line-height: 1.3;
    color: #404c5d;
    padding-bottom: 4px;
    text-align: center;
}

.cardmini-footer {
    padding: 6px 12px;
    border-top: 1px solid #c2c2cf;
    position: absolute;
    width: 100%;
    bottom: 0;
}*/

/* ============================================================================================================================= */
/* ====================================================================================== TABLAS Y GRIDS ======================= */
/* ============================================================================================================================= */
.std_table{border-collapse: collapse;}
.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 th{
	/*color:#FFF;
	background-color:#3e3d4d;*/
	background-color: #d1dae4;
    color: #000;
	/*border:1px solid #666;*/	
	}
.std_table td{
	color:#000;
	height:24px;
	border:1px solid #666;
	}
.std_table .td_icn{
	line-height:0;
	vertical-align:middle;
	text-align:center;
	}
	
/* --------------- Table datos ---------------- */
.table_datos{
	border-collapse: collapse;
	border:1px solid #fff;
}
.table_datos th{text-align:center; background-color:#DEE4E7; border:1px solid #fff; padding:6px 14px;}
.table_datos td{border:1px solid #fff;}

.table_datos .center{text-align:center;}
.table_datos .textsmall{font-size:12px;}
.table_datos .textmini{font-size:9px;}

/* =============================================================== Responsive Table ===================== */
.responsiveTable{
	display:grid;
	border-top:1px solid #90a4ae;
	border-left:1px solid #90a4ae;
	font-size: 15px;
	line-height: 17px;
}
.responsiveTable:last-child{border-bottom:none;}
.line{display:grid;}
.cell{
	font-size:15px;
	line-height:20px;
	padding:8px 12px;
	border-right:1px solid #90a4ae;
	border-bottom:1px solid #90a4ae;
	/*
	-ms-flex-item-align:center !important;
	align-self:center !important;*/
}
/* ------------------------------------------------ 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:42px; height:42px; vertical-align:middle; margin-right:5px;}
.cell.header{text-align:center !important; background-image:none !important; font-weight:bold; background-color:#23084c; color:white; padding:6px 12px !important;}

.cell.tipo{text-align:center; background-repeat:no-repeat; background-size:24px auto; background-position:center;}

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

.cell.cantidad{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.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.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;}


/* ------------------------------------------------ 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.album{background-image:url('icn/artwork-album-color.svg'); background-size:28px auto;}
.cell.song{background-image:url('icn/artwork-song-color.svg'); background-size:20px auto;}
.cell.curso{background-image:url('icn/artwork-album-curso.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:13px; text-align:right;}

/* ------------------------------------------------------------------------------------ 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;}

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

/* ---------------------------- Gallery grid full -------------------- */
.grid16Full{grid-template-columns:repeat(12, 1fr);}
.galleryGridCell._user{grid-column:span 12; grid-row:span 2;}
.galleryGridCell._song{grid-column:span 12; grid-row:span 1;}
.galleryGridCell._albumsong{grid-column:span 12; grid-row:span 3;}

.imgPreviewTrack{width:62px;}

.galleryGridCell.distance{grid-column:span 3; grid-row:span 1; text-align:center;}

@media (min-width:576px) {
	.grid5Full{grid-template-columns:repeat(6, 1fr);}

	.grid16Full{grid-template-columns:repeat(12, 1fr);}
	.galleryGridCell._user{grid-column:span 6; grid-row:span 2;}
	.galleryGridCell._song{grid-column:span 6; grid-row:span 1;}
	.galleryGridCell._albumsong{grid-column:span 6; grid-row:span 3;}
	.imgPreviewTrack{width:62px;}

	.galleryGridCell.distance{grid-column:span 6; grid-row:span 1; text-align:center;}
}
@media (min-width:768px) {
	.grid5Full{grid-template-columns:repeat(9, 1fr);}

	.grid16Full{grid-template-columns:repeat(12, 1fr);}
	.galleryGridCell._user{grid-column:span 4; grid-row:span 2;}
	.galleryGridCell._song{grid-column:span 6; grid-row:span 1;}
	.galleryGridCell._albumsong{grid-column:span 4; grid-row:span 3;}
	.imgPreviewTrack{width:82px;}

	.galleryGridCell.distance{grid-column:span 9; grid-row:span 1; text-align:center;}
}
@media (min-width:992px) {
	.grid5Full{grid-template-columns:repeat(12, 1fr);}
	
	.grid16Full{grid-template-columns:repeat(12, 1fr);}
	.galleryGridCell._user{grid-column:span 4; grid-row:span 2;}
	.galleryGridCell._song{grid-column:span 4; grid-row:span 1;}
	.galleryGridCell._albumsong{grid-column:span 4; grid-row:span 3;}
	.imgPreviewTrack{width:82px;}

	.galleryGridCell.distance{grid-column:span 12; grid-row:span 1; text-align:center;}
}
@media (min-width:1200px) {
	.grid5Full{grid-template-columns:repeat(15, 1fr);}

	.grid16Full{grid-template-columns:repeat(12, 1fr);}
	.galleryGridCell._user{grid-column:span 3; grid-row:span 2;}
	.galleryGridCell._song{grid-column:span 3; grid-row:span 1;}
	.galleryGridCell._albumsong{grid-column:span 3; grid-row:span 3;}
	.imgPreviewTrack{width:82px;}

	.galleryGridCell.distance{grid-column:span 15; grid-row:span 1; text-align:center;}
}


/* ---------------------------- Gallery Grid Label ------- */
.galleryGridLabelSlim{
	color: #7f787d;
	font-size: 16px;
	line-height: 20px;
}

.galleryGridLabel{
	color: white;
	padding: 5px 13px;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	background-color: #7f787d;
	/*border-top: 1px solid #4D464B;*/
}

/* ---------------------------- Gallery Grid Items ------- */
/*
.galleryGridDistance {
	position: fixed;
	top: 5px;
	width: 100%;
	text-align: center;
	display: block;
	z-index: 40;
	left: 0;
}*/

.galleryGridCell{/*cursor:pointer;*/ }

.galleryGridCell.slim{grid-column:span 3; grid-row:span 2;}
.galleryGridCell.normal{ grid-column:span 3; grid-row:span 4; max-width:460px; height:507px;}
.galleryGridCell.horizontal{grid-column:span 6; grid-row:span 4;}
.galleryGridCell.vertical{grid-column:span 3; grid-row:span 8;}
.galleryGridCell.big{grid-column:span 6; grid-row:span 8;}

.galleryGridItem{position:relative; overflow:hidden; border:1px solid #a5a5b2; height:100%; background-color:white;}
.gridItemWithFooter{padding-bottom:46px;}

.galleryGridLink{display:block; line-height:0; /*height:100%;*/}

.galleryGridItem-imageContainer{/*height:168px;*/}
.galleryGridLink .image {width:100%; height:100%; object-fit:cover; object-position:center center;}
.galleryGridLink .icono {width:100%; height:100%; object-fit:none;}

/* ---------------------------- Gallery Grid Header ------- */
/*.galleryGridItem-headerFixed{width:100%; padding:10px 16px; background-color:#fff;}*/

.galleryGridItem-header {
	width: 100%;
	padding: 10px 16px;
	background-color: #23084c;
	color: white;
	border-bottom: 1px solid #3E2367;
	line-height: normal;
	text-align: center;
}
/*
.galleryGridItem-header-dar{width:100%; padding:10px 16px; background-color:#fff; color:white; background-color:#8e24aa;}
.galleryGridItem-header-recibir{width:100%; padding:10px 16px; background-color:#fff; color:white; background-color:#71a936;}
*/
.galleryGridItem-header-dar{width:100%; padding:10px 16px; background-color:#fff; color:white; background-color:#71a936;}
/*
.galleryGridItem-header-dar{width:100%; padding:10px 16px; background-color:#fff; color:white; background-color:#71a936;}
.galleryGridItem-header-recibir{width:100%; padding:10px 16px; background-color:#fff; color:white; background-color:#8e24aa;}*/

.galleryGridItem-title{
	font-size:17px;
	text-transform:uppercase;
	line-height:1.2;
	text-align:center;
}

.galleryGridItem-artist{
	font-size:15px;
	line-height:1.2;
	text-align:center;
	margin-top: 2px;
	font-style: italic;
	color:#8166AA;
}

.galleryGridItem-name{font-size:17px; line-height:1.2; font-weight: bold; text-align:center;}
.galleryGridItem-title {
	font-weight: bold;
	font-size: 16px;
	line-height: 17px;
	text-transform: uppercase;
	text-align: center;
}

.galleryGridItem-elemType {
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
	color: #ce7604;
	margin: 1px 0px;
}
.galleryGridItem-style {
	font-size: 13px;
	line-height: 16px;
	text-align: center;
	color: #7F7F9E;
	border-top: 1px solid #8D8DAC;
	border-bottom: 1px solid #8D8DAC;
	padding: 3px;
	margin: 10px 16px 0 16px;
}
.galleryGridItem-works {
	font-size: 14px;
	line-height: 15px;
	text-align: center;
	color: #5F5F7E;
}

/* ---------------------------- Gallery Grid Content ------- */
.galleryGridItem-photo {
	display: inline-block;
	margin-top: -61px;
	margin-bottom: 8px;
	max-width: 98px;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.galleryGridItem-headerImage {
	height: 70px;
	background-size: cover;
	background-position: center center;
	padding: 5px 16px;
	position: relative;
	width: 100%;
	z-index: 0;
	display: block;
}
.galleryGridItem-headerImageEmpty{
	height:70px;
	background-image:url('weone-icons-m.png');
	background-position:center center;
	background-color: #f7eeee;
}
.galleryGridItem-userPhoto {
	margin-top: -64px;
	margin-left: 9px;
	width: 72px;
	height: 72px;
	border: 2px solid white;
	background-size: contain;
}
.galleryGridItem-userPhotoMini {
	width: 42px;
	height: 42px;
	border: 2px solid white;
	background-size: contain;
	display: inline-block;
	position: relative;
	z-index: 1;
}
.galleryGridItem-namePill {
	line-height: initial;
	background-color: white;
	border-radius: 0 15px 15px 0;
	display: inline-block;
	padding: 4px 13px 5px 67px;
	font-weight: bold;
	position: absolute;
	top: 12px;
	left: 0;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.galleryGridItem-headerType {	
	position: absolute;
	display: inline-block;
	line-height: 0;
	background-repeat: no-repeat;
	background-position: center;	
	background-size: contain;	
}
.galleryGridItem-headerType.ht_song{
	background-image: url('icn/artwork-song.svg'); width:27px; height:25px; top:29px; right:21px;
}
.galleryGridItem-headerType.ht_album{
	background-image: url('icn/artwork-album-2.svg'); width:38px; height:30px; top:23px; right:12px;
}
/*
.galleryGridItem-contentScroll{
	overflow-y:hidden; width:100%; height:0%;
	position:absolute; top:0px;
	background-color:rgba(255,255,255,0.9);
	}*/

.galleryGridItem-artwork-med {
	line-height: 0;
	border: 1px solid #c2c2cf;
	margin: 0 44px;
}
.galleryGridItem-artwork-med:hover{margin: 0 14px;}

.galleryGridItem-artwork {
	line-height: 0;
	border: 1px solid #c2c2cf;
	margin: 0 14px;
}
.galleryGridItem-artwork:hover{margin: 0 8px;}

.galleryGridItem-song{
	padding:14px 16px 13px 16px;
	grid-template-columns:auto 1fr;
	}

/*.galleryGridItem-content{padding:10px 16px 46px 16px;}
.galleryGridItem-contentTop{padding:5px 16px 46px 16px; font-size:14px; color:#263238; word-break:break-word; line-height:normal;}*/
.galleryGridItem-details{margin-top:10px; padding:0 16px; font-size:14px; color:#3f3c50; word-break:break-word; line-height:normal;}

.b_galleryMiniUser{color:#333;}
.b_galleryMiniUser:hover{text-decoration:underline;}
.gmu_photo{display:inline-block; vertical-align:middle; line-height:0; padding-right:5px;}
.gmu_name{display:inline-block; vertical-align:middle; text-decoration:inherit;}


.galleryGridItem-prices{
	border-top: 1px solid #cfcfdc;
	margin-top: 12px;
	padding-top: 11px;
}
.galleryGridItem-note{
	margin-top: 12px;
	background-color: #5090b3;
	padding: 6px 0;
	text-align: center;
	/* border-top: 1px solid #cfcfdc; */
	/* border-bottom: 1px solid #cfcfdc; */
	color: white;
	border-radius: 5px;
}

/* ---------------------------- Gallery Grid Footer ------- */	
.galleryGridItem-footer{
	font-size:14px;
	line-height:1.1;
	text-align:center;

	/*background-color:5E5555;*/
	background-color:#e9e0e0;
	/*background-color:#e1deea;*/
	border-top: 1px solid #d9cbd7;

	display:block; width:100%;

	color:#5F5F7E;
	padding:8px 16px;

	position:absolute; 
	bottom:0px; 
	left:0px; 
	z-index:1;
	}
.gridItem-footer-credits{
	font-size: 11px;
	line-height: 1.1;
	color: #767695;
	padding-top:9px;
	padding-bottom:10px;
}

/* =============================================================== User mini Grid ===================== */
.userMiniGrid {
    display:grid;
    grid-gap:16px;	
	grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
    /*grid-auto-rows: 50px;*/
    grid-auto-rows: 50px;
    grid-auto-flow: dense;
    position:relative;
}
.userMiniGridItem{line-height:0; position:relative; overflow:hidden; text-align:center; /*border:1px solid #c2c2cf;*/}
.userMiniGridItem button{line-height:0;}
.userMiniGridItem img{width:100%}
/* =============================================================== User Grid ===================== */
.userGrid {
    display:grid;
    grid-gap:16px;	
	grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
    /*grid-auto-rows: 50px;*/
    grid-auto-rows: 50px;
    grid-auto-flow: dense;
    position:relative;
}
/* ---------------------------- Gallery Grid Label ------- */
.userGridLabelContainer{	
	grid-column: span 3;
	grid-row: span 4;
	text-align:center;
	/*
	grid-column:1/-3;
	position:sticky;
	top:0;
	z-index:10;*/
}
.userGridLabel{
	color: white;
	padding: 5px 13px;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
}

/* ---------------------------- Gallery Grid Items ------- */

/*
.userGridItem{position:relative; overflow:hidden; border:1px solid #c2c2cf;}

.userGridLink{display:block;}
.userGridLink .image {width:100%; height:100%; object-fit:cover;}
.userGridLink .icono {width:100%; height:100%; object-fit:none;}

.userGridItem.normal{grid-column:span 3; grid-row:span 4;}
.userGridItem.horizontal{grid-column:span 6; grid-row:span 4;}
.userGridItem.vertical{grid-column:span 3; grid-row:span 8;}
.userGridItem.big{grid-column:span 6; grid-row:span 8;}


.userGridItem-header{width:100%; padding:10px 16px; background-color:#fff; position:absolute; z-index:2;}
.userGridItem-title{font-size:16px; line-height:1.2; text-align:center;}
.userGridItem-age{font-size:13px; line-height:15px; color:#696988; text-align:center; padding-top:3px;}
.userGridItem-location{font-size:13px; line-height:15px; color:#9B9BBA; text-align:center; padding-top:13px;}
	

.userGridItem-contentScroll{
	overflow-y:hidden; width:100%; height:0%;
	position:absolute; top:0px;
	background-color:rgba(255,255,255,0.9);
	}
.userGridItem-content{padding:10px 16px 64px 16px; font-size:14px; color:#263238; }
	

.userGridItem-footer{
	font-size:14px; line-height:1.1; text-align:center;
	display:block; width:100%;

	color:black;
	padding:8px 16px;

	position:absolute; 
	bottom:0px; 
	left:0px; 
	z-index:1;
	}*/

/* ============================================================================================================================= */
/* ===================================================================================== CHAT Y COMENTARIOS ==================== */
/* ============================================================================================================================= */
/* ------------------ Chat ------------- */
.say_box{	
	background-repeat:no-repeat;
	background-size:12px;
}
.sb_other{
	margin-right:11%;		
	/*padding-left:1px;*/
	background-position:left 12px;
	background-image:url('icn/chat_say_other.svg');
}
.sb_me{
	margin-left:11%;	
	/*padding-right:1px;*/
	background-position:right 12px;
	background-image:url('icn/chat_say_me.svg');
}

.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;	
}
.say.other{	
	background-color:#7C7CA7;	
}
.say.me{
	background-color:#7cb342;
}

/* ------------------ Comentarios ------------- */
.commentsFullArea{
	background-color: #e1deea;
	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_comment{color:#49495D;}

/* ============================================================================================================================= */
/* ===================================================================================== AUDIO ================================= */
/* ============================================================================================================================= */
.audioPlayer_container{
	position:relative;
	text-align:center;
	padding:16px 16px;
	background-color:#1B1427;
	border-top:1px solid #312A3D;
}

/* ------------------------ CONTROLS ------------ */
.btn_ctrl{
	display:inline-block;
	line-height:0;
	width:14px;
	height:14px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	opacity:0.6;	
}
.btn_ctrl:hover{opacity:1; transform: scale(1.1);}
.btn_ctrl:active{}
/* --- */
.btn_ctrl.play{background-image: url('icn/control-play.svg'); width:40px; height:40px; opacity:1;}
/*.btn_ctrl.play:hover{width:44px; height:44px;}*/
.btn_ctrl.pause{background-image: url('icn/control-pause.svg'); width:40px; height:40px; opacity:1;}
.btn_ctrl.back{background-image: url('icn/control-back.svg');}
.btn_ctrl.next{background-image: url('icn/control-next.svg');}

.btn_ctrl.playlist{background-image: url('icn/control-playlist.svg'); width:20px; height:20px;}

.sliderVolumeContainerHor{width:100px; display:inline-block; margin-left:9px; vertical-align:middle;}
.sliderVolumeContainerVer{height:0px; overflow:hidden; position:absolute; bottom:22px; left:0px;}

.btn_ctrl.vol-mut{background-image: url('icn/control-speaker-mut.svg'); width:24px; height:18px; vertical-align:middle;}
.btn_ctrl.vol-low{background-image: url('icn/control-speaker-low.svg'); width:24px; height:18px; vertical-align:middle;}
.btn_ctrl.vol-mid{background-image: url('icn/control-speaker-mid.svg'); width:24px; height:18px; vertical-align:middle;}
.btn_ctrl.vol-hig{background-image: url('icn/control-speaker-hig.svg'); width:24px; height:18px; vertical-align:middle;}

/* ------------------------ INFO SONG ------------ */
.audioPlayer_time {
	color: #a3a1a8;
	font-size: 13px;
	line-height: 14px;
	min-width: 33px;
}

/* ------------------------ PLAYLIST ------------ */
#playListContainer {
	width: 100%;	
	text-align: left;
	position: absolute;
	bottom: 17px;	
	z-index: 1;	
	border-bottom:none;
	padding: 0 16px;
}
#playList{background:rgba(255,255,255,0.9); max-height:350px; overflow-y:scroll; border-left:1px solid #4C4558; border-right:1px solid #4C4558;}

#playListTitle{
	background-color: #1B1427;
	padding: 4px 12px;
	color: white;
	font-weight: bold;
	position:relative;
}

.playlist_item{
	padding: 5px 10px;
	width: 100%;
	border-bottom: 1px solid #bab2c5;
	background-image: url('icn/play.svg');
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: center right 22px;
}
.playlist_item:hover{background-color:#d1cae2;}
.playlist_item.mark {
	background-color: #1db954;
	background-image: url('icn/control-speaker-hig.svg');
	background-size: 19px auto;
	background-position: center right 20px;
}

.playlist_item img{width:38px; float:left; margin-right:6px;}

.playlist_item .title {
	font-weight: bold;
	font-size: 15px;
	line-height: 16px;
}
.playlist_item .artist{
	font-size: 13px;
	line-height: 14px;
	margin-top: 5px;
	color: #7F7C90;
}

.playlist_item.mark .title{color:white;}
.playlist_item.mark .artist{color:rgba(255,255,255,0.6);}

.albumMark1{border-left: 4px solid #d4690e;}
.albumMark2{border-left: 4px solid #361a61;}
/* ============================================================================================================================= */
/* ===================================================================================== IMÁGENES y VIDEO ====================== */
/* ============================================================================================================================= */
#celda_file iframe{
	width:100% !important;
	height:100% !important;	
	position:absolute;
	left:0; top:0;	
}

.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 #818792; padding:7px; line-height:0; text-align:center; margin-top:6px; background-color:white; margin:0;}
.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:12px; line-height:15px; margin-top:6px; color:#3a3b3e; font-family:'Lato', Tahoma, Geneva, sans-serif;}
@media all and (max-width:500px){
	.expandXS{width:100%; float:none; margin-left:0; margin-right:0;}
	/*.expandXS figure{width:100%; max-width:none !important;}*/
}

.imageClick{position:relative; overflow:hidden;}
.imageClick img{object-fit:cover; width:100%;}

/* ------------------------- */
.imageClick button{
	background-size:20%;
	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);}
/* -------------------------- */

.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;
}
.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;
}
.videoiframe{
	position:absolute;
    left:0;
	top:0;
	width:100%;
	height:100%;
}

/* ============================================================================================================================= */
/* ===================================================================================== 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;}

.code_generated{
	text-align:center;
	color:#de8d13;
	font-size:17px;
	line-height:20px;
	padding:6px 0;
}
/* ============================================================================================================================= */
/* ===================================================================================== ALERTAS Y NOTIFICACIONES ============== */
/* ============================================================================================================================= */
.notify{line-height:1.1; background-position:left center; background-repeat:repeat-y; background-color:#fff; color:#000; padding:12px 15px 12px 46px; text-align:left;}
.notify.med{background-size:19px auto; padding:7px 12px 8px 28px !important; font-size:14px; line-height:17px;}

.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_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:#000; 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:#70707d; background-color:#eaeaef; border:1px solid #858592; 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;}
.emergentBottom{position:fixed; bottom:-50px; width:100%; visibility:hidden;}

/* ============================================================================================================================= */
/* ===================================================================================== 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){/*SM*/
	.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){/*MD*/
	.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){/*LG*/
	.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){/*XL*/
	.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:767px){
	.modalContainer>*:first-child{
		display:inline-block;
		margin:0 auto;
		overflow:hidden;
	}
}

@media all and (min-width:768px){
	.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:#8e24aa; color:white; text-align:left; position:relative;}*/
.modalBar_top{
	padding: 10px 33px 10px 16px;
	background-color: #180437;
	color: white;
	text-align: left;
	position: relative;
	border-bottom: 1px solid #333b44;
	background-image: url('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:32px;}

/* ----------------- Footer modal --------- */
/*.modalBar_bottom{padding:8px 16px; background-color:#8e24aa; color:white; text-align:left;}*/
.modalBar_bottom{
	padding:8px 16px;

	/*background-color:#372553;
	background-color:#d4d2de;
	background-color:#8e24aa;*/
	background-color:#180437;

	color:white;
	text-align:left;
	border-top:1px solid #333b44;
	/*
	background-image: url('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"); opacity:1;
    /*background: url("icn/x_close_circle.svg"); opacity:0.5;*/
	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;}
/* ------- */
.modalTextClose{border:1px solid #626281;}

/* --------- */
.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;}

/* --------- */
.x_close_mini_light{
    width: 14px;  
    height: 14px;  
    background: url("icn/x_close_aspa_white.svg");
	background-size:contain; 
    background-repeat:no-repeat;
    background-position:0px 0px;
    opacity:0.5;
}			
.x_close_mini_light:hover{opacity:1;}
.x_close_mini_light:active{opacity:0.2;}


/* ---------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- SWITCH --------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
.switch_off{
	background-color:#e23d3d;
	width:47px;
	display:inline-block;
	line-height:0;
	cursor:pointer;
	vertical-align:middle;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	}
.switch_on{
	background-color:#7ebe2a;
	width:47px;
	display:inline-block;
	line-height:0;
	cursor:pointer;
	vertical-align:middle;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;	
	}
.switch{
	background-color:#FFF;
	display:inline-block;
	margin:3px;
	width:19px;
	height:19px;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	}

/* ------------ */
.switch_off .switch{margin-left:-17px;}
.switch_on .switch{margin-left:23px;}

.switch_label {
	display: inline-block;
	color: rgba(255,255,255,0.8);
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	/*margin: 5px 2px 5px 2px;*/
	margin:3px 2px;
	vertical-align: middle;
}

/* ============================================================================================================================= */
/* ===================================================================================== PROCESOS ============================== */
/* ============================================================================================================================= */
#dropzone {
    top: 150px;
    width: 200px;
    height: 200px;
    background: cyan;
    border: solid 1px;
}
/* ---------------------------------------------------- Barras de progreso --------- */
.progress_bar {
    display: block;
    background-color: #30303D;
    padding: 1px;
    text-align: left;
	position:relative;
}
.progress_bar .bar{
	color: #FFF;
	/*margin-top: 1px;*/
	display: block;
	background-color: #72b22d;
	text-align: left;
	/*padding: 5px 15px;*/
	padding: 5px 0px;
	font-size: 14px;
	line-height: 14px;
}
.progress_bar .label{position:absolute; color:white; top:4px; left:16px; font-size:13px; line-height:16px;}


.progress_bar_pointer{
	background-color:white;
	width:18px;
	height:18px;
	position:absolute;
	top:0;
	left:0;
	-webkit-border-radius: 100px !important;
	-moz-border-radius: 100px !important;
	border-radius: 100px !important;
}

/* ============================================================ 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:4px solid rgba(255, 255, 255, 1);
    border-top: 4px solid #6aabcb;*/
    border:2px solid #96a6b1;
	border-top:2px solid #fff !important;
    /*border-top:2px solid #e4ecf2 !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 #23084c;
	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 #23084c;
    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; }}


/* ========================================= Ratting valoración estrellas ==================== */
.ratting_area{
	/*width:100%;*/
	width:178px;
	height:30px;
	display:inline-block;

	-webkit-mask:url(icn/stars.svg);
	-webkit-mask-size:contain;
	-webkit-mask-repeat:no-repeat;
	
	mask:url(icn/stars.svg);
	mask-size:contain;
	mask-repeat:no-repeat;

	background-image:url(icn/stars.svg);
	background-repeat:no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.ratting_mark{
	/*background-color:#8e24aa;*/
	background-color:#d4750e;
	height:30px;
	width:0%;
}
.ratting_label{
	color:#9090ae;
	font-weight:bold;
	font-size:15px;
	line-height: 17px;
	/*
	display:inline-block;
	font-weight:bold;
	font-size:26px;
	line-height:28px;
	color:#b2bdd1;
	padding-top:2px;
	vertical-align:middle;
	padding-left:10px;*/
}
.ratting_text{
	color:#e1a004;
	text-align:right;
	font-size:15px;
	line-height: 17px;
}
.ratting_text:hover{
	text-decoration:underline;
}

/* ============================================================================================================================= */
/* ===================================================================================== FORMULARIOS =========================== */
/* ============================================================================================================================= */
/*Resetear estilos navegador */
*:focus{outline:none; box-shadow:none;}
:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid {box-shadow:none;}

::placeholder{font-style:italic; color:rgba(0,0,20,0.5);}
::-webkit-input-placeholder{font-style:italic; color:rgba(0,0,20,0.5);} /* WebKit #696974*/
::-moz-placeholder{font-style:italic; color:rgba(0,0,20,0.5);} /* Firefox 19+ */


/* ------------------------- Required Field */
.bg_forms{background-color:#474053;}
.rf{color:red; padding-right:4px; font-weight:bold;}

/* ------------------------- */
.deactivated{pointer-events:none;}
.marked_complete{/*border-color:#7ab228 !important;*/ border-color:#66a6c9 !important;}
.marked_error{border-color:#e32424 !important; border-width:2px !important;}

/* -------------------------------------------------------- */
.formCell{margin:12px 12px;}
.formPad{padding:12px 12px;}
.titleField{font-size:15px; line-height:17px; /*color:#61b10f;*/
	pointer-events:none; margin-top:-17px; opacity:0;
	-webkit-transition: top 200ms linear, opacity 200ms linear, margin-top 200ms linear;
	-ms-transition: top 200ms linear, opacity 200ms linear, margin-top 200ms linear;
	transition: top 200ms linear, opacity 200ms linear, margin-top 200ms linear;
}
.titleField.fixed{margin-top:0 !important; opacity:1 !important;}

.titleFieldView{
	font-size: 17px;
	line-height: 19px;
	margin-bottom: 3px;
	color:#000;
	pointer-events: none;
	font-weight:bold;
	font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
}
.textFieldView{
	font-size: 15px;
	color: #3f3c50;
}

.titleFieldEdit{
	font-size: 17px;
	line-height: 19px;
	margin-bottom:3px;
	color:#000;
	pointer-events: none;
	font-weight:bold;
	font-family:'Roboto Condensed','Lato',Tahoma,Geneva,sans-serif;
}
.subTitleField{
	/*margin-top: -3px;*/
	padding-left: 1px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #3f3c50;
}
/* =========================================================== Estilos campos ======================== */
input[type="checkbox"],input[type="radio"]{margin:0px 5px 0px 0px;}

/* ---------------------------------- Border ----- */
.border{border:1px solid #b0bec5;}
.border-white{border:1px solid white !important;}

/* ---------------------------------- Sub ----- */
.sub{
	font-family:"Lato", Tahoma, Geneva, sans-serif;
	width:100%;
	font-size:15px;
	line-height:1.5;
	margin:0;
	padding:4px 8px;	
	/*min-height:30px;*/
	background-color:transparent;
}
/* #72ae30 cambiado por #8e24aa */
.sub:optional{border-bottom:1px dotted #9999a4;}
.sub:required {border-bottom:1px solid #9999a4;}
.sub:focus:valid{border-color:#61b10f; border-width:2px;}
.sub:focus:invalid{border-bottom-color:#e32424; border-width:2px;}

select.sub{padding-left:4px !important;}
select.sub:focus:valid{border-bottom:1px dotted #9999a4;}
option[value=""][disabled]{color:#9999a4 !important; /*display:none;*/}

textarea.sub{resize:vertical; /*min-height:80px;*/}

/* ---------------------------------- LineLeft ----- */
.lineleft{
	font-family:"Lato", Tahoma, Geneva, sans-serif;
	width:100%;
	font-size:15px;
	line-height:1.5;
	margin:0px;
	padding-left:8px;
	/*min-height:30px;*/
	background-color:transparent;
	border-left:4px solid #7cb342;

	-webkit-border-radius:0 0 0 10px;
	-moz-border-radius:0 0 0 10px;
	border-radius:0 0 0 10px;
}
.lineleft:optional{border-left:4px solid #9999a4;}
textarea.lineleft{resize:vertical; /*min-height:80px;*/}


/* ---------------------------------- Box ----- */
input.box{
	border: none;
	box-sizing: border-box;
	font-family: 'Lato', Tahoma, Geneva, sans-serif;
	font: 'Lato', Tahoma, Geneva, sans-serif;
	font-size:15px;
	line-height:1.5;
	margin:0;
	padding:7px 12px;
	width:100%;
	background-color:#ececf1;
}
textarea.box{
	box-sizing: border-box;
	font-family: 'Lato', Tahoma, Geneva, sans-serif;
	font: 'Lato', Tahoma, Geneva, sans-serif;
	font-size:15px;
	line-height:1.5;
	margin:0;
	padding:7px 12px;
	width:100%;
	background-color:#ececf1;
	resize:vertical;
	min-height:80px;
}
select.box{
	box-sizing: border-box;
	font-family: 'Lato', Tahoma, Geneva, sans-serif;
	font: 'Lato', Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin:0;
	/* padding:4px 12px; */
	padding: 6px 12px;

	width:100%;
	background-color:#ececf1;
}

/* ============================================================= CAMPOS MÚLTIPLES =========================== */
.fc{padding:5px 5px 20px 5px;}
.fcdetail{padding-right:5px;}
.fctool{padding:0px 5px;}
/* -------------------------- */
.fc_more{padding:5px 5px 20px 5px;}
.fc_line:last-child .b_delform{margin-bottom:20px;}

.b_addform{color:#7cb342; fill:#7cb342;}
.b_addform:hover{color:#abda9f; fill:#abda9f;}
.b_addform:active{color:#70707d; fill:#70707d;}

.b_delform{color:#9999a4; fill:#9999a4; margin-top:6px; margin-bottom:9px;}
.b_delform:hover{color:#e32424; fill:#e32424;}
.b_delform:active{color:#70707d; fill:#70707d;}

/* ============================================================= OTROS ELEMENTOS ============================ */
fieldset{border:1px solid #9f9faa; padding:16px 16px 16px 16px;}
legend{
/*font-family:'Roboto Condensed','Lato',Tahoma,sans-serif;*/
font-size: 17px;
line-height: 19px;




-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
/*
	font-family:'Roboto Condensed','Lato',Tahoma,sans-serif;
	font-size:17px; padding:3px 10px;
	background-color:white;
	background-color:#e6e8ec;
	float:left;
	width:100%;*/
}
/*fieldset :nth-child(2){padding-top:33px !important;}*/

.fieldset_box{
	margin:0;
	padding:0;
	border:none;
	/*background-color:#faf9ff;*/
	background-color:#f6f0f4;
	overflow:hidden;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}
.legend_box{
	border:none;
	width: 100%;
	background-color:#D7DFE8;
	/*padding:0.7em 24px 0.5em 24px;*/
	padding:0.7em 18px 0.5em 18px;

	font-size: 18px;
	line-height: 20px;

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

/* ============================================================= COMBO ====================================== */
.newCombo{position:relative;/*font-size:13px; line-height:17px;*/ display:block;}    
.newCombo em{
	cursor: pointer;
	border-left:1px dotted #9999a4;
	padding:8px 0px 8px 3px;
    display:inline-block;
	align-self: center;
	line-height:0;
	fill:#9999a4;
}
.newCombo em:hover{border-left:1px solid #8e24aa; fill:#8e24aa;}
.newCombo em:active{border-left:1px solid #41414e; fill:#41414e;}

.newCombo svg {
	width: 19px !important;
	fill: inherit !important;
}
/* -------------------------- Combo List --------------- */
.newComboList{
	position: absolute;
    z-index:1700;
	margin-top:-1px;	
	max-height:0px; min-width:170px;
	/*height:0px;*/
	width:100%;
	overflow-y:hidden;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.newCombo ul{background-color:#fff; display:block; overflow-x:hidden; overflow-y:auto; margin:0px; padding:0px; border:none;}
.newCombo li{
	list-style-type:none;
	color:#000;
	border-top:1px solid #c5c5ce;
	cursor:pointer;
	text-align:left;
	white-space:nowrap;
	padding:4px 8px;	
	font-size:14px;
	/*
	line-height:1.6;
	min-height:32px;*/
}
.newCombo li:hover{background-color:#eee5d9; color:#000; padding-left:14px; /*border-left:4px solid #b87b2d;*/}
.newCombo li:first-child{border-top:none;}

@media all and (max-width:768px) {
    .newCombo li{padding:11px 10px;}
	.sub{padding:10px 10px;}
}

/* -------------------------------- */
.newCombo combo{color:#fff; fill:#fff;}
.newCombo combo:hover{color:#a1e2ff; fill:#a1e2ff;}
.newCombo combo:active{color:#333; fill:#333;}


/* -------------------------- Combo Header --------------- */
.newComboHeader{min-height:2px; background-color:#b87b2d; color:#fff; padding:4px 10px 6px 10px; font-size:12px; text-align:center;}
.newComboHeaderSlim{min-height:2px; background-color:#b87b2d;}
/* ----------------------- Combo Footer ------------ */
.newComboFooter{min-height:3px; background-color:#b87b2d; color:#fff; padding:4px 10px 6px 10px; font-size:12px; text-align:center;}
.newComboFooterSlim{min-height:4px; background-color:#b87b2d;}


.lista_multiform{padding-left:24px;}


/* ============================================================================================================================= */
/* ===================================================================================== SHOPPING CART ========================= */
/* ============================================================================================================================= */
.shopping-cart {
	width: 26px;
	height: 26px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	padding-left: 4px;
	padding-bottom: 9px;	
	line-height: 14px;
	font-size: 14px;
	text-align: center;
}
.shopping-cart:hover{opacity:0.7;}

.shopping-cart.empty{color:white; opacity:0.4;  background-image:url('icn/shopping-cart-white.svg')}
.shopping-cart.full{color:#ff7500; background-image:url('icn/shopping-cart-color.svg')}


.shopping-cart-box-summary{
	border:1px solid #cfcfdc;
	padding: 0 12px;
}
.shopping-cart-line-header {
	padding: 5px 0px;
	font-size: 13px;
	border-bottom: 1px solid #cfcfdc;
	text-align: center;
	background-color: #cfcfdc;
	margin: 0 -12px;
}
.shopping-cart-line-summary{
	text-align: left;
	grid-template-columns: 1fr auto;
	padding: 5px 0px;
	font-size: 13px;
	border-bottom:1px solid #cfcfdc;
}
.shopping-cart-line-summary:last-child{border-bottom:none !important;}

/* ============================================================================================================================= */
/* ===================================================================================== FOOTER ================================ */
/* ============================================================================================================================= */
.footer_block_title {
    margin-bottom: 12px;
    color: #fff;
    font-size: 17px;
}
.footer_block_text {
    color: #A8B4C5;
    font-size: 13px;
}
.footer_line_space{
    line-height: 22px;
}