/*BODY*/
body{
margin: 0;
background-image:url(imagenes/fondonegro.png);
}
/* FIN BODY*/

/*PAGINA BLANCA*/
#pagina_blanca{
width: 960px;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top:0;
background-color: white;
}
/*FIN PAGINA BLANCA*/

/*HEADER*/
header{
width: 100%;
height: auto;
padding-top: 2%;
background-color: white;
}
/*FIN HEADER*/

/*REDES*/
#redes{
display: inline;
float: right;
margin-right: 2%;
}
#redes a:hover{
background-color:rgb(146,188,17);
}
/*FIN REDES*/

/*LOGO*/
#logo img{
display: inline;
width: 25%;
margin-left: 2%;
float: left;
}
/*FIN LOGO*/

/*MENU*/
#menu {
width: 70%;
float: left;
height: auto;
}
#menu nav ul li{
float: left;
margin-top: 4%;
padding-left: 7%;
list-style: none;
}
#menu nav ul li a{
font-family: 'Rosario', sans-serif;
font-size: 12pt;
padding-left: 0.5rem;
border-left: 1px solid black;
color: black;    
}
#menu a:hover{
background-color: rgb(146,188,17);
}
/*FIN MENU*/

/*BANDA VERDE*/
#bandaverde p{
margin-top: 12%;
width: auto;
padding-left: 3%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
background-color: rgb(146,188,17);
border: 1px solid black;
}
/* FIN BANDA VERDE*/

/*FUTER*/
/*CAJAS GENERALES FUTER*/
footer{
width: 100%;
height: auto;
clear: both;
margin-top: 5%;
background: #b7b0b0;
}
#lista{
width: 66%;
float: left;
padding-top: 0;
padding-left: 2%;
padding-right: 2%;
border-right: 1px solid black;
}
#fadu{
float: left;
width: 29%;
}
#legales{
clear: both;
width: 100;
background-color: #535050
}
/*CAJAS GENERALES FUTER*/

/*CONTINUA LAS LISTAS*/
#mapa1{
float: left;
width: 18%;
}
#mapa2{
width:18%;
float: left;
margin-left: 2%;
}
#mapa3{
width:20%;
float: left;
margin-left: 2%;
}
#mapa4{
width:20%;
float: left;
margin-left:2%;
margin-bottom: 2%;
}
#mapa4titulo , #mapa3titulo , #mapa2titulo , #mapa1titulo {
padding-top: 16%;
font-family: 'Montserrat', sans-serif;
}
#mapa1 a , #mapa2 a , #mapa3 a , #mapa4 a{
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-size:7.5pt;
color: black;
}
/*FIN CONTINUA LAS LISTAS*/


/*CONTINUA FADU*/
#fadu img{
width: 70%;
margin-left: 15%;
margin-top: 9%;
}
#fadu h2{
display: inline;
}
#fadu a{
margin-left: 15%;
font-family: 'Montserrat', sans-serif;
font-size:8pt;
color:black;
}
#fadu a:hover{
background-color: rgb(146, 188, 17);
}
/*FIN CONTINUA FADU*/


/*CONTINUA LEGALES*/
#legales p{
padding: 2%;
font-family: 'Rosario', sans-serif;
font-size: 7pt;
color: white;
}
/*FIN CONTINUA LEGALES*/
/*FIN FUTER*/








/*CAJAS GENERALES PARA ARTICULO Y ASIDE*/
article{
width: 70%;
height: auto;
float: left;
border-right: 1px solid black;
}
aside{
width: 27%;
height: auto;
float: left;
margin-left: 2%
}
/*FIN CAJAS GENERALES PARA ARTICULO Y ASIDEA*/

/*ARTICULO*/
#articulo1 {
width: 100%;
height: auto;
overflow: hidden;
border-bottom: 1px solid black;
}
#articulo1 h1{
display: inline;
margin-left: 4%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: black;
}
#articulo1 h2{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 30pt;
color:black;
}
#articulo1 p{
margin-left: 4%;
margin-right: 4%;
margin-top: -4%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: black;
}
#slider{
width: 100%;
height: auto;
margin-top:2%;
margin-left: 4%;
margin-right:4%;   
}
/*#slider img{
width: 580%; 
height:280;
}*/
#articulo2{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 4%;
border-bottom: 4px solid black;
}
#articulo2 h1{
display: inline;
margin-left: 4%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: black;
}
#articulo2 h2{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 18pt;
color:black;
}
#articulo2 p{
margin-left: 4%;
margin-right: 4%;
margin-top: -2%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: black;
}
#articulo2 a{
float: right;
margin-right: 4%;
text-decoration: none;
color: rgb(146,188,17);
}
#articulo2 a:hover{
background-color: black;
}
#articulo3{
width: 50%;
height: auto;
overflow: hidden;
float: left;
margin-top: 4%;
margin-left: 2%;
border-bottom: 4px solid black;
}
#articulo3 h1{
display: inline;
margin-left: 4%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: black;
}
#articulo3 h2{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 18pt;
color:black;
}
#articulo3 p{
margin-left: 4%;
margin-right: 4%;
margin-top: -2%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: black;
}
#articulo3 a{
float: right;
margin-right: 4%;
text-decoration: none;
color: rgb(146,188,17);
}
#articulo3 a:hover{
background-color: black;
}
#articulo4{
width: 45%;
height: auto;
overflow: hidden;
float: left;
margin-top: 4%;
margin-left: 2%;
border-bottom: 4px solid black;
}
#articulo4 h1{
display: inline;
margin-left: 4%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: black;
}
#articulo4 h2{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 18pt;
color:black;
}
#articulo4 p{
margin-left: 4%;
margin-right: 4%;
margin-top: -2%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: black;
}
#articulo4 a{
float: right;
margin-right: 4%;
text-decoration: none;
color: rgb(146,188,17);
}
#articulo4 a:hover{
background-color: black;
}
/*FIN ARTICULO*/

/*ASIDE*/
#punteo{
width: 100%;
height: auto;
overflow: hidden;
margin-top: 0%;
border-bottom: 4px solid black;
}
#punteo h1{
display: inline;
margin-left: 4%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: black;
}
#punteo h2{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 16pt;
color:black;
}
#punteo p{
margin-left: 4%;
margin-right: 4%;
margin-top: -2%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: black;
}
/* FIN ASIDE*/

/*CALENDARIO*/
#calendario {
width: 100%;
height: auto;
margin-top: 3%;
background-image: url(imagenes/fondocalendario.png);
border: 1px solid green;
}
#calendario h3{
width:100%;
text-align: center;
padding-top: 2%;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 16pt;
color:black; 
}
#calendario h4{
width:100%;
text-align: center;
padding-top: 2%;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:black;
}
#calendario table{
width: 60%;
margin: auto;
}
#calendario table thead th{
width:14.28%;
background-color: rgb(146,188,17);
font-size: 10pt;   
text-align: center;
font-family: 'Montserrat', sans-serif;
color:black;
}
#calendario table thead tr td{
height: 24px;
background-color: white;
font-size: 14pt;   
text-align: center;
font-family: 'Montserrat', sans-serif;
color:black;
}
#calendario table tbody tr td.event{
background-color: red;
}
#calendario table tbody tr td.event:hover,#calendario table tbody tr td.today;hover{cursor: pointer;
}
#calendario table tbody tr td.event:hover{
background: blue;
}
#calendario table tbody tr td.today{
background: green;
color: black;
}
#calendario table tbody tr td.today:hover{
background: blue;
}
#calendario table tbody tr td.today a{
color: black;
}
#calendario table tbody tr td.event a{
color: white;
}
#calendario table tbody tr td.today a:hover,#calendario table tbody tr td.event a:hover{
text-decoration: none;
}
#fechas_importantes p{
width: 100%;
color: black;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
text-align: center;
}
/*FIN CALENDARIO*/   

/*FIN INDEX---------------------------------------------------------------------------------------------------------------------*/
 






/*TRABAJOS ARTICULO*/
article{
width: 70%;
height: auto;
float: left;
border-right: 1px solid black;
}

#articulo1trabajos {
width: 100%;
height: auto;
}
#articulo1trabajos h4 {
display: inline;
margin-left: 4%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: black;
}
#articulo1trabajos h1{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 30pt;
color:black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#articulo2trabajos{
width: 47%;
height: auto;
overflow: hidden;
float: left;
margin-top: 4%;
margin-left: 2%;
background-color: black;
border: 4px solid rgb(146,188,17);
}
#articulo2trabajos img{
width: 100%;
height: auto;
}
#articulo2trabajos h3{
display: inline;
margin-left: 4%;
padding: 1rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: rgb(146,188,17)
}
#articulo2trabajos p{
margin-left: 4%;
margin-right: 4%;
margin-top: 8%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: white;
}
#articulo2trabajos a{
float: left;
margin-right: 4%;
text-decoration: none;
color: rgb(146,188,17);
}
#articulo2trabajos a:hover{
background-color: white;
}

#articulo3trabajos{
width: 47%;
height: auto;
margin-top:4%;
margin-left: 0%;
margin-right:0%; 
float: left;
background-color: black;
border: 4px solid rgb(146,188,17);
}

#articulo3trabajos img{
width: 100%;
height: auto;
}
#articulo3trabajos h3{
display: inline;
margin-left: 4%;
padding: 1rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: rgb(146,188,17)
}
#articulo3trabajos p{
margin-left: 4%;
margin-right: 4%;
margin-top: 8%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: white;
}
#articulo3trabajos a{
float: left;
margin-right: 4%;
text-decoration: none;
color: rgb(146,188,17);
}
#articulo3trabajos a:hover{
background-color: white;
}


article2{
width: 100%;
height: auto;
clear: both;
overflow: hidden;
margin-left: px;
}

article2 img{
width: 100%;
height: auto;
clear: both;
overflow: hidden;
}
/*FIN TRABAJOS ARTICULO*/


/*TRABAJOS ASIDE*/
aside1{
width: 29%;
height: auto;
float: left;
margin-left: 0%;
background-color: black;
}

#asidetrabajosgalerias h1{
display: inline;
margin-left: 0%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 18pt;
color:white;
}
#asidetrabajosgalerias img{
width: 100%;
height: auto;
}

#asidetrabajosrecore{
width: 98%;
height:auto;
background-color: black;
border: 4px solid rgb(146,188,17);
}

#asidetrabajosrecore p{

margin-left: 20%;
margin-right: 20%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 16pt;
color:white;
}

/* FIN TRABAJOS ASIDE*/

/*FIN TRABAJOS--------------------------------------------------------------------------------------------------------------*/


    
/*FUTUROA ALUMNOS ARTICULO*/

articlefuturosalumnos{
width: 70%;
height: auto;
float: left;
border-right: 1px solid black;
}    
#articulo1futurosalumnos {
width: 100%;
height: auto;
}
#articulo1futurosalumnos h4 {
display: inline;
margin-left: 4%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: black;
}
#articulo1futurosalumnos h1{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 30pt;
color:black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}
#articulo2futurosalumnos{
width: 95%;
height: auto;
overflow: hidden;
margin-top: 4%;
margin-left: 2%;
background-color: black;
border: 4px solid rgb(146,188,17);
}
#articulo2futurosalumnos h2{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 15pt;
color:white;
}
#articulo2futurosalumnos p{
width: 40%;
margin-left: 4%;
margin-right: 4%;
margin-top: 2%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: white;
}
.colorverde{
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color:rgb(146,188,17);
}

#articulo3futurosalumnos{
width: 40%;
height: auto;
margin-top:-17%;
margin-left: 0%;
margin-right:5%; 
float: right;
background-color: black;
border: 4px solid rgb(146,188,17);
}
#articulo3futurosalumnos p{
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: white;
margin-left: 4%;
margin-right: 4%;
margin-top: 4%;
text-align: center;
}
#articulo4futurosalumnos{
width: 96%;
height: auto;
overflow: hidden;
margin-top: 4%;
margin-left: 2%;
margin-right: 2%;
border-bottom: 1px solid black;
}
#articulo4futurosalumnos h3{
display: inline;
margin-left: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 14pt;
color:black;
}
#articulo4futurosalumnos p{
margin-left: 4%;
margin-right: 4%;
margin-top: 2%;
font-family: 'Rosario', sans-serif;
font-size: 10pt;
color: black;
}
#articulo5futurosalumnos{
width: 95%;
height:auto;
overflow: hidden;
margin-top: 4%;
margin-left: 2%;
margin-right: 4%;
border: 5px solid black;
}
#articulo5futurosalumnos img{
width: 10%;
height: auto;
float: left;
}
#articulo5futurosalumnos p{
float: left;
margin-left: 12%;
margin-right: 4%;
margin-top: -9%;
font-family: 'Rosario', sans-serif;
font-size: 14pt;
color: black;
}
#articulo6futurosalumnos{
width: 95%;
height:auto;
overflow: hidden;
margin-top: 2%;
margin-left: 2%;
margin-right: 4%;
border-bottom: 1px solid black;
}
#articulo6futurosalumnos p{
float: left;
margin-left: 4%;
margin-right: 4%;
margin-top: 4%;
font-family: 'Rosario', sans-serif;
font-size: 10pt;
color: black;
}
#articulo7futurosalumnos{
width: 96%;
height: auto;
overflow: hidden;
margin-top: 4%;
margin-left: 2%;
margin-right: 2%;
}
#articulo7futurosalumnos h3{
display: inline;
margin-left: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 14pt;
color:black;
}
#articulo7futurosalumnos p{
margin-left: 4%;
margin-right: 4%;
margin-top: 2%;
font-family: 'Rosario', sans-serif;
font-size: 10pt;
color: black;
}
#articulo8futurosalumnos{
width: 95%;
height:auto;
overflow: hidden;
margin-top: 4%;
margin-left: 2%;
margin-right: 4%;
border: 5px solid black;
}
#articulo8futurosalumnos img{
width: 10%;
height:auto;
float: left;
}
#articulo8futurosalumnos p{
float: left;
margin-left: 12%;
margin-right: 4%;
margin-top: -9%;
font-family: 'Rosario', sans-serif;
font-size: 14pt;
color: black;
}
#articulo9futurosalumnos{
width: 95%;
height:auto;
overflow: hidden;
margin-top: 1%;
margin-left: 2%;
margin-right: 4%;
border-bottom: 1px solid black;
}
articlefuturosalumnos2{
width: 100%;
height: auto;
clear: both;
overflow: hidden;
margin-left: 0px;
}

articlefuturosalumnos2 img{
width: 100%;
height: auto;
clear: both;
overflow: hidden;
}
/*FIN FUTUROS ALUMNOS ARTICULO*/

/*FUTUROA ALUMNOS ASIDE*/
asidefuturosalumnos{
width: 29%;
height: auto;
float: left;
margin-left: 0%;
}
#aside1futurosalumnos{
width: 100%;
height: auto;
float: left;
margin-left: 0%;
border-bottom:4px solid black;
border-top:4px solid black;
}
#aside1futurosalumnos h1{
display: inline;
margin-left: 0%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 18pt;
color:black;
}
#aside1futurosalumnos p{
margin-left: 10%;
margin-right: 10%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 14pt;
color:black;
}
#aside2futurosalumnos{
width: 100%;
height: auto;
float: left;
margin-left: 0%;
margin-top:  4%;
margin-bottom: 4%;
padding-bottom: 4%;
border-bottom:4px solid black;
}
#aside2futurosalumnos img{
width: 100%;
height: auto;
}
#aside3futurosalumnos{
width: 100%;
height: auto;
float: left;
margin-left: 0%;
margin-top:  4%;
border-bottom:4px solid black;
padding-bottom: 4%;
}
#aside3futurosalumnos img{
width: 100%;
height: auto;
}
/*FIN FUTUROA ALUMNOS ASIDE*/
/*FIN FUTUROA ALUMNOS---------------------------------------------------------------------------------------------------------------------*/
/*GALERIA 1*/
articlegaleria1{
width: 70%;
height: auto;
float: left;
border-right: 1px solid black;
} 
#articulo1galeria1{
width: 100%;
height: auto;
}
#articulo1galeria1 h4 {
display: inline;
margin-left: 4%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: black;
}

#articulo1galeria1 h1{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 30pt;
color:black;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.galeriacuadrado1 {
border: 4px rgb(146,188,17) solid;
background-color: rgb(146,188,17);
margin-left:3%;
margin-right: :9%;
}
.galeriacuadrado1 table, td {
border: 1px #92bc11 solid;
background-color: black;
font-family: 'Montserrat', sans-serif;
font-size: 7.5pt;
font-weight: 700;
color:black; 
padding-left:0px;  
border: 4px solid black;
}
table tbody tr td img{
width:192px;
height:220px;
padding: 2%;
}
table tbody tr td p{
width:196px;
height:20px;
padding-left: 3%;
color: white;
}

.galeriacuadrado2 {
border: 4px rgb(146,188,17) solid;
background-color: rgb(146,188,17);
margin-left:3%;
}
.galeriacuadrado2 table, td {
border: 1px #92bc11 solid;
background-color: black;
font-family: 'Montserrat', sans-serif;
font-size: 7.5pt;
font-weight: 700;
color:black; 
padding-left:0px;  
border: 4px solid black;
}
.galeriacuadrado3 {
border: 4px rgb(146,188,17) solid;
background-color: rgb(146,188,17);
margin-left:3%;
}
.galeriacuadrado3 table, td {
border: 1px #92bc11 solid;
background-color: black;
font-family: 'Montserrat', sans-serif;
font-size: 7.5pt;
font-weight: 700;
color:black; 
padding-left:0px;  
border: 4px solid black;
}

/*GALERIA 1  ASIDE*/
asidegaleria1{
width: 29%;
height: auto;
float: left;
margin-left: 0%;
}
#aside1galeria1{
width: 100%;
height: auto;
float: left;
margin-left: 0%;
border-top:4px solid black;
}
#aside1galeria1 h1{
width: 57%;
display: inline;
margin-left: 0%;
padding: 2%;
font-family: 'Montserrat', sans-serif;
font-size: 18pt;
color:black;
display: block;
}
#aside1galeria1 h1 .color{
background-color: rgb(146,188,17);
}
#aside1galeria1 a{
text-decoration: none;
}
#aside1galeria1 h1 a:hover{
background-color: rgb(146,188,17);
}

/*fin GALERIA 1__________________________________________________*/


/*GALERIA 2 */
articlegale2{
width: 70%;
height: auto;
float: left;
border-right: 1px solid black;
}   

asidegaleria2{
width: 29%;
height: auto;
float: left;
margin-left: 0%;
}
#aside1galeria2{
width: 100%;
height: auto;
float: left;
margin-left: 0%;
border-top:4px solid black;
}
#aside1galeria2 h1{
width: 60%;
display: inline;
margin-left: 0%;
padding: 2%;
font-family: 'Montserrat', sans-serif;
font-size: 18pt;
color:black;
display: block;
}
#aside1galeria2 h1 .color{
background-color: rgb(146,188,17);
}
#aside1galeria2 a{
text-decoration: none;
}
#aside1galeria2 h1 a:hover{
background-color: rgb(146,188,17);
}


/*fin GALERIA 2__________________________________________________*/