@charter "utf-8";

@font-face {
    font-family: 'latoregular';
    src: url('lato-regular-webfont.eot');
    src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-regular-webfont.woff2') format('woff2'),
         url('lato-regular-webfont.woff') format('woff'),
         url('lato-regular-webfont.ttf') format('truetype'),
         url('lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latosemibold';
    src: url('lato-semibold-webfont.eot');
    src: url('lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-semibold-webfont.woff2') format('woff2'),
         url('lato-semibold-webfont.woff') format('woff'),
         url('lato-semibold-webfont.ttf') format('truetype'),
         url('lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* CODIGO COLORES 

background logo #161b24
background color nav #349291
links #fffefe  ó  hover: 96,195,194
ingresar fondo #b3d0a2
ingresar link #161b24
footer links background #6fb196
footer links color #161b24
footer back #161b24
footer texto #597c8e
2 fondo #305b70
fondo side?? #1b807f

*/


/*      BODY       */

body {
    background-color: #284857;
    display:block;
    align-content: center;
    font-family: 'latoregular';
    max-width: 960px;
    height: auto;
    margin: auto;
}

h1 {
    font-family: 'latoregular';
}

body section header {
    margin: 1,5em 1,5em;
    padding: 10px 5px;
    text-align: center;
    color: #ddd;
}

/*      LOGO       */

header img {
    margin: 0.8em 0em 0.6em 0.8em;
    padding: 0;
}

header {
    margin-bottom: 5px;
    background-color: #161b24;    
    width:100%;
}

@media (max-width:780px) {
    header img {
        width: 60%;
    }
}

/*     MENU DESPLEGABLE   */

* {
padding:0;
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
  
.menu_bar {
display:none;
}
 
header {
width: 100%;
}
 
header nav {
background:#349291;
z-index:1000;
max-width: 1000px;
width:100%;
margin-bottom: 10px;
}
 
header nav ul {
list-style:none;
display:flex;
justify-content: space-around;
}
 
header nav ul li {
display:inline-block;
position: relative;
}
 
header nav ul li:hover {
background:rgba(96,195,194,0.3);
}
 
header nav ul li a {
color:#fffefe;
display:block;
text-decoration:none;
padding: 20px;
}
 
header nav ul li a span {
margin-right:10px;
}
 
header nav ul li:hover .children {
display:block;
}
 
header nav ul li .children {
display: none;
background:#284857;
position: absolute;
width: 150%;
z-index:1000;
}
 
header nav ul li .children li {
display:block;
overflow: hidden;
border-bottom: 1px solid rgba(255,255,255,0.3);
}
 
header nav ul li .children li a {
display: block;
}
 
header nav ul li .children li a span {
float: right;
position: relative;
top:3px;
margin-right:0;
margin-left:10px;
}
 
header nav ul li .caret {
position: relative;
top:3px;
margin-left:10px;
margin-right:0px;
}
 
@media screen and (max-width: 800px) {
body {
padding-top:60px;
}
 
.menu_bar {
display:block;
width:100%;
height: 60px;
position: fixed;
top:0;
background:#349291;
}
 
.menu_bar .bt-menu {
display: block;
padding: 10px 20px;
color: #fff;
overflow: hidden;
font-size: 30px;
font-weight: bold;
text-decoration: none;
}
 
.menu_bar span {
float: right;
font-size: 25px;
}
 
header nav {
width: 80%;
height: calc(100% - 80px);
position: fixed;
right:100%;
margin: 0;
overflow: scroll;
}

header nav ul {
list-style:none;
    display:block;
}
    
header nav ul li {
display: block;
border-bottom:1px solid rgba(255,255,255,.5);
}
 
header nav ul li a {
display: block;
}
 
header nav ul li:hover .children {
display: none;
}
 
header nav ul li .children {
width: 100%;
position: relative;
}
 
header nav ul li .children li a {
margin-left:20px;
}
 
header nav ul li .caret {
float: right;
}
}

/*     SECTION   */

article p {
    font-size: 14px;
}

section article h3 {
    color: #f4cc6a;
    text-decoration: underline;
    font-family: 'latoregular';
    margin-bottom: 5px;
}

section article div img {
    margin-top: 4px;
    width: auto;
    
}

section .intro p {
    color: #fff;
    text-align: center;
    margin: 10px;
    background-color: #2e5b72;
    padding: 0.5em;
}

section article img {
    margin: 0px;
    padding: 4px;
    width: 30%;
    height: auto;
}

section article {
    margin-top:10px;
    margin-bottom: 10px;
}

@media screen and (max-width:780px){
    section img{
        width:100%;
    }
    section div article img {
        width:auto; 
        margin-bottom: 2px;
    }   
}

section article div div img  {
    height: 300px;
    width: auto;
}

.header-linea{
    background-color: transparent;
}
    

.linea{
    color: white;
    border: 2px solid white;
    position: absolute;
    padding: 3.5em 5em 3.5em 5em;
    margin: 1em 3em 1em 3em;
    font-size: 20px;
    text-align: center;

}

.ramales h5{
    position: absolute;
    text-align: right;
    font-size: 10px;
}

/*  FOTOS  */

.imagenbondi{
    width: 960px;
    height: auto;
    padding: 1em 0,5em 1em 0,5em;
}

section article #img-article img{
    width: 500px;
}
    
/* SEARCH */

#searchbox {
    background-color: #f08b77;
    border-style: solid;
    border-color: #d16f5b;
    width: 100%;
    height: 65px;
    padding: 0.6em 2em;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: center
}

#search {
    padding: 1em;
    height: 30px;
    width: 80%;
    border: 1px solid #a4c3ca;
    font: sans-serif;
    background: #f1f1f1;        
}

#submit{       
    background-color: #e5e5e5;
    border-style: solid;
    border-color: #d16f5b;
    height: 35px;
    margin: 0 0 0 10px;
    padding: 0;
    width: 90px;
    cursor: pointer;
    font: bold 14px 'latoregular';
    color: #23441e;    
}

#submit:hover {       
    background-color: #fcc2b6;
}   

#submit:active {       
    background: #fcc2b6;
    outline: none;
}

@media (max-width:780px) {
    #search {
    padding: 0.5em;
    width: 90%;
}

#submit{       
    margin-top: 10px;
    padding: 0;
    width: 80px;
    font: bold 12px 'latoregular';  
}
    #searchbox {
        padding: 0.5em;
    width: 100%;
    height: 100px;
    
    }
}

/*    TEXTO FINAL  */

.infofinal article {
    background-color: #6fb196;
    color: #161b24;
    text-align: center;
    margin: 0;
    padding: 0.5em;
}

.infofinal img {
    padding-left: 5px;
    margin-top: 0.5em;
}

.infofinal p {
    color: #161b24;
    font-family: 'latoregular';
    font-size: 12px;
    margin-bottom: 10px;
}

.infofinal p a {
    color: #161b24;
    text-decoration: none;
    margin-bottom: 10px;
}

/* MAPA DEL SITIO */
#texto .mapa{
    margin:0;
    padding: 2em 2em;
    color: #cccccc;
    border: 2px dashed #161b24;
}

#texto .mapa p{
    color: #cccccc;
    padding-left: 5em;
}

#texto .mapa h4{
    color: #f08b77;
    font-size: 16px;
    padding: 1em;
    text-decoration: none;
    border: 2px solid #f08b77;
}

#texto .mapa a{
    color: #cccccc;
    text-decoration: none;
    font-size: 12px;
}

#texto .mapa a:hover{
    color: #f4cd66;
}

#texto .mapa ul{
    list-style: square;
    padding-left: 5em;
}

/*    FOOTER   */

footer{
    padding: 1em;
    margin: 0;
    background-color: #161b24;    
    font-family: 'latoregular';
    text-align: center;
    font-size: 11px;
}

footer p {
    color:#597c8e;
}

.icoinfofinal img{
    width: 2%;
}
@media (max-width:768px) {
    footer{
        font-size: 9px;
    }
    .icoinfofinal img{
        width: 5%;
    }
    }

/* SECTIONS */

#sec1 {
    font-family: 'latoregular';
    padding: 1em;
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 1.3em;
}

#sec1 p{
    padding: 0 0 0 0.5em;
}

#sec1  a{
   color: #349291;
    font-family: 'latoregular';
}

/* LOGIN */
.cuerpo1{
    padding: 1.5em 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    text-align: center;
}

.cuerpo1 h2 {
    color:#f4cd66;
    margin-bottom: 20px;
}

.cuerpo1 p{
    color: #cdd3d6;
    font-size: 14px;
}

.cuerpo1 .iniciosesion{
    width:45%;
    padding: 2em;
    border: 2px dashed #f4cd66;
}

.cuerpo1 .iniciosesion a{
    color: #e0bbbb;
    text-decoration: none;
}
    
.iniciosesion input{
    color: #171c22;
    padding: 0.7em;
    border: 2px solid #4d8971;
}

.cuerpo1 .pregregistro{
    width:45%;
    padding: 2em;
    border: 2px dashed #f4cd66;
}

.cuerpo1 .pregregistro input{
    color: #171c22;
    padding: 0.7em;
    border: 2px solid #4d8971;
}

@media (max-width:780px) {
.cuerpo1{
    margin: 10px;
    padding: 1em;
    }
    
    .cuerpo1 .iniciosesion{
    width:100%;
        margin-bottom: 20px;
}
    
    .cuerpo1 .pregregistro{
     width:100%;
}
    
}

/* REGISTRARSE */

.cuerpo1 .formregistrarse{
    padding: 3em 5em;
    border: 2px dashed #f4cd66;
    width: 60%;
}

@media (max-width:780px) {
    .cuerpo1{
        padding: 2em 0em;
    }
    
    .cuerpo1 .formregistrarse{
        width:85%;
        padding: 2em;
    }
    }

.formregistrarse h2{
    color:#f4cd66;
    margin-bottom: 20px;
}

.formregistrarse form{
    margin:auto;
}

.formregistrarse input{
    color: #171c22;
    padding: 0.5em;
    border: 2px solid #4d8971;
}

.formregistrarse p{
    color: #cdd3d6;
}

.formregistrarse .pextra p{
    color: #cdd3d6;
    font-size: 14px;
    margin: 30px 0px;
}

/* CONTACTO */

#contacto{
    padding: 1em;
}

#contacto form{
    padding: 1em;
    font-size: 14px;
    color: #1d3d4b;
}

#contacto h2{
    color: #274a5d;
    margin-bottom: 20px;
}

#contacto form input{
    padding: 0.5em;
    margin-top: 5px;
}

#contacto img{
    float:right;
    margin-top: -56px;
}

#contacto p {
    color: #171c22;
    margin-top: 20px;
    font-size: 14px;
    text-align: left;
}

@media (max-width:780px) {
    #contacto h2{
        text-align: center;
}
    
    #contacto p {
    color: #171c22;
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
}
    #contacto img{
    display:none;
}
}

/* OBRAS */
.obras h3{
    margin-bottom:10px;
}

/* ¿QUIÉNES SOMOS? */

.titulo {
    border: solid;
    border-color: #349291;
}

.titulo h1 {
    color: #349291;
}

h2 {
    font-family: 'latoregular';
    color: #f08b77;
    text-decoration: underline;
}

.arribaqs .izquierda h2{
    padding: 0 1em;
}

.arribaqs .izquierda p{
    font-family: 'latoregular';
    font-size: 14px;
    padding: 0 1.5em;
}


.izquierda {
    background-color: #ffffff;
    padding: 0.5em;
    width: auto;
}

.arribaqs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 1.5em 0 1em 0;
}

/* NUESTRO EQUIPO */

#equipo .fotitos {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding: 1em;
}

#equipo section article img {
    width: 11em;
    height: 11em;
}

#equipo .abajoqs {
    background-color: #ffffff;
    padding: 1em;
    margin: 0 0 1.5em 0;
}


@media (max-width:780px) {
    #equipo section article img {
        height: 4em;
        width: 4em;
    }
    
    #equipo .fotitos {
        justify-content: space-around;
    }
}
    
/* CONTACTANOS */

.quienes {
    background-color: #f08b77;
    margin-right: 0px;
}

.quienes  section h3 {
    font-family: 'latoregular';
    color: #ffffff;
}

.quienes section ul article img {
    height: 5em;
    width: 5em;
    align-content: center;
}

.quienes section {
    padding: 1em;
}

.quienes section ul {
    padding: 1em;
}

.quienes .redes {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}


@media (max-width:780px) {
        
    h2 {
        font-size: 16px;
    }
    
    h3 {
        font-size: 14px;
    }
    
    .quienes section ul article img {
        height: 3em;
        width: 3em;
    }
}


@media (max-width:780px) {
    
    .arribaqs {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    
    .izquierdaqs {
        width: 100%
    }
    
    .quienes .redes {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
    }

    .quienes {
        margin: 0.5em 0 0 0;
        width: 100%;
    }
}

/* MOVILIDAD */

.movilidadsustentable article p1 {
     font-family: 'latosemibold';
    font-size: 15px;
    color: #000000;
}

.todo {
    background-color: #ffffff;
}

.sincpl{
    color: #f08b77;
}

.primero {
    font-family: 'latoregular';
    margin: 1em 0 1em 0;
}

.movilidadsustentable {
    padding: 1em;
    margin: 1.5em 0 0.5em 0;
}

/* ¡CARPOOLING! - CARPOOLING EN LA FADU */

h2 {
    font-family: 'latoregular';
    color: #f08b77;
    margin: 0 0 0.5em 0;
    font-size: 20px;
}

.carp section article a {
    color: #349291;
    font-family: 'latoregular';
    font-size: 12px;
}

section article p2 {
    font-family: 'latoregular';
    font-size: 13px;
}

.todocarpooling {
    display: flex;
    flex-display: row;
    justify-content: space-around;
    font-size: 16px;
}

.carpooling {
    background-color: #fcfcfc;
    padding: 1em;
    width: 48%;
}

.enlafadu {
    background-color: #fcfcfc;
    padding: 1em;
    width: 48%;
}

@media (max-width:780px) {
    .carpooling {
        width: auto;
        margin: 0.5em 1em 1em 1em;
        
    }    
    
    .enlafadu {
        width: auto;
        margin: 0 1em 0.5em 1em;
    }
    
    .todocarpooling {
        display: flex;
        flex-direction: column;
    }
}
    
/* VENTANAS Y DESVENTAJAS */

h3 {
    font-family: 'latoregular';
    color: #284857;
    font-size: 20px;
}

.todo2 {
    margin: 0.5em 0 1em 0;
}

.abajo {
    background-color: #3c6777;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    padding: 1em 2em;
}

.todo2 section article li {
    font-size: 14px;
    font-family: 'latoregular';
    color: #ffffff;
}

@media (max-width:780px) {
    .abajo {
        display: flex;
        flex-direction: column;
    }
}

/* SISTEMA PARA REGISTRARSE */

h4 { 
    font-family: 'latoregular';
    font-size: 22px;
    text-decoration: underline;
    color: #f08b77;
}

.sincropool {
    font-family: 'latoregular';
    font-size: 12px;
    padding: 1.5em;
}

.todo3 {
    background-color: #ffffff;
    margin: 0 0 1.5em 0;
}

.registrarse {
    padding: 1em;
}

p3 {
    font-family: 'latoregular';
    font-size: 14px;
}

.todo3 section article img {
    width: 80%;
    height: auto;
    align-content: center;
    margin: 0 0 1em 0;
}

@media (max-width:780px) {
    .todo3 section article img {
        width: 100%;
        height: auto;
    }
}

/* CARPOOLING EXTRA */

.unico {
    background-color: #ffffff;
    margin: 1.2em 0 1.2em 0;
    font-family: 'latoregular';
}

.unico .registrarse {
    padding: 2em;
}

.unico .registrarse h2 {
    color: #f08b77;
    text-decoration: underline;
    font-family: 'latoregular';
    font-size: 24px;
}


.unico .registrarse p {
    font-family: 'latoregular';
    font-size: 14px;
}

/*    SUBE   */

#sec1 .sube {
    width: 45%;
}

#sec1 #tarifa {
    list-style: none;

}


/*    EXPERIENCIA   */

.fotoexperiencia {
   display: flex;
   flex-flow: column; 
   height: 20em;
   width: auto;
   object-position: right;
    margin: 6px;
}

#tituloblog {
    font-size: 12pt;
}


#sec1 .costaditoexp {
    float: right;
}

@media (max-width:780px) {
    .fotoexperiencia{
   height: 10em;
   width: auto;
        }
}

/* AUTOS */

@media (max-width:780px) {
	.au0 .mapa {
	width: 100%
}
    
    .bici{
        width:100%;
    }
    
}

.todo3 .registrarse .imgau {
    width: 50%;
    margin-bottom: -10px;
}

/* HOME FIXED */

.cero .htransportes {
    display:flex;
    justify-content: space-around;
}

.cero .htransportes img{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0.5em 1em;
    background-color: #e2be5c;
}

.cero .htransportes img:hover{
    background-color: #f0d489;
}

.hnots section article a {
    color: #349291;
    font-family: 'latoregular';
    font-size: 12px;
}

.hnot1 h2 {
    color: #ffffff;
    text-decoration: none;
    font-size: 25px;
}

.todonoticias {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 16px;
}

.hnot1 {
    background-color: #2e5b72;
    padding: 1em;
    width: 68%;
    border: 3px solid #fcfcfc;
}

.hnot1 p{
    color: #d9dfe1;
    padding: 0.5em 1em;
    border: 2px solid #507e96;
}

.hnot1 a{
    color: #f0d489;
    font-family: 'latoregular';
    font-size: 16px;
    text-decoration: none;
    margin-top: 5px;
    float: right;
}

.hnot2 {
    background-color: #fcfcfc;
    padding: 1em;
    width: 31%;
}

.hnot2 img {
    width: auto;
}

#apppromo {
    background-color: #2e5b72;
    border: 3px solid #fcfcfc;
    padding: 1em;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

#apppromo .ppp{
    font-size: 20px;
    padding: 1em;
    color: white;
}

.insta {
    background-color: #fcfcfc;
    padding: 1em;
    margin-bottom: 10px;
}

.insta p{
    font-size: 16px;
    text-align: center;
}

.insta img{
    width: 220px;
    height: 220px;
}

.insta .instarow{
    display:flex;
    flex-direction: row;
    justify-content: space-around;
}

@media (max-width:780px) {
    .hnot1 {
        width: auto;
        margin: 0.5em 0.5em 0.5em 0.5em;
    }    
    
    .hnot2 {
        width: auto;
        margin: 0 0.5em 0.5em 0.5em;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    
    .hnot2 img{
        width: 90%;
        margin-left: 10px;
    }
    
    .todonoticias {
        display: flex;
        flex-direction: column;
    }
    
    #apppromo .ppp{
    font-size: 14px;
    padding: 0.5em;
    color: white;
}   
    #apppromo img{
        height: 50px;
    }
    
    .insta img{
    width: 40%;
    height: 40%;
        margin-bottom: 15px;
}

.insta .instarow{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
    
}

/* LINEAS */
.linea{
    display: flex;
    color: #ffffff;
    border: 2px solid #ffffff;
    position: absolute;
    padding: 2em 5em 2em 5em;
    margin: 2.5em 3em 3em 3em;
    font-size: 20px;
    text-align: center;
}

.linea h3 {
    color: #ffffff;
}

.ramales{
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}



.ramales article{
    display: block;
    width: 422px;
    justify-content: center;
    padding: 7.5em 1em;
        background-color: #f0f0f0;
}


.ramales h5{
    position: absolute;
    text-align: left;
    font-size: 16px;
    width: 100%;
    text-align: left;
    padding: 6.5em 2em 0em 4em;
    text-decoration: underline;
}


 /*MEDIA*/
@media (max-width:780px) {
    .ramales {
        margin-left: 12px;
    }
    
    .ramales h5{
        font-size: 15px;
        text-align: left;
        padding: 2em 2em 1em 4em;    
        }
    
    .ramales p{
        font-size: 12px;
        padding-left: 3.5em;
        width: 100%;  
    }
    .ram {
        display: flex;
        flex-flow: column;
        width: 422px;
        margin-left: -5px;
    }
    
    .ram ul{
        width: auto;
    }
        
    .ramales article{
        padding: 2em 0.5em;
        width: 97%;
    }
    .imagen-linea img{
        width: 41.6%;
    }
    .imagenbondi{
        width: auto;
    }
    .linea {
        width: auto;
        height: 3em;
        padding: 0.5em 3em 2.7em 3em;
        margin: 20px 3em;
    }
    .linea h3{
        font-size: 20px;
        margin: ;
    }

}

.ramales p{
    font-size: 12px;
    padding-left: 3em;
    padding-right: 2em;
    width: 100%;
    text-align: left;
    justify-content: flex-end;
}

.ramales ul{
    font-size: 14px;
    margin: 0.8em 0em 0em 0em;
    width: 100%;
    text-align: left;
}

.ulramales ul{
        padding: 0em 0em 0.3em 5em;
}

.ram ul {
        padding: 0em 0em 0.3em 2.5em;
}


.lineasdetransporte {
    color: white;
    border: 2px solid white;
    position: relative;
    padding: 1em 1em;
    margin: 1em 0;
    background-color: #284857;
    display: flex;
    flex-wrap: wrap;
    

}


.botones {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;   
    padding: 0em 1em 4em 1em;
    margin:1em 0em;
    
}

.botones div{
    display: flex;
    margin: 1em;
    width: inherit;
    height: inherit;
}


.ram div{
    background-color:  #284857;
    border: 1.5px solid #349291;
    color: aliceblue;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    width: 530px;
    height: auto;
    padding: 1em 2.3em 2.5em 1.5em;
    font-size: 8px;
    justify-content: space-between;
}

.ram .ramtren{
    background-color:  #284857;
    border: 1.5px solid #349291;
    color: aliceblue;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    width: 530px;
    height: 360px;
    padding: 1em 2.3em 20em 1.5em;
    font-size: 8px;
    justify-content: space-between;
}

.ramgrande {
    height: 750px;

}

.ramgrande2 {
    height: 780px;
}

.ramgrande3 {
    height: 70px;
}

 /*MEDIA*/
@media (max-width:780px) {
    .ram div{
        display: flex;
        flex-flow: column;
        flex-wrap: wrap;
        width: 100%;
        margin-left: 5px;        
    }  
    
    .botones{
    padding: 0em 1em 1em 1.8em;
    margin:0.5em 0em;
    }
    
    .botones img {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 90%;
}
    
    .ram .ramtren{
        width: 99%;
        margin-left: 12px;   
        height: 25%;
        padding: 0em 0.5em 4em 0.5em;
    }
}


.ram div h4{
    font-size: 14px;
    color:  #349291;
}


.mapareferencias{
    display: flex;
    flex-grow: row;
    flex-wrap: nowrap;
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.05);
}

.refes{
    display: flex;
    flex-flow: column;
    width: 160px;
    height: 406px;
    justify-content: center;
    border: 1.5px solid white;
    margin-left: 2em;
    padding: 0.5em
    
    
}

.refes p{
    padding-bottom: 2em;
    font-size: 12px;
    color: #bec6c6;
    text-align: center;
}

/*MEDIA*/
@media (max-width:780px) {
    .mapareferencias{
        display: flex;
        flex-flow: column;
        padding-bottom: 1em 0;
        width: 100%;
    }
    
    .mapareferencias img{
        width: 100%;
    }
        
    .refes {
        display: flex;
        flex-flow: row;
        margin-top: 15px;
        width: 85%;
        padding: 1.8em 0.7em 1em 0.7em ;
        height: 80px;
    }
    
    .refes img{
        width: 5%;
        margin-left: 10px;
        height: 40%;
    }
    
    .refes p{
        padding-bottom: 1em;
    }
}

/*MEDIA*/
@media (max-width:780px){
    .headernoticias{
        width: auto;
        justify-content: center;
    }
    .headernoticias h3{
        width: auto;
        justify-content: center;
        display: flex;
        text-align: center;
    }
}



.noticias{
    width: 666px;
    display: flex;
    justify-content: center;
    background-color: #1b807f;
    margin-top: 1em;
    padding: 1.5em 0;
    margin-right: 1.5em;
}

.noticia1 img{
    width: 580px;
    align-content: center;
    margin-left:1.7em;
}

.bajada{
    color: white;
    font-family: 'latoregular';
    text-align: left;
    margin-left: 3em;
    margin-bottom: -10px;
    font-size: 9px;
}

.noticia1 h5{
    text-decoration: none;
    color: #ffffff;
    margin-top: 1.2em;
    margin-left: 1.5em;
    margin-right: 2em;
    margin-bottom: 10px;
    font-size: 20px;
}

.noticia1 p{
    font-size: 12px;
    text-align: left;
    color: #eaeaea;
    margin-left: 2.5em;
    margin-right: 2.5em;
}

.noticias a{
    text-decoration: none;
}

/*MEDIA*/
@media (max-width:780px){
    .noticias{
        display: flex;
        width: 100%;
        flex-flow: column;
    }
   
    .noticia1{
        display: flex;
        width: auto;
        flex-flow: column;
    }
    
    .noticia1 p{
        display: flex;
        width: auto;
        
    }
    
    .noticia1 img{
        width: 85%;
    }
    

}

    
    .noticiasabajo{
        display: flex;
        flex-flow: column;
        align-content: space-between;
        align-content: space-around;
        width: 666px;
        margin-top: 2em;
        margin-bottom: 3em;
        align-content: space-between;
        background-color: #597c8e;
        padding: 2em;
    }    

.noticiasabajo h5{
    color: #f0d489;
    font-size: 16px;
    margin-left: 0.5em;
    margin-right: 1em;
    margin-bottom: 5px;
    padding-top: 1em;
}
    

.noticiasabajo p{
    color: white;
    font-size: 13px;
    text-align: left;
    margin-left: 0.5em;
    margin-right: 1em;
    padding-bottom: 2em;
    border-bottom: 2px solid white;
   
}

.noticiasabajo div a{
    text-decoration: none;
}

.aside-noticia{
    width: 273px;
    height: 1365px;
    display: flex;
    flex-flow: column;
    border: 3px solid #305b70;
    margin-top: 1em;
    padding: 2em 1em 0em 1em;
}


.aside-noticia img{
    width: 200px;
    margin-left: 1em;
}

.aside-noticia p{
    font-size: 11px;
    text-align: left;
    padding-bottom: 4em;
    margin-left: 1.5em;
    margin-top: 0.7em;
    color: #eaeaea;
}

.aside-noticia h6{
    color: #f08b77;
    font-size: 10px;
    margin-left: 1.5em;
    margin-top: 1em;
    text-decoration: underline;
}

/*MEDIAAAAA*/
@media (max-width:780px){
.noticiasabajo{
        display: flex;
        width: auto;
    }
    
    .noticiasabajo div{
        width: auto;
    }

    .aside-noticia{
        width: auto;
        display: flex;
        height: auto;
    }
    
    .aside-noticia img{
        width: 90%;
    }
    
    .aside-noticia h6{
    font-size: 14px;
}
    
}


.columnasnoticias{
    display: flex;
    flex-flow: row;
}

@media (max-width:780px){
    .columnasnoticias{
        display: flex;
        flex-flow: column;
    }

}

/*  FOTOS  */

.imagen-linea{
    width: 960px;
}

.imagenbondi{
    width: 960px;
    height: auto;
    padding: 1em 0,5em 1em 0,5em;
}

/*MEDIA*/
@media (max-width:780px){
    .imagenbondi{
        width: 100%;
        height: auto;
    }
}

.info{
    background-color: rgba(255, 255, 255, 0.1);
    width: 960px;
    display: flex;
    flex-flow: row;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 2em 1.5em 1.5em 2em;
    font-size: 11px;
    color: #bec6c6;
}

@media (max-width:780px){
    .info{
        width:100%;
            }
}
.info img{
    width: 40px;
    height: 40px;
}

.infotexto{
    position: relative;
    display: flex;
    flex-flow: column;
    padding-left: 3em;    
}

.infotexto a{
    color: #f4cd66;  
}
    
/*     ASIDE           */
aside {
    display: flex;
    flex-flow: column;
    width:300px;
    margin: 0em 1em 0em 0.5em;
    padding: 0.5em;
}

h4 {
    font-family: 'latoregular';
    color: #FFFFFF;
    margin: 1em 2em 1em 1em;
    padding: 0;
}

aside ul {
 margin: 0em 2em 1em 0em;   
}

aside ul li {
    text-decoration: none;
}

aside ul li a {
    text-decoration: none;
    font-family: 'latoregular';
    padding: 3px;
    margin: 1px;
}

.obr1{
background-color: #fff;
width:100%;
padding: 1.5em;
}

.obr1 p{
    color: #161b24;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.obr1 img{
width:32%;
height: 40%;
}

.imgobr {
    display: flex;
    justify-content: space-between;
}

.obr2{
    border: 2px dashed #fff;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
    padding: 1em 1em;
    text-align: center;
    height: auto;
}

.obr2 ul{
    list-style: none;
}

.obr2 a{
    color: #cccccc;
    text-decoration: none;
}

.obr2 a:hover{
    color: #f4cd66;
}