/*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 :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-bottom:1px solid black;
border-top: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: 25%;
height: auto;
float: right;
margin-left: 0;
margin-right: 4%;
}
/*FIN CAJAS GENERALES PARA ARTICULO Y ASIDEA*/


/* SLIDER*/
#slider{
box-shadow: 3px 3px 3px 3px rgb(146,188,17);
width: 100%;
height: auto;
margin-left: 4%;
margin-right:4%; 
}
#slider ul{
margin-top:0px;
padding:0px;
list-style:none;
}
#slider li, #slider1 li, #slider2 li,#slider3 li,#slider4 li{
width:580px;
height:280px;
overflow:hidden;
margin-bottom: auto}	

/* numeros */
ol#controls{
margin-left: 185px;
position:relative;
float:left;
list-style:none;
}
ol#controls li{	
margin:0 8px 0 0;
padding:0;
float:left;
list-style:none;
}
ol#controls li a{	
background:rgb(0, 0, 0);
color: #FFF;
font-family:calibri,sans-serif;
font-size:12px;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
font-family: calibri,sans-serif;
background:#54B847;
color:#fff;
}
/* FIN SLIDER*/


/*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;
}
#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{
padding: 1%;
float: right;
margin-right: 4%;
text-decoration:  underline;
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%;
margin-bottom: 4%;
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%;padding: 1%;
text-decoration:  underline;
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%;
margin-bottom: 4%;
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%;padding: 1%;
text-decoration: underline;
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{
margin: auto;
margin-top: 5%;
background: white;
text-align: center;
}
#calendario table thead th{
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:black
}
#calendario table tbody tr td.event:hover,#calendario table tbody tr td.today;hover{cursor: pointer;
}
#calendario table tbody tr td.event:hover{
background:  #e67809;
}
#calendario table tbody tr td.today{
background: rgb(146,188,17);
}
#calendario table tbody tr td.today:hover{
background: #e67809;
}
#calendario table tbody tr td.today a{
color: red;
}
#calendario table tbody tr td.event a{
color: black;
}
#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*/   






/*----------------------------------------HTML. TRABAJOS ----------------------------------------*/

/*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: 0;
margin-bottom: 4%;
margin-left: 2%;
background-color: black;
border: 4px solid rgb(146,188,17);
}
#articulo2trabajos img{
width: 100%;
height: auto;
}
#articulo2trabajos .placa{
display: inline;
margin-left: 4%;
padding: 0.5rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: rgb(146,188,17)
}
#articulo2trabajos .bajada{
margin-left: 4%;
margin-right: 4%;
margin-top: 4%;
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:0;
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 .placa{
display: inline;
margin-left: 4%;
padding: 0.4rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: rgb(146,188,17)
}
#articulo3trabajos .bajada{
margin-left: 4%;
margin-right: 4%;
margin-top: 4%;
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*/
#asidetrabajosgalerias h1{
width: 97.5%;
margin-left: 2%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 16pt;
color:white;
background: black
}
#asidetrabajosgalerias img{
clear: both; padding: 0;
margin-left:2%;
margin-top: -7%;
width: 100%;
height: auto;
}

#asidetrabajosrecore{
width: 96%;
height:15%;
margin-left: 2%;
margin-top: 1%;
background-color: rgba(0, 0, 0, 0.45);
border: 4px solid rgb(146,188,17);
}

#asidetrabajosrecore p{
text-align: center;
width: 93%;
height: auto;
padding: 0.5rem;
font-family: 'Montserrat', sans-serif;
font-size: 15pt;
color:white;
}



/* FIN TRABAJOS ASIDE*/

/*-----------------------------------------------EJERCICIO2---------------------------------------------------*/
/* ejercicio*/
#articulo1trabajos p{
margin-top: -3%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 9pt;
color:black;
}
#links a{
margin-left: 4%;
margin-right: 4%;
text-decoration: none;
color: rgb(146,188,17);
}
#links a:hover{
background-color: black;
}
/*fin ejercicio*/

/*COLUMNA 1*/
#columna1{float: left;
width: 30%;
height: auto;
margin-left: 4%;
}
#bloque1{
width:90%;
height:120px;
overflow:hidden;
z-index:0;
padding:0;
border:11px solid #6a6666;
}
#bloque1:hover {
border-color:rgb(146,188,17);
width:90%;
}
#bloque1{
background-image:url(imagenes/Alvaro%20Ghisolfo_n1.jpg);}
#bloque1:hover{
background-image:url(imagenes/2.png);
background-position: bottom;}

#overlay{
display:block;
position:absolute;
top:0;
left:0;
z-index:1;
}
#hover p{
width:100%;
display:block;
height:120px;
z-index:3;
left: 0px;
top: 0px;
padding: 5%;
}
#bloque1 p {
width: 90%;
height: auto; 
color:#535050;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
font-size:15px;}
#bloque1 p:hover{
color:rgb(146,188,17);
}
#bloque4{
width:90%;
height:160px;
overflow:hidden;
z-index:0;
padding:0;
border:11px solid #6a6666;
}
#bloque4:hover {
border-color:rgb(146,188,17);
width:90%;
}
#bloque4{
background-image:url(imagenes/Alvaro%20Ghisolfo_n1.jpg);
}
#bloque4:hover{
background-image:url(imagenes/2.png);
background-position: bottom;
}
#bloque4 p {
width: 90%;
height: auto; 
color:#535050;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
font-size:15px;}
#bloque4 p:hover{
color:rgb(146,188,17);
}
#bloque8nivel2{
width:90%;
height:113px;
overflow:hidden;
z-index:0;
padding:0;
border:11px solid #6a6666;
}
#bloque8nivel2:hover {
border-color:rgb(146,188,17);
width:90%;
}
#bloque8nivel2{
background-image:url(imagenes/Alvaro%20Ghisolfo_n1.jpg);
}
#bloque8nivel2:hover{
background-image:url(imagenes/2.png);
background-position: bottom;
}
#bloque8nivel2 p {
width: 90%;
height: auto; 
color:#535050;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
font-size:15px;}
#bloque4 p:hover{
color:rgb(146,188,17);
}
/*FIN COLUMNA 1*/


/*COLUMNA 2*/
#columna2{float: left;
width: 30%;
height: auto;
margin-left: 0
}
#bloque2{
width:90%;
height:160px;
overflow:hidden;
z-index:0;
padding:0;
border:11px solid #6a6666;
}
#bloque2:hover {
border-color:rgb(146,188,17);
width:90%;
}
#bloque2{
background-image:url(imagenes/Alvaro%20Ghisolfo_n1.jpg);
}
#bloque2:hover{
background-image:url(imagenes/2.png);
background-position: bottom;
}
#bloque2 p {
width: 90%;
height: auto; 
color:#535050;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
font-size:15px;}
#bloque2 p:hover{
color:rgb(146,188,17);
}
#bloque5{
width:90%;
height:128px;
overflow:hidden;
z-index:0;
padding:0;
border:11px solid #6a6666;
}
#bloque5:hover {
border-color:rgb(146,188,17);
width:90%;
}
#bloque5{
background-image:url(imagenes/Alvaro%20Ghisolfo_n1.jpg);
}
#bloque5:hover{
background-image:url(imagenes/2.png);
background-position: bottom;
}
#bloque5 p {
width: 90%;
height: auto; 
color:#535050;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
font-size:15px;}
#bloque5 p:hover{
color:rgb(146,188,17);
}
/*FIN COLUMNA 2*/

/*COLUMNA 3*/
#columna3{float:left;
width: 30%;
height: auto;
margin-left: 0
}
#bloque3{
width:90%;
height:160px;
overflow:hidden;
z-index:0;
padding:0;
border:11px solid #6a6666;
}
#bloque3:hover {
border-color:rgb(146,188,17);
width:90%;
}
#bloque3{
background-image:url(imagenes/Alvaro%20Ghisolfo_n1.jpg);
}
#bloque3:hover{
background-image:url(imagenes/2.png);
background-position: bottom;
}
#bloque3 p {
width: 90%;
height: auto; 
color:#535050;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
font-size:15px;}
#bloque3 p:hover{
color:rgb(146,188,17);
}
#bloque6{
width:90%;
height:128px;
overflow:hidden;
z-index:0;
padding:0;
border:11px solid #6a6666;
}
#bloque6:hover {
border-color:rgb(146,188,17);
width:90%;
}
#bloque6{
background-image:url(imagenes/Alvaro%20Ghisolfo_n1.jpg);
}
#bloque6:hover{
background-image:url(imagenes/2.png);
background-position: bottom;
}
#bloque6 p {
width: 90%;
height: auto; 
color:#535050;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
font-size:15px;}
#bloque6 p:hover{
color:rgb(146,188,17);
}
/*FIN COLUMNA 3*/

/*IMAGEN FINAL*/
#imagendefin img{
width: 60%;
float: left;
margin-right: 4%}
/* FIN IMAGEN FINAL*/

/*-----------------------------------------------EJERCICIO 1---------------------------------------------------*/


/*COLUMNA 8*/
#columna7{float:left;
width: 30%;
height: auto;
margin-left: 0
}
#bloque7{
width:90%;
height:105px;
overflow:hidden;
z-index:0;
padding:0;
border:11px solid #6a6666;
}
#bloque7:hover {
border-color:rgb(146,188,17);
width:90%;
}
#bloque7{
background-image:url(imagenes/Alvaro%20Ghisolfo_n1.jpg);
}
#bloque7:hover{
background-image:url(imagenes/2.png);
background-position: bottom;
}
#bloque7 p {
width: 90%;
height: auto; 
color:#535050;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
font-size:15px;}
#bloque7 p:hover{
color:rgb(146,188,17);
}
/*FIN COLUMNA 8*/

/*COLUMNA 9*/

#bloque9{
width:90%;
height:105px;
overflow:hidden;
z-index:0;
padding:0;
border:11px solid #6a6666;
}
#bloque9:hover {
border-color:rgb(146,188,17);
width:90%;
}
#bloque9{
background-image:url(imagenes/Alvaro%20Ghisolfo_n1.jpg);
}
#bloque9:hover{
background-image:url(imagenes/2.png);
background-position: bottom;
}
#bloque9 p {
width: 90%;
height: auto; 
color:#535050;
font-family: 'Montserrat', sans-serif;
text-decoration: underline;
font-size:15px;}
#bloque9 p:hover{
color:rgb(146,188,17);
}
/*FIN COLUMNA 3*/

/*-----------------------------------------------CATEDRA---------------------------------------------------*/

/*CATEDRA*/
#catedra,#propuestaacademica,#articulodocentes {
background: rgb(146,188,17);
float: left;
margin-top: 2%; 
margin-left: 4%;
width: 92%;
height: auto
}
#articulodocentes {
margin-bottom: 4%
}
#catedra h2,#propuestaacademica h2,#articulodocentes h2{
width: 45%;
float: right;
margin-right: 2%;
font-family: 'Montserrat', sans-serif;
font-size: 30pt;
line-height: 80%;/*interlineado*/
color:black;
margin-top: 4%;
}
#catedra img,#propuestaacademica img,#articulodocentes img{
float: left;
margin-left: 0; 
width: 52%;
margin-top: 0
}
#catedra h3,#propuestaacademica h3,#articulodocentes h3{ 
color: black; 
float: left; 
display: inline-block;
margin-left: 0; 
margin-top: 1%;
font-family: 'Rosario', sans-serif;
font-size: 11pt;
padding-left: 0.5rem
}
#propuestaacademica h3{ 
color: black; 
float: left; 
display: inline-block;
margin-left: 0; 
margin-top: -1%;
font-family: 'Rosario', sans-serif;
font-size: 11pt;
padding-left: 0.5rem
}

#catedra p,#propuestaacademica p,#articulodocentes p{
width: 45%;
float: right;
margin-right:2%;
font-family: 'Rosario', sans-serif;
font-size: 10pt;
margin-top: -1%
}
#catedra .pablo,#articulodocentes .pablo{
float: right;
display: inline;
padding: 1%;
margin-top: 1%;
margin-right: 2%;
font-family: 'Rosario', sans-serif;
font-size: 10pt; 
text-decoration:underline; 
}

#propuestaacademica .pablo{ 
display: inline;
float: right;
margin-top: -4%;padding: 1%;
margin-right: 2%;
font-family: 'Rosario', sans-serif;
font-size: 10pt; 
text-decoration:underline; 
}
#catedra .pablo:hover,#propuestaacademica .pablo:hover,#articulodocentes .pablo:hover{background: black;color: white;
}

.foro img{
width: 80%;
margin-top: 4%}

aside #contactanos a {
width: 75%;
float: right;
margin-right: 15%;
margin-left: 4%;
margin-top: 4%;
margin-bottom: 4%;
padding: 4%;
text-align: center;
}

aside #contactanos a{
font-family: 'Montserrat', sans-serif;
font-size: 11pt;
border: 1px solid black;
color: rgb(146, 188, 17)
}
aside #contactanos a:hover{background: black}


/*-----------------------------------------------CONTACTO---------------------------------------------------*/
.contacto1 {
float: left;
width:50%;
height: auto;
overflow: hidden;
}
.contacto1 h1{
display: inline;
margin-left: 4%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 10pt;
color:white;
background-color: black;
}
.contacto1  h2{
margin-top: 1%;
margin-left: 4%;
margin-right: 4%;
font-family: 'Montserrat', sans-serif;
font-size: 30pt;
color:black;
}
.contacto1 p{
width: 80%;
margin-left: 4%;
margin-right: 4%;
margin-top: -6%;
font-family: 'Rosario', sans-serif;
font-size: 9pt;
color: white;
padding: 4%;
border: 3px solid rgb(146,188,17);
background: black}

.mailverde{
color: rgb(146,188,17)
}

#formulario{
float: left;
width: 40%;
margin-left: 4%;
margin-bottom: 4%}
.contacto{
width: 95%;
padding: 3%;
background-color: rgb(146,188,17);
box-shadow: 
0px 5px 10px #535050, 0 0 0 10px #a09b9b inset;
}
.contacto label{
    font-family: 'Montserrat', sans-serif;
    font-size: 9pt;
    display: block;
    margin-left: 5%
}
.contacto div{
    margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
padding: 5px 1px;
width: 87%;
border: 1px solid rgba(146, 188, 17, 0.64);
resize:none;
margin-left: 4%;margin-right: 4%;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
    outline: none;
    box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit']{
    border: 1px solid #CED5D7;
    box-shadow:0 0 0 3px #EEF5F7;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0px white;
    margin-left: 4%;
}
 
/*-----------------------------------------------tipografia---------------------------------------------------*/

#articulo1 p{
margin-left: 4%;
margin-right: 4%;
margin-top: -4%;
font-family: 'Rosario', sans-serif;
font-size: 13pt;
color: black;
}

#tema1{float: left;
width: 27%;
height: 12rem;
margin-left: 4%;
padding: 8%;
background: black;
border:10px solid rgb(146, 188, 17)
}
#tema1 p{
font-family:'Montserrat', sans-serif; 
font-size: 10pt;
color: white;
}
#tema2{
float:right;
width: 27%;
height: 12rem;
margin-right: 4%;
padding: 8%;
background: black;
border:10px solid rgb(146, 188, 17)
}
#tema2 p{
font-family:'Montserrat', sans-serif; 
font-size: 10pt;
color: white;
}
#tema3{
float:left;
width: 27%;
height: 12rem;
margin-left: 4%;
margin-bottom: 4%;
padding: 8%;
background: black;
border:10px solid rgb(146, 188, 17)
}
#tema3 p{
font-family:'Montserrat', sans-serif; 
font-size: 10pt;
color: white;
}
#tema4{
float:right;
width: 27%;
height: 12rem;
margin-right: 4%;
margin-bottom: 4%;
padding: 8%;
background: black;
border:10px solid rgb(146, 188, 17)
}
#tema4 p{
font-family:'Montserrat', sans-serif; 
font-size: 10pt;
color: white;
}

#pablocosgaya h1{
margin-left: 4%;
margin-top: 8%;
padding: 0.2rem;
font-family: 'Montserrat', sans-serif;
font-size: 13pt;
color:white;
background-color: black;
}
#pablocosgaya p{
width: 92%;
float: right;
margin-right: 4%;
margin-left: 4%;
margin-top: 8%;
font-family: 'Rosario', sans-serif;
font-size: 12pt;
color: black;
}

#pablocosgaya img{
float: right;
width: 90%;
margin-left: 4$;
margin-right: 4%;
}
#lineas img{
padding-top: 5%;
padding-bottom: 5%;
border-bottom: 5px solid black;
}
article2 img{
width: 100%;
height: auto;
clear: both;
overflow: hidden;
}

/*-----------------------------------------------propuesta---------------------------------------------------*/

#texto1{
width: 92%;
margin-left:4%;
margin-right:4%;
}

#texto1 h3{
font-family: 'Montserrat', sans-serif;
color: white;
font-size: 11pt;
padding: 1%;
background: black;
}

#texto1 p{
font-family:'Rosario', sans-serif; 
font-size: 10pt;
padding-bottom: 4%;
border-bottom: 4px solid black
}

#texto2{float: left;
width: 40%;
margin-left:4%;
margin-right:4%;
}

#texto2 h2{
display: inline;
font-family: 'Montserrat', sans-serif;
font-size: 11pt;
padding: 1%;
}

#texto2 p{
font-family:'Rosario', sans-serif; 
font-size: 10pt;
padding-bottom: 4%;
border-bottom: 4px solid black;
margin-top: 1%;
}
#texto3{
float:right;
width: 40%;
height: 40%;
margin-left:4%;
margin-right:4%;
background: black;
border: 3px solid rgb(146, 188, 17);
margin-top: 5%
}
#texto3 p{
font-family:'Rosario', sans-serif; 
font-size: 10pt;
padding: 8%;
color: white;
}
 
.lista h1{
font-family: 'Montserrat', sans-serif;
color: white;
font-size: 11pt;
padding: 1%;
background: black;
}

.lista p{
width: 96%;
float: right;
margin-left: 2%;
margin-right: 2%;
margin-top: 1%;
font-family:'Rosario', sans-serif;
font-size: 10.5pt;
padding-bottom: 8%;
border-bottom: 3px solid black
}

.lista .boton a{
float: right;
margin-right: 4%;
margin-left: 4%;
padding: 4%}

aside .boton a{
font-family: 'Montserrat', sans-serif;
font-size: 11pt;
border: 1px solid black;
color: rgb(146, 188, 17)
}
aside .boton a:hover{background: black}

/*-----------------------------------------------condiciones---------------------------------------------------*/
.columna1{
width: 40%;
float: left;
padding-left: 4%;
padding-right: 4%;
margin-top: -1%;
border-right: 1px solid black;
margin-bottom: 9%;
}

.columna2{
width: 40%;
height: auto;
float: left;
padding-left: 4%;
padding-right: 4%;
margin-top: -1%}

#articulo1trabajos h3{
font-family: 'Montserrat', sans-serif;
color: white;
font-size: 10pt;
padding: 0.5%;
background: black;
margin-left: 4%;
}
#cuadro1,#cuadro2,#cuadro3,#cuadro4, #cuadro5 {
padding-bottom: 7%;border-bottom: 5px solid black}

#cuadro1 h1{
font-family: 'Montserrat', sans-serif;
font-size: 11pt;
}
#cuadro1 p{
width: 100%;
font-family:'Rosario', sans-serif;
font-size: 11pt;
margin-top: -3%
}
#cuadro2 h1{
font-family: 'Montserrat', sans-serif;
font-size: 11pt;
}

#cuadro2 p{
width: 100%;
font-family:'Rosario', sans-serif;
font-size: 11pt;
margin-top: -3%
}
#cuadro3 h1{
font-family: 'Montserrat', sans-serif;
font-size: 11pt;
}
#cuadro3 p{
width: 100%;
font-family:'Rosario', sans-serif;
font-size: 11pt;
margin-top: -3%
}
#cuadro4 h1{
font-family: 'Montserrat', sans-serif;
font-size: 11pt;
}
#cuadro4 p{
width: 100%;
font-family:'Rosario', sans-serif;
font-size: 11pt;
margin-top: -3%
}
#cuadro5 h1{
font-family: 'Montserrat', sans-serif;
font-size: 11pt;
}
#cuadro5 p{
width: 100%;
font-family:'Rosario', sans-serif;
font-size: 11pt;
margin-top: -3%
}

.panel{
float: right;
width: 60%;
margin-right: 4%;
margin-top: -20%;
margin-bottom: 4%;
background: black;
border: 4px solid rgb(146, 188, 17)
}
.panel h1{
font-family: 'Montserrat', sans-serif;
font-size: 14pt;
margin-left: 2%;
color:white
}
.panel p{
width: 45%;
float: left;
margin-top: auto;
padding-left: 2%;
margin-left: 2%;
font-family:'Rosario', sans-serif;
font-size: 10pt;color:white;
border-left: 1px solid white
}
.cartel2 p{
color: white;
float:right;
width: 92%;
background: black;
border: 3px solid rgb(146, 188, 17);
margin-top: 5%;
padding: 2%
}
.cartel2 img{
float:right;
width: 98%;
background: black;
margin-top: -6%;
margin-right: 2%
}
.cartel2 a{
width: 89%;
float: right;
margin-right: 2%;
margin-left: 4%;
margin-top: 5%;
padding: 4%;
text-align: center;
}
.cartel2 a{
font-family: 'Montserrat', sans-serif;
font-size: 11pt;
border: 1px solid black;
color: rgb(146, 188, 17)
}
.cartel2 a:hover{background: black}

/*-----------------------------------------------docentes---------------------------------------------------*/

#texto1 img{width: 30%;float: left;padding-bottom: 2%;border-bottom: 5px solid black}

#texto1 .datos{width: 60%;float: left;
margin-left: 2%;margin-top: 0;}

#docentes1{width: 92%;
float: left;
margin-left: 4%}
#docentes1 img{
width: 21%;}
#docentes1 ul {width: 86%;
list-style: none;
float: left;
background: black;
margin-bottom: 0}
#docentes1 ul li img{
float: left;margin: 1%;border: 3px solid rgb(146, 188, 17);}

#docentes1 h2{float:'Montserrat', sans-serif;
font-size: 13pt;
margin-bottom: 0;background:rgb(146, 188, 17); }

#docentes1 .cargo1,.cargo2,.cargo3,.cargo4{
clear: both;
display: inline-block;
margin-top: 0.5%;
padding-top: 0.5%;padding-bottom: 0.5%;
border-bottom: 2px solid rgb(146, 188, 17);
border-top: 2px solid rgb(146, 188, 17);
background: rgba(0, 0, 0, 0.05)
}
#docentes1 .cargo1{
margin-left: 8.5%;
}
#docentes1 .cargo2{
margin-left: 6%;
}
#docentes1 .cargo3{
margin-left: 4.5%;
}
#docentes1 .cargo3{
margin-left: 4.5%;
}
#docentes1 .cargo4{
margin-left: 9%;
}

#docentes2{width: 92%;
float: left;
margin-left: 4%;
}
#docentes2 h2{font-family: 'Montserrat', sans-serif;
font-size: 11pt;background:rgb(146, 188, 17);
width: 92.1%}
#docentes2 img{
width: 21%;}
#docentes2 ul {width: 86%;
list-style: none;
float: left;
background: black;
margin-bottom: 0;
margin-top: -2%}
#docentes2 ul li img{
float: left;margin: 1%;border: 3px solid rgb(146, 188, 17);}

#docentes3{width: 92%;
float: left;
margin-left: 4%}
#docentes3 img{
width: 21%;}
#docentes3 ul {width: 86%;
list-style: none;
float: left;
background: black;
margin-bottom: 0}
#docentes3 ul li img{
float: left;margin: 1%;border: 3px solid rgb(146, 188, 17);}

#docentes4{
width: 92%;
float: left;
margin-left: 4%}
#docentes4 img{
width: 21%;}
#docentes4 ul {width: 86%;
list-style: none;
float: left;
background: black;
margin-bottom: 0}
#docentes4 ul li img{
float: left;margin: 1%;border: 3px solid rgb(146, 188, 17);}


#docentes5{width: 92%;
float: left;
margin-left: 4%}
#docentes5 img{
width: 21%;}
#docentes5 ul {width: 86%;
list-style: none;
float: left;
background: black;
margin-bottom: 0}
#docentes5 ul li img{
float: left;margin: 1%;border: 3px solid rgb(146, 188, 17);}

.comision{
display: inline-block;float: right;
margin-top: -12%;color: white;font-family: 'Montserrat', sans-serif;
font-size: 18pt;
}
#docentes2 .comision{
margin-right: 10%;
}
#docentes3 .comision{
margin-right: 10%;
}
#docentes4 .comision{
margin-right: 3%;
    margin-top: 10%
}
#docentes5 .comision{
margin-right: 3%;
    margin-top: 10%
}


#docentes6{width: 92%;
float: left;
margin-left: 4%;
}
#docentes6 h2{width: 92.1%;font-family: 'Montserrat', sans-serif;
font-size: 11pt;background:rgb(146, 188, 17);}
#docentes6 img{
width: 21%;}
#docentes6 ul {width: 86%;
list-style: none;
float: left;
background: black;
margin-bottom: 0;
margin-top: -2%}
#docentes6 ul li img{
float: left;margin: 1%;border: 3px solid rgb(146, 188, 17);}

#docentes7{width: 92%;
float: left;
margin-left: 4%}
#docentes7 img{
width: 21%;}
#docentes7 ul {width: 86%;
list-style: none;
float: left;
background: black;
margin-bottom: 0}
#docentes7 ul li img{
float: left;margin: 1%;border: 3px solid rgb(146, 188, 17);}

#docentes8{width: 92%;
float: left;
margin-left: 4%}
#docentes8 img{
width: 21%;}
#docentes8 ul {width: 86%;
list-style: none;
float: left;
background: black;
margin-bottom: 0}
#docentes8 ul li img{
float: left;margin: 1%;border: 3px solid rgb(146, 188, 17);}

#docentes9{width: 92%;
float: left;
margin-left: 4%}
#docentes9 img{
width: 21%;}
#docentes9 ul {width: 86%;
list-style: none;
float: left;
background: black;
margin-bottom: 0}
#docentes9 ul li img{
float: left;margin: 1%;border: 3px solid rgb(146, 188, 17);}

.comision{
display: inline-block;float: right;
margin-top: -12%;color: white;font-family: 'Montserrat', sans-serif;
font-size: 18pt;
}
#docentes6 .comision{
margin-right: 10%;
}
#docentes7 .comision{
margin-right: 10%;
}
#docentes8 .comision{
margin-right: 3%;
    margin-top: 10%
}
#docentes9 .comision{
margin-right: 3%;
    margin-top: 10%
}

/*-----------------------------------------------AGENDA CLASE---------------------------------------------------*/



#articulo1trabajos img{
width: 100%}


#parte1,#parte2,#parte3{
width: 92%;
margin-left: 4%;
padding-bottom: 1%;
border-bottom: 3px solid black}

#parte1 h1,#parte3 h1{font-family: 'Montserrat', sans-serif;
font-size: 15pt;}
#parte1 p{
font-family:'Rosario', sans-serif;
font-size: 11pt;}


#parte2 p{
font-family:'Rosario', sans-serif;
font-size: 10pt;;margin-bottom: 1%}

#parte3 p{
font-family:'Rosario', sans-serif;
font-size: 10pt;
margin-top: -2%;
}

#parte3 {
margin-bottom: 4%
}

aside .compartir{
margin-top: 4%;
padding-top: 2%;
border-top:  3px solid rgb(146, 188, 17);
margin-bottom: auto
}
aside .nivel{
margin-bottom: auto
}
aside #redes2 a{
font-family:'Rosario', sans-serif;font-size: 12pt;
margin-left: 3%
;color:rgb(146, 188, 17);
}

aside .imprimir{
text-align: center;
padding: 2%;
background: rgb(146, 188, 17);
float: right;
}

/**----------------CONTENIDOS TEORICOS PRACTICOS---------------------------------*/

aside #bibliografia p{
font-family:'Rosario', sans-serif;
font-size: 10pt;}


#video {width: 80%;height: auto;
padding:5%;
margin-left:  4%;
background:rgb(146, 188, 17)
}

#video1 {width: 80%;height: auto;
padding:5%;
margin-left:  4%;
margin-top: 2%;    
background:rgb(146, 188, 17)
}

#video2 {width: 80%;height: auto;margin-top: 2%;padding:5%;
margin-left:  4%;
background:rgb(146, 188, 17)
}




























/*--------------------------------------------media uno*----------------------------------*/

@media screen and (min-width:280px) and (max-width:500px)
{
/*PAGINA BLANCA*/
#pagina_blanca{
width: 250px;
}
/*FIN PAGINA BLANCA*/

/*REDES*/
#redes{
margin-right: 30%;
}
/*FIN REDES*/

/*LOGO*/
#logo img{
width: 100%;
margin-left: 0;
float: none;
}
/*FIN LOGO*/

/*MENU*/
#menu {
width: 100%;
}
#menu nav ul li{width: 100%;
margin-top: 0.5%;
padding: 0;
margin-left: -10%;
border-left: 1px solid black;
border-right: 1px solid black;text-align: center;background: rgb(146, 188, 17)
}
#menu nav ul li a{
font-size: 9pt;
border-left: none;
}
#menu a:hover{
background:black;color:white
}
/*FIN MENU*/

/*BANDA VERDE*/
#bandaverde p{display: none
}
/* FIN BANDA VERDE*/

/*FUTER*/
/*CAJAS GENERALES FUTER*/
#lista{
width: 100%;
padding: 0;
border-right: none;
}
#fadu{
border-top: 1px solid black;
width: 100%;
}
/*CAJAS GENERALES FUTER*/

/*CONTINUA LAS LISTAS*/
#mapa1{display: none
}
#mapa2{display: none
}
#mapa3{display: none
}
#mapa4{display: none
}

/*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*/

/*CAJAS GENERALES PARA ARTICULO Y ASIDE*/
article{
width: 100%;
margin-top: 8%
}
aside{
width: 100%;
margin-right: 0;
display: block;
}
/*FIN CAJAS GENERALES PARA ARTICULO Y ASIDEA*/


/* SLIDER*/
#slider{
display: none 
}
/* numeros */
ol#controls{display: none
}
/* FIN SLIDER*/
/*ARTICULO*/
#articulo1 {
border-top: 4px solid black;
}
#articulo1 h1{
font-size: 9pt;
}
#articulo1 h2{
font-size: 17pt;
}
#articulo2 h2{
font-size: 15pt;
}

#articulo3{
width: 100%;
float: none;
margin-left: 0%;
}
#articulo3 h2{
font-size: 15pt;
}
#articulo4{
width: 100%;
float: none;
margin-left: 0%;
}
#articulo4 h2{
font-size: 15pt;
}
/*FIN ARTICULO*/


/*CALENDARIO*/
#calendario {
width: 99%;
}