/* 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: #017CA6;
	background-image:url(../img/emociones_3.png);
	background-position: center bottom;
	background-repeat: no-repeat;

}

#contenido {
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				12px;
	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, Presentación*/
.presentacion {

	color: #FF9200;

}
/*Estilo de título, Estrategia*/
.estrategia {

	color: #0054ED;

}
/*Estilo de título, Proposito*/
.proposito {

	color: #E22900;

}
/*Estilo de título, Calendario*/
.calendario {

	color: #0D7413;

}
/*Estilo de título, Inscripciones*/
.inscripcion {

	color: #684BB7;

}

/*Estilo de título, Estrategia*/
.subtitulos {

	color: #58ACFA;

}
/*Color para etapas*/
.etapas {

	color: #F87A04;

}
.txt_norm01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin-left: 12px;
	margin-right: 12px;
}

.txt_norm01_14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-left: 12px;
	margin-right: 12px;
}

.txt_norm01_calendario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
.txt_subtitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	margin-left: 12px;
	margin-right: 12px;
}

.txt_acordeon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;	
	margin-left: 12px;
	margin-right: 12px;
}


.txt_subtitulo_act {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: 12px;
	margin-right: 12px;
}

.txt_norm01_cita {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin-left: 12px;
	margin-right: 12px;
	/*text-align: justify;*/
}

.txt_cita_ang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin-left: 12px;
	margin-right: 12px;
	/*text-align: justify;*/
}

/* Tabla Calendario*/

.tabla {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color:#000;
	margin-left: 12px;
	margin-right: 12px;
}


.table-bordered {
	border: 1px solid #1D7715;
  }
  
  .table-bordered th,
  .table-bordered td {
	border: 1px solid #1D7715;
  }
  
  .table-bordered thead th,
  .table-bordered thead td {
	border-bottom-width: 2px;
  }



.test {
	background: #fff;
	background-size: cover;
	box-shadow: 2px 2px 17px rgba(41, 40, 40, 0.39);
	padding: 1.5vw;
	box-sizing: border-box;"
}


@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;
  }
}

.espacio_botones {
	margin-left: 12px;
	margin-right: 12px;
}

.espacio_botones2 {
			padding-right: 5.8%; 
			padding-left: 5.8%;"
}
.espacio_izq {
	margin-left: 110px;
	
}

/*Color de sentimientos*/

.alegria {
	color: #FFC822;
}

.amor {
	color: #17B557;
}

.miedo {
	color: #7030A0;
}

.tristeza {
	color: #2E74B5;
}

.ira {
	color: #C00000;
}