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

/* //////////////////////////////////// RESET CSS //////////////////////////////////// */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, form, fieldest{
    padding:0;
    margin:0;
    font-size:100%;
    font-weight:normal;
}

ol{
    margin-left:1.4em;
    list-style:decimal;
}

ul{ 
    margin-left:1.4em;
    list-style:square;
}

img{
    border:0;
} 

/* /////////////////////////////////////////////////////////////////////////////////// */

body{ 
    width: 1450px; 
    font-size: 14px;
    text-align: center;
    font-family: arial,sans-serif;
}

#contenedor {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#contenedor > div {
    width: 50%;
}

#imagen{ 
    position: relative;
    top: 370px; 
    left: -41.5%;
}

#titulo1{
    margin-top:40%;
    margin-bottom:50px;
    margin-left: 160px;
	text-align: left;
    font-size: 60px; 
}

#titulo11{
    color: #6A0888; /* Morado */
    cursor:default;
}

#titulo12{
    color: green; /* Verde */
    cursor:default;
}

#titulo13{
    color: grey; /* Gris */
    cursor:default;
}

#eslogan{ 
    color: black;
    margin-top:50px;
    margin-bottom:50px;
    margin-left: -50px;
    font-size: 40px;
    cursor:default;  
}

#botonSeleccion0, #botonSeleccion1, #botonSeleccion2{ 
    width: 186px;
    padding: 8px;
    font-size: 16px;
    color: #6A0888; 
    background: transparent; 
    font-weight: bold; 
    border: 0px;
    cursor: pointer;
    margin-top: 60px;
}

#botonSeleccion1, #botonSeleccion2{
    margin-left: -60px;
    color: green;
}

#seccion0, #seccion1, #seccion2{ 
    width: 340px;
    text-align: justify;
}

.seccion22{ 
    text-align: center;
}

.comentario{ 
    line-height: 1.5;
    margin-top: 35px;
    color: #6A0888; 
    cursor:default;
}

#botonInstalar{ 
    width: 100px;
    margin-top: 10px;
    padding: 8px;
    color: #6A0888; 
    background: transparent; 
    border: 0.5px #6A0888 dotted;
    border-radius: 2px;
    cursor:pointer;
    text-align: center;
}

#botonPolitica{ 
    width: 250px;
    padding: 8px;
    color: #6A0888; 
    background: transparent; 
    border: 0.5px #6A0888 dotted;
    border-radius: 2px;
    cursor:pointer;
    text-align: center;
}