* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}
button,
input {
	*overflow: visible;
	line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	cursor: pointer;
}
input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}
textarea {
	overflow: auto;
	vertical-align: top;
}
body {
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: #E2C25F;
	/*background: #65772D;*/
	/*background: #68bc47;*/
	/*background: #47BC50;*/
	color:#000;
}
img.fondo-upper {
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
}
/*.contenedor {
	position:relative;
	width: 100%;
	margin: auto;
}*/
.contenedor {
	width: 100%;
	margin: auto;
	max-width:1000px;
}
header {
	width: 100%;
	height: 50px;
	background: #4A1C0C;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
header .inner {
	width: 100%;
	margin: auto;
	max-width:1000px;
}
header h1 {
	float: left;
	font-size: 2.2em;
	margin: 8px 0;
}
#menu-bar {
	display: none;
}
header label {
	float: right;
	font-size: 2.4em;
	margin: 8px 0;
	cursor: pointer;
}
.menu-top {
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	background: rgba(74,28,12,0.9);
	transition: all 0.5s;
	transform: translateX(-100%);
}
.menu-top ul {
	list-style:none;
}
.menu-top a {
	display:block;
	color:#fff;
	height:50px;
	text-decoration:none;
	padding:18px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
.menu-top li.active a, .menu-top a:hover{
	background: rgba(255,255,255,0.3);
}
#menu-bar:checked ~ .menu-top {
	transform: translateX(0%);
}
main {
	position:relative;
	width:100%;
	margin-bottom:10px;
	margin-top:50px;
}
.content {
	position:relative;
	font-size: 1.1em;
	padding:1%;
	background:#E2C25F;
	color:#000;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	/*border:6px double #4A1C0C;*/
	border:4px double #4A1C0C;
}
main h1 {
	position:relative;
	width:100%;
	text-align:center;
	font-size:1.2em;
	color:#fff;
	background: #6E2E13;
	margin-bottom:5px;
	padding:2px 2px 4px 2px;
	/*height:40px;*/
	line-height:30px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border:3px ridge #4A1C0C;
	text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
	-webkit-box-shadow:2px 2px 2px #B68363;
	-moz-box-shadow:2px 2px 2px #B68363;
	box-shadow:2px 2px 2px #B68363;
}
.login-description, .logout-description {
	padding:10px 0px;
	font-size:14px;
	font-weight:bold;
}
.milogin {
	position:relative;
	width:100%;
	min-height:235px;
	padding:10px;
	background:#FFFFFF url(../images/login-bg.png) no-repeat right top;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border:1px solid #4A1C0C;
}
.milogin2 {
	padding:10px;
	background:#E2C25F;
	width:100%;
	border-top:0;
}
.milogin2 ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.milogin2 li a {
	display:block;
	height:24px;
	line-height:24px;
	padding-left:28px;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	background:transparent url(../images/arrow-bg.png) no-repeat 0px 0px;
}
.miregister {
	padding:10px;
	width:100%;
	border-top:0;
	background:#FFFFFF url(../images/login-bg.png) no-repeat right bottom;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border:1px solid #4A1C0C;
}
.btn-primary {
	display:block;
	cursor:pointer;
	height:20px;
	line-height:16px;
	padding:0px 20px;
	text-align:center;
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	border:1px solid #120703;
	background:transparent url(../images/button-bg.png) repeat-x 0px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
input.btn-primary:hover {
	background:transparent url(../images/button-bg-over.png) repeat-x 0px 0px;
}
.btn-secondary {
	display:block;
	cursor:pointer;
	height:20px;
	line-height:16px;
	padding:0px 2px;
	text-align:center;
	color:#fff;
	font-size:0.8em;
	font-weight:bold;
	border:1px solid #120703;
	background:transparent url(../images/button-bg.png) repeat-x 0px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
input.btn-secondary:hover {
	background:transparent url(../images/button-bg-over.png) repeat-x 0px 0px;
}
.dissabled {
	cursor:auto !important;
	color:#555;
	border:1px solid #555;
	background: #ccc !important;
}
a.btn-primary {
	float:right;
	text-decoration:none;
	margin-top:-20px;
}
img.historia {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	width:50%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
footer {
	position:absolute;
	bottom:25px;
	left:50%;
	transform: translateX(-50%);
	width:100%;
	text-align:center;
	color:#fff;
}
footer ul {
	width:100%;
	text-align:center;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
footer li a {
	padding:0px 10px;
	color:#fff;
	text-decoration:none;
}
footer li.active a, footer li a:hover {
	text-decoration:underline !important;
}
a.lupa {
	background:#578B11;
}
.lupa {
	width:30px;
	height:30px;
	line-height:20px;
	float:right;
	color:#FFF9EB;
	border:4px double #34220D;
	text-decoration:none;
	font-weight:none;
	font-size:0.8em;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
a.lupa:hover,
a.lupa:focus {
	cursor: pointer;
	color:#ffffff;
	background:#6DA71D;
}
table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}
.over {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.close {
	float: right;
	margin-top:4px;
	margin-right:8px;
	font-size: 0px;
	width:33px;
	height:33px;
	background:transparent url(../../../components/com_madasgra/assets/images/base/close.png) no-repeat 0px 0px;
}
.close:hover,
.close:focus {
	text-decoration: none;
	cursor: pointer;
	background:transparent url(../../../components/com_madasgra/assets/images/base/close-over.png) no-repeat 0px 0px;
}
button.close {
	padding: 3;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
.alert-options {
	float: right;
	line-height: 18px;
	color: #000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.alert-options:hover,
.alert-options:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.alert {
	margin-top:0px;
	margin-bottom:10px;
}
.alert div{
	padding:1%;
}

.alert h4 {
	width:100%;
	text-align:center;
	font-size:2em;
	color:#fff;
	background: #6E2E13;
	margin-bottom:5px;
	padding:2px 2px 4px 2px;
	height:40px;
	line-height:30px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border:3px ridge #4A1C0C;
	text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
	-webkit-box-shadow:2px 2px 2px #B68363;
	-moz-box-shadow:2px 2px 2px #B68363;
	box-shadow:2px 2px 2px #B68363;
}
.alert {
	font-size: 1.1em;
	padding:1%;
	background:#E2C25F;
	color:#000;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	/*border:6px double #4A1C0C;*/
	border:4px double #4A1C0C;
}
#system-message-container {
	position:relative;
	z-index:4000;
}
.alert-error  h1, .alert-error  h4{
	color: #ff5555 !important;
	background-color: #7C0103 !important;
}
.alert-warning  h1, .alert-warning  h4{
	color: #ffff55 !important;
	background-color: #999933 !important;
}
.sombreado {
	text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
.crear1 {
	position:relative;
	text-align:center;
	min-height:30px;
}
.crear1 .btn-primary {
	position:absolute;
	top:5px;
	left:50%;
	transform: translateX(-50%);
}
.crear2 {
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 1%;
	padding:1% 0;
}
.crear3 {
	position:relative;
	background:#D2B24F;
	color:#000;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border:4px double #4A1C0C;
}
.crear3 h4 {
	position:relative;
	width:100%;
	text-align:center;
	font-size:1em;
	color:#fff;
	background: #6E2E13;
	margin-bottom:5px;
	padding:2px 2px 4px 2px;
	/*height:40px;*/
	line-height:22px;
	border-left-top-radius: 4px;
	-webkit-border-left-top-radius: 4px;
	-moz-border-left-top-radius: 4px;
	border-right-top-radius: 4px;
	-webkit-border-right-top-radius: 4px;
	-moz-border-right-top-radius: 4px;
}
.crear3 .info {
	padding:0px 1%;
}
.crear3 #infotipo {
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr;
}
.z-arriba{
	position:relative;
	z-index:2;
}
img.crear-img1 {
	position:absolute;
	right:0;
	bottom:0;
}
img.crear-img2 {
	float:left;
	margin:2px;
}
.escuela {
	width:100%;
	display:grid;
	grid-template-columns: 1fr 3fr;
	padding:2px 1%;
}
.wrapper-mercado {
	clear:both;
	width:100%;
}
.mistabs3 ul.ul-mistabs3 {
	list-style: none;
	margin-top:4px;
	margin-bottom:10px;
}
.mistabs3 ul.ul-mistabs3 li{
	display: inline;
}
.mistabs3 ul.ul-mistabs3 li a {
	line-height: 1.8em;
	padding:1% 2%;
	margin: 0px 1% 0% 0%;
	color:#4A1C0C;
	background:#E2C25F;
	border-radius: 4px;
	border:2px ridge #4A1C0C;
	text-decoration: none;
}
.mistabs3 ul.ul-mistabs3 li.active a {
	color:#FFFFFF;
	background:#6E2E13;
	border:2px ridge #1D0801;
	font-weight: bold;
}
.estilo0, .subestilo0 {
	color: #4A1C0C !important;
}
.estilo1, .subestilo1 {
	color: #b2d6fb !important;
}
.estilo2, .subestilo2 {
	color: #ffaa00 !important;
}
.estilo3, .subestilo3 {
	color: #ffff55 !important;
}
.estilo4, .subestilo4 {
	color: #00ff00 !important;
}
.estilo5, .subestilo5 {
	color: #11ffcc !important;
}
.estilo6, .subestilo6 {
	color: #ae95b9 !important;
}
.estilo7, .subestilo7 {
	color: #ffffff !important;
}
.estilo8, .subestilo8 {
	color: #ff5555 !important;
}
.estilo9, .subestilo9 {
	color: #ff9999 !important;
}
.estilo10, .subestilo10 {
	color: #d3bf8f !important;
}
.estilo11, .subestilo11 {
	color: #ff55aa !important;
}
.estilo12, .subestilo12 {
	color: #eeeeee !important;
}
.estilo13, .subestilo13 {
	color: #0022aa !important;
}
.estilo14, .subestilo14 {
	color: #aa5555 !important;
}
.estilo15, .subestilo15 {
	color: #bbff00 !important;
}
.estilo16, .subestilo16 {
	color: #00c258 !important;
}
.estilo17, .subestilo17 {
	color: #ff55aa !important;
}
.estilo18, .subestilo18 {
	color: #ff55aa !important;
}
@media (min-width:1024px){
	body {
		font-size: 12px;
	}
}
@media (min-width:768px){
	.menu-top {
		position:static;
		width:auto;
		height:auto;
		transform: translateX(0%);
		float:right;
	}
	.menu-top ul {
		display:flex;
	}
	.menu-top a {
		border:none;
	}
	header label {
		display:none;
	}
	/*.mimenu ul {
		grid-template-columns: repeat(6,1fr);
	}*/
	.mimenu li .list-bullet {
		display:none;
	}
	.icon-list-bullet {
		display:none;
	}
	.nombreclan {
		display:visible;
	}
	.sigla {
		display:none;
	}
	.infodown {
		display:none;
	}
	a#minilink {
		display:visible;
	}
	a#tinylink {
		display:none;
	}
}
@media (max-width:768px){
	body {
		font-size: 10px;
	}
	.left, .right {
		display:none;
	}
	.lateralb .left, .lateralb .right {
		display:block !important;
	}
	.center {
		grid-column:1/5;
	}
	/*header {
		margin-top:-50px;
	}
	.menu-top {
		margin-top:62px;
	}
	.mimenu {
		margin-top:-50px;
		z-index:200;
		position:fixed;
	}
	.wrapper-cinta {
		margin-top:12px;
	}*/
	.hidden-phone {
		display: none !important;
	}
	img.crear-img1 {
		width:100%;
	}
	img.historia {
		float:none;
		margin-right:0px;
		margin-bottom:5px;
		width:100%;
	}
	.nombreclan {
		display:none;
	}
	.sigla {
		display:visible;
	}
	a#minilink {
		display:none;
	}
	a#tinylink {
		display:visible;
	}
}
/* *****************copiado de protostar************************ */
.pagination {
	margin: 2px auto;
	text-align:center;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	background-color: #E2C25F;
}
.pagination ul > li {
	display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
	color: #4A1C0C;
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #E2C25F;
	border: 1px solid #4A1C0C;
	border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #fff;
	background-color: #4A1C0C;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #fff;
	cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.pagination-centered {
	text-align: center;
}
.pagination-right {
	text-align: right;
}
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	white-space: normal;
}
.popover.top {
	margin-top: -10px;
}
.popover.right {
	margin-left: 10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover.left {
	margin-left: -10px;
}
.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.popover-title:empty {
	display: none;
}
.popover-content {
	padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover .arrow {
	border-width: 11px;
}
.popover .arrow:after {
	border-width: 10px;
	content: "";
}
.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,0.25);
	bottom: -11px;
}
.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}
.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}
.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,0.25);
	top: -11px;
}
.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}
.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}*/
[class^="icon2-"],
[class*=" icon2-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .25em;
	line-height: 14px;
}
[class^="icon2-"]:before,
[class*=" icon2-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
[class^="icon2-"].disabled,
[class*=" icon2-"].disabled {
	font-weight: normal;
}
.icon2-previous:before,
.icon2-backward:before {
	content: "\7c";
}
.icon2-next:before,
.icon2-forward:before {
	content: "\7b";
}
.icon2-first:before {
	content: "\7d";
}
.icon2-last:before {
	content: "\e000";
}