body {
    background: #E6E6E6;
}

h1{
    color: #FE642E;
    font-size: 40pt;margin-left: 80px
 }

    



#visita {
    font-size: 20pt;color:black;font-weight: bold;margin-top: 10px
}

#seleccion {
    font-size:30pt;
    color:#FE642E; font-weight: bold;margin-left: 10pt
    
    
}


#enunciado2 {
    font-size: 16pt
    
}

#xc {
        font-style: italic;font-weight: bold

}


#yc {
        font-style: italic;font-weight: bold

}

#yz {
        font-style: italic;font-weight: bold

}



#resultado2 {
    font-style:italic;
    color:#FE642E   ;font-weight: bold;font-size: 16pt
}





#lagrange {
    border:3px solid #FE642E;margin-left: 230pt
}

#start {
    font-size: 16pt
    }





#dist {
    border: 3px solid #FE642E;position: absolute;top:100pt;left:500pt;
}


#enunciado {
    font-size: 14pt;
}

#ol2 {
    font-size: 12pt
}

h4 {
    text-decoration: underline;font-size: 16pt
}

#complex1 {
    color:blue
}

#complex2 {
    color:blue
}

#uclogo {
    position:absolute;top: 20px;right:90px;border: 3px solid #FFFFFF
}







#bahia {
    border: 3px solid #FFFFFF
}

#derechos {
    font-size: 12pt;margin-left: 840pt
}

h2 {
    color: #FE642E;
    font-size: 40pt; 
}

#intro {
    font-size: 13pt;text-align: justify;
}

#txtcont {
        font-size: 13pt;text-align: justify;

}

header {
    font-weight: bold;font-size: 16pt;margin-left: 17pt;margin-top: 20pt
}

#operadores {
    position: absolute;top:285pt;left:400pt;
}

#complejosfoto {
    position: absolute;top:160pt;left:680pt;border: 3px solid #FE642E
}

#resul1 {
    font-style:italic;
    color:#FE642E   ;font-weight: bold;font-size: 16pt
}

#calcular {
border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#sumar {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 16px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#restar {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 16px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#multiplicar {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 16px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#dividir {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 16px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#absoluto {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#conjugado {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#potencia {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 16px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#inverso {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#polar {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#exponencial {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#seno {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#tangente {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#coseno {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 14px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
}

#olintro {
    text-indent: inherit;font-size: 12pt;text-align: justify;font-family: cursive;font-style: italic
}

li {
    font-size: 13pt
}

ul {
    font-weight: bold;font-style: italic
}

#etsiituc {
    float: right;
    margin: 10px 10px 10px 10px;border: 3px solid white
}


#datosUC {
    text-indent: inherit;font-size: 12pt;text-align: justify;font-family: cursive;font-style: italic
}



#caratula {
    margin-left: 5pt
}

#txtmusic {
    margin-left: 7pt;font-weight: bold;font-size: 14pt;font-style: italic;text-decoration: underline;color:#FE642E
}



#txtformulario {
    font-weight: bold;
}

#enviar {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 16px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease; position:absolute;top:385;left:10pt;
}

#reset {
    border: none;
 background: #FE642E;
 color: white;
 padding: 10px;
 font-size: 16px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;position:absolute;top:385;left:130pt;
}



#age {
    font-weight: bold;
}

#conocer {
    font-weight: bold;position: absolute;top:258pt;left:130pt;
}

#sugerencias {
    font-weight: bold;
}

#horasnavegar {
    font-weight: bold;
}

#opinionweb {
    font-weight: bold;
}

#volverainicio {
    position:absolute;top:35px;left:900px;border: 3px solid #FFFFFF
}

#volverainicio2 {
    position:absolute;top:35px;left:560px;border: 3px solid #FFFFFF
}

#volverainicio3 {
    position:absolute;top:35px;left:600px;border: 3px solid #FFFFFF
}

#volverainicio6 {
    position:absolute;top:35px;left:600px;border: 3px solid #FFFFFF
}

#world{
    display: block;position:absolute;top:650pt;left:600pt;
}







#gif {
    position:absolute;top:1000pt;left:580pt;
}

#engranajes {
    position:absolute;top:950pt;left:575pt;
}