@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;	
}
caption a{
color: #888 !important;
}
caption a:hover{
color: #000 !important;
text-decoration: underline;
}
.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;
}

@media(max-width:480px){
table {
width:80%;
margin-left: -.5em;
margin-right: 0;	
}
caption {
font-size: 1em;	
}
tr:first-child {
 font-size: .9em;
}
/*Todas las filas a partir de la segunda*/
tr:nth-child(n+2) {
 font-size: .9em;
}
.toogle img {
  margin-left:-.5em;
}
}

@media(max-width:385px){
table {
width:80%;
margin-left: -.7em;
margin-right: 0;	
}
caption {
font-size: 0.9em;	
}
tr:first-child {
 font-size: 0.8em;
}
/*Todas las filas a partir de la segunda*/
tr:nth-child(n+2) {
 font-size: 0.8em;
}
.toogle img {
  margin-left:-.5em;
}
}

@media(max-width:320px){
table {
width:95% !important;
margin-left: 0;
margin-right: 0;	
}
caption {
font-size: 1em;	
}
tr:first-child {
 font-size: 0.5em;
}
/*Todas las filas a partir de la segunda*/
tr:nth-child(n+2) {
 font-size: 0.5em;
}
.toogle img {
  width: 95% !important;
  margin-left:-.5em;
}
}