/* Para cel */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:320px) and (max-width:799px){

html, body {
	width: 100%;
	height: 100vh;
    margin: 0;

	position: relative;		
    display: flex;
	
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
    padding: 0;
	
	/*background-color: #f2f2f2;*/
	/*background-color: #323131;*/
	/*background-image: url("https://carontestudio.com/img/caronte-web-estudio-logo.png");*/
	/*background-image: url("../../src/img/fondos/fondo0.png");*/

	/*background-size: cover;*/
	/*background-size: 10rem;*/
	/*background-position: center center;*/
	/*background-repeat: no-repeat;*/
	/*background-repeat: repeat-y;*/
	/*background-attachment: fixed;*/
	/*filter: opacity(opacity: 50%);*/

	overflow: auto;
	/*overflow-x: scroll;*/
	/*overflow-y: scroll;*/
	/*scrollbar-width: thin;*/
	/*scrollbar-color: #555  #f8f8f8;*/
	
}

header {
	width: 100%;
	min-height: 65px;

	position: relative;		
    display: flex;
	
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
	/*padding: 5px;*/

	/*border: 1px solid red;*/
	/*background-color: #21618c; /* Azul claro */
	/*background-color: #333439; /* negro carbon */
	/*background-color: #111921; /* negro azulado1 */		
	/*background-color: #101a23; /* negro azulado2 */
	background-color: #2c3e50;

	z-index: 1;
	
}

main {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/	
	
	box-sizing: border-box;	
	/*padding: 5px;*/

	/*border: 1px solid red;*/
	background-color: #f2f2f2;
	
}

article {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/	
	
	box-sizing: border-box;	
	/*padding: 5%;*/

	/*border: 1px solid red;*/
	background: none;
	
}


article h1 {
	width: 100%;
	height: 60px;
	margin: 0 auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding: 0px;*/
	
	/*color: #444;*/
	color: #333;	
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

section {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	box-sizing: border-box;	
	/*padding: 5%;*/

	/*border: 1px solid red;*/
	background: none;
	
}

section h2 {
	width: 100%;
	height: 50px;
	margin: 0 auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding: 0px;*/
	
	/*color: #444;*/
	color: #555;	
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

section h3 {
	width: 100%;
	height: 50px;
	margin: 0 auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding: 0px;*/
	
	/*color: #444;*/
	color: #555;	
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

section p {
	width: 100%;
	height: auto;
	margin: 0 auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	padding: 2%;
	padding-left: 5%;
	padding-right: 5%;
	
	/*color: #444;*/
	color: #333;	
	font-size: 15px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

aside {
	width: 100%;
	height: 100%;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/	
	
	box-sizing: border-box;	
	/*padding: 5%;*/

	/*border: 1px solid red;*/
	border-left: 1px solid #ddd;
	background-color: #e9f0f2;
	
}

.aside-1 {
	width: 100%;
	height:100%;
	
	position: relative;
    display: none;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	box-sizing: border-box;	
	padding: 5px 5px 5px 5px;

	/*border: 1px solid red;*/
	background: none;
	
}

.aside-1 a {
	width: auto;
	height: 80%;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
    
	/*border: 1px solid red;*/
		
}

.aside-1 img {
	width: auto;
	height: 100%;

	/*border: 1px solid red;*/
		
}

.aside-2 {
	width: 100%;
	height:100%;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	box-sizing: border-box;	
	padding: 5px 5px 5px 5px;

	/*border: 1px solid red;*/
	background: none;
	
}

.aside-2 a {
	width: auto;
	height: 80%;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
    
	/*border: 1px solid red;*/
		
}

.aside-2 img {
	width: auto;
	height: 100%;

	/*border: 1px solid red;*/
		
}

footer {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
    	
	box-sizing: border-box;	
	/*padding: 2em;*/

	/*border: 1px solid red;*/
	border-top: 1px solid #ddd;
	background-color: #fcfcfc;
	
}

.footer {
	width: 100%;
	height: auto;
	margin: 0 auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding-top: 20px;*/

	/*border: 1px solid red;*/
	background: none;
	
}

.footer-titulo {
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	box-sizing: border-box;	
	padding-top: 20px;
	
	/*color: #444;*/
	color: #333;	
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

.footer-copyright {
	width: 100%;
	height: auto;
	margin: 0 auto;

	box-sizing: border-box;	
	padding: 5px;
	padding-top: 2px;	
	padding-bottom: 10px;	
	
	/*color: #444;*/
	color: #555;	
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

.footer-resumen {
	width: auto;
	height: auto;
	margin: 0 auto;

	position: relative;
    display: block;

	box-sizing: border-box;	
	padding: 5px 10px;
	
	/*color: #444;*/
	color: #444;	
	font-size: 10px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.footer-enlaces {
	width: 100%;
	height: 50px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	padding: 5px 10px;
	
	/*border: 1px solid red;*/
	background: none;
	
}

.footer-enlaces ul {
	margin: 0;	

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;	
	padding: 0;

	list-style: none; /* Elimina los puntos */
	gap: .2rem; /* Espacio entre enlaces */

	/*border: 1px solid red;*/
	background: none;
  
}

.footer-enlaces a {
	width: auto;
	height: auto;
	
	/*color: #444;*/
	color: #333;	
	font-size: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;

}

/** Contenedor 1 **/
.container-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding-top: 10px;*/
	padding-bottom: 10px;		
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}

.titulo {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}

.titulo-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}

.titulo-1a {
	width: 0%;
	height: 50px;
	
	position: relative;
    display: none;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding-left: 1%;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}


.titulo-1a label {
	/*color: #444;*/
	color: #333;	
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/

}

.titulo-1b {
	width: 0%;
	height: 50px;
	
	position: relative;
    display: none;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-1c {
	width: 100%;
	height: 50px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-1c input {
	width: 80%;
	height: 30px;

	position: relative;
	display: block;
	
	box-sizing: border-box;	
	padding-top: 2px;
	padding-left: 5px;

	color: #333;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	cursor: pointer;    
	
	/*border: 1px solid red;*/
	/*border: solid 1px #333;*/
	border: solid 1px #bbb;		
	background-color: #fff;

}

/*.titulo-1c input:hover,*/ 
.titulo-1c input:focus { 
	outline: none;
	border: solid 2px blue;

}

.titulo-1c ::placeholder {
	color: #333;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	
}

.titulo-1d {
	width: 100%;
	height: 25px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: end; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/

	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-2 {
	width: 100%;
	height: 40px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-2a {
	width: 0%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 5px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}

.titulo-2b {
	width: 100%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	padding: 5px 2px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-2b label {
	/*color: #444;*/
	color: #333;	
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/

}

.titulo-2c {
	width: 0%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 5px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-3 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-3a {
	width: 0%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 5px;
	padding-bottom: 10px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-3b {
	width: 100%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;	
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-3b label {
	/*width: 100%;*/	
	
	/*color: #444;*/
	color: #555;	
	font-size: 12px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.titulo-3c {
	width: 0px;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: end; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 5px;
	padding-bottom: 10px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.container-1b {
	width: 90%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 30px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.container-1b-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.container-1b-1 a {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	text-decoration: none;

	/*border: 1px solid red;*/
	background: none;
	
}

.container-1b-1 img {
	width: 100%;
	height: auto;
	/*margin-bottom: 10px;*/

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding: 15px;*/
	
	/*border: 1px solid red;*/
	/*border-radius: 5px;*/
	background-color: #fff
	
}

.img-vehiculo {
	margin-bottom: 15px;
	padding: 15px;

}

.container-1b-1b {
	width: 100%;
	height: 20px;
	
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #202d43;
	
}

.container-1b-1b buttom {
	width: 20px;
	height: 4px;
	margin-right: 2px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/

	color: #fff;	
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	text-decoration: none;
	cursor: pointer;
	
	/*border: 1px solid red;*/
	border: none;
	background-color: #fff;	
		
}

.container-1b-1b buttom:hover {
	color: darkorange;	
	
}

.container-1b-2 {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-left: 5px;
	padding-right: 5px;
	
	/*border: 1px solid red;*/
	background-color: #202d43;
	
}

.container-1b-2 table {
	width: 100%;
	height:auto;
	
	color: #f4f6f7;
	text-align: center;
	font-family:arial, helvetica, sans-serif;
	
	border-collapse: collapse;
	
	/*border: 1px solid red;*/
	background: none ;

}

.container-1b-2 table th {
	padding: 0.3em;
	padding-top: 10px;
	
	font-size: 10px;
	font-weight: bold;

	/*border: 1px solid red;*/
	/*background: none;*/

}

.container-1b-2 table td {
	/*height: 40px;*/
	
	padding: 0.3em;

	font-size: 10px;
	font-weight: normal;

	/*border: 1px solid red;*/
	/*background: none;*/
	
}

.container-1b-3 {
	width: 100%;
	height: 40px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #202d43;
	
}

.container-1b-3a {
	width: 20%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-left: 2px;
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.container-1b-3a 1 {
	color: darkorange;
	font-size: 10px;
	
}

.container-1b-3a label {
	margin-right: 5px;
	
	color: #fff;
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3a span {
	margin-right: 2px;

    display: none;
	
	color: #ddd;	
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3b {
	width: 65%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background: none;	
}

.container-1b-3b label {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3b span {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3b a {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3c {
	width: 15%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: end; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-right: 5px;
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.container-1b-3c label {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3c span {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1c {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 30px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.container-1c-1 {
	width: 100%;
	height: 550px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.display-none {
    display: none;
	
}

/** Contenedor 2 **/
.container-2 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 10px;
	padding-bottom: 10px;		
	
	/*border: 1px solid red;*/
	background-color: #dee6e8;
	
}

/**  Historias **/
.historias {
	width: 90%;
	height: auto;
	margin-bottom: 30px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 1px;*/
	
	border: 1px solid #ddd;
	background: none;
	
}

.historias-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-1a {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 8%;
	padding-left: 7%;
	padding-right: 7%;
	
	/*border: 1px solid red;*/
	background: none;
	
}

.historias-1a img {
	width: 100%;
	height: auto;

	/*border-radius: 6px;*/

}

.historias-1b {
	width: 100%;
	height: 30px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.historias-1b label {
	color: #333;
	font-size: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

.historias-2 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2a {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2a-1 {
	width: 100%;
	height: 35px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2a-1 label {
	color: #333;
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/	
	
}

.historias-2a-2 {
	width: 100%;
	height: 40px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 10px;
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2a-2 label {
	color: #333;
	font-size: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

.historias-2b {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2b-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-left: 5%;
	padding-right: 5%;		
	/*padding-bottom: 10px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2b-1 p {
	width: 100%;
	
	color: #222;
	font-size: 14px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	

	/*border: 1px solid red;*/
	
}

.historias-2b-2 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-left: 5%;
	padding-right: 5%;		
	/*padding-bottom: 10px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2b-2 p {
	width: 100%;
	
	color: #222;
	font-size: 14px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	

	/*border: 1px solid red;*/
	
}

.historias-2c {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2c-1 {
	width: 100%;
	height: 30px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2c-1 label {
	color: #333;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

.historias-2c-2 {
	width: 100%;
	height: 30px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2c-2 label {
	color: #333;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

.historias-2c-3 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 3%;
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-3 {
	width: 100%;
	height: 100%;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 200px;
	padding-bottom: 200px;
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-3 label {
	color: #333;
	font-size: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

/** Botones **/
.btn-megusta-1 {
	width: auto;
	height: auto;
	margin-right: 2px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/

	color: #fff;	
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	cursor: pointer;
	
	border: none;
	/*border: 1px solid red;*/
	background: none;	
	
}

.btn-megusta-1 i {
	font-size: 20px;
	
}

.btn-agregar-1 {
	width: auto;
	height: auto;
	margin: 0px 5px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/

	color: darkcyan;	
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	text-decoration: none;
	cursor: pointer;
	
	border: none;
	/*border: 1px solid red;*/
	background: none;	
		
}

.btn-agregar-1 :hover {
	color: blue;	
	
}

.btn-agregar-1 i {
	font-size: 16px;
	
}

.btn-editar-1 {
	width: auto;
	height: auto;
	margin: 0px 5px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/

	color: darkcyan;	
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	text-decoration: none;
	cursor: pointer;
	
	border: none;
	/*border: 1px solid red;*/
	background: none;	
		
}

.btn-editar-1 :hover {
	color: blue;	
	
}

.btn-editar-1 i {
	font-size: 16px;
	
}

}

/* Para PC y Laptop */
/*-----------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:800px){

html, body {
	width: 100%;
	height: 100vh;
    margin: 0;

	position: relative;		
    display: flex;
	
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
    padding: 0;
	
	/*background-color: #f2f2f2;*/
	/*background-color: #323131;*/
	/*background-image: url("https://carontestudio.com/img/caronte-web-estudio-logo.png");*/
	/*background-image: url("../../src/img/fondos/fondo0.png");*/

	/*background-size: cover;*/
	/*background-size: 10rem;*/
	/*background-position: center center;*/
	/*background-repeat: no-repeat;*/
	/*background-repeat: repeat-y;*/
	/*background-attachment: fixed;*/
	/*filter: opacity(opacity: 50%);*/

	overflow: auto;
	/*overflow-x: scroll;*/
	/*overflow-y: scroll;*/
	/*scrollbar-width: thin;*/
	/*scrollbar-color: #555  #f8f8f8;*/
	
}

header {
	width: 100%;
	height: 100px;

	position: relative;		
    display: flex;
	
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;
	/*padding: 5px;*/

	/*border: 1px solid red;*/
	/*background-color: #21618c; /* Azul claro */
	/*background-color: #333439; /* negro carbon */
	/*background-color: #111921; /* negro azulado1 */		
	/*background-color: #101a23; /* negro azulado2 */
	background-color: #2c3e50;

	z-index: 1;
	
}

main {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/	
	
	box-sizing: border-box;	
	/*padding: 5px;*/

	/*border: 1px solid red;*/
	background-color: #f2f2f2;
	
}

article {
	width: 80%;
	height: 100%;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/	
	
	box-sizing: border-box;	
	/*padding: 5%;*/

	/*border: 1px solid red;*/
	background: none;
	
}


article h1 {
	width: 100%;
	height: 60px;
	margin: 0 auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding: 0px;*/
	
	/*color: #444;*/
	color: #333;	
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

section {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	box-sizing: border-box;	
	/*padding: 5%;*/

	/*border: 1px solid red;*/
	background: none;
	
}

section h2 {
	width: 100%;
	height: 50px;
	margin: 0 auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding: 0px;*/
	
	/*color: #444;*/
	color: #555;	
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

section h3 {
	width: 100%;
	height: 50px;
	margin: 0 auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding: 0px;*/
	
	/*color: #444;*/
	color: #555;	
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

section p {
	width: 100%;
	height: auto;
	margin: 0 auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	padding: 2%;
	padding-left: 5%;
	padding-right: 5%;
	
	/*color: #444;*/
	color: #333;	
	font-size: 15px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

aside {
	width: 20%;
	height: 100%;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/	
	
	box-sizing: border-box;	
	/*padding: 5%;*/

	/*border: 1px solid red;*/
	border-left: 1px solid #ddd;
	background-color: #e9f0f2;
	
}

.aside-1 {
	width: 100%;
	height: 98%;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	box-sizing: border-box;	
	padding: 30px 5px 10px 5px;

	/*border: 1px solid red;*/
	background: none;
	
}

.aside-1 a {
	width: 80%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
    
	/*border: 1px solid red;*/
		
}

.aside-1 img {
	width: 100%;
	height: auto;

	/*border: 1px solid red;*/
		
}

.aside-2 {
	width: 100%;
	height: 2%;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: end; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
	
	box-sizing: border-box;	
	padding: 5px 5px 20px 5px;

	/*border: 1px solid red;*/
	background: none;
	
}

.aside-2 a {
	width: 80%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
    
	/*border: 1px solid red;*/
		
}

.aside-2 img {
	width: 100%;
	height: auto;

	/*border: 1px solid red;*/
		
}

footer {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/	
    	
	box-sizing: border-box;	
	/*padding: 2em;*/

	/*border: 1px solid red;*/
	border-top: 1px solid #ddd;
	background-color: #fcfcfc;
	
}

.footer {
	width: 100%;
	height: auto;
	margin: 0 auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding-top: 20px;*/

	/*border: 1px solid red;*/
	background: none;
	
}

.footer-titulo {
	width: 100%;
	height: auto;
	margin: 0 auto;
	
	box-sizing: border-box;	
	padding-top: 20px;
	
	/*color: #444;*/
	color: #333;	
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

.footer-copyright {
	width: 100%;
	height: auto;
	margin: 0 auto;

	box-sizing: border-box;	
	padding: 5px;
	padding-top: 2px;	
	padding-bottom: 10px;	
	
	/*color: #444;*/
	color: #555;	
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;
	
}

.footer-resumen {
	width: auto;
	height: auto;
	margin: 0 auto;

	position: relative;
    display: block;

	box-sizing: border-box;	
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;	
	
	/*color: #444;*/
	color: #444;	
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.footer-enlaces {
	width: 100%;
	height: 50px;

	position: relative;
    display: flex;
	/*flex-direction: column;*/	
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding-top: 20px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.footer-enlaces ul {
	margin: 0;	

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/
	
	box-sizing: border-box;	
	padding: 0;

	list-style: none; /* Elimina los puntos */
	gap: 1rem; /* Espacio entre enlaces */

	/*border: 1px solid red;*/
	background: none;
  
}

.footer-enlaces a {
	width: auto;
	height: auto;
	
	/*color: #444;*/
	color: #333;	
	font-size: 14px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	background: none;

}

/** Contenedor 1 **/
.container-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 10px;
	padding-bottom: 50px;	
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}

.titulo {
	width: 90%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}

.titulo-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}

.titulo-1a {
	width: 70%;
	height: 50px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding-left: 1%;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}


.titulo-1a label {
	/*color: #444;*/
	color: #333;	
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/

}

.titulo-1b {
	width: 0%;
	height: 50px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-1c {
	width: 30%;
	height: 50px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: end; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-1c input {
	width: 100%;
	height: 32px;

	position: relative;
	display: block;
	
	box-sizing: border-box;	
	padding-top: 2px;
	padding-left: 5px;

	color: #333;
	text-align: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	cursor: pointer;    
	
	/*border: 1px solid red;*/
	/*border: solid 1px #333;*/
	border: solid 1px #bbb;		
	background-color: #fff;

}

/*.titulo-1c input:hover,*/ 
.titulo-1c input:focus { 
	outline: none;
	border: solid 2px blue;

}

.titulo-1c ::placeholder {
	color: #333;
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	
}

.titulo-1d {
	width: 100%;
	height: 25px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: end; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-2 {
	width: 100%;
	height: 40px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-2a {
	width: 0%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 5px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;
	
}

.titulo-2b {
	width: 100%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	padding: 5px 5px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-2b label {
	/*color: #444;*/
	color: #333;	
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/

}

.titulo-2c {
	width: 0%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: end; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 5px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-3 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-3a {
	width: 0%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 5px;
	padding-bottom: 10px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-3b {
	width: 100%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 15px;	
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.titulo-3b label {
	/*width: 100%;*/	
	
	/*color: #444;*/
	color: #555;	
	font-size: 15px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.titulo-3c {
	width: auto;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: end; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 5px;
	padding-bottom: 10px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.container-1b {
	width: 80%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 30px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.container-1b-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.container-1b-1 a {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	text-decoration: none;

	/*border: 1px solid red;*/
	background: none;
	
}

.container-1b-1 img {
	width: 100%;
	height: auto;
	/*margin-bottom: 10px;*/

	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	box-sizing: border-box;	
	/*padding: 15px;*/
	
	/*border: 1px solid red;*/
	/*border-radius: 5px;*/
	background-color: #fff
	
}

.img-vehiculo {
	margin-bottom: 15px;
	padding: 15px;

}

.container-1b-1b {
	width: 100%;
	height: 20px;
	
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/	
	background-color: #202d43;
	
}

.container-1b-1b buttom {
	width: 25px;
	height: 4px;
	margin-right: 5px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/

	color: #fff;	
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	text-decoration: none;
	cursor: pointer;
	
	/*border: 1px solid red;*/
	border: none;
	background-color: #fff;	
		
}

.container-1b-1b buttom:hover {
	color: darkorange;	
	
}

.container-1b-2 {
	width: 100%;
	height: auto;

	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/
	
	/*border: 1px solid red;*/
	background-color: #202d43;
	
}

.container-1b-2 table {
	width: 100%;
	height:auto;
	
	color: #f4f6f7;
	text-align: center;
	font-family:arial, helvetica, sans-serif;
	
	border-collapse: collapse;
	
	/*border: 1px solid red;*/
	background: none ;

}

.container-1b-2 table th {
	padding: 0.3em;
	padding-top: 10px;
	
	font-size: 13px;
	font-weight:bold;


	/*border: 1px solid red;*/
	/*background: none;*/

}

.container-1b-2 table td {
	/*height: 40px;*/
	
	padding: 0.3em;

	font-size: 12px;
	font-weight:normal;

	/*border: 1px solid red;*/
	/*background: none;*/
	
}

.container-1b-3 {
	width: 100%;
	height: 40px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #202d43;
	
}

.container-1b-3a {
	width: 20%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-left: 15px;
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.container-1b-3a 1 {
	color: darkorange;
	font-size: 12px;
	
}

.container-1b-3a label {
	margin-right: 5px;
	
	color: #fff;
	font-size: 11px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3a span {
	margin-right: 2px;
	
	color: #ddd;	
	font-size: 11px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3b {
	width: 60%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background: none;	
}

.container-1b-3b label {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3b span {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 11px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3b a {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3c {
	width: 20%;
	height: 100%;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: end; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-right: 15px;
	
	/*border: 1px solid red;*/
	background: none;	
	
}

.container-1b-3c label {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1b-3c span {
	margin-right: 2px;
	
	color: #fff;	
	font-size: 11px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/

	/*border: 1px solid red;*/
	
}

.container-1c {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 30px;
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}

.container-1c-1 {
	width: 100%;
	height: 550px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	/*background-color: #f2f2f2;*/
	background: none;	
	
}


.display-none {
    display:;
	
}

/** Contenedor 2 **/
.container-2 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 10px;
	padding-bottom: 50px;	
	
	/*border: 1px solid red;*/
	background-color: #dee6e8;
	
}

/**  Historias **/
.historias {
	width: 80%;
	height: auto;
	margin-bottom: 30px;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: start; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 1px;*/
	
	border: 1px solid #ddd;
	background: none;
	
}

.historias-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-1a {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 5%;
	padding-left: 10%;
	padding-right: 10%;
	
	/*border: 1px solid red;*/
	background: none;
	
}

.historias-1a img {
	width: 100%;
	height: auto;

	/*border-radius: 6px;*/

}

.historias-1b {
	width: 100%;
	height: 30px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background: none;
	
}

.historias-1b label {
	color: #333;
	font-size: 11px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

.historias-2 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2a {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2a-1 {
	width: 100%;
	height: 35px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2a-1 label {
	color: #333;
	font-size: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-transform: uppercase;*/	
	
}

.historias-2a-2 {
	width: 100%;
	height: 40px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 10px;
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2a-2 label {
	color: #333;
	font-size: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

.historias-2b {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2b-1 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-left: 10%;
	padding-right: 10%;		
	/*padding-bottom: 20px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2b-1 p {
	width: 100%;
	
	color: #222;
	font-size: 15px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	

	/*border: 1px solid red;*/
	
}

.historias-2b-2 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: start; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-left: 10%;
	padding-right: 10%;	
	/*padding-bottom: 20px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2b-2 p {
	width: 100%;
	
	color: #222;
	font-size: 15px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	

	/*border: 1px solid red;*/
	
}

.historias-2c {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2c-1 {
	width: 100%;
	height: 30px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: end; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2c-1 label {
	color: #333;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

.historias-2c-2 {
	width: 100%;
	height: 30px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-2c-2 label {
	color: #333;
	font-size: 12px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

.historias-2c-3 {
	width: 100%;
	height: auto;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: start; /*start, center, end*/

	box-sizing: border-box;	
	padding-bottom: 3%;
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-3 {
	width: 100%;
	height: 100%;
	
	position: relative;
    display: flex;
	flex-direction: column;
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	padding-top: 200px;
	padding-bottom: 200px;
	
	/*border: 1px solid red;*/
	background-color: #fff;
	
}

.historias-3 label {
	color: #333;
	font-size: 15px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/	
	
}

/** Botones **/
.btn-megusta-1 {
	width: auto;
	height: auto;
	margin-right: 2px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/

	color: #fff;	
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	cursor: pointer;
	
	border: none;
	/*border: 1px solid red;*/
	background: none;	
	
}

.btn-megusta-1 i {
	font-size: 20px;
	
}

.btn-agregar-1 {
	width: auto;
	height: auto;
	margin: 0px 10px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/

	color: darkcyan;	
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	text-decoration: none;
	cursor: pointer;
	
	border: none;
	/*border: 1px solid red;*/
	background: none;	
		
}

.btn-agregar-1 :hover {
	color: blue;	
	
}

.btn-agregar-1 i {
	font-size: 18px;
	
}

.btn-editar-1 {
	width: auto;
	height: auto;
	margin: 0px 10px;
	
	position: relative;
    display: flex;
	/*flex-direction: column;*/
    justify-content: center; /*start, center, end, between, around*/
    align-items: center; /*start, center, end*/

	box-sizing: border-box;	
	/*padding: 5px;*/

	color: darkcyan;	
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*text-transform: uppercase;*/
	text-decoration: none;
	cursor: pointer;
	
	border: none;
	/*border: 1px solid red;*/
	background: none;	
		
}

.btn-editar-1 :hover {
	color: blue;	
	
}

.btn-editar-1 i {
	font-size: 18px;
	
}

}