@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic|Oswald:400,700);

*{
    margin: 0;
    padding: 0;
}

body.principal{
    background-image:url(imagenes/pattern.png);
}

div#carilla{
    width: 960px;
    margin: auto;
    background-color: #FFF;
    padding: 1rem;
}

header{
    margin-bottom: 1rem;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-align: center;
    padding: 0.2rem;
}

h1{
    text-align:left; 
    font-size: 1.75rem;
    float: left;
}

.catedra{
    font-weight: 400;
}

.materia{
    overflow: auto;
}

h2{
    font-size: 1.5rem;
}

h3{
    font-size: 1.25rem;
}

h4{
    font-size: 1rem;
}

h5{
    font-size: 0.9rem;
    text-align: left;
}

h6{
    font-size: 0.8rem;
    text-align: left;
}

a{
    text-decoration:none;
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
}

div#sesion a, a{
    font-size: 0.8125rem;
}

p{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 0.84375rem;
}

div#sesion{
    background-color: #4c4c4c;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
}

div#sesion a, div#sesion h4{
    color: #ddd;
    font-weight: 700;
    margin-left: 0.25rem;
}

div#sesion h4{
   float: left; 
}

div#sesion a:hover{
    color: #FFF;
}

div.redessociales{
    text-align: left;
    float: left;
    overflow: auto;
}

div.config{
    text-align: right;
    overflow: auto;
}

div.registracion{
    float: right;
    margin-left: 0.5rem;
}

div#logo img{
    float: left;
    margin-right: 0.5rem;
}

main{
    clear: both;
    overflow: hidden;
    display: block;
}

footer{
    background-color: #4c4c4c;  
    color: #ddd;
    padding: 1rem;
    clear: both;
    overflow: auto;
}

footer img{
    float: left;
    overflow: auto;
}

footer p{
    font-size: 0.75rem;
}

div.linksfooteryderechosreservados{

}

div.derechosreservados{
    width: 100%;
    overflow: auto;
}

div.linksfooter{
    width: 86%;
    overflow: auto;
    float: right;
}

.widthderechosreservados{
    width: 86%;
    float: right;
    overflow: auto;
}

.estilomarginadolinksfooter{
    list-style: none;
    margin-right: 1rem;
}

.bienvenidos{
    text-align: center;
    background-color: #60774f;
    color:#FFF;
}

div.arquitectura, div.arquitectura2, div.seccionarquitectura, div.secciondisenoindustrial, div.secciondisenografico, div.disenografico, div.disenografico2, div.disenoindustrial, div.disenoindustrial2{
    width: 33.33%;
}

div.arquitectura, div.arquitectura2{
    background-color: rgb(132, 203, 255);
}

div.arquitectura:hover{
    background-color: rgba(132, 203, 255, 0.6);
}

div.seccionarquitectura{
    background-color: rgba(132, 203, 255, 0.6);
}

div.disenografico, div.disenografico2{
    background-color: rgb(255, 168, 68);
}

div.disenografico:hover{
    background-color: rgba(255, 168, 68, 0.6);
}

div.secciondisenografico{
    background-color: rgba(255, 168, 68, 0.6);
}

div.disenoindustrial, div.disenoindustrial2{
    background-color: rgb(255, 255, 92);
}

div.disenoindustrial:hover{
    background-color: rgba(255, 255, 92, 0.6);
}

div.secciondisenoindustrial{
    background-color: rgba(255, 255, 92,0.6);
}

.italica{
    font-style: italic;
}

.titulossecundarios{
    background-color: #96bf85;
    color: #000;
}

div.contenedorsecundario{
    border: 0.2em solid #60774f; 
    overflow: hidden;
}

div.columnaprincipal a, div.columnaprincipal2 a, div.columnasecundaria a, div.columnas a, div.vinculoscronograma a, div.vinculosbibliografia a{
    font-weight: 400;
    color: #7ebb00;
}

div.columnas a:hover, div.columnaprincipal a:hover, div.columnaprincipal2 a:hover, div.columnasecundaria a:hover, div.vinculoscronograma a:hover, div.vinculosbibliografia a:hover{
    text-decoration:underline;
}

.flotarderecha{
    float: left;
}

.flotarizquierda{
    float: right;
}

div.columnaprincipal{
    width: 49%;
}

div.columnasecundaria{
    width: 24%;
    margin-left: 1.5%;
}

div.columnasecundaria2{
    width: 49%;
    float: left;
    overflow: auto;
}

div.columnasecundaria3{
    width: 49%;
    float: right;
    overflow: auto;
}

div.columnasecundaria4{
    width: 49%;
    float: right;
}

.items{
    padding-left: 1rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.84375rem;
}

div.columnas {
    width: 24%;
    float: right;
}

div.slider{
    clear: both;
}

div.sliderarq{
    overflow: auto;
}

div.slider img, div.congreso img, div.comunidad img{
    width: 100%;
}

div.sliderdisenoindustrial{
    width: 74%;
    float: right;
}

div.menu a{
    font-size: 0.875rem;
}

div.videoresponsive{
    position: relative;
    margin: 0 auto;
    height: 0;
    padding-bottom: 56.25%;
}

div.videoresponsive iframe{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.subtitulos{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    text-decoration: underline;
}

div#contenidogeneral, .contenidogaleria{
    overflow: hidden;
    margin: 1rem 0;
}

div#contenidogeneralarq, div#contenidogeneralind{
    overflow: hidden;
    margin-bottom: 1rem;
}

div#contenidoprincipal{
    margin-top: 1rem;
}

div#contenidosecundario{
    clear: both;
    overflow: hidden;
    margin-bottom: 1rem;
}

div.botoninscripcion a{
    font-weight: 400;
    font-size: 0.84375rem;
    text-decoration: none;
    color: #000; 
    border: 0.25rem solid #a1c784;
    background-color: #fff;
    padding: 0.25rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400; 

}

div.botoninscripcion a:hover{
    background-color: #96bf85;
    text-decoration: none;
    color: #fff;
    font-weight: 700; 
}


div.contenidobotones{
    margin-bottom: 0.5rem;
}

div.contenidobotonesarq, div.contenidobotonesind{
    margin-bottom: 0.5rem;
}


div.botones a{
    font-weight: 400;
    font-size: 0.84375rem;
    text-decoration: none;
    color: #000; 
    border: 0.25rem solid #60774f;
    background-color: #fff;
    padding: 0.25rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400; 
}

div.botones a:hover{
    background-color: #a1c784;
    text-decoration: none;
/*    font-weight: 700;*/
}

div.botonesind a{
    font-weight: 400;
    font-size: 0.84375rem;
    text-decoration: none;
    color: #000; 
    border: 0.25rem solid rgba(255, 255, 92, 0.6);
    background-color: #fff;
    padding: 0.25rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400; 

}

div.botonesind a:hover{
    background-color: rgba(255, 255, 92, 0.6);
    text-decoration: none;
}

div.contenidocarreraarq{
    overflow: auto;
}

div.estilocentrado{
    text-align: center;
}

.estilonegrita{
    font-weight: bold;
}

.estilomarginado1{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.estilomarginado2{
    margin-top: 0.5rem;
}

.estilomarginado3{
    margin-bottom: 1rem;
}

.estilomarginado4{
    margin-bottom: 0.5rem;
}

.estilomarginado5{
    padding: 0;
    margin: 0;
}

.estilomarginado6{
    margin-bottom: 0.85rem;
}

.estilomarginado7{
    margin-bottom: 2.3rem;
}

.estilomarginadobotones{
    margin-right: 1rem;
}

.miscelanea{
    border-bottom: 0.2rem solid #000;
}

.columnaind{
    width: 24%;
    float: left;
    overflow: hidden;
}

.paddingcolumns{
    padding: 0.5rem;
}

.marginvinculos{
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

div.inscripcion{
    background-color: #60774f;
    color: #fff;
    padding: 1.6rem;
    border: 0.5rem solid #96bf85;
}

.buscar{
    border: solid #96bf85;
    margin-left: 0.25rem;
}

.buscar::-webkit-input-placeholder { 
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.8125rem; 
}

a input.botones{
    font-weight: 400;
    font-size: 0.84375rem;
    text-decoration: none;
    color: #000; 
    border: 0.25rem solid #60774f;
    background-color: #fff;
    padding: 0.25rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400; 
}

a:hover input.botones {
    background-color: #a1c784;
    text-decoration: none;
/*    font-weight: 700;*/
    cursor: pointer;
}



body.disenografico{
    background-image:url(imagenes/patterndg.png);
}

body.arquitectura{
    background-image:url(imagenes/patternarq.png);
}

body.disenoindustrial{
    background-image:url(imagenes/patterndind.png);
}

.dg{
    background-color: rgba(255, 168, 68, 0.6);
}

.arq{
     background-color: rgba(132, 203, 255, 0.6);
}

.recuadro{
    border: 0.4rem solid rgb(0, 0, 0);    
}

.ind{
    background-color: rgba(255, 255, 92, 0.6);
}

.borderind{
    border: 0.5rem solid  rgba(255, 255, 92, 0.6);
}

.galeriaarq{
    width: 74%;
    float: left;
    overflow: hidden;
}

.galeriaind{
    width: 74%;
    float: right;
}

.galeriadg{
    
}

div.pagerdg{
}

div#bx-pager{
    width: 100%;
    text-align: right;
    margin-top: 0.35rem;
}

div#bx-pager img{
    width: 24.4%;
}

div.carreras{
    overflow: auto;
}

div.jefecatedra1, div.jefecatedra2{
    width: 49%;
}

div.jefecatedra1 img, div.jefecatedra2 img{
    width: 100%;
}

div.jefecatedra1{
    float: left;
}


div.jefecatedra2{
    float: right;
}

div.jtp1, div.jtp2, div.jtp3, div.jtp4{
    width: 24%;
}

div.jtp1 img, div.jtp2 img, div.jtp3 img, div.jtp4 img{
    width: 100%;
}

div.jtp1, div.jtp2, div.jtp3{
    float: left;
    margin-right: 1.33%;
}

div.jtp4{
    float: right;
}

div.doc1, div.doc2, div.doc3, div.doc4, div.doc5{
    width: 19%;
}

div.doc1 img, div.doc2 img, div.doc3 img, div.doc4 img, div.doc5 img{
    width: 100%;
}

div.doc1, div.doc2, div.doc3, div.doc4{
    float: left;
    margin-right: 1.25%;
}

div.doc5{
    float: right;
}

.destacado1{
    color: #7c9865;
}

.destacado2{
    color: #9cc07f;
}

.destacado3{
    color: #abd18c;
}

div.contenedortextoyjefescatedra{
    width: 49%;
    float: left;
}

div.contenedorjefesjtpsydocentes{
    width: 49%;
    float: right;
    overflow: auto;
}

div.docentesfila1{
    overflow: auto;
    margin-bottom: 1.68rem;
}

.estilomarginadojtps{
    margin-bottom: 1.22rem;
}

div.contenidoequipodocentes{
    overflow: auto;
    margin-bottom: 1rem;
}

.margincalendar{
    margin-right: 0.5rem;
}

div.calendario2014{
    overflow: auto;
}

ul li.calendar{
    display: block;
    overflow: auto;
    padding: 0.4rem;
}

li.calendar{
    list-style: none;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 0.84375rem;
    text-align: center;
}

li.calendar.feriado{
    background-color: #000;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
}

li.calendar.entrega, .entrega{
    background-color: #60774f;
    color: #fff;
    font-weight: 700;
}

li.calendar.preentrega, .preentrega{
    background-color: #8bac73;
    color: #fff;
    font-weight: 700;
}

li.calendar.devolucion, .devolucion{
    background-color: #a1c784;
    color: #fff;
    font-weight: 700;
}

.marginbottomcalendar{
    margin-bottom: 1.5rem;
}

div.columnacalendario{
    width: 24%;
    float: left;
}

.infocronograma{
    width: 74%;
    float: right;
}

.subtitulocronograma{
    text-align: left;
}

.itemscronograma{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.84375rem;
}

.miscelanea2{
    padding-bottom: 1.5rem;
    border-bottom: 0.2rem solid #999;
}

.estilomarginado8{
    margin-bottom: 1.5rem;
}

div.infocronograma{
    width: 74%;
    float: right;
    overflow: auto;
}

.padding{
    margin-right: 0.2rem;
}

.paddingresaltado{
    padding: 0.2rem;
    margin-right: 0.2rem;
}

.contenidocronograma{
    overflow: auto;
    margin-bottom: 1rem;
}

.txtderecha{
    text-align: left;
}

div.contenidourbanizacion{
    width: 49%;
    float: left;
    overflow: auto;
}

div.contenidourbanizacion img{
    width: 100%;
}

div.otrosproyectos{
    width: 49%;
    float: right;
    overflow: auto;
}

div.senaletica, div.verdeinteligente{
    width: 29%;
    overflow: auto;
    float: left;
}

div.senaletica img, div.verdeinteligente img{
    width: 100%;
}

.textosenaletica, .textoverdeinteligente{
    width: 69%;
    overflow: auto;
    float: right;
}

.proyectoprincipal, .practicasocial{
    color: #60774f;
}

.miscelaneaproyectoprincipal{
    border-bottom: 0.2rem solid #60774f;
}



.miscelaneaotrosproyectos{
    border-bottom: 0.2rem solid #8bac73;
}

.proyectootros{
    color: #8bac73;
}

.contenidogeneralurbanizacion{
    overflow: auto;
    margin-bottom: 1rem;
}

div.identificaciontps{
    width: 24%;
    overflow: auto;
    float: left;
    text-align: left;
}

div.galeriatps{
    width: 74%;
    overflow: auto;
    float: right;
}




div.galeriatps img{
    width: 16%;
    float: left;
}

.margingaleria{
    margin-right: 0.8%;
    overflow: auto;
}

div.galeriatps ul li{
    list-style: none;
}

.margingaleriabottom {
    overflow: auto;
    margin-bottom: 0.8%;
}

div.grupos{
    overflow: auto;
}

.estilomarginado9{
    padding-bottom: 2rem;
    border-bottom: 0.2rem solid #999;
    margin-bottom: 2rem;
}

.estilomarginado10{
    padding-bottom: 2rem;
    border-bottom: 0.2rem solid #999;
}


.spanh6{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 0.8rem;
    color: #a1c784;
}

.piegaleria{
    font-size: 0.8125rem;
}

div.bajar{
    clear: both;
    width: 74%;
    float: right;
}

div.textosobligatorios{
    width: 24%;
}

div.textosobligatorios img{
    width: 100%;
}

.estilomarginadobiblio{
    margin-right: 1.33%;
}

div.obligatoria{
    overflow: auto;
    margin-bottom: 1rem;
}

div.complementaria{
    width: 74%;
    overflow: auto;
    float: left;
}

div.links{
    width: 24%;
    overflow: auto;
    float: right;
}

.linksbiblio{
    margin-left: 1.2rem;
}

.contenidobibliografia{
    overflow: auto;
    margin-bottom: 1rem;
}

div.datos{
    overflow: auto;
}




.ow-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  background: #424242;
  opacity: 0.8;
}

/* Default class for both hidden overlay and modal window */
.ow-closed {
  display: none;
}

/* Default class for modal window */
.modal {
  position: fixed;
  z-index: 20;
  height: 300px;
  left: 50%;
  top: 50px;
  width: 300px;

  background-color: #fff
}










.simple-modal-box, .simple-modal-backdrop {
/* The plugin appends these items to the DOM without
        making any effort to hide them, so this must be set. */
    display: none;
}

.simple-modal-box {
    z-index: 100;
    background: #fff;
    min-width: 300px;
    min-height: 100px;
    padding: 20px;
    /* Position values needed to center the modal box */
    position: fixed;
    top: 50%;
    left: 50%;
}

.simple-modal-backdrop {
    background: rgba(0,0,0,.75);
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.demo {
    display: none;
}


div.modalregistrarse a {
    display: block;
    float: left;
}

div.iniciarsesion a{
    float: right;
}

.buscar{
    border: solid #96bf85;
    margin-left: 0.25rem;
}

.check{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 0.84375rem;
}

.marginadoizquierdoregistracion{
    margin-right: 1rem;
}

.marginadoizquierdoregistracion2{
    margin-right: 0.5rem;

}

.marginadoizquierdoregistracion3{
    margin-top: 0.3rem;
}

.marginadoizquierdoregistracion4{
    margin-right: 0.2rem;
}

.columnainfo{
    float: left;
    overflow: auto;
}

.contenidoformulario{
    overflow: auto;
    margin-bottom: 1rem;
}

.margincontrasena{
    margin-bottom: 1.5rem;
}

.estilomarginadonovedades{
    width: 25%;
    margin-right: 0.92rem;
}

.bajar2{
    overflow: auto;
    clear: both;
}

.bajar3{
    clear: both;
    overflow: auto;
}

.infocongresoiberoamericano{
    overflow: auto;
    clear: both;
    width: 49%;
    float: left;
}

.congresoiberoamericano{
    width: 49%;
    overflow: auto;
    float: right;
}

.congresoiberoamericano img{
    width: 100%;
}

.contenedorcongresoiberoamericano{
    overflow: auto;
    clear: both;
    margin-bottom: 1rem;
}

.contenedorifla{
    width: 49%;
}

.contenedorifla img{
    width: 100%
}

.contenedorcalendarionovedades{
    overflow: auto;
    margin-bottom: 1rem;
}

.contenedoriflayarquitectas{
    overflow: auto;
}

div.contenedornovedades{
    margin-bottom: 1rem;
}

div.correlatividadesarq{
    width: 33.33%;
    float: left;
    overflow:auto;
}

div.correlatividadesdg{
    width: 33.33%;
    float: left;
    overflow: auto;
}

div.correlatividadesind{
    width: 33.33%;
    float: right;
    overflow: auto;
}

div.contenidocorrelatividades{
    overflow: auto;
    margin-bottom: 1rem;
}

div.imgtaller img{
    width: 100%;
}

div.linksinteres, div.linksespaciodoberti, div.linksteoriadelhabitar{
    overflow: auto;
}

div.linksinteres a, div.linksespaciodoberti a, div.linksteoriadelhabitar a{
    color: #ddd;
}

div.linksinteres a:hover, div.linksespaciodoberti a:hover, div.linksteoriadelhabitar a:hover, div.nombreiniciosesion a h4:hover {
    color: #FFF;
}

div.tpsdg{
    width: 24%;
    float: left;
    overflow: auto;
}

div.aportardg{
    width: 74%;
    overflow: auto;
    float: right;
}

div.botoneradg{
    width: 74%;
    float: right;
}

div.galeriaimgsdg{
    width: 100%;
    clear: both;
    float: right;
}


div.pagerdg{
    width: 24%;
    float: left;
}

div.pagerdg #bx-pager img{
    width: 100%;
    float: none;
    overflow: auto;
    clear: both;
}

.bxsliderdg{
    width: 74%;
    float: right;
}

div.bxsliderind{
    width: 74%;
    clear: both;
    float: right;
}

div.bxpagerind{
    width: 24%;
}

div.bxpagerind div#bx-pager img{
    width: 100%;
    clear: both;
    overflow: auto;
}

div.contenidotpsind{
    width: 24%;
    overflow: auto;
    clear: both;
    float: left;
}

div.aportarind{
    width: 74%;
    float: right;
}

div.seccionescomunidadnav h3, .seccionescomunidadmuro h3{
    text-align: left;
}

div.contenidomuroarchivos{
    float: left;
    overflow: auto;
}

.murofotos{
    float: left;
    width: 6.5%;
}

.murofotos img{
    width: 100%;
}

div.contenidocomentario{
    float: right;
    width: 91%;
}

div.comentariosmuros{
    overflow: auto;
}

.estilomarginado11{
    margin-right: 1rem;
}

div.seccionescomunidadnav{
    width: 100%;
    margin-bottom: 2rem;
    overflow: auto;
}

.estilomarginado12{
    padding-top: 1rem;
    margin-bottom: 2rem;
}

.estilomarginado13{
    padding-top: 1rem;
}


div.contenidogrupos{
    width: 24%;
    float: right;
}

div.contenidomuroarchivo2{
    overflow: auto;
    width: 100%;
    float: left;
}

div.contenidogeneralcomunidad{
    overflow: auto;
    margin-bottom: 1rem;
    clear: both;
}


div.grupos, div.grupos h4{
    text-align: center;
}

div.nombreiniciosesion{
    margin: 0;
    padding: 0;
    float: left;
}

div.redessociales img{
    margin-right: 0.5rem;
}


.alineadoderecha{
    text-align: left;
}

a.linkscomu{
    color: #a4a4a4;
}

a.linkscomu:hover{
    color: #767676;
}

div.recuadromuro{
    
    border-left: 0.2rem solid #60774f;
    border-right: 0.2rem solid #60774f;
    border-bottom: 0.2rem solid #60774f;    
}

div.contenidomuroarchivos3{
    width: 74%;
    float: left;
}

.paddingcolumnscomu{
    padding-right: 0.5rem;
}

div.preguntasfrecuentes a h5:hover{
    color: #8bac73;
}

div.preguntasfrecuentesypreguntanos{
    width: 49%;
    float: left;
}

div.opiniones{
    width: 49%;
    float: right;
}

div.cursante{
    float: left;
}

div.opinionescursantes{
    overflow: auto;
}

div.contenidogeneralopinionesypreguntas{
    overflow: auto;
    margin-bottom: 1rem;
}

div.contenidopreguntasfrecuentes{
    margin-bottom: 1.5rem;
}

div.cursante {
    margin-right:0.5rem; 
}




.showThumbByDefault #lightGallery-Gallery.open .lightGallery-slide {
    padding-bottom: 120px;
}
.showThumbByDefault #lightGallery-Gallery .thumb_cont .thumb_info{
    display:none;
}
/*/ actions */
.showThumbByDefault #lightGallery-action {
    position: static;
}
.showThumbByDefault #lightGallery-action a {
    margin-top: -14px !important;
    position: absolute;
    top: 50%;
    z-index: 9999999;
    background-color: transparent;
    font-size: 28px;
}
.showThumbByDefault #lightGallery-action a#lightGallery-prev {
        left: 17px;
    }
    .showThumbByDefault #lightGallery-action a#lightGallery-next {
        right: 17px;
    }
    .localVideo #lightGallery-action {
    position: static;
}
 
 
/*/######## optional ######## just for demo */
/*/ remove scale effect of image */
.showThumbByDefault #lightGallery-Gallery .lightGallery-slide .object{
    transform: scale3d(1, 1, 1) !important;
    -moz-transform: scale3d(1, 1, 1) !important;
    -ms-transform: scale3d(1, 1, 1) !important;
    -webkit-transform: scale3d(1, 1, 1) !important;
    -o-transform: scale3d(1, 1, 1) !important;
}
/*/ transparent background */
.showThumbByDefault#lightGallery-outer{
    background-color: rgba(0, 0, 0, 0.55);
}





/*
@media screen and (max-width:1680px){

}

@media screen and (max-width:1150px){

    #main-menu {
        clear: both;
    }  
}
 
*/

@media screen and (max-width:1050px){
    
    div#carilla{
        width: 90%;
    }
    
    div.arquitectura, div.disenografico, div.disenoindustrial{
        width: 100%;
    } 
    
    div.columnaprincipal{
        width: 100%;
        margin-bottom: 1.5%;
    }
    
    div.columnasecundaria, div.columnas{
        width: 49%;
    }
    
    div.columnasecundaria{
        float: left;
        margin: 0;     
    }
    
    
    div.columnaind{
        float: none;
        margin-bottom: 1rem;
        width: 100%;
    }
    
    div.galeriaimgs{
        width: 100%;
    }
    
    div#bx-pager img{
        width: 19.2%;
    }
    
    div.contenidocarreras{
        margin: 0;
        margin-bottom: 2.25rem;
    }
}


@media screen and (max-width:940px){
    
    div.infocronograma{
        width: 100%;
        overflow: hidden;
    }
    
    div.columnacalendario{
        visibility:hidden;
        display: none;  
    }
}



@media screen and (max-width:768px){
    
    div#logo{
        text-align: center;
    }
    
    div#logo img{
        float: none;
    }
    
    h1{
        text-align: center;
    }
    
    h1.th, h1.catedra{
        float: none;
    }
    
    div.columnaprincipal{
        width: 100%;
        margin-bottom: 1.5%;
    }
    
    div.columnas, div.columnasecundaria{
        width: 49%;
    }
    
    footer{

    }
    
    footer img{
        float: none;
        margin: 0;
        margin-bottom: 0.25rem;
        clear: both;
        overflow: auto;
    }
    
    div.linksfooter{
        width: 100%;
        text-align: left;
        clear: both;
        float: none;
        overflow: auto;
    }
    
    .widthderechosreservados{
        width: 100%;
        float: none;
        clear: both;
        overflow: hidden;
    }
    
    div.columnasecundaria3{
        width: 100%;
        float: none;
        overflow: auto;
    }

    div.columnasecundaria4{
        width: 100%;
        float: none;
        margin-bottom: 1rem;
    }
    
    div.columnasecundaria2{
        width: 100%;
        float: none;
        overflow: auto;
    }
    
    div.contenedorjefesjtpsydocentes{
        width: 100%;
        float: none;
        overflow: auto;
    }

    div.contenedortextoyjefescatedra{
        width: 100%;
        float: none;
        margin-bottom: 1rem;
    }
    
    div.docentesfila1{
        overflow: hidden;
    }
}

@media screen and (max-width:640px){
    
    div.redessociales{
        text-align: center;
        float: none;
        margin-bottom: 0.25rem;
    }

    div.config{
        text-align: center;
        float: none;
    }
    
    div.registracion{
        margin-bottom: 0.25rem;
        float: none;
    }
    
    div.contenedorbuscador{
        text-align: center;
    }
    
    div.columnaprincipal, div.columnasecundaria, div.columnas{
        width: 100%;
    }
    
    div.columnaprincipal, div.columnasecundaria{
        margin-bottom: 1.5%;
    }
    
    div#bx-pager img{
        width: 18.2%;
    }
    
    
}


@media screen and (max-width:525px){
     div.linksinteres{
        float: none;
        overflow: auto;
        clear: both;
        width: 100%;
        margin-bottom: 1rem;

    }
    
    div.linksespaciodoberti{
        float: none;
        overflow: auto;
        clear: both;
        width: 100%;
        margin-bottom: 1rem;

    }
    
    div.linksteoriadelhabitar{
        float: none;
        overflow: auto;
        clear: both;
        width: 100%;

    }
    
    div.linksfooteryderechosreservados{

        width: 100%;
        margin: auto;
    }
    
}


@media screen and (max-width:480px){
    
    div#sesion{
        text-align: center;
    }
 
}

@media screen and (max-width:320px){

}

@media screen and (max-width:240px){
    
}