@font-face {
  font-family: "VAGRounded";
  src: url(vagron.ttf);
  font-weight: bold;
}


body {
	font-family: sans-serif;
	margin-left: 10%;
	margin-right: 10%;
	text-align: justify;
	font-size: 85%;
}
h1 {
	border-bottom: 2px solid black;
	margin-top: 2em;
	margin-bottom: 1em;
	text-align: left;
}
h1,h2 {
	text-shadow: 0.1em 0.1em .2em #777;
	font-family: VAGRounded, sans-serif;
}
h2 {
	text-align: center;
	border-bottom: 2px solid #bbb;
	border-top: 2px solid #eee;
	background-color: #f3f3f3;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 1.5em;
	margin-bottom: 1em;
	padding: .15em;
}
h3 {
	border-bottom: 2px solid #bbb;
	font-style: italic;
	font-family: VAGRounded, sans-serif;
}
li {
	margin-bottom: .4em;
}
li li {
	margin-bottom: 0;
}
li p {
	margin-top: .1em;
	margin-bottom: .1em;
}
.aviso {
	margin-left: 1em;
	margin-right: 1em;
	padding: .6em;
	border: 2px solid #f55;
}

:link:hover, :visited:hover {
	color: red;
}

.fb_share_link {
	padding:2px 0 0 20px;
	height:16px;
	background:url(http://static.ak.fbcdn.net/rsrc.php/z39E0/hash/ya8q506x.gif) no-repeat top left;
}

.copete {
	font-style: italic;
	text-align: right;
	font-size: 80%;
}

.ref {
	position:relative;
	font-size: 70%;
	top:-.4em;
	white-space: nowrap;
	text-align: left;
	font-family: "Arial Narrow", sans-serif;
	color: #444;
}

#principal {
	position:absolute;
	right: 19em;
	left:2%;
}

#costado {
	position: absolute;
	width: 18.6em;
	top: 14em;
	right: 2px;
	padding: 0 .7em .5em .7em;
	background-color: #f0f0ff;
	font-size: 85%;
	border: 1px solid #aaf;
	-moz-border-radius: .5em;
}

#costado img {
	border: 1px solid blue;
	padding: 1px;
}

table {
	margin: 0 7%;
	border-collapse: collapse;
}

table.ancha {
	margin: 0 1%;
}

table ul {
        padding-left: 1em;
}   

table li {
        padding-left: 0;
}

td>ul:first-child {
	margin-top: 0;
}

tr {
	border-bottom: 1px solid black;
}
td {
	padding: .5em;
	vertical-align: top;
	min-width: 10em;
}

hr {
	margin-top: 2em;
}

@media print {

body {
	margin-left: .5cm;
	margin-right: .5cm;
	font-size: 90%;
}

.ref {
	color: inherit;
}

h2 {
	margin-left: 1cm;
	margin-right: 1cm;
	background-color: transparent;
}

#principal {
	position: static;
}

#costado {
	position: static;
	width: 80%;
}

table {
	margin: 0 .5cm;
}

tr {
	page-break-inside: avoid;
}

} /* fin media print */

@media handheld {
	body {  margin: 0; }
}

#acciones li {
	display: inline;
	padding-left: .5em;
}

#acciones li + li {
	border-left: 2px solid navy;
	margin-left: .3em;
}

blockquote {
	font-style: italic;
}

blockquote:before {
	float: left;
	content: "“";
	display: block;
	font-size: 250%;
	margin-left: -.7em;
	font-family: times new roman, serif;
	text-shadow: 0.05em 0.05em .07em #777;
}

td p:first-child {
	margin-top: 0;
}

.blocklink {
	display:block; margin:.5em; color: white; background-color: blue;
	text-align: center;
	font-size: 120%; font-weight:bold;
	padding: .2em;
}

dt {
	font-weight: bold;
}

td dd {
	margin-left: 1em;
}

@media only screen and (max-device-width: 480px) {

body {
	margin: 0 4px;
	font-size: 90%;
}

#principal {
	position: static;
}

#costado {
	position: static;
	width: auto;
}

table {
	margin: 0;
}

h2 {
	margin-left: 0;
	margin-right: 0;
}

}