@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

html { font-size: 62.5%; } 

*{  list-style: none; 
    font-family: 'Colaborater', sans-serif; 
    margin: 0;}

@font-face {
    font-family: 'Colaborateb';
    src: url(fonts/ColabBol.otf);
}
@font-face {
    font-family: 'Colaborater';
    src: url(fonts/ColabReg.otf);
}
@font-face {
    font-family: 'Colaboratet';
    src: url(fonts/ColabThi.otf);
}

header{   
    width: 100%; 
    width: 100vw; 
    min-height: 598px; 
    margin:auto;
}

.fondo img{
    /**zoom: 1.3;**/ 
    display: block;
    margin: auto;
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
}

.logo {
    position: relative; 
    float: left; 
    padding-top: 3%; 
    padding-right: 2%; 
    margin-left: 22%; 
    margin-bottom: 2%;
}


header nav ul {
    margin-right: 22%; 
}

header nav ul li {
    position: relative; 
    float: right; 
    padding-left: 1.5%; 
    padding-top: 5.5%; 
}

header nav ul li a{ 
    text-decoration: none; 
    color:#5D5D5D; 
    font-size: 1.2rem; 
    text-align: center;
}

header nav ul li a:hover{ 
    text-decoration: color:#5D5D5D; 
    font-size: 1.2 rem; 
    text-align: center; 
    border-bottom-style:solid; 
    border-bottom-color: #F64747; 
    border-bottom-width:thin;
}

.margin-auto{
    margin:auto;
}

.aside{
    margin:auto;
}

.contenedor_100{
    background: #d02020; 
    width: 100%; 
    min-height: 600px; 
    margin:auto; 
}

.contenedor_80{
    background:#fff; 
    width: 1000px; 
    min-height: 800px;  
    margin:auto; 
}

.art1{
    background-color: #F64747;
    height: 60%;
    display: inline-block;
    margin-top: 0;
    
}

.sub{
    color: #F2BF4C;
    font-size: 4.5rem;
    text-align: center;
    padding-top: 5%;
    padding-bottom: 1%;
}

.sub2{
    color: #F2BF4C;
    font-size: 4.5rem;
    text-align: center;
    padding-top: 1%;
    padding-bottom: 3%;
}


.light{
    font-family: 'Colaboratet';
    color: #F2BF4C;
    font-size: 4.5rem;
    text-align: center;

}

.blanco{
    color: aliceblue;
    font-size: 1.5rem;
    padding-top: 2%;
    padding-bottom: 4%;
    padding-left: 9%;
    padding-right: 9%;
    font-family: 'Colaborater', sans-serif; 
    text-align: center;
}

p{
    color: #5D5D5D;
    font-size: 1.5rem;
    padding-top: 5px;
    padding:2%;
    font-family: 'Colaborater', sans-serif; 
    text-align: left;
    margin-left: 4%;
}

h4{
    color: #F64747;
    font-size: 1.5rem;
    padding-top: 5px;
    font-family: 'Colaborateb', sans-serif; 
    text-align: left;
    margin-left: 6%;    
}

.titulo-chico{
    font-family: 'Colaboratet';
    color: #F2BF4C;
    text-align: center;
    font-size: 2rem;
    padding-top: 5%;
}

.titulo-chico2{
    font-family: 'Colaboratet';
    color: #Fff;
    text-align: center;
    font-size: 2rem;
    padding-top: 5%;
}

.zocalo-redes-sociales{
    background: #3AAECE; 
    width: 1000px; 
    min-height: 200px;  
    margin:auto;

}

.zocalo-redes-sociales img{
    width: 10%;
    height: 10%;
    margin: auto;
    padding-top: 5%;
    padding-left: 5%;
}

.copy-zocalo-redes-sociales{
    border-left-style: solid;
    border-left-width: thin;
    border-left-color: #d7dff5;
    padding: 2%;
    text-align: left;
}
    
.footer_80{
    background: #5d5d5d; 
    width: 1000px; 
    min-height: 90px; 
    margin:auto;
    text-align: center;
}

footer p{
    text-align: center;
    line-height: 0.5rem;
}
footer .footer-texto{
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-family: 'Colaboratet';
    line-height: 0.5rem;
}

footer a{
    text-align: center;
    color: #F2BF4C;
    font-size: 1.2rem;
    font-family: 'Colaboratet';
    text-decoration: none;
    padding: 2%;
}

footer a:hover{;
    color: #Fff;
}


.left{
    float:left;
    position: relative;
}

.right{
    float:right;
    position: relative;
}

.clear{
    clear: both;
}

.thumb-fotos{
    background: #fff;
}
.novedades{
    background: #fff;
    min-height: 36%;
    position: relative;

}

.textonoticias{
    margin-left: 20px;
        text-align: justify;
}

.textonoticias h4{
    padding-left: 20px;
}

.textonoticias p{
    padding-left: 20px;
}

.c5{
    width:100%;
    position: relative;
}

.c4{
    width:80%;
    position: relative;
}

.c3{
    width:60%;
    position: relative;
}
.c2-5{
    width:45%;
    position: relative;
}
.c2{
    width:40%;
    position: relative;
}

.c1-5{
    width:28%; 
    position: relative;
}

.c1{
    width:20%; 
    position: relative;
}

.fotos{
    margin-right:20px;
    height: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
}

.boton_rojo{
    background-color:#F64747;
    font-size: 1.3rem;
    padding: 3px;
    text-decoration: none;
    color: #F2BF4C;
    margin-left: 6%;    
}

.boton_rojo2{
    background-color:#F64747;
    font-size: 1.3rem;
    padding: 3px;
    text-decoration: none;
    color: #F2BF4C;  
}

.boton_rojo:hover{
    color: #000;
    background-color:#5D5D5D;
    color: #fff;
}

.boton_rojo2:hover{
    color: #000;
    background-color:#5D5D5D;
    color: #fff;
}


.noticia1{
    padding-right:2%;
    margin-bottom: 4%;
}

.noticia2{
    position: relative;
    float: left;
    height: 200px;
    padding-right:2%;
    margin-bottom: 4%;
    margin-top: 3%;
}