html, body {
	margin:0px;
	padding:0px;	
	font-family: 'Source Sans Pro', sans-serif;	
}
body {
	overflow-y:scroll;	
}

img {
	opacity:0;
	transition: opacity 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);	
}

input {
	-webkit-appearance: none;
	border-radius: 0;	
}

#map_canvas {
	height:300px;	
}
#map_canvas img, .social img, .fancybox-image, .boton img, .calendario img{
	opacity:1;
}

a{
	text-decoration:none;
	color:inherit;
}
a:hover{
	text-decoration:underline;
}

.none{
	display:none;	
}

.clear{
	clear:both;	
}

.blanco{
	color:#FFF;
}

html body .bgBlanco {
	background-color:#FFF;	
}

html body .bgGris {
	background-color:#F0F0F4;	
}

html body .bgGrisOscuro {
	background-color:#E5E5EE;	
}

img.middle {
	
}	

/******** TITULO - TOP ********/
.top{
	z-index:100;
	position:fixed;
	width:100%;	
	background-color:#FFF;
	border-bottom:1px solid #CACECE;
	height:80px;
	display:none;
}

.top .titulo{
	float:left;
	margin-right:20px;
	margin-left:25px;
	margin-bottom:5px;
	font-size:20px;
}

.top .titulo .grande{
	line-height:100%;
	
	font-weight:lighter;
	font-size:75px;
}

.top .fecha{
	float: right;
	font-size:12px;
	color:#666;
	margin-top:14px;
	margin-right:20px;
}
.entrada{
	float:right;
	font-size:11px;
	background-color:#E5E5EE;
	padding:5px;
	margin:10px;
}
.top .buscador{
	float:right;
	position:relative;
	top:-6px;
	left:-20px;
	cursor:pointer;
}
.top .formBusca{
	transition: all 500ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	text-align:right;
	padding:10px;
	position:absolute;
	width:calc(100% - 20px);
	top:81px;
	background-color: #ECECF0;
	height:0px;
	padding-top:0px;
	padding-bottom:0px;
	overflow:hidden;
}
html .top .abrir {
	height: 25px;
	padding:10px;
}	
.top .formBusca input{
	color:#686277;
	background-color:transparent;
	border:none;	
	border-bottom: 1px solid #837C94;
}
.top .formBusca .submit{
	border:none;
	margin-left:10px;
	background-color:#C5C2CD;
	font-weight:bold;
}
.top .menu{
	position:relative;
	top:-13px;
}


/******* MENU *************/
ul.menu li{
	display:block;
	font-size:14px;
	float:left;
	list-style:none;
	margin-right:calc(14% - 155px);
}
ul.menu li:last-child {
	margin-right:0px;	
}
ul.menu a {
	transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	opacity:0;
	top:30px;
	position:relative;
	padding:3px;	
	padding-bottom:2px;
}
ul.menu a:hover, ul.menu a.selected {
	padding-bottom:1px;
	text-decoration:none;
	border-bottom: 1px solid #CACECE;
}
ul.submenu{	
	font-size:14px;
	list-style:none;
	position:absolute;
	top:17px;
	left:778px;
	background-color:#FFF;
	padding-left:15px;
	padding-right:15px;
	margin:0px;
}
ul.submenu li{
	margin-bottom:10px;
	margin-top:10px;
}


/********* MAIN ********/
.main{
	height: calc(100% - 262px);
	transition: opacity 500ms cubic-bezier(0.000, 0.000, 0.580, 1.000); 
	padding-top:80px;	
	opacity:0;
}

.barra{
	background-color:#DCDCE4;
	font-size:24px;
	padding:10px;	
	padding-top:11px;
	padding-left:30px;
}
.barra a:hover, .barra2 a:hover {
	text-decoration:none;
}
.barra2 {
	width:calc(25% - 40px);
	float:right;
	background-color:#C5C2CD;
	font-size:24px;
	padding:10px;	
	padding-top:11px;
	padding-left:30px;	
}

/*
.content{
	min-height:1px;	
}
*/

.share {
	margin-right:10px;	
}

/******** PORTADA **********/
.banda {
	height:270px;
	overflow:hidden;	
}
.banda .elemento {
	background-repeat:no-repeat;
	height:270px;
	float:left;
}
.banda .elemento .txt {
	transition: all 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	height:calc(100%  - 40px);
	background-color:#27242B;
	padding:20px;
	width:calc(35% - 40px);
	float:right;
	color:#FFF;	
	position:relative;
	left:570px;
	opacity:0;
}
.banda .selected .txt{
	left:0px;	
	opacity:1;
}
.banda .txt div {
	margin-bottom:20px;
}	
.banda .titulo {
	line-height: 100%;
	font-size:40px;
	font-weight:600;
}
.banda .subtitulo {
	font-size:32px;	
	font-weight:600;
}
.banda .fecha {
	font-size: 16px;
	color:#DFDFDF;
}

.bandaBotones {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	color:#FFF;
	height:45px;
	padding-top:0px;
	font-size:40px;
	margin-left:auto;
	text-align:center;
	padding-left:10px;
}	

.bandaBotones .center{
	display:inline-block;
	text-align:left;
}
.bandaBotones .boton {
	transition: all 800ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	float:left;	
	margin-right:10px;
	cursor:pointer;
}

.bandaBotones .selected{
	color:#BEBECC;
}

.portada {
	width:75%;	
	float:left;
}	
.portada .expo {
	float:left;
	border-left:1px solid #E8E9E9;
	border-bottom: 1px solid #E8E9E9;
	width:calc(33.33333% - 1px);
	position:relative;
	overflow:hidden;
	min-height:610px;
}
.portada .doble {
	width:calc(66.66666% - 1px);
}

.portada .expo .foto{
	height:270px;
	background-size:cover;
	background-position:center center;	
}
.portada .expo .fecha {
	text-align:right;
	font-size:14px;
	margin-bottom:10px;
}
.portada .expo .titulo {
	margin-bottom:10px;
	font-size:24px;
}
.portada .expo .subtitulo {
	font-size:20px;
	margin-bottom:15px;
	color:#4A4654;
}
.portada .expo .intro {
	color:#6E6E70;
	font-size:14px;
	margin-bottom:15px;
}
.portada .expo .intro p {
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.portadaExtra {
	background-color:#E5E5EE;
	float:left;
	width:25%;
	min-height:100%;
}
.portadaExtra .actividad .foto { 
	height:270px;
	background-position:center center;
	background-size:cover;
}
.portadaExtra .actividad .titulo {
	margin-bottom:15px;
	font-size:20px;
	font-weight:bold;
}	
.portadaExtra .actividad .intro {
	font-size:14px;
	color:#666666;
}
.portadaExtra .actividad .fecha {
	color:#000;
	text-align:right;
	font-size:14px;
	margin-bottom:10px;
}

/********* VISOR FOTOS ********/
.fotos{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	
	border-right:1px solid #CACECE;
	float:left;
	width:calc(35% - 1px);
}

.fotos .fancybox {
	display:none;	
}

.fotos .visor{
	cursor: pointer;	
}
.fotos .visor img{
	opacity:0;
 	max-width: 35%;
    max-height: 100%;
	transition:opacity 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	position:absolute;
	display:inline;
}
.fotos .visor .pie{
	z-index: 10;
	padding:20px;
	font-size:14px;
	top:703px;
	border-top:1px solid #C5C2CD;
	background-color:#FFF;
	opacity:0;
	width:calc(35% - 41px);
	transition: opacity 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	position:absolute;
	display:inline;	
}
.fotos .control, .fotos .titulo{
	position:relative;
	z-index:5;
	text-align:center;	
}
.fotos .titulo{
	position:absolute;
	pointer-events:none;
	font-size:20px;
	margin-left:10px;
	text-align:left;
	color:#FFF;	
}
.fotos .control{
	background-color:#999999;
	padding:20px;
	padding-left:105px;
}
.fotos .control .boton {
	transition: opacity 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	cursor:pointer;
	padding-left:4px;
	padding-right:4px;
	color:#FFF;
	opacity:0.2;
}	
.fotos .control span.selected {
	opacity:1;
}

.fotos .miniaturas{
	position:relative;
	overflow:hidden;
	white-space:nowrap;
}
.fotos .miniaturas img{
	transition: opacity 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
	cursor:pointer;
	max-height:140px;
	opacity:0.4;
}
.fotos .miniaturas img.selected{
	opacity:1;	
}

.fotos .full{
	cursor:pointer;
	position:relative;
	top:300px;
}


/********* COLUMNA IZQ ARTISTA ****************/
.columnaArtista {
	background-color:#F2F2F7;
	float:left;
	width:35%;
}	
.columnaArtista .contenido {
	margin:40px;
	border-bottom:1px solid #FFF;
	padding-bottom:40px;
}

.columnaArtista .titulo {
	font-size:28px;
	font-weight:bold;
}

.columnaArtista .social {
	float:right;
	padding-top:10px;
	padding-bottom:10px;
}

/******** COLUMNA CENTRO ARTISTA *****************/
.obra{
	border-bottom: 1px solid #E5E5EE;	
}
.obra .foto{
	float:left;
	padding:20px;
	width:calc(50% - 40px);	
	
}
.obra .foto img{
	width:100%;	
}
.obra .texto, .texto {
	padding:20px;
	word-break: break-word;	
}


/**********  COLUMNA CENTRAL TEXTOS EXPO ***************/
.textos{
	word-break: break-word;
	float:left;
	width:45%;
} 
	 
.extra .textos{
	width:calc(100% - 60px);
	padding:30px;	
}
.textos .contenido{
	margin:30px;
}
.textos .fecha{
	text-align:right;
	font-size:18px;
}
.textos .lugar{
	font-size:16px;	
}
.textos .salas{
	font-size:14px;	
}
.textos .titulo{
	line-height:100%;
	font-size:40px;
	font-weight:600;	
}
.textos .semititulo{
	line-height:100%;
	font-size:40px;
	font-weight: 600;
}
.textos .subtitulo {
	font-size:30px;
	font-weight:600;	
}
.textos .autor{
	font-size:28px;	
	color:#CC8B3C;
	font-weight:600;
	margin-top:10px;
	margin-bottom:10px;
}

.textos .subtitulo2 {
	font-size:30px;
	margin-top:10px;
	margin-bottom:20px;	
}

.textos .autorTextos{
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #E5E5EE;
	border-top:1px solid #E5E5EE;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.textos .descarga{
	font-size:14px;
	border-bottom:1px solid #CCC;
	border-top: 1px solid #CCC;
	padding-top:10px;
	padding-bottom:10px;	
}
.textos .social, .texto .social{
	float:right;
	padding-top:10px;
	padding-bottom:10px;
}
.textos .descripcion{
	text-align:justify;
	margin-bottom:10px;
}

.textos .creditos {
	font-size:12px;
	color:#666;
}

.textos .ficha {
	font-weight:normal;
	font-size:16px;
}

.textos .linea {
	margin-top:10px;
	border-bottom:1px solid #CACECE;
	margin-bottom:10px;
}

.textos .columna {
	text-align:justify;
	float:left;
}

.textos .columna .content{
	margin-right:30px;
}	

.miniTit{
	border-bottom:1px solid #333333;
	padding-left:2px;
	padding-right:3px;
	padding-bottom:3px;
	margin-left:8px;
}
.parrafo {
	text-align:justify;
	margin-top:10px;
	margin-bottom:35px;	
}


/*********** COLUMNA DERECHA EXTRA ***************/	
.extra{
	background-color:#E5E5EE;
	float:left;
	width:20%;
	min-height:100%;
}
.relacionado {
	font-size:16px;	
}
.relacionado .cabecera, .buscador .cabecera{
	font-weight:bold;
	font-size:20px;
	background-color:#C5C2CD;
	padding:20px;
	color:#FFF;
}
.relacionado .elemento{
	margin:20px;		
	padding-bottom:10px;
	border-bottom:1px dotted #666666;
}
.relacionado .elemento:last-child{
	border-bottom:none;	
}
.relacionado .tipo{
	margin-bottom:5px;	
}
.relacionado .fecha{
	text-align:right;
	color:#4D4D59;
	font-size:12px;
}
.relacionado .tipo{
	font-weight:bold;
}
.relacionado .descarga{
	background-color:#919999;
	text-align:center;
	font-size:16px;
	padding:15px;
}
.relacionado .publicacion img{
	width:100%;	
}

.extra .buscador .texto{
	padding:20px;
	padding-bottom:0px;
	line-height:160%;	
}

.extra .buscador .paginacion{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	max-width:calc(100% - 105px);
	height:28px;
	overflow:hidden;
	float:left;
}

.extra .fixed {
	position:fixed;
	width:20%;
	top:80px;
}

.pagHolder{
	margin:20px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
}

.pagHolder .disabled {
	opacity:0.2;
	cursor:default !important;
}

.buscador .boton, .buscador .pagNav{
	transition:opacity 300ms;
	text-align:center;
	width:16px;
	cursor:pointer;
	float:left;
	background-color:#F2F2F7;
	border-right:1px solid #B1B1B5;
	padding:4px;
	padding-left:11px;
	padding-right:11px;
}
.buscador .pagNav {
	background-color:#FFF;
	font-weight:bold;
	padding-top:8px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	width:25px;
	font-family:Tahoma, Geneva, sans-serif;
	height:16px;
	font-size:10px;
}
.buscador .pagNav:last-child {
	border-right: none;
}
.buscador .pagNav:nth-child(4){
	border-left:1px solid #B1B1B5;
}
.buscador .boton:hover, .buscador .pagNav:hover{
	background-color:#E4E4E8;	
}
.buscador .boton:last-child {
	border-right: none;	
}

.buscador .ordenacion {
	clear:left;	
}
.buscador .orden {
	cursor:pointer;
	color:#333333;
}
.buscador .selected, .buscador .orden:hover {
	font-weight:bold;	
}

.buscador .letra {
	cursor:pointer;
	float:left;
	margin-right:10px;	
}

.buscador input, .buscador select {
	color:#666666;
	font-size:14px;
	background-color:#F2F2F7;
	border:none;
	padding:5px;
	margin-bottom:10px;
	width:calc(100% - 10px);
}
.buscador select {
	width: 100%;
}
.buscador .submit{
	width:auto;
	background-color:#C5C2CD;
	cursor:pointer;
}	
.buscador .submit:hover{
	background-color:#d2d2d2;	
}

/******* LISTADOS *********/
.listado {
	width:80%;	
	float:left;
	min-height:1px;
}
.listado .expo {
	text-align:center;
	float:left;
	border-left:1px solid #CACECE;
	width:calc(33.33333% - 1px);
	opacity:0;
	position:relative;
	height:655px;
}
.listado .expo .intro {
	font-size:13px;	
}
.listado .actividad{
	height:670px;	
}
.listado .expoActual {
	width: 100%;
	border-bottom:1px solid #CACECE;
}
body .listado .publi {
	height:765px;	
}
.listado .expo .foto, .listado .expoActual .foto {
	background-size:cover;
	background-position:center center;
	background-color:#F2F2F7;
	min-height:334px;
}
.listado .expoActual .foto {
	width:50%;
	float:left;
	text-align:center;
	margin-right:20px;
	min-height:420px;
}
.listado .expo img, .listado .expoActual img {
	max-width:100%;
	max-height:330px;
}
.listado .expoActual img {
	max-height:545px;
}
.listado .expo .texto, .listado .expoActual .texto {
	padding:40px;
	text-align:left;	
}
.listado .expo .fecha, .listado .expoActual .fecha {
	text-align:right;
	font-size:18px;
}
.listado .expo .lugar, .listado .expoActual .lugar {
	text-align:right;
	font-size:16px;
}

.listado .expo .titulo, .listado .expoActual .titulo {
	line-height:100%;
	margin-top:10px;
	margin-bottom:0px;
	font-weight:600;
	font-size:30px;	
}
.listado .expoActual .titulo {
	font-size:30px;
}
.listado .expo .subtitulo, .listado .expoActual .subtitulo {
	color:#CC8B3C;
	font-weight:600;
	font-size:25px;	
}
.listado .expoActual .subtitulo {
	font-size:25px;
	margin-bottom:15px;
}
.listado .subtitulo2 { 
	font-size:35px;
	margin-bottom:15px;	
}
.listado .expoActual .intro {
	text-align:justify;
	font-size:18px;
	color:#6E6E70;
}
.listado .expo .ficha, .listado .expoActual .ficha {
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	padding-top:10px;
	border-top: 1px solid #E5E5EE;
}	
.listado .expo .autorTexto, .listado .expoActual .autorTexto {
	font-weight:bold;	
}

.listado .expoActual .social {
	margin-top:20px;
	float:right;	
}

.columnaEnlaces {
	width:calc(33.3% - 2px);
	float:left;
	border-right:2px solid #CACECE;
}
.tipoEnlace {
	font-weight:600;
	font-size:26px;
	margin:40px;
}
.columnaEnlaces .enlace{
	font-size:15px;
	padding:15px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:25px;
	margin-right:25px;
	border-top:1px solid #CACECE;
}

.etiqueta {
	float:left;
	background-color:#E5E5EE;
	margin-right:5px;
	cursor:pointer;
}
.etiqueta:hover{
	background-color:#d2d2d2;	
}

.lineaActividades {
	border-bottom:1px solid #CACECE;
	margin:20px;	
}

/***** CALENDARIO BUSCADOR ************/
.calendario{
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;	
}
.calendario .controles  {
	border-bottom:1px solid #000;
	padding-bottom:5px;
	margin-bottom:5px;
}
.calendario .controles .flecha{
	float:right;
	margin-left:10px;
	cursor:pointer;
}

.calendario .fila{
	border-bottom:1px solid #999;
}

.calendario .celda{
	padding-top:8px;
	padding-bottom:8px;
	font-size:13px;
	float:left;
	width:14%;
	text-align:center;
	color:#333;
}
.calendario .interior .celda{
	color:#999;
}
.calendario .marcado {
	background-color:#FFF;
}

.calendario .interior .celda:hover, .calendario .interior .selected{
	background-color:#FFFF99;
	cursor:pointer;
}

/******* BUSCADOR ************/
.listadoBuscador {
	padding:30px;
}	
.bloqueBusca {
	border-bottom:1px solid #8787A3;
	padding-bottom:10px;
}	
.busqueda {
	font-size:35px;
	font-weight:bold;
}
.seccion {
	padding-top:30px;
	float:left;
	width:20%;
}
.total {
	font-size:14px;
	color:#C5C1CC;	
}
.resultado {
	font-size:20px;
	padding:30px;
	border-bottom:1px solid #E5E5EE;
	margin-left:20%;	
}
.resultado:last-child{
	border-bottom:none;	
}

/******** CIERRE PIE de pagina ***********/
.cierre {
	overflow:hidden;
	transition: opacity 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
	position:relative;
	z-index:9;
	background-color:#4D4D53;
	padding:30px;
	color:#9B9B9D;
	font-size:13px;
	opacity:0;
}
.cierre .da2 {
	line-height:80%;
	color:#fff;
	font-size:60px;
	font-weight:lighter;
	position:relative;
	left:-5px;
}
.cierre .social {
}
.cierre .bloque{
	min-height:122px;
	float:left;
	margin-right:30px;
	border-right:1px solid #999;
}
.cierre .columna {
	float:left;
	width:calc(33% - 20px);	
	padding:10px;
	padding-right:0px;
}
.cierre .columna .destacado {
	color:#BABABC;
}

.cierre .social img {
	padding-right: 15px;
	padding-top:15px;
}

.cierre img.logo {
	width:calc(45% - 20px);
	max-width:200px;
	/*padding-right:10px;*/
	margin-right:20px;
	margin-top:10px;
}

.cierre .colaboran {
	height:105px;
	text-align:center;	
}
.cierre .colaboran img {
	opacity:1;
	width:calc(90% - 20px);
}

/*AVISO COOKIES*/
.cookieWarning{
	z-index:30;
	display:none;
	width:calc(100% - 20px);
	color:#FFF;
	text-align:center;
	position:fixed;
	background-color:rgba(0,0,0,0.8);
	top:100%;
	margin-top:-100px;
	height:100px;
	padding:10px;
	font-size:13px;
}
.cookieWarning a{
	color:#999;
	font-weight:bold;
}


/****** FUENTES SEGUN TAMAÑO PANTALLAS ***************/
@media screen and (max-width: 1660px){

}

@media screen and (max-width: 1300px) {
	.textos .titulo{
		font-size:40px;
	}
	.textos .semititulo{
		font-size:30px;	
	}
	.textos .subtitulo{
		font-size:20px;	
	}
}

@media screen and (max-width: 1260px){
	div.foto {
		min-height:	280px !important;
	}
	.top .titulo .peque{
		display:none;	
	}
	.textos .titulo, .texto .titulo{
		font-size:30px !important;
	}
	.textos .semititulo{
		font-size:20px;	
	}
	.textos .subtitulo, .texto .subtitulo{
		font-size:25px !important;	
	}
	.texto .lugar, .texto .fecha {
		font-size:15px !important;
	}
	ul.menu li{
		margin-right: 5px;	
	}
}

@media screen and (max-width: 1000px){
	.cierre .bloque{
		float:none;
		width:100% !important;	
		border:none;
	}
}

@media screen and (max-width: 975px){
	.top .titulo .grande{
		font-size:50px;
	}
}

@media screen and (max-width: 750px){
	.top .titulo .grande{
		font-size:45px;
	}
	.top .titulo .peque{
		display:none;	
	}
	.textos .titulo{
		font-size:20px;
	}
	ul.menu li{
		display:none;
	}
}

@media screen and (max-width: 400px){
	.top .titulo .grande{
		font-size:35px;
	}
	.top .titulo .peque{
		display:none;	
	}
	.textos .titulo {
		font-size:10px;
	}
}

/*COLORES HTML EDITOR*/
.wysiwyg-color-black {
  color: black;
}

.wysiwyg-color-silver {
  color: silver;
}

.wysiwyg-color-gray {
  color: gray;
}

.wysiwyg-color-white {
  color: white;
}

.wysiwyg-color-maroon {
  color: maroon;
}

.wysiwyg-color-red {
  color: red;
}

.wysiwyg-color-purple {
  color: purple;
}

.wysiwyg-color-fuchsia {
  color: fuchsia;
}

.wysiwyg-color-green {
  color: green;
}

.wysiwyg-color-lime {
  color: lime;
}

.wysiwyg-color-olive {
  color: olive;
}

.wysiwyg-color-yellow {
  color: yellow;
}

.wysiwyg-color-navy {
  color: navy;
}

.wysiwyg-color-blue {
  color: blue;
}

.wysiwyg-color-teal {
  color: teal;
}

.wysiwyg-color-aqua {
  color: aqua;
}

/*EMBED VIDEO IFRAME*/
.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}