/*estilos index home
===============================================
*/
/*estilos pc
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (min-width: 48rem){

    *{
    padding: 0;
    margin:0;
}
body{
    background-image: url(imagenes/fondo.png);
    font-family: 'dosisregular';
}
#rotulo{
    width: 60rem;
    height: 3.813rem;
    margin-left: auto;
    margin-right: auto;
    
    background-color: #31b6c2;   
}
#rotulo h1{
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    color: white;
    font-size: 16px;
    width: 26rem;
}

#rotulo img{
    margin-top: -1.7rem;
    float: right;
    margin-right: 0.4rem;
}
main{
    width: 60rem;
    margin: auto;
    background-color: white;
}
header{
    height: 4.1rem;
    margin-top: 2.1rem;
    width: 60rem;
    position: relative;
}

header #logo_roldan{
    position: absolute;
    left: 25rem;
    top: -3.2rem;
    z-index: 2;
}
#menu {
width:60rem;
height:4.125rem;
float: left;
font-family: 'dosismedium';
        }
ul, ol {
    list-style:none;
}
.nav > li {
    float:left;

}
.nav li a {
    background-color:#c14a14;
    color:#fff;
    text-decoration:none;
    padding:1.375rem 4.250rem;
    display:block;
    font-size: 1.063rem;
}
.nav li ul li a {
    background-color:#c36439;
    color:white;
    margin-top: 0.1rem;
    text-decoration:none;
    padding:1rem 3rem;
    display:block;
    font-size: 0.8rem;
}
.nav li a:hover {
    color: #ecb03b;
}
.nav li ul {
    display:none;
    position:absolute;
    min-width:8.750rem;
}
.nav li:hover > ul {
    display:block;
}
.nav li ul li {
    position:relative;
}
.nav li ul li ul {
    right:-8.750rem;
    top:0.000rem;
}
.nav2 > li {
    float:right;
}
.nav2 li a {
    background-color:#c14a14;
    color:#fff;
    text-decoration:none;
    padding:1.375rem 4.250rem;
    display:block;
    font-size: 1.063rem;
}
.nav2 li ul li a {
    background-color:#c36439;
    color:white;
    margin-top: 0.1rem;
    text-decoration:none;
    padding:1rem 3rem;
    display:block;
    font-size: 0.8rem;
}
.nav2 li a:hover {
    color: #ecb03b;
}
.nav2 li ul {
    display:none;
    position:absolute;
    min-width:8.750rem;
}
.nav2 li:hover > ul {
    display:block;
}
.nav2 li ul li {
    position:relative;
}
.nav2 li ul li ul {
    right:-8.750rem;
    top:0.000rem;
}
section{
    background-color: white;
    width: 100%;
    padding-top: 1rem;
    height: auto;
    overflow:auto

}
article{
    overflow: hidden;
}
footer{
    clear: both;
    overflow: auto;
    
}
#navegacion nav{
    margin-top: 2rem;
    margin-bottom: 1rem;
    float: left;
     width: 40rem;
    background-color: #b84513;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}
#navegacion nav ul{
    margin: auto;
}
#navegacion nav ul li{
    display: inline-block;
    margin-left: 15px;
    margin-top: 1px;
}
#navegacion nav ul li a{
    text-decoration: none;
    color:#fae4ca;
    font-size: 17px;
    margin-left: 1rem;
    font-family: 'dosismedium';
}
#imagen_logo{
    margin-top: 2rem;
    margin-bottom: 1rem;
    float: left;
    height: 3.19rem;
    background-color: #b84513;
}
#logo_facebook{
    float: left;
     margin-top: 2rem;
    margin-left: 1rem;
}
#logo_twitter{
    float: left;
     margin-top: 2rem;
    margin-left: 0.6rem;
} 
#textotpie p{
    color: white;
    text-align: center;
    margin-top: 0.2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.8rem;
    background-color: #31b6c2;
}
/*estilos home
===============================================
*/
article#galeria{
    width: 43.125rem;
    height: 17.688rem;
    margin-top: 3.2rem;
    margin-left: 0.9rem;
    margin-right: 0.6rem;
    float: left;
}
article#galeria h2{
    position: absolute;
    top: 10.2rem;
    background-color: #e85649;
    font-size: 4rem;
    width: 14rem;
    font-family: 'vidaloka_regular';
    padding-left: 1rem;
    color: #fae4ca;
    /*margin-top: 9.5rem;*/
}
article#galeria h1{
     position: absolute;
    top: 15rem;
    background-color: #f8ca7f;
    width: 22rem;
    color: #e85649;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    
}
article#newsletter{
    width: 14.313rem;
    height: 17.750rem;
    margin-top: 3.2rem;
    margin-left: 0.2rem;
    float: left;
}
article#conocenos{
    width: 27.4rem;
    height: 28.875rem;
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 0.6rem;
    float: left;
}

article#conocenos img{
    float: left;
    margin-right: 0.5rem;
    height: 1.5rem

}
    
h1#dis_dis{
    color: #e85649;
    font-size: 18px;
    font-family: 'vidaloka_regular';
    height: 1.5rem;
       
}
    
h1#ag{
    color: #407386;
    font-size: 18px;
    font-family: 'vidaloka_regular';
    height: 1.5rem;
    margin-top: 2rem;
       
}
    
#ver_mas{
    width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 1rem;
    margin-bottom: 0.6rem;
}
#ver_mas li {
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
    
#ver_mas li a{
    text-decoration: none;
    color: white;
}    
    
#diseño p{
    font-size: 17px;
    font-family: 'dosismedium';
}
#diseño h2{
    font-size: 23px;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
#charla_laura{
    width: 13.4rem;
    height: 12.6rem;
    float: left;
    margin-right: 0.6rem;
    background-color: #addad5;
    margin-top: 0.3rem;
}
#teorica{
    width: 13.4rem;
    height: 12.6rem;
    float: left;
    background-color: #addad5;
    margin-top: 0.3rem;
}
.agenda h2{
    background-color: #407386;
    padding-top: 0.5rem;
    padding-bottom: 0.7rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    color: white;
    font-family: 'vidaloka_regular';
}
.agenda p{
    overflow: hidden;
    color: #407386;
    height: 4.2rem;
    width: 11.9rem;
    margin-top: 1.4rem;
    margin-bottom: 0rem;
    font-size: 1.12rem;
    margin-left: auto;
    margin-right: auto;
}
article#cursada{
    width: 14.313rem;
    height: 28.875rem;
    background-color: #f8ca7f;
    margin-left: 0.6rem;
    margin-top: 1rem;
    float: left;
}
article#tp{
    width: 14.313rem;
    height: 28.875rem;
    background-color: #f8ca7f;
    margin-left: 1rem;
    margin-top: 1rem;
    float: left;
}
.cursada_y_tp h1{
    margin-left: 0.5rem;
    margin-top: 0.8rem;
    margin-bottom: 0.2rem;
    font-size: 0.8rem;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
.cursada_y_tp h2{
    background-color: #e85649;
    color: #f8ca7f;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-family: 'vidaloka_regular';
}
.cursada_y_tp p{
    height: 10rem;
    color: #e85649;
    margin-left: 1.5rem;
   margin-right: 1.5rem;
    margin-top: 2rem;
    font-family: 'dosisbold';
}
.ver{
   width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 1.5rem;
}
.ver li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
.ver li a{
   text-decoration: none;
    color: white;
}
    

    
article#anotate{
    width: 100%;
    height: 4.438rem;
    margin-top: 1rem;
    float: left;
}
}
/*estilos index home
===============================================
*/
/*estilos tablet
=============================================================================================================================================================================================================================================================================================================================================
*/

@media screen and (max-width: 48rem) {
    *{
    padding: 0;
    margin:0;
}
body{
    background-image: url(imagenes/fondo.png);
    font-family: 'dosisregular';
}
#rotulo{
    width: 48rem;
    height: 3.813rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #31b6c2;     
}
#rotulo h1{
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
    color: white;
    font-size: 16px;
    width: 26rem;

}
#rotulo img{
    margin-top: -1.7rem;
    float: right;
    margin-right: 0.4rem;
}
main{
    width: 48rem;
    margin: auto;
    background-color: white;
}
header{
    height: 4.1rem;
    margin-top: 2.1rem;
    width: 60rem;
    position: relative;
}
header #logo_roldan{
    position: absolute;
    left: 18.4rem;
    top: -3.2rem;
    z-index: 2;
}
#menu {
width:48rem;
height:4.125rem;
float: left;
font-family: 'dosismedium';
}
ul, ol {
    list-style:none;

}
.nav > li {
    float:left;
}
.nav li a {
    background-color:#c14a14;
    color:#fff;
    text-decoration:none;
    padding:1.375rem 2.6rem;
    display:block;
    font-size: 1.063rem;
}
.nav li ul li a {
    background-color:#c36439;
    color:white;
    margin-top: 0.1rem;
    text-decoration:none;
    padding:1rem 3.rem;
    display:block;
    font-size: 0.8rem;
}
.nav li a:hover {
    color: #ecb03b;
}
.nav li ul {
    display:none;
    position:absolute;
    min-width:8.750rem;
}
.nav li:hover > ul {
    display:block;
}
.nav li ul li {
    position:relative;
}
.nav li ul li ul {
    right:-8.750rem;
    top:0.000rem;
}
.nav2 > li {
    float:right;
}
.nav2 li a {
    background-color:#c14a14;
    color:#fff;
    text-decoration:none;
    padding:1.375rem 2.6rem;
    display:block;
    font-size: 1.063rem;
}
.nav2 li ul li a {
    background-color:#c36439;
    color:white;
    margin-top: 0.1rem;
    text-decoration:none;
    padding:1rem 3rem;
    display:block;
    font-size: 0.8rem;
}
.nav2 li a:hover {
    color: #ecb03b;
}
.nav2 li ul {
    display:none;
    position:absolute;
    min-width:8.750rem;
}
.nav2 li:hover > ul {
    display:block;
}
.nav2 li ul li {
    position:relative;
}
.nav2 li ul li ul {
    right:-8.750rem;
    top:0.000rem;
}
section{
    background-color: white;
    width: 100%;
    padding-top: 1rem;
    height: auto;
    overflow:auto
}
article{
    overflow: hidden;
}

footer{
    clear: both;
    overflow: auto;
    
}
#navegacion nav{
    margin-top: 2rem;
    margin-bottom: 1rem;
    float: left;
     width: 28rem;
    background-color: #b84513;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
}
#navegacion nav ul{
    margin: auto;
}
#navegacion nav ul li{
    display: inline-block;
    margin-left: 15px;
    margin-top: 1px;
}
#navegacion nav ul li a{
    text-decoration: none;
    color:#fae4ca;
    font-size: 17px;
    margin-left: 1rem;
    font-family: 'dosismedium';
}
#imagen_logo{
    margin-top: 2rem;
    margin-bottom: 1rem;
    float: left;
    height: 3.19rem;
    background-color: #b84513;
}
#logo_facebook{
    float: left;
     margin-top: 2rem;
    margin-left: 1rem;
}
#logo_twitter{
    float: left;
     margin-top: 2rem;
    margin-left: 0.6rem;
} 
#textotpie p{
    color: white;
    text-align: center;
    margin-top: 0.2rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.8rem;
    background-color: #31b6c2;
}    
    

/*estilos home
===============================================
*/
article#galeria{
    width: 43.125rem;
    height: 17.688rem;
    margin-top: 3.2rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

article#galeria h2{
    position: absolute;
    top: 10.2rem;
    background-color: #e85649;
    font-size: 4rem;
    width: 14rem;
    font-family: 'vidaloka_regular';
    padding-left: 1rem;
    color: #fae4ca;
    /*margin-top: 9.5rem;*/
}
article#galeria h1{
     position: absolute;
    top: 15rem;
    background-color: #f8ca7f;
    width: 21rem;
    color: #e85649;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    
}    
    
article#newsletter{
    width: 13rem;
    height: 17.750rem;
    margin-top: 2.2rem;
    margin-left: 2.5rem;
    float: left;
}
article#newsletter img{
    width: 100%;
}
article#conocenos{
    width: 57.4%;
    height: 31rem;
    margin-top: 2.2rem;
    margin-left: 2.3rem;
    margin-right: 0.6rem;
    float: left;
}


article#conocenos img{
    float: left;
    margin-right: 0.5rem;
    height: 1.5rem

}
    
h1#dis_dis{
    color: #e85649;
    font-size: 18px;
    font-family: 'vidaloka_regular';
    height: 1.5rem;
       
}
    
h1#ag{
    color: #407386;
    font-size: 18px;
    font-family: 'vidaloka_regular';
    height: 1.5rem;
    margin-top: 2rem;
       
}
    
    
#ver_mas{
    width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 1rem;
    margin-bottom: 0.6rem;
}
#ver_mas li {
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
    
#ver_mas li a{
    text-decoration: none;
    color: white;
}    

#diseño p{
    font-size: 17px;
    font-family: 'dosismedium';
}
#diseño h2{
    font-size: 23px;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
#charla_laura{
    width: 48.5%;
    height: 13.5rem;
    float: left;
    margin-right: 0.6rem;
    background-color: #addad5;
    margin-top: 0.3rem;
}
#teorica{
    width: 48.2%;
    height: 13.5rem;
    float: left;
    background-color: #addad5;
    margin-top: 0.3rem;
}
.agenda h2{
    background-color: #407386;
    padding-top: 0.5rem;
    padding-bottom: 0.7rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    color: white;
    font-family: 'vidaloka_regular';
}
.agenda p{
    color: #407386;
    height: 6.2rem;
    width: 86%;
    overflow: hidden;
    margin-top: 1.1rem;
    font-size: 1.1rem;
    margin-left: auto;
    margin-right: auto;
}
article#cursada{
    width: 43.8%;
    height: 29rem;
    background-color: #f8ca7f;
    margin-left: 2.4rem;
    float: left;
}
article#cursada img{
    width: 100%
}
article#tp{
    width: 43.8%;
    height: 29rem;
    background-color: #f8ca7f;
    margin-left: 1rem;
    float: left;
}
article#tp img{
    width: 100%;
}
.cursada_y_tp h1{
    margin-left: 0.5rem;
    margin-top: 0.8rem;
    margin-bottom: 0.2rem;
    font-size: 0.8rem;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
.cursada_y_tp h2{
    background-color: #e85649;
    color: #f8ca7f;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-family: 'vidaloka_regular';
}
.cursada_y_tp p{
    color: #e85649;
    height: 6.7rem;
    margin-left: 1.5rem;
   margin-right: 1.5rem;
    margin-top: 1rem;
    font-family: 'dosisbold';
}
    
.ver{
   width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 1.5rem;
}
.ver li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
.ver li a{
   text-decoration: none;
    color: white;
}
    
article#anotate{
    width: 48rem;
    position: 50;50;
    height: 4.438rem;
    margin-top: 1rem;
    float: left;
}
article#anotate img{
    width: 100%;
}
}
/*estilos index home
===============================================
*/
/*estilos celular
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (max-width: 20rem) {
    *{
    padding: 0;
    margin:0;
}
body{
    background-image: url(imagenes/fondo.png);
    font-family: 'dosisregular';
   
}
#rotulo{
    width: 20rem;
    height: 8rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #31b6c2;  
}
#rotulo h1{
    margin-left: 0.4rem;;
    padding-top: 1rem;
    color: white;
    font-size: 13px;
    width: 20rem;
}
#rotulo img{
    margin-top: 1.2rem;
    float: left;
    margin-left: 3rem;
}
main{
    width: 20rem;
    margin: auto;
    margin-top:10em;
    background-color: #f7efe9;
}
header{
    margin-top: 2.1rem;
    width: 20em;
    position: relative;
}
header #logo_roldan{
    position: absolute;
    left: 5rem;
    top: -11.5rem;
    z-index: 2;
}
#menu {
width:20rem;
height:4.125rem;
float: left;
font-family: 'dosismedium';
}

ul, ol {
    list-style:none;
}
.nav > li {
    float:left;
}
.nav li a {
   margin-bottom: 0.3rem;
   background: -webkit-linear-gradient(#746f68, #000);
   background: -moz-linear-gradient(#746f68, #000);
   background: -o-linear-gradient(#746f68, #000);
   color:#fff;
   text-decoration:none;
   padding:1.375rem 8rem;
   display:block;
   font-size: 1.063rem;
}
.nav li ul li a {
    background: -webkit-linear-gradient(#aaa8a4, #4a4747);
   background: -moz-linear-gradient(#aaa8a4, #4a4747);
   background: -o-linear-gradient(#aaa8a4, #4a4747);
    color:white;
    margin-top: 0.1rem;
    text-decoration:none;
    padding:1rem 3.rem;
    display:block;
    font-size: 0.8rem;
}
.nav li a:hover {
    background-color:#b84513;
}
.nav li ul {
    display:none;
    position:absolute;
    min-width:8.750rem;
}
.nav li:hover > ul {
    display:block;
}
.nav li ul li {
    position:relative;
}
.nav li ul li ul {
    right:-8.750rem;
    top:0.000rem;
}
.nav2 > li {
    float:left;
}
.nav2 li a {
    background: -webkit-linear-gradient(#746f68, #000);
   background: -moz-linear-gradient(#746f68, #000);
   background: -o-linear-gradient(#746f68, #000);
    color:#fff;
    text-decoration:none;
    padding:1.375rem 7.8rem;
    display:block;
    font-size: 1.063rem;
}
.nav2 li ul li a {
    background: -webkit-linear-gradient(#aaa8a4, #4a4747);
   background: -moz-linear-gradient(#aaa8a4, #4a4747);
   background: -o-linear-gradient(#aaa8a4, #4a4747);
    color:white;
    margin-top: 0.1rem;
    text-decoration:none;
    padding:1rem 3rem;
    display:block;
    font-size: 0.8rem;
}
.nav2 li a:hover {
    background-color:#434343;
}
.nav2 li ul {
    display:none;
    position:absolute;
    min-width:8.750rem;
}
.nav2 li:hover > ul {
    display:block;
}
.nav2 li ul li {
    position:relative;
}
.nav2 li ul li ul {
    right:-8.750rem;
    top:0.000rem;
}
section{
    
    width: 100%;
    padding-top: 10em;
    height: auto;
    overflow:auto
    
}
article{
    overflow: hidden;
    
}
footer{
    clear: both;
    margin-top: 8px;
    margin: auto;
    margin-left: 0px;
}
#navegacion nav{
    margin-top: 1rem;
    margin-bottom: 1rem;
    float: left;
    width: 20rem;
    background: -webkit-linear-gradient(#746f68, #000);
    background: -moz-linear-gradient(#746f68, #000);
    background: -o-linear-gradient(#746f68, #000);
    padding-top: 0.9rem;
    padding-bottom: 1.8rem;
}
#navegacion nav ul{
    margin: auto;
}
#navegacion nav ul li{
    display: inline-block;
    margin-top: 14px;
}
#navegacion nav ul li a{
    text-decoration: none;
    color:#fff;
    font-size: 14px;
    font-family: 'dosismedium';
    margin-left: auto;
    margin-right: auto;
}
#imagen_logo{
    margin-top: 0rem;
    margin-bottom: 0rem;
    float: left;
    padding-top: 1rem;
    padding-bottom: 0.7rem;
    background-color: #b84513;
}
#logo_facebook{
    float: left;
     margin-top: 0rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
}
#logo_twitter{
    float: left;
     margin-top: 0rem;
    margin-left: 0.6rem;
    margin-bottom: 1rem;
} 
#textotpie p{
    color: white;
    text-align: center;
    margin-top: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 0.8rem;
    background-color: #31b6c2;
}
/*estilos home
===============================================
*/
#galeria_loca{
    position: absolute;
    width: 250px;
    height: 30px;
    z-index: 5;
    opacity: 0.9;
    margin-top: 0px;
}
article#galeria{
    width: 90%;
    height: 11.4rem;
    margin-top: 5rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
article#galeria img{
    width: 100%;
}
article#galeria h2{
    position: absolute;
    top: 7.3rem;
    background-color: #e85649;
    font-size: 2rem;
    width: 16.94rem;
    font-family: 'vidaloka_regular';
    text-align: center;
    color: #fae4ca;
    /*margin-top: 8.6rem;*/
}
article#galeria h1{
    position: absolute;
    top: 9.7rem;
    background-color: #f8ca7f;
    text-align: center;
    width: 16.67rem;
    color: #e85649;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
}
article#newsletter{
     margin-left: auto;
    margin-right: auto;
    margin-top: 2.2rem;
    width: 80%;
    height: 19.8rem;
    float: none;
}
article#newsletter img{
    width: 100%;
}
article#conocenos{
    width: 88%;
    height: 40rem;
    margin-top: 2.4rem;
   margin-left: auto;
    margin-right: auto;
    float: none;
}

article#conocenos img{
    float: left;
    margin-right: 0.5rem;
    height: 1.5rem

}
    
h1#dis_dis{
    color: #e85649;
    font-size: 18px;
    font-family: 'vidaloka_regular';
    height: 1.5rem;
       
}
    
h1#ag{
    color: #407386;
    font-size: 18px;
    font-family: 'vidaloka_regular';
    height: 1.5rem;
    margin-top: 3rem;
       
}

#ver_mas{
    width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
#ver_mas li {
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
    
#ver_mas li a{
    text-decoration: none;
    color: white;
}        
    
#diseño p{
    font-size: 17px;
    font-family: 'dosismedium';
}
#diseño h2{
    font-size: 23px;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
#charla_laura{
    width: 48%;
    height: 15rem;
    float: left;
    margin-right: 0.6rem;
    background-color: #addad5;
    margin-top: 0.3rem;
}
#teorica{
    width: 48%;
    height: 15rem;
    float: left;
    background-color: #addad5;
    margin-top: 0.3rem;
}
.agenda h2{
    background-color: #407386;
    padding-top: 0.5rem;
    padding-bottom: 0.7rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    color: white;
    font-size: 1.4rem;
    font-family: 'vidaloka_regular';
}
.agenda p{
    color: #407386;
    height: 6.4rem;
    width: 86%;
    margin-top: 1rem;
    font-size: 1rem;
    margin-left: auto;
    margin-right: auto;
}
article#cursada{
    width: 88%;
    height: 27.8rem;
    background-color: #f8ca7f;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    float: none;
}
article#cursada img{
    width: 100%
}
article#tp{
    width: 88%;
    height: 27.8rem;
    background-color: #f8ca7f;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    float: none;
}
article#tp img{
    width: 100%;
}
.cursada_y_tp h1{
    margin-left: 0.5rem;
    margin-top: 0.8rem;
    margin-bottom: 0.2rem;
    font-size: 0.8rem;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
.cursada_y_tp h2{
    background-color: #e85649;
    color: #f8ca7f;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-family: 'vidaloka_regular';
}
.cursada_y_tp p{
    color: #e85649;
    height: 7.6rem;
    margin-left: 1.5rem;
   margin-right: 1.5rem;
    margin-top: 1rem;
    font-family: 'dosisbold';
    
}
.ver{
   width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 1.7rem;
}
.ver li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
.ver li a{
   text-decoration: none;
    color: white;
}

article#anotate{
    width: 20rem;
    position: 50;50;
    height: 1.9rem;
    margin-top: 1rem;
    float: none;
}
article#anotate img{
    width: 100%
}
}
/*estilos alumnos referentes
===============================================
*/
/*estilos pc
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (min-width: 48rem){
article#especial{
    width: 27.125rem;
    height: 27.625rem;
    margin-top: 2.2rem;
    margin-left: 1rem;
    background-color: #addad5;
    float: left;
}
    
#icono_especial{
    float: left;
     margin-top: 0.7rem;
}
    
article#especial h1{
    margin-left:3rem;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    font-size: 0.875rem; 
    font-family: 'vidaloka_regular';
    color: #407386;
}
article#especial h2{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    padding-left: 1rem;
    font-size: 1.6rem;
    background-color: #407386;
    color: white;
    font-family: 'vidaloka_regular';
}
article#especial p{
    margin-left:1rem;
    margin-right:1rem;
    margin-top:0.7rem;
    margin-bottom:0.8rem;
    height: 2.5rem;
}
article#especial img{
    margin-left: 1rem;
    margin-right: 1rem;
}
article#tipografía {
    width: 14.063rem;
    height: 26.925rem;
    margin-top: 2.2rem;
    margin-left: 2rem;
    border-top-width: 20px;
    border: 6px solid;
    border-color: #e85649;
    float: left;
   
}
article#tipografía h1 {
    background-color: #e85649;
    text-align: center;
    padding: 0.6rem;
    font-size: 1rem;
    color: white;
}
article#tipografía h2 {
    margin-top: 1.4rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: rem;
    font-size: 2rem;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
article#tipografía P {
    margin: 1rem;
    height: 15rem;
}
    

#ver_propuestas{
   width: 3rem;
    background-color: #e85649;;
    float: right;
    
}
#ver_propuestas li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
#ver_propuestas li a{
   text-decoration: none;
    color: white;
}
    
    
    
article#links{
    width: 12.99rem;
    height: 27.625rem;
    margin-top: 2.2rem;
    margin-left: 1rem;
    border-top-width: 20px;
    float: left;
}
    
 #icono_links{
     float: left;
     height: 1.9rem;
 }
    
article#links h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    margin-bottom: -0.6rem;;
}
article#links h1{
    margin-top: 0.000rem;;
    font-family: 'vidaloka_regular';
    color: #407386;
}
nav#links_nav ul{
    list-style: none; 
    height: 22.7rem;
}
nav#links_nav ul li{
    font-size:14px;
    margin-top:0.4rem;
}
nav#links_nav ul li a{
    text-decoration: none;
    color: #D6244B;
    font-size: 0.96rem;
    color: #407386;
    font-family: 'dosismedium';
}
article#pictograma{
     width: 27.125rem;
    height: 15rem;
    margin-top: 2rem;
    margin-left: 1rem;
    float: left;
}
article#pictograma h2{
    font-family: 'vidaloka_regular';
    color: #e85649;
    font-size: 1.68rem;
}
article#pictograma h1{
    font-family: 'vidaloka_regular';
    color: #e85649;
}
article#pictograma img{
    float: left;
    margin-top: 1rem;
}
article#pictograma p{
    margin-top: 1rem;
    margin-left: 12.8rem;
    height: 7.6rem;
}

    
#ver_pictogramas{
   width: 3rem;
    margin-top: 1.65rem;
    background-color: #e85649;;
    float: right;
    
}
#ver_pictogramas li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
#ver_pictogramas li a{
   text-decoration: none;
    color: white;
}
    
    
    
    
article#ilustraciones{
    width: 15rem;
    height: 15rem;
    margin-top: 2rem;
    margin-left: 2rem;
    float: left;
    background-color: #f8ca7f;
}
.ilustraciones_y_experimentar h1{
    font-family: 'vidaloka_regular';
    font-size: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: -0.5rem;
    color: #e85649;
}
.ilustraciones_y_experimentar h2{
    font-family: 'vidaloka_regular';
    background-color: #e85649;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-top: 1rem;
    color: white;
}
.ilustraciones_y_experimentar p{
    margin-top: 0.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 7.5rem;
}

article#experimentar{
    width: 12.8rem;
    height: 15rem;
    margin-top: 2rem;
    margin-left: 1rem;
    float: left;
    background-color: #f8ca7f;
}


.ver_ilustraciones{
   width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 0.3rem;
}
.ver_ilustraciones li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
.ver_ilustraciones li a{
   text-decoration: none;
    color: white;
}  


article#video_elegido_referente{
float: left;
width: 28.5rem;
height: 25rem;
margin-left: 1rem;
margin-top: 2rem;
background-color: #407386;
    
}



.videoresponsive iframe{
    margin-top: 1rem;
    margin-left: 0.6rem;
    margin-right: 0.5rem;
    width: 95%;
}

.videoresponsive h1{
    margin-top: 1rem;
    font-family: 'dosismedium';
    font-size: 1.1rem;
    text-align: center;
    color: white;

}

article#video_elegido_referente2{
float: left;
width: 28.5rem;
height: 25rem;
margin-left: 1rem;
margin-right: 1rem;
margin-top: 2rem;
background-color: #407386;
    
}
    
    
    
}

/*estilos alumnos referentes
===============================================
*/
/*estilos tablet
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (max-width: 48rem) {
article#especial{
    width: 27.125rem;
    height: 27.625rem;
    margin-top: 2.2rem;
    margin-left: 2rem;
    background-color: #addad5;
    float: left;
}
#icono_especial{
    float: left;
     margin-top: 0.7rem;
}
    
article#especial h1{
    margin-left:3rem;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    font-size: 0.875rem; 
    font-family: 'vidaloka_regular';
    color: #407386;
}
article#especial h2{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    padding-left: 1rem;
    font-size: 1.6rem;
    background-color: #407386;
    color: white;
    font-family: 'vidaloka_regular';

}
article#especial p{
    height: 2.5rem;
    margin-left:1rem;
    margin-right:1rem;
    margin-top:0.7rem;
    margin-bottom:0.8rem;
}
article#especial img{
    margin-left: 1rem;
    margin-right: 1rem;
}
article#tipografía {
    width: 14.063rem;
    height: 26.925rem;
    margin-top: 2.2rem;
    margin-left: 2rem;
    border-top-width: 20px;
    border: 4px solid;
    border-color: #e85649;
    float: left;
}
article#tipografía h1 {
    background-color: #e85649;
    text-align: center;
    padding: 0.6rem;
    font-size: 1rem;
    color: white;
}
article#tipografía h2 {
    margin-top: 1.4rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: rem;
    font-size: 2rem;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
article#tipografía P {
    margin: 1rem;
    height: 15rem;
    margin-bottom: 0rem;
}
#ver_propuestas{
   width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 0.99rem;
    
}
#ver_propuestas li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
#ver_propuestas li a{
   text-decoration: none;
    color: white;
}

#icono_links{
     float: left;
     height: 1.9rem;
 }    
    
article#links{
    width: 14.5rem;
    height: 27.825rem;
    margin-top: 2.2rem;
    margin-right: 2.1rem;
    border-top-width: 20px;
    float: right;
}
article#links h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    margin-bottom: -0.6rem;;
}
article#links h1{
    margin-top: 0.000rem;;
    font-family: 'vidaloka_regular';
    color: #407386;
}
nav#links_nav ul{
    list-style: none;      
}
nav#links_nav ul li{
    font-size:14px;
    margin-top:0.4rem;
}
nav#links_nav ul li a{
    text-decoration: none;
    color: #D6244B;
    font-size: 0.96rem;
    color: #407386;
    font-family: 'dosismedium';
}

article#pictograma{
     width: 27.125rem;
    height: 15rem;
    margin-top: 2rem;
    margin-left: 2rem;
    float: left;
}
article#pictograma h2{
    font-family: 'vidaloka_regular';
    color: #e85649;
    font-size: 1.68rem;
}
article#pictograma h1{
    font-family: 'vidaloka_regular';
    color: #e85649;
}
article#pictograma img{
    float: left;
    margin-top: 1rem;
}
article#pictograma p{
    margin-top: 1rem;
    margin-left: 12.8rem;
    height: 7.6rem;
}

    
#ver_pictogramas{
   width: 3rem;
    margin-top: 1.65rem;
    background-color: #e85649;;
    float: right;
    
}
#ver_pictogramas li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
#ver_pictogramas li a{
   text-decoration: none;
    color: white;
}
        
    
article#ilustraciones{
    width: 14rem;
    height: 17rem;
    margin-top: 2rem;
    margin-left: 2rem;
    float: left;
    background-color: #f8ca7f;
}
.ilustraciones_y_experimentar h1{
    font-family: 'vidaloka_regular';
    font-size: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: -0.5rem;
    color: #e85649;
}
.ilustraciones_y_experimentar h2{
    font-family: 'vidaloka_regular';
    background-color: #e85649;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-top: 1rem;
    color: white;
}
.ilustraciones_y_experimentar p{
    height: 8.78rem;
    margin-top: 0.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.ver_ilustraciones{
   width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 0.9rem;
}
.ver_ilustraciones li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
.ver_ilustraciones li a{
   text-decoration: none;
    color: white;
}        
    
article#experimentar{
    width: 11.8rem;
    height: 17rem;
    margin-top: 2rem;
    margin-left: 1.4rem;
    float: left;
    background-color: #f8ca7f;
}
    
article#video_elegido_referente{
float: left;
width: 21.5rem;
height: 25rem;
margin-left: 2rem;
margin-top: 2rem;
background-color: #407386;
    
}



.videoresponsive iframe{
    margin-top: 1rem;
    margin-left: 0.6rem;
    margin-right: 0.5rem;
    width: 95%;
}

.videoresponsive h1{
    margin-top: 1rem;
    font-family: 'dosismedium';
    font-size: 1.1rem;
    text-align: center;
    color: white;

}

article#video_elegido_referente2{
float: left;
width: 21.5rem;
height: 25rem;
margin-left: 1rem;
margin-right: 2rem;
    
margin-top: 2rem;
background-color: #407386;
    
}
    
}
/*estilos alumnos referentes
===============================================
*/
/*estilos celular
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (max-width: 20rem) {
article#especial{
    width: 90%;
    height: 23.5rem;
    margin-top: 6rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #addad5;
    float: none;
}

#gif_animado_propuesta{
  width: 100%;
    margin-left: auto;
    margin-right: auto;
    
}

#gif_animado_propuesta img{
  width: 90%;
    margin-left: auto;
    margin-right: auto;
    
}    
    
#icono_especial {
    float: left;
     margin-top: 0.7rem;
    width: 4rem;
    height: 1.5rem;
   
}
    
article#especial h1{
    margin-left:3rem;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    font-size: 0.875rem; 
    font-family: 'vidaloka_regular';
    color: #407386;
}
article#especial h2{
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    padding-left: 1rem;
    font-size: 1.6rem;
    background-color: #407386;
    color: white;
    font-family: 'vidaloka_regular';

}
article#especial p{
    height: 3.8rem;
    margin-left:1rem;
    margin-right:1rem;
    margin-top:0.7rem;
    margin-bottom:0.8rem;
}
article#especial img{
    margin-left: 1rem;
    margin-right: 1rem;
}
article#tipografía {
    width: 90%;
    height: 20.9rem;
    margin-top: 2.2rem;
    margin-left: auto;
    margin-right: auto;
    border-top-width: 20px;
    border: 4px solid;
    border-color: #e85649;
    float: none;
}
article#tipografía h1 {
    background-color: #e85649;
    text-align: center;
    padding: 0.6rem;
    font-size: 1rem;
    color: white;
}
article#tipografía h2 {
    margin-top: 1.4rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: rem;
    font-size: 1.5rem;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
article#tipografía P {
    margin: 1rem;
    height: 11rem;
    width: 90%;
}
#ver_propuestas{
   width: 3rem;
    background-color: #e85649;;
    float: right;
    
}
#ver_propuestas li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
#ver_propuestas li a{
   text-decoration: none;
    color: white;
}

#icono_links{
     float: left;
     height: 1.9rem;
 }    
    
article#links{
    width: 14.5rem;
    height: 27.825rem;
    margin-top: 2.2rem;
    margin-left: auto;
    margin-right: auto;
    border-top-width: 20px;
    float: none;
}
article#links h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    margin-bottom: -0.6rem;;
}
article#links h1{
    margin-top: 0.000rem;;
    font-family: 'vidaloka_regular';
    color: #407386;
}
nav#links_nav ul{
    list-style: none;      
}
nav#links_nav ul li{
    font-size:14px;
    margin-top:0.4rem;
}
nav#links_nav ul li a{
    text-decoration: none;
    color: #D6244B;
    font-size: 0.96rem;
    color: #407386;
    font-family: 'dosismedium';
}

article#pictograma{
     width: 90%;
    height: 36rem;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
article#pictograma h2{
    font-family: 'vidaloka_regular';
    color: #e85649;
    font-size: 2rem;
}
article#pictograma h1{
    font-family: 'vidaloka_regular';
    color: #e85649;
}
article#pictograma img{
    float: none;
    margin-top: 1rem;
    width: 100%;
}
article#pictograma p{
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.02rem; 
    width: 100%;
    height: 6.5rem;
}

    
#ver_pictogramas{
   width: 3rem;
    margin-top: 1.65rem;
    background-color: #e85649;;
    float: right;
    
}
#ver_pictogramas li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
#ver_pictogramas li a{
   text-decoration: none;
    color: white;
}
        
    
article#ilustraciones{
    width: 90%;
    height: 13.8rem;
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
    background-color: #f8ca7f;
}
.ilustraciones_y_experimentar h1{
    font-family: 'vidaloka_regular';
    font-size: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: -0.5rem;
    color: #e85649;
}
.ilustraciones_y_experimentar h2{
    font-family: 'vidaloka_regular';
    background-color: #e85649;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    margin-top: 1rem;
    color: white;
}
.ilustraciones_y_experimentar p{
    height: 6.2rem;
    margin-top: 0.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.ver_ilustraciones{
   width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 0.3rem;
}
.ver_ilustraciones li{
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
 
.ver_ilustraciones li a{
   text-decoration: none;
    color: white;
}        
    
article#experimentar{
    width: 90%;
    height: 13.8rem;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
    background-color: #f8ca7f;
    margin-bottom: 4rem;
}

article#video_elegido_referente{
float: none;
width: 90%;
height: 25rem;
margin-left: auto;
margin-right: auto;
margin-top: 2rem;
margin-bottom: 0rem;
background-color: #407386;
    
}



.videoresponsive iframe{
    margin-top: 1rem;
    margin-left: 0.6rem;
    margin-right: 0.5rem;
    width: 90%;
}

.videoresponsive h1{
    margin-top: 1rem;
    font-family: 'dosismedium';
    font-size: 1.1rem;
    text-align: center;
    color: white;

}

article#video_elegido_referente2{
float: none;
width: 90%;
height: 25rem;
margin-left: 1rem;
margin-right: 2rem;
margin-top: 2rem;
margin-bottom: 3rem;
background-color: #407386;
    
}    
    
}
/*estilos docentes
===============================================
*/
article#daniel_roldan{
    margin-left: 1rem;
    margin-top: 5rem;
    width: 96.5%;
    height: 17.1rem;
}
#daniel_roldan img{
    float: left;
}
#info_roldan{
    margin-left: 18rem;
    height: 17rem;
    background-color: #addad5;
}
#info_roldan h2{
    background-color: #407386;
    color: white;
    font-size: 1.7rem;
    font-family: 'vidaloka_regular';
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 2rem;
}
#info_roldan p{
    margin-left: 2rem;
    margin-right: 2.4rem;
    margin-top: 1.5rem;
    height: 7.5rem;
}

#info_roldan img{
    float: left;
    margin-left: 2rem;
    margin-right: 0.5rem;
    margin-top: 1rem;
}

#info_roldan h1{
    margin-left: 2rem;
    margin-top: 1rem;
    color: #407386;
}
article#equipo_docente{
    width: 97%;
    margin-top: 2rem;
    margin-left: 1rem;
}
article#equipo_docente h2{
    margin-bottom: 0.000rem;
    font-size: 1.7rem;
    font-family: 'vidaloka_regular';
    color: #407386;
}

article#equipo_docente h1{
    font-family: 'vidaloka_regular';
    color: #407386;
}
/*estilos contacto
===============================================
*/
article#opinion{
    width: 45%;
    height: 17.2rem;
    margin-top: 5rem;
    margin-left: 2rem;
    float: left;
}
article#opinion h2{
    font-size: 2.4rem;
    font-family: 'vidaloka_regular';
    color: #407386;
}
article#opinion h1{
    font-size: 1.2rem;
    margin-top: 2rem;
    color: #407386;
}
article#opinion p{
   margin-top: 1rem;
    height: 6.8rem;
}
article#cuadro_contacto{
    margin-top: 5rem;
    float: right;
    margin-right: 2rem;
}
article#mensaje{
    float: left;
    width: 100%;
    height: 4rem;
    margin-top: 3rem;
    background-color: #4fa0be;
}
article#mensaje h2{
    font-size: 3rem;
    width: 32.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.06rem;
    color: #addad5;
}
/*estilos pc agenda
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (min-width: 48rem){
article#imagenes_agenda{
    width: 23.6%;
    margin-left: 2rem;
    margin-top: 6rem;
    float: left;
}
#imagenes_agenda img{
    padding-bottom: 1rem;
}
article#informacion{
    width: 39%;
    margin-left: 2rem;
    margin-top: 6rem;
    float: left;
}
#jueves{
    height: 10rem;
}
#martes{
    margin-top: 3.4rem;
    height: 8.9rem;
}
#jueves2{
    margin-top: 5.3rem;
    height: 11rem;
}
.info_agenda h1{
    font-family: 'vidaloka_regular';
    color: white;
    background-color: #e85649;
    padding: 0.5rem;
}
.info_agenda h2{
    font-family: 'vidaloka_regular';
    font-size: 1.4rem;
    color: #e85649;
    margin-top: 0.5rem;
}
.info_agenda p{
    margin-top: 0.4rem;
}
.info_agenda h3{
    margin-top: 1rem;
    color: #407386;
}
article#fechas{
    margin-top: 5.99rem;
    float: right;
    margin-right: 2rem;
    width: 24%;
    height: 25.78rem;
}
#sieteoct{
    background-color: #addad5;   
}
#catorceoct{
    background-color: #addad5;
    margin-top: 1rem;    
}
#veintiunooct{
    background-color: #addad5;
    margin-top: 1rem; 
}
#treintaoct{
    background-color: #addad5;
    margin-top: 1rem;   
}
.fechas h2{
    font-family: 'vidaloka_regular';
    font-size: 1.2rem;
    background-color: #407386;
    padding: 0.3rem;
    color: white;
}
.fechas h1{
    font-family: 'vidaloka_regular';
    font-size: 1rem;
    color: #407386;
    margin-left: 0.3rem;
    margin-top: 0.5rem;
}
.fechas p{
    color: #407386;
    margin-left: 0.3rem;
    padding-bottom: 0.3rem;
}
}
/*estilos alumnos propuesta
===============================================
*/
/*estilos tablet
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (max-width: 48rem) {
article#imagenes_agenda{
    width: 30%;
    height: 39rem;
    margin-left: 2rem;
    margin-top: 6rem;
    float: left;
}
#imagenes_agenda img{
    padding-bottom: 1rem;
}
article#informacion{
    width: 57%;
    height: 39rem;
    margin-left: 2rem;
    margin-top: 6rem;
    margin-bottom: 3rem;
    float: left;
}
#jueves{
    height: 9.8rem;
}
#martes{
    margin-top: 3.7rem;
    height: 8.6rem;
}
#jueves2{
    margin-top: 5.5rem;
    height: 9rem;
}
.info_agenda h1{
    font-family: 'vidaloka_regular';
    color: white;
    background-color: #e85649;
    padding-left: 1rem;
}
.info_agenda h2{
    font-family: 'vidaloka_regular';
    font-size: 1.2rem;
    color: #e85649;
    margin-top: 0.5rem;
}
.info_agenda p{
    margin-top: 0.4rem;
}
.info_agenda h3{
    margin-top: 1rem;
    color: #407386;
}
article#fechas{
    height: 5.8rem;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 91%;
}
#sieteoct{
    background-color: #addad5;   
    float: left;
    margin-right: 0.5rem;
    width: 24%;
}
#catorceoct{
    background-color: #addad5;
    float: left;
    margin-right: 0.5rem;
    width: 24%;
}
#veintiunooct{
    background-color: #addad5;
    float: left;
    margin-right: 0.5rem;
    width: 24%;
}
#treintaoct{
    background-color: #addad5;  
    float: left;
    width: 24%;
}
.fechas h2{
    font-family: 'vidaloka_regular';
    font-size: 1.12rem;
    background-color: #407386;
    padding: 0.3rem;
    color: white;
}
.fechas h1{
    font-family: 'vidaloka_regular';
    font-size: 0.9rem;
    color: #407386;
    margin-left: 0.3rem;
    margin-top: 0.5rem;
}
.fechas p{
    color: #407386;
    margin-left: 0.3rem;
    padding-bottom: 0.3rem;
}
}
/*estilos celular
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (max-width: 20rem) {
article#imagenes_agenda{
    width: 90%;
    height: 49rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
#imagenes_agenda img{
    padding-bottom: 0.5rem;
    width: 100%;
}
article#informacion{
    width: 89%;
    height: 33rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
    float: none;
}
#jueves{
    height: 10.8rem;
}
#martes{
    margin-top: 2.5rem;
    height: 7.8rem;
}
#jueves2{
    margin-top: 2.5rem;
     height: 9.6rem;
}
.info_agenda h1{
    font-family: 'vidaloka_regular';
    color: white;
    background-color: #e85649;
    padding-left: 1rem;
}
.info_agenda h2{
    font-family: 'vidaloka_regular';
    font-size: 1.2rem;
    color: #e85649;
    margin-top: 0.5rem;
}
.info_agenda p{
    margin-top: 0.4rem;
}
.info_agenda h3{
    margin-top: 1rem;
    color: #407386;
}
article#fechas{
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    width: 89%;
    height: 23.6rem;
}
#sieteoct{
    background-color: #addad5;   
    float: none;
    width: 100%;
    margin-bottom: 0.6rem;
}
#catorceoct{
    background-color: #addad5;
    float: none;
    width: 100%;
    margin-bottom: 0.6rem;
}
#veintiunooct{
    background-color: #addad5;
    float: none;
    width: 100%;
    margin-bottom: 0.6rem;
}
#treintaoct{
    background-color: #addad5;  
    float: none;
    width: 100%;
    margin-bottom: 0.6rem;
}
.fechas h2{
    font-family: 'vidaloka_regular';
    font-size: 1.12rem;
    background-color: #407386;
    text-align: center;
    color: white;
}
.fechas h1{
    font-family: 'vidaloka_regular';
    font-size: 0.9rem;
    color: #407386;
    text-align: center;
    margin-top: 0.5rem;
}
.fechas p{
    color: #407386;
    text-align: center;
    padding-bottom: 0.3rem;
}
}
/*estilos pc cupos
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (min-width: 48rem){
article#imagen_cupos{
    background-image: url(imagenes/cupos_aula_magna.png);
    height: 24rem;
   width: 92.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5rem;
}
article#imagen_cupos img{
    margin-left: auto;
    margin-right: auto;
    margin-top: 18rem;
    width: 100%;
}
article#info_nuevacursada{
    width: 26.063rem;
    height: 13.438rem;
    margin-left: 2.2rem;
    margin-right: 1rem;
    margin-top: 1.6rem;
    margin-bottom: 2rem;
    float: left;
}
article#info_nuevacursada h2{
    font-family: 'vidaloka_regular';
    font-size: 2rem;
    color: #407386;  
}
article#info_nuevacursada p{
    margin-top: 1rem;
    height: 6.6rem;
}
article#info_nuevacursada h1{
    margin-top: 1.4rem;
}
article#formulario{
    margin-top: 1.6rem;
    margin-bottom: 2rem;
    width: 28.6rem;
}
article#formulario img{
    width: 100%;
}
}
/*estilos cupos
===============================================
*/
/*estilos tablet
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (max-width: 48rem) {
    article#imagen_cupos{
    background-image: url(imagenes/cupos_aula_magna.png);
    height: 24rem;
    width: 92.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5rem;
}
article#imagen_cupos img{
    margin-left: auto;
    margin-right: auto;
    margin-top: 18rem;
    width: 100%;
}
article#info_nuevacursada{
    width: 44%;
    height: 19.438rem;
    margin-left: 1.9rem;
    margin-top: 1.6rem;
    margin-bottom: 2rem;
    margin-right: 1rem;
    float: left;
}
article#info_nuevacursada h2{
    font-family: 'vidaloka_regular';
    font-size: 3rem;
    color: #407386;  
}
article#info_nuevacursada p{
    margin-top: 0.5rem;
    height: 6.5rem;
}
article#info_nuevacursada h1{
    margin-top: 3rem;
    
}
article#formulario{
    margin-top: 1.6rem;
    margin-bottom: 2rem;
    width: 46%;
}
article#formulario img{
    width: 100%;
}  
}
/*estilos celular cupos
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (max-width: 20rem) {
article#imagen_cupos{
    background-image: url(imagenes/cupos_aula_magna.png);
    height: 24rem;
    width: 90.5%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5rem;
}
article#imagen_cupos img{
    margin-left: auto;
    margin-right: auto;
    margin-top: 21rem;
    width: 100%;
}
article#info_nuevacursada{
    width: 90.5%;
    height: 14.8rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.6rem;
    margin-bottom: 3rem;
    float: none;
}
article#info_nuevacursada h2{
    font-family: 'vidaloka_regular';
    font-size: 1.7rem;
    color: #407386;  
}
article#info_nuevacursada p{
    margin-top: 1rem;
    height: 8.9rem;
}
article#info_nuevacursada h1{
    margin-top: 1rem;
}
article#formulario{
    margin-left: auto;
    margin-right: auto;
    width: 90.5%;
}
article#formulario img{
    width: 100%;
}
}
/*estilos propuestas
===============================================
*/
article#nosotros_contacto{
    width: 74%;
    height: 24rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 3.5rem;
    background-color: #f8ca7f;
    float: left;
}

#icono_nos_prop{
    float: left;
    width: 2.2REM;
    height: 1.9REM;
    padding-left: 0.9REM;
    margin-left: 0rem;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
    background-color: #e85649;
}

#texto_nosotros{
    width: 65%;
    height: 23.99rem;
    float: left;
}
#texto_nosotros h1{
    font-family: 'vidaloka_regular';
    font-size: 1.2rem;
    margin-left: 1rem;
    margin-top: 1rem;
    color: #e85649;
    
}
#texto_nosotros h2{
    font-family: 'vidaloka_regular';
    padding-left: 0.8REM;
    margin-left: 3.5rem;
    margin-top: 0.2rem;
    color: #f8ca7f;
    width: 24.6rem;
     background-color: #e85649;
}
#texto_nosotros p{
    margin-left: 1rem;
    margin-top: 0.7rem;
    font-size: 1.13rem;
    height: 17.5rem;
    width: 27.6rem;
}
#imagen_nosotros_catedra img{
    margin-top: 1rem;
    margin-left: 1rem
    
}
article#materia_electiva{
    margin-left: 2rem;
    margin-top: 3.5rem;
    width: 20.8%;
    height: 24rem;
}
article#materia_electiva h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    font-size: 1.2rem;
}
article#materia_electiva h1{
    font-family: 'vidaloka_regular';
    color: #407386;
    font-size: 0.8rem;
    margin-top: 0.4rem;
}
p#textomateria{
    margin-top: 0.3rem;
    
}
p#textomateriacolor{
    margin-top: 0.3rem;
    color: #407386;
    font-family: 'dosismedium';
   
}
article#objetivos_materia{
    width: 48.5%;
    height: 21.2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 2rem;
    float: left;
}
article#objetivos_materia h2{
    font-family: 'vidaloka_regular';
    color: #e85649;
    font-size: 1.7rem;
}
article#objetivos_materia p{
    margin-top: 0.6rem;
}
article#galeria_propuesta{
    width: 23.8%;
    height: 21rem;
    margin-top: 2rem;
    margin-right: 1rem;
    background-color: #f8ca7f;
    float: left;
}
#texto_galeria_trabajos{
    padding: 0.4rem;
    background-color: #e85649;
}
#galeria_propuesta h2{
    font-family: 'vidaloka_regular';
    color: white;
 
}
article#galeria_propuesta img{
    margin: 0.58rem;
    height: 13.29rem;
}
#ver_mas_propuesta{
    float: right;
    width: 3rem;
    padding-left: 0.8rem;
}
#ver_mas_propuesta{
    width: 3rem;
    background-color: #e85649;;
    float: right;
    margin-top: 0.2rem;
    margin-bottom: 0.6rem;

}

#ver_mas_propuesta li{
    list-style: none;
    color: white;
    margin-left: 0.4rem;

}

#ver_mas_propuesta li a{
    text-decoration: none;
    color: white;

}

article#acerca_de_la_catedra{
    margin-top: 2rem;
    margin-left: 1rem;
    width: 20.8%;
    height: 21rem;
    background-color: #addad5;
}


article#acerca_de_la_catedra img{
    float: left;
}


article#acerca_de_la_catedra h2{
    font-family: 'vidaloka_regular';
    background-color: #407386;
    padding: 0.5rem;
    color: white;
    width: 8rem;
    font-size: 1.68rem;
    margin-left: 3.4rem;
}
.datos_clases{
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1.3rem;
    font-family: 'dosismedium';
    color: #407386;
}
.datos_clases_importantes{
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0.2rem;
    color: #407386;
}
/*estilos clases
===============================================
*/
article#prox_clase_alumnos{
    margin-top: 3rem;
    margin-left: 1rem;
    width: 29rem;
    float: left;
}
article#prox_clase_alumnos h2{
    color: #31b6c2;
    font-size: 2.5rem;
}
article#prox_clase_alumnos h1{
    color: #31b6c2;
    font-size: 1rem;
    font-family: 'vidaloka_regular';
}
p#texto_bajada{
    margin-top: 1rem;
}
.explicacion_bajada{
    margin-top: 0.4rem;
}
article#condiciones_de_entrega_alumnos{
    margin-top: 3rem;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 28rem;
    float: left;
}
article#condiciones_de_entrega_alumnos h2{
    font-family: 'vidaloka_regular';
    color:#e85649;
    text-align: center;
}
p#bajada_preentrega{
    margin-top: 1rem;
}
article#condiciones_de_entrega_alumnos h1{
    margin-top: 1rem;
    text-align: center;
    color:#e85649;
}
p#bajada_importante{
    margin-top: 1rem;
    color:#e85649;
}
article#fecha_prox_entrega{
    float: left;
    margin-top: 1rem;
}
article#fecha_prox_entrega img{
    width: 100%;
}
article#referentes_visuales{
    float: left;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    width: 27.125rem;
    border-top-width: 20px;
    border: 6px solid;
    border-color: #e85649;
}
article#referentes_visuales h2{
    font-family: 'vidaloka_regular';
    color: white;
    background-color: #e85649;
    padding: 0.6rem;
}
article#referentes_visuales img{
    margin-bottom: 1rem;
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    margin-top: 1rem;
}
#texto_refrentes_visuales{
    margin-bottom: 1rem;
    margin-left: 1.8rem;
    margin-right: 1.8rem;
}
#texto_refrentes_visuales p{
    margin-bottom: 0.2rem;
    color: #e85649;
    font-family: 'vidaloka_regular';
}
article#descargas_y_galeria{
    float: left;
    margin-top: 1rem;
    width: 13.938rem;
}
article#descargas_y_galeria h1{
    font-family: 'vidaloka_regular';
    color: white;
    background-color: #407386;
    padding: 0.6rem;
}
article#descargas_y_galeria p{
    font-family: 'vidaloka_regular';
    background-color: #addad5;
    padding: 1rem;
}
#Galeria_clases{
    margin-top: 2.1rem;
}
article#fechas_lecturas{
    float: left;
    margin-top: 1rem;
    margin-left: 1rem;
    width: 13.875rem;
}
article#fechas_lecturas h1{
    font-family: 'vidaloka_regular';
    color: #407386;
    font-size: 1.8rem;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
}
article#fechas_lecturas p{
    font-family: 'vidaloka_regular';
    margin-top: 0.4rem;
    width: 10rem;    
}

/*estilos catedra_taller
===============================================
*/

article#convocatoria{
    width: 29rem;
    height: 42.4rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 5rem;
    float: left;
}

#gran_convocatoria{
    background-color: #addad5;
    float: left;
    height: 27.5rem;
}

#icono_para_taller{
    background-image: url(imagenes/convocatoria_icono.png);
    height: 3rem;
    width: 3rem;
    margin-top: 0.9rem;
    margin-left: 1rem;
    margin-bottom: 0.6rem;
}
    
#gran_convocatoria h2{
    font-family: 'vidaloka_regular';
    background-color: #407386;
    color: white;
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
    padding-right: 0.5rem;
    padding-left: 1rem;
    
}

#gran_convocatoria p{
     margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1.3rem;
    width: 13rem;
    float: left;
}

p#texto_bajada_convocatoria{
    height: 7.8rem;
    
}

p#texto_bajada_convocatoria2{
    color: #407386;
    font-family: 'dosisbold';
    height: 3rem;
    
}


#gran_convocatoria h1{
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1.6rem;
    width: 13rem;
    height: 1.6rem;
    float: left;
}


#gran_convocatoria img{
    margin-top: 1.3rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

article#convocatoria img{
    margin-top: 1.6rem;
}

article#trabajos_y_galeria{
    width: 12.5rem;
    height: 37.8rem;
    margin-left: 1rem;
    margin-right: 0.85rem;
    margin-top: 5rem;
    float: left;
}

article#trabajos_y_galeria h2{
    font-family: 'vidaloka_regular';
    font-size: 1.5rem;
    margin-bottom: 0rem;
    color: #e85649;
}

#metodo_cursada{
    height: 29.7rem;
}

#metodo_cursada img{
    float: left;
    margin-top: 1.7rem;
    margin-left: 0rem;
    margin-right: 0.2rem;
    height: 1.9rem;
}

#metodo_cursada h1{
    margin-top: 2rem;
    font-family: 'vidaloka_regular';
    color: #407386;
}   

p#bajada_cursada{
    margin-top: 0.5rem;
    height: 11.3rem;
    margin-bottom: 0rem;
}

p#bajada_cursada2{
    margin-top: 0.5rem;
    height: 15.8rem;
}

article#teoricas_trabajos{
    width: 13.5rem;
    height: 37.2rem;
    margin-top: 5rem;
}

#trabajos_t_cuatrimestre{
    height: 23.1rem;
    padding: 0.8rem;
    border-top-width: 20px;
    border: 4px solid;
    border-color: #407386;
}

#trabajos_t_cuatrimestre h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    font-size: 1.4rem;
}

#trabajos_t_cuatrimestre h1{
    font-family: 'vidaloka_regular';
    color: #407386;
    font-size: 1rem;
}

#trabajos_t_cuatrimestre p{
    margin-top: 0.8rem;
}

#trabajos_propuestas{
    height: 8.8rem;
    margin-top: 1.6rem;
    padding: 0.8rem;
    background-color: #addad5;
}

#trabajos_propuestas h1{
     font-family: 'vidaloka_regular';
    color: #407386;
    font-size: 1.4rem;
    
}

#trabajos_propuestas p{
     font-family: 'vidaloka_regular';
    color: #407386;
    margin-top: 0.6rem;
    
}


article#imagen_promocion_galeria{
    width: 28rem;
    margin-top: 1rem;
}

article#imagen_promocion_galeria img{
    width: 27em;
    margin-left: 0.8rem;
}



/*estilos catedra programa
===============================================
*/

#titular_programas{
    margin-top: 4.6rem;
    margin-left: 1rem;
    margin-right: 1rem;
    
}

#titular_programas img{
    float: left;
}

#titular_programas h2{
    font-family: 'vidaloka_regular';
    color: #407386; 
    font-size: 2.63rem;
}

article#tp_n1_programa{
    width: 13.4rem;
    height: 50.8rem;
    margin-left: 1rem;
    margin-top: 1rem;
    float: left;
}

article#tp_n2_programa{
     width: 13.4rem;
    height: 50.8rem;
    margin-left: 1rem;
    margin-top: 1rem;
    float: left;
}

article#tp_n3_programa{
     width: 13.4rem;
    height: 51.8rem;
    margin-left: 1rem;
    margin-top: 1rem;
    float: left;
}

.texto_tps_programas{
    height: 47rem;
}

.texto_tps_programas h2{
    font-family: 'vidaloka_regular';
    color: #e85649;
    margin-top: 1rem;
    font-size: 1.68rem;
}

.texto_tps_programas h1{
    color: #407386;
    margin-top: 1rem;
    margin-bottom: 0rem;
    height: 5rem;
    
}

.texto_tps_programas p{
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 24.6rem;
    
}



#texto_tps_programas3{
}

#texto_tps_programas3 h2{
    font-family: 'vidaloka_regular';
    color: #e85649;
    margin-top: 1rem;
    font-size: 1.68rem;
}

#texto_tps_programas3 h1{
    margin-top: 1rem;
    margin-bottom: 0rem;
    height: 4.9rem;
    color: #407386;
    
}

#texto_tps_programas3 p{
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 12.6rem;
    
}

.ver_programa{
    font-family: 'vidaloka_regular';
    width: 8.5rem;
    height: 1.7rem;
    margin-top: 2rem;
    padding-top: 0.2rem;
    background-color: #e85649;;
    float: right;
    margin-bottom: 0.6rem;
}

.ver_programa li {
    list-style: none;
    color: white;
    margin-left: 0.5rem;
}
    
.ver_programa li a{
    text-decoration: none;
    color: white;
    font-size: 1.1rem;
}    

#fotos_programas_taller{
    margin-top: 7.4rem;
}

article#bibliografia_programa{
     width: 14.4rem;
    height: 50.7rem;
    margin-left: 1rem;
    margin-top: 1rem;
    float: left;
     border-top-width: 20px;
    border: 4px solid;
    border-color: #e85649;
}

#texto_ilustradores_bibliografia{
    height: 47rem;
}

article#bibliografia_programa h2{
    font-family: 'vidaloka_regular';
    font-size: 1rem;
    background-color: #e85649;
    color: white;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
    text-align: center;
}

#texto_ilustradores_bibliografia h1{
    margin-left: 1rem;
    margin-right: 1rem;
    color: #e85649;
    margin-top: 1rem;
    font-size: 1.3rem;
}

#texto_ilustradores_bibliografia p{
    margin-left: 1rem;
    margin-right: 1rem;

}



/*estilos alumnos becas
===============================================
*/
/*estilos pc
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (min-width: 48rem){


#titular_becas{
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 4.5rem;
    margin-bottom: 1.2rem;
}

#titular_becas img{
    float: left;
}

#titular_becas h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    padding-top: 1.2rem;
}

article#texto_becas{
    width: 28.6rem;
    height: 23.6rem;
    margin-left: 1rem;
    margin-right: 0.6rem;
    background-color: #addad5;
    float: left;
}

p#fna_1{
    width: 12.3rem;
    height: 21rem;
    float: left;
    margin-left: 1.3rem;
    margin-top: 1.2rem;
    margin-bottom: 1.6rem;
    font-size: 1.079rem;
}

p#fna_2{
    width: 12.3rem;
    height: 21rem;
    float: left;
    margin-left: 1.3rem;
    margin-top: 1.2rem;
    margin-bottom: 1.6rem;
    font-size: 1.079rem;
}    
    
article#texto_becas2{
    width: 28.6rem;
    height: 21.6rem;
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 0.6rem;
    float: left;
}

article#texto_becas2 h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    margin-left: 0rem;
    margin-right: 1rem;
}

p#becas_1{
    margin-left: 0rem;
    margin-right: 0rem;
    height: 10.8rem;
}

p#becas_2{
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0.6rem;
    height: 4.5rem;
    font-family: 'dosismedium';
    color: #407386;
}

#correo_becas{
    margin-left: 0rem;
    margin-right: 1rem;
    margin-top: 1rem;
    height: 1.8rem;
}

#correo_becas img{
    float: left;
}

#correo_becas h1{
    float: left;
    margin-left: 0.6rem;
    color: #407386;
}

article#interrogacion_becas{
     width: 28.6rem;
    height: 21.6rem;
    margin-top: 1rem;
    margin-left: 0.3rem;
    margin-right: 0.6rem;
    background-color: #f8ca7f;
    float: left;
}

article#interrogacion_becas h2{
    font-family: 'vidaloka_regular';
    background-color: #e85649;
    color: white;
    padding: 0.6rem;
}

p#int_1{
    margin-top: 1.3rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 2.8rem;
}

p#int_2{
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 4.2rem;
}

p#int_3{
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 6.8rem;
}

}




/*estilos alumnos becas
===============================================
*/
/*estilos tablet
=============================================================================================================================================================================================================================================================================================================================================
*/

@media screen and (max-width: 48rem) {

#titular_becas{
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 4.5rem;
    margin-bottom: 1.2rem;
}

#titular_becas img{
    float: left;
}

#titular_becas h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    padding-top: 1.2rem;
}

article#texto_becas{
    width: 14.6rem;
    height: 44.9rem;
    margin-left: 2rem;
    margin-right: 0.6rem;
    margin-bottom: 1em;
    background-color: #addad5;
    float: left;
}

p#fna_1{
    width: 12.3rem;
    height: 21rem;
    float: left;
    margin-left: 1.3rem;
    margin-top: 1.2rem;
    margin-bottom: 0rem;
    font-size: 1.06rem;
}

p#fna_2{
    width: 12.3rem;
    height: 21rem;
    float: left;
    margin-left: 1.3rem;
    margin-top: 0.5rem;
    margin-bottom: 1.6rem;
    font-size: 1.06rem;
}    


article#texto_becas2{
    width: 28.6rem;
    height: 21.6rem;
    margin-top: 0rem;
    margin-left: 0rem;
    margin-right: 0.6rem;
    margin-bottom: 2rem;
    float: left;
}

article#texto_becas2 h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    margin-left: 0rem;
    margin-right: 1rem;
}

p#becas_1{
    margin-left: 0rem;
    margin-right: 0rem;
    height: 10.8rem;
}

p#becas_2{
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0.6rem;
    height: 4.5rem;
    font-family: 'dosismedium';
    color: #407386;
}

#correo_becas{
    margin-left: 0rem;
    margin-right: 1rem;
    margin-top: 1rem;
    height: 1.8rem;
}

#correo_becas img{
    float: left;
}

#correo_becas h1{
    float: left;
    margin-left: 0.6rem;
    color: #407386;
}

article#interrogacion_becas{
     width: 92%;
    height: 18.6rem;
    margin-top:0rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #f8ca7f;
    float: none;;
}

article#interrogacion_becas h2{
    font-family: 'vidaloka_regular';
    background-color: #e85649;
    color: white;
    padding: 0.6rem;
}

p#int_1{
    margin-top: 1.3rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 2rem;
}

p#int_2{
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 4rem;
}

p#int_3{
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 5rem;
}


}


/*estilos alumnos becas
===============================================
*/
/*estilos celular
=============================================================================================================================================================================================================================================================================================================================================
*/

@media screen and (max-width: 20rem) {

#titular_becas{
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 4.5rem;
    margin-bottom: 1.2rem;
}

#titular_becas img{
    float: left;
}

#titular_becas h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    padding-top: 1.2rem;
}

article#texto_becas{
    width: 90%;
    height: 39rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #addad5;
    float: none;
}

p#fna_1{
    width: 88%;
    height: 18rem;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.2rem;
    margin-bottom: 0.6rem;
    font-size: 1.079rem;
}

p#fna_2{
    width: 88%;
    height: 18rem;
    float: left;
    margin-left: 1.3rem;
    margin-top: 0rem;
    margin-bottom: 1.6rem;
    font-size: 1.079rem;
}    

article#texto_becas2 h2{
    font-family: 'vidaloka_regular';
    color: #407386;
    margin-left: 0rem;
    margin-right: 1rem;
}

article#imagen__facultad{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
  
article#imagen__facultad img{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
    
article#texto_becas2{
    width: 90%;
    height: 31.6rem;
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
    
p#becas_1{
    margin-left: 0rem;
    margin-right: 0rem;
    height: 16.8rem;
}

p#becas_2{
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0.9rem;
    height: 7.5rem;
    font-family: 'dosismedium';
    color: #407386;
}

#correo_becas{
    margin-left: 0rem;
    margin-right: 1rem;
    margin-top: 1rem;
    height: 1.8rem;
}

#correo_becas img{
    float: left;
}

#correo_becas h1{
    float: left;
    margin-left: 0.6rem;
    color: #407386;
}

article#interrogacion_becas{
     width: 90%;
    height: 30.6rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #f8ca7f;
    float: none;
}

article#interrogacion_becas h2{
    font-family: 'vidaloka_regular';
    background-color: #e85649;
    color: white;
    padding: 0.6rem;
}

p#int_1{
    margin-top: 1.3rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 4.5rem;
}

p#int_2{
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 7rem;
}

p#int_3{
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    height: 11rem;
}


}



/*estilos alumnos testimonios
===============================================
*/

article#imagen_presentacion_alumnos_taller{
    width: 57rem;
    height: 11rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    background-image: url(imagenes/presentacion_alumnos_image.png);
}

article#laura_2012{
    width: 18.313rem;
    height: 12.875rem;
    background-color: #e85649;
    margin-left: 1.6rem;
    margin-right: 0rem;
    margin-top: 2rem;
    float: left;
    position: relative;
}

article#laura_2012 img{
    margin-top: 0.6rem;;
}


.alumnos_experiencias{
    float: left;
    margin-top: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 8rem;
    height: 10.9rem;
    color: white;
}

.alumnos_experiencias p{
    margin-bottom: 4rem
    
}

.alumnos_experiencias h1{
    position: absolute;
    top: 10rem;
    font-family: 'vidaloka_regular';
   
}


article#juan_2013{
    width: 18.313rem;
    height: 12.875rem;
    background-color: #e85649;
    margin-left: 1rem;
    margin-top: 2rem;
    margin-right: 0rem;
    position: relative;
    float: left;
}

article#juan_2013 img{
    margin-top: 0.6rem;;
}


article#romina_2012{
    width: 18.313rem;
    height: 12.875rem;
    background-color: #e85649;
    margin-left: 1rem;
    margin-top: 2rem;
    position: relative;
    float: left;
}

article#romina_2012 img{
    margin-top: 0.6rem;;
}

article#titular_alumnos{
    float: left;
    margin-left: 1.6rem;
    margin-top: 1.6rem;
    width: 57rem;
    height: 3rem;
    position: relative;
}

article#titular_alumnos img{
    float: left;
    position: absolute;
    left: 14rem;
    text-align: center;
}

article#titular_alumnos h2{
    font-family: 'dosismedium';
    color: #e85649;
    font-size: 2.1rem;
    width: 57rem;
    text-align: center;
}


article#vanesa_2010{
    width: 18.313rem;
    height: 12.875rem;
    background-color: #e85649;
    margin-left: 1rem;
    margin-top: 1rem;
    position: relative;
    float: left;
}

article#vanesa_2010 img{
    margin-top: 0.6rem;;
}


article#hernan_2011{
    width: 18.313rem;
    height: 12.875rem;
    background-color: #e85649;
    margin-left: 1rem;
    margin-top: 1rem;
    margin-right: 0rem;
    position: relative;
    float: left;
}

article#hernan_2011 img{
    margin-top: 0.6rem;;
}


article#carla_2014{
    width: 18.313rem;
    height: 12.875rem;
    background-color: #e85649;
    margin-left: 1rem;
     margin-top: 1rem;
    position: relative;
    float: left;
}

article#carla_2014 img{
    margin-top: 0.6rem;;
}




/*estilos trabajos tp1,tp2,tp3
===============================================
*/

article#titlar_tp_1_2_3{
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    margin-top: 4rem;
    width: 56.8rem;
    height: 3.1rem;
}

article#titlar_tp_1_2_3 img{
    float: left;
}

article#titlar_tp_1_2_3 h2{
    font-family: 'vidaloka_regular';
    color: #e85649;
    display: inline-block;
    margin-top: 0.7rem;
}

article#imagen_tp_1_2_3{
    margin-left: 1.6rem;
    margin-right:1.6rem;
    margin-top: 1rem;
}


article#banner_tpuno{
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    margin-top: 1.6rem;
    
}