@import url("fuentes.css");

/* IMAGEN FONDO */
body {
    width: 1900px;
    background-color: rgb(255, 255, 255);
}

#contenedor {
    width: 1900px;
    
}

main{
    width:1800px;
    position: absolute;
}

/* LOGO */

header {
    width: 1900px;
    float: left;
}


header img {
    width: 87.5%;
    margin-left: 6%;
    margin-right: 6.5%;
    margin-top: 2%;
}

/* NAVEGACION */
nav {
    width: 90%;
    float: left;
    margin-top: 0px;
    margin-right: 4%;
    margin-left: 4%;
}

nav ul li {
    float: left;
    list-style: none;
}

nav ul li a {
    text-decoration: none;
    width: 273px;
    display: block;
    font-size: 12pt;
    font-family: 'fishmongerkxcond_light';
    text-align: center;
    border-bottom-style: solid;
    border-right-style: solid;
    padding-bottom: 5px;
    padding-top: 5px;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

nav ul li a:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
}

nav ul li.inicio a {
    color: rgb(0, 0, 0);
}


/* INGRESO */

#login {
    width: 270px;
    margin-left: 89%;
    top: 39px;
    position: absolute;
}

#login h1 {
    font-family: sans-serif;
    font: bold;
    font-size: 14pt;
}

#login p {
    font-family: sans-serif;
    font-size: 12pt;
}

#login a{
    font-size: 9pt;
    font-family: sans-serif;
    background: rgb(0, 0, 0);
    width: 94px;
    color: #fff;
    text-decoration: none;
    padding: 6px;
}

#login a:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(239, 215, 69);
}

#login img {
    width: 120px;
    margin-left: 0px;
    margin-top: 20px;
}

/* PANTALLA INICIO NOVEDADES */

/* novedades */

#novedades ul {
    float:left;
    width: 1800px;
    margin-left: 2.5%;
   
}

#novedades ul li {
    width: 29%;
    float: left;
    list-style: none;
    margin-top: 5%;
    margin: 28.5px;
    text-align: center;
    background-size: 550px;
 font-family: 'fishmongerkmedium_light';
}

#novedades ul li a {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.6);
    font-size: 30pt;
    text-align: center;
    padding-top: 20px;
    float:left;
    color: rgb(0, 0, 0);
    width: 553px;
    height: 106px;
    border-bottom: groove;

}


/* PARRAFOS MATERIAS */

#novedades ul img{
    width: 550px;
margin-left: 1px;
    margin-top: -21px;
}

#novedades a.nove{
  height: 524px;
width: 545px;
    margin-left: 2px;
}


/* cajas derechas */

.cajas {
float: right;
   top: 12px;
    position: absolute;
    margin-left: 1520px;
    margin-top: 340px;
    width: 250px;

}
.cajas ul {
    width: 100%;
    height: 100%;
    float: right;
    
}

.cajas ul li {
float: right;
    width: 200px;
        list-style: none;
   border-bottom: solid;
height: 200px;
    margin: 20px;
  
}

.cajas ul li a{
    float: right;
font-size: 12pt;
    text-decoration: none;
    text-align: center;
      margin-top: 7px;
    font-family: 'fishmongerkmedium_semibold';
     width: 100%;
    margin-bottom: 20px;
 ;
}
.cajas ul li a.cajitas{
    float: right;
font-size: 12pt;
    text-decoration: none;
    text-align: center;
  background: rgba(234, 242, 136, 0.68);
    font-family:sans-serif;
     width: 49%;
    height: 100px;
    padding-top: 30px;
    margin: 1px;
     }
.cajas ul li a.cajitas b{
font-size: 30pt;
}


.cajas ul li a.grupo{
width: 180px;
      height: 19px;
    margin: 3px;
    padding: 6px;
 background: rgba(247, 71, 67, 0.75);
}

.cajas ul li a.grupo:hover{
background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.cajas ul li a.grupo2{
width: 180px;
      height: 19px;
    margin: 3px;
    padding: 6px;
  background: rgba(169, 216, 124, 0.75);
}
.cajas ul li a.grupo2:hover{
background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.cajas ul li a.grupo3{
width: 180px;
      height: 19px;
    margin: 3px;
    padding: 6px;
  background: rgba(239, 215, 69, 0.75);
}

.cajas ul li a.grupo3:hover{
background: rgba(0, 0, 0, 0.3);
    color: #fff;
}



/* FORO */
#foro {
    width: 760px;
    margin-left: 37.3%;
    top: 375px;
    position: absolute;
    color: rgba(234, 242, 136, 0.68);
  border-left: solid;
    padding-left: 30px;
   border-right: solid;
    height: 830px;
     padding-right: 30px;
}

/* titulo */
#foro h1 {
    font-size: 30pt;
    font-family: 'fishmongerkmedium_light';
    color: #000;
}

#foro h2 {
    font-family: sans-serif;
    font-size: 20pt;
    color: #000;
  border-bottom: groove;
} 

/* texto */

#foro ul li {
    list-style: none;
}

#foro a {
    font-family: sans-serif;
    font: bold;
    font-size: 14pt;
    float: left;
    margin-left: 20px;
      text-decoration: none;
    color: rgb(247, 71, 67);
}

#foro p {
    font-family: sans-serif;
    font-size: 10pt;
    float: left;
    margin-left: 55px;
    margin-top: -60px;
    color: #000;
}

#foro p.horario {
    margin-top: 1px;
    float: right;
    color: rgba(0, 0, 0, 0.38);
}

#foro img {
    display: block;
    width: 10%;
    float: left;
    margin-top: 5px;
 
}

.comentario_b {
    clear: both;
    margin-left: -39px;
    padding-top: 20px;
}

.comentario_b p {
    clear: both;
    padding-left: 40px;
}

.comentario_c {
    clear: both;
    margin-left: -39px;
    padding-top: 20px;
}

.comentario_c p{
    clear: both;
    padding-left: 40px;
}

input {
height: 90px;
    width: 665px;
    margin-top: 0;
    margin-left: 0px;
   
}




/* CALENDARIO */

#calendario {
    width: 20%;
    margin-left: 93px;
    margin-top: 25%;
}

#calendario img {
    margin-left: 25px;
}

#calendario h1 {
    font-size: 30pt;
    font-family: 'fishmongerkmedium_thin';
    margin-left: 25px;
}

#calendario_texto ul {
    width: 40%;
    float: right;
    margin-right: 36%;
    margin-top: -30%;
}

#calendario_texto ul li {
    list-style: none;
}

#calendario_texto h1 {
    color: rgb(239, 215, 69);
    font-family: 'fishmongerkmedium_thin';
    font-size: 40pt;
}

#calendario_texto h2 {
    font-family: sans-serif;
    font-size: 20pt;
}

#calendario_texto h3 {
    font-family: sans-serif;
    font-size: 14pt;
    color: rgb(247, 71, 67);
}

#calendario_texto p {
    font-family: sans-serif;
    font-size: 10pt;
    text-align: justify;
}

/*  CALENDARIO ANEXO */

#calendario_link {
    width: 18%;
    float: right;
    margin-top: -32%;
    margin-right: 16.5%;
    border-right-style: solid;
    border-color: rgba(234, 242, 136, 0.68);
    height: 35em;
}

#calendario_link a {
    font-family: sans-serif;
    text-decoration: none;
    color: rgb(247, 71, 67);
    background-color: rgb(255, 255, 255);
    font-size: 14pt;
    display: block;
    width: 250px;
    padding: 0.5em;
    margin: 1em;
    border-bottom-style: solid;
    text-align: right;
   
}

#calendario_link a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(247, 71, 67);
}

#calendario_link ul li {
    list-style: none;
    margin-left: -40px;
}

#calendario_link ul li.entrega a {
    color: rgb(255, 255, 255);
}

#calendario_link h1 {
    font-family: sans-serif;
    font-size: 14pt;
    color: rgb(247, 71, 67);
    margin-left: -20px;
}

#calendario_link p {
    font-family: sans-serif;
    font-size: 10pt;
    text-align: justify;
    margin-left: -20px;
    width: 85%;
}



/*  NOVEDADES */

.novedad1 {
    height: 500px;
    margin-left: 160px;
    margin-top: 30px;
width: 500px;
    float: left;
     background: #000;
    border-top: solid;
}

.novedad1 img{
width: 500px;
}
.novedad1 p{
width: 500px;
    font-size: 12pt;
     font-family: sans-serif;
    text-align: justify;
    
}
.novedad1 a{
color: rgb(247, 71, 67);
}


.novedad2 {
    height: 500px;
     margin-top: 30px;
width: 500px;
    float: left;
    background: #000;
    margin-left: 30px;
     border-top: solid;
}
.novedad2 img{
width: 500px;
}
.novedad2 p{
width: 500px;
    font-size: 12pt;
     font-family: sans-serif;
    text-align: justify;
    
}
.novedad2 a{
color: rgb(247, 71, 67);
}


.novedad3 {
    height: 500px;
     margin-top: 30px;
width: 500px;
    float: left;
     background: #000;
     margin-left: 30px;
     border-top: solid;
}

.novedad3 img{
width: 500px;
}
.novedad3 p{
width: 500px;
    font-size: 12pt;
     font-family: sans-serif;
    text-align: justify;
       }
.novedad3 a{
color: rgb(247, 71, 67);
}

/* PERFIL*/

.comentario_c address.enviar1 {
float: right;
    position: absolute;
      margin-top: -15px;
    margin-left: 670px;
    color: #000;
    }

.comentario_c address.enviar1:hover {
color: #fff;
    background: #000;
}

.item3{
float: left;
  height: 300px;
    width: 500px;
    margin-left: 80px;
    margin-top: 65px;
    list-style: none;
    text-decoration: none;
    padding-top: 10px;
      color: rgb(239, 215, 69);
    
}
.item3 img{
    width:  50%;
    float: left;
    margin-left: 10px;
    list-style: none;
    list-style: none;
    text-decoration: none;
    
}

.item3 h1 {
font-size: 24pt;
     font-family: 'fishmongerkmedium_thin';
    margin-left: 10px;
    margin-top: 100px;
    float: left;
    list-style: none;
    text-decoration: none;
    color: rgb(0, 0, 0);
} 

.item3 p { 
    float: left;
    width: 230px;
color: #fff;
      margin-left: 10px;
    float: left;
    margin-top: -14px;
}

.item3 a {
float: left;
    width: 219px;
    margin-top: 6px;
    height: 25px;
    list-style: none;
    text-decoration: none;
    font-family: sans-serif;
    border-bottom: groove;
    color: #000;
} 
.item3 a:hover {
color:rgb(247, 71, 67);
}


#amigos {
float: left;
  height: 450px;
    width: 500px;
    margin-left: 129px;
    margin-top: 30px;
    list-style: none;
    text-decoration: none;
       color: rgb(0, 0, 0);
    clear: both;
    padding-left: 20px;
}

#amigos ul li {
width: 90px;
    height: 100px;
    float: left;
    margin: 4px;
    list-style: none;
  margin-bottom: 20px;
 
}

#amigos a {
    float: left;
 text-align: center;
text-decoration: none;
    font-family: sans-serif;
    font-size: 9pt;
    
}
#amigos a:hover {
color: rgb(97, 201, 117);
}

#amigos img {
  width: 100%;
    float: left;
  
}
#amigos h2 {
border-bottom: solid;
    color: rgb(247, 71, 67);
    font-family: sans-serif;
     width: 454px;
    float: left;
    font-size: 12pt;
   
}

/* descargas .........................................................................*/

#descargas {
    width: 92%;
    margin-left: 3.1%;
    margin-top: 22%;

}

#descargas ul li {
    list-style: none;
    width: 28%;
    height: 35em;
    float: left;
    margin-left: 1%;
    background-color: rgb(244, 244, 244);
}

#descargas ul li a {
    text-decoration: none;
    clear: both;
    font-family: 'fishmongerkmedium_thin';
    font-size: 18pt;
    margin-left: 5%;
    color: rgb(0, 0, 0);
    width: 20em;
}

#descargas ul li.mg a:hover {
    color: rgb(244, 244, 244);
    background-color: rgb(239, 215, 69);
}

#descargas ul li.ma a:hover {
    color: rgb(244, 244, 244);
    background-color: rgb(247, 71, 67);
}

#descargas ul li.mu a:hover {
    color: rgb(244, 244, 244);
    background-color: rgb(169, 216, 124);
}

#descargas ul li.mg h1 {
    font-family: 'fishmongerkmedium_thin';
    font-size: 40pt;
    margin-left: 5%;
    color: rgb(239, 215, 69);
}

#descargas ul li.ma h1 {
    font-family: 'fishmongerkmedium_thin';
    font-size: 40pt;
    margin-left: 5%;
    color: rgb(247, 71, 67);
}

#descargas ul li.mu h1 {
    font-family: 'fishmongerkmedium_thin';
    font-size: 40pt;
    margin-left: 5%;
    color: rgb(169, 216, 124);
}

#descargas h2 {
    font-family: sans-serif;
    font-size: 14pt;
    margin-left: 5%;
}



/* IMGVIDEOS */

#principal{
float:left;
    width: 1400px;
    margin-left: 100px; 
        
        
}

#principal li{
    float:left;
width:500px;
    height: 208px;
margin-left:280px;
        margin-top:20px;
    list-style: none;
}

#principal li h2{
    float:right;
font-family: 'fishmongerkmedium_thin';
    margin-top: 120px; 
    font-size: 55pt; 
        width: 500px;
        text-align: right;
}

#principal li p{
font-family: sans-serif;
    text-align: right;
   float: right;
    margin-top: -65px;
    margin-right: 3px;
}

iframe {
float: left;
    margin-left:29px;
    margin-top:20px;
  }

#imagenes {
float: left;
    width: 850px;
    height:490px;
    margin-left: 80px;
    border-bottom: solid;
    margin-top: 30px;
  }

#imagenes ul li{
background: #000;
    width: 180px;
    height: 150px;
    float:left;
    margin:9px;
    list-style: none;
}

#imagenes ul p{
font-family: 'fishmongerkmedium_thin';
    font-size: 25pt;
}

#imagenes ul li img {
width: 100%;
    height: 150px;
}

#videos {
float: left;
    width: 850px;
   height:490px;
    border-bottom: solid;
    margin-top: 30px;
margin-left:-28px;
  }

#videos ul p{
font-family: 'fishmongerkmedium_thin';
    font-size: 25pt;
    text-decoration: none;
     list-style: none;
    float:left;
    width:750px;
    color: #000;
    margin-top:19px;
}

#videos ul li{
background: #000;
    width: 180px;
    height: 150px;
    float:left;
    margin:9px;
    list-style: none;
    text-decoration: none;
}

#videos ul li img {
width: 100%;
    height: 150px;
}

#logis{
    float: left;
    margin-left:750px;
    height: 90px;
}

#logis ul li{
   text-decoration: none;
    list-style: none;
}

#logis img{
float:left;
    width: 15%;
    margin-top:20px;
    margin-left: 20px;
    text-decoration: none;
    list-style: none;
}

#logis img:hover{
width: 17%;
}



/* PERFIL MIS FOTOS....................................................................*/
#modulos {
    float:left;
    width: 80%;
    margin-left: 2%;
   }


#modulos ul li {
    display: block;
    width: 20em;
    float: left;
    list-style: none;
    margin-top: 5%;
    padding-left: 20px;
    text-align: center;
    margin-left: 85px;
}

#modulos ul li a {
    display: block;
    width: 10em;
    height: 10em;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.55);
    font-size: 20pt;
    text-align: center;
    font-family: sans-serif;
    margin: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: left;
    color: rgb(239, 215, 69);
}

#modulos h2 {
    font-family: sans-serif;
    font-size: 10pt;
    font-variant: bold;
}

#modulos p {
    font-family: sans-serif;
    font-size: 10pt;
}

#modulos ul li.a  {
    background-image: url(imagenes/0.jpg);
    width: 20em;
    height: 20em;
}

#modulos ul li.h  {
    background-image: url(imagenes/servicio.jpg);
    width: 20em;
    height: 20em;
}

#modulos ul li.e  {
    background-image: url(imagenes/Estructuras-de-arquitectura-2.jpg);
    width: 20em;
    height: 20em;
}

#modulos ul li.d  {
    background-image: url(imagenes/arquitectura-en-movimiento-peruarki-edificio-artificio-peruarki-3.jpg);
    width: 20em;
    height: 20em;
}

#modulos ul li.i  {
    background-image: url(imagenes/82520__chicago-modern-architecture_p.jpg);
    width: 20em;
    height: 20em;
}

#modulos ul li.f  {
    background-image: url(imagenes/fondo%20catedra.jpg);
    width: 20em;
    height: 20em;
}

#modulos ul li.g  {
    background-image: url(imagenes/Material-basico-de-la-arquitectura.jpg);
    width: 20em;
    height: 20em;
}

#modulos ul li.b  {
    background-image: url(imagenes/arquitectura_gehry_hadid_barcelona_futuro1.jpg);
    width: 20em;
    height: 20em;
}

#modulos ul li.c  {
    background-image: url(imagenes/Arquitectura-del-siglo-XXI.jpg);
    width: 20em;
    height: 20em;
}

#solapas {
    width: 80%;
    margin-left: 2.5%;
}


#solapas ul li a {
    display: block;
    width: 15em;
    text-decoration: none;
    font-size: 14pt;
    font-family: sans-serif;
    padding: 10px;
    border-bottom: solid;
    float: left;
    color: rgb(0, 0, 0);
    margin-left: 2%;
    margin-top: 5%;
}

#solapas ul li.resaltado a {
    color: rgb(0, 0, 0);
    background-color: rgba(239, 215, 69, 0.5);
}

/*-------------------------------------------------------------------------------------*/

/* PERFIL MIS FOTOS....................................................................*/

#boteventos{
width: 297px;
    height: 100px;
    margin-top: 365px;
  margin-left: 64px;

}

#boteventos ul li{
clear: both;
    list-style: none;
    margin-bottom: 5px;
    width: 290px;
    padding-left: 9px;
margin-left: 10px;
   border-bottom: groove;
   
    }

#boteventos ul li:hover{
 background:rgba(247, 71, 67, 0.7);
}


#boteventos ul li a{
font-family: sans-serif;
   color:rgba(0, 0, 0, 0.74);
    text-decoration: none;

}

#todos{
width: 1070px;
    height: 230px;
float: left;
    margin-left: 404px;
    margin-top: -82px;
}
#todos ul li.proxima{
height: 202px;
    width: 500px;
    float: left;
        list-style: none;
    border-bottom: groove
}

#todos ul li img{
width: 180px;
  float: left;
    margin-top: 22px;
}

#todos ul li a{
font-family: sans-serif;
    color: rgba(0, 0, 0, 0.43);
       text-decoration: none;
    text-align: left;
    float: left;
    }

#todos ul li.mayo{
    margin-left: 10px;
height: 202px;
    width: 500px;
    float: left;
     border-bottom: groove;
     list-style: none;
}

#todos ul li p{
width: 290px;
    margin-left: 185px;
    color:#000;
}

.megusta {
float: left;
    margin-left: 185px;
    margin-top: 180px;
 position: absolute;
    list-style: none;
     
}
.megusta a{
margin-right: 6px;
       list-style: none;
   background: rgba(239, 215, 69, 0.61);
    padding-left: 3px;
    padding-right: 3px;
}
.megusta a:hover{
background: rgba(239, 215, 69, 0.24);
}


.megusta2 {
float: left;
    margin-left: 693px;
    margin-top: 180px;
 position: absolute;
    list-style: none;
     
}

.megusta2 a{
margin-right: 6px;
       list-style: none;
    background: rgba(239, 215, 69, 0.61);
    padding-left: 3px;
    padding-right: 3px;
}
.megusta2 a:hover{
background: rgba(239, 215, 69, 0.24);
}

#populares{
width: 1065px;
    margin-left: 410px;
    float: left;
    margin-top: 40px;
    font-family: sans-serif;
 color: rgba(0, 0, 0, 0.53);
   
}




#populares ul li{
float: left;
    width: 240px;
    margin-right: 9px;
    list-style: none;
    height: 530px;
  border-bottom: groove;
}

#populares img{
width: 240px;
}
#populares ul li h1{
    font-family: sans-serif;
    color:rgba(0, 0, 0, 0.54);
    text-align: center;
}

#populares p{
font-family: sans-serif;
    font-size: 10pt;
    text-align: justify;
    }

#populares a{
float: left;
    width: 40%;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 10pt;
    margin-top: 10px;
    margin-left: 15px;
    color: rgba(0, 0, 0, 0.72);
    background: rgba(239, 215, 69, 0.54);
    text-align: center;
}
#populares a:hover{
background: rgba(247, 71, 67, 0.62);
}

#populares a.mas{
 margin-right: 793px;
    position: absolute;
    width:70px;
    top:745px;
    float: right;
    background: none;
}
#populares a.mas:hover{
color:rgb(247, 71, 67);
}

/*-------------------------------------------------------------------------------------*/

footer {
    clear: both;
    width: 53%;
    margin-left: 30%;
    font-size: 10pt;
    font-family: sans-serif;
    font-style: normal;
    text-align: center;
    color: rgb(0, 0, 0);
    padding-top: 80px;
}