@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800');
@import url('https://fonts.googleapis.com/css?family=Pridi:200,400,700');|
    
    body {  
        
    font-family: 'Open Sans'; sans-serif ;
    background: #363F48;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    background-attachment: fixed;
    background-position: center;
    
}



.barracomision ul {
    font-family: 'Open sans'; sans-serif;
    background-color: #14131b; 
    justify-content: space-around;
	align-content: center;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.barracomision ul li {
    list-style-type: none; 
    display:inline;
    text-align: center;
    font-weight: 700;
    text-transform:uppercase;
    font-size: 0,4rem;
    padding-left: 10px;
    padding-right: 10px;    

}

.barracomision ul li a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 5px 5px;
    padding-left: 2rem;
    padding-right: 2rem;
        
}

.barracomision ul li a:hover {
    background-color: #473c8a;
    color: #dd153d;
}



.banner {
    background: #363F48;
  
}

header{
    
    background-image: url(img/fondo01.jpg);
    background-position: center;
    background-size: cover;
    background-color: #363F48;
    text-align: center;
    margin: 0 auto;
}

header h3 {
        font-family: 'Pridi'; serif;
        font-weight: 200;
        font-size: 1.5rem;
        text-align: center;
        text-transform:uppercase;
        color: #fff;
        letter-spacing: 0,8rem;
}


.loguito {
    display:flex;
    justify-content: center;
    max-width: 15%;
    height: auto;
    margin: 0rem auto;
   }


.barraweb ul {
    font-family: 'Open sans'; sans-serif;
    background-color: #fff; 
    justify-content: space-around;
	align-content: right;
    text-align: right;
    margin: 0;
    width: 100%;
    
    }

.barraweb ul li {
     list-style-type: none; 
    display:inline;
    text-align: center;
    font-weight: 600;
    text-transform:uppercase;
    font-size: 1rem;
    padding-left: 10px;
    padding-right: 10px;    

}

.barraweb ul li a {
    color: #EC186B;
    display: inline-block;
    text-decoration: none;
    padding: 5px 5px;
    padding-left: 2rem;
    padding-right: 2rem;
    
}

.barraweb ul li a:hover {
    background-color: #2694B9;
    color: #363F48;
}

.pagina{
    margin: auto;
    max-width: 90vw;
    background: #363F48;
    
    
  }

.inicio {
    text-align: center;
}


h3 {
    color: #363F48;
    text-align: left;
    font-size: 80%;
    border-bottom: .02rem solid #363F48; 
    padding-bottom: 0.5rem;
}

.columna2{
    background:#EC186B;
    padding: 1rem;
    margin: 0 auto;
    text-align: center;
    display: flex;
 	justify-content: space-around;
	align-content: center;
    padding-left: 7rem;
    
}

.fondocolumna2 {
    background: #EC186B;
    
}

h1 {
    color: #fff;
    font-family: 'Open sans'; sans-serif;
    font-weight: 600;
    font-size: 6rem;
    width: 10rem;
    line-height: 5rem;
    margin-bottom: 50px;
        
    
}

h4{
    font-family: 'Pridi'; serif;
    font-weight: 400;
    font-size: 1,8rem;
    color:#363F48;
    width: 100%;
    text-align: left;
    line-height: 3rem;
}

.celu01 {
    display: flex;
    margin: auto;
    padding: 5rem;
        
}


.columna1 h4 {
    color:#fff;
    border-bottom: 0.2rem solid #fff;
    padding-bottom: 0.5rem; 
  }

.columna1 {
    background: #363F48;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    letter-spacing: 0,3rem;

    
}

.columna1 h4 {
    color:#fff;
    padding-bottom: 1rem;
    border-bottom-color:#fff;
    
}

.fondocolumna1 {
    background: #363F48;
     margin: 0 auto;
}

.carreras {
    display:flex;
    justify-content: center;
    background: #363F48;
           
}

.iconos {    
    background-color:#363F48 ;
    color: #fff;
    font-family: 'Open sans'; sans serif;
    font-weight: 400;
        
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 0px;
    margin-left: 150px;
    margin-right: 150px;
    margin-top: 0px;
    max-width: 1280px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 3rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 16px;   
}


 .article h2 {
    font-family: 'Open sans'; sans serif;
    font-weight: 400;
    text-align: center;
    display: flex;
}

.iconos h4{
    text-align: center;
    color:#fff;
    font-family: 'Open sans' ; sans serif;
    font-weight: 300;
}

.infoiconos {
    color:#fff;    
    }

.fondoiconos {
    background: #363F48;
    background-size: cover;
}

.contenido {    
    background:#fff;
    padding: 1rem;
    text-align: left;
    display: flex;
 	
}
 .contenido h2 {
    font-family: 'Pridi'; serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 3rem;
        
}
.contenido h4 {
    font-family: 'Open sans'; sans serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5rem;
    
    
}
.contenido p {
    font-family: 'Open sans'; sans serif;
    font-weight: 300;
    font-size: 1rem;
}

.fondocontenido {
  display: flex;
    
}

.contenidofotos {
   
    margin-top: 3rem;
    text-align: right;    
}



.uso {
    background: #50BAAE;
    display: flex;
    font-family: 'open sans'; sans serif;
    font-weight: 300;
    font-size: 1rem;
    color: #fff;
    line-height: 1.5rem;
    margin: 0rem;
    
}

.fotouso{
    text-align: left;
    margin-top: 5rem;
    
         }

.titulo h3 {
    color: #363F48;
    font-family: 'pridi';serif;
    text-align: left;
    font-size: 80%;
    border-bottom: .02rem solid #363F48; 
    padding-bottom: 0.5rem;
}

.infouso {
    margin-top: 4rem;
    margin-left: 2rem;
    line-height: 1.5rem;
}

.uso h2{
    font-family: 'pridi'; serif;
    font-size: 3rem;
    font-weight: 400;
    
}
.uso h4 {
    font 'pridi';serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1rem;
}


.fondouso{
    background: #50BAAE;
    background-size: cover;
    display: flex;
    
}


.soportes {
   background:#fff;
    padding: 4rem;
    text-align: left;
    display: flex;
    
}


 .infosoportes h2 {
    font-family: 'Pridi'; serif;
    font-weight: 400;
    font-size: 3rem;
    line-height: 3rem;
        
}
.infosoportes h4 {
    font-family: 'Open sans'; sans serif;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.5rem;
        
}

.fotosoportes {
    text-align: right;

}

.fondosoportes {
    background: #fff;
    display: flex;
    background-size: cover;
}

.quienessomos {
    background: #2694B9;
    background-size: cover;
    text-align: center;
    padding: 4rem;
    
}

.infoquienes{
    color:#363F48;
    margin-left: 3rem;
}
.infoquienes h5 {
    color:#fff;
    font-family: 'open sans'; sans serif;
    font-weight: 400;
    font-size: 2rem;
    text-align: left;
    
}

.infoequipo p {
    font-family: 'pridi'; serif;
    font-weight: 400;
    font-size: 2rem;
}
.equipo {
    background-color:#2694B9 ;
    color: #fff;
    font-family: 'Open sans'; sans serif;
    font-weight: 400;
    
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 0px;
    margin-left: 150px;
    margin-right: 150px;
    margin-top: 0px;
    max-width: 1280px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom: 3rem;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 16px;   
        
}

.equipo h4 {
    font-size: 1.5rem;
}

.contacto {
    background:#fff;
    padding: 4rem;
    text-align: center;
    display: flex;
    
}

.contacto h2{
    font-family: 'Pridi'; serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 3rem;
    color:#EC186B;
}

.contacto p {
    font-family: 'Open sans'; sans serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
}

.contacto h4 {
    text-align: center;
    font-size: 2rem;
    color:#2694B9;
}

.contacto h5 {
    color:#363F48;
    font-family: 'open sans'; sans serif;
    font-weight: 400;
    font-size: 2rem;
}

    
 footer {
    max-width: 100%;
    margin: 0rem auto;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.5rem;
    line-height: 0.8rem;
    padding: 1rem;
    font-weight: 700;
    letter-spacing: 0.05rem;
    background:#14131b ;
    width: 100%;
    bottom: 0;
    left: 0;
        
}

 footer p {
    color: #dd153d
}