/* tipo de letra general, tamaño */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*text-align: center;*/
	overflow: visible;
	background-color:#1764FE;
	background-image:url(../img/back.jpg);
	background-position: center top;
	background-repeat: no-repeat;

}

#contenido {
	font-family:'Montserrat', sans-serif;
    font-size:14px;
    line-height:1.48;
	font-weight: 			normal;
	color: 					#000000;
	background-color: 		#FFF;
	/*text-align: 			center;*/
	vertical-align: 		top;
	padding-top: 			10px;
	padding-right: 			56px;
	padding-bottom: 		10px;
	padding-left: 			42px;
	margin-top: 			0;
	margin-right: 			auto;
	margin-bottom: 			0;
	margin-left: 			auto;
	position:	relative;
	/*max-width: 960px;*/
}

/*Estilo de títulos*/
.titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-left: 12px;
}

/*Estilo de título*/
.inscripcion {

	color: #229B00;

}

/*******************  Colores de texto *******************/
 
    .color_red {
    color: #c00 ;
    font-weight: bolder;
    }
    
    .color_escolar {
      color: #0066cc;
      font-weight: bolder;
      }
.txt_norm01 {
	font-family:'Montserrat', sans-serif;
    font-size:16px;
    line-height:1.48;
	font-weight: normal;
	/*color: #000000;*/
	margin-left: 12px;
	margin-right: 12px;
}

.tabla {
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    line-height:1.48;
	font-weight: normal;
	color: #000000;
	margin-left: 12px;
	margin-right: 12px;
}


.table-bordered {
    border: 1px solid #495057 !important;
}

@media only screen and (min-width: 768px) {
    /* tablets and desktop */
    .navbar {
  	margin-top:-220px;
  }
}

@media only screen and (max-width: 767px) {
    /* phones */
    .navbar {
  	margin-top:-70px;
  }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* portrait phones */
    .navbar {
  	margin-top:-70px;
  }
}


/*******************  Colores a las viñetas listas *******************/


ol li {
list-style-type: none;
counter-increment: lista; /* Un nombre identificativo que te guste */
position: relative;
}

ol li::before {
color: green;
content: counter(lista, lower-alpha) ")"; /* Indica el separador para tu contenido */
left: -32px;
position: absolute;
text-align: right;
font-weight:bold;
width: 26px;
}