@charset "utf-8";
/* CSS Document */


.toogle {
	width: 100%;
	margin-top: 4%;
}
.toogle a{
	color: #999;	
}
.toogle a:hover {
	color: #000;	
}
.toogle ol li {
	color: #999 !important;
	font-size: 1em;
	line-height:1.8em;
}
.toogle ul li {
	color: #999 !important;
	font-size: 1em;
	line-height:1.8em;
	list-style:disc;
}
.toogle ul li a {
	color: #999;
}
.toogle ul li a:hover {
	color: #000;
}
.toogle img {
  display: block; 
  margin: 2em auto 0;
  max-width: 100%;
  width: 80%;
}

@media (max-width:384px){

.toogle {
width:90%;	
}
}
@media (max-width:320px){
.toogle ul li {
font-size: .9em;
}
.toogle ol li {
font-size: .9em;
}
}

/*--Tabla*/
table {
/*margin: 3em auto 0;*/	
}
caption {
font-family: 'Roboto', sans-serif; 
color: #888;
font-size: 1em;
font-weight: 600;
text-align:left;
line-height:1.8em;
margin-bottom: 0.5em;	
}
.verticalText {
writing-mode: vertical-lr;
transform: rotate(180deg);
display:inline;
}
.border-table{
border-bottom: solid 1px #000;
border-right: solid 1px #000;
border-top: solid 1px #000;
}
tr:first-child {
 text-align: center;
 font-weight: 600;
 color:#ffffff;
 background-color: #003399;
 height:3.5em;
}
/*Todas las filas a partir de la segunda*/
tr:nth-child(n+2) {
 text-align: center;
 color: #888888; /*#BEBDBD*/
 border-bottom: solid 1px #bebdbd;
 border-right: solid 1px #bebdbd;
 border-left: solid 1px #bebdbd;
 border-top: solid 1px #bebdbd;
 height:2.5em;
}
th:first-child {
 text-align: center;
 color:#ffffff;
 background-color: #003399;
 border-bottom: solid 1px #000;
 border-right: solid 1px #000;
 border-left: solid 1px #000;
 border-top: solid 1px #000;
}
th:nth-child(n+2) {
 text-align: center;
 color:#ffffff;
 background-color: #003399;
 border-bottom: solid 1px #000;
 border-right: solid 1px #000;
 border-left: solid 1px #000;
 border-top: solid 1px #000;
}
@media(max-width:480px){
table {
width:100%;
margin-left: -0.4em;
margin-right: 0;
}
caption {
font-size: 1.1em;	
}
tr:first-child {
 font-size: 1em;
}
/*Todas las filas a partir de la segunda*/
tr:nth-child(n+2) {
 font-size: 1em;
}
}

@media(max-width:385px){
table {
width:100%;
margin-left: 0.65em;
margin-right: 0;

}
caption {
font-size: 1em;	
}
tr:first-child {
 font-size: 0.9em;
}
/*Todas las filas a partir de la segunda*/
tr:nth-child(n+2) {
 font-size: 0.9em;
}
}

@media(max-width:320px){
table {
width:100%;
margin-left: 0.65em;
margin-right: 0;	
}
caption {
font-size: 1em;	
}
tr:first-child {
 font-size: 0.9em;
}
/*Todas las filas a partir de la segunda*/
tr:nth-child(n+2) {
 font-size: 0.9em;
}
}