﻿@import url('https://fonts.googleapis.com/css2?family=Baloo+2&family=Raleway:wght@100;200;300;400;700&display=swap');




        body
        { 
          font-family: 'Raleway', sans-serif;
          color:#253238;
          margin:0;
        }
   .blink {
  animation: blink-animation 1s steps(1, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
                 .mascota
           {
               width:100px;
               float:left;
               color:#3286a2;
           }
           .img_mas
           {
               width:70%;margin:auto;
           }
           .c50{
               width:50%;float:left;
           }
        .c25
        {
            width:calc(25% - 18px);float:left;
            background-color:#ffffff;
            border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #ecedef;
margin:7px;
text-align:left;

        }
        img.general
        {
            width:calc(96% - 0px);margin:2%;
            border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;

        }
        .general
        {
            width:calc(90% - 0px);margin:5%;
            border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
font-size:18px;padding-bottom:20px; margin-top:0px;
color:#010102;
        }
        h2.tit
        {
           
            font-size:18px;margin:0px;
        }
        #logo
        {
            width:170px;
            margin-top:-25px;
            margin-left:-20px;
        }
        .icono
        {
            float:left;
            width:86px;
            margin-right:12pX;
        }
        .botonG
        {
             
            font-size:18px;
            background-color:WHITE;color:#b4d837;
              border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border: solid 1PX #b4d837;
            width:200px;
            float:left;
            text-align:center;
            padding:4px;
            margin:6px;
        }
        .boton3
        {
            
            font-size:18px;
            background-color:WHITE;color:#3286a2;
              border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            border: solid 1PX #3286a2;
            width:200px;
            float:left;
            text-align:center;
            padding:4px;
            margin:6px;
        }
            .boton4
        {
            
            font-size:18px;
            background-color:#3286a2;color:white;
              border-radius: 20px 20px 20px 20px;
            -moz-border-radius: 20px 20px 20px 20px;
            -webkit-border-radius: 20px 20px 20px 20px;
            border: solid 0PX #3286a2;
            width:180px;
            float:left;
            text-align:center;
            padding:4px;
            margin-top:16px;margin-bottom:16px;margin-left:-12px
            
        }
                  .boton5
        {
            
            font-size:16px;
            background-color:WHITE;color:#5a5a59;
              border-radius: 20px 20px 20px 20px;
            -moz-border-radius: 20px 20px 20px 20px;
            -webkit-border-radius:20px 20px 20px 20px;
            border: solid 1PX #3b95ac;
           
            float:right;
            text-align:center;
            padding:10px;
            padding-left:16px;padding-right:16px;
            margin-top:16px;margin-bottom:16px;margin-left:-12px
            
        }
            .filtros
            {
               
            font-size:18px;
            background-color:WHITE;color:#010102;
              border-radius: 0px 0px 10px 10px;
            -moz-border-radius: 0px 0px 10px 10px;
            -webkit-border-radius: 0px 0px 10px 10px;
            border:solid 1px #ecedef;
            width:180px;
            float:left;
            text-align:left;
            padding:12px;
            padding-left:20px;
            margin-top:-4px;
            margin-left:30px;
            }
            .filtros:hover
            {
                color:white;
                background-color:#010102;
            }
        .boton
        {
            
            font-size:18px;
            background-color:#3286a2;color:white;
              border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            width:200px;
            float:left;
            text-align:center;
            padding:4px;
            margin:6px;
        }
        .boton2
        {
            
            font-size:18px;
            background-color:#b4d837;color:white;
              border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            width:200px;
            float:left;
            text-align:center;
            padding:4px;
            margin:6px;
        }
        .tag
        {
            
            font-size:13px;
            background-color:#3286a2;color:white;
              border-radius: 0px 10px 10px 0px;
            -moz-border-radius: 0px 10px 10px 0px;
            -webkit-border-radius: 0px 10px 10px 0px;
            width:200px;
            float:left;
            text-align:center;
            padding:2px;
            
            margin-top:-40px;
            margin-left:6px;
            z-index:1000;
            position:relative;
        }
       .zona
        {
             border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            padding:8px;
            width:170px;
            margin-top:10px;
            margin-right:10px;
            border:solid 1px #010102;
        }
       .zona2
        {
            border-radius: 10px 10px 10px 10px;
            -moz-border-radius: 10px 10px 10px 10px;
            -webkit-border-radius: 10px 10px 10px 10px;
            padding:8px;
            width:190px;
            margin-top:10px;
            margin-right:10px;
            border:solid 1px #010102;
        }
        .boton:hover
        {
            background-color:#232121;
        }
        .boton2:hover
        {
            background-color:#232121;
        }
         ul.menutop
    {
      
        z-index:5000;
       
        list-style-type:circle;
        margin:0;padding:0;
        width:100%;   
        min-width:80px;
        margin-top:0%;
        margin-left:0px;
        text-align:left;
        float:LEFT;
        padding-top:10px;
    }  
    ul.menutop li
    {
       
        text-align:center;line-height:16px; vertical-align:top;float:left;overflow:auto;padding-left:10px;padding-right:10px; text-align:center;color:#b8a69a;
        padding-top:32px;
        padding-bottom:5px;
        padding-right:28px;
    }  
     ul.menutop li a
     {
          font-family: 'Nunito Sans', sans-serif;
          color:#010102;
          font-size:14px; 
          text-decoration:none;
     }
     ul.menutop li a:hover
     {
          
          color:#935d3d;
         
     }
     .bloquegen{
         width:1200px;max-width:90%;margin:auto;padding-top:60px;padding-bottom:60px;overflow:auto
     }
     .c100
     {
         width:100%;overflow:auto;
     }.cab_prt4 {
    width:90%;margin:auto;margin-top:125px;overflow:auto;max-width:100%;color:#cebca5
}

.tit_prt4
{
    color:#010102; 
    font-family:'Baloo 2';
    font-weight:bold;font-size:32px;
    margin:0px;
    
}
.titprt4a
{
    
    color:#3286a2; 
    font-size:22px;
    font-family:'Raleway';
    font-weight:500;
    margin:0px;margin-bottom:20px;
    
}
 .c25_noti            
 {
     
            background-color:white;;
            border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #ecedef;
     width:calc(25% - 40px); padding:10px;float:left;
     text-align:center; margin:6px;
     font-size:20px;
     min-height:390px;

 }
  .animado 
    {
        opacity:0.1;
    }
  .animado2{            
        opacity:1;
        transition:all 0.5s;
    }
.img-contenedor img 
{
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
   overflow:hidden;
}

.img-contenedor:hover img {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.e_mas{
        font-size:12px;
        text-decoration:none;
        color:#b4d837;
    }
 
    .e_mas:hover
    {
        font-weight:bold;
    }
.mrg20
{
    margin-top:20px;margin-bottom:20px;
}
.rojo{
    color:#381e1d
}
.genimg
{
    width:100%;
}
#cab_prt2
{
width:1400px;margin:auto;max-width:100%;padding-top:0px;overflow:hidden; background-color:#fffffff; overflow:hidden; padding-bottom:0px; max-height:390px;margin-top:60px;
}

#cab_prt2_a
{
width:25%;float:left
}
#cab_prt2_b
{
width:50%;float:left
}
#cab_prt2_c
{
width:25%;float:right
}
#cab_prt2_b2
{
width:400px;margin:auto;font-size:18px;line-height:28px;color:#381e1d;max-width:90%;padding-top:40px;
}
.c40{
    width:40%;float:left
}
.c60{
    width:60%;float:left
}
#footer
{
background-color:#3286a2;overflow:auto;padding-top:150px;margin-top:30px;color:white; ;font-weight:100
}
#f1
{
width:50%;float:left;text-align:center;
}
#f2
{
width:50%;float:left
}
#lobofot
{
width:350px;margin-bottom:20px;
}
#f1_a
{
    width:400px;margin:auto;font-size:18px;color:white;max-width:100%; text-align:left
}
#f2_a
{
    width:400px;margin:auto;max-width:100%;
}
#f3{
    width:1000PX;margin:auto;max-width:90%;padding-top:60px;padding-bottom:40px;overflow:auto
}
.fot_tit20
{
    font-size:20px
}
.sus_txt
    {
        border:0;
        border-bottom:solid 1px white;
        width:90%;
        padding-top:12px;
        padding-bottom:12px;
        color:#381e1d;
        margin-bottom:6px;
        background-color:transparent;


    }
  
       .sus_txt::placeholder {
  color: white;
  
}
    .sus_boton
    {
            border:0;
        border:solid 1px white;
        width:200px;
        padding-top:12px;
        text-align:center;
        padding-bottom:12px;
        color:white;
        margin-bottom:6px;
        background-color:transparent;
        float:right;
        margin-right:5%;
        font-size:16px;
        MARGIN-TOP:30PX;
    }
    .c33
{
    width:25%;float:left;line-height:26px;text-align:left;
}
    .blanco
    {
        color:white;text-decoration:none;
    }
     .cate
    {
        padding-top:12px;padding-right:32px;float:left;
        
    }