/*
 Theme Name:   SuperMagPro Child
 Theme URI:    http://www.acmethemes.com/themes/supermagpro/
 Description:  SuperMagPro Child Theme
 Author:       acmethemes
 Author URI:   http://www.acmethemes.com/
 Template:     supermagpro
 Version:      1.2.3.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         orange, brown, yellow etc
 Text Domain:  supermagpro-child
 
*/
@import url("../supermagpro/style.css");

.label{
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    margin-right: 1px;
}

.label-ca{
	background-color: #D43149;
	color: #fff;
}
.label-ldc{
	background-color: #39603B;
	color: #fff;
}
.label-ldc-1{
	background-color: #fcba03;
	color: #fff;
}
.label-ldc-2{
	background-color: #00ab11;
	color: #fff;
}
.label-ldc-p{
	background-color: #7800ab;
	color: #fff;
}
.label-r{
	background-color: #4B6697;
	color: #fff;
}
.label-mtri{
	background-color: #3A8DDE;
	color: #fff;
}
.label-je{
	background-color: #EBA900;
}
.label-dist{
	background-color: lightseagreen;
    color: #fff;
}
.label-mod{
	background-color: #fff;
	border-width: 1px;
    border-style: solid;
    border-color: #CCC;
    color: #000;
}
.contenido_tabla_calendario {
	border-spacing: inherit;
	font-weight: normal;
	table-layout:fixed;
}

.td_tabla_calendario {
	border-right: none;
}

.th_tabla_calendario {
	border-right: none;
	color: #FFFFFF;
	font-weight: normal;
}

.fila_par {
	background:#FFFFFF;
	height:20px;
} 

.fila_impar {
	background:#D2D2D2;
	height:20px;
} 

.celebrada {
	background:#EFBDC6;
	height:20px;
} 

.titulo {
	width: 270px;
	vertical-align: middle;
	height: auto;
} 

.cartelInd {
	background: #221c34;
	width: 25%;
	float: left;
	text-align: center;
	text-transform: uppercase;
	margin-bottom:5px;
	display: inline-block;
	font-size: 11px;
	color: #ffffff;
	padding: 4px 11px;
	min-height: 352px;
}

.cartelInd a{
	margin-right:0px;
}

.cartelInd a:hover{
	background: #2D2D2D;
}

.cartelPortada {
	height: 50px;
	margin-top: 0;
	position: relative;
}

.fechaCartel {
	font-weight: bold;
	color: #fff;
	padding: 3px;
	background-color: #2D2D2D;
	position: relative;
	top: 0;
}

.inscribete {
	position: relative;
	color: #FFF;
	bottom: 38px;
	width: 100%;
	padding: 0;
	background: #2D2D2D;
	border: none;
}

.evento{
	display : block;
	width : 100%;
	overflow : auto;
	margin : 0 auto 0 auto;
}

.evento .cabecera{ 
	width : 100%; 
}

.evento .cabecera img{
	position: relative;
	max-height : 100px;
	height : auto;
	width : 100%; 
}

.evento .cabecera .titulo{
	text-align: center; 
}

.evento .cartel{ 
	background-color : #ffffff;
	float : left;
	clear : none;
	width : 320px;
    min-height: 400px;
	text-align: center;
}

.inscripcion .cartel img{
	max-height: 100%;
}

.evento .contenido{
	padding-left: 10px;
	float : left;
	clear : none;
	max-width : 469px; 
}

.evento .contenido h3{
	text-align: center; 
}

.evento ul{
	list-style-type: none;
}

.evento .botones{
	float : left;
	clear : none;
	max-width : 469px;
	padding-left:10px; 
}

.evento .botones a{
	text-align:center;
	background: #221c34;
	color: #ffffff;
	display:inline-block;
	font-size: 12px;
	padding: 8px 0;
	float: left;
	margin: 2px;
	width: 149px;
}

.evento .botones a:hover{
	background: #0069cc;
	color: #ffffff;
}

.evento .mapa{
	width: 100%;
	padding-top: 30px;
	float: left;
}

.evento .descripcion{
    float: left;
    clear: none;
    max-width: 469px;
    padding-left: 10px;
}

.evento .pie{
	background-color : #ffffff;
	float : left;
	clear : none;
	height : auto;
	width : 915px;
}

.calendario-form input, select, .calendario-form .your-message textarea {
	background: #f2f2f2;
	border: 1px solid #dddddd;
	outline: medium none;
	padding: 10px;
	width: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.calendario-form input.calendario-submit {
	font-size: 15px;
	color: #ffffff;
	background: #2d2d2d;
	text-transform: uppercase;
	transition:0.5s ease-in-out;
}

.calendario-form input.calendario-submit:hover{
	background: #1e73be;
}

.inscripcion{
	display : block;
	width : 100%;
	overflow : auto;
	margin : 0 auto 0 auto;
	padding-bottom:30px 
}

.inscripcion .botones {
	float: left;
	clear: none;
	width: 535px;
	padding-left: 10px;
}

.inscripcion .botones a {
	text-align: center;
	background: #221c34;
	color: #ffffff;
	display: inline-block;
	font-size: 12px;
	padding: 8px 0;
	float: left;
	margin: 2px;
	width: 149px;
}

.inscripcion .botones a:hover{
	background: #0069cc;
	color: #ffffff; 
}

.inscripcion .fecha {
	background-color: #ffffff;
	float: left;
	clear: none;
	width: 124px;
	height: 175px;
	text-align: center;
}

.inscripcion .cartel {
	background-color: #ffffff;
	float: left;
	clear: none;
	width: 124px;
	height: 175px;
	text-align: center;
}

time.icon {
	font-size: 1em; /* change icon size */
	display: block;
	position: relative;
	width: 7em;
	height: 7.5em;
	background-color: #fff;
	margin: 2em auto;
	border-radius: 0.6em;
	box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-transform: rotate(0deg) skewY(0deg);
	-webkit-transform-origin: 50% 10%;
	transform-origin: 50% 10%; 
}

time.icon * {
	display: block;
	width: 100%;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}

time.icon strong {
	position: absolute;
	top: 0; padding: 0.4em 0;
	color: #fff;
	background-color: #5a9c14;
	border-bottom: 1px dashed #254602;
	box-shadow: 0 2px 0#5a9c14;
}

time.icon em {
	position: absolute;
	bottom: 0.3em;
	color: #5a9c14;
}

time.icon span {
	width: 100%;
	font-size: 2.8em;
	letter-spacing: -0.05em;
	padding-top: 0.7em;
	color: #2f2f2f;
}

time.icon:hover, time.icon:focus {
	-webkit-animation: swing 0.6s ease-out;
	animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
	0% { -webkit-transform: rotate(0deg) skewY(0deg); }
	20% { -webkit-transform: rotate(12deg) skewY(4deg); }
	60% { -webkit-transform: rotate(-9deg) skewY(-3deg); }
	80% { -webkit-transform: rotate(6deg) skewY(-2deg); }
	100% { -webkit-transform: rotate(0deg) skewY(0deg); }
}

@keyframes swing {
	0% { transform: rotate(0deg) skewY(0deg); }
	20% { transform: rotate(12deg) skewY(4deg); }
	60% { transform: rotate(-9deg) skewY(-3deg); }
	80% { transform: rotate(6deg) skewY(-2deg); }
	100% { transform: rotate(0deg) skewY(0deg); }
}

@media only screen and (max-width: 767px) {
	.evento .cartel{
		width: 100%!important;
	}

	.evento .contenido{
		padding-left: 0px;width: 100%; max-width: none !important;
	}

	.evento .botones{
		padding-left:0px;
		width: 100%;
		max-width: none !important;
	}

	.botones a{
		width:100% !important;
		margin: 2px 0 !important;
		padding: 14px 0 !important;
	}

	.no_mobile {
		display: none;
	}

	.inscripcion .cartel{
		width: 100%!important;
	}

	.inscripcion .contenido{
		padding-left: 0px;
		width: 100%;
		max-width: none !important;
	}
	.inscripcion .botones{
		padding-left:0px;
		width: 100%;
		max-width: none !important;
	}
	.cartelInd {
	width: 50% !important;
	}
}