@import url('https://fonts.googleapis.com/css?family=Poppins|Quattrocento+Sans');
@import url('https://fonts.googleapis.com/css?family=Kalam|Permanent+Marker');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');
@import url('https://fonts.googleapis.com/css?family=McLaren&display=swap');
@import url('https://fonts.googleapis.com/css?family=Kalam&display=swap');
 
 /*
 colores andolina
 azul #3FBDF0;
 rosado #F192B4;
 verde #AACE46;
 naranja #F3A632;
 */
 
body{
    margin:0;
    padding:0;
}

.botonListaMat{
    width:280px;
    height:180px;
    padding:20px;
    background-color:white;
    border-top:4px solid #AACE46;
    border-bottom:4px solid #F192B4;
    border-left:4px solid #F3A632;
    border-right:4px solid #3FBDF0;
    color:#3FBDF0;
    /*line-height:50px;*/
    margin:auto;
    text-align:center;
    font-size:30pt;
}

.botonListaMatCurso{
    width:180px;
    height:130px;
    background-color:rgba(52,176,227,0.7);
    color:#fff;
    display:inline-block;
    font-size:20pt;
    margin-left:5%;
    margin-bottom:5%;
    padding:20px;
    vertical-align:middle;
    /*line-height:65px;*/
}

.pGeneral{
    font-family: 'Quattrocento Sans', sans-serif;
    color:#fff;
    font-size:26pt;
}

h1{
    font-family: 'Poppins', sans-serif;
    color:#fff;
}

h2{
    font-family: 'Kalam', cursive;
    font-size:21pt;
    color:#fff;
}

h3{
    font-family: 'Kalam', cursive;
    font-size:19pt;
    color:#fff;
}

h4{
    font-family: 'Kalam', cursive;
    font-size:16pt;
    color:#fff;
}

span{
    font-size:15pt;
    color:#fff;
    font-family: 'PT Sans Narrow', sans-serif;
}



radio{
    
}

textarea{
    margin-top:2px;
    /*float: left;*/
    width: 100%;
    height: auto;
    border:1px solid #a5c941;
}

.botonAdm{
    background-color:red;
    border:1px solid red;
    display:inline-block;
    color:#fff;
    font-size:14pt;
    width:150px;
    height:50px;
    border-radius:5px;
    text-align:center;
    font-weight:bolder;
    transform: rotate(-20deg);
    -webkit-box-shadow: 0px 0px 28px 0px rgba(84,84,84,1);
    -moz-box-shadow: 0px 0px 28px 0px rgba(84,84,84,1);
    box-shadow: 0px 0px 28px 0px rgba(84,84,84,1);
}

.botonTall{
    background-color:#30ADE5;
    border:1px solid #30ADE5;
    display:inline-block;
    color:#fff;
    font-size:14pt;
    width:150px;
    height:50px;
    border-radius:5px;
    text-align:center;
    font-weight:bolder;
    transform: rotate(+20deg);
    -webkit-box-shadow: 0px 0px 28px 0px rgba(84,84,84,1);
    -moz-box-shadow: 0px 0px 28px 0px rgba(84,84,84,1);
    box-shadow: 0px 0px 28px 0px rgba(84,84,84,1);
}


.divQsCasaEsc{
    background-color:#fff;
    width:65%;
    margin:auto;
    padding:15px;
    font-family: 'Kalam', cursive;
    text-align:center;
}

.divQsCasaEscAzul{
    background-color:#fff;
    width:65%;
    margin:auto;
    padding:15px;
    font-family: 'Kalam', cursive;
    text-align:center;
}

.divQsCasaEsc img{
    width:100%;
    height:auto;
    min-width:250px;
    margin:auto;
}

.h1QsCasaEsc{
    color:#000;
}

 .divMenuAndolina{
            width:66%;
            height:auto;
            background-color:#fff;
            margin:auto;
            margin-top:5%;
            padding:10px;
            text-align:center;
        }
        
.linkMenuAndolina{
            font-family: 'Permanent Marker', cursive;
            color:#39B6EC;
            font-size:15pt;
            text-decoration:none;
            display:inline-block;
        }
        
.linkMenuAndolina:hover{
    color:#A5C941;
}

.barraVerticalMenu{
    font-size:20pt;
    color:#A5C941;
}

.h1Alt{
    font-family: 'Kalam', cursive;
    color:#fff;
    font-size:26pt;
}

.formAndolina{
    text-align:right;
}

.pAlt{
    font-family: 'Quattrocento Sans', sans-serif;
    color:#fff;
    font-size:20pt;
}

 .pAltBlanco{
    font-family: 'Quattrocento Sans', sans-serif;
    color:#fff;
    font-size:20pt;
}

.pPiePagina{
    font-family: 'Quattrocento Sans', sans-serif;
    font-size:12pt;
    color:#a4a4a4;
    margin:auto;
    text-align:center;
}

 .logo{
            width:170px;
            height:auto;
            margin-left:60%;
            position:relative;
        }
        
        .divCuerpoAndolinaFormulario{
            width:66%;
            height:auto;
            background-color:rgba(165,201,65,0.9);
            margin:auto;
            margin-top:3%;
            padding:10px;
            text-align:right;
        }

.divCuerpoAndolina{
            width:66%;
            height:auto;
            background-color:rgba(165,201,65,0.9);
            margin:auto;
            margin-top:2px;
            padding:10px;
            text-align:justify;
            
        }
        
    .divCuerpoAndolina2{
        width:66%;
        height:auto;
        background-color:rgba(57,182,236,0.9);
        margin:auto;
        
        padding:10px;
        text-align:justify;
        
    }
    
    
    .divCuerpoAndolina3{
        width:66%;
        height:auto;
         background-color:rgba(228,133,167,0.9);
        margin:auto;
        margin-top:6%;
        padding:10px;
        text-align:justify;
       
    }
    
     .divCuerpoAndolina4{
        width:66%;
        height:auto;
        background-color:rgba(251,177,56,0.9);
        margin:auto;
        margin-top:6%;
        padding:10px;
        text-align:justify;
        
    }
        
.divPieAndolina{
            width:66%;
            height:auto;
            background-color:#fff;
            margin:auto;
            margin-top:1%;
            padding:10px;
            
        }
        
         .divMenuAndolina{
            width:66%;
            height:auto;
            background-color:#fff;
            margin:auto;
            margin-top:5%;
            padding:10px;
            text-align:center;
        }
        
         
        
        .divSilderAndolina{
            width:95%;
            background-color:rgba(228,133,167,0.6);
            padding:8px;
            margin:auto;
            text-align:center;
        }
        
        .linkMenuAndolina{
            font-family: 'Permanent Marker', cursive;
            color:#39B6EC;
            font-size:15pt;
            text-decoration:none;
            display:inline-block;
        }
        
        .linkMenuAndolina:hover{
            color:#A5C941;
        }
        
        .barraVerticalMenu{
            font-size:20pt;
            color:#A5C941;
        }
        
        
/*input{
    width:250px;
    height:40px;
   font-family: 'PT Sans Narrow', sans-serif;
    font-size:15pt;
    border:1px solid #A5C941;
    padding:2px;
    margin-bottom:1%;
    color:#A5C941;
}*/

.inputF{
    width:280px;
    height:40px;
    font-size:15pt;
    border:1px solid #A5C941;
    font-family: 'PT Sans Narrow', sans-serif;
   
}

.labelInput{
    font-size:15pt;
    font-family: 'PT Sans Narrow', sans-serif;
    color:#fff;
}

.pForm{
    font-size:15pt;
    font-family: 'PT Sans Narrow', sans-serif;
    color:#fff;
}

.formLetterWhite{
    color:#fff;
    font-size:15pt;
    font-family: 'PT Sans Narrow', sans-serif;
}

select{
    width:250px;
    height:40px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size:15pt;
    border:1px solid #A5C941;
    padding:2px;
    margin-bottom:1%;
    color:#A5C941;
}

form{
    text-align:center;
}

.radioButton{
    border:1px solid #A5C941;
    height: 30px;
    width: 30px;
    outline: none;
}

.checkBoxAndolina{
     border:1px solid #A5C941;
     height: 30px;
     width: 30px;
     outline: none;
}

textarea{
     width:250px;
    height:100px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size:15pt;
    border:1px solid #A5C941;
    padding:2px;
    margin-bottom:1%;
    color:#A5C941;
}

.botonFormulario{
    width:200px;
    height:40px;
    font-family: 'PT Sans Narrow', sans-serif;
    background-color:#39B6EC;
    font-size:15pt;
    color:#fff;
    border:2px solid #fff;
}

.botonFormulario:hover{
    cursor:pointer;
}



@media only screen and (max-width: 700px) {
    .pGeneral{
        font-size:13pt;
    }
    
    
    .h1Alt{
    font-family: 'Kalam', cursive;
    color:#fff;
    font-size:16pt;
    }
    
    h2{
        font-size:14pt;
    }

    .pAlt{
        font-family: 'Quattrocento Sans', sans-serif;
        color:#fff;
        font-size:14pt;
    }
    
    .divCuerpoAndolina{
        width:90%;
        text-align:right;
    }
    
    .divCuerpoAndolina2{
        width:90%;
    }
    
    .divCuerpoAndolina3{
        width:90%;
    }
    
    .divCuerpoAndolina4{
        width:90%;
    }
    
    .divPieAndolina{
        width:90%;
    }
    
    .divQsCasaEsc{
        width:93%;
        padding:5px;
        margin-top:1%;
        font-size:12pt;
    }
    
    .divQsCasaEsc img{
        max-width:200px;
    }
}