@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono&display=swap');

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

}
body {
	margin: 0;
	font-family: arial;
	font-size:10pt;
	/*background-image:url('fondo.gif');*/
}
#contenedor0 {
    display:flex;
    height: 40px;
    align-items: center;
	justify-content: center;
	background-color:#00695C;
	position:fixed;
	width:100%;
	z-index: 1000;
}
#contenedor {
    display:flex;
    position:relative;

}
div {
    font-size: 2rem;
    text-align: center;

}

.cuadro_fecha {
	float:left;width:62px;border-right: 2px solid #b3b3b3;padding-right: 10px;margin-right: 10px;
}
.dia {
	font-size:24pt;
	line-height:24pt;
}
.diames {
	font-size:10pt;
}
.diames2 {
	font-size:10pt;
	font-weight: bold;
}
.hora {
	font-size:12pt;
}

label {display:block;cursor:pointer;padding:0}
.zz0 {display:block;cursor:pointer;padding:5px 0 5px 0}
.radios {display:none}
/*.radios:checked ~ label {background: #0080ff;color:white;}*/
.radios:checked ~ label {background: #fff;color:black;}
.radios:checked ~ label > img {
    filter: invert(100%);
}

#z0 {
	/*flex:0 0 215px;*/
	/*background-color:#000;*/
	color:#fff;
	text-align:center;
	overflow-x:auto;
	white-space: nowrap;
	padding:0 0 0 5px;
}

#z00 {
	flex-grow: 1;
	/*background-color:#000;*/
	color:#fff;
	height:40px;
	line-height:40px;
	font-size:9pt;
	padding:0 10px 0 10px;
	text-align:right;
	overflow-x:auto;
	overflow-y:hidden;
	white-space: nowrap;
	box-sizing: border-box;
	font-family:'Ubuntu Mono',monospace,monospace;
	font-style:italic;
}

a.z0 {
	text-decoration:none;
	color:#fff;
	display:block;
	box-sizing:border-box;

	/*height:40px;*/
	padding:0;
	line-height:20px;
}

a.z1 {
	text-decoration:none;
	color:#fff;
	display:block;
	box-sizing:border-box;

	height:40px;
	padding:0 0px 0 0;
	line-height:40px;
}

a.z0:hover,a.z1:hover {
	background: #00695C;color:white;
}

.z1 {
    flex:0 0 70px; /*0 = don't grow (shorthand for flex-grow) 0 = don't shrink (shorthand for flex-shrink) 230px = start at 230px (shorthand for flex-basis)*/
	background-color:#009687;
	color:#fff;
	font-size:9pt;
	font-family:'Ubuntu Mono',monospace,monospace;
	/*font-weight:bold;*/
	/*font-style:italic;*/
}

.zzz1 {
    flex:0 0 70px; /*0 = don't grow (shorthand for flex-grow) 0 = don't shrink (shorthand for flex-shrink) 230px = start at 230px (shorthand for flex-basis)*/
	background-color:#009687;
	color:#fff;
	font-size:9pt;
	font-family:'Ubuntu Mono',monospace,monospace;
	/*font-weight:bold;*/
	/*font-style:italic;*/
	border-radius: 0 0 50px 50px;
	margin-bottom: 20px;
}

a.z1menu {
	text-decoration:none;
	color:#fff;
	display:block;
	box-sizing:border-box;

	height:40px;
	padding:0 0px 0 0;
	line-height:40px;
}

a.z1menu:hover {
	background: #009687;color:white;
}

.z1menu {
    flex:0 0 70px; /*0 = don't grow (shorthand for flex-grow) 0 = don't shrink (shorthand for flex-shrink) 230px = start at 230px (shorthand for flex-basis)*/
	/*background-color:#000;*/
	color:#fff;
	font-size:9pt;
	font-family:'Ubuntu Mono',monospace,monospace;
	/*font-weight:bold;*/
	font-style:italic;
}

#z2 {
    background-color:#fff;
    flex-grow: 1;
    /*background-image: url(fondo2.svg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;*/

}

#z3 {
    background-color:#009687;
    background-image:URL('suscribirse_2.jpg');
    background-size:cover;
    color:#000;
    position:relative;
    padding:40px 10px 20px 10px;
    /*height:100vh;*/
    height:600px;
}

#z4 {
    /*background-color:#00695C;*/
    color:#fff;
    position:relative;
    padding:40px 20px 150px 20px;
    /*height:100vh;*/
    background: rgb(0,150,135);
	background: linear-gradient(180deg, rgba(0,150,135,1) 0%, rgba(0,0,0,1) 100%);
}
#z5 {
    background-color:black;
    color:#fff;
    position:relative;
    padding:40px 0 20px 0;
    height:100vh;
}
a {display:block;text-align:center;}

.cards {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	flex-direction: row;
	/*max-height: 100vh;*/
	padding:0 0 50px 0;
	justify-content: center;
}
.cards card {
	margin: 10px;
	/*border: 1px solid #000;*/
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.3);
	width:100%;
	max-width: 332px;
	background-color:rgba(255,255,255,0.95);
	border-radius: 15px;

}

.cards img {
	width: 100%;
}

.cards div {


}
.info_fecha_lugar {
	font-size:12pt;
	font-family: 'roboto condensed';
	font-weight:normal;
	padding: 10px;
	background-color:#eee;
	color:black;
}
.info {
	font-size:12pt;
	font-family: 'roboto condensed';
	font-weight:normal;
	margin: 10px;
}
.inforematador {
	font-size:10pt;
	font-family: 'roboto condensed';
	font-weight:normal;
	padding: 10px;
	background-color:#00695c;;
	color:white;
	border-radius: 10px 10px 0 0;
	text-align: center;
    font-style: italic;
}
.inforemate {
	font-size:12pt;
	font-family: 'roboto condensed';
	font-weight:normal;
	padding: 10px;
	background-color:#f3f3f3;
	color:black;
}

.title {
	font-size:10pt;
	font-family: 'roboto condensed';
	text-align:left;
	height:85px;
	color:black;
	display:table-cell;
	vertical-align:middle;
}
.fecha {
	font-size:12pt;
	font-family: 'roboto condensed';
	margin: 10px;
	text-align:center;
	line-height:18px;
}
.desc {
	height:75px;font-size:14pt;
}
.rematador{
	text-align:left;font-size:10pt;font-style:italic;
}
.logo {
    /*display: table-cell;*/
    display:flex;
    height: 75px;
    vertical-align: middle;
    margin:0;
}

.des {color:#e5fe8b}

.siguenos {
display:inline-block;padding:10px;border-radius: 50%; border: 3px solid #fff; background-color: #00695c;
}

.siguenos_2 {
display:inline-block;padding:10px;
}
@media (max-width: 375px) {
  .logo {
    height: auto;
  }
  #z1 {display:none;}
  .desc {
		height:auto;
  }
  #z3 {
	background-image:URL('suscribirse_cel_2.jpg');
  }
}