@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
}

body {
	font-family: 'IBM Plex Mono', monospace;
	font-size:22px;
	line-height:22px;
	color:#666;
	
	background:url(../img/layout/fondo.jpg) 50% 50% fixed;
}

/* herramientas */

a, a:hover {
	color:inherit;
	text-decoration:none;
	
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

a:active, a:focus { outline:0; }

.clear { clear:both; }

.ancla { height:30px; }

.an { -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }

.separador {
	margin:30px 0;
	width:100%;
	height:1px;
	
	background: linear-gradient(to right, rgba(205,205,205,1), rgba(205,205,205,0));
}


h1 {
	margin:0 0 10px 0;
	padding:0;

	font-size:42px;
	line-height:42px;
	font-weight:500;
}

@media only screen and (max-width:767px) {
	h1 {
		letter-spacing:-1px;
	}
}

h2 {
	margin:5px 0;
	padding:0;

	font-size:32px;
	line-height:34px;
	font-weight:500;
	text-transform:uppercase;
	color:#999;
}

h3 {
	margin:30px 0 15px 0;
	padding:0;

	font-size:28px;
	line-height:28px;
	font-weight:300;
	text-transform:uppercase;
}

h4 {
	margin:0 0 10px 0;
	padding:0;

	font-size:22px;
	line-height:20px;
	font-weight:500;
}

h5 {
	margin:0 0 20px 0;
	padding:8px 0 0 0;
	
	border-top:1px dashed #ccc;
	
	font-size:16px;
	line-height:20px;
	font-weight:300;
	letter-spacing:-0.5px;
}

h6 {
	margin:-4px 0 30px 0;
	padding:0 0 10px 0;
	
	border-bottom:1px dashed #ccc;
	
	font-size:14px;
	line-height:18px;
	font-weight:300;
	letter-spacing:-0.5px;
}

/* top */

.top {
	position:relative;

	display:table;
	
	margin:30px auto;
	
	width:90%; max-width:1500px;
	height:100px;
	
	border-radius:20px;
	box-shadow: 0 0 3px #666;
	background:#333;
}

.logo {
	position:absolute; left:30px;
	display:table-cell;
	vertical-align:middle;
	
	width:170px;
	height:100px;
}

	.logo img {
		width:100%;
		height:auto;
	}

.salir {
	position:absolute; right:0;
	
	width:80px;
	height:100px;

	cursor:pointer;
	
	font-size:14px;
	line-height:14px;
	font-weight:100;
	text-align:center;
	color:#FFF;
}

	.salir > div {
		margin:20px 0;
		padding:20px 0;

		border-left:1px dashed #666;
	}

.salir:hover {
	color:#F00;
}

/* base */

.base {
	margin:60px auto 25px auto;
	padding:25px 0;
	
	width:90%; max-width:1500px;
	
	border-radius:20px;
	box-shadow: 0 0 3px #666;
	background:#333;
}

.base img {
	display:block;
	
	margin:auto;
	
	width:180px;
	height:auto;
}

.fecha {
	margin:0 auto 25px auto;

	font-weight:100;
	text-align:center;
	color:#999;
}

/* bienvenido */

.bienvenido {
	margin:0 auto 35px auto;

	width:90%; max-width:1500px;
	
	font-weight:300;
	text-align:right;
	
	cursor:default;
}

.bienvenido img {
	margin:0;
	vertical-align:text-top;

	width:auto;
	height:28px;
}

@media only screen and (max-width:767px) {
	.bienvenido { text-align:center; }
}

/* títulos */

.titulo-seccion {
	margin:0 auto;
	padding:15px 0;

	width:90%; max-width:1500px;
	
	border-bottom:1px solid #003a68;
	border-radius:0 30px 0 0;

	background:#015fa9;
	
	font-weight:100;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	text-shadow:0 0 5px #000;
	color:#FFF;
}

.titulo-categoria {
	margin:0 auto 40px auto;
	padding:30px 0;

	width:100%; max-width:1500px;
	
	border-radius:0 30px 30px 30px;

	background:#666;
	
	font-weight:100;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	text-shadow:0 0 5px #000;
	color:#FFF;
}

.titulo-categoria-submenu {
	margin:0 auto;
	padding:15px 0;

	width:100%;
	
	border-bottom:1px solid #999;
	border-radius:0 30px 0 0;

	background:#666;
	
	font-size:18px;
	font-weight:100;
	text-transform:uppercase;
	letter-spacing:2px;
	text-align:center;
	text-shadow:0 0 5px #000;
	color:#FFF;
}

/* menu */

.menu {
	margin:auto;
	padding:0;
	
	width:90%; max-width:1500px;
	
	border-radius:20px;
	background:#2196F3;
	
	overflow:hidden;
	
	font-size:16px;
	line-height:18px;
	font-weight:100;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
}

.menu > div:nth-child(1) {
	padding:20px 0;
	
	font-size:20px;
	font-weight:300;
	
	background: linear-gradient(#0097f7,#0089e0);
}

.menu > ul {
	margin:0;
	padding:0;
	
	width:100%;

	float:left;
}

.menu > ul > li {
	display:table;

	margin:0;
	padding:0;

	float:left;
	list-style:none;
}

@media only screen and (max-width:767px) {
	.menu > ul > li { width:50%; }
	.menu > ul > li:nth-child(2n+1) { clear:both; }
	.menu > ul > li:nth-child(1), .menu > ul > li:nth-child(2), .menu > ul > li:nth-child(3), .menu > ul > li:nth-child(4), .menu > ul > li:nth-child(5), .menu > ul > li:nth-child(6) { border-bottom:1px dashed #3eb4ff; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.menu > ul > li { width:33.33333333333333%; }
	.menu > ul > li:nth-child(3n+1) { clear:both; }
	.menu > ul > li:nth-child(1), .menu > ul > li:nth-child(2), .menu > ul > li:nth-child(3), .menu > ul > li:nth-child(4), .menu > ul > li:nth-child(5), .menu > ul > li:nth-child(6) { border-bottom:1px dashed #3eb4ff; }
}

@media only screen and (min-width:1024px) {
	.menu > ul > li { width:25%; }
	.menu > ul > li:nth-child(4n+1) { clear:both; }
	.menu > ul > li:nth-child(5), .menu > ul > li:nth-child(6), .menu > ul > li:nth-child(7), .menu > ul > li:nth-child(8) { border-top:1px dashed #3eb4ff; }
}

.menu > ul > li > a {
	display:table-cell;
	vertical-align:middle;
	
	width:100%;
	height:60px;
}

.menu > ul > li > a:hover, .menu > ul > li > div:nth-child(1):hover, .menu-submenu a:hover {
	background:#51bbff;
}

.menu > ul > li > div:nth-child(1) {
	display:table;
	
	width:100%;
	
	cursor:default;
}

.menu > ul > li > div > div {
	display:table-cell;
	vertical-align:middle;

	height:60px;
}

.menu > ul > li > div > a:nth-child(6), .menu > ul > li > div > a:nth-child(10), .menu > ul > li > div > a:nth-child(14)  { border-bottom:none; }


.menu-submenu-contenedor {
	z-index:2;
	position:absolute; right:0; left:0;
	
	display:none;
	
	margin:auto;
	
	width:85%; max-width:1500px;
	
	-webkit-filter: drop-shadow(0 0 10px #333);
    filter: drop-shadow(0 0 10px #333);
}

.menu-submenu-contenedor > div:nth-child(1) {
	width: 0; 
	height: 0; 

	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom:10px solid #0097f7;
}

.menu-submenu {
	background:#2196F3;
	border-radius:20px;

	overflow:hidden;
	
	text-align:center;
}

.menu-submenu span {
	display:block;
	
	padding:20px;
	background: linear-gradient(#0097f7,#0089e0);
	
	cursor:default;
}

.menu-submenu a {
	display:block;
	
	padding:20px 10px;
	
	border-bottom:1px dashed #3eb4ff;
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.menu-submenu a:last-child { border:none; }

.menu-submenu > ul {
	margin:0;
	padding:0;
	
	width:100%;
}

.menu-submenu > ul > li {
	margin:0;
	
	float:left;
	list-style:none;
}

@media only screen and (max-width:767px) {
	.menu-submenu-contenedor { position:absolute; top:331px; }

	.menu-submenu-contenedor > div:nth-child(1) { margin:0 0 0 75%; }

	.menu-submenu > ul > li { width:50%; }
	.menu-submenu > ul > li:nth-child(2+1) { clear:both; }
	.menu-submenu > ul > li:nth-child(3) { width:100%; border-top:1px dashed #3eb4ff; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.menu-submenu-contenedor { position:absolute; top:331px; }

	.menu-submenu-contenedor > div:nth-child(1) { margin:0 0 0 50%; }

	.menu-submenu > ul > li { width:33.33333333333333%; min-height:388px; }
	.menu-submenu > ul > li:nth-child(2) { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right:1px solid #3eb4ff; border-left:1px solid #3eb4ff; }
	.menu-submenu > ul > li:nth-child(3+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.menu-submenu-contenedor { position:absolute; top:331px; }
	
	.menu-submenu-contenedor > div:nth-child(1) { margin:0 0 0 35%; }

	.menu-submenu > ul > li { width:33.33333333333333%; min-height:352px; }
	.menu-submenu > ul > li:nth-child(2) { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right:1px solid #3eb4ff; border-left:1px solid #3eb4ff; }
	.menu-submenu > ul > li:nth-child(3+1) { clear:both; }
}


/* contenidos */

.contenedor {
	margin:auto;

	width:90%; max-width:1500px;
}

/* redes sociales */

.redes-sociales ul {
	margin:0 2% 30px 0;
	padding:0;
	
	float:left;
}

@media only screen and (max-width:767px) {
	.redes-sociales ul { width:100%; }
	.redes-sociales ul:nth-child(1n+0) { margin:0 0 30px 0; }
	.redes-sociales ul:nth-child(1n+1) { clear:both; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.redes-sociales ul { width:31.33333333333333%; }
	.redes-sociales ul:nth-child(3n+0) { margin:0 0 30px 0; }
	.redes-sociales ul:nth-child(3n+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.redes-sociales ul { width:23.5%; }
	.redes-sociales ul:nth-child(4n+0) { margin:0 0 30px 0; }
	.redes-sociales ul:nth-child(4n+1) { clear:both; }
}

	.redes-sociales ul > li {
		margin:0;
		padding:0;
		
		float:left;
		list-style:none;
	}
	
	.redes-sociales ul > li:nth-child(1) {
		width:40px;
		text-align:center;
	}
	
		.redes-sociales ul img {
			width:auto;
			height:20px;
		}
	
	.redes-sociales ul > li:nth-child(2) {
		text-align:left;
	}
	
	.redes-sociales ul > li:nth-child(3) {
		margin:4px 0 0 0;

		width:85%;
		height:40px;
		
		text-align:left;
		
		clear:both;
	}
	
	.redes-sociales ul > li:nth-child(4) {
		margin:4px 0 0 0;

		width:15%;

		text-align:left;
	}
	
/* página principal */

.pagina-principal > div {
	margin:0 10% 30px 0;

	float:left;
}

@media only screen and (max-width:767px) {
	.pagina-principal > div { width:100%; }
	.pagina-principal > div:nth-child(1n+0) { margin:0 0 30px 0; }
	.pagina-principal > div:nth-child(1n+1) { clear:both; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.pagina-principal > div { width:45%; }
	.pagina-principal > div:nth-child(2n+0) { margin:0 0 30px 0; }
	.pagina-principal > div:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.pagina-principal > div:nth-child(1) { width:60%; }
	.pagina-principal > div:nth-child(2) { width:30%; }
	.pagina-principal > div:nth-child(2n+0) { margin:0 0 30px 0; }
	.pagina-principal > div:nth-child(2n+1) { clear:both; }
}

	.pagina-principal > div > ul {
		margin:0;
		padding:0;
		
		width:100%;
		
		float:left
	}
	
		.pagina-principal > div:nth-child(1) > ul > li {
			position:relative;

			margin:0 2% 30px 0;
			padding:0;
			
			float:left;
			list-style:none;
		}
		
		.pagina-principal > div:nth-child(1) > ul > li:last-child { margin:0 2% 30px 0; }
		
		@media only screen and (max-width:767px) {
			.pagina-principal > div:nth-child(1) > ul > li { width:100%; height:140px; }
			.pagina-principal > div:nth-child(1) > ul > li:nth-child(2n+0) { margin:0 0 30px 0; }
			.pagina-principal > div:nth-child(1) > ul > li:nth-child(2n+1) { clear:both; }
		}
		
		@media only screen and (min-width:768px) and (max-width:1023px) {
			.pagina-principal > div:nth-child(1) > ul > li { width:100%; height:170px; }
			.pagina-principal > div:nth-child(1) > ul > li:nth-child(2n+0) { margin:0 0 30px 0; }
			.pagina-principal > div:nth-child(1) > ul > li:nth-child(2n+1) { clear:both; }
		}
		
		@media only screen and (min-width:1024px) {
			.pagina-principal > div:nth-child(1) > ul > li { width:49%; height:250px; }
			.pagina-principal > div:nth-child(1) > ul > li:nth-child(2n+0) { margin:0 0 30px 0; }
			.pagina-principal > div:nth-child(1) > ul > li:nth-child(2n+1) { clear:both; }
		}
		
			.pagina-principal > div:nth-child(1) > ul > li > span {
				z-index:1;
				position:absolute; top:15px; left:15px;
				
				font-size:18px;
				font-weight:100;
				
				text-shadow:0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
				color:#FFF;
			}

			.pagina-principal > div:nth-child(1) > ul > li img {
				position:absolute;

				margin:0;
				padding:0;
				
				width:100%;
				height:100%;
				
				-o-object-fit: cover;
				object-fit: cover;
			}
			
			.pagina-principal > div:nth-child(1) > ul > li div {
				z-index:1;
				position:absolute; right:15px; bottom:15px; left:15px;
				
				margin:auto;
				
				height:40px;
				
				box-shadow:0 0 8px #333;
				border-radius:6px;
				
				overflow:hidden;
				
				text-align:left;
			}
			
		/**/
			
		.pagina-principal > div:nth-child(2) > ul > li {
			position:relative;

			margin:0 0 30px 0;
			padding:0 0 20px 0;
			
			width:100%;
			
			float:left;
			list-style:none;
			
			border-bottom:1px dashed #999;
		}
		
		.pagina-principal > div:nth-child(2) > ul > li:last-child { margin: 0 0 0 0; border:none; }
		
			.pagina-principal > div:nth-child(2) > ul > li > span {
				position:absolute; top:75px; right:70%; left:0;
				
				margin:auto;
				padding:12.5px 0;

				width:50px;
				height:25px;
				
				font-size:25px;
				line-height:25px;
				font-weight:300;
				text-align:center;
				color:#333;
				
				border-radius:25px;
				background:#fff;
				box-shadow:0 0 14px #000;
			}	
		
			.pagina-principal > div:nth-child(2) > ul > li img {
				width:30%;
				height:100px;
				
				float:left;
				
				border-radius:100px;
				
				-o-object-fit: cover;
				object-fit: cover;
			}
			
			.pagina-principal > div:nth-child(2) > ul > li > div {
				margin:0 0 0 2%;

				width:68%;
				
				float:left;
			}

/* páginas internas */

.paginas-internas > div:nth-child(1) > ul {
	margin:0 0 50px 0;
	padding:0;

	width:100%;
	
	float:left;
	
	font-size:20px;
	line-height:20px;
	font-weight:500;
	text-align:left;
	color:#666;
}
	
	.paginas-internas > div:nth-child(1) > ul > li {
		display:table;

		padding:0;
		
		height:70px;
		
		float:left;
		list-style:none;
	}
	
	@media only screen and (max-width:767px) {
		.paginas-internas > div:nth-child(1) > ul > li { width:100%; margin:0 2% 10px 0; }
		.paginas-internas > div:nth-child(1) > ul > li:nth-child(2n+0) { margin:0 0 10px 0; }
		.paginas-internas > div:nth-child(1) > ul > li:nth-child(2n+1) { clear:both; }
	}
	
	@media only screen and (min-width:768px) and (max-width:1023px) {
		.paginas-internas > div:nth-child(1) > ul > li { width:32%; margin:0 2% 20px 0; }
		.paginas-internas > div:nth-child(1) > ul > li:nth-child(3n+0) { margin:0 0 10px 0; }
		.paginas-internas > div:nth-child(1) > ul > li:nth-child(3n+1) { clear:both; }
	}
	
	@media only screen and (min-width:1024px) {
		.paginas-internas > div:nth-child(1) > ul > li { width:32%; margin:0 2% 30px 0; }
		.paginas-internas > div:nth-child(1) > ul > li:nth-child(3n+0) { margin:0 0 30px 0; }
		.paginas-internas > div:nth-child(1) > ul > li:nth-child(3n+1) { clear:both; }
	}

		.paginas-internas > div:nth-child(1) > ul > li > a {
			display:table-cell;
			vertical-align:middle;
			
			padding:0 20px;
			
			border:1px solid #666;
		}
		
		.paginas-internas > div:nth-child(1) > ul > li > a:hover {
			border:1px solid #51bbff;
			background:#51bbff;
			
			color:#fff;
		}

		/**/
		
		.paginas-internas > div:nth-child(2) > div > ul,
		.paginas-internas > div:nth-child(3) > div > ul {
			margin:0 0 50px 0;
			padding:0;

			width:100%;
			
			float:left;
			
			font-size:20px;
			line-height:20px;
			font-weight:500;
			text-align:left;
			color:#666;
		}
			
			.paginas-internas > div:nth-child(2) > div > ul > li,
			.paginas-internas > div:nth-child(3) > div > ul > li {
				display:table;

				padding:0;
				
				height:70px;
				
				float:left;
				list-style:none;
			}
			
			@media only screen and (max-width:767px) {
				.paginas-internas > div:nth-child(2) > div > ul > li,
				.paginas-internas > div:nth-child(3) > div > ul > li { width:100%; margin:0 2% 10px 0; }
				.paginas-internas > div:nth-child(2) > div > ul > li:nth-child(2n+0),
				.paginas-internas > div:nth-child(3) > div > ul > li:nth-child(2n+0) { margin:0 0 10px 0; }
				.paginas-internas > div:nth-child(2) > div > ul > li:nth-child(2n+1),
				.paginas-internas > div:nth-child(3) > div > ul > li:nth-child(2n+1) { clear:both; }
			}
			
			@media only screen and (min-width:768px) and (max-width:1023px) {				
				.paginas-internas > div:nth-child(2) > div > ul > li,
				.paginas-internas > div:nth-child(3) > div > ul > li { width:32%; margin:0 2% 20px 0; }
				.paginas-internas > div:nth-child(2) > div > ul > li:nth-child(3n+0),
				.paginas-internas > div:nth-child(3) > div > ul > li:nth-child(3n+0) { margin:0 0 10px 0; }
				.paginas-internas > div:nth-child(2) > div > ul > li:nth-child(3n+1),
				.paginas-internas > div:nth-child(3) > div > ul > li:nth-child(3n+1) { clear:both; }
			}
			
			@media only screen and (min-width:1024px) {				
				.paginas-internas > div:nth-child(2) > div > ul > li,
				.paginas-internas > div:nth-child(3) > div > ul > li { width:32%; margin:0 2% 20px 0; }
				.paginas-internas > div:nth-child(2) > div > ul > li:nth-child(3n+0),
				.paginas-internas > div:nth-child(3) > div > ul > li:nth-child(3n+0) { margin:0 0 10px 0; }
				.paginas-internas > div:nth-child(2) > div > ul > li:nth-child(3n+1),
				.paginas-internas > div:nth-child(3) > div > ul > li:nth-child(3n+1) { clear:both; }
			}

				.paginas-internas > div:nth-child(2) > div > ul > li > a,
				.paginas-internas > div:nth-child(3) > div > ul > li > a {
					display:table-cell;
					vertical-align:middle;
					
					padding:0 0 0 20px;
					
					border:1px solid #666;
				}
				
				.paginas-internas > div:nth-child(2) > div > ul > li > a:hover,
				.paginas-internas > div:nth-child(3) > div > ul > li > a:hover {
					border:1px solid #51bbff;
					background:#51bbff;
					
					color:#fff;
				}
				
					.paginas-internas > div:nth-child(2) > div > ul > li > a > img,
					.paginas-internas > div:nth-child(3) > div > ul > li > a > img {
						margin:-2px 6px 0 0;
						padding:0;

						width:30px;
						height:auto;
						
						vertical-align:text-top;
					}
					
					.paginas-internas > div:nth-child(2) > div > ul > li > a:hover > img,
					.paginas-internas > div:nth-child(3) > div > ul > li > a:hover > img {
						-webkit-filter: brightness(200%);
						filter: brightness(200%);
					}

/* edicion de contenidos */

.edicion-contenidos {
	margin:0;
	padding:0;

	width:100%;

	float:left;
}

	.edicion-contenidos > li {
		padding:0;
	
		float:left;
		list-style:none;
	}

	@media only screen and (max-width:767px) {
		.edicion-contenidos > li { width:100%; margin:0 0 30px 0; }
		.edicion-contenidos > li:nth-child(3) { margin:-60px 0 60px 0; }
	}
	
	@media only screen and (min-width:768px) and (max-width:1023px) {
		.edicion-contenidos > li { width:48%; margin:0 4% 30px 0; }
		.edicion-contenidos > li:nth-child(2n+0) { margin:0 0 30px 0; }
		.edicion-contenidos > li:nth-child(2n+1) { clear:both; }
		.edicion-contenidos > li:nth-child(3) { margin:-60px 4% 60px 0; }
	}
	
	@media only screen and (min-width:1024px) {
		.edicion-contenidos > li { width:48%; margin:0 4% 30px 0; }
		.edicion-contenidos > li:nth-child(2n+0) { margin:0 0 30px 0; }
		.edicion-contenidos > li:nth-child(2n+1) { clear:both; }
		.edicion-contenidos > li:nth-child(3) { margin:-60px 4% 60px 0; }
	}
	
.adjuntar-imagen {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

.adjuntar-imagen > li {
	position:relative;

	padding:0;

	height:160px;
	
	float:left;
	list-style:none;
}

.simple > li { width:100%; margin:0 0 0 0; }

@media only screen and (max-width:767px) {
	.multiple > li { width:100%; margin:0 0 30px 0; }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.multiple > li { width:49%; margin:0 2% 30px 0; }
	.multiple > li:nth-child(2n+0) { margin:0 0 30px 0; }
	.multiple > li:nth-child(2n+1) { clear:both; }
}

@media only screen and (min-width:1024px) {
	.multiple > li { width:49%; margin:0 2% 30px 0; }
	.multiple > li:nth-child(2n+0) { margin:0 0 30px 0; }
	.multiple > li:nth-child(2n+1) { clear:both; }
}

.adjuntar-imagen > li > img {
	position:absolute;

	width:100%;
	height:100%;
	
	-o-object-fit: cover;
	object-fit: cover;
}

.adjuntar-imagen > li > div {
	z-index:1;
	position:absolute; right:15px; bottom:15px; left:15px;
	
	margin:auto;
	
	height:40px;
	
	box-shadow:0 0 8px #333;
	border-radius:6px;
	
	overflow:hidden;
	
	text-align:left;
}

/* habitaciones, restaurantes y bares &  reuniones y banquetes */

.mosaico-agregar {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

	.mosaico-agregar > li {
		display:table;

		margin:0 0 30px 0;
		padding:0;

		list-style:none;
	}
	
	@media only screen and (max-width:767px) {
		.mosaico-agregar > li:nth-child(1) { margin:0 0 0 0; width:100%; float:right; }
		.mosaico-agregar > li:nth-child(2) { width:100%; float:left; }
	}
	
	@media only screen and (min-width:768px) and (max-width:1023px) {
		.mosaico-agregar > li:nth-child(1) { width:73%; float:left; }
		.mosaico-agregar > li:nth-child(2) { width:25%; float:right; }
	}
	
	@media only screen and (min-width:1024px) {
		.mosaico-agregar > li:nth-child(1) { width:80%; float:left; }
		.mosaico-agregar > li:nth-child(2) { width:18%; float:right; }
	}
	
	.mosaico-agregar > li:nth-child(1) > ul {
		margin:0;
		padding:0;

		width:100%;

		float:left;
		list-style:none;
	}
	
		.mosaico-agregar > li:nth-child(1) > ul > li {
			padding:0;
	
			float:left;
			list-style:none;
			
			font-size:20px;
			line-height:22px;
			font-weight:300;
		}
		
		@media only screen and (max-width:767px) {
			.mosaico-agregar > li:nth-child(1) > ul > li { margin:0 2% 30px 0; width:49%; }
			.mosaico-agregar > li:nth-child(1) > ul > li:nth-child(2n+0) { margin:0 0 30px 0; }
			.mosaico-agregar > li:nth-child(1) > ul > li:nth-child(2n+1) { clear:both; }
		}
		
		@media only screen and (min-width:768px) and (max-width:1023px) {
			.mosaico-agregar > li:nth-child(1) > ul > li { margin:0 2% 30px 0; width:32%; }
			.mosaico-agregar > li:nth-child(1) > ul > li:nth-child(3n+0) { margin:0 0 30px 0; }
			.mosaico-agregar > li:nth-child(1) > ul > li:nth-child(3n+1) { clear:both; }
		}
		
		@media only screen and (min-width:1024px) {
			.mosaico-agregar > li:nth-child(1) > ul > li { margin:0 2% 30px 0; width:23.5%; }
			.mosaico-agregar > li:nth-child(1) > ul > li:nth-child(4n+0) { margin:0 0 30px 0; }
			.mosaico-agregar > li:nth-child(1) > ul > li:nth-child(4n+1) { clear:both; }

		}
		
			.mosaico-agregar > li:nth-child(1) > ul > li > a {
				display:block;
			}
			
			.mosaico-agregar > li:nth-child(1) > ul > li > a:hover {
				padding:20px;
				
				background:#51bbff;
				
				color:#fff;s
			}
			
				.mosaico-agregar > li:nth-child(1) > ul > li > a > img {
					margin:0 0 10px 0;
					width:100%;
					height:120px;

					-o-object-fit: cover;
					object-fit: cover;
				}
				
				.mosaico-agregar > li:nth-child(1) > ul > li > a:nth-child(1) > span {
					display:block;

					margin:10px 0;
					padding:10px 0;

					width:100%;

					border-top:1px dashed #999;
					border-bottom:1px dashed #999;
					
					font-size:16px;
					line-height:16px;
					text-transform:uppercase;
					color:#999;
				}
				
				.mosaico-agregar > li:nth-child(1) > ul > li > a:nth-child(1):hover > span {
					border-top:1px dashed #fff;
					border-bottom:1px dashed #fff;

					color:#fff;
				}
				
				.mosaico-agregar > li:nth-child(1) > ul > li > a:nth-child(2) > span {
					display:block;
					
					font-size:16px;
					line-height:16px;
					text-transform:uppercase;
					text-align:right;
					color:#999;
				}
				
				.mosaico-agregar > li:nth-child(1) > ul > li > a:nth-child(2):hover > span {
					color:#fff;
				}
				
					.mosaico-agregar > li:nth-child(1) > ul > li > a > span > img {
						vertical-align:text-bottom;
	
						margin:0 5px 0 0;
						
						width:20px;
						height:auto;
					}
					
					.mosaico-agregar > li:nth-child(1) > ul > li > a:hover > span > img {
						-webkit-filter: brightness(200%);
						filter: brightness(200%);
					}
	
		.mosaico-agregar > li:nth-child(2) > a {
			display:table-cell;
			vertical-align:middle;
			
			margin:0;
			padding:0;
			
			height:80px;
			
			border:1px solid #666;
			
			text-align:center;
		}
		
		.mosaico-agregar > li:nth-child(2) > a:hover {
			border:1px solid #51bbff;
			background:#51bbff;
			
			color:#fff;
		}
		
			.mosaico-agregar > li:nth-child(2) > a > img {
				margin:0 6px 0 0;
				padding:0;

				width:30px;
				height:auto;
				
				vertical-align:text-top;
			}
			
			.mosaico-agregar > li:nth-child(2) > a:hover > img {
				-webkit-filter: brightness(200%);
				filter: brightness(200%);
			}
			
/* habitaciones */

.adjuntar-servicios {
	margin:30px 0 0 0;
	padding:0;
	
	font-size:18px;
	line-height:20px;
	font-weight:300;
	letter-spacing:-1px;
}

	.adjuntar-servicios > ul {
		margin:0 0 10px 0;
		padding:0;
		
		width:100%;
		
		float:left;
	}
	
		.adjuntar-servicios > ul > li {
			position:relative;

			margin:0 0 20px 0;
			padding:0;
			
			width:100%;
			height:40px;
			
			float:left;
			list-style:none;
		}

			.adjuntar-servicios > ul > li > label { width:40px !important; }
			
			.adjuntar-servicios > ul > li > span {
				position:absolute; left:45px;
			}
			
			.adjuntar-servicios > ul > li:nth-child(7) > span { top:10px; }

/* galería */

.galeria {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

	.galeria > li {
		position:relative;

		padding:0;
		
		float:left;
		list-style:none;
	}
	
		@media only screen and (max-width:767px) {
			.galeria > li { margin:0 2% 30px 0; width:49%; height:200px; }
			.galeria > li:nth-child(2n+0) { margin:0 0 30px 0; }
			.galeria > li:nth-child(2n+1) { clear:both; }
		}
		
		@media only screen and (min-width:768px) and (max-width:1023px) {
			.galeria > li { margin:0 2% 30px 0; width:32%; height:200px; }
			.galeria > li:nth-child(3n+0) { margin:0 0 30px 0; }
			.galeria > li:nth-child(3n+1) { clear:both; }
		}
		
		@media only screen and (min-width:1024px) {
			.galeria > li { margin:0 2% 30px 0; width:18.4%; height:200px; }
			.galeria > li:nth-child(5n+0) { margin:0 0 30px 0; }
			.galeria > li:nth-child(5n+1) { clear:both; }

		}
	
		.galeria > li > img {
			position:absolute;
			
			width:100%;
			height:100%;
			
			-o-object-fit: cover;
			object-fit: cover;
		}
		
		.galeria > li > div {
			z-index:1;
			position:absolute; right:15px; bottom:15px; left:15px;
			
			margin:auto;
			
			height:40px;
			
			box-shadow:0 0 8px #333;
			border-radius:6px;
			
			overflow:hidden;
			
			text-align:left;
		}

/* usuarios */

.usuarios-agregar {
	margin:0 0 20px 0;
	padding:0;
	
	width:100%;
	
	float:left;
}

	.usuarios-agregar > li {
		padding:0;
		
		float:left;
		list-style:none;
	}
	
	@media only screen and (max-width:767px) {
		.usuarios-agregar > li { margin:0; width:100%; }
		.usuarios-agregar > li:nth-child(1n+1) { clear:both; }
	}
	
	@media only screen and (min-width:768px) and (max-width:1023px) {
		.usuarios-agregar > li { margin:0; width:100%; }
		.usuarios-agregar > li:nth-child(1n+1) { clear:both; }
	}
	
	@media only screen and (min-width:1024px) {
		.usuarios-agregar > li { margin:0 2% 0 0; width:49%; }
		.usuarios-agregar > li:nth-child(2n+0) { margin:0 0 0 0; }
		.usuarios-agregar > li:nth-child(2n+1) { clear:both; }
	}
	
		.usuarios-agregar > li > ul {
			margin:0;
			padding:0;
			
			width:100%;
			
			float:left;
			list-style:none;
		}
		
			.usuarios-agregar > li:nth-child(1) > ul > li {
				padding:0;
				
				float:left;
				list-style:none;
			}
			
			@media only screen and (max-width:767px) {
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(1) { width:100%; margin:0 0 5px 0; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(2) { width:49%; margin:0 2% 5px 0; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(3) { width:49%; margin:0 0 5px 0; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(3n+1) { clear:both; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(4) { width:100%; margin:0 0 5px 0; }
			}
			
			@media only screen and (min-width:768px) and (max-width:1023px) {
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(1) { width:100%; margin:0 0 5px 0; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(2) { width:49%; margin:0 2% 5px 0; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(3) { width:49%; margin:0 0 5px 0; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(3n+1) { clear:both; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(4) { width:100%; margin:0 0 20px 0; }
			}
			
			@media only screen and (min-width:1024px) {
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(1) { width:100%; margin:0 0 5px 0; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(2) { width:49%; margin:0 2% 5px 0; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(3) { width:49%; margin:0 0 5px 0; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(3n+1) { clear:both; }
				.usuarios-agregar > li:nth-child(1) > ul > li:nth-child(4) { width:100%; margin:0 0 5px 0; }
	
			}
			
			.usuarios-agregar > li:nth-child(2) > ul {
				margin:0;
				padding:0;
				
				width:100%;
				
				float:left;
			}
			
				.usuarios-agregar > li:nth-child(2) > ul > li {
					position:relative;
					padding:0;
					
					float:left;
					list-style:none;

					overflow:hidden;
				}
				
				@media only screen and (max-width:767px) {
					.usuarios-agregar > li:nth-child(2) > ul > li { margin:0 2% 19px 0; width:49%; height:40px; }
					.usuarios-agregar > li:nth-child(2) > ul > li:nth-child(2n+0) { margin:0 0 19px 0; }
					.usuarios-agregar > li:nth-child(2) > ul > li:nth-child(2n+1) { clear:both; }
				}
				
				@media only screen and (min-width:768px) and (max-width:1023px) {
					.usuarios-agregar > li:nth-child(2) > ul > li { margin:0 2% 19px 0; width:23.5%; height:40px; }
					.usuarios-agregar > li:nth-child(2) > ul > li:nth-child(4n+0) { margin:0 0 19px 0; }
					.usuarios-agregar > li:nth-child(2) > ul > li:nth-child(4n+1) { clear:both; }
				}
				
				@media only screen and (min-width:1024px) {
					.usuarios-agregar > li:nth-child(2) > ul > li { margin:0 2% 19px 0; width:32%; height:40px; }
					.usuarios-agregar > li:nth-child(2) > ul > li:nth-child(3n+0) { margin:0 0 19px 0; }
					.usuarios-agregar > li:nth-child(2) > ul > li:nth-child(3n+1) { clear:both; }
				}

						.usuarios-agregar > li:nth-child(2) > ul > li > h4 {
							position:absolute; left:45px;

							height:40px;
							
							font-size:16px;
							text-align:left;
							
							-webkit-hyphens: auto;
							-ms-hyphens: auto;
							hyphens: auto;
						}
				
						.usuarios-agregar > li:nth-child(2) > ul > li > label {
							width:40px;
						}
						
/**/

.usuarios-listado > form { margin:0 0 60px 0; padding:20px; border:1px dotted #CCC; }

.usuarios-listado > form:nth-child(even) { background:url(../img/layout/fondo-oscuro.png); }

.usuarios-administrar {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

	.usuarios-administrar > li {
		margin:0 0 0 0;
		padding:0;
		
		width:100%;
		
		float:left;
		list-style:none;
	}
	
		.usuarios-administrar > li > ul {
			margin:0;
			padding:0;
			
			width:100%;
			
			float:left;
			list-style:none;
		}
		
			.usuarios-administrar > li:nth-child(1) > ul > li {
				padding:0;
				
				float:left;
				list-style:none;
			}
			
			@media only screen and (max-width:767px) {
				.usuarios-administrar > li:nth-child(1) > ul > li:nth-child(1) { width:100%; margin:0 0 2px 0; }
				.usuarios-administrar > li:nth-child(1) > ul > li:nth-child(2) { width:49%; margin:0 2% 2px 0; }
				.usuarios-administrar > li:nth-child(1) > ul > li:nth-child(3) { width:49%; margin:0 0 2px 0; }
				.usuarios-administrar > li:nth-child(1) > ul > li:nth-child(3n+1) { clear:both; }
				.usuarios-administrar > li:nth-child(1) > ul > li:nth-child(4) { width:100%; margin:0 0 2px 0; }
			}
			
			@media only screen and (min-width:768px) and (max-width:1023px) {
				.usuarios-administrar > li:nth-child(1) > ul > li { margin:0 2% 10px 0; width:23.5%;  }
				.usuarios-administrar > li:nth-child(1) > ul > li:nth-child(4n+0) { margin:0 0 10px 0;  }
				.usuarios-administrar > li:nth-child(1) > ul > li:nth-child(4n+1) { clear:both;  }
			}
			
			@media only screen and (min-width:1024px) {
				.usuarios-administrar > li:nth-child(1) > ul > li { margin:0 2% 10px 0; width:23.5%;  }
				.usuarios-administrar > li:nth-child(1) > ul > li:nth-child(4n+0) { margin:0 0 10px 0;  }
				.usuarios-administrar > li:nth-child(1) > ul > li:nth-child(4n+1) { clear:both;  }
			}
			
			.usuarios-administrar > li:nth-child(2) > ul {
				margin:0;
				padding:0;
				
				width:100%;
				
				float:left;
			}
			
				.usuarios-administrar > li:nth-child(2) > ul > li {
					position:relative;
					padding:0;
					
					float:left;
					list-style:none;

					overflow:hidden;
				}
				
				@media only screen and (max-width:767px) {
					.usuarios-administrar > li:nth-child(2) > ul > li { margin:0 2% 19px 0; width:49%; height:40px; }
					.usuarios-administrar > li:nth-child(2) > ul > li:nth-child(2n+0) { margin:0 0 19px 0; }
					.usuarios-administrar > li:nth-child(2) > ul > li:nth-child(2n+1) { clear:both; }
				}
				
				@media only screen and (min-width:768px) and (max-width:1023px) {
					.usuarios-administrar > li:nth-child(2) > ul > li { margin:0 2% 19px 0; width:23.5%; height:40px; }
					.usuarios-administrar > li:nth-child(2) > ul > li:nth-child(4n+0) { margin:0 0 19px 0; }
					.usuarios-administrar > li:nth-child(2) > ul > li:nth-child(4n+1) { clear:both; }
				}
				
				@media only screen and (min-width:1024px) {
					.usuarios-administrar > li:nth-child(2) > ul > li { margin:0 1% 10px 0; width:13.42857142857143%; height:40px; }
					.usuarios-administrar > li:nth-child(2) > ul > li:nth-child(7n+0) { margin:0 0 10px 0; }
					.usuarios-administrar > li:nth-child(2) > ul > li:nth-child(7n+1) { clear:both; }
				}

						.usuarios-administrar > li:nth-child(2) > ul > li > h4 {
							position:absolute; left:45px;

							height:40px;
							
							font-size:16px;
							text-align:left;
							
							-webkit-hyphens: auto;
							-ms-hyphens: auto;
							hyphens: auto;
						}
				
						.usuarios-administrar > li:nth-child(2) > ul > li > label {
							width:40px;
						}
						
/**/

.usuarios-administrar > li:nth-child(3) {
	width:50%;
	float:right;
}

.usuarios-botones {
	margin:0;
	padding:0;
	
	width:100%;
	
	float:left;
}

	.usuarios-botones > li {
		margin:30px 2% 0 0;
		padding:0;
		
		width:49%;
		
		float:left;
		list-style:none;
	}
	
	.usuarios-botones > li:nth-child(2) { margin:30px 0 0 0; }

/*
	-o-object-fit: cover;
	object-fit: cover;

font-family: 'Open Sans Condensed', sans-serif;

font-family: 'Raleway', sans-serif;
	
@media only screen and (min-width:1px) and (max-width:1023px) { }
# li:nth-child(4n+0) {  }
# li:nth-child(4n+1) {  }

nth-child(odd) {

*/