﻿@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400i');
#homeidiomas
{
    width:92%;text-align:right;padding-top:12px;overflow:auto;
}
#idiomas2 {
    width:92%;text-align:right;padding-top:12px;overflow:auto;
}
.mitad{
   float:left;width:50%
}
.mitad2{
           float:right;width:30%;
       }
#contactf
{
    float:right;max-width:60%;;
}
    .prescindible
    {
            display:block;
        }
    .opci
        {
         
            display:none;float:left
        }
    .muu
    {
        width:50%;overflow:auto;float:left
    }
    #con_rep
    {
        width:100%;max-width:900px;margin:auto;margin-top:20px;overflow:auto;margin-left:250px
    }
    #redis
    {
        overflow:auto;;float:right
    }
    .cortador
    {
            width:90%;margin-left:5%;position:absolute;;max-height:170px;overflow:hidden
        }
        body{
            margin:0;
            font-family: 'Raleway', sans-serif;
        }
        .solomobil
        {
            display:none;
        }
        .a_neg
        {
            color:black;
            text-decoration:none;
        }
        a.menug
        {
            text-decoration:none;
            color:black;

        }
        .amen
        {
            color:white;
            text-decoration:none;
        }
        .cuadro_t
        {
            padding:5px;width:300px;
        }
        #contenedor {
            width:100%;
            max-width:1200px;
            margin:auto;
            overflow:auto; position:relative;
        }
         #contenido3 {
            width:1200px;max-width:100%;margin:auto;overflow:auto;height:100%;
            
        }
        #menusup {
            background-color:#131313;
            border-bottom:solid 3px #000001;
            border-top:solid 3px #000001;
            overflow:auto;
           
        }
        #menusup2 {
           width:1200px;margin:auto
           
        }
        .menu {
            color:white;
            
            padding:30px;float:left;
            padding-top:15px;padding-bottom:20px;
            border-top:solid 5px #131313;
            font-size:14px;
        }
        .menu:hover {
            
            border-top:solid 5px white;
            
        }
        .menu_s {
                color:white;
            
            padding:30px;float:left;
            padding-top:15px;padding-bottom:20px;
            border-top:solid 5px #131313;
            font-size:14px;
            border-top:solid 5px white;
            
        }
        #menuweb
        {
            float:right;
        }
        #bhome
        {
            float:left;
            position:absolute;top:3px;z-index:2000;
        }
        
        #bannerhome0 {
          width:100%;overflow:auto;background-color:white;overflow:hidden; background-image:url(fondo.png);  background-repeat:repeat-x
           
        }
         #bannerhome01 {
          width:1200px;margin:auto;
              max-width:100%;
           
        }
        #bannerhome {
            position:relative;margin:auto;
           
        }
        .home_tenor {
            
            float:left;color:white;font-size:30px;letter-spacing:14px;margin-bottom:10px;padding-bottom:6px;
            overflow:hidden;
            border-bottom:solid 1px white; text-align:right;
        }
        .redes
        {
            float:left;
            margin-right:22px;
            margin-top:12px;
        }
        .redes2
        {
            float:left;
            margin-right:22px;
            width:32px;
        }

       #bannerhome2 {
             position:absolute;margin-top:60px;left:900px;width:500px;max-width:90%;
       }
       #bannerdavid{
             color:#898989;font-weight:bold;float:left;font-size:50px; text-align:right; float:right;
                 
       }



    .titplay {
       font-family: 'Playfair Display', serif;
       font-style: italic;
        font-size:36px;
        max-width:440px
    }
        .titplay2 {
       font-family: 'Playfair Display', serif;
       font-style: italic;
        font-size:20px;
        font-weight:bold;
    }
                    
        .titplay3 {
       font-family: 'Playfair Display', serif;
       font-style: normal;
        font-size:26px;
     
    }
    .home_agenda{
        width:45%;float:left;
    
        overflow:auto;

    }
    #preagenda {
        width:100%;overflow:auto
    }
    .agenda_vert
    {
 
        overflow:auto;
        float:left;
        margin-top:5px;
      
        float10eft;color:white;font-size:10px;letter-spacing:6px;margin-right:12px;
        overflow:auto;
        color:#cccccc;
        margin-left:0px;
    }
    .agenda_n
    {
        width:calc(100% - 100px);
        float:left;

    }
    .a_lugar
    {
        margin-top:8px;margin-bottom:8px;color:#797979
    }
    .a_fecha
    {
        font-size:26px;color:#797979
    }
    #v_multimedia
    {
        width:100%;overflow:auto;margin-top:40px;
    }
    .img_f
    {
        float:left;width:33%;background-color:black;
    }
    .img_f:hover
    {
      background-color:black;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
   
    }
    #noticias_por
     {
        width:100%;overflow:auto;
    }
    .last_noti
    {
        width:calc(96% - 64px);float:left;border:solid 2px black;margin-top:20px;;padding:30px;margin-left:2%
    }
    .tit_noti {
        font-size:20px
    }
    .noti_firma
    {
           font-family: 'Playfair Display', serif;
       font-style: italic;
        font-size:16px;
    }
    #f_lenguas {
        color:#6d6d6d;
        width:100%;margin-top:26px;overflow:auto;
    }
    .lengua {
        color:#6d6d6d;
        font-size:12px;
        text-decoration:none;
       
    }
    #footer
    {
        overflow:auto;width:100%;background-color:black;margin-top:40px;padding-bottom:40px
    }
    #f_imgf {
        width:100%; min-height:16px
    }
    #p_contact
    {
        width:40%;float:left;color:white;margin-left:50px;line-height:30px
    }
    #p_follow
    {
        float:right;color:white;margin-right:50px
    }
    .lengua2 {
        color:#6d6d6d;
        font-size:12px;
        text-decoration:none;
        color:white;font-weight:bold
    }
    #footer2{
        width:1200px;margin:auto;max-width:99%
    }
    #david2 {
        display:none
    }
    #bmenuweb {
        display:none
    }
    #mhome
    {
        display:none;
    }
    #visoredes {
        padding-top:12px;
     
       
    }
    .vfoto_
          {
              width:100%;float:left;margin-top:26px;
          }
    .vfoto_:hover
    {
      background-color:black;
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
   
    }
          .vfoto
          {
              width:calc(100% - 30px);color:white;background-color:#292929;padding:15px;float:left;margin-top:1px;
              max-width:100%;
          }
          .cfoto
          {
              width:calc(33% - 24px);float:left;margin:auto;padding:12px;
              max-width:100%;
          }
          #menugals
          {
              margin-bottom:20px; margin-top:10px; line-height:32px;
              width:600px;max-width:96%;
              text-align:left;
              float:right;
              
          }  #menugals2
          {
              margin-bottom:20px;
              width:300px;max-width:100%;
              text-align:left;
              float:right;
              margin-top:20px;
              
          }
          .menugal
          {
              color:#898989;
              text-decoration:none;
              font-weight:bold;
               padding-left:78px;
              
          }
            .menugal2
          {
              color:#000000;
              text-decoration:none;
              font-weight:bold;
              padding-left:78px;
          }
            .sliderimagen
            {
                Width:calc(25% - 5px)
            }

            .lad30
            {
                width:30%;float:right;text-align:right
            }
             .lad70
            {
               line-height:30px;width:70%;float:left
            }
              .media50
           {
             width:50%;float:left;text-align:justify
          }
          .media50_2
           {
             width:calc(50% - 42px);float:left; padding-left:40px;line-height:26px; text-align:justify
          }
           .media50_3
           {
             width:calc(50% - 200px);float:left; padding-left:190px;line-height:32px; text-align:justify;font-size:22px;
          }
          .titreper
          {
             width:calc(100% - 62px);background-color:#2a2a2a;color:#898989;font-size:46px;padding:12px;text-align:right;margin-top:20px;padding-right:50px;margin-bottom:40px;
          }
            .titreper2
          {
             width:calc(100% - 62px);background-color:#2a2a2a;color:#898989;font-size:46px;padding:12px;text-align:left;margin-top:20px;padding-left:50px;margin-bottom:40px;
          }
          .titreper3
          {
             width:calc(100% - 62px);background-color:#2a2a2a;color:#898989;font-size:46px;padding:12px;text-align:left;margin-top:20px;padding-left:50px;margin-bottom:40px;
             position:absolute;width:690px;margin-left:-150px;margin-top:50px
          }
          .tabla
          {
           width:90%;margin:auto;overflow:auto;float:right
          }
            .celda
          {
           width:50%;float:left;text-align:left;margin-top:12px;margin-bottom:12px;font-size:14px;
          }
        .celda_b
          {
           width:50%;float:left;text-align:left;color:black;font-weight:bold;margin-top:12px;margin-bottom:12px;
          }
           .celda33
          {
           width:33%;float:left;text-align:left;margin-top:12px;margin-bottom:12px;
          }
        .celda33_b
          {
           width:33%;float:left;text-align:left;color:black;font-weight:bold;margin-top:12px;margin-bottom:12px;;
          }
      
        .oper_chap
          {
                margin-top:160px
          }

        @media screen and (min-width: 1766px) {
    #bannerhome2 {
        left:auto;
        overflow:auto;
        position:absolute;margin-top:60px;right:10px;width:500px;max-width:90%;;margin-right:0px;
         margin-right:100px
       }
}
@media screen and (max-width: 1366px) {
    #bannerhome2 {
        left:auto;
        overflow:auto;
        position:absolute;margin-top:60px;right:10px;width:500px;max-width:90%;;margin-right:0px;
       }
}

@media screen and (max-width: 1200px) {

     #bannerhome0 {
          background-image:url(no.png);  background-repeat:repeat-x
           
        }
    #bannerhome2 {
        left:auto;
        
        position:absolute;margin-top:60px;right:10px;width:500px;max-width:90%;;margin-right:0px;
       }
       .cortador
    {
            width:90%;margin-left:5%;position:absolute;max-height:164px;overflow:hidden
        }
    #contenedor {
     max-width:90%;
    }
    .img_f{
        width:33%;
    }
    .home_agenda
    {
        width:98%;
        overflow:hidden;
        margin-top:20px;
    }
  


    #bhome
    {
        display:none;
    }
    #menuweb {
        display:none;
    }
    #bmenuweb {
    display:block;
    
    margin-right:12px;
            position:absolute;top:12px;right:12px; z-index:2000;
    }
    #mhome
    {
        display:block;
    }
    #menuweb
    {
       
        width:100%;
        max-width:400px;
        position:absolute;
        overflow:hidden;
        top:60px;
        right:0px;
        background-color:#18181b;
        z-index:3000;
    }
    .menu
    {
   width:100%;
        padding-top:20px;
        padding-bottom:20px;
    }
    .redes{
        
        width:20px;
    }
         #con_rep
    {
        width:100%;max-width:900px;margin:auto;margin-top:20px;overflow:auto;margin-left:0px
    }
}
    #contenido3 {
            width:1200px;max-width:100%;margin:auto;overflow:auto;height:850px
            
    }
    #contacto1
    {
        position:absolute;color:white;margin-top:40px;margin-left:50px;font-size:18px;line-height:30px;width:calc(100% - 100px);
    }
    #bloccontacto
    {
        width:100%;overflow:auto;position:relative;height:400px;
    }
    #con1
    {
        color:white;margin-top:40px;margin-left:0px;font-size:18px;background-color:#ecba56;line-height:30px;padding:0px;width:700px ;float:left;position:absolute;padding-top:20px;padding-bottom:20px;
    }
     #con2
    {
         color:white;margin-top:40px;margin-left:0px;font-size:18px;background-color:black;line-height:30px;padding:0px;width:700px;float:right;text-align:right;position:absolute;right:0;margin-top:150px;padding-top:20px;padding-bottom:20px;padding-right:20px;
    }
     .titulog
     {
         color:#898989;font-size:40PX
     }
     .titulog2{
         font-size:20px;
         color:#898989;
     }
     .youvide
    {
    width:100%;margin-top:32px;overflow:auto
    }
    .video1
    {
    width:800px;max-width:100%;float:left;min-height:350px
    }
    .tvideo1
    {
    width:calc(100% - 15px);float:right;padding:0px;margin-top:10px;margin-bottom:10px;text-align:left;border-left:solid 5px black;;padding-left:10px;
    }
    .tvideo2
    {
    width:90%;float:left;text-align:left;margin-top:10px;margin-bottom:10px;border-left:solid 5px black;padding-left:10px;
    }

@media screen and (max-width: 800px) {
     .a_lugar
    {
     margin:0px;
    }
    #bannerdavid
    {font-size:36px;width:100%;}
       #con_rep
    {
        width:100%;max-width:900px;margin:auto;margin-top:20px;overflow:auto;margin-left:0px
    }
         .celda33
          {
           width:33%;float:left;text-align:left;margin-top:12px;margin-bottom:12px;font-size:11px;font-size:11px;;overflow:hidden;
          }
        .celda33_b
          {
           width:33%;float:left;text-align:left;color:black;font-weight:bold;margin-top:12px;margin-bottom:12px;;font-size:11px;
          }
    #menugals2
          {
              width:100%;margin-top:20px;
              
          }
    
      .celda33_b
          {
           font-size:11px;
          }
     .solomobil
        {
            display:block;
        }
     #david
    {
      display:none;
      
    }
 
     #david2
    {
      display:block;
      width:100%;
      margin-left:0px;
    }
    .img_f{
        width:100%;
    }
    .home_agenda
    {
        width:100%;
    }
   
    .redes
    {
        float:left;
        margin-right:12px;
    }
     .agenda_vert
    {
         
         width:auto;
        writing-mode:horizontal-tb;
        transform:none;
        margin-left:0px;
    }



    #bloccontacto
    {
        height:600px;
    }
    #contenido3{
        background-color:#0d0302;
    }
       #con1
    {
        color:white;margin-top:40px;margin-left:0px;font-size:18px;background-color:#ecba56;line-height:30px;padding:0px;width:90% ;float:left;position:absolute;padding-top:20px;padding-bottom:20px;
    }
     #con2
    {
         color:white;margin-top:40px;margin-left:0px;font-size:18px;background-color:black;line-height:30px;padding:0px;width:90%;float:right;text-align:right;position:absolute;right:0;margin-top:250px;padding-top:20px;padding-bottom:20px;padding-right:20px;
    }
      #contenido3 {
            width:1200px;max-width:100%;margin:auto;;overflow:auto;min-height:1100px;height:100%;
            
        }
    .cfoto
    {
         width:28%;float:left
     
    }
    .menugal
    {
    padding:6px;    
              
    }
    .menugal2
    {
        padding:6px;    
   }
    .cafotos
    {
        width:90%;margin:auto;text-align:right
    }
 
      .oper_chap
              {
                    margin-top:0px
              }
           .media50
               {
                 width:100%;float:left;margin:auto;
              }
           .media50_2
           {
             width:calc(100% - 20px);float:left;padding:10px;;
          }
        
            .titreper3
          {
             width:calc(100% - 62px);background-color:#2a2a2a;color:#898989;font-size:46px;padding:12px;text-align:left;margin-top:20px;padding-left:50px;margin-bottom:40px;
             position:inherit;margin-left:auto;margin-top:auto;
          }
          
}

@media screen and (max-width: 580px) {
        #contactf
    {display:none}
    #homeidiomas
    {
    width:92%;text-align:right;padding-top:0px;overflow:auto;
    }
    #vflechi
    {
        float:right
    }
      #bannerdavid
    {font-size:26px;width:100%;}


       .home_tenor {
            
            float:right;color:white;font-size:30px;letter-spacing:14px;margin-bottom:3px;padding-bottom:2px;
            overflow:hidden;
            border-bottom:solid 0px white; text-align:right;
            font-size:11px;
        }

       .redes
       {
           display:none;
       }

       .mitad{
   float:left;width:100%;
}

       .mitad2{
           float:right;width:100%;
       }

       .titplay
       {
           width:100%
       }
     .agenda_n
    {
        width:calc(100% - 50px);
        float:left;

    }
     .titplay {
       font-family: 'Playfair Display', serif;
       font-style: italic;
        font-size:22px;
        max-width:440px
    }
     .cfoto
    {
         width:90%
     
    }
     .muu
    {
        width:90%;margin:auto;
    }
     .celda
     {font-size:11px}
      .celda33
          {
           width:100%;float:left;text-align:left;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:11px;
          }
        .celda33_b
          {
           width:33%;float:left;text-align:left;margin-top:2px;margin-bottom:2px;font-size:12px;font-size:11px;
          }
      .linel
      {
         border-bottom:solid 1px #c8c8c8 ;overflow:auto;padding-bottom:6px;padding-top:6px;
      }
       #p_contact
    {
     width:90%;margin-left:5%;text-align:right;overflow:auto;margin-top:-20px;margin-bottom:20px;
    }
       .redes2
       {float:right ;
            margin-right:0px;
        margin-left:22px;
       }
       #p_follow
       {
           width:90%;padding:0px;margin:0px;text-align:right;overflow:auto;margin-right:5%
       }
   
    
      #redis{
          float:right;
          width:100%; text-align:right;
      }
      .redes
      {
          float:right;
      }
        .ocultar
    {
        display:none;
    }
        .opci
        {
            font-size:11px;
            font-weight:bold;
            display:block;
        }
}


@media screen and (max-width: 500px) {
    #idiomas2 {
    display:none;
}
      #ban76rdavid{
             font-size:20px;
       }
      #espafoto{
          margin-top:50px;
      }

 }      

