/* GENERAL */

@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300,500,700);
*{
margin:0; 
padding: 0; 
box-sizing: border-box; 
text-decoration: none;
}

html {
font-size: 10pt; 
font-family: 'Fira Sans', sans-serif; 
}

body{
background-color: #372d3b;
}

img {
border: 0;
}

.fijo {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 2;
box-sizing: border-box;
}

.fijo header{
background-color: #2b222d; 
height: 125px; 
width: 100%; 
top:0;
left:0;
padding: 2% 0; 
}

#logo {
float: left; 
width: 20%;
margin-top: 2%;
}

#acumar {
width: 10%;
float: left; 
padding-top: 4%; 
margin-left: 4%;
}

.fijo .subnav {
border-bottom: 1px solid #2b222d; 
top: 75px;
background-color: #372d3b; 
height: 100px;
padding: 2% 0 0 32%;
width: 100%;
margin: auto; 
z-index: 2;
}

.contenedor {
width: 960px;
}


/* NAV */
nav {
width: 100%
}

nav ul {
list-style-type: none; 
float: right; 
padding: 4% 0 0 11%; 
box-sizing: border-box; 
width: 66%;
}

nav ul .link {
text-align: center; 
position: relative;
float: left; 
box-sizing: border-box; 
width: auto; 
margin-left: 3%;
}

nav ul li a {
color: #fff5dc; 
font-family:'Fira Sans', sans-serif; 
font-weight: 400; 
font-size: 1.25rem; 
text-decoration: none;
}

/* MAIN */

.contenedor {
width: 960px; 
margin: auto; 
position: relative;
z-index: 1; 
}

main {
margin-top: 18%;
}

.clearer {
clear: both;
}

p {
color: #fff5dc; 
width: 100%; 
font-size: 1rem; 
font-weight: 300;
}

h1 {
font-size: 3.1rem; 
font-weight: 700; 
text-align: center; 
}

h2 {
font-size: 2.5rem; 
font-weight: 500; 
margin-bottom: 1%;
}

h3 {
font-size: 1.25rem; 
font-weight: 500; 
background-color: #fff5dc; 
color: #372d3b; 
padding: 4% 0; 
text-align: center; 
letter-spacing: 0.3rem; 
margin-bottom: 4%;
}

h4 {
color: #ff435a; 
font-size: 2.5rem; 
font-weight: 500;
margin: 5% 0 2% 0;
}

h5 {
color: #372d3b; 
background-color: #5fbba9; 
width: 100%; 
font-size: 0.9rem; 
padding: 2% 0; 
text-align: center;
}

.queres h5 {
margin: 5% 0 2% 0;
}

.queres a {
color: #fde59f; 
text-decoration: underline;
}

.bajada {
font-size: 1.5rem; 
font-weight: 400; 
margin-bottom: 2%;
}

img {
border: 0;
}

#vermas {
margin: auto 0 auto 1%;
}

.marco {
position: relative;
}

#mapa {
float: right; 
position: fixed; 
top: 65%;
right: 0px; 
z-index: 2;
}

#tituloseccion {
border: 1px solid; 
padding: 1.5%; 
box-sizing: border-box; 
width: auto; 
margin-bottom: 2%; 
float: left; 
}

strong {
color: #fde59f; 
font-weight: 500;
}



/* AUTORIDADES */

.autoridades {
width: 100%; 
min-height: 20%;
background:#372d3b; 
position: relative;
float: left; 
margin: 15% 0 5% 3%;
}

.autoridades ul {
list-style-type: none; 
}

.autoridades ul li img {
position: absolute; 
float: left;
}

#presidencia { 
width: 25%; 
bottom: 15%; 
left: 10%;
}

#provincia { 
width: 15%; 
bottom: 15%; 
left: 44.5%;
}

#caba {
width: 15%; 
bottom: 15%; 
left: 68.5%;
}

/* FOOTER */

footer {
width: 100%; 
min-height: 2%; 
position: relative; 
float: left; 
margin: 0;
color: #fff5dc; 
background:#2b222d;
}

footer .contenedor {
width: 960px; 
margin: auto; 
box-sizing: border-box; 
position: relative;
padding: 1.5% 0; 
}

footer .contenedor #ayuda {
float: left; 
margin: 1%
}
footer .contenedor ul {
list-style-type: none; 
margin: 0 auto;
}

footer .contenedor ul li {
float: right; 
margin: 1% 0.5% 1% 0;
}

footer .contenedor p {
font-family: 'Fira Sans', sans-serif; 
font-weight: 400; 
font-size: 0.8rem; 
text-align: center; 
margin: auto; 
width: 76%; 
}


footer .contenedor ul #footer {
text-align: center; 
float: left;
}


/*

COLORES

COMERCIANTE: #5fbba9
PASAJERO: #ff435a
INVERSOR: #f1941c
NEUTRO CLARO: #fff5dc
NEUTRO AMARILLO: #fde59f
FONDO MAIN: #372d3b
FONDO HEADER: #2b222d
NEUTRO VIOLETA CLARO: #9f8ac0

*/


/*-----------------------------  SECCION SOMOS -----------------------------------*/

#seccionsomos .fijo .subnav {
top: 75px;
background-color: #372d3b; 
height: 10%;
padding-top: 1%;
margin: 0 auto 3% auto; 
}

#seccionsomos #somos {
color: #9f8ac0;
}

#seccionsomos #comerciante:hover {
color: #5fbba9;
}

#seccionsomos #pasajero:hover {
color: #ff435a;
}

#seccionsomos #inversor:hover {
color: #f1941c;
}

#seccionsomos #mas:hover {
color: #9f8ac0;
}

#seccionsomos #tituloseccion {
border-color: #9f8ac0; 
}

#seccionsomos main .contenedor .arriba {
position: relative;
}

#seccionsomos main {
margin-top: 15%;
}

#seccionsomos .contenedor h1 {
color: #9f8ac0; 
}

#seccionsomos h2 {
color: #9f8ac0;
}

/* ARRIBA */
    
#seccionsomos .izquierda {
width: 65%; 
float: left;
}

#seccionsomos .derecha {
width: 30%; 
float: right;
}

        /* IZQUIERDA */

#seccionsomos .primero {
position: relative;
}

#seccionsomos .izquierda .primero .cuerpo {
width: 100%; 
float: left;  
}

#seccionsomos .izquierda .primero .cuerpo p {
-webkit-column-gap: 2%; 
-webkit-column-count: 2; 
-webkit-column-padding-right: 2%; 
}

#seccionsomos .izquierda .primero img {
width: 100%; 
margin-bottom: 3%;
}

#seccionsomos .izquierda .segundo img {
width: 100%; 
margin-right: 2%;
}

#seccionsomos .izquierda .primero .placa {
z-index: 2; 
position: absolute; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1.4rem; 
padding: 0.5% 0 0.5% 2%;
}

#seccionsomos .izquierda .primero #arriba {
top: 153px; 
width: 40%; 
}

#seccionsomos .izquierda .primero #abajo {
top: 195.5px; 
width: 48%; 
}

#seccionsomos .izquierda .segundo .cuerpo p {
width: 48%; 
float: right; 
}

#seccionsomos .izquierda .segundo img {
width: 48%; 
float: left;  
margin-right: 4%; 
}

#seccionsomos .destacado1 {
border: 2px solid;
padding: 3% ; 
box-sizing: border-box; 
height: auto; 
width: 100%; 
margin: 4% auto; 
float: left;
}

#seccionsomos .destacado1 {
border-color: #9f8ac0; 
}

#seccionsomos .destacado1 p {
color: #9f8ac0; 
font-size: 1.25rem; 
font-weight: 500; 
text-align: center;
} 

#seccionsomos .izquierda .separadorchico1 {
width: 30%; 
position: relative; 
top:55%; 
left: 35%; 
margin: 3% auto;
}

#seccionsomos .izquierda .separadorchico2 {
width: 30%; 
position: relative; 
top:75%;
left: 35%; 
margin: 3% auto;
}


        /* DERECHA */

#seccionsomos .derecha .foto {
width: 100%; 
margin-top: 5%;
}

#seccionsomos .compartir {
margin: 2% 0;
}



#seccionsomos h5 {color: #372d3b; 
background-color: #9f8ac0; 
width: 100%; 
font-size: 0.9rem; 
padding: 2% 0; 
text-align: center;
}

#seccionsomos .derecha article {
border-bottom: 1px solid #9f8ac0; 
padding-bottom: 4%;
}

#seccionsomos .derecha .queres h5 {
margin: 5% 0 2% 0;
}

#seccionsomos .derecha .queres a {
color: #fde59f; 
text-decoration: underline;
}

#seccionsomos .derecha .placa {
z-index: 2; 
position: absolute; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1rem; 
padding: 0.5% 0 0.5% 2%;
top: 140px;
}

#seccionsomos .derecha article {
position: relative;
}

#seccionsomos #placaplanta {
width: 80%; 
}

#seccionsomos #placajornada {
width: 60.5%; 
}

#seccionsomos .derecha #placamurales {
width: 83%; 
}


/* ABAJO */

#seccionsomos .abajo img {
width: 100%; 
margin-bottom: 1.5%;
}

#seccionsomos .abajo .tercero {
margin-right: 0;
}

#seccionsomos .abajo .cuerpo { 
width: 60%; 
float: left;  
font-size: 1.2rem; 
line-height: 1.5rem; 
-webkit-column-count: 2; 
-webkit-column-padding-right: 1%;
}

#seccionsomos .abajo .destacado2 {
width: 36%; 
float: left; 
text-align: left; 
color: #fde59f; 
font-size: 1.5rem; 
line-height: 2.6rem; 
margin-right: 2%;
border-bottom: solid 1px #9f8ac0;
border-top: solid 1px #9f8ac0;
padding: 2% 0;
}


/*------------ INTRO ABRI TU LOCAL ----------------------------------*/


#seccionabritulocal .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color: #5fbba9;
margin-right: 3%;
}

#seccionabritulocal .subnav .contenedor .seccionestarget:hover {
border-bottom: 2px solid #fff;
}

#seccionabritulocal .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #372d3b;
}

#seccionabritulocal .subnav .contenedor #seleccionado {
border: #5fbba9 solid 1px;
background-color: transparent;
}

#seccionabritulocal .subnav .contenedor #seleccionado p {
color: #5fbba9;
}

#seccionabritulocal #somos:hover {
color: #9f8ac0;
}

#seccionabritulocal #comerciante {
color: #5fbba9;
}

#seccionabritulocal #pasajero:hover {
color: #ff435a;
}

#seccionabritulocal #inversor:hover {
color: #f1941c;
}

#seccionabritulocal #mas:hover {
color: #9f8ac0;
}

 /* ARRIBA */

#seccionabritulocal .izquierda {
width: 60%; 
float: left;
}

#seccionabritulocal .derecha {
width: 33%; 
float: right;
}

#seccionabritulocal .derecha2 {
width: 33%; 
float: right;
}


    /* IZQUIERDA */

#seccionabritulocal .izquierda .primero .cuerpo p {
width: 48.5%;
float: left;
margin: 0 3% 4% 0;
padding-top: 4%;
}

#seccionabritulocal .izquierda .primero img {
width: 100%;
margin: 2% 0; 
}

#seccionabritulocal .izquierda .primero .cuerpo p:last-child {
margin-right: 0;
}

#seccionabritulocal .izquierda .primero .cuerpo p em {
color: #fde59f;
font-style: normal;
}

#seccionabritulocal .izquierda .primero .placa1 { 
z-index: 2;
position: absolute;
background-color: #fde59f; 
color: #372d3b; 
top: 441px;
font-size: 1.4rem; 
font-weight: 500;
width: 47%; 
padding-left: 2%;
}

#seccionabritulocal .izquierda .primero .placa2 {
z-index: 2;
position: absolute;
background-color: #fde59f;
color: #372d3b;
top: 477px;
font-size: 1.4rem; 
font-weight: 500;
width: 56%; 
padding-left: 2%;
}


#seccionabritulocal .izquierda .segundo {
padding-top: 6%; 
}

#seccionabritulocal .izquierda .segundo .columna1
{width: 44.5%;
float: left;
margin-right: 8%; 
padding-top: 3%; 
}

#seccionabritulocal .izquierda .segundo .columna2 {
width: 44.5%;
float: left; 
padding-top: 3%;
}

#seccionabritulocal .izquierda .segundo .columna2:last-child {
margin-right: 3%;
}

#seccionabritulocal main li {
font-weight: 400;
color: #fde59f;
font-size: 1.4rem; 
}

#seccionabritulocal .izquierda .segundo .columna1, #seccionabritulocal .izquierda .segundo .columna2{
list-style-image: url(../imagenes/abritulocal0/item2.svg);
}

 /* DERECHA */

#seccionabritulocal .derecha .inscribite {
width: 70%;
margin: 7% 11%;
}


#seccionabritulocal .derecha article {
border-bottom: 1px solid #5fbba9; 
padding-bottom: 4%;
}

#seccionabritulocal .derecha2 .twitter {
width: 100%;
margin-top: 10%;
}

#seccionabritulocal h2 {
color: #5fbba9;
}

/*---------------------------------PRECIOS---------------------------------------*/

#seccionprecios .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color: #5fbba9;
margin-right: 3%;
}

#seccionprecios .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #5fbba9;
}

#seccionprecios .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color:#5fbba9;
margin-right: 3%;
}

#seccionprecios .subnav .contenedor .seccionestarget:hover {
border-bottom: solid 2px #fff;
}

#seccionprecios .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #372d3b;
}

#seccionprecios .subnav .contenedor #seleccionado {
border:#5fbba9 solid 1px;
background-color: transparent;
}

#seccionprecios .subnav .contenedor #seleccionado p {
color: #5fbba9;
}


#seccionprecios #somos:hover {
color: #9f8ac0;
}

#seccionprecios #comerciante {
color: #5fbba9;
}

#seccionprecios #pasajero:hover {
color: #ff435a;
}

#seccionprecios #inversor:hover {
color: #f1941c;
}

#seccionprecios #mas:hover {
color: #9f8ac0;
}

#seccionprecios h2 {
color: #5fbba9;
}

/* ARRIBA */
    
#seccionprecios .izquierda {
width: 65%; 
float: left;
}

#seccionprecios .derecha {
width: 30%; 
float: right;
}


        /* IZQUIERDA */


#seccionprecios .izquierda-abajo {
width: 48%; 
float: left;
margin-right: 4%;
}


#seccionprecios .izquierda .segundo .placa1 {
z-index: 2; 
position: absolute; 
top: 142px; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1rem; 
width: 23%; 
padding: 0.5% 0.5% 0.5% 2%;
}

#seccionprecios .izquierda .segundo .placa2 {
z-index: 2; 
position: absolute; 
top: 176px; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1rem;
width: 30.5%; 
padding: 0.5% 0.5% 0.5% 2%;
}

#seccionprecios .izquierda .segundo .cuerpo p {
width: 48%; 
float: right; 
}

#seccionprecios .izquierda .segundo img, #seccionprecios .izquierda .izquierda-abajo {
width: 48%; 
float: left;  
margin-right: 4%; 
}

#seccionprecios .izquierda .izquierda-abajo:last-child {
margin-right: 0; 
}

#seccionprecios .izquierda .izquierda-abajo .foto {
width: 100%; 
}

#seccionprecios .izquierda .izquierda-abajo .placa1 {
z-index: 2; 
position: absolute; 
top: 125px; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1rem; 
padding: 0.5% 0.5% 0.5% 2%;
}

#seccionprecios .izquierda .izquierda-abajo .placa2 {
z-index: 2; 
position: absolute; 
top: 155px; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1rem; 
padding: 0.5% 0.5% 0.5% 2%;
}

#seccionprecios #placalagarde {
width: 76%; 
}

#seccionprecios #divisas {
width: 70%; 
}

#seccionprecios #inditex {
width: 49%; 
}

#seccionprecios #seguros {
width: 66.5%; 
}

#seccionprecios .destacado1 {
border: 1px solid #5fbba9; 
padding: 3% ; 
box-sizing: border-box; 
height: auto; 
width: 100%; 
margin: 6% auto; 
float: left;
}

#seccionprecios .destacado1 p {
color: #5fbba9; 
font-size: 1.25rem; 
font-weight: 500; 
text-align: center;
} 

#seccionprecios #bajadarubros, #seccionprecios #bajadarubros2 {
margin-bottom: 5%;
width: 100%;
}

#seccionprecios .izquierda .izquierda-abajo #listarubros {
margin-left: 0;
width: 100%;
}


        /* DERECHA */

#seccionprecios .derecha .foto {
width: 100%; 
margin-top: 5%;
}

#seccionprecios .compartir {
margin: 2% 0;
}

#seccionprecios h3 {
margin-bottom: 4%;
margin-top: 23%;
}

#seccionprecios #vermas {
margin: auto 0 auto 1%;
}

#seccionprecios h5 {
color: #372d3b; 
background-color: #5fbba9; 
width: 100%; 
font-size: 0.9rem; 
padding: 2% 0; 
text-align: center;
}

#seccionprecios .derecha article {
border-bottom: 1px solid #5fbba9; 
padding-bottom: 4%;
}

#seccionprecios .derecha .queres h5 {
margin: 5% 0 2% 0;
}

#seccionprecios .derecha .queres a {
color: #fde59f; 
text-decoration: underline;
}

#seccionprecios .derecha .placa {
z-index: 2; 
position: absolute; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1rem;  
padding: 0.5% 0.5% 0.5% 2%;
}

#seccionprecios .derecha article {
position: relative;
}

#seccionprecios #placaobras {
top: 76%;
width: 43%;
}

#seccionprecios #placaautoridades {
top: 76%;
width: 69%;
}

#seccionprecios .derecha #placareserva {
top: 74%;
width: 30%;
}

/* RUBRO */

#seccionprecios #elegirrubros {
padding-top:0%;
width: 100%;
margin: 7% 0;
z-index: 2;
background-color: #372d3b;
}

#seccionprecios #elegirrubros label {
color: #fde59f;
padding: 0%;
width: 17%;
font-size: 1.2rem;
float: left;
}


#seccionprecios #elegirrubros input {
border: solid 2px #5fbba9; 
background-color: #fff; 
color: #372d3b; 
width: 78%; 
padding: 0%; 
font-size: 1.25rem; 
margin-left: 5%;
float: left;
}

#seccionprecios #listarubros select {
border: solid 2px #5fbba9; 
background-color: transparent; 
color: #fff5dc; 
width: 78%; 
padding: 0%; 
font-size: 1.25rem; 
margin-left: 5%;
}

#seccionprecios #listarubros select option {
border: solid 2px #5fbba9; 
background-color: transparent;     
color: #372d3b;
}


#seccionprecios #listo {
float: left; 
margin: 6% 0 0 4%;
}

#seccionprecios #bajadarubros2 {
z-index: 1;
display: none;
color: #fde59f;
margin-top: -5%;
}

/*------------------------------ FORO ------------------------------------*/

#foro h5 {
color: #5fbba9; 
font-size: 1.5rem; 
font-weight: 400; 
margin: 10% 0 5% 0;
}

#foro .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color: #5fbba9;
margin-right: 3%;
}

#foro .subnav .contenedor .seccionestarget:hover {
border-bottom: solid 2px #fff;
}


#foro .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #372d3b;

}

#foro .subnav .contenedor #seleccionado {
border: #5fbba9 solid 1px;
background-color: transparent;
}

#foro .subnav .contenedor #seleccionado p {
color: #5fbba9;
}

#foro #somos:hover {
color: #9f8ac0;
}

#foro #comerciante {
color: #5fbba9;
}

#foro #pasajero:hover {
color: #ff435a;
}

#foro #inversor:hover {
color: #f1941c;
}

#foro #mas:hover {
color: #9f8ac0;
}

#foro h2 {
color: #5fbba9; 
}


#foro .arriba .bajada2 {
display: none;
color: #fae29c;
font-size: 1.5rem; 
font-weight: 400; 
margin-bottom: 5%;
}

/* ARRIBA */
    
#foro .arriba .izquierda {
width: 30%; 
float: left;
}

#foro .arriba .derecha {
width: 65%; 
float: right;
}

#foro .formulario {
width: 100%; 
margin-top: 5%;
z-index: 1;
}


/* IZQUIERDA */


#foro .formulario input {
background-color: #fae29c;
width: 100%; 
height: 40px;
font-size: 1rem;
margin-bottom: 12.5%;
color: #372d3b;
border-style: none;
}

#foro .formulario input:last-child {
margin-bottom: 0;
}

#foro .totalcolumna {
width: 100%; 
margin-bottom: 15%;
}



#foro .izquierda .flotaderecha {
float: right; 
}




        /* DERECHA */



#foro .derecha .flotaderecha {
float: right;
}

#foro h3 {
padding: 1% 0; 
margin-bottom: 1%;
width: 30%;
}

#foro .derecha textarea {
line-height: 1.5rem; 
width: 90%; 
background-color: #fae29c; 
color: #372d3b; 
font-size: 1rem;
min-height: 20rem;
resize: none;
font-family: 'Fira sans', sans-serif;
}

#foro  #listo2 {
padding: 36% 0 10% 0;
width: 7%;
}


    /* ABAJO */

#foro .abajo .izquierda {
width: 70%; 
float: left;
}

#foro .abajo .derecha {
width: 30%; 
float: right;
}

#foro #subtitulo {
color: #372e3b; 
font-size: 1.5rem; 
font-weight: 500; 
margin: 2% 0;
background-color: #fff3da;
text-align: center;
width: 30%;
}

#foro .estructuracomentario {
width: 72%;
float: left;
}

#foro .estructuracomentario .name {
color: #fde59f;
}

#foro .botones {
width: 26%;
float: right;
}

#foro .botones p {
text-decoration: none;
color: #372e3b;
text-align: center;
padding: 1%;
background: #5fbba9;
font-size: 1rem;
font-weight: 500;
margin-bottom: 5%;
}

#foro .estructuracomentario hr {
width: 20%;
size: 0.25px;
margin: 2% 0;
border-color: #fff2d9;
}

#foro article .estructuracomentario, #foro article .botones {
margin-top: 5%;
}  


/*-------------------ENCUESTA------------------------------------------*/


#introencuesta h2 {
color: #ff435a; 
font-size: 2.5rem; 
}

#introencuesta .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color: #ff435a;
margin-right: 3%;
}

#introencuesta .subnav .contenedor .seccionestarget:hover { 
border-bottom:  2px solid #fff;
}

#introencuesta .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #372d3b;
}

#introencuesta .subnav .contenedor #seleccionado {
border: #ff435a solid 1px;
background-color: transparent;
}

#introencuesta .subnav .contenedor #seleccionado p {
color: #ff435a;
}

#introencuesta #somos:hover {
color: #9f8ac0;
}

#introencuesta #comerciante:hover {
color: #5fbba9;
}

#introencuesta #pasajero {
color: #ff435a;
}

#introencuesta #inversor:hover {
color: #f1941c;
}

#introencuesta #mas:hover {
color: #9f8ac0;
}

#introencuesta .izquierda {
width: 60%; 
float: left;
}

#introencuesta .derecha {
width: 33%; 
float: right;
}


#introencuesta .cuerpo {
margin-top: 4%;
} 

#introencuesta .cuerpo p {
float: left;
width: 48.5%;
margin-right: 3%;
} 

#introencuesta .cuerpo p:last-child {
margin-right: 0;
} 

#introencuesta .destacado1 {
border: 2px solid #ff435a; 
padding: 3% ; 
box-sizing: border-box; 
height: auto; 
width: 100%; 
margin: 4% auto; 
float: left;
}

#introencuesta .destacado1 p{
color: #ff435a; 
font-size: 1.25rem; 
font-weight: 500; 
text-align: center;
} 

#introencuesta .derecha .inscribite {
width: 70%;
margin: 7% 11%;
}



/*-------------------RECORRIDOS------------------------------------------*/

#recorridos .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color: #ff435a;
margin-right: 3%;
}

#recorridos .subnav .contenedor .seccionestarget:hover { 
border-bottom:  2px solid #fff;
}

#recorridos .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #372d3b;

}

#recorridos .subnav .contenedor #seleccionado {
border: #ff435a solid 1px;
background-color: transparent;
}

#recorridos .subnav .contenedor #seleccionado p {
color: #ff435a;
}

#recorridos #somos:hover {
color: #9f8ac0;
}

#recorridos #comerciante:hover {
color: #5fbba9;
}

#recorridos #pasajero {
color: #ff435a;
}

#recorridos #inversor:hover {
color: #f1941c;
}

#recorridos #mas:hover {
color: #9f8ac0;
}

/* ARRIBA */
    
#recorridos .izquierda {
width: 60%;
float: left;
}

#recorridos .derecha {
width: 33%; float: right;
}

#recorridos .derecha2 {
width: 33%;
float: right;
}

    /* IZQUIERDA */

#recorridos .izquierda .primero .cuerpo p {
width: 48.5%;
float: left;
margin: 0 3% 4% 0;
padding-top: 4%;}

#recorridos .izquierda .primero .cuerpo p:last-child {
margin-right: 0;
}

#recorridos .izquierda .primero .cuerpo p em {
color: #fde59f; 
font-style: normal;
}

 /* DERECHA */
#recorridos .derecha .completarencuesta {
margin: 4%;
width: 70%;
}

/*MAPA*/

#mapascreen {
width: 100%; 
}

#recorridos .placa .placa1 {
z-index: 1; 
position: absolute;
top: 450px; 
background-color: rgba(55, 45, 59, 0.76);
border: 3px solid #372d3b;
width: 17%;
margin-left: 5%;
padding: 1%;
}

#recorridos .placa .placa2 {
z-index: 1; 
position: absolute;
top: 100px; 
background-color: rgba(55, 45, 59, 0.76);
border: 3px solid #372d3b;
width: 13%;
margin-left: 32%;
padding: 1%;
}

#recorridos .placa .placa3 {
z-index: 1; 
position: absolute;
top: 370px; 
background-color: rgba(55, 45, 59, 0.76);
border: 3px solid #372d3b;
width: 17%;
margin-left: 75%;
padding: 1%;
}

 
/*ABAJO*/

.contenedor2 {
width: 960px;
margin: 0 auto 0 auto;
position: relative;
z-index: 1; 
}

#recorridos main .contenedor2{
padding-top: 4%;
}

#recorridos main .contenedor .abajo {
position: relative;
}

/*IZQUIERDA*/

#recorridos .contenedor2 .abajo .izquierda {
width: 33%;
float: left;
margin-bottom: 8%;}

#recorridos #datos1 {
margin: 9% 0;
} 

#recorridos #datos2 {
margin-top: 2%;
} 

/*DERECHA*/

#recorridos .contenedor2 .abajo .derecha {
width: 67%;
float: left;
margin-bottom: 8%;}


#recorridos #zonas1 {
width: 99%;
padding-bottom: 5%;

}

#recorridos #zonas2 {
width: 95%;
padding-bottom: 5%;
}

#recorridos #zonas3 {
width: 95%;
padding-bottom: 5%;
}


#recorridos .derecha .columna1 {
width: 29%;
float: left;
margin-right: 8%;
padding-top: 5%;
}

#recorridos .derecha .columna2 {
width: 30%;
margin: 5% 0% 0 -2%;
float: left;

}

#recorridos .derecha .columna3 {
width: 30%;
margin-top: 5%;
float: right;}

#recorridos .derecha .columna3:last-child {
margin-right: 0;
}



/*DESTACADO*/

#recorridos .destacado {
border: 2px solid #ff435a; 
padding: 3% ; 
box-sizing: border-box; 
height: auto; 
width: 100%; 
margin: 4% auto; 
float: left;
}

#recorridos .destacado p {
color: #ff435a; 
font-size: 1.25rem; 
font-weight: 500; 
text-align: center;
} 

/*PORCENTAJES*/

#recorridos .abajo .derecha .col1 {
width: 40%;
margin-right: 12%;
float: left;
}


#recorridos .contenedor2 .abajo .derecha .col2 {
width: 40%;
float:left;
}

#recorridos .contenedor2 .abajo .derecha .col2:last-child {
margin 0;
}

#recorridos .col1 #porcentajes1 {
width: 45%;
float: left;
margin-right: 9%;
}


#recorridos .col2 #porcentajes2 {
width: 45%;
float: left;
margin-right: 9%;
}

#recorridos .col1 p {
width: 280px;
padding-top: 7%;
}

#recorridos .col2 p {
width: 280px;
padding-top: 7%;
}

#recorridos h2 {
color: #ff435a;
}

#recorridos h3 {
font-size: 1.2rem; 
font-weight: 500; 
background-color: transparent; 
color: #fde59f; 
padding: 0; 
text-align: left; 
letter-spacing: 0; 
margin-bottom: 0;
}

/*-------------------------- NOTICIAS --------------------------------------*/

#noticias h2 {
color: #ff435a; 
}

#noticias .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color: #ff435a;
margin-right: 3%;
}

#noticias .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #ff435a;
}

#noticias .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color: #ff435a;
margin-right: 3%;
}

#noticias .subnav .contenedor .seccionestarget:hover {
border-bottom: solid 2px #fff;
}

#noticias .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #372d3b;
}

#noticias .subnav .contenedor #seleccionado {
border: #ff435a solid 1px;
background-color: transparent;
}

#noticias .subnav .contenedor #seleccionado p {
color: #ff435a;
}

#noticias #somos:hover {
color: #9f8ac0;
}

#noticias #comerciante:hover {
color: #5fbba9;
}

#noticias #pasajero {
color: #ff435a;
}

#noticias #inversor:hover {
color: #f1941c;
}

#noticias #mas:hover {
color: #9f8ac0;
}

  /* ARRIBA */
    
#noticias .izquierda {
width: 65%; 
float: left;
}

#noticias .derecha {
width: 30%; 
float: right;
}


        /* IZQUIERDA */


#noticias .izquierda .izquierda-abajo {
width: 48%; 
float: left;
margin-right: 4%;
}


#noticias .izquierda .placa {
z-index: 2; 
position: absolute; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1rem; 
padding: 0.5% 0 0.5% 2%;
}

#noticias .izquierda #placaolimpiadas1 {
width: 20%;
top: 171px;
}

#noticias .izquierda #placaolimpiadas2 {
width: 30%;
top: 205px;
}


#noticias .izquierda .segundo .cuerpo p {
width: 48%; 
float: right; 
}

#noticias .izquierda .segundo img, #noticias .izquierda .izquierda-abajo {
width: 48%; 
float: left;  
margin-right: 4%; 
}

#noticias .izquierda .izquierda-abajo:last-child {
margin-right: 0; 
}

#noticias .izquierda .izquierda-abajo .foto {
width: 100%; 
}


#noticias .destacado1 {
border: 2px solid #ff435a; 
padding: 3% ; 
box-sizing: border-box; 
height: auto; 
width: 100%; 
margin: 4% auto; 
float: left;
}

#noticias .destacado1 p {
color: #ff435a; 
font-size: 1.25rem; 
font-weight: 500; 
text-align: center;
} 

#noticias .izquierda .separadorchico1 {
width: 30%; 
position: relative; 
top:55%; 
left: 35%; 
margin: 3% auto;
}

#noticias .izquierda .separadorchico2 {
width: 30%; 
position: relative; 
top:75%;
left: 35%; 
margin: 3% auto;
}


#noticias #placainauguracion1, #noticias #placalanus1 {
top: 125px;
} 

#noticias #placainauguracion2, #noticias #placalanus2 {
top: 155px;
} 

#noticias #placainauguracion1 {
width: 48%;
} 

#noticias #placainauguracion2 {
width: 50%;
} 

#noticias #placalanus1 {
width: 44%;
} 

#noticias #placalanus2 {
width: 49%;
} 



        /* DERECHA */

#noticias .derecha .foto {
width: 100%; 
margin-top: 5%;
}

#noticias .compartir {
margin: 2% 0;
}

#noticias h3 {
font-size: 1.25rem; 
font-weight: 500; 
background-color: #fff5dc; 
color: #372d3b; 
padding: 4% 0; 
text-align: center; 
letter-spacing: 0.3rem; 
margin-bottom: 4%;
}

#noticias #vermas {
margin: auto 0 auto 1%;
}

#noticias h5 { 
background-color: #ff435a; 
}

#noticias .derecha article {
border-bottom: 1px solid #ff435a; 
padding-bottom: 4%;
}

#noticias .derecha .placa {
z-index: 2; 
position: absolute; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1rem; 
padding: 0.5% 0 0.5% 2%;
}

#noticias .derecha article {
position: relative;
}


#noticias #placaobras {
top: 77%;
width: 55.5%;
}

#noticias #placaautoridades {
top: 76%;
width: 59%;
}

#noticias .derecha #placareserva {
top: 76%;
width: 70.5%;
}

/*-------------------------- QUIERO INVERTIR ------------------------------------*/


#seccionquieroinvertir .fijo .subnav {
padding: 2% 0 0 40%;
}

#seccionquieroinvertir .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color: #f1941c;
margin-right: 3%;
}


#seccionquieroinvertir .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #372d3b;
}

#seccionquieroinvertir .subnav .contenedor .seccionestarget:hover {
border-bottom: 2px solid #fff;
}

#seccionquieroinvertir .subnav .contenedor #seleccionado {
border: #f1941c solid 1px;
background-color: transparent;
}

#seccionquieroinvertir .subnav .contenedor #seleccionado p {
color: #f1941c;
}

#seccionquieroinvertir #somos:hover {
color: #9f8ac0;
}

#seccionquieroinvertir #comerciante:hover {
color: #5fbba9;
}

#seccionquieroinvertir #pasajero:hover {
color: #ff435a;
}

#seccionquieroinvertir #inversor {
color: #f1941c;
}

#seccionquieroinvertir #mas:hover {
color: #9f8ac0;
}

#seccionquieroinvertir main .contenedor .arriba {
position: relative;
}

.izquierda {width: 60%; float: left;}
.derecha {width: 33%; float: right;}
.derecha2 {width: 33%; float: right;}



/* IZQUIERDA */
#seccionquieroinvertir .izquierda .primero .cuerpo p {
width: 48.5%;
margin:0 3% 5% 0;
float: left; 
padding-top: 3%;
}

#seccionquieroinvertir .izquierda .primero .cuerpo p:last-child {
margin-right:0;
}

#seccionquieroinvertir .izquierda .segundo {
padding-top: 50%;
}
#seccionquieroinvertir .izquierda .segundo .columna1 {
width: 48.5%; 
float: left;
font-weight: 400;
margin-right: 3%;
}

#seccionquieroinvertir .izquierda .segundo .columna2 {
width: 48.5%; 
float: left;
font-weight: 400;
}

#seccionquieroinvertir .izquierda .segundo .columna2:last-child {
margin-right: 0;
}

#seccionquieroinvertir main li {
font-weight: 400;
color: #fde59f;
}

#seccionquieroinvertir .izquierda .segundo .columna2, #seccionquieroinvertir .izquierda .segundo .columna1 {
list-style-image: url(../imagenes/quieroinvertir/item3.svg)
;}


/* DERECHA */


#seccionquieroinvertir .derecha .inscribite {
width: 73%; 
margin: 6% 10%; 
}

#seccionquieroinvertir .inscribite  {
width: 100%; 
margin: 0;}

#seccionquieroinvertir .derecha2 .twitter {
width: 84%; 
padding-left:
8%;padding-top: -4%;
}

#seccionquieroinvertir .destacado1 {
border: 2px solid #f1941c; 
padding: 2% ; 
box-sizing: border-box;
height: auto; 
width: 60%; 
margin:4% 0; 
float: left;
text-align: center;
padding-top: -20%;
font-weight:700;
}

#seccionquieroinvertir .destacado1 p {
color: #f1941c; 
text-align: center;
font-size: 1.5rem;
}

#seccionquieroinvertir span {
color: #fde59f; 
text-align: center;
}

#seccionquieroinvertir h2 {
color: #f1941c;
}



/*-------------------------- ESTADÍSTICAS ------------------------------------*/


#estadisticas .fijo .subnav {
padding: 2% 0 0 40%;
}

#estadisticas .subnav .contenedor .seccionestarget {
width: 14%;
float: left;
padding: 1%;
background-color: #f1941c;
margin-right: 3%;
}

#estadisticas .subnav .contenedor .seccionestarget:hover {
border-bottom: solid 2px #fff;
}

#estadisticas .subnav .contenedor .seccionestarget p {
font-weight: 500;
font-size: 1rem;
text-align: center;
color: #372d3b;

}

#estadisticas .subnav .contenedor #seleccionado {
border: #f1941c solid 1px;
background-color: transparent;
}

#estadisticas .subnav .contenedor #seleccionado p {
color: #f1941c;
}

#estadisticas #somos:hover {
color: #9f8ac0;
}

#estadisticas #comerciante:hover {
color: #5fbba9;
}

#estadisticas #pasajero:hover {
color: #ff435a;
}

#estadisticas #inversor {
color: #f1941c;
}

#estadisticas #mas:hover {
color: #9f8ac0;
}


#estadisticas .izquierda {
width: 30%; 
float: left;
}

#estadisticas .derecha {
width: 65%; 
float: right;
}

        /* IZQUIERDA */

#estadisticas h2 {
color: #f1941c;
}

#estadisticas h6 {
color: #f1941c; 
font-size: 1.5rem; 
font-weight: 400; 
margin: 10% 0 5% 0;
}

#estadisticas .izquierda .cuerpo {
width: 100%; 
margin-bottom: 20%;
}

#estadisticas .totalcolumna {
width: 100%; 
margin-bottom: 15%;
}

#estadisticas #construccion {
width: 100%;
}

#estadisticas .izquierda .cincuenta {
float: left; 
width: 35%;
}

#estadisticas .izquierda .flotaderecha {
float: right; 
width: 60%;
}

#estadisticas .segundafila {
margin-top: 20%;
}

#estadisticas .izquierda .porcentajes div {
margin-bottom: 10%;
}

#estadisticas .izquierda .porcentajes div:last-child {
margin-bottom: 0;
}


        /* DERECHA */

#estadisticas .derecha .totalcolumna {
width: 100%; 
margin-bottom: 11%;
}

#estadisticas #pesos {
margin-top: 13%;
}

#estadisticas #construccion {
margin-top: 9%;
}

#estadisticas .derecha .flotaderecha {
float: right;
}

#estadisticas .derecha #hablan {
width: 42%; 
float: left;
}

#estadisticas .derecha #precios {
width: 50%; 
float: right;
}

    /* ABAJO */

#estadisticas #subtitulo {
color: #f1941c; 
font-size: 1.5rem; 
font-weight: 400; 
margin: 5% 0 2% 0;
}

#estadisticas .abajo .totalcolumna {
width: 100%; 
margin-bottom: 2%;
}

#estadisticas #habitantes, #camino {
width: 48.5%; 
float: left; 
}

#estadisticas #habitantes {
margin-right: 3%;
}

#estadisticas .abajo .placa {
z-index: 2; 
position: absolute; 
color: #372d3b; 
background-color: #fde59f; 
font-weight: 500; 
font-size: 1.4rem; 
padding: 0.5% 0 0.5% 2%;
}

#estadisticas #camino {
margin-right: 0;
}

#estadisticas .abajo #arriba1, #estadisticas .abajo #arriba2 {
top: 190px;
}

#estadisticas .abajo #arriba1 {
width: 33%;
}

#estadisticas .abajo #arriba2 {
width: 39%;
}

#estadisticas .abajo #abajo1, #estadisticas .abajo #abajo2 {
top: 230px;
}
    
#estadisticas .abajo #abajo1 {
width: 26%;
}

#estadisticas .abajo #abajo2 {
width: 34%;
}



/*-------------------------- AGENDA ---------------------------------------------*/

#seccionagenda main {
margin-top: 13%;
}

#seccionagenda .contenedoragenda {
margin: 0 auto;
max-width:960px;
position: relative;
background-color:#372d3b;
z-index: 1; 
}


#seccionagenda  #somos:hover {
color: #9f8ac0;
}

#seccionagenda  #comerciante:hover {
color: #5fbba9;}

#seccionagenda  #pasajero:hover {
color: #ff435a;
}

#seccionagenda  #inversor:hover {
color: #f1941c;
}

#seccionagenda  #mas {
color: #9f8ac0;
}

.sectionagenda {
width: 70%; 
margin:0% 7% 0 2%;
position: relative; 
float: left;
}

#seccionagenda .calendario{
width: 20%;
margin:2.5% 0 0 2%;
position: relative; 
float: left;
}

#seccionagenda .sectionagenda ul {
list-style-type: none;
width: 100%;
min-height: 10%; 
box-sizing: border-box; 
margin-top: 5%;
}
#seccionagenda .sectionagenda ul li{
width: 20%; 
min-height: 10%; 
margin-right: 5%; 
float: left;
position: relative
}

#seccionagenda .contenedoragenda #tituloseccion {
border: 1px solid #9f8ac0;
padding: 2% ;
box-sizing: border-box; 
height: auto; 
width: auto; 
margin: 8% 0; 
float: left; 
}

#seccionagenda .contenedoragenda h1 {
font-size: 3.1rem; 
color: #9f8ac0; 
font-weight: 700;
text-align: center; 
margin-top: 4%
}

#seccionagenda #imgpublicidad{
margin-top: 6%;
}

#seccionagenda .charlas {
position: relative; 
float: left; 
width: 100%; 
min-height: 30%;
}

#seccionagenda .flecha {
margin:0 1%;
}

#seccionagenda .charlascomerciantes { 
background-color: #5fbba9;
padding: 1%;
color: #372d3b;
font-weight: 700;
font-size: 1.4rem;
box-sizing: border-box;
}

#seccionagenda .charlaspasajeros {   
background-color: #ff435a;
padding: 1%;
color: #372d3b;
font-weight: 700;
font-size: 1.4rem;
box-sizing: border-box;
}

#seccionagenda .charlasinversores {    
background-color: #f1941c;
padding: 1%;
color: #372d3b;
font-weight: 700;
font-size: 1.4rem;
box-sizing: border-box;
}

#seccionagenda .eventocom {
width: 100%; 
min-height: 10%; 
position: relative; 
float: left;
border-bottom: #fff5dc 1px solid
}

#seccionagenda .eventopasa {
width: 100%;
min-height: 10%; 
position: relative;
float: left;
border-bottom: #fff5dc 1px solid
}

#seccionagenda .eventoinv  {
width: 100%;
min-height: 10%;
position: relative;
float: left;
border-bottom:
#fff5dc 1px solid
}

#seccionagenda .ultimoeventoinv {
width: 100%; 
min-height: 10%; 
position: relative; 
float: left; 
margin-bottom: 13%;
}

#seccionagenda .ultimoeventocom {
width: 100%;
min-height: 10%;
position: relative; 
float: left;
margin-bottom: 3%;
border-bottom: none
}

#seccionagenda .ultimoeventocom .nombre h3 {
color: #5fbba9; 
padding: 4% 0 0 0; 
font-weight: 400;   
font-size: 1.2rem; 
box-sizing: border-box;
background-color: transparent;   
text-align: left; 
letter-spacing: 0; 
margin-bottom: 0;
}


#seccionagenda .ultimoeventocom .nombre p {
padding-top: 0%;
color:#fae39c;
font-weight: 300; 
font-size: 0.9rem;
}

#seccionagenda .ultimoeventopasa {
width: 100%; 
min-height: 10%;
position: relative;
float: left; 
margin-bottom: 3%; 
border-bottom: none
}

#seccionagenda .ultimoeventopasa .nombre p {
padding-top: 0%;
color:#fae39c;
font-weight: 300; 
font-size:  0.9rem;
}

#seccionagenda .ultimoeventopasa .nombre h3 {
color: #ff435a; 
padding:4% 0 0 0; 
font-weight: 400;
font-size: 1.2rem; 
box-sizing: border-box;
background-color: transparent;   
text-align: left; 
letter-spacing: 0; 
margin-bottom: 0;
}

.eventocom .nombre p {
padding-top: 0%;
color:#fae39c;
font-weight: 300;
font-size: 0.9rem;
}
.eventocom .nombre h3 { 
color: #5fbba9; 
padding: 4% 0 0 0; 
font-weight: 400;   
font-size: 1.2rem; 
box-sizing: border-box;
background-color: transparent;   
text-align: left; 
letter-spacing: 0; 
margin-bottom: 0;
}

#seccionagenda .eventopasa .nombre p {
padding-top: 0%;
color:#fae39c;
font-weight: 300;
font-size:  0.9rem;
}

#seccionagenda .eventopasa .nombre h3 {
color: #ff435a;
padding:4% 0 0 0;
font-weight: 400;
font-size: 1.2rem;
box-sizing: border-box;
background-color: transparent;   
text-align: left; 
letter-spacing: 0; 
margin-bottom: 0;
}

#seccionagenda .eventoinv .nombre p {padding-top: 0%;
color:#fae39c;
font-weight: 300;
font-size:  0.9rem;
}

#seccionagenda .eventoinv .nombre h3 {
color: #f1941c;
padding:4% 0 0 0;
font-weight: 400;
font-size: 1.2rem;
box-sizing: border-box;
background-color: transparent;   
text-align: left; 
letter-spacing: 0; 
margin-bottom: 0;
}

#seccionagenda .ultimoeventoinv .nombre p {
padding-top: 4%;
color:#fae39c;
font-weight: 300; 
font-size:  0.9rem;
}

#seccionagenda .ultimoeventoinv .nombre h3 {
color: #f1941c; 
padding:4% 0 0 0;
font-weight: 400;
font-size: 1.2rem; 
box-sizing: border-box;
background-color: transparent;   
text-align: left; 
letter-spacing: 0; 
margin-bottom: 0;
}

#seccionagenda .nombre {
width: 24%; 
min-height: 10%; 
margin: 4% 2% 0 0;  
position: relative;
float: left; 
}

#seccionagenda .descripcion  {
width: 55%; 
min-height: 10%;
margin: 4% 0 0 2%;
position: relative;
float: left; 
}

#seccionagenda .vermas  {
width: 11%; 
min-height: 10%;
margin:6.5% 0 0 6% ;
position: relative; 
float: left;
}

#seccionagenda .descripcion p{
color:#fff5dc;
font-weight: 300;
font-size: 1rem;
padding:2% 0 6% 0;
}

#seccionagenda .vermas p{
color:#fff5dc; 
font-weight: 300; 
font-size: 0.9rem;
padding-top:9%; 
}

#seccionagenda .iconomas {
width: 20%;
position: relative;
float: left;
margin: 10% 9% 0 0;
}


/*------------------ ERROR -----------------------*/


#error #somos:hover {
color: #9f8ac0;
}

#error #comerciante:hover {
color: #5fbba9;
}

#error #pasajero:hover {
color: #ff435a;
}

#error #inversor:hover {
color: #f1941c;
}

#error #mas:hover {
color: #9f8ac0;
}


/*CENTRO*/

#error main {
margin-top: 14%;
}

#error .centro{
margin-bottom: 6.5%;
}

#error .centro #gif{
width: 27%;
margin-left: 36%;
}

#error .centro h3 {
font-weight: 700;
font-size: 2rem;
color:#9f8ac0;
text-align: center;
background-color: transparent; 
padding: 0; 
letter-spacing: 0; 
margin-bottom: 0.5%;
}

#error p {
text-align: center;
color: #fff5dc;
margin-bottom: 1.5%;
}

#error p em {
font-weight: 400;
color:#fde59f;
font-style: normal;
margin-bottom: 12%;
font-size: 1.5rem;
}


/*-------------MAPA ACUMAR -------------------*/

#mapaacumar main {
margin-top: 0;
}

#mapaacumar #somos:hover {
color: #9f8ac0;
}

#mapaacumar #comerciante:hover {
color: #5fbba9;
}

#mapaacumar #pasajero:hover {
color: #ff435a;
}

#mapaacumar #inversor:hover {
color: #f1941c;
}

#mapaacumar #mas:hover {
color: #9f8ac0;
}