﻿#foto {
    width: 300px;
    border-radius: 15%;
    border: 2px solid #272da3;    

    animation-name: sale;
    animation-duration: 3s;
    animation-timing-function: linear;
}

@keyframes sale {
    0% {
        transform: translateY(-200px);
    }

    20% {
        transform: translateY(10px);
    }

    30% {
        transform: rotate3d(1, 1, 1, 360deg);
    }
}


#ico{
    margin-top: 1em;
    width: 150px;
}
#tit {
    font-size: 25px;
    font-family: 'Baskerville Old Face';
    color: #272da3;
}
.bienvenida {    
    font-family: sans-serif;
    color: white;
    background-color: steelblue;  
    margin:0,0,0,0;
    padding:30px 200px 100px 200px;
}
.bienvenida h4 {
    margin-bottom: 4rem;
}
.bienvenida p {
        font-family: sans-serif;
        font-size: 1.25em;
        line-height: 1.5;        
}
.cabecera {
    font-weight: bold;
    font-size: 1.35em;
}
.habil ul{
    list-style:none;
    padding-left:0;
}
.habil i{
    color:steelblue;
    font-size: 50px;
}
#minim img {
    display: flex;
    flex-direction: column;
    width: 190px;
    justify-content:space-between;
    border: 1px solid lightgray;
    box-shadow: 2px 2px 8px 4px #d3d3d3d1;
    border-radius: 15px;
    font-family: sans-serif;
    margin:auto;
}

#tarjeta {
    border: 1px solid lightgray;
    box-shadow: 2px 2px 8px 4px #d3d3d3d1;
    border-radius: 15px;
}
#btn1{
   color:white;
   background-color:steelblue;
}
#headcasos {
    font-size: 25px;
    font-family: 'Baskerville Old Face';
    color: steelblue;
}
#headlayout{    
    font-size:20px;
    color:steelblue;    
}
#merci{
    margin-top: 400px;
    color:steelblue;
    font-size: 15px;
}
#fin{
    color: steelblue;
    font-size: 25px;
    text-align:center;
}
#contactohead {    
    width:auto;
    margin-left:50px;
    margin-right:50px;   
    font-family: 'Cascadia Code';
    font-size: 40px;
    border: 1px solid;
    box-shadow: 2px 2px 8px 4px steelblue;
    border-radius: 15px;
    color: steelblue;
    text-align: center;
    margin-bottom: 60px;
}
#contactorow {
    border: solid thin ;
    border-color:steelblue;
    margin-left: 10px;
    margin-right:10px;
    padding:20px;
}

.SOCIOS {    
    background-color:steelblue;   
    
}

#pp{
    font-family:'Cascadia Mono';
    font-size: 20px;
    color:white;
    margin:0 0 30px 0;
}

#pp1 {
    font-family: 'Cascadia Mono';
    font-size: 13px;
    color: white;
   
    
}



#foto1 {
    width: 250px;
    height: 350px;
    margin:  0 0 0 0;
    border-radius: 25%;
    border: 2px solid white;
}
#dd{
    display:flex;
}
#txtcv {
    margin:30px;
    padding:20px;
    color:white;
    font-family:'Cascadia Code';
    font-size: 15px;
    border: 1px solid lightgray;
    box-shadow: 2px 2px 8px 4px #d3d3d3d1;
    border-radius: 15px;
}
#ius {
    font-size: 20px;
    font-family: 'Cascadia Code';
    font-size: 10px;
    margin: 100px 450px 50px 450px;
    border: 1px solid steelblue;
    box-shadow: 2px 2px 8px 4px steelblue;
    border-radius: 15px;
    color: #0d6efd;
    text-align:left;
}
#iusItem {    
    color: #0d6efd;
    font-weight: 400;
    font-size:15px;
    text-decoration: none;
    margin-left:10px;
}
#iusItem:hover{color: lightgray;}


#pol {
    text-align: center;
    color: steelblue;
    font-family: 'Cascadia Code';    
    margin-right: 150px;
    margin-left: 150px;
    margin-top:10px;
    margin-bottom:30px;
    border: 1px solid steelblue ;
    box-shadow:1px 1px 8px 4px steelblue;
    border-radius: 15px;
}
#poav {
    color: steelblue;
    font-family: 'Cascadia Code';
    font-size: 11px;      
    padding:10px;
    border: 1px solid steelblue;
    box-shadow: 2px 2px 8px 4px steelblue;
    border-radius: 15px;
}
#copy{
   text-decoration:none;
   font-family:'Cascadia Code'
}
#pvy{
    color:white;
    text-decoration:none;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-color:steelblue;
    
}
dialog::backdrop {
    background: rgba(13,110,253,0.4);
}
#modal {
    color: rgb(13,110,253);
    font-family:'Cascadia Code';
    font-size:10px;
}