/*######################
# Area de stands  */
#marco #marco-plano #marco-plano-img #stands{
/*	background-color: red;*/
/*	opacity: .5;*/
	top: 21.6%;
	left: 10.7%;
	width: 79.6%;
	height: 66.4%;
	position: absolute;

}
/* Area de stands
###################### */



/*@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");*/
body{
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	-webkit-print-color-adjust: exact;
}

header .header{
	background-color: #CBEBFB;
    /*background: url(../assets/header-fondo.png);*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.label{
	font-size: 10px;
	padding: 0 5px 1px 5px;
	/*font-weight: 400;*/
	letter-spacing: 1px;
}

.seleccionado{

	transform : scale(1.2) !important;
	-moz-transform : scale(1.2) !important; /* Firefox */
	-webkit-transform : scale(1.2) !important; /* Chrome - Safari */
	-o-transform : scale(1.2) !important; /* Opera */
	-ms-transform : scale(1.2) !important; /* IE9 */
	z-index: 150 !important;

	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,1);
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,1);

}

.expositores-titulo{
	padding: 5px 10px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	background-color: #eee;
}


.expositores-busqueda{
	/*border-left: 5px solid #999;*/
	border-bottom: 1px solid #ddd;
	background-color: #eee;
	padding: 3px;
}

.lista-expositores{
	width: 18%;
	float: left;
	height: 100%;
	border-right: 1px solid #ddd;
}

.lista-items{
	height: 92%;
	overflow: auto;
}

.lista-item{

	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #ddd;
	font-size: 11px;
	height: 45px;

    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;

}

.lista-item-pq{
	height: 45px; /*Cambiar tambien este atributo en .paquetes*/
	/*border-left: 2px solid #eee;*/
	border-bottom: 1px solid #ddd;
}

.lista-item table, .lista-item-pq table{
	margin: 0;
	width: 100%;
}

.lista-item:hover, .lista-item-pq:hover{
	border-left: 3px solid red;
}

.lista-item table tr td, .lista-item-pq table tr td {
	font-size: 11px;
	margin: 0;
	padding: 0;
	vertical-align: center;
}

.lista-item .item-stand, .lista-item-pq .item-stand{
	width:45px;
	text-align: right;
}

.patrocinadores {
	padding: 5px 0px 5px 10px;
	font-size: 11px;
	height: 45px; /*Cambiar tambien este atributo en .lista-item-pq*/

    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.patrocinador-oro{
	border-left: 10px solid #D4AF37;
}
.patrocinador-platino{
	border-left: 10px solid #E5E4E2;
}
.patrocinador-plata{
	border-left: 10px solid #C0C0C0;
}

.label-oro{
	background-color: #D4AF37;
	font-weight: normal;
}
.label-platino{
	background-color: #E5E4E2;
	font-weight: normal;
	color: #777;
}
.label-plata{
	background-color: #C0C0C0;
	font-weight: normal;
}

[data-verdesc]{
	cursor: pointer;
}

.icon-verdesc-a{
	color: #1B3D78;
	margin: 0 3px;
}
.icon-verdesc-d{
	color: #ddd;
	margin: 0 3px;
}

#slider-vertical {
	height: 50%;
	position: fixed !important;
	right: 30px;
	top: 25%;
	width: 20px;
	z-index: 1000;

}
/*.ui-slider-horizontal{ height: 1.8em; }*/
.ui-slider .ui-slider-handle{
	height: 3em;
	width: 3.5em;
	text-align: center;
	left:-25px;
}
/*.ui-slider-horizontal .ui-slider-handle{ top:-1px; }*/

#btn-imprimir{
	background-color: #1F3E77;
	border: 1px solid #4383c4;
	margin-left: 20px;
	padding: 5px 6px;
	position: fixed !important;
	z-index: 110;
}

#colores-stands{
	display: inline-block;
	margin-left: 15px;
	/*margin-top: 80px;*/
	position: fixed !important;
	z-index: 110;
	bottom: 30px;
}

#contenedor {
	height: 100%;
	width: 100%;
}

#marco {
	/*border: 4px solid #666;*/
    /*box-sizing: border-box;*/
	/*height: 100%;*/
	/*margin-top: 160px;*/
	/*position: fixed;	*/
	width: 100%;
	z-index: 1;
}

/*#marco #lista-expositores{
	float: left;
	height: 100%;
	overflow-y: hidden;
	position: fixed;
	width: 15%;
}*/

#marco #marco-plano{
	/*outline: 1px solid red;*/
	float: right;
	height: 100%;
	margin: auto;
	margin-top: 20px;
	overflow: auto;
	padding: 0;
	position: relative;
	width: 82%;
}

#marco #marco-plano #marco-plano-img{
	/*border: 1px solid #666;*/
	margin: auto;
	/*outline: 1px solid red;*/
	position: relative;
	width: 1200px;

	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;

}

#marco #marco-plano #marco-plano-img img{
	width: 100%;
}




.stand{
	background-color: #FFF;
	border: 1px solid #999;
    box-sizing: border-box;
	color: #333;
	cursor: pointer;
	font-size: 5px;
	padding-top: .2%;
	position: absolute;
	z-index: 100;

	-webkit-transition: font-size 1s;
	-o-transition: font-size 1s;
	transition: font-size 1s;

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

}

.stand[data-status="R"]{
	background-color: #D3D6B0;
	/*background-color: #4383c4;*/
	/*color: #FFF;*/
}

.stand[data-status="C"]{
	background-color: #B8E269;
	/*background-color: #1F3E77;*/
	/*color: #fff;*/
	border: 1px solid #334c77;
	cursor: pointer;
}

.stand table.tabla-stand{
	height: 100%;
	width: 100%;
}

.stand table.tabla-stand .no-stand{
	font-size: 90%;
	/*background-color: #fff;*/
	/*height: 20%;*/
	line-height: 100%;
	margin:0;
	padding: 0;
	text-align: center;
	vertical-align: top;
}
	
.stand table.tabla-stand .empresa{
	font-size: 30%;
	margin:0;
	padding: 0;
	padding-top: 2%;
	text-align: center;
	vertical-align: middle;
}

.stand-espacios{
	background-color: white;
	border: 1px solid #999;
    box-sizing: border-box;
	color: #666;
	/*font-size: 14px;*/
	position: absolute;
	z-index: 100;

	-webkit-transition: font-size 1s;
	-o-transition: font-size 1s;
	transition: font-size 1s;
}

.stand-espacios table.tabla-stand{
	height: 100%;
	width: 100%;
}

.stand-espacios table.tabla-stand .empresa{
	font-size: 100%;
	margin:0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.espacios{
	background-color: #EE342A;
	border: 1px solid #D7031C;
    box-sizing: border-box;
	position: absolute;
	z-index: 100;

	-webkit-transition: font-size 1s;
	-o-transition: font-size 1s;
	transition: font-size 1s;

}

.espacios table.tabla-stand{
	height: 100%;
	width: 100%;
}
.espacios table tr td{
	color: #fff;
	font-size: 100%;
	text-align: center;
}



@media print {
	/*@page { size: portrait; }*/
	@page {
		size: letter portrait;
		margin: 1mm;
	}

	#marco #marco-plano{
		height: 1200px !important;
		margin: auto;
		width: 100%;
	}

	.stand{
		background-color: #ffffff !important;
	}
	.stand table tr td{
		color: #333333 !important;
	}
	.stand[data-status="R"]{
		background-color: #4383c4 !important;
	}
	.stand[data-status="C"]{
		background-color: #1B3D78 !important;
		border: 1px solid #334c77 !important;
	}
	.stand[data-status="C"] table tr td{
		color: #FFFFFF !important;
	}
	.stand[data-status="R"] table tr td{
		color: #FFFFFF !important;
	}

	#marco #marco-plano{
		width: 100% !important;
	}
}