html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/*LOGO#####################*/
.logocatedra {
    padding: 0px;
    margin: 0px;
    width: 5.5rem;
    float: left;
    margin-top: 0.8rem;
}

.clearboth {
    clear: both;
}

/*TITULO 2 ########################*/

.holagrupo {
    margin-left: 0.5rem;
    height: 4.8rem;
    float: left;
}

.hola1 {
    margin-top: 0.9rem;
    padding-right: 0.8rem;
    padding-left: 0.6rem;
    font-weight: 600;
    background-color: #ff0070;
    font-size: 1.5rem;
    font-family: roboto;
    text-decoration: none;
    color: #fff;
    float: left;
}

.hola2 {
    padding-right: 0.8rem;
    padding-left: 0.6rem;
    background-color: #ff0070;
    font-size: 0.9rem;
    font-family: roboto;
    text-decoration: none;
    color: #fff;
    float: left;
}

/*BARRA PRINCIPAL #####################*/
body {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #eaeaea;
    padding: 0px;
    margin: 0px;
}

/*CUADRADITOS BARRA #####################*/

/*DERECHA!! */
.cuad1 {
    right: 0rem;
    height: 1.6rem;
    width: 1.6rem;
    background: #eaeaea;
    position: absolute;
}
.cuad2 {
    top: 1.6rem;
    right: 1.6rem;
    height: 1.6rem;
    width: 1.6rem;
    background: #eaeaea;
    position: absolute;
}

.cuad3 {
    top: 3.2rem;
    right: 0rem;
    height: 3.2rem;
    width: 1.6rem;
    background: #eaeaea;
    position: absolute;
}

.cuad4 {
    z-index: 1;
    top: 4.8rem;
    right: 1.6rem;
    height: 1.6rem;
    width: 1.6rem;
    background-color: #3b3b3b;
    position: absolute;
}

.cuad5 {
        z-index: 1;
    right: 0rem;
    top: 6.4rem;
    height: 1.6rem;
    width: 1.6rem;
    background-color: #3b3b3b;
    position: absolute;
}

/*IZQUIERDA!!*/

.cuad6 {
    left: 1.6rem;
    height: 1.6rem;
    width: 1.6rem;
    background: #eaeaea;
    position: absolute;
}
.cuad7 {
    left: 0rem;
    top: 3.2rem;
    height: 1.6rem;
    width: 1.6rem;
    background: #eaeaea;
    position: absolute;
}

.cuad8 {
    z-index: 1;
    top: 4.8rem;
    left: 1.6rem;
    height: 1.6rem;
    width: 1.6rem;
    background: #3b3b3b;
    position: absolute;
}

header {
    z-index: 3;
    font-family: roboto;
    padding: 0;
    margin: 0;
    background-color: #3b3b3b;
}

.barracontenedoraul {
    width: 960px;
    height: 4.8rem;
    display:table-cell;
    vertical-align: middle;
}

.barraprincipal {
    overflow: auto;
    margin: 0 auto;
    width: 960px;
}

.nav {
    float: right;
    margin: 0 auto;
    padding: 0px;
}

.barraprincipal ul{
    margin: 0 auto;
    float: right;
    margin: 0px;

}

.barraprincipal ul li{   
    display: inline-block;
    margin: 0px; 
    margin-left: 0.5rem;
}

.barraprincipal ul li a{
    font-size: 0.7rem;
    text-decoration: none;
    color: #eaeaea;
    padding: 0.2rem;
    margin: 0px;
}

.barraprincipal ul li a:hover{
    color:#ff0089;
}

/*DESPLEGABLE##################*/

#navegacionul {
    text-decoration: none;
    text-align: center;
    margin: 0px;
    padding: 0px;
    padding-bottom: 8px;
    z-index: 4;
    width: 110px;
}

#navegacionul li{
    display: block;
    margin: 0px; 
    padding: 0px;
}

#navegacionul li a {
    display: block;
    position: relative;
    margin: 0px;
    padding: 8px;

}
.nav li ul {
    background-color: #3b3b3b;
    display:none;
    position:absolute;
}

.nav li:hover ul{
    display:block;
}
			
.nav li a:hover {
    background-color:#3b3b3b;
}

/*MAIN ABSOLUTE#####################*/

.mainrelative {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

.mainabsolute {
    z-index: 1;
    position: absolute;
}

.mainabsolute p {
    margin: 0px;
    padding: 0px;
    font-family: roboto;
    color: #eaeaea;
}

.teoriadelhabitar {
    display: inline-block;
    font-size: 2rem;
    background-color: #ff0070;
    padding-left: 0.6rem;
    padding-right: 0.8rem;
}

.catedrascaglia-doberti {
    display: inline-block;
    font-size: 1.3rem;
    background-color: #ff0070;
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
    padding-left: 0.7rem;
    padding-right: 0.8rem;
}

.faduuba {
    background-color: #414141;
    display: inline-block;
    font-size: 0.6rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

/*PORTADA##########################*/

/*.portada {
    overflow: auto;
    width: 100%;
    margin: 0 auto;
}
.fotoportada {
width: 100%;
    overflow: auto;
}
.slides li img{
width: 100%;
    overflow: auto;
}
.flexslider {
    overflow: auto;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 300px;
    width: 100%;
    max-width: 1600px;
    padding: 0;
    margin: 0 auto;
}*/

/*PORTADA NUEVA*/

.FGT {
    position: absolute;
    z-index: 4;
    right: 0px;
}

.F {
    margin-left: 1rem;
    float: right;
    width: 2.1rem;
}

.mainindex {
    position: relative;
    margin: 0 auto;
    width: 960px
}

.bxslider {
    margin-top: 0px;
    width: 100%;
}

.bxslider li {
    z-index: 4;
    margin-top: 0px;
}

.bxslider li img{
    z-index: 4;
    margin-top: 0px;
}

/*INDEX ABAJO PORTADA*/

.maincontenidoindex {
    font-family: roboto;
    position: relative;
    width: 100%;
    height: 300px;
}

.maincontenidoizquierda {
    float: left;
    height: 100%;
    width: calc(100% - 14em);
    width: -o-calc(100% - 14em); 
    width: -moz-calc(100% - 14em); 
    width: -webkit-calc(100% - 14em);  
}

.maincontenidoderecha{
    background-color: #6a6a6a;
    float: right;
    width: 14rem;
    height: 100%;
}
.maincontenidocentro {
    float: left;
    width: 30%;
    height: 100%;
}
.maincontenidoderecha2 {
    position: absolute;
    margin: 0px;
    padding: 0px;
    z-index: 5;
    top:-8rem;
    right: 0px;
    width: 14rem;
    height: 100%;
    
}

.maincontenidoderechaabajo {
    position: relative;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    border: solid #3b3b3b 3px;
    background-color: #eaeaea;
    display: block;
    height: 121%;
}

.globitotexto {
    margin: 0px;
    padding: 0px;
    height: 18%;
    overflow: auto;
    clear: both;
}

.maincontenidoderechaabajotitulo {
    background-color: #ff0070;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bolder;
    padding: 0.3rem;
    padding-left: 1rem;
}

.maincontenidoderechaabajo p {
    font-size: 0.8rem;
    margin: 1rem;
}

.vermas {
    text-decoration: none;
    width: 100%;
    bottom: 0px;
    right: 0px;
    position: absolute;
}

.vermass a{
    text-decoration: none;
    width: 100%;
    bottom: 0px;
    right: 0px;
}

.vermas1 {
    text-align: right;
    padding-top: 0.3rem;
    font-size: 0.8rem;
    height: 1rem;
}

.vermas a {
    text-decoration: none;
}

.vermas2 {
    float: right;
    right: 0px;
    text-align: center;
    color: #fff;
    background-color: #ff0070;
    height: 1.3rem;
    width: 1.3rem;
    
}

.maincontenidoizquierda1 {
    margin-top:0.5rem;
    background-image: url(imagenes/galeria.jpg);
    background-size: cover;
    background-position: center;
    float:left;
    width: 58%;
    height: 97%;
}

/*TITULOPORTADA*/
.maincontenidoizquierda1 p {
    background-color: #3b3b3b;
    color: #fff;
    font-size: 100%;
    font-weight: bolder;
    padding: 0.3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top:13rem;
    float: left;
}


.maincontenidoizquierda11 {
    position: relative;
    margin: 0px;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    padding: 0px;
    overflow: auto;
    background-color: #eaeaea;
    width: 38%;
    height: 97%;
    float: right;
}

.separador11 {
    bottom: 0px;
    position: absolute;
    width: 98%;
    border: 1px solid #959595;
}

.maincontenidoizquierda11 p{
    font-size: 0.9rem;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    background-color: #eaeaea;
}

.maincontenidoizquierdaabajotitulo {
    background-color: #3b3b3b;
    color: #fff;
    font-size: 0.8rem;
    font-weight: bolder;
    padding: 0.3rem;
}

.maincontenidoizquierda11 p{
    overflow: hidden;
    font-size: 0.8rem;
}

.chinaindex {  
    margin-top: 0.3rem;
    background-image: url(imagenes/china.jpg);
    background-size:cover;
    background-position: center;
    height: 4rem;;
    width: 100%;
}

.mainbotonesabajo {
    font-family: roboto;
    margin-top: 1rem;
    height: 13rem;
    width: 100%;
}

.mainbotonesabajo1 {
    position: relative;
    background-image: url(imagenes/boton1.jpg);
    background-size:cover;
    background-position: center;
    height: 100%;
    float: left;
    width: 32%;
}

.mainbotonesabajo2 {
    position: relative;
    background-image: url(imagenes/boton2.jpg);
    background-size:cover;
    background-position: center;
    height: 100%;
    float: left;
    width: 32%;
    margin-left: 2%;
}

.mainbotonesabajo3 {
    position: relative;
    background-image: url(imagenes/boton3.jpg);
    background-size:cover;
    background-position: center;
    height: 100%;
    height: 100%;
    float: right;
    width: 32%;
}

.mainbotonesabajo1:hover {
    background-image: url(imagenes/boton1color.jpg);
}
.mainbotonesabajo2:hover {
    background-image: url(imagenes/boton2color.jpg);
}
.mainbotonesabajo3:hover {
    background-image: url(imagenes/boton3color.jpg);
}

.mainbotonesabajotexto1 {
    position: absolute;
    bottom: 15%;
    float: left;
    color: #fff;
    background-color: #3b3b3b;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem;
}

.mainbotonesabajotexto2 {
    position: absolute;
    bottom: 15%;
    float: left;
    color: #fff;
    background-color: #3b3b3b;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem;
}

.mainbotonesabajotexto3 {
    position: absolute;
    bottom: 15%;
    float: left;
    color: #fff;
    background-color: #3b3b3b;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem;
}

/*INGRESANTESSSSSSSSSSSSSSS*/

.ingresantes {
    margin-top: 2rem;
    overflow: auto;
    width: 100%;

}

.ingresantesizq{
    float: left;
    height: 100%;
    width: 32%;
}

.ingresantesizq img{
    width:  100%;
}

.ingresantesder img{
    float: right;
    border: 2px solid #eae;
    width:  100%;
}

.ingresantesder {
    font-style: italic;
    font-family: roboto;
    font-size: 0.8rem;
    float: right;
    width: 66%;
}

.separadorindex {
    margin-top:1rem;
    margin-bottom:1rem;
    border: 1px solid #a5a5a5;
}

/*INGRESANTES ###########################################################################################################################################################################################################*/



.fotoingresantes2 {
    width: 58%;
    float: left;
}

.fotoingresantes2 h2 {
    margin-left: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 0rem;
    color: #ff0070;
}

.ingresantesizquierda {
    overflow: auto;
    float: left;
    width: 50%;
    line-height: 3rem;
    font-size: 1.4rem;
}

.ingresantesizquierda ul{
    padding-left: 1.5rem;;

}

.ingresantesizquierda a{
    color: #242424;
    text-decoration: none;
}

.ingresantesizquierda a:hover{
    color:#030da2;
}

.ingre1{
    list-style: none
}

.fotoingresantes1 {
    width: 100%;
    height:22rem;
    background-image: url(imagenes/fotoingresantes.jpg);
    background-size: cover;
}

.tituloingresantes{
    font-family: roboto;
    background-color: #ff0070;
    font-size: 1.5rem;
    width: 25%;
    margin-left: 0%;
    color: #fff;
    font-weight: 700;
    padding-left: 0%;
    padding-right: 0%;
    margin-top: -3.3%;
    font-weight: 900;
    float: left;
    text-align: center;
}
.formuingresante {
    margin-top: 4rem;
    float: right;
    width: 40%;
    background-image: url(imagenes/ingrestantes.jpg);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: right;
    height: 12rem;
}

#parrafopro {
    font-size: 0.8rem;
    float: left;
    margin-left: 4%;
}

.cuadritoderechaingre{
    float: left;
    width: 40%;
}

.cuadritoderechaingre .ingreaaa{
    margin-top: 4rem;
    margin-left: 2rem;
    float: right;
}

.cuadritoderechaingre .ingreaaa h3{
color: #ff0070;
}

.ingrerosa {
    background-color: #ff0070;
    width: 100%;
    height: 0.5rem; 
}

#parrafoingre {
    float: left;
}

/*NOTICIAS#############################################################################################################################################################################################################*/

.cuadraditosnoticias {
    height: 10rem;
    position: absolute;
    float: left;
}

.separador {
    border: 1px solid #000;
    opacity: 0.5;
}

.mainnoticias {
    position: relative;
    font-family: roboto;
    width: 960px;
    margin: 0 auto;
    padding: 0px;
}

.mainnoticiastitulo {
    margin: 0px;
    margin-left: 7rem;
    margin-bottom: 2.4rem;
    padding: 0px;
    padding-top: 1rem;
}

.mainnoticiastitulo h1 {
    padding: 0px;
    margin: 0px;
}

.mainnoticias .mainnoticiastitulo h1 {
    margin: 0px;
    padding: 0px;
}

.noticia1, .noticia2 {
    overflow: auto;
    font-size: 0.8rem;
    width: 100%;
    background-color: #eaeaea;
}

/*NOTICIA FOTO*/
.noticia1a {
    float: left;
    width: 40%;
    background-image: url(imagenes/china.jpg);
    background-size: cover;
    height: 17.6rem;
}

.noticia2a {
    float: left;
    width: 40%;
    background-image: url(imagenes/beso.jpg);
    background-size: cover;
    height: 15rem;
}

.noticia2a2 {
    float: left;
    width: 40%;
    background-image: url(imagenes/);
    background-size: cover;
    height: 15rem;
}

.noticia2b {
    float: left;
    width: 40%;
    background-image: url(imagenes/edificios.jpg);
    background-size: cover;
    height: 15rem;
}

.noticia2b2 {
    float: left;
    width: 40%;
    background-image: url(imagenes/la-website-design.jpeg);
    background-size: cover;
    height: 15rem;
}

/*CON ROSITA  #############################################################################################*/

.noticia1a p {
    font-size: 1rem;
    margin: 0px;
    margin-top: 15rem;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    background-color: #ff0070;
    color: #fff;
}

.noticia2a p{
    font-size: 1rem;
    margin: 0px;
    margin-top: 12.5rem;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    background-color: #ff0070;
    color: #fff;
}

.noticia2a2 p{
    font-size: 1rem;
    margin: 0px;
    margin-top: 12.5rem;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    background-color: #ff0070;
    color: #fff;
}

.noticia2b p{
    font-size: 1rem;
    margin: 0px;
    margin-top: 12.5rem;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    background-color: #ff0070;
    color: #fff;
}

.noticia2b2 p{
    font-size: 1rem;
    margin: 0px;
    margin-top: 12.5rem;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    background-color: #ff0070;
    color: #fff;
}

.noticia1b {
    margin-top:1rem;
    float: right;
    width: 58%;
}

.noticia1b p {
    word-wrap: break-word;
}

.noticia1b h3 {
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    }

.noticia2A {
    display: block;
    float: left;
}

.noticia2B {
    display: block;
    float: right;
}

.noticia2A, .noticia2B {
    display: block;
    width: 49%;
}







/*TALLER #################################################################################################################################################*/



.videin {
    margin: 0px;
    padding: 0px;
}

.maintaller {
    padding-top: 4rem;
    padding-bottom: px;
    margin left: 0px;
    float: right;
    width: 800px;  
}
.fototaller {
    width: 50%;
    height: 16em;
    background-image: url(imagenes/fototaller1.jpg);
    background-size: cover;
   ;
}

.maintaller h2 {
    padding-bottom: 20px;
}



.fototaller2 {
    width: 40%;
    height: 15rem;
    background-image: url(imagenes/fototaller2.jpg);
    background-size: cover;
}


.fototaller3 {
    width: 40%;
    height: 15rem;
    background-image: url(imagenes/fototaller3.jpg);
    background-size: cover;
}









/*PROPUESTA #################################################################################################################################################*/

/*vuottito*/
#parrafouno {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}

#parrafodos {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

#parrafotres {
    -moz-column-count: 2;
    -moz-column-gap: 12px;
    -webkit-column-count: 2;
    -webkit-column-gap: 12px;
    column-count: 2;
    column-gap: 12px;
}

#parrafocuatro {
    -moz-column-count: 2;
    -moz-column-gap: 12px;
    -webkit-column-count: 2;
    -webkit-column-gap: 12px;
    column-count: 2;
    column-gap: 12px;
}
/*vuottito*/

.mainpropuesta1 {
    position: relative;
    overflow: auto;
    font-family: roboto;
    width: 960px;
    margin: 0 auto;
}

.cuadraditospropuesta {
    width: 100px;
    margin-top: 1.6rem;
    margin-left: 2rem;
}

.cuadraditosobjetivos {
    width: 100px;
    margin-left: 2rem;
    margin-top: 0.5rem;
}

.cuadraditoss {
    width: 160px;
    float: left;
}

.maincontenido {
    padding-top: 4rem;
    padding-bottom: px;
    margin: 0px;
    float: right;
    width: 800px;  
}

.mainpropuesta h1, h2, h3 {
    margin: 0;
    margin-bottom: 2rem;
}

.mainpropuesta h2 {
    padding-bottom: 20px;
}

#comillas1 {
    margin-right: 1rem;
    font-size: 1.2rem;
    width: 580px;
}

.maincontenido p {
    font-size: 0.8rem;
}

.fotopropuesta1 {
    width: 100%;
    height: 10rem;
    background-image: url(imagenes/banner2.jpg);
    background-size: cover;
}

.fotopropuesta2 {
    width: 100%;
    height: 10rem;
    background-image: url(imagenes/banner3.jpg);
    background-size: cover;
}

.parrafocomillas {
    position: relative;
    float: right;
    display: inline-block;
}

.comillas1 {
    float: left;
}

.comillas2 {
    top: 90px;
    right: 1rem;
    position: absolute;
}

/*FOOTER #################################################################################################################################################*/

footer {
    margin: 0 auto;
    bottom: 0px;
    background-color: #3b3b3b;
}

.footerlogo {
    margin-right: 2rem;
    margin-top: 1.5rem;
    right: 0px;
    float: right;
}

.footerlogoimg {
    height: 100px;
}

.footerarriba {
    margin: 0 auto;
    width: 960px;
}

.nav_footer {
    font-family: roboto;
    display: block;
    overflow: auto;
    margin-top: 5rem;
    font-size: 0.7rem;
}

.footercontenido a{
    line-height: 1.3rem;
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration:none;
    color: #fff;
}

.footercontenido a:hover {
    color: #ff0070;
}

.footercontenido {
    display: block;
    overflow: auto;
    margin-top: 1rem;
    margin-right: 4rem;
    margin-bottom: 1rem;
    float: left;
}

.tres_columnas {
    padding-bottom: 5px;
    text-align: center;
    font-family: roboto;
    background-color: #3b3b3b;
    font-size: 0.7rem;
    color: #fff;    
}

#footervioleta {
    color: #adadad;
}

#footervioleta:hover {
    color: #fff;
}

.separadorfooter {
    display: none;
}

/*CONTACTO #################################################################################################################################################*/

.contactotexto a {
    font-weight: 500;
    text-decoration:none;
    color: #ff0070
}

.spancontacto {
    color: #ff0070;
}

.map1{
    margin-bottom: 10px;
    width: 95%;
}

.contactotexto {
    font-size: 0.8rem;
}

.contacto {
    margin-top: 10px;
    margin-bottom: 20px;
}

.maincontacto {
    overflow: auto;
    font-family: roboto;
    margin: 0 auto;
    width: 960px;
}

.maincontacto h1 {
    margin: 0px;
}

.contacto1 p{
    font-size: 0.8rem;
}

.maincontacto h2 {
    margin-bottom: 10px;
}

.maincontactoizquierda {
    float: left;
    width: 50%;
}

.iconos {
    float: left;
}

.horario {
    background-color: #9f9f9f;
    width: 225px;
    display: block;
    overflow: auto;
    float: left;
}

.reloj {
    float: left;
}

.relojimagen {
    width: 70px;
    height: 70px;
}

.contactoderecha {
    width: 200px;
    margin: 0px;
}

/* FORMULARIO DE CONTACTO */
	
.contacto {
    font-family: 'roboto';
    font-size: 1.5rem;
}

.bajdacontacto {
    font-family: 'roboto';
    font-style: bold;
    font-size: 1.1rem;
}

label {
    font-family: roboto;
    color:#320053;
    display:block;
    margin-top:15px;
    font-size: 1rem;
}

.formulario {
    display:block;
    margin:0 auto;
    color: #666666;
    font-family:abel;
}
 
input, textarea {
    font-family: 'abel';
    width:90%;
    height:9px;
    background:#fff;
    border:2px solid #fff;
    padding:10px;
    margin-top:5px;
    font-size:1rem;
    color:#000;
}
 
textarea {
    height:70px;
}
 
#submit {
    padding: 0px;
    width:70px;
    height:20px;
     font-family: 'roboto';
    font-size:1rem;
    font-weight: bold;
    border:none;
    margin-top:20px;
    cursor: pointer;
	color: black;
    background-color:rgb(255, 0, 167); 
}
 
#submitdos {
    padding: 0px;
    width:70px;
    height:20px;
     font-family: 'roboto';
    font-size:1rem;
    font-weight: bold;
    border:none;
    margin-top:20px;
    cursor: pointer;
	color: black;
}

/*CASITA*/

.lugar {
    background-color: #9f9f9f;
    width: 225px;
    display: block;
    overflow: auto;
}

.casita {
    float: left;
}

.casitaimagen {
    width: 70px;
    height: 70px;
}

.formulario {
    margin-top: 5px;
    display: block;
    float: left;;
}


.contactoderecha {
float: right;
width: 45%;
}

/*APUNTES #################################################################################################################################################*/

/*TITULO*/

.maintitulo {
    margin: 0px;
    padding: 0px;
    float: left;
    background-color: #ff0070;
    color: #fff;
    font-family: roboto;
    font-size: 1.7rem;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.mainlinea {
    margin: 0px;
    margin-top: 0.5rem;
    padding: 0px;
    height: 2px;
    background-color: #ff0070;
}

/*CUERPO*/

.mainreferentes{
    padding: 0px;
    width: 960px;
    margin: 0 auto;
    overflow: auto;
    list-style: none;
    color: #000;
}

.referentesadentro {
    overflow: auto;
}

.referentesizquierda {
    float: left;
    width: 60%;
}

.referentesderecha {
    width: 40%;
    float: right;
}

#cuadritosapuntes {
    float: left;
    background-color: #fff;
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-top: px;
}


.refapuntes1 {
    font-size: 0.8rem;
    margin-bottom: 1rem;
    padding: 0.8rem;
    padding-left: 1rem;
    list-style: none;
    font-family: roboto;
    color: #212121;
    background-color: #eaeaea;
    border: 1px solid #000;
        width: 500px;
}

.referentesizquierda ul{
    padding: 0px;
    margin: 0px;
}

.refapuntes1 a{
    text-decoration: none;
    color: #000;
}

.refapuntes1:hover {
    background-color: #ff0070;
}

/*PARTE DE LA DERECHA DE APUNTES*/

/*ARRIBA*/

.referentesarriba {
    height: 130px; 
    margin-bottom: 20px;
    background-image: url(imagenes/banner4.jpg);
    background-size: cover;
}

/*ABAJO*/

#linksa h3 {
    margin: 0px;
}

.refapuntes2 {
    border: 1px solid #000;
    float: right;
}

#linksa{
    margin-top: 20px;
    margin-left: 29px;
    font-family: roboto;
    font-size: 15px;
}

#linksa2{
    margin-left: 29px;
    font-family: roboto;
    font-size: 13px;
    margin-right: 30px;
}

#cuadritosrefapuntes2 {
    margin-left: 26px;
    margin-bottom: 20px;
    border: 2px solid #ff00ba;
    background: url('imagenes/logo.jp') no-repeat;
    background-size: cover;
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #959595;
}

#cuadritosrefapuntes2:hover {
    background-color: #ff0070;
}





/*(GALERIA)DESTACADOS##############################################################################################################################################################*/

.refanos a:hover{
    margin-right: 0.5rem;
    color: #ff0070;
}

.maindestacados {
    font-family: roboto;
    overflow: auto;
    position: relative;
    margin: 0 auto;
    width: 960px;
}

.cuadraditospropuesta2 {
    width: 80px;
    margin-top: 2.3rem;
}

.galeriade h2{
    font-size: 1.3rem;
    margin: 0px;
    margin-left: 1rem;
    float: left;
    margin-top: 3rem;
}

.cuadraditosss {
    float: left;
}

.destacadostitulo {
    z-index: 2;
    position: absolute;
    font-family: roboto;
    font-size: 4rem;
    margin-top: 2rem;
    color: #ff0070;
}


.textodestacado {
    overflow: auto;
}

.maindestacados1 {
    z-index: 2;
    width: 100%;
}

.refanos {
    z-index: 3;
    width: 5rem;
    float: right;
    text-align: right;
    font-family: roboto;
    color: #000;
    text-decoration: none;
    right: 0px;
}

.refanos a {
    font-size: 1.3rem;
    text-decoration: none;
    color: #3b3b3b;
}

.linitarosa {
    float: right;
    height: 2px;
    background-color: #ff0070;
    width: 10rem;
}

.clearbothref {
    height: 1rem;
}



/*FOTOSGALERIA1*/
.textodestacado .gallery li {
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

.fotodes1 {
    float: left;
    height: 15rem;
    width: 50%;
    background-image: url(imagenes/fotogaleria1.jpg);
    background-size: cover;
}

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

.textodestacado b {
    color: #ff0070;
}

.textodestacados {
    font-family: roboto;
    padding-bottom: 2rem;
    font-size: 0.9rem;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 49%;
    bottom: 0px;
}

/*FOTOSGALERIA2*/

/*EL JAVA*/

.container {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.gallery {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.gallery li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.gallery li a{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.fotodes2 {
    float: left;
    height: 30rem;
    width: 33.3%;
    background-image: url(imagenes/fotogaleria2.jpg);
    background-size: cover;
    background-position: center;
}

.fotodes3 {
    float: left;
    height: 10rem;
    width: 16.7%;
    background-image: url(imagenes/fotogaleria5.jpg);
    background-size: cover;
    background-position: center;
}

.fotodes4 {
    float: left;
    height: 10rem;
    width: 33.3%;
    background-image: url(imagenes/fotogaleria9.jpg);
    background-size: cover;
    background-position: center;
}

.fotodes5 {
    float: left;
    height: 10rem;
    width: 16.7%;
    background-image: url(imagenes/fotogaleria4.jpg);
    background-size: cover;
    background-position: center;
}

.fotodes6 {
    float: left;
    height: 10rem;
    width: 33.3%;
    background-image: url(imagenes/fotogaleria3.jpg);
    background-size: cover;
    background-position: center;
}

.fotodes7 {
    float: left;
    height: 10rem;
    width: 16.7%;
    background-image: url(imagenes/fotogaleria8.jpg);
    background-size: cover;background-position: center;
}

.textitodes {
    text-align: right;
    font-family: roboto;
    font-size: 0.9rem;
    right: 0px;
    height: 10rem;
    display: block;
    float: right;
}

.textitodes b{
    color: #ff0070;
}

/*HOVERGALERIA*/
.fotodes1:hover {
background-image: url(imagenes/fotogaleria1h.jpg);
}
.fotodes8:hover {
background-image: url(imagenes/fotogaleria6h.jpg);
}
.fotodes9:hover {
background-image: url(imagenes/fotogaleria11h.jpg);
}
.fotodes2:hover {
background-image: url(imagenes/fotogaleria2h.jpg);
}
.fotodes3:hover {
background-image: url(imagenes/fotogaleria5h.jpg);
}
.fotodes4:hover {
background-image: url(imagenes/fotogaleria9h.jpg);
}
.fotodes5:hover {
background-image: url(imagenes/fotogaleria4h.jpg);
}
.fotodes6:hover {
background-image: url(imagenes/fotogaleria3h.jpg);
}
.fotodes7:hover {
background-image: url(imagenes/fotogaleria8h.jpg);
}

.fotodes10:hover {
background-image: url(imagenes/fotogaleria12h.jpg);
}
.fotodes11:hover {
background-image: url(imagenes/fotogaleria13h.jpg);
}
.fotodes12:hover {
background-image: url(imagenes/fotogaleria14h.jpg);
}
.fotodes13:hover {
background-image: url(imagenes/fotogaleria16h.jpg);
}

.textitodes {
    text-align: right;
    font-family: roboto;
    font-size: 0.9rem;
    right: 0px;
    height: 10rem;
    display: block;
    float: right;
}

.textitodes b{
    color: #ff0070;
}

.fotodes8 {
    float: left;
    height: 10rem;
    width: 33.3%;
    background-image: url(imagenes/fotogaleria6.jpg);
    background-position: center;
    background-size: cover;
}

.fotodes9 {
    float: left;
    height: 10rem;
    width: 33.3%;
    background-image: url(imagenes/fotogaleria11.jpg);
    background-position: center;
    background-size: cover;
}


/*NUEVAS*/
.fotodes10 {
    float: left;
    height: 10rem;
    width: 20%;
    background-image: url(imagenes/fotogaleria12.jpg);
    background-position: center;
    background-size: cover;
}

.fotodes11 {
    float: left;
    height: 10rem;
    width: 40%;
    background-image: url(imagenes/fotogaleria13.jpg);
    background-position: center;
    background-size: cover;
}

.fotodes12 {
    float: left;
    height: 10rem;
    width: 20%;
    background-image: url(imagenes/fotogaleria14.jpg);
    background-position: center;
    background-size: cover;
}

.fotodes13 {
    float: left;
    height: 10rem;
    width: 20%;
    background-image: url(imagenes/fotogaleria16.jpg);
    background-position: center;
    background-size: cover;
}

/*DOCENTES#############################################################################################################################################################*/

.maindocentes {
    font-family: roboto;
    width: 960px;
    margin: 0 auto;
    overflow: auto;
    margin-top: 2rem;
}

.maindocentes1 {
    overflow: auto;
}

.docentesizq {
    float: left;
    width: 60%;
    overflow: auto;
    display: block;
}

.docentesizq p {
    overflow: auto;
    float: left;
}

.docentesder {
    width: 40%;
    overflow: auto;
    display: block;
    float: right;
}


.dobertifoto {
    float: left;
    background-size: cover;
    background-image: url(imagenes/doberti.jpg);
    height: 250px;
    width: 250px;
    display: block;
}

.scagliafoto {
    float: left;
    background-size: cover;
    background-image: url(imagenes/scaglia.jpg);
    height: 250px;
    width: 250px;
    display: block;
}

.docentesder p, h3 {
    margin: 0;
}

.doberti {
    overflow: auto;
    margin-bottom: 2rem;
}

.docentesder p {
    clear: both;
}

.maindocentes h3 {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    float: left;
    background-color: #ff0070;
}

.docentesder h3 {
    float: left;
    background-color: #ff0070;
}

.titulodocentes3 {
    margin-bottom: 1rem;
}

.titulodocentes4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*BIBLIOGRAFIA#############################################################################################################################*/

.mainbiblio {
    width: 960px;
    margin: 0 auto;
    overflow: auto;
    font-family: roboto;   
}

.biblioanchura {
    font-size: 0.8rem;
    color: #fff;
    background-color: #ff0070;
    text-align: center;
    overflow: auto;
    width: 2.22222rem;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}


.biblioanchura:hover {
    background-color: #3b3b3b;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.bibliobloques {
    color: #3b3b3b;
    float: left;
    text-decoration: none;
}

#biblioa {
    background-color: #3b3b3b;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}


/*LIBROSINFO*/

.libronombre {
    float: left;
    width:50%;
}

.libroinfo {
    width: 30%;
    float: left;
    font-size: 0.8rem;
}

.librotapa img{
    float: right;
    width: 3.8em;
}

.lineahorizontalbiblio {
    margin-left: 3rem;
    float: left;
    display: block;
    overflow: auto;
    height: 5rem;
    width: 1px;
    background-color: #6f6f6f;
}

.mainnoticiastitulo p {
    font-size: 0.8rem;
    width: 50%;
}


/*CRONOGRAMA##############################################################################################################################################################################*/


.maincrono {
    overflow: auto;
    width: 960px;
    margin: 0 auto;
}

.cronomodulo1 {
    font-family: roboto;
    width: 100%;
}

.cronomes {
    font-weight:bolder;
    font-size: 2rem;
}

.cronofecha1 {
    float: left;
    overflow: auto;
    width: 50%;}

.cronodia {
    font-size: 5rem;
    float: left;
}

.cronoinfodia {
    font-size: 0.8rem;
    padding-top: 1.4rem;
    height: 6rem;
    float: left;
    height: 5rem;
    padding-top: 2rem;
}

.divisorcronograma {
    height: 1rem;
}

#cronodia1 {
    color: #0062ff;
}

#cronodia2 {
    color: #3b00ff;
}

#cronodia3 {
    color: #ff0070;
}

.divisorcronograma2 {
    background-color: #3b3b3b;
    height: 1px;
    width: 100%;
    margin-bottom: 2rem;
}


/*PROXIMA CLASE ###########################################################################################################################################################################################################*/

.mainproxima {
    font-family: roboto;
    margin: 0 auto;
    margin-top: 2rem;
    width: 960px;
}

.mainproxima1 {
    overflow: auto;
}

.proxclastitulo1 {
    float: left;
}

.proxclastitulo2 {
    margin-bottom: 0px;
    margin-left: 1rem;
    margin-top: 1rem;
    float: left;
}

.proximaizquierda {
    font-size: 0.8rem;
    width: 50%;
    float: left;
}

.proximaizquierda h3 {
    padding: 0px;
}

.proximaderecha {
    height: 17rem;
    width: 48%;
    float: right;
}

.derecha1 {
    width: 49%;
    float: left;
    height: 100%;
    overflow: auto;
}

.derecha1a {
    margin-bottom: 1rem;
    height: 48%;
    background-image: url(imagenes/la-website-design.jpeg);
    background-size: cover;
    background-position: center;
}

.derecha1b {
    height: 46%;
    background-image: url(imagenes/web-page-design.png);
    background-size: cover;
    background-position: center;
}

.derecha2 {
    width: 50%;
    height: 100%;
    overflow: auto;
    float: right;
    background-image: url(imagenes/capset_font_1.jpg);
    background-size: cover;
    background-position: center;
}


.divisorproxima {
    margin-top: 2rem;
    background-color: #3b3b3b;
    height: 1px;
    width: 100%;
    margin-bottom: 2rem;
}

.mainproxima2 {
    height: 15rem;
    width: 100%;
}

.dosizquierda {
    float: left;
    width: 33%;
    height: 100%;
    background-image: url(imagenes/libro5.jpg);
    background-size: cover;
    background-position: top;
}

.doscentro {
    margin-left: 1rem;
    font-size: 0.8rem;
    float: left;
    width: 30%;
    height: 100%;
}

.dosderecha {
    float: left;
    width: 33%;
    height: 100%;
}

/*REFERENTES ###########################################################################################################################################################################################################*/


.maintrabajo {
    font-family: roboto;
    margin: 0 auto;
    margin-top: 2rem;
    width: 960px;
}

.maintrabajo1 {
    overflow: auto;
}

.trabajotitulo1 {
    float: left;
}

.trabajotitulo2 {
    margin-bottom: 0px;
    margin-left: 1rem;
    margin-top: 1rem;
    float: left;
}


.tituloprincipal2{
    font-family: roboto;
    background-color: #ff0070;
    font-size: 2rem;
    width: 100%;
    margin-left: 0%;
    color: #fff;
    font-weight: 700;
    padding-left: 0%;
    padding-right: 0%;
    margin-top: 3%;
    font-weight: 900;
    float: left;
    text-align: center;
}

.web{
    text-decoration: none;
}

.subtitulo{   
    font-family: roboto;
    text-decoration: none;
    overflow: hidden;
    width: 66.3%;
    font-size: 2rem;
    color: #000;
    padding-left: 3%;
    margin: 0%;
    font-weight: 900;
}

.tituloreferente{
    font-family: roboto;
    font-size: 1.3rem;
    color: #fff;
    font-weight: 900;
    background-color: #320053;
    text-align: center;
    margin-left: 2%;
    float: left;
    width: 67.3%;
    margin-top: 0%;
    margin-bottom: 1%;
}
 
.check{
    margin-left:28%;
}

.textoreferente{
    font-family: roboto;
    font-size: 0.85rem;
    color: #000;
    overflow: hidden;
    padding-bottom: 0%;
    width: 67.3%;
    float: left;
    margin-left: 2%;
}

#p01{
    width: 100%;
    overflow: hidden;
    margin-right: 4.5%;
    margin-bottom:2%;
    padding-bottom: 2%;
    border-bottom: solid thin;
}

#p01 img{
float: left;
width: 30%;
border: solid #ff0070;
}


#p02{
    width: 100%;
    overflow: hidden;
    margin-right: 4.5%;
    margin-bottom:2%;
    padding-bottom: 2%;
    border-bottom: solid thin;
}

#p02 img{
    width: 30%;
    border: solid #ff0070;
    float: left;
}

.check2{
    margin-left:35%;
}

#p03{
    width: 100%;
    overflow: hidden;
    margin-right: 4.5%;
    margin-bottom:2%;
    padding-bottom: 2%;
    border-bottom: solid thin;
}

#p03 img{
    width: 30%;
    border: solid #ff0070;
    float: left;
}

.check3{
    margin-left: 30%;
}



/*PROPUESTA ###########################################################################################################################################################################################################*/

.descarga2 {
    text-decoration: none;
    font-weight: bolder;
    margin-left: 1rem;
}

.fotoprogramacapo {
    width: 20%;
    float: left;
}

.fotoprogramacapo2 {
    width: 40%;
    float: left;
}

.fotoprogramacapo2 h2 {
    margin-left: 1rem;
    margin-top: 1rem;
}

.programaderecha {
    margin-top: 2rem;
    line-height: 3rem;
    font-size: 1.4rem;
    float: left;}

.programaderecha a{
    color: #242424;
    text-decoration: none;
}

.programaderecha a:hover{
    color:#ff0070;
}

.mas1 {
    list-style: none
}

.fotoprograma1 {
    width: 100%;
    height:22rem;
    background-image: url(imagenes/programafoto.jpg);
    background-size: cover;
}

.fotoprograma2 {
    margin-top: 4%;
    width: 100%;
    height:9rem;
    background-image: url(imagenes/programafoto2.jpg);
    background-size: cover;
}

.fotoprograma3 {
    margin-top: 1%;
    width: 100%;
    height:9rem;
    background-image: url(imagenes/programafoto3.jpg);
    background-size: cover;
}

.tituloprograma{
    font-family: roboto;
    background-color: #ff0070;
    font-size: 1.5rem;
    width: 100%;
    margin-left: 0%;
    color: #fff;
    font-weight: 700;
    padding-left: 0%;
    padding-right: 0%;
    margin-top: -2.5%;
    font-weight: 900;
    float: left;
    text-align: center;
}

#parrafopro {
    font-size: 0.8rem;
    float: left;
    margin-left: 4%;
}


/*GALERIARESPONSIVE##############################################################################*/

.galeriaresponsive {
    display:none;
    background-image: url(imagenes/galeriaresponsive.jpg);
    background-size: cover;
    background-position: center;
    height: 12rem;
    margin-top: 0.5rem;
}

.galeriaresponsive:hover {
    background-image: url(imagenes/galeriaresponsiveh.jpg);
    background-size: cover;
    background-position: center;
    height: 12rem;
    margin-top: 0.5rem;
}

.galeriaresponsive p {
    font-family: roboto;
    background-color: #3b3b3b;
    color: #fff;
    font-size: 100%;
    font-weight: bolder;
    padding: 0.3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top:2rem;;
    float: left;
}


/*NAVEGADORCITO #################################################################################################################################################*/

.navegadorcito {
    width: 960px;
    margin: 0 auto;
    font-family: roboto;
    font-size: 0.7rem;
}

.navegadorcito1 {
    padding: 0.1rem;
    padding-left: 0.8rem;    
    padding-right: 0.8rem;    
    float: left;
    background-color: #3b3b3b;
    color: #fff;
}