/*FUENTES*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,400italic,500,500italic,300italic,300,100italic,100,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,600,500,900,700,800);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);


#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  background: #ffffff;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  background: #009ae1;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 20px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
  color: #009ae1;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 25px;
}
#cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top: 21px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 160px;
  font-size: 12px;
  background: #333333;
  text-decoration: none;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul,
  #cssmenu.align-right ul ul {
    text-align: left;
  }
  #cssmenu ul li,
  #cssmenu ul ul li,
  #cssmenu ul li:hover > ul > li {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(120, 120, 120, 0.15);
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
  }
  #cssmenu > ul > li,
  #cssmenu.align-center > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu ul ul li a {
    padding: 20px 20px 20px 30px;
    font-size: 12px;
    color: #000000;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li a:hover {
    color: #000000;
  }
  #cssmenu ul ul ul li a {
    padding-left: 40px;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul {
    position: relative;
    left: 0;
    right: auto;
    width: 100%;
    margin: 0;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #menu-line {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
  }
  #cssmenu #menu-button::after {
    content: '';
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 15px;
    height: 2px;
    background: #000000;
  }
  #cssmenu #menu-button::before {
    content: '';
    position: absolute;
    top: 25px;
    right: 20px;
    display: block;
    width: 15px;
    height: 3px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.15);
    height: 52px;
    width: 52px;
    cursor: pointer;
  }
  #cssmenu .submenu-button::after {
    content: '';
    position: absolute;
    top: 21px;
    left: 26px;
    display: block;
    width: 1px;
    height: 11px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button::before {
    content: '';
    position: absolute;
    left: 21px;
    top: 26px;
    display: block;
    width: 11px;
    height: 1px;
    background: #000000;
    z-index: 99;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    display: none;
  }
}
/* -------------------------------------------------------- */
/* ----------CONFIGURACION DE LA WEB HTML / IMAGEN--------- */
#logo {
    padding-top: 0rem;
    width:100%;
    float: right;
    display: block;
    padding-bottom: 1rem;
    background: #fff;
    
}
#portada {
    width: 800px;
}
.nota2{
    width: 100%;
    position: relative;
    z-index: 0;
}
/* -------------------------------------------------------- */
/* ----------CONFIGURACION DE LA WEB HTML------------------ */

body {
    margin:0px auto;
    width:800px;
    height:600px;
    background: #555;
}
#nota article {display: block;
    position: absolute;
    z-index: 1;
}
#nota article h3 {display: block;
    z-index: 1;
    background: rgba(63, 115, 212, 0.49);
    color: #fff;
    font-family: monospace;
    font-size: 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
}
#nota article p {
    margin-left: 1rem;
    margin-right: 1rem;
    display: block;
    padding-right: 15rem;
    background: rgba(63, 115, 212, 0.49);
    color: #fff;
    font-family: monospace;
    font-size: 0.9rem;
}
#nota {
    padding-top: 0.5rem; 
    margin-bottom: 0.5rem;
    position: relative;
}
/* -------------------------------------------------------- */
/* ---------------INSTRUCCIONES PARA EL BECAS-------------- */
.beca {
    background: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
}
.beca1 h1 {
    font-family: monospace;
    background: rgb(63, 115, 212);
    color: #fff;
    padding: 0.5rem;
}
.beca1 {
    font-size: 0.8rem;
    background:  rgba(63, 115, 212, 0.62);
    color: #fff;
}
.beca1 p {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
}
/* -------------------------------------------------------- */
/* ---------------INSTRUCCIONES PARA EL FOOTER------------- */

footer {
    background-color: #FFF;
    width: 100%;
	clear: both;
	color:white;
	border-top:5px solid white;
    position: relative;
    padding-bottom: 1rem;
}
.footer nav {
    line-height: 1.3rem;
    width: 75%;
    float:left;
    text-align: left;
    margin-left: 1rem;
}
.footer nav h4 {
    color:#393939 ;
    font-size: 1rem;
    font-family: sans-serif;
    font-size: 0.8rem;
}
.footer nav ul{
    float:left;
    margin: 0 5%;
    padding:1%;
    padding-top: 0;
    padding-left:0;
    margin-left:0;
}
.footer nav > ul > li {
    display:block;
    padding:0;
    padding:0;
    margin:0;
    font-size: 0.7rem;
    font-family: sans-serif;
    color: #333;
}
.footer nav a {
    text-decoration: underline;
    text-decoration: none;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    
}
.footer li:hover {
    background-color: #393939;
}
.footer li:hover a:hover {
    color: white;
}
.legal-dgpc {
    font-family: sans-serif;
    font-size: 0.5rem;
    margin-right: 1rem;
    margin-top: 1rem;
    text-align: left;
    margin-top: 4rem;
    color: #333;
}
footer img {
    height: 7rem;
    margin-top: 1rem;
    margin-left: 4rem;
}
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* ----------CONFIGURACION DE LA WEB PROPUESTA------------- */
div#contexto{
    font-family:monospace;
    background: rgba(63, 115, 212, 0.49);
    color: #fff;
    padding: 1rem;
    float: right;
    width: 96%;
    padding-bottom: 2rem;
}
#objetivos {
    font-size: 1.5rem;
    color: #3c3c3c;
}
#text {
    text-align: justify;
}
#pie {
    font-size: 0.81rem;
    color: #3c3c3c;
}
#log {
    float: right;
    width: 16%;
    clear:left;
    padding-right: 1%
    
}
section#listanav {
    clear: both;
    overflow: auto;
    margin: auto;
    margin-top: 2rem;
    position: absolute;
}
section#listanav ul{
    list-style: none;
    margin: auto;
    padding:inherit;
}
section#listanav ul li a { 
    text-decoration: none;
    list-style: none;
    font-family: sans-serif
    font-size: 1rem;
    background: rgba(63, 115, 212, 0.49);
    color: #fff;
    background: #000;
  }
section#listanav ul li a:hover {
    background: rgba(255, 255, 255, 0.49);} 
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* ---------------INSTRUCCIONES PARA WEB FUNDAMENTOS------- */
.texto h1 {
    font-family: monospace;
    font-size: 2rem;
    margin-left: 1rem;
}
.texto #bajada {
    color: #5c7bff;
    font-size: 0.8rem;
    font-family: sans-serif;
    padding-top: 0;
    padding-bottom: 0;
}
#fundamentos {
    background: #fff;
}
/* -------------------------------------------------------- */
/* ----------CONFIGURACION DE LA WEB INSCRIPCIONES--------- */
#inscripciones {
     background: #fff;
    padding: 1rem;
}

#inscripciones H3 {
    font-family: monospace;
    color: #6c5af4;}

#inscripciones H1 {
    font-family: monospace;
    font-size: 1.2rem;
}

#inscripciones p {
    font-family: monospace;
    }
/* -------------------------------------------------------- */
/* ----------CONFIGURACION DE LA WEB CATEDRA--------------- */
#tabla {
    margin: auto;
    background: rgba(14, 161, 229, 0.24);
    padding: 0.5rem;
}
#tabla ul li {
    list-style-type: none;
    display: block;
    text-align: center;
    color: #fff;
    padding-top: 0.5rem;
    margin: auto
}
section p {
    background: #fff;
    padding: 1rem;
    text-align: justify;
    font-family:sans-serif;
    font-size: 0.8rem;
}
#portada {width: 100%;
}
#anotate {width: 100%;
}
#clase_1 {
    float: right;
    width: 40%;
    margin-left: 1rem;
    padding-top: 0.8rem;
    z-index: 1;
}
#catfondo {background: #fff;}

.medio {
    color: #333;
    font-size: 0.8rem;
    position: relative;
    text-align: justify;
    padding-right: 20rem;
}
/* -------------------------------------------------------- */
/* ----------CONFIGURACION DE LA WEB PROGRAMA-------------- */


#mainprograma {width: 800px;
    margin: 0;
    float: left;
    
}
#mainprograma main {
    width: 100%;
    }
#elprograma {padding-top: 0.1rem;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    background: rgba(63, 115, 212, 0.49);
    
    
}
#elprograma h1 {margin: 0;
    margin-top: 3rem;
    font-family:monospace;
    color: #333;
    font-size: 2em;
}
#elprograma p {margin-top: 0.1rem;
    font-size: 0.6rem;
    text-align: left;
    color: #333;
}
/* Ocultar botón radio */
input[id^="spoiler"]{
    display: none;
}
/* Estilo botón clicable */
input[id^="spoiler"] + label {
    display: block;
    width: 400px;
    margin: 0 auto;
    padding: 0.3rem;
    background: #fff;
    cursor: pointer;
}
/* Estilo botón cuando su INPUT está seleccionado */
input[id^="spoiler"]:checked + label {
    color: #fff;
    background: rgba(131, 146, 230, 0.43);
}
/* Estilo caja SPOILER (inicialmente oculto) */
input[id^="spoiler"] + label + .spoiler {
    width: 400px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 10px auto 0;
}
/* Estilo caja SPOILER cuando su INPUT está seleccionado */
input[id^="spoiler"]:checked + label + .spoiler{
    height: auto;
    opacity: 1;
}
.titular {
    background: #fff;
}

/* -------------------------------------------------------- */
/* ----------CONFIGURACION DEL RESPONSIVE CELULAR---------- */
@media screen and (max-width:480px) {
body {
    width: 100%;
}
#menu {
    clear: both; display: inline;
}    
#logo {
    position: absolute; width: 20%;
}
#portada {
    max-width: 100%;
}
.legal-dgpc {
    clear: both;
}
footer ul {
    margin: 0;
}
footer ul img { 
    float: left;
}
footer img {
    position: relative; 
    display: inline-block; 
    width: 13%; 
    height: 13%; 
    margin-left: 0;}
    
#unidades {
    width: 100%;
}
#unidades #elprograma p {
    width: 70%;
}
.medio {
    width: 100%;
}
.intro {
    width: 600%;
    display: block;
    }       
/* -------------------------------------------------------- */
/* ------CONFIGURACION DEL RESPONSIVE CELULAR PROPUESTA---- */   
div#contexto {
    width: auto;
}
#elprograma p {
    width: 80%
}
    
#top {
    width: 100%;
}
/* -------------------------------------------------------- */
/* ------CONFIGURACION DEL RESPONSIVE CELULAR CATEDRA------ */
    
.nota2 {
    max-width: 100%;
}
.intro{}
    
#tabla {
    width: 100%
}
#tabla ul li {
    text-align: center;
    padding-bottom: 0.5rem;
}
#clase_1 {
    width: 100%;
    padding-top: 1rem;}
    
.medio {
    clear:both;
    padding-top: 2rem;}
    
#logo {
    width: 100%;
    padding-bottom: 1rem; }

#nota article h3 {
    font-size: 0.8rem; 
    color: #333;
}
#nota article p {
    width: 24rem;
}
/* -------------------------------------------------------- */
/* ------CONFIGURACION DEL RESPONSIVE CELULAR DOCENTE------ */   
.izquierda {
    width: 100%;  
    margin: 0; 
    padding-top: 2rem; 
    background-color: #3c3c3c;
}
.textoizq {
    padding: 0.1rem; 
    margin: 0; 
    padding-left: 0.4rem; 
    width: 100%; 
    background-color: #3c3c3c; 
    padding-top: 0.5rem
}
.textoizq h3 {
    margin: 0; 
    margin-left: 0.4rem;
}
.textoizq H4 {
    margin: 0; 
    margin-left: 0.4rem; 
    margin-top: 0.3rem
}
.textoizq H2 {
    margin: 0; 
    margin-left: 0.4rem;
}
.derecha {
    width: 100%; 
    margin: 0; 
    padding-top: 2rem; 
    background-color: #3c3c3c;
}
.textoder {
    padding: 0.1rem; 
    margin: 0; 
    padding-right: 0.4rem; 
    width: 100%; 
    background-color: #3c3c3c; 
    padding-top: 0.5rem;
}
.textoder h3 {
    margin: 0; 
    margin-left: 0.4rem;
}
.textoder H4 {
    margin: 0; 
    margin-left: 0.4rem; 
    margin-top: 0.3rem
}
.textoder H2 {
    margin: 0; 
    margin-left: 0.4rem;
}

#last {
    margin: 0;
}
    
    
 /* -------------------------------------------------------- */
/* ------CONFIGURACION DEL RESPONSIVE CELULAR CONTACTO------ */   

.contacto{margin:0;
    border: 1px solid #CED5D7;
    border-radius: 6px;
    padding-left: 0px; padding-right: 3rem;
    background-color: white;
    box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset; width: 100%;
}
.contacto label{width: 100%; margin: 0;
    display: block;
    font-weight: bold;
    font-family: monospace;
}
.contacto div{width: 90%; padding: 0;
    margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
    padding: 0px 0px;
    width: 90%;
    border: 1px solid #CED5D7;
    resize: none;
    box-shadow:0 0 0 3px #EEF5F7;
    margin: 0px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
    outline: none;
    box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit']{margin:0;
    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;
 
    background: #e4f1f6;
    background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:hover{
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:active{
    background: #cfe6ef;
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}}







/*CONFIGURACIÓN DOCENTES*/



#Roldan #textroldan {position: absolute; 
               color: white;
               float: left;
                margin-top: 10rem;
                margin-left: 2rem;
                clear: both;
                    
}


#Roldan img {width: 100%;
            position: relative;
            float: left;}




#Roldan h3 {font-family: "roboto condensed";
            font-size: 3rem; margin: 0;}

#Roldan h4 {font-family: "roboto"; font-size: 1.2rem; margin: 0;}
#Roldan p {width: 9rem; font-family: "roboto condensed";}



#docentes {float: left; width: 100%; background: rgb(211,211,211); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(211,211,211,1) 0%, rgba(255,255,255,1) 5%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,1)), color-stop(5%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 5%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 5%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 5%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(211,211,211,1) 0%,rgba(255,255,255,1) 5%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */; padding-bottom: 5rem; border-bottom-style: inset;border-bottom-color: #eaeaea;}

img.docente {width: 12rem; padding-left: 1rem; float: left;}
#docentes a img {width: 5rem; display: block; margin-left: auto; margin-right: auto; padding-top: 6rem;}


.text {float: left; width: 20%; margin-top: 4rem; margin-left: 1rem;}
.text h3 {font-family: "roboto condensed"; font-size: 2rem; margin: 0; color: #295eac;}
.text h4 {font-family: "roboto"; font-size: 1.5rem; margin: 0; color: #929699;}
.text p {font-family: "roboto condensed"; margin: 0; color: #295eac; margin-bottom: 0.5rem; margin-top: 0.5rem; font-size: 0.9rem;}
.text a {text-decoration: none; font-family: "roboto condensed"; font-weight: 700; color: #42aadd;}







/* RESPONSIVE*/
/* CONFUGURACIÓN DISPLAY CELULAR */
@media screen and (max-width:480px) {

body {width: 100%;}
    
#menu {clear: both; display: inline;}    
  
#logo {position: absolute; width: 20%;}
    
#portada {max-width: 100%;}

.legal-dgpc {clear: both;}

footer ul {margin: 0;}
    
footer ul img { float: left;}
    
footer img {position: relative; display: inline-block; width: 13%; height: 13%; margin-left: 0;}

.nota1 {max-width: 100%;}

.nota2 {max-width: 50%;}
    
.nota3 {max-width: 50%;float: right;}
    
.intro{}
    
#tabla {width: 100%}
    
#tabla ul li {text-align: center;padding-bottom: 0.5rem;}
    
#clase_1 {width: 100%;padding-top: 1rem;}
    
.medio {clear:both;padding-top: 2rem;}
    
#logo {width: 100%;padding-bottom: 1rem;}}





/* -------------------------------------------------------- */
/* ------------CONFIGURACION DE LA GALERIA JQUERY---------- */ 


.lightbox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
	background: rgba(0, 0, 0, 0.7);
	-webkit-filter: none !important;
	z-index: 9997;
}
.lightbox img {
	display: block;
	position: absolute;
	border: 5px solid #fff;
	box-shadow: 0 0 20px #000;
	border-radius: 1px;
}
body.blurred > * {
  -webkit-filter: blur(2px);
  -webkit-transform: translate3d(0, 0, 0);
}
.lightbox-loading {
	background: url(loading.gif) center center no-repeat;
	width: 31px;
	height: 31px;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 48%;
	left: 50%;
}
.lightbox-caption {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 9998;
	background: #000;
	background: rgba(0,0,0,0.7);
}

.lightbox-caption p {
	margin: 0 auto;
	max-width: 70%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

.lightbox-button {
	position: absolute;
	z-index: 9999;
	background: no-repeat center center;
	width: 32px;
	height: 32px;
	opacity:0.4;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-ms-transition:     all 0.3s;
	transition: 		all 0.3s;
}

.lightbox-button:hover,
.lightbox-button:focus {
	opacity: 1;
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

.lightbox-close {
	right: 10px;
	top: 10px;
	background-image: url('images/close.png');
}
.lightbox-next {
	right: 10px;
	top: 48%;
	background-image: url('images/next.png');
}
.lightbox-previous {
	left: 10px;
	top: 48%;
	background-image: url('images/previous.png');
}

 #galeria {      font-family: sans-serif;
      font-size: 1rem;
      color: #838383;
    }

.container h1 {font-family: "roboto"; font-size: 3rem; margin: 0; padding-left: 1rem; background-color: #dbdbdb; color: #295eac;}

.container h2 {font-family: "roboto"; font-size: 3rem; margin: 0; font-weight: 100; margin-left: 1rem; ; margin-top: 4rem;}
    

    .container {float: left;
      width: 100%;
      margin: 0;
      background-color: white;
      padding: 0;
      border-bottom-style: inset;border-bottom-color: #eaeaea;    
      
    }
    .gallery {
      list-style: none;
      overflow: hidden;
      padding: 0;
      margin: 0; margin-left: 1rem;
    }
    
    .gallery p {margin: 0; font-family: "raleway"; margin-bottom: 2rem}



.gallery li {
      float: left;
      margin: 4px;}

    .gallery li img {width: 11.5rem}



/* -------------------------------------------------------- */
/* ----------CONFIGURACION DE LA GALERIA TRIMARCHI--------- */ 

  #textotrimarchi {margin: 0; position: absolute; padding: 0; color: white; margin-left: 1rem; margin-top: 2rem;}
  #textotrimarchi h1 {margin: 0; padding: 0; color: white; background-color: transparent;}
  #textotrimarchi h2 {margin: 0; padding: 0;}
  #textotrimarchi p {margin: 0; padding: 0; font-family: "raleway"; font-weight: 600}

  #primerafoto {width: 100%; margin: 0;}
  #fotoprimera {width: 100%; margin: 0;}
  #trimarchi {margin: 0;}



/* -------------------------------------------------------- */
/* ------CONFIGURACION DE LA GALERIA TRBAJOS DOCENTES------ */ 

#DanielRoldan {width: 90%;}

/* -------------------------------------------------------- */
/* ------CONFIGURACION DE LA GALERIA TALLER GRÁFICO--------- */ 


#taller {margin-top: 5rem}


/* -------------------------------------------------------- */
/* ------CONFIGURACION DE LA PÁGINA PREINDEX--------------- */

#preindex {height: 800px;   width: 100%;
    
 
}



#imagenpreindex {position: absolute; z-index: 1; background-color: rgba(0, 0, 0, 0.5); padding: 1rem; border-radius: 10px; 
    width: 40rem; margin-left: auto; margin-right: auto; margin-left: 25rem;
            
}

#imagenpreindex h1 {position: relative; color: white; font-family: "raleway", sans-serif; font-weight: 200; font-size: 15px;
   
}


#imagenpreindex img {position: relative}
 

#bgcont {width: 100%;
    position: relative;}

#bg {width:100%; height: 800px;
    
}


/* -------------------------------------------------------- */
/* ------CONFIGURACION DE LA PÁGINA CONTACTO--------------- */




.contacto{
    border: 1px solid #CED5D7;
    border-radius: 6px;
    padding: 10rem 4rem 4rem 30%;
    background-color: white;
    box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
}
.contacto label{
    display: block;
    font-weight: bold;
    font-family: monospace;
}
.contacto div{
    margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
    padding: 7px 6px;
    width: 294px;
    border: 1px solid #CED5D7;
    resize: none;
    box-shadow:0 0 0 3px #EEF5F7;
    margin: 5px 0;
}
.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;
 
    background: #e4f1f6;
    background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:hover{
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%);
}
.contacto input[type='submit']:active{
    background: #cfe6ef;
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}