* {
	padding:0px;
	margin:0px;
}

html, body {
	max-width:100vw;
}
body {
	background-color:#FFF;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:300;
	color:#5c5c5c;
	text-align:center;
	border-bottom:100px solid #5c5c5c;
	position:relative;
}
strong {
	font-weight:600;
}
#head {
	height:80px;
	width:100%;
	max-width:100vw;
	background-color:#aa0a1b;
}
#commlink {
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding:0.4em 3em;
	color:#FFF;
	text-decoration:none;
	border:1px solid #f3eeef;
	font-size:0.9em;
	opacity:0.8;
	transition:opacity 0.5s;
}
#commlink:hover {
	opacity:1;
}
#header {
	width:100%;
	text-align:left;
	box-sizing:border-box;
	font-weight:600;
	font-size:1.2em;
	position:relative;
	margin-bottom:40px;
}
#header img {
	position:relative;
	width:90vw;
	max-width:1100px;
	height:auto;
	max-height:auto;
	border-radius:5px;
}
#footer {
	width:100%;
	margin-top:10vw;
	height:5vw;
	box-sizing:border-box;
}
iframe#counter {
	display:block;
	position:absolute;
	left:50%;
	margin-left:-150px;
	bottom:-75px;
}
#page {
	width:90vw;
	margin:40px auto;
	max-width:1100px;
}
#intro {
	width:100%;
	padding:3vw 5vw;
	box-sizing:border-box;
	/*background-image:url(justicia.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;*/
	font-size:1em;
	margin-bottom:5vw;
	border-radius:5px;
	background-color:#F6F6F6;
}
h1 {
	font-family:'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#aa0a1b;
}
#intro p, #intro h1, #intro h2 {
	color:#5c5c5c;
	text-align:left;
	margin-bottom:1em;
	line-height:1.5em;
}
#intro h1 {
	margin-bottom:0.5em;
	font-size:2.5em;
	color:#aa0a1b;
}
#intro h2 {
	font-size:1.6em;
	font-family:'Bebas Neue', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#aa0a1b;
}
#intro a {
	color:#aa0a1b;
}
#mailnavs {
	position:relative;
}
.mailnav {
	display:inline-block;
	margin:2em;
	color:#5c5c5c;
	font-weight:300;
	text-decoration:none;
	border-top:2px solid #aa0a1b;
	padding:0.5em 1em;
}
.mailnav:hover, .mailnav.active {
	color:#aa0a1b;
}
.mailnav.active {
	font-weight:600;
}
a#home, a#back {
	display:block;
	position:absolute;
	color:#aa0a1b;
	text-decoration:none;
	font-size:2.5em;
	top:0.5em;
	left:0px;
	transition:all 0.3s;
}
a#back {
	left:2em;
}
a#home:hover, a#back:hover {
	padding-left:0.3em;
}

#searcher {
	margin-bottom:5vw;
}
#search {
	margin-top:5vw;
	display:grid;
	grid-template-columns: 4fr 1fr;
	margin-bottom:1em;
}
input, textarea {
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:300;
}
#q {
	border:1px solid #5c5c5c;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	padding:0.5em 1em;
	border-right:none;
}
#s {
	background-color:#aa0a1b;
	border:1px solid #aa0a1b;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	color:#FFF;
	border:1px solid #aa0a1b;
}
.searchsetting {
	display:inline-block;
	margin:0 1.5em;
	cursor:pointer;
}
.searchsetting:hover {
	color:#aa0a1b;
}
.searchsetting.active {
	color:#aa0a1b;
	font-weight:600;
}

.email_prev, .addcommform  {
	display:grid;
	grid-template-columns:1fr 5fr;
	border:1px solid #c5c5c5;
	margin:1em 0;
	font-size:0.8em;
	text-align:left;
	cursor:pointer;
}
.email_prev div, .addcommform div {
	padding:0.4em 1em;
	border-bottom:1px dotted #c5c5c5;
	color:#292929;
	word-break:break-all;
}
.email_prev:hover {
	background-color:#f3eeef;
}
.email_prev.nohover {
	cursor:auto;
}
.email_prev.nohover:hover {
	background-color:#FFF;
}

.email_prev:hover div {
	border-color:#FFF;
}
.email_prev.nohover:hover div {
	border-color:#c5c5c5;
}
.email_prev div.subjholder {
	border-bottom:none;
	font-weight:600;
}
div.bodyholder {
	text-align:left;
	font-size:0.8em;
	color:#292929;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
.pages {
	margin-top:5vw;
}
.pages a {
	display:inline-block;
	margin-right:1.2em;
	color:#5c5c5c;
	width:2em;
	padding:0.5em 0;
	border-top:2px solid #c5c5c5;
	text-align:center;
	font-size:0.9em;
	text-decoration:none;
}
.pages a:hover {
	border-top-color:#aa0a1b;
}
.pages a.active {
	border-top-color:#aa0a1b;
	color:#aa0a1b;
	font-weight:600;
}
h2 {
	font-size:1.6em;
	font-weight:300;
}
h2 span {
	color:#aa0a1b;
}
#instr {
	text-align:justify;
	font-size:0.9em;
	margin-bottom:5vw;
}
#instr p {
	margin-top:1em;
}
.openform {
	display:block;
	background-color:#aa0a1b;
	color:#FFF;
	font-weight:600;
	font-size:1.1em;
	border-radius:5px;
	padding:0.4em 0;
	cursor:pointer;
}
	
.addcommform {
	height:0px;
	overflow:hidden;
	transition:height 0.5s;
	border:none;
}
.addcommform.open {
	height:auto;
	border:1px solid #c5c5c5;
}
.addcommform div input, .addcommform div textarea {
	width:100%;
	box-sizing:border-box;
	padding:0.4em 1em;
	border:1px solid #5c5c5c;
	border-radius:5px;
}
.addcommform div textarea {
	height:10em;
}
.addcommform div input[name="vards"] {
	font-weight:600;
}
.addcommform div input[name="www"] {
	visibility:hidden;
	width:1px;
	height:1px;
	border:none;	
}
.addcommform div input[type="submit"] {
	background-color:#aa0a1b;
	border-color:#aa0a1b;
	color:#FFF;
	font-weight:600;
	font-size:1.1em;
}
.commbody {
	border:1px solid #c5c5c5;
	border-top:none;
	margin-bottom:2em;
	position:relative;
	top:-1em;
	padding:1em;
}
.email_prev div.c_from {
	font-weight:600;
	border-bottom:none;
}
#openform2 {
	margin-top:5vw;
}
#mailnavs.commnavs {
	height:3em;
}
#mailnavs.commnavs a#home, #mailnavs.commnavs a#back {
	top:-0.7em;
}
a.delcomm {
	display:inline-block;
	margin:0.3em 0;
	background-color:#aa0a1b;
	color:#FFF;
	padding:0.3em 1em;
	text-decoration:none;
	border-radius:5px;
}
#header img#coa {
	width:145px;
	height:auto;
}
#dlSection {
	width:100%;
	padding-bottom:80px;
	margin-top:100px;
}
#dlSection a {
	display:block;
	width:100%;
	cursor:pointer;
	text-align:center;
	padding:0.75em 0;
	border-top:1px solid #aa0a1b;
	color:#5c5c5c;
	text-decoration:none;
}
#dlSection a:last-child {
	border-bottom:1px solid #aa0a1b;
}
#dlSection a:hover {
	background-color:#aa0a1b;
	color:#FFF;
	font-weight:600;
}
#dlSection h2 {
	font-family:'Bebas Neue', Arial, Helvetica, sans-serif;
	font-size:2.3em;
	color:#aa0a1b;
	margin-bottom:0.5em;
}
#dlInfoText {
	padding:1em 0;
	text-align:justify;
	max-width:30em;
	margin-left:auto;
	margin-right:auto;
}
#dlInfoText.open {
	display:block;
}

@media (orientation: portrait) {
	#intro {
		background-position:center center;
	}
	#intro p, #intro h1, #intro h2 {
		margin-left:0px;
	}
	#intro p {
		text-align:justify;
	}
	#header {
		margin-bottom:40px;		
	}
	#header img {
		top:0px;
		left:0px;
	}
	#searcher a {
		display:block;
		margin-top:1em;
	}
	#searcher.fpsearch {
		margin-bottom:10vh;
	}
	#search {
		grid-template-columns: 3fr 2fr;
	}
	a#home, a#back {
		top:-0.6em;
	}
	a#home {
		left:30%;
	}
	a#back {
		left:60%;
	}
}