html { font-size: 18px; }
body{ background:#F3F3F3; font-size:1rem; font-family: Arial; color:#333; padding:0; margin:0;}
table { width:100%; padding: 0; margin:0; border:0; border-spacing:0; }
td { padding: 0; margin:0; border:0; }
th { padding: 0; margin:0; border:0; }
p { padding: 0; margin:0; border:0; }
h1, h2, h3 { padding: 0; margin:0; border:0; font-weight: normal; }
img { vertical-align:middle; }
a { text-decoration: none; color:blue; } 

#div-content { max-width:960px; margin: 0 auto; background-color: white; padding:0; }
#div-content .div-primary { display:block; position:relative; float:left; }
#div-content .div-secondary { display:block; position:relative; float:left; }
#div-content .div-primary .h h1 { padding:10px; padding-bottom:0; font-size:1.5rem; font-weight: bold; }
#div-content .div-primary .h h2 { padding:10px; padding-bottom:20px; font-size:1.25rem; }

#div-content .div-one .h h1 { padding:10px; padding-bottom:20px; font-size:2rem; }

@media (max-width:974px) {
	#div-content .div-primary { width:100%; }
	#div-content .div-secondary { width:100%; padding-left:0; }
}
@media (min-width:975px) {
	#div-content .div-primary { width:600px; }
	#div-content .div-secondary { width:350px; padding-left:10px; }
}

#div-content .div-padding { padding: 0; }

.div-share { padding-bottom: 20px; text-align: center; }
.div-share a { color:white; }
.div-share span.whatsapp { font-size:1.5rem; background-color: #25D366; padding: 10px; text-align: center; border-radius: 8px; }
.div-share span.twitter { font-size:1.5rem; background-color: #1DA1F2; padding: 10px; text-align: center; border-radius: 8px; }

div.separator { height: 10px; }

.div-box-day { background-color: black; padding:1px; text-align: center; }
.div-box-day a { color:black; }
.div-box-day div.content { background-color: white; padding:10px; }
.div-box-day div.today { font-size:2rem; font-weight: bold; }
.div-box-day div.week { font-weight: normal; padding-bottom:10px; }
.div-box-day div.day { font-size:2rem; font-weight: bold; }
.div-box-day div.month { font-size:1rem; }
.div-box-day div.year { font-size:1rem; padding-bottom:10px; }
.div-box-day div.info { font-size:0.75rem; padding-top:10px;}

.div-box-month { background-color: black; padding:1px; text-align: center; }
.div-box-month div.content { background-color: white; padding:10px; }
.div-box-month div.title { padding:10px; font-weight: bold; }
.div-box-month table td { padding:10px; }

.div-box-categories { background-color: black; padding:1px; text-align: center; }
.div-box-categories div.content { background-color: white; padding:10px; }
.div-box-categories div.title { padding:10px; font-weight: bold; }
.div-box-categories div.category {  padding:10px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.div-box-event { background-color: black; padding:1px; }
.div-box-event div.content { background-color: white; padding:5px; }
.div-box-event div.image img { width:100%; height:auto; float:left; }
.div-box-event div.source { font-size:0.5rem; text-align: right; }
.div-box-event div.title { display: table; width:100%; font-weight: bold; padding-top:20px; }
.div-box-event div.title .tr { display: table-row;  }
.div-box-event div.title .tr .td_1 { display: table-cell; width:80%; }
.div-box-event div.title .tr .td_1 div { font-size:2.0rem;  }
.div-box-event div.title .tr .td_2 { display: table-cell; width:20%; vertical-align: top; }
.div-box-event div.title .tr .td_2 div { font-size:1rem; text-align: center; vertical-align: top;  }
.div-box-event div.category { padding-top:10px; }
.div-box-event div.short { font-size: 1rem; padding-top:10px; }
.div-box-event div.more { padding-top:10px; }

.div-box-events { background-color: black; padding:1px; }
.div-box-events div.content { background-color: white; padding:5px; }
.div-box-events .div-title { font-size:1.5rem; padding-bottom:20px;  }

.div-category { font-size: 1.25rem; border-top: 5px solid black; padding:10px; padding-top: 0; }
.div-category h1 { font-size: 1.25rem; }
.div-category div.image img { width:100%; height:auto; float:left; padding-bottom: 20px; }
.div-category div.source { font-size:0.5rem; text-align: right; }
.div-category h3.short { font-size: 1rem; }

.div-template-1 { margin-bottom:20px; padding-top:0px; }
.div-template-1 th { border-bottom: 1px solid silver; padding:10px; }
.div-template-1 th.th-1 { width:10%; text-align:center; }
.div-template-1 th.th-2 { width:90%; text-align:left; }
.div-template-1 th.th-A { width:10%; text-align:center; }
.div-template-1 th.th-B { width:10%; text-align:left; }
.div-template-1 th.th-C { width:80%; text-align:left; }
.div-template-1 td { padding:10px;}
.div-template-1 td.td-1 { vertical-align: top; color: black; text-align: center; }
.div-template-1 td.td-2 { vertical-align: top; color: black; }
.div-template-1 span.time { color:#000; font-style: normal; font-size: 0.75rem; }
.div-template-1 span.weekname { color:white; font-size:0.75rem; background-color: #000000; padding: 5px; padding-top:2px; padding-bottom:2px; text-align: center; border-radius: 8px; }
.div-template-1 span.tags { color:white; font-size:0.75rem; background-color: #008e00; padding: 5px; padding-top:2px; padding-bottom:2px; text-align: center; border-radius: 8px; }
.div-template-1 div.short { font-size: 0.75rem; }

.div-template-2-group { margin-bottom:20px; }
.div-template-2-group th { border-bottom: 1px solid silver; padding:10px; }
.div-template-2-group th.th-1 { width:70%; text-align:left; }
.div-template-2-group th.th-2 { width:30%; text-align:center; }
.div-template-2-group td { padding:10px;}
.div-template-2-group td.td-1 { vertical-align: top; color: black;  }
.div-template-2-group td.td-2 { vertical-align: top; color: black; text-align: center; }
.div-template-2 span.time { color:#000; font-style: normal; font-size: 0.75rem; }

.div-sitemap { padding:10px; }
.div-sitemap td { vertical-align: top; }
.div-sitemap tr.tr-1 td { font-weight: bold; text-align: left; width:33%; }

header { padding: 10px; text-align: center; height:60px; }
header div.logo { font-weight:bold; font-size:3rem; text-decoration: none; }

footer { clear:both; min-height:10px; color:white; background-color: white; }
footer div.full { overflow: auto; background-color: black; }
footer div.quart { min-width:300px; margin:12px 0 0 12px; float: left; }
footer div.quart span { font-size:1rem; font-weight:bold; }
footer div.quart .social a { float:left; }
footer div.quart .social img { width:50px; height:50px; }
footer a { color:white; text-decoration: none; display:block; margin: 5px 0; }
footer a:hover { text-decoration: none; }
footer .sign { font-size:0.75rem; background-color: black; clear:both; text-align: center; width: 100%; padding-bottom:10px; padding-top: 10px; }