body {
    background-color: white;
    height: 100%;
    font-family: Raleway, sans-serif;
    font-size: 100%;
    margin: auto;
    text-decoration: none;
}

#pagina {
    background-color: white;
    width: 100%;
    margin: auto;
}

header {
    margin: 0;
    width: 100%;
    margin: auto;
    text-align: center;
}

.fondoheader{
    margin: 0;
    width: 100%;
    margin: auto;
    background-color: #3b3b3b;
    height: 10rem;
    text-align: center;
    border-bottom: solid;
    border-bottom-color: #548d8d;
}

.cuerpoheader {
    width: 75%;
    margin: auto;
}

#logo {
    width: 28%;
    margin: 0;
    margin-top: 2rem;
    float: left;
    padding: 0px;
    text-align: center;
}

#logo img {
    width: 80%;
    margin: auto;
   text-align: center;
margin-right: 2rem;
      
}

nav {
        margin-top: 2rem; 
    height: 5rem;
    padding: 0px;
    float: right;
    width: 70%;
    font-weight: 600;
    font-size: 1.1rem;
    text-align: center;
}

nav ul {
    float: left;
    width: 100%;
    margin:0;
    padding: 0;
    margin-top: 2rem;    
    text-align: center;
}

nav ul li {
    float: left; 
    display: inline-block;
    text-align: center;
    width: auto;
    text-align: center;
    margin-right: 5%;
    }

nav ul li:hover {
    }


nav ul li a  {
    text-decoration: none;
    color: #e5e5e5;
}

nav ul li a:hover  {
    color: white;
    cursor: default;
    border-bottom: 0.2rem solid #98dede;
    padding-bottom: 0.3rem;
    transition:  50ms linear 0s;
    
}

li.reg a {
    color: #c2eae5;   
}

.slider {
    width: 100%;
    background-image: url(imagenes/mt9.jpg);
    background-position:top;
    background-size:cover;
    height: 33.5rem;
    
}

.cajatextoslider {
    clear: both;
    float: left;
    margin-left: 13%;
    margin-top: 7rem;
    width: 60%;
    height: auto;
 }

.copete {
    clear: both;
    color: white;
    width: 25%;
    font-weight: 600;
    font-size: 0.9rem;
}

.copete span {
padding: 2px 4px 4px 4px;
    border-style: solid;
    border-color: white;
    border-width: 1px;
}

.tituloslider {
    margin-top: 0.5rem;
    font-family: Bitter, serif;
    font-weight: 700;
    color: white;
    float: left;
    font-size: 3rem;
}

hr {
    margin-top: 1rem;
    background-color: white;
    clear: both;
    float: left;
    border: none;
    width:60%;
    height: 1px;
}

.bajadaslider {
    clear: both;
    text-align: left;
    font-family: Raleway, sans-serif;
    width: 60%;
    color: white;
    float: left;
    line-height: 1.5rem;
    margin-top: 0.5rem;
    font-size: 1rem;
}

.bajadaslider span {
  background-color:black;
    background-opacity;0%;
padding: 5px 6px 4px 4px;
    text-decoration: none;
    
}

.bajadaslider span a      {
    text-decoration: none;
    color: white;
   
}
.botonera {
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}

.botonera img {
width:    10%;
    overflow: hidden;
    opacity: 0.8;
    margin: auto;
    margin-top: 1rem;
}

.cuerpo    {
    clear: both;
    position: relative;
    margin: auto;
    margin-top: 4rem;
    width: 95%;
    height: auto;
    
 
}
section {
    position: relative;
    margin-top: 4rem;
    clear: both;
    background-color: white;
    margin: auto;
    width: 80%;
    height: auto;
    padding-bottom: 1rem;
}

section a {
        text-decoration: none;
}

.principal {
    clear: both;
    float: left;
    width: 65%;
    height: auto;
    
}
.principal h1 {
    text-decoration: none;
        margin: 0;
    text-decoration: none;
    color: white;
    font-family: bitter, serif;
    font-size: 3rem;
    padding-top: 2.5rem;
     text-align: left;
    margin-left: 3rem;
}

.ppal1 {
    clear: both;
    background-image: url(imagenes/onaire1.jpg);
    background-position: center;
    background-size:cover;
    width: 100%;
    height: 14.5rem;
    margin-bottom: 0.5rem;
}

.ppal1:hover {
    background-image: url(imagenes/onaire2.jpg);
    background-position:center;
    background-size:cover;
        -webkit-transition: all 0.2s;
}

.principal h2 {
    visibility: hidden;
    width: 50%;
    opacity: 0;
    font-family: Raleway, serif;
    font-weight: 400;
    font-size: 1rem;
    margin-left: 0rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}

.cuerpo a:hover .ppal1 h2 {
    visibility: visible;
    text-decoration: none;
    width: 50%;
    color: white;
    background-color: black;
        background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    -webkit-transition: all 0.2s;
}

.cuerpo a:hover .ppal2 h2 {
    visibility: visible;
    text-decoration: none;
    width: 50%;
    color: white;
    background-color: cyan;
    background: rgba(0, 0, 0, 0.5);
    opacity: 1;
    -webkit-transition: all 0.2s;
}

.cuerpo a:hover .ppal1 h1 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
}

.cuerpo a:hover .ppal2 h1 {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
}


.ppal2 {
    clear: both;
    background-image: url(imagenes/varsky1.jpg);
    background-position:center;
    background-size:cover;
    width: 100%;
    height: 15rem;
}
.ppal2:hover {
    background-image: url(imagenes/varsky2.jpg);
        background-position:center;
    background-size:cover;
    -webkit-transition: all 0.2s;
}

.ppal2 h1{
    margin-right: 3rem;
    float: right;
    text-align: left;
}

.ppal2 h2{
    float: right;
    text-align: left;
}

.lateral1 {
    
    float: right;
    height: 30rem;
    background-color: coral;
    width: 34%;
    margin-top: 0rem;
}

.tweet1 {
    width: 100%;
    background-color: #a2d0d0;
    height: 4.8rem;
    border-bottom-style: solid;
    border-bottom-color: #7e9f9f;
    border-bottom-width: 0.2rem;
}

.tweet1 h1{
    margin: 0;
    padding-top: 0.5rem;
    margin-left: 0.5rem;
    color: white;
}

.tweet1 h2{
    width: 80%;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    margin: 0;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    margin-left: 0.5rem;
    color: black;
}

.tweet2 {
    width: 96%;
    background-color: #f4f4f4;
    height: 5rem;
}
.tweet2 h1{
    margin: 0;
    margin-left: 0.5rem;
    padding-top: 0.3rem;
    color: #5d5c5c;
    font-size: 1rem;
}

.tweet2 h2{
    font-family: Raleway, sans-serif;
    font-weight: 400;
    margin: 0;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    margin-left: 0.5rem;
    color: black;
}
.tweet2 h3{
    width: 30%;
    margin-left: 14rem;
    font-family: Raleway, sans-serif;
    font-size: 0.8rem;
    color: #777777;
    font-size: 0.6rem;
    font-weight: 400;
}

.tweet3 {
    width: 96%;
    background-color: #ededed;
    height: 5rem;
}

.tweet3 h1{
   margin: 0;
    margin-left: 0.5rem;
    padding-top: 0.3rem;
    color: #5d5c5c;
    font-size: 1rem;
}



.tweet3 h2{
    font-family: Raleway, sans-serif;
    font-weight: 400;
    margin: 0;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    margin-left: 0.5rem;
    color: black;
}

.tweet3 h3{
    width: 30%;
    margin-left: 14rem;
    font-family: Raleway, sans-serif;
    font-size: 0.8rem;
    color: #777777;
    font-size: 0.6rem;
    font-weight: 400;
}

.tweet4 {
    width: 96%;
    background-color: #f4f4f4;
    height: 5rem;
}

.tweet4 h1{
   margin: 0;
    margin-left: 0.5rem;
    padding-top: 0.3rem;
    color: #5d5c5c;
    font-size: 1rem;
}

.tweet4 h2{
    font-family: Raleway, sans-serif;
    font-weight: 400;
    margin: 0;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    margin-left: 0.5rem;
    color: black;
}

.tweet4 h3{
    width: 30%;
    margin-left: 14rem;
    font-family: Raleway, sans-serif;
    font-size: 0.8rem;
    color: #777777;
    font-size: 0.6rem;
    font-weight: 400;
}
.tweet5 {
    width: 96%;
    background-color: #ededed;
    height: 5rem;
}
.tweet5 h1{
    margin: 0;
    margin-left: 0.5rem;
    padding-top: 0.3rem;
    color: #5d5c5c;
    font-size: 1rem;
}

.tweet5 h2{
    font-family: Raleway, sans-serif;
    font-weight: 400;
    margin: 0;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    margin-left: 0.5rem;
    color: black;
}

.tweet5 h3{
    width: 30%;
    margin-left: 14rem;
    font-family: Raleway, sans-serif;
    font-size: 0.8rem;
    color: #777777;
    font-size: 0.6rem;
    font-weight: 400;
}

.tweet6 {
    width: 96%;
    background-color: #f4f4f4;
    height: 5rem;
}
.tweet6 h1{
    margin: 0;
    margin-left: 0.5rem;
    padding-top: 0.3rem;
    color: #5d5c5c;
    font-size: 1rem;
}


.tweet6 h2{
    font-family: Raleway, sans-serif;
    font-weight: 400;
    margin: 0;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    margin-left: 0.5rem;
    color: black;
}

.tweet6 h3{
    width: 30%;
    margin-left: 14rem;
    font-family: Raleway, sans-serif;
    font-size: 0.8rem;
    color: #777777;
    font-size: 0.6rem;
    font-weight: 400;
}


.falsoscroll {
    clear: both;
    width: 4%;
    background-color: #9a9a9a;
    float: right;
    height: 7rem;
}

.falsoscroll2 {
    clear: both;
    width: 4%;
    background-color: #bebebe;
    float: right;
    height: 18rem;
}

.seccion2 {
    margin-top: 1.5rem;
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 2rem;
}

.notastipograficas {
    float: left;
    width: 33.5%;
    height: 22rem;
    margin-left: 
}

.barra1 {
    line-height: 1.3rem;
    padding-left: 0.5rem;
    font-weight: 600;
    }

.barra1 span{
    font-size: 0.9rem;
    color: #5dc4c4;
    border-style: solid;
    border-color: #9bdddd;
    border-width: 2px;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}


.notastipograficas h1 {
    margin: 0;
    padding-top: 0.6rem;
    margin-bottom: 0.3rem;
    margin-left: 0.5rem;
    color:#4d4d4d;
    font-size: 1.2rem;
    font-family: Bitter, serif;
    text-decoration: none;
}
.notastipograficas h1 a{
    text-decoration: none;
    color: #767676;
}
    
.notastipograficas h1 a:hover {
    color: darkcyan;
        -webkit-transition: all 0.3s;
}

.notastipograficas h2{
    margin-top: 0rem;
    margin-left: 0.5rem;
    color:black;
    font-size: 0.8rem;
    font-family: Raleway, sans-serif;
    font-weight: 400;
}


.mininota2{
    background-color: white;
    margin-top: 1rem;
        width: 95%;
    height: auto;
    border-bottom: 1px;
    border-bottom-style: solid;
    border-bottom-color: #6ed1d1;
    border-bottom-width: 30%;
}
.mininota3{
    clear: both;
    background-color: white;
    width: 95%;
    height: 25%;
}

.galeriaproyectos{
    float: left;
    width: 31.7%;
    height: 22rem;
    padding-right: 0.7rem;
}

.galeriaproyectos h1{
    margin: 0;
    font-family: Bitter, serif;
text-align: center;
    color: darkcyan;
    font-size: 1.1rem;
    margin: auto;
    margin-top: 0.3rem;
    width: 100%;
    padding-bottom: 0.3rem;
}

.galeriaproyectos h2{
    margin: 0;
font-family: Raleway, sans-serif;
text-align: center;
    color: black;
    font-size: 0.8rem;
    font-weight: 400;
    margin: auto;
    text-align: left;
    width: 95%;
    padding-bottom: 1rem;
}

.galeriaproyectos h3{
    margin: 0;
    font-family: Raleway, sans-serif;
    font-size: 0.6rem;
    margin: auto;
    text-align: right;
    width: 80%;
}

.galeriaproyectos h3 a{
text-decoration: none;
    color: darkcyan;
}

.galeriaproyectos h3 a:hover{
text-decoration: none;
    color: white;
}


.tituloproy1 {
    clear: both;
    background-color: none;
    float: left;
    width: 100%;
     height: 3.8rem;
        background-color: #e5e5e5;
    border-top-style: solid;
    border-top-width: 0.2rem;
    border-top-color: darkgray;
}

.proy3 {
    background-image: url(imagenes/galproy9.jpg);
    background-position: top;
    float: left;
    width: 50%;
    height: 6rem;
}

.proy4 {
    background-image: url(imagenes/galproy8.jpg);
    background-position: top;
    float: left;
    width: 50%;
    height: 6rem;
}


.proy5 {
    background-image: url(imagenes/galproy3.jpg);
    background-position: top;
    float: left;
    width: 50%;
    height: 6rem;
}


.proy6 {
    background-image: url(imagenes/galproy4.jpg);
    background-position: top;
    float: left;
    width: 50%;
    height: 6rem;
}

.proy7 {
    background-image: url(imagenes/galproy2.jpg);
    background-position: top;
    float: left;
    width: 50%;
    height: 6rem;
}


.proy8 {
    background-color: white;
    float: left;
    width: 50%;
    height: 6rem;
}

.proy8 h1 {
    padding-top: 1.8rem;
        padding-bottom: 1.8rem;
    border-style: solid;
    border-color: black;
    border-width: 2px;
    line-height: 2rem;
    text-align: center;
    width: 80%;
     color: black;
        font-size: 1.3rem;
  }  

.multimediahome {
    padding-top: 0;
    background-color: white;
    float: left;
    width: 33.7%;
    height: 22rem;
    
}

.multimediahome h1 {
font-size: 0.8rem;
}
    
.multim1 {
    margin-top: 0.5rem;
 width: 100%;
    height: 8rem;
 background-image: url(imagenes/multim1.jpg);
    position: bottom;
    background-size: cover;
        background-repeat: no-repeat;
}

.multim2 {
    margin-top: 0.5rem;
 width: 100%;
    height: 8rem;
 background-image: url(imagenes/multim2.jpg);
    position: bottom;
    background-size: cover;
        background-repeat: no-repeat;
}


.atrescolumnas{
    clear: both;
    margin: auto;
    margin-top: 2rem;
 background-image: url(imagenes/banner2.png);
    position: center;
    background-size: contain;
        background-repeat: no-repeat;
    width: 100%;
    height: 10rem;
}

.tresarticulos {
    clear: both;
    float: left;
    margin-top: 3rem;
    margin-bottom: 3rem;
    width: 100%;
}


.noticias {
    margin-top: 0rem;
    float: left;
    width: 100%;
    margin-bottom: 1rem;
}

.not1 {
    float: left;
    margin-top:0.5rem;
    width: 33%;
    height: auto;
    padding-bottom: 1rem;
    padding-right: 0.4rem;
}

.not1 a {
text-decoration: none;
    color: #2f2f2f;
}

.not1 a:hover {
    color: darkcyan;
}

.not2 {
 margin-top:0.5rem;
    float: left;
    width: 33%;
    height: auto;
}

.not2 a {
text-decoration: none;
    color: #2f2f2f;
}

.not2 a:hover {
    color: darkcyan;
}

.not3 {
 margin-top:0.5rem;
    float: right;
    width: 33%;
    height: auto;
    padding-bottom: 1rem;
}

.not3 a {
text-decoration: none;
    color: #2f2f2f;
}

.not3 a:hover {
    color: darkcyan;
}

.fotodest1 {
    background-image: url(imagenes/maquina.jpg);
    background-size: cover;
    background-position: center;
    border-style: solid;
    border-color: #d6d6d6;
    border-width: 3px;
    clear: both;
    float: left;
    width: 95%;
    height: 10rem;
    margin-left: 0.5rem;
}

.fotodest1:hover {
    background-image: url(imagenes/maquina1.jpg);
    background-size: cover;
    background-position: center;
        -webkit-transition: all 0.1s;
}

.fotodest2 {
    background-image: url(imagenes/serigrafia.jpg);
    background-size: cover;
    background-position: center;
    border-style: solid;
    border-color: #d6d6d6;
    border-width: 3px;
    clear: both;
    float: left;
    width: 95%;
    height: 10rem;
    margin-left: 0.5rem;
}

.fotodest2:hover {
    background-image: url(imagenes/serigrafia2.jpg);
    background-size: cover;
    background-position: center;
        -webkit-transition: all 0.1s;
}

.fotodest3 {
    background-image: url(imagenes/asentamientotigre.jpg);
    background-size: cover;
    background-position: center;
    border-style: solid;
    border-color: #d6d6d6;
    border-width: 3px;
    clear: both;
    float: left;
    width: 95%;
    height: 10rem;
    margin-left: 0.5rem;
}

.fotodest3:hover {
    background-image: url(imagenes/asentamientotigre2.jpg);
    background-size: cover;
    background-position: center;
        -webkit-transition: all 0.1s;
}

.fotodest4 {
    background-image: url(imagenes/velux.jpg);
    background-size: cover;
    background-position: center;
    border-style: solid;
    border-color: #d6d6d6;
    border-width: 3px;
    clear: both;
    float: left;
    width: 95%;
    height: 10rem;
    margin-left: 0.5rem;
    
}

.fotodest4:hover {
    background-image: url(imagenes/velux2.jpg);
    background-size: cover;
    background-position: center;
        -webkit-transition: all 0.1s;
}

.fotodest5 {
    background-image: url(imagenes/bienal.jpg);
    background-size: cover;
    background-position: center;
    border-style: solid;
    border-color: #d6d6d6;
    border-width: 3px;
    clear: both;
    float: left;
    width: 95%;
    height: 10rem;
    margin-left: 0.5rem;
    
    
}

.fotodest5:hover {
    background-image: url(imagenes/bienal2.jpg);
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.1s;

}

.fotodest6 {
    background-image: url(imagenes/bioticowtf.jpg);
    background-size: cover;
    background-position: center;
    border-style: solid;
    border-color: #d6d6d6;
    border-width: 3px;
    clear: both;
    float: left;
    width: 95%;
    height: 10rem;
    margin-left: 0.5rem;
    
}

.fotodest6:hover {
    background-image: url(imagenes/bioticowtf2.jpg);
    background-size: cover;
    background-position: center;
        -webkit-transition: all 0.1s;
}

.titulos {
    clear: both;
    width: 90%;
    font-family: Bitter, serif;
    font-size: 1.4rem;
    margin-left: 0.5rem;
    margin-top: 11rem;
}

hr.dsf {
    float: left;
    width: 75%;
    margin-left: 0.5rem;
    background-color: #6ed6d6;
    height: 1px;
    margin-top: 0.5rem;
}

.bajada2 {
    clear: both;
    font-family:Raleway, sans-serif;
    margin-top: 1rem;
    font-size: 0.9rem;
    margin-left: 0.5rem;
    width: 95%;
}

.copete1 {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    margin-left: 0rem;
    color: darkcyan;
    font-size: 0.9rem;
}

.copete1 span {
    padding: 1px 4px 1px 4px;
    background-color: #d6d6d6;
}

.noticias2 {
    margin-top: 0rem;
    float: left;
    width: 100%;
    padding-bottom: 2rem;

}

/* CSS de la nota 1 */.

.porquenecesitoesto { }


.encabezadonota1 {
    clear: both;
    width: 100%;
    float: left;
    margin: auto;
    margin-top: 2rem;
    border-bottom-style: solid;
    border-bottom-color: darkgray;
    border-width: 1px;
    padding-bottom: 0.5rem;
}

.encabezado2nota1 {
    clear: both;
    width: 100%;
    float: left;
    margin: auto;
    border-bottom-style: solid;
    border-bottom-color: darkcyan;
    border-width: 1px;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}


.encabezado2nota1 h3 {
    margin: 0;
    background-color: #414141;
    width: 100%;
    margin-top: 0.5rem;
    font-family: Raleway, sans-serif;
    font-size: 1.3rem;
    color: white;
    padding-left: 0.5rem;
}

.principalnota1 {
    clear: both;
    width: 66.5%;
    height: auto;
    float: left;
    margin: auto;
    margin-bottom: 3rem;
}

.encabezado2nota1 h1 {
    margin: 0;
    font-family: bitter,serif;
    font-size: 2.5rem;
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #097474;
}

.encabezado2nota1 h2 {
    margin: 0;
    font-family: raleway, sans-serif;
    font-size: 1.1rem;
    width: 95%;
    line-height: 1.6rem;
    margin-bottom: 1rem;
}

.principalnota1 h3 {
    margin: 0;
    font-family: Bitter, serif;
    font-size: 0.9rem;
    font-weight: 500;
    width: 85%;
}

.fotodenota1 {
    width: 95%;
    height: 20rem;
    background-image: url(imagenes/tiba1.jpg);
    background-size: cover;
    padding:1px;
    border:1px solid #021a40;
    background-color:#ff0;
    margin-bottom: 2rem;
}

.fotodenota2 {
    width: 100%;
    height: 20rem;
    background-image: url(imagenes/tiba2.jpg);
    background-size: cover;
    padding:1px;
    border:1px solid #021a40;
    background-color:#ff0;
    margin-top: 1.5rem;
}

.bajadafoto {
    margin: 0;
    width: 100%;
    font-family: Raleway, sans-serif;
    font-size: 0.8rem;
    color: white;
    margin-bottom: 1.5rem;
}

.bajadafoto span{
    margin: 0;
    background-color: black;
    width: auto:
    background-color: black;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.lateralnota1 {
    width: 33%;
    height: auto;
    float: left;
}

.cuadrolateral1 {
    margin: 0;
 }

.cuadrolateral2 {
    background-color: #9fd6d6;
    margin-top: 1rem;
    padding-top: 0.1rem;
    padding-bottom: 0.3rem;
    border-style: solid;
    border-color: #81afaf;
}

.cuadrolateral3 { 
    margin: 0;
    border-top-style: dotted;
    border-top-width: 1px;
    border-top-color: darkgray;
    
}

.lateralnota1 h1 {
    font-size: 1rem;
    font-family: Bitter,  serif;
    margin-left: 0.5rem;
}

.lateralnota1 a {
    text-decoration: none;
    color: black;
}

.lateralnota1 a:hover {
    color: darkcyan;
    
}

.lateralnota1 h2 {
    font-size: 0.8rem;
    font-family: Raleway,  sans-serif;
    font-weight: 400;
    margin-left: 0.5rem;
}



.pienota1 {
    width: 100%;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: darkgrey;
    height: auto;
    float: left;
    margin: auto;
    padding-top: 1rem;
    padding-bottom: 2rem;
}


.comentarios {
    width: 58%;
}

.comentarios h1 {
    font-size: 1rem;
}

.comentarios h2 {
    font-size: 1rem;
}

.comentarios h3 {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    font-size: 0.8rem;
    color: #777777;
    font-weight: 400;
}

#recuadrocoment {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #414141;
    height: 4rem;
}

#nombrecoment {
    vertical-align: middle;
    float: left;
    margin-top: 0.7rem;
    width: 30%;
    border-style: solid;
    border-width: 1px;
        border-color: #414141;
    height: 1.3rem;
    line-height: 0.3rem;
}

#enviarcoment {
    float: right;
        margin-top: 0.7rem;
    background-color: #6d9f9f;
    width: 15%;
    color: white;
    height: 1.3rem;
    line-height: 0.3rem;
}

#enviarcoment h3 {
    color: white;
    font-weight: 600;
    
}


/* CSS de la nota2 */

.cuerponota {
}

.encabezadonota2 {
    margin-top: 2rem;
    float: left;
    width: 92%;
    background-color: darkcyan;
    height: auto;
}


.encabezadonota2 h1 {
    text-align:left;
    float: left;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    font-family: bitter,serif;
    font-size: 1.7rem;
    width: 80%;
    color: white;
    padding-left: 0.5rem;
}

#iconitos {
    margin-top: 2.3rem;
    background-color: white;
    float: right;
    width: 6%;
    margin-right: 1rem;
}

.principalnota2 {
    clear: both;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 3rem;
}

.filagalproy {
    margin: auto;
    width: 100%;
    height: 15rem;
    margin-top: 1rem;
}

#galproy1 {
    width: 33%;
    background-image: url(imagenes/galproy1b.jpg);
    background-position: left;
    background-size: cover;
    float: left;
    height: 100%;
    margin-right: 0.2rem;
}

#galproy1:hover {
        background-image: url(imagenes/galproy1.jpg);
               -webkit-transition: all 0.3s;
        cursor:pointer;
} 

#galproy2 {
    width: 33%;
    background-image: url(imagenes/galproy2b.jpg);
    background-position: left;
    background-size: cover;
    float: left;
    height: 100%;
        margin-right: 0.2rem;
}

#galproy2:hover {
        background-image: url(imagenes/galproy2.jpg);
               -webkit-transition: all 0.3s;
        cursor:pointer;
} 

#galproy3 {
    width: 33%;
    background-image: url(imagenes/galproy3b.jpg);
    background-position: left;
    background-size: cover;
    float: left;
    height: 100%;
        margin-right: 0.2rem;
}

#galproy3:hover {
        background-image: url(imagenes/galproy3.jpg);
               -webkit-transition: all 0.3s;
        cursor:pointer;
} 

#galproy4 {
    width: 33%;
    background-image: url(imagenes/galproy4b.jpg);
    float:left; 
    background-position: left;
    background-size: cover;
     height: 100%;
        margin-right: 0.2rem;
}

#galproy4:hover {
        background-image: url(imagenes/galproy4.jpg);
               -webkit-transition: all 0.3s;
        cursor:pointer;
} 

#galproy5 {
    width: 33%;
    background-image: url(imagenes/galproy5b.jpg);
    background-position: left;
    background-size: cover;
    float: left;
    height: 100%;
        margin-right: 0.2rem;
}

#galproy5:hover {
        background-image: url(imagenes/galproy5.jpg);
               -webkit-transition: all 0.3s;
        cursor:pointer;
} 

#galproy6 {
    width: 33%;
    background-image: url(imagenes/galproy6b.jpg);
    background-position: left;
    background-size: cover;
    float: left;
    height: 100%;
        margin-right: 0.2rem;
}

#galproy6:hover {
            background-image: url(imagenes/galproy6.jpg);
            -webkit-transition: all 0.3s;
        cursor:pointer;
} 

#galproy7 {
    width: 33%;
    background-image: url(imagenes/galproy7b.jpg);
    background-position: left;
    background-size: cover;
    float: left;
    height: 100%;
        margin-right: 0.2rem;
}

#galproy7:hover {
        background-image: url(imagenes/galproy7.jpg);
               -webkit-transition: all 0.3s;
        cursor:pointer;
} 

#galproy8 {
    width: 33%;
    background-image: url(imagenes/galproy8b.jpg);
    background-position: left;
    background-size: cover;
    float: left;
    height: 100%;
        margin-right: 0.2rem;
}

#galproy8:hover {
        background-image: url(imagenes/galproy8.jpg);
               -webkit-transition: all 0.3s;
        cursor:pointer;
} 

#galproy9 {
    width: 33%;
    background-image: url(imagenes/galproy9b.jpg);
    background-position: left;
        background-size: cover;
    float: left;
    height: 100%;
        margin-right: 0.2rem;
}


#galproy9:hover {
        background-image: url(imagenes/galproy9.jpg);
               -webkit-transition: all 0.3s;
    cursor:pointer;
} 


/* CSS del footer */


footer {
    position: relative;
    clear: both;
    width: 100%;
    height: auto;
    font-family: Bitter;
    background-color: darkgrey;
    margin-bottom: 0px;
    font-size: 0.8rem;
}

.cuerpofooter {
     width: 75%;
    height: 28rem;
    background-color: darkgrey;
    margin: auto;
   
}

#footerizq {
    margin-top: 2rem;
    width: 33%;
    float: left;
    height: auto;
    text-align: center;
}

#footerizq img {
    clear: both;
    padding-right: 1rem;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    margin-right: 3rem;
}

h4 {
    font-family: raleway;
    font-weight: 500;
    text-align: left;
    font-size: 0.7rem;
    width: 96%;
    color: #525252;
}
.footercen {
    margin: auto;
       margin-top: 2rem;
    float: left;
    width: 33%;
    height: 10rem;
}
.footercen h1 {
    text-align: center;
   color: black;
    font-size: 1rem;
    font-weight: 600;
    font-family: Raleway;
}

.footercen h2 {
    width: 90%;
    margin: auto;
   color: #525252;
    font-family: Raleway;
    font-size: 0.7rem;
    font-weight: 600;
}


.footercen h3 {
    width: 90%;
    margin: auto;
    margin-top: 0.3rem;
    font-family: Raleway;
    color: #525252;
    font-size: 0.7rem;
    font-weight: 500;
}

.footercen a {
text-decoration:none; 
    color: #525252;
}

.footercen a:hover {
color:darkcyan; 
}


.redes {
    width: 80%;
    margin:auto;
    height: 2rem;
    margin-bottom: 1.5rem;
}

.logof {
    margin-right: 1rempx;
    width: 33%;
    float: left;
    height: 100%;
    background-image:url(imagenes/fbb.png);
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
}

.logof:hover {
    background-image:url(imagenes/fbc.png);
        -webkit-transition: all 0.1s;
}

.logot {
    width: 33%;
    float: left;
    height: 100%;
    background-image:url(imagenes/twiiterb.png);
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
}

.logot:hover {
    background-image:url(imagenes/twiiterc.png);
        -webkit-transition: all 0.1s;
}

.logoy {
    width: 33%;
    float: left;
    height: 100%;
    background-image:url(imagenes/youtubeb.png);
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
}

.logoy:hover {
    background-image:url(imagenes/youtubec.png);
        -webkit-transition: all 0.1s;
}

.footerder {
    margin: auto;
       margin-top: 2rem;
    float: left;
    width: 33%;
    height: 10rem;
    text-align: left;
}


.footerder h1 {
   color: #525252;
    font-size: 1rem;
    text-align: center;
    font-weight: 600;
    font-family: Raleway;
}

.footerder h2 {
    width: 90%;
    margin: auto;
   color: #525252;
    font-family: Raleway;
    font-size: 0.7rem;
    font-weight: 600;
    margin-top: 1rem;
}

.footerder h3 {
     width: 90%;
    margin: auto;
    margin-top: 0.3rem;
    font-family: Raleway;
   color: #525252;
    font-size: 0.7rem;
    font-weight: 500;
}


@media screen and (max-width: 480px) {
    
      #logo {
    width: 100%;
}
    
    #logo img {
     width: 80%;
    margin: auto;

    }
     nav { 
         padding: 0;
         margin-top:0;
         height: auto;
         width: 100%;
        margin-bottom: 1rem;
         height: auto;
    }
    nav ul {
     padding: 0;
        width: 100%;
    }
    
    nav ul li {
        padding: 0;
        width: 28%;
        margin-bottom: 0.5rem;
        font-size: 0.8rem;
    }

    nav ul a {
        text-align: center;
        
    }
    
    nav ul li a:hover  {
    border-bottom: 0.15rem solid #98dede;
    padding-bottom: 0.3rem;
}
    
    .copete {
     font-size: 0.6rem; 
        width: auto;
    }
    
    .cajatextoslider {
        margin: 0;
        width: 90%;
        margin: auto;
        padding-left: 0.5rem;
        
    }

    .tituloslider {
        font-size: 1.4rem;
        width: 100%;
    }

    
    .bajadaslider {
    clear: both;
    text-align: left;
    font-family: Raleway, sans-serif;
    width: 90%;
    color: white;
    float: left;
    line-height: 1.2rem;
    margin-top: 0.5rem;
            margin-left: 0.5rem;
    font-size: 0.7rem;
}
    
    section {
height: 100%;
        clear: both;
        margin: auto;
     width: 100%;
    }
    
    .principal {
        margin-top: 2rem;
        clear: both;
        width: 98%;
    }
    
    .principal h1 {
        font-size: 2rem;
        height: 1rem;
     
    }
    .principal h2 {
        width: 100%;
        font-size: 0.8rem;
        margin-top: 0;
        padding-top: 0;
        
    }
    
    .lateral1 {
        display: none;
    }
    
    .notastipograficas {
        height: auto;
        width: 100%;
        margin-bottom: 1.5rem;
    }
    .galeriaproyectos{
     width: 95%;   
    }
    .multimediahome {
        display: none;
    }
    
    .atrescolumnas {
        display: none;
    }
.tresarticulos {
         width: 100%;
    clear: both;

    margin: auto;
}
    .noticias2 {
     float: left;
        
    }
    .titulos {
        width: 95%;
        font-size: 1rem;
    }
       .bajada2 { 
        display: none;
       }
    .not1 {
    float: left;
    width: 90%;
        font-size: 0.5rem;
}
    
    .not2 {
    float: left;
    width: 90%;
}
.not3 {
    float: left;
    width: 90%;
}
    
    
        .encabezadonota1 {
        width: 100%;
height: auto;
    }
    
    
    .cuerponota {

        width: 100%;
        margin-left: 0.1rem;
height: auto;
    }
    
        
    .cuerponota h1 {
        width: 100%;
        font-size:1.5rem;
    }

        .cuerponota h2 {
        width: 100%;
        font-size:0.8rem;
            line-height: 1.2rem;
    }

        .lateralnota1 {
        width: 100%;    
        }
    
        .comentarios {
        width: 90%;   
            height: auto;
        }
    footer {
    background-color: darkgray;
        height: 50rem;

    }
    
        .principalnota1 {
            margin-left: 0.5rem;
        width: 100%;
        font-size:1rem;
    }
    
            .fotodenota1 {
  background-size: cover;
    }
    
    
#footerizq {
    width: 100%;
    height: auto;
}
.footercen {

        background-color: darkgray;
    width: 100%;
    height: auto;
}
.footerder {
    height: auto;
display: none;
}
    
}