.header { box-sizing: content-box;height:10vh; display:flex; align-items:center; padding:0; position:fixed;background:url(../img/bg-pc.jpg); background-size: cover;width:100%}
.header h1 {color:white; text-align:right;width:100%;padding-right: 20px}
nav {height:90vh; top:10vh;background:black; position:fixed; width:150px; display:flex;align-items:start;}
nav ul li:first-child {border-top:0}
.contenidos {padding:0 0px 0 150px; background:rgba(244,244,244,0.8);display:block;}
.contenidos .in {height:90vh;margin:10vh 0 0 0px;overflow-y:auto; padding:0; width:100%}
.contenidos .in section {padding:25px}
footer {background:url(../img/bg-pc.jpg); background-size:cover; color: white; margin: 0;}
footer p {margin:0 auto;padding:20px;text-align:center;}
footer p a {color:white; text-decoration:none;}
.in ul {text-align:justify;}
@media (max-width:768px) {
  #navigation {padding:0 10px;z-index:999;top:0vh;height:10vh;display:flex;align-items:center;}
  nav {background:none}
  nav ul {background:black}
  nav ul li:first-child {border-top: 1px dotted rgb(170,170,170);}
  .contenidos {padding:0px;}
  .contenidos .in section {padding:15px}
  footer {background-image:url(../img/bg-cel.jpg);}
}

/****CONTENIDOS SITIO****/
img {max-width:100%}
h2 {margin:5px 0px}
article {padding:10px 20px;background:white;border-radius:5px; margin:10px 0 25px}
article p {margin:10px 0 15px; line-height:25px;text-align:justify;}
article a {text-decoration:none;color:black;}
article a.boton {display:inline-block; padding:10px 20px; color:white; background:rgb(10,179,163);border-radius:5px;text-decoration:none; font-weight: bold; margin-bottom: 10px}
article a.boton.sintex {margin-top: 10px}
article p.nota {background:#ccc; text-align:center;padding:5px}
article p.sep {border-bottom:1px solid black; clear:both;}
article hr {clear:both;}
.center {text-align:center;}
.float {float:left;margin:0 20px 10px 0}
.floatr {float:right;margin:0 0px 10px 20px}
.flex {display:flex;justify-content:center}
.flex div {margin:0 10px;}
.flex div p {text-align:center;}
.flex.cincuenta {justify-content:space-between;}
.flex.cincuenta > div {margin:0;width:48%}
.flex.cincuenta > div p {text-align:left;}
table {text-align:center;margin:0 auto;border-collapse:collapse;}
table th, table td {width:20%}
table tr:nth-child(odd){background:rgb(215,217,229)}
.listado div {margin:0 5px 0 0; width:10px; height:10px; display:inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius: 50%; background:rgb(51, 102, 204);}
.listado div.red {background: rgb(220, 57, 18);}
.listado div.yell {background:rgb(255, 153, 0); }
.listado div.green {background:rgb(16, 150, 24); }
.listado div.vio {background:rgb(153, 0, 153); }
.grafico {width:250px; margin:20px auto 0}
.desaparecidos p {margin: 0;padding:0}
.desaparecidos a {color:black;text-decoration:none;}
.desaparecidos a:hover, .desaparecidos a.activo {color:black;text-decoration:underline;}
article article {padding:0px 0px 20px; border-bottom:1px dotted gray; border-radius:0; }
article article h3 {margin:0; border-bottom:1px solid black}
article article p:first-child {margin-bottom:5px}
.flex.cincuenta > div article img {display:block; margin-bottom:20px}
.flex.cincuenta > div article p {text-align: justify;}
.pagination {padding-left: 0;margin:10px 0;border-radius:4px;}
.pagination>li {display: inline;}
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: rgb(10,179,163);text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 2;color: #fff;cursor: default;background-color: rgb(10,179,163);border-color: rgb(10,179,163);}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination>li:first-child>a, .pagination>li:first-child>span {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.paginacion{display:flex;justify-content:flex-end}
.volver {text-align:right;border-bottom:1px dotted gray;}
.volver2 {text-align:right;border-top:1px dotted gray;}
.fecha {margin-bottom:5px;font-size:0.9em}
.fotos {display:flex; flex-wrap:wrap; justify-content:space-around;}
.fotos img {width:32%; margin:0px 1% 1% 0px}
.enlaces a {display:block; margin:10px 0px}

.silvano {display:flex;justify-content:center;flex-wrap:wrap;}
.silvano img {margin:10px}
.silvano.horizontal img {max-width:350px;}
.silvano.vertical img {max-height:350px;}

@media (max-width:768px) {
  article p {text-align:left;line-height:20px;}
  .flex.cincuenta {flex-wrap:wrap}
  .flex.cincuenta > div {width:100%}
  .float {float:none;display:block;margin:0 0 15px 0}
  .fotos img {width:48%; margin:0px 1% 2% 0px}
}