@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,900,800,700,600,500,300,200);
@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);

* {
font-family: 'Raleway', sans-serif;
margin: 0;
text-decoration: none;
}

body {
width: 960px;
margin: auto;
background-image:url(img/back.jpg);
background-repeat:no-repeat;
background-position:top;
background-color: rgb(218,218,218);
text-align: center;
}

/*HEADER CSS*/

#social {
text-align: right;
}

#social img {
margin: 15px 15px 10px 0px;
}

#logo{
color: white;
text-align: center;
}

#logo h1 {
font-size: 30pt;
font-weight: 500;
line-height: 1;
}

#logo h4 {
font-weight: 300;
}

#logo a {
color: white;
}

nav ul {
padding: 0;
margin: 0;
}

nav ul li {
display: inline;
}

nav {
color: white;
width: 800px;
padding: 10px 0 10px 0;
text-align: center;
margin: 10px auto 0px auto;
}

.navegador {
color: white;
padding: 10px;
}

.navegador:hover {
color: white;
background: rgb(240,40,50);
}

.navegador:active {
color: rgb(50,50,50);
background: rgb(150,200,0);
}


.separador {
margin: 2%;
font-weight: 900;
}

/*HOME Y NOTAS*/

#main-body {
padding: 35px;
}


#contenedor {
margin: 15px 0 25px 0;
height: auto;
text-align: left;
}

#principales {
width: 61%;
float: left;
padding: 15px;
}

#otros {
width: 30%;
float: right;
background-image: url(img/otros-background.jpg);
background-repeat:no-repeat;
background-color: rgba(250,135,140,0.45);
background-blend-mode: multiply;
padding: 15px 15px 0 15px;
height: 100%;
}

#footer-highlight {
display: inline;
margin: auto;
}

/*PAQUETES PRINCIPALES*/
.destacados {
color: rgb(150,200,0);
}

.destacados h1 {
font-size: 36px;
}

.destacados h2 {
font-size: 28px;
}

.destacados h3 {
font-size: 20px;
text-transform: uppercase;
padding-bottom: 4px;
margin-bottom: 20px;
border-bottom: 1px solid;
}

.destacados h4 {
font-size: 14px;
text-transform: uppercase;
}

.destacados p {
font-family: 'Rosario';
color: rgb(30,30,30);
}

/*FOOTER*/

footer {
background-color: rgb(150,200,0);
text-align: left;
padding: 20px;
font-size: 14px;
font-weight: 500;
color: rgb(10,70,0);
}

footer h1{
font-size: 14px;
color: white;
}


/*ACA VIENE EL SLIDER*/


/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}

/* // image replacement */

#container-easyslider {	
margin:0 auto;
position:relative;
text-align:center;
width:800px;		
}	

	
#content-easyslide {
position:relative;
}			


/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
/* 
    define width and height of list item (slide) entire slider area will adjust according to the parameters provided here
*/ 
width:800px;
height:300px;
overflow:hidden; 
}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:110px;
z-index:1000;
}	
#nextBtn, #slider1next{ 
left:800px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
display:block;
position:relative;
width:30px;
height:60px;
background:url(img/btn_prev.png) no-repeat 0 0;	
}

#nextBtn a, #slider1next a{ 
background:url(img/btn_next.png) no-repeat 0 0;	
}
.recuadro-destacado {
background-color: rgba(0,0,0,0.4);
padding: 15px;
width: 75%;
margin-top: 15px;
}

.recuadro-destacado p {
color: white;
font-weight: 100;
}

.item-nivel {
border-radius: 50%;
padding: 4px;
width: 15px;
height: 15px;
display: inline-block;
background-color: rgb(150,200,0);
color: white;
text-align: center;
}

#destacado-ppal {
background-image: url(img/nota-destacada-ppal.jpg);
padding: 20px;
margin-bottom: 20px;
height: 330px;
position: relative;
}

#destacado-ppal h4 {
color: white;
font-weight: 300;
}

.ver-mas {
font-weight: 700;
position: absolute;
bottom: 0;
right: 0;
margin: 0 20px 20px 0;
}

.otras-secciones {
width: 50%;
float: left;
}

.destacado-secundario-con-img {
border: 1px dashed rgb(150,200,0);
float: left;
padding: 0;
position: relative;
width: 100%;
    margin-top: 15px;
}

.destacado-secundario-texto {
float: left;
width: 220px;
margin: 10px;
}

.destacado-secundario-con-img img {
float: left;
}

.destacado-secundario-texto h2 {
color: rgb(150,200,0);    
}

#otros h1 {
color: white;
font-size: 36px;
}

#otros-header {
margin: 0;
padding: 0;
height: 165px;
}

.otros-items {
margin-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed black;
}

#otros-items-title {
margin-top: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 3px solid black;
}

.otros-items h3 {
font-weight: 300;
    font-size: 16px;
}

.otros-boton {
color: white;
background-color: rgb(240,35,50);
width: 95%;
font-family: Rosario;
text-align: center;
font-size: 32px;
margin: auto;
padding: 5px;
margin-top: 20px;
margin-bottom: 20px;
}

.seccion-boton-duda {
border-top: 1px dashed rgb(240,35,50);
border-bottom: 1px dashed rgb(240,35,50);
}

.boton-duda {
color: white;
background-color: rgb(240,35,50);
width: 95%;
font-family: Rosario;
text-align: center;
font-size: 22px;
margin: auto;
padding: 10px 5px 10px 5px;
margin-top: 20px;
margin-bottom: 20px;
font-weight: 600;
}

.item-boton-duda {
border-radius: 50%;
padding: 4px;
width: 25px;
height: 25px;
display: inline-block;
background-color: white;
color: rgb(240,35,50);
text-align: center;
}

#formulario-body {
color: white;
margin: 15px;
background-color: rgba(0,0,0,0.2);
padding: 15px;
height: 368px;
}

#formulario-container {
border: 1px dashed white;
text-align: left;
padding: 50px;
height: 268px;
}

#formulario-body input  {
margin: 0;
border: none;
background-color: rgb(210,210,210);
    width: 150px;
padding: 5px;
margin-top: 1px;
margin-bottom: 3px;
    margin-left: 5px;
}

.formulario-datos {
width: 100%;
}



textarea {
border: none;
background-color: rgb(210,210,210);
padding: 10px;
margin-top: 0;
width: 250px;
height: 50px;
}

#consulta-exitosa-body {
display: table; 
color: white;
margin: 15px;
background-color: rgba(0,0,0,0.2);
padding: 15px;
height: 368px;
    width: 100%;
}

#consulta-exitosa-container {
display: table-cell; 
border: 1px dashed white;
text-align: left;
padding: 50px;
height: 268px;  
vertical-align: middle;
text-align: center;
}

.boton-volver-al-home {
color: white;
background-color: rgb(150,200,0);
width: 25%;
font-family: Rosario;
text-align: center;
font-size: 22px;
margin: auto;
padding: 15px;
margin-top: 20px;
margin-bottom: 20px;
font-weight: 600;
    
}

#acerca-body {
display: table; 
color: white;
background-color: rgba(0,0,0,0.2);
width: 100%;
background-image: url(img/acerca-background.png);
background-repeat: no-repeat;
background-size: 100%;
}

#acerca-container {
border: 1px dashed white;
text-align: left;
padding: 50px; 
vertical-align: middle;
margin: 25px;
height: 400px;
}

#acerca-container h1 {
border-bottom: 2px dotted white;
padding: 10px;
}

#acerca-columna-a {
width: 30%;
height: 300px;
margin-top: 20px;
margin-right: 20px;
font-size: 15px;
    float: left;
}

#acerca-columna-b {
width: 67%;
height: 300px;
margin-top: 20px;
font-size: 15px;
float: left;
    
}

#acerca-body p {
    font-family: Rosario;
    
}

#navegador a {
color: white;
}


.navegador a{
color: white;
}

.boton-duda:hover {
background-color: rgb(190,45,55);
}

.otros-boton:hover {
background-color: rgb(190,45,55);
}

#cursada-body {
background-color: rgba(200,200,200,0.5);
padding: 0px;
z-index:-2;
}

.duda-cursada {
background-color: rgb(230,230,230);
text-align: left;
padding: 0 20px 0 20px;
margin: 5px;
width: 25%;
height: 380px;
display:inline-block;
vertical-align: top;
}

.miscelanea_01 {
width: 40px;
height: 4px;
background-color: black;
margin-top: 20px;
margin-bottom: 10px;
}

.duda-cursada h1 {
margin: 15px 0 8px 0;
font-weight: 800;
font-size: 20px;
line-height: 1.2;
}

.duda-cursada p {
font-size: 12px;
margin: 10px 0 15px 0;
padding: 15px 0 15px 0;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.ver-mas-cursada {
font-weight: 700;
position: absolute;
bottom: 0;
right: 0;
color: rgb(150,200,0);
}

.duda-cursada-footer {
position: relative;
padding: 10px
}

.duda-cursada-pic {
text-align: left;
padding: 0 20px 0 20px;
margin: 5px;
width: 25%; 
height: 380px;
display:inline-block;
vertical-align: top;
}

.duda-cursada:hover {
background-color: rgb(240,35,50);
}



.fila-cursada {
width: 100%;
display: inline;
position: relative;
}

.row-cursada {
height: 420px;
    
}



.cursada-header {
height: 99px;
text-align: left;
font-size: 78px;
font-weight: 800;
color: white;
line-height: 1;
margin: 0px 20px 0 20px;
padding-top: 20px;
    
}

.main-izq-cursada {
width: 70%;
margin-top: 20px;
display: inline-block;
}

.duda-cursada-destacada {
background-color: rgb(150,200,0);
color: white;
font-size: 48px;
font-weight: 900;
text-align: left;
padding: 0 20px 0 20px;
margin: 5px;
width: 25%;
height: 380px;
display:inline-block;
vertical-align: top;
position: relative;
}

.miscelanea_02 {
width: 60px;
height: 10px;
background-color: white;
margin: 30px 0 30px 0;
}



.box-destacado {
margin-top: 40px;
}

.duda-cursada-destacada:hover {
background-color: rgb(240,35,50);
}

.duda-cursada-destacada-bajada {
background-image: url(img/cursada-pic-02.png);
background-repeat: no-repeat;
background-position: right center;
text-align: left;
margin: 5px;
width: 65%;
height: 380px;
display:inline-block;
vertical-align: top;
}

.duda-cursada-destacada-bajada p {
font-size: 14px;
margin: 10px 0 15px 0;
padding: 15px 0 15px 0;
border-top: 1px solid white;
border-bottom: 1px solid white;    
}

.duda-cursada-destacada-texto {
background-color: rgba(240,35,50,0.5);
width: 65%;
height: 90%;
padding: 20px;
color: white;
}

.miscelanea_03 {
width: 40px;
height: 4px;
background-color: white;
margin-bottom: 10px;
margin-top: 20px;
}

.duda-cursada-destacada-bajada h1 {
font-size: 28px;
}

.ver-mas-cursada-destacado {
font-weight: 700;
position: absolute;
bottom: 0;
left: 0;
color: white;
}

.duda-cursada-centrador {
height: 380px;
width: 100%;
display:table-cell;
vertical-align:middle;
}

.main-der-cursada {
width: 25%;
margin-top: 20px;
display: inline-block;
vertical-align: top;
color: rgb(150,200,0);
font-weight: 700;
padding: 0 15px 0 15px;
}

.navegador-cursada {
list-style:none;
font-size: 24px;
text-align: left;
padding: 0;
margin-top: 20px;
margin-bottom: 30px;
}

.miscelanea_04 {
width: 40px;
height: 4px;
background-color:  rgb(150,200,0);
margin-top: 10px;
margin-bottom: 10px;
}

.main-izq header {
text-align: center;
width: 100%;
}

.circulo-cursada {
border-radius: 50%;
padding: 10px;
width: 50px;
height: 50px;
background-color: rgb(240,35,50);
color: white;
text-align: center;
vertical-align: middle;
font-size: 40px;
    
}

.navegador-cursada li:hover {
color: rgb(240,35,50);
}

.navegador-cursada a{
color: rgb(150,200,0);
}



.duda-teorica h1 {
color: rgb(150,200,0);
font-size: 34px;
text-align: left;
}

.duda-teorica p {
font-family: Rosario;
text-align: left;
margin: 10px 0 10px 0;
}

.main-der {
    
}

.main-izq-teoria {
width: 60%;
margin-top: 20px;
display: inline-block;
}

.main-der-teoria {
width: 36%;
margin-top: 20px;
display: inline-block;
vertical-align: top;
color: rgb(150,200,0);
font-weight: 700;
}

.duda-tipgráfica-paratexto-a-contenedor {
background-image: url(img/teoria-pic-01.jpg);
background-repeat: no-repeat;
background-position: left center;
margin: 5px;
width: 100%;
height: 580px;
display:table-cell;
    vertical-align:middle;
}

.destacado-teoria {
text-align: left;
font-size: 22px;
font-weight: 600;
line-height: 1.5;
color: rgba(240,35,50,0.5);
margin-top: 15px;
margin-bottom: 15px;
}

.miscelanea_05 {
width: 60px;
height: 6px;
background-color: rgb(240,35,50);
margin-top: 10px;
margin-bottom: 10px;    
}

.miscelanea_05_large {
width: 100%x;
height: 6px;
background-color: rgb(240,35,50);
margin-top: 30px;
margin-bottom: 30px;    
}

.bibliografia {
background-color: rgb(240,35,50);
text-align: left;
padding: 20px;
font-size: 14px;
font-weight: 500;
color: white;   
}

.bibliografia p {
font-family: Raleway;
text-align: left;
margin: 10px 0 10px 0;
}

.bibliografia h4 {
font-size: 18px;
padding-bottom: 5px;
border-bottom: 1px solid white;
}

.duda-tipgráfica-paratexto-a-texto {
width: 35%;
height: 70%;
padding: 20px;
color: black;
text-align: left;
position: relative;
float: right;
margin-right: 30px;
}



.duda-tipgráfica-paratexto-a-texto h5 {
color: rgb(150,200,0);
}

.duda-tipgráfica-paratexto-a-texto p {
font-family: Raleway;
font-size: 14px;
}

.main-der-teoria-recuadro {
background-color: rgba(240,35,50,0.9);
width: 100%;
height: 600px;
color: white;
text-align: left;
position: relative;
margin-top: -150px;
padding-top: 150px;
margin-bottom: 30px;
z-index:0;
}

.main-der-teoria-recuadro p {
line-height: 1.5;
padding-top: 20px;
}

.main-der-teoria-texto {
padding: 30px;
}


.main-der-teoria header {
position: relative;
z-index:3; 
}

.main-der-teoria-pie {
width: 70%;
}

.duda-teoria-destacada {
text-align: left;
width: 64%;
height: 380px;
display:inline-block;
vertical-align: top;
}

.navegador-teoria {
display:inline-block;
list-style:none;
font-size: 24px;
text-align: left;
padding: 0;
margin-top: 20px;
margin-bottom: 30px;    
}

.navegador-teoria a {
color: rgb(150,200,0);    
}

.teoria-superior {
margin: 20px 0 20px 0;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 2px solid rgb(240,35,50);
}

.teoria-cinema-container {
background-color: rgb(20,20,20);
padding: 30px; 
}

.teoria-cinema-container h1 {
margin-bottom: 20px;
text-align: left;
color: white;
font-size: 42px;
}

.teoria-cinema-container h3 {
text-align: left;
color: white;
font-size: 24px;
}

.teoria-cinema-container p {
margin-bottom: 20px;
text-align: left;
color: white;
}
.teoria-destacado-img {
float: right;
vertical-align: middle;
margin-top: 10px;
}

.navegador-teoria-home {
display:inline-block;
list-style:none;
font-size: 34px;
text-align: left;
font-weight: 600;
padding: 0;
margin-top: 20px;
margin-bottom: 30px;    
}

.navegador-teoria-home a {
color: rgb(150,200,0);    
}

.navegador-teoria-destacada {
width: 32%;
display:inline-block;%;
height: 330px;
padding-top: 50px;
}

.duda-teoria-destacada-texto {
background-color: rgba(240,35,50,0.5);
width: 65%;
height: 90%;
padding: 5px 20px 20px 20px;
color: white;    
}

.duda-teoria-destacada-texto h1 {
font-size: 30px;
line-height: 1;
}

.duda-teoria-destacada-texto p {
border-bottom: 1px solid white;
border-top: 1px solid white;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
width:60%;
}

.navegador-teoria-home li:hover {
color: rgb(240,35,50);
}

.teoria-inferior {
width: 100%;
margin-top: 20px;
display: inline-block;    
}

.box-destacado-v2 {
margin-top: 30px;
    
}

.miscelanea_06 {
width: 60px;
height: 10px;
background-color: white;
margin: 10px 0 10px 0;
}

.duda-teoria-destacada-segunda {
color: rgb(240,35,50);
font-size: 48px;
font-weight: 900;
text-align: left;
padding: 0 20px 0 20px;
margin: 5px;
width: 20%;
height: 380px;
display:inline-block;
vertical-align: top;
position: relative;
}

.duda-teoria-destacada-segunda:hover {
color: white;
background-color: rgb(240,35,50);
}

.miscelanea_07 {
width: 60px;
height: 10px;
background-color: rgb(240,35,50);
margin: 10px 0 10px 0;
}    
.duda-teoria-segunda {
background-color: rgb(230,230,230);
text-align: left;
padding: 0 20px 0 20px;
margin: 5px;
width: 20%;
height: 380px;
display:inline-block;
vertical-align: top;
}

.duda-teoria-segunda p {
border-bottom: 1px solid black;
border-top: 1px solid black;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 10px;
margin-top: 10px;
}

.duda-teoria-pic {
text-align: left;
padding: 0;
width: 20%; 
height: 380px;
display:inline-block;
vertical-align: top;    
}

.duda-teoria-segunda:hover {
background-color: rgb(240,35,50);
}

.teoria-inferior a {
 color: black;   
}

#footer-highlight img {
width: 100%;
}

#slider li img {
width: 100%;
}



#nav-mobile {
display: none;
width: 320px;
background-color: rgb(150,200,0);
margin-top: 0;
}

#navegador-entero {
border-top: 2px solid white;
border-bottom: 2px solid white;    
}

.navegador-mobile {
color: white;
padding: 0;    
}

.navegador-mobile:hover {
color: white;
background: rgb(240,40,50);    
}

#mobile {
display: none;
}


#otras-secciones-mobile {
background-color: rgb(150,200,0);
color: white;
padding: 5px;
display: none;
}

#ingresa-duda-mobile {
background-color: rgb(150,200,0);
color: white;
padding: 5px;
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
display: none;
}

#ingresa-duda-mobile:hover {
background-color: rgb(240,35,50);
    
}


/*ACA EMPIEZA LO RESPONSIVE*/

@media screen and (max-width:690px) {
body {
width: 690px;
}

#container-easyslider {	
display: none;
width:650px;		
}	

#contenedor {
margin: 0px 0 25px 0;
}
    
#otros {
width: 29%;
}
    
#navegador-entero {
width: 100%;
}
    
#navegador-entero .separador {
margin: 0;
}
    
    
margin: 2%;
font-weight: 900;

}


@media screen and (max-width:360px) {
body {
width: 320px;
margin: 0;
}
    
#logo {
font-size: 0.8em;
}
    
#logo h1 {
font-size: 2em;
}
    
#logo img {
width:20%;
}
    
#mobile {
display: inline-block;
}
    
#main-body {
margin: 0;
padding: 5px;
}
    
#otros {
display: none;
}
    
#principales {
width: 100%;
float: left;
padding: 5px;
}
    
#destacado-ppal {
background-image: none;
background-color: rgba(0,0,0,0.8);
padding: 15px;
margin: 0;
position: relative;
}
    
.recuadro-destacado {
background: none;
margin: auto;
width: 100%;
padding: 0;
margin-top: 20px;
}

#nav-mobile {
display: inline-block;
}
    
#navegador-entero {
display: none;
}
    
.otras-secciones {
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid rgb(150,200,0);
}
    
#ingresa-duda-mobile {
display: inline-block;
width: 100%;
}
    
.ver-mas {
display: none;
}

#footer-highlight {
display: none;
}
    
#otras-secciones-mobile {
display: inline-block;
}
    
}

.n1-caligrafia {
    background-image: url(img/n1-caligrafia.jpg);
    display: inline-block;
    width: 290px;
    height: 440px;
    margin-bottom: 15px;
}

.main-trabajos {
width: 100%;
margin-top: 30px;
    
}

.trabajos-separador {
margin: 5px;
display: inline-block;
}

.n1-exlibris {
background-image: url(img/n1-exlibris.jpg);
display: inline-block;
width: 290px;
height: 440px;
margin-bottom: 15px;
}

.n1-signos {
background-image: url(img/n1-signos.jpg);
display: inline-block;
width: 290px;
height: 440px;
margin-bottom: 15px;
}

.n1-caligrafia:hover {
    background-image: url(img/n1-caligrafia-rojo.jpg);
}

.n1-exlibris:hover {
background-image: url(img/n1-exlibris-rojo.jpg);
}

.n1-signos:hover {
background-image: url(img/n1-signos-rojo.jpg);
}

.n2-revista {
background-image: url(img/n2-revista.jpg);
display: inline-block;
width: 290px;
height: 440px;
margin-bottom: 15px;
}

.n2-sistema {
background-image: url(img/n2-sistema.jpg);
display: inline-block;
width: 290px;
height: 440px;
margin-bottom: 15px;
    
}

.n2-vinilo {
background-image: url(img/n2-vinilo.jpg);
display: inline-block;
width: 290px;
height: 440px;
margin-bottom: 15px;
    
}

.n2-revista:hover {
background-image: url(img/n2-revista-rojo.jpg);
}

.n2-sistema:hover {
background-image: url(img/n2-sistema-rojo.jpg);
}

.n2-vinilo:hover {
background-image: url(img/n2-vinilo-rojo.jpg);
}

.titulo-trabajos {
display: inline-block;
margin-right: -185px;
font-size: 58px;
font-weight: 800;
color: rgb(240,40,50);
z-index:2;
width: 170px;
position: relative;
text-align: left;
vertical-align: top;
}

.trabajos-filas {
width: 100%;
}

.retrato img{
width: 100%;
}

.retrato {
background-color: white;
width: 130px;
height: 130px;
display: inline-block;
vertical-align: middle;
padding: 10px;
}

.separador-docentes-retratos {
margin: 5px;
display: inline-block;
}

.grilla-docentes {
    text-align: center;
    margin: 20px;
}

.grilla-docentes h1 {
color: rgb(150,200,0);
margin-bottom: 10px;
text-align: left;
}

.perfil-docente-mini {
display: inline-block;
text-align: center;
}

.docentes-grilla-izq {
    width: 60%;
    display: inline-block;
}

.datos-docentes {
width: 35%;
display: inline-block;
vertical-align: top;
margin-top: 20px;
text-align: left;
background-color: rgba(255,255,255,0.8);
padding: 20px;
}

#docentes {
background-color: rgba(200,200,200,0.5);
padding: 0 20px 0px 20px;

}

.preguntas-docentes {
display: inline-block;
vertical-align: top;
margin-top: 20px;
text-align: left;
background-color: rgb(240,40,50);
color: white;
padding: 20px;
}

.preguntas-docentes h2 {
border-bottom: 2px solid white;
padding: 5px;
margin-bottom: 5px;
margin-top: 5px;
}

.preguntas-docentes h3 {
border-bottom: 1px solid white;
padding: 5px;
margin-bottom: 5px;
margin-top: 5px;
font-weight: 400;
}

.retrato-detalle {
background-color: white;
width: 300px;
height: 300px;
display: inline-block;
vertical-align: top;
padding: 10px;
}

.retrato-detalle img{
width: 100%;
}

.detalle-docente {
margin-top: 20px;
margin-bottom: 20px;
}

.docentes-informacion-detalle {
display: inline-block;
width:60%;
text-align: left;
padding: 0 0 0 30px;
}

.retrato-sub-docentes {
background-color: white;
width: 180px;
height: 180px;
display: inline-block;
vertical-align: middle;
padding: 10px;
}

.retrato-sub-docentes img {
width: 100%;
    margin-bottom: 15px;
}

.detalle-sub-docentes {
    text-align: left;
    color: rgb(150,200,0);
    margin-bottom: 20px;
}

.detalle-sub-docentes h1 {
margin-bottom: 5px;
}

.detalle-sub-docentes-fondo {
background-color: rgb(150,200,0);
padding: 20px;
text-align: center;
}

.mini-profile-docentes {
    display: inline-block;
    text-align: center;
    height: 250px;
    padding-bottom: 0;
}

.formulario-columnas {
    width: 30%;
    float: left;animation-duration: 
}

.formarulario-izquierda {
    text-align: right;
    width: 100%;
    height: 20px;
    padding: 10px 10px 10px 0;
}



.formarulario-derecha {
    text-align: left;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35px;
    padding-top: 5px;
    margin: 0;
    vertical-align: middle;
}

#formulario-selector {
    padding: 6px;
    margin-top: 0;
    width: 160px;
    vertical-align: bottom;
    margin-left: 5px;
}

#body-formulario {
width: 960px;
margin: auto;
background-image:url(img/background-consulta.jpg);
background-repeat:no-repeat;
background-position:top;
background-color: rgb(218,218,218);
text-align: center;
}

.formarulario-izquierda-B {
text-align: left;
width: 100%;
height: 20px;
padding: 10px 10px 10px 0;
}