*{
margin: 0;
padding: 0;
}

html { font-size: 25px; }

/* ////////////// COLORES DE LINKS /////////////// */

a:link, a:visited{
  color: rgb(92, 92, 92);
  text-decoration: underline;
}
a:hover, a:active{
  color: #229fdb;
  text-decoration: none;
}

/* ////////////// FIN COLORES DE LINKS /////////////// */

body{
background: url(img/bg.png);
}

header

{ 
background: url(img/headers/catedra.jpg) center;
background-repeat: no-repeat;
background-size:cover;
background-position:center;
height: 320px;
margin: auto;
text-align: center;
}

.logo
{
 width: 140px; 
 padding-top: 75px;
 position: absolute;
 margin-left: auto;
 margin-right: auto;
 left: 0;
 right: 0;
}    

/* /////////////// FRASE /////////////// */

.frasefondo{
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    margin:  auto;
    text-align: center;
    color: #fff;
    background: url(img/bgfrase.png) repeat-x scroll center 0px;
    -webkit-box-shadow:inset 0 -1px 10px 0 #000;
     box-shadow:inset 0 -1px 10px 0 rgb(0, 0, 0);
}

.frase{
    width: 100%;
    margin: 10px auto 0px;
    max-width: 960px;
}

.frasefondo h3{
    font-family: arial, helvetica, sans-serif;
    font-size: 0.6rem;
    padding: 24px 22px;
    text-shadow: 2px 3px rgba(0, 0, 0, 0.40);
}



/* /////////////// SECTION PRINCIPAL /////////////// */


.principal{
    background-color:rgb(240, 240, 240);
}

.centradoprincipal{
    width: 100%;
    max-width: 960px;
    margin: auto;
    min-height: 100px;
    overflow: hidden;
}

.articleprincipal640a {
    max-width: 604px;
    float:left;
    min-height: 100px;
    overflow: hidden;
    margin-top:30px;
}

.linktps{
    max-width: 310px;
    text-align: center;
    background-color: #fff;
    float:left;
    margin:  90px 20px 20px 20px;
    border-style: solid;
    border-color: #d4d4d4;
    border-width: 1px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 0.5rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.imgallery{
    width: 100%;
    height: auto;
}


.principal h2{
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    text-align: left;
    color:#229fdb;
    font-size: 1rem;
    font-weight: 100;  
    margin: 3% 20px 0px 0px;
    padding: 0px 20px 0px 20px;
}

.principal p {
    font-family: arial, helvetica, sans-serif;
    font-size: 0.6rem;
    margin: 12px 20px 0px 0px;
    padding: 0px 0px 0px 20px;
}

.contenidoacercade2 {
    max-width: 320px;
    float:left;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.5rem;
    margin: 78px 0px 0px 0px;
    text-align: justify;
}

.imagenroldan {
    float:left;
}

.grupodocenteimg {
background: url(img/docentes/grupodocentes.jpg) center;
background-repeat: no-repeat;
background-size:cover;
background-position:center;
height: 70px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

h4{
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    text-align: left;
    font-size: 0.48rem;
    font-weight: 100;
    }


.contactos img {
    width:20%;
    margin: 0px 10px 0px 0px
}

.separador {
    background: url(img/fondobgdocentes.png) repeat-x scroll center 0px;
    margin: auto;
    height: 40px;
}

.fna {
    max-width: 244px;
    float:left;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 0.48rem;
    padding: 10px 10px 10px 10px;
    min-height: 100px;
    margin-top:70px;
    color: #fff;
    background-color:#229fdb;
    -webkit-box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.17);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/* /////////////// AGENDA /////////////// */

.trabajos{
    margin: 40px 0 0 20px;



}

.tpv{
    margin-bottom: 20px;
    height: 80px;
    overflow: hidden;
    background-color: #a7a7a7;
    min-width: 110px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #3a3a3a;
    float:left;
    margin-right:2%;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 0.48rem;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.29);
     box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.29);
}

.tp{
    margin-bottom: 20px;
    height: 80px;
    overflow: hidden;
    background: url(img/trabajos/texturapapel.jpg);
    min-width: 110px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #3a3a3a;
    float:left;
    margin-right:2%;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 0.48rem;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.29);
     box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.29);
}

.tpi{
    margin-bottom: 20px;
    height: 80px;
    overflow: hidden;
    background-color: rgb(118, 206, 248);
    min-width: 110px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #3a3a3a;
    float:left;
    margin-right:2%;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 0.48rem;
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.29);
     box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.29);
}

.tp p { text-align: center;
        font-weight: bold;
        color:#434343;
}
    
.tp h3 { text-align: center;
        font-weight: normal;
}
    
.tpv p { text-align: center;
        font-weight: bold;
        color:#434343;
}
    
.tpv h3 { text-align: center;
        font-weight: normal;
}

.tpi p { text-align: center;
        font-weight: bold;
        color:#434343;
}
    
.tpi h3 { text-align: center;
        font-weight: normal;
}

.migadepan{
font-size: 0.5rem;
font-family: Arial, Helvetica, sans-serif;
color:#777;}



/* /////////////// INVITADOS /////////////// */

.contenedor {
            font-family: arial, helvetica, sans-serif;
            font-size: 0.6rem;
}

.contenedor p{margin: 40px 0 0 0;
}

.contenedor h3 {
            font-family: "Trebuchet MS", Helvetica, sans-serif;
    text-align: left;
    color:#229fdb;
    font-size: 1rem;
    font-weight: 100;  
    margin: 3% 20px 0px 0px;
    padding: 0px 20px 0px 20px;
    
}

.imagensanabria {
    margin: 40px 10px 0 0;
    width: 200px;
    float:left;

}

.trabajos{
    width: 100%;
    max-width: 965px;
    margin: auto;
    overflow: auto;
}

.workdoc{
    width:31%;
    height: auto;
    float:left;
    margin: 1.1% 2% 0 0;
    border-style: solid;
    border-color: #d4d4d4;
    border-width: 1px;
    
    
}



        
/* /////////////// FOOTER /////////////// */


footer{
    margin-top: 20px;
    width: 100%;
    height:100%;
    color: #fff;
    background-color:#229fdb;
    font-size: 0.5rem;
    font-family: arial, helvetica, sans-serif;
    text-align: center;
    }

footer article {padding: 20px 10% 20px 12%;
                max-width: 965px;}
    
}



/* /////////////// RESPONSIVE TIME /////////////// */

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

/* /////////////// RESPONSIVE FIXES /////////////// */

@media screen and (max-width: 1000px)
    
{ aside {max-width: 100px;
         width: 25%;
} 
}

@media screen and (max-width: 900px)
    
{ aside {display:none;}
}


/* /////////////// RESPONSIVE TABLETS /////////////// */

@media screen and (max-width: 768px)
    
{
 .frasefondo h3{ font-size: 0.55em}

}
/* /////////////// RESPONSIVE CELUS /////////////// */

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

.frasefondo h3{ font-size: 0.47em;
 padding: 0px 20px 10px 20px;
}
    
.frasefondo {z-index: 20;}
}