body
    {
        margin:0px;
        font-family:Helvetica;
        src: url("http://www.extragrafics.com/HelveticaCY.dfont");
    }
    
    #bannerinf
{
width:100%;background-color:#d7e5e4;overflow:auto;color:#3e4141;padding-bottom:12px;padding-top:12px;line-height:20px
}
.bannerinfb
{
width:32%;float:left
}

.bannerinfb2
{
width:90%;margin:auto;text-align:center
}
    a
    {
        text-decoration:none;
         color:#403f3d;
    }
    a:hover
    {
        text-decoration:none;
         color:#1e7d78
    }
   
    #menumobildes
    {
       display:none
       
    }
    #precabecera
    {
        width:100%;
        overflow:auto;
        background-color:#f6f6f6;
         background-image:url('elearning-fondo.png');no-repeat center center fixed;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
    }
     #precabecera2
    {
        width:100%;
        overflow:auto;
        background-color:#f6f6f6;
         background-image:url('elearning-fondo2.png');no-repeat center center fixed;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
    }
     #precabecera3
    {
        width:100%;
        overflow:auto;
        background-color:#f6f6f6;
         background-image:url('elearning-fondo2.png');no-repeat center center fixed;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
    }
    #cabecera
    {
        width:100%;
        max-width:1366px;
        margin:auto;
        overflow:auto;
        position:relative;
       
        overflow:auto;
        min-height:558px;
        margin:auto;
        padding-top:12px;
       
    }
     #cabecera2
    {
        width:100%;
        max-width:1366px;
        margin:auto;
        overflow:auto;
        position:relative;
       
        overflow:auto;
        min-height:408px;
        margin:auto;
        padding-top:12px;
       
    }
    #cabecera3
    {
        width:100%;
        max-width:1366px;
        margin:auto;
        overflow:auto;
        position:relative;
       
        overflow:auto;
        min-height:50px;
        margin:auto;
        padding-top:12px;
       
    }
    #menu
    {
         width:1200px;
         margin:auto;
        
         overflow:auto;
    }
    #logo1
    {
        float:left;
        margin-right:180px
    }
    .menuitem
    {
        float:left;    
        margin-left:16PX;
        color:#403f3d;
        font-size:12px;
        margin-top:16px;
       
    }
     .menuitem2
    {
        float:left;    
        margin-left:16PX;
        color:#403f3d;
        border-bottom:solid 1px white;
        font-size:12px;
        padding-bottom:5px;
        width:98%;
        margin-top:10px;
         font-size:16px;
    }
     .redes2
    {
        float:left;    
        margin-top:6px;
        
        
    }
    .redes
    {
        float:right;    
        margin-top:6px;
        
        
    }
    .red
    {
        margin-left:4px
    }
    #ctitulo
    {
       
        float:right;    
        width:500px;
        margin-right:80px;
        margin-top:80px;
    }
    h1
    {
        font-weight:normal;
        font-size:36px;
        color:#403f3d;
        
        margin:0;
    }
     #csubtitulo
    {
        font-family:Helvetica;
        src: url("http://www.extragrafics.com/HelveticaNeueLTStd-Th.otf");
        float:right;
        font-size:24px;   
        margin-top:0px;
        margin-bottom:0px; 
         color:#403f3d;
         font-weight:lighter;
    }
     #csubtitulo2
    {
       
        float:left;
        width:100%;
        font-size:20px;   
        line-height:22px; 
        text-align:center;
         color:#403f3d;
         
    }
    .lineahome
    {
    width:180px;height:1px;background-color:#403f3d;margin:auto;margin-top:20px;margin-bottom:20px
    }
    .cuadro1
    {
    color:#403f3d;
    padding:10px;
    font-size:11px;
    width:230px;
    background-color:#efefef;
    border:0;
    margin-top:9PX;
    
    }
    .cita
    {
        margin-top:20px;
        margin-bottom:20px;
        line-height:32px;
        width:100%;
        text-align:center;
     font-size:24px;
     font-style:italic;
     font-weight:100;
     color:#403f3d;
     
     }
     #bloque2
     {
         background-color:#f9f9f9;
         border-top:solid 1px #e4e4e4;
         border-bottom:solid 1px #e4e4e4;
         width:100%;
         overflow:auto;
         padding-bottom:40px;
     }
     #conbloque2
     {
         max-width:1200px;
       padding-top:20px;
         width:100%;
         overflow:auto;
         margin:auto;
         
     }
        #bloque3
     {
         background-color:white;
        
         width:100%;
         overflow:auto;
     }
     #conbloque3
     {
         max-width:1200px;
       padding-top:20px;
         width:100%;
         overflow:auto;
         margin:auto;
         line-height:24px;
         color:#403f3d;
         text-align:justify;
         
     }
     .cuadroredondo
     {
         margin-right:30px;
         padding-top:20px;
         padding-bottom:20px;
         color:#403f3d;
         line-height:24px;
        background-color:#e4e4e4;
        width:270px;
        float:left;
        text-align:center;
        height:300px;
           -moz-border-radius:6px 6px 6px 6px;-webkit-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;         
     }
      .cuadroredondo:hover
     {
        
        background-color:#bebbb6;
              
     }
     .sabermas
     {  
       margin-top:22px;
      }
     .cuadrodesc
     {
          line-height:16px;
        font-size:14px;width:100%;max-width:250px;margin:auto    
     }
     .titulod
     {
         color:#403f3d;
         padding-top:40px;
         padding-bottom:20px;
        width:100%;
        margin:auto;
        text-align:center;
        font-size:22px;
     }
     .bannera
     {
     float:right;overflow:auto;width:292px;line-height:30px;
     margin-left:20px;
     }
    ::-webkit-input-placeholder { /* Safari, Chrome and Opera */
     color: #403f3d;
    }

    :-moz-placeholder { /* Firefox 18- */
      color: #403f3d;
    }

    ::-moz-placeholder { /* Firefox 19+ */
      color: #403f3d;
    }

    :-ms-input-placeholder { /* IE 10+ */
      color: #403f3d
    }

    ::-ms-input-placeholder { /* Edge */
      color: #403f3d
    }

    :placeholder-shown { /* Standard one last! */
      color: #403f3d;
    }
    #subscribete
{
    
Width:100%; background-image:url(gris2.png);padding-top:12px;

}
#subscribetecon
{
width:100%; max-width:1200px;margin:auto;overflow:auto;
}
.subscribetetit
{
width:380px;color:white;float:left;line-height:20px;margin-top:18px
}
.apunta2
{
float:left;margin-left:20px;
}

     #menumobil
    {
      width:40px;
      float:right;
      
    } 
    #cabeceramobil
     {
      display:none;
      
    }
    .mobilh1
    {
      display:none;
    
      
    }
    .mobilh2
    {
      display:none;
    
      
    }
    .blgbloque
    {
    width:49%;max-width:650px;overflow:auto;float:left;
    margin-top:20px;
    text-align:center;
    }

    .blgbloque2
    {
    width:500px;margin:auto;border:solid 1px #a1a6b6;background-color:#f3f4ef;padding:12px
    }
     #accedeblog
      {
          width:100%;text-align:left;overflow:auto;padding-left:32px
      }
@media screen and (max-width: 1200px)       
  {
      
       .blgbloque
    {
    width:49%;max-width:650px;overflow:auto;float:left;
    margin-top:20px;
    }

    .blgbloque2
    {
    width:90%;margin:auto;border:solid 1px #a1a6b6;background-color:#f3f4ef;padding:12px
    }
      #subscribete
{


    
Width:98%; background-color:#403f3d;padding-top:12px;
padding-left:12px;

overflow:hidden;
}
    #subscuadro
    {
    width:100%;
    overflow:auto;
    border:solid 1px blue;
    display:block;
      
    
    }
    .subscribetetit
    {
     width:100%;
     
      
    }
    
    #subscribete
    {
      display:block;
      
    }  
      #menumobildes
      {
           display:none;
          background-color:#e4e4e4;
         
          width:100%;
          max-width:300px;
          overflow:hidden;
          right:0px;
          position:absolute;
          margin-top:70px;
        
      
        z-index:2000;
        
      }
      #cabeceramobil
     {
      display:block;
      
    }
   
    #menu
    {
      display:none;
      
    } 
    #csubtitulo2
    {
     background-color:White;
      
    } 
    #imenumobil
    {
      float:right;
      width:50px;
      margin-top:1px;
      margin-left:6px;
      
      
    } 
    
     #conbloque2
     {
         
         max-width:1200px;
       padding-top:20px;
         width:100%;
         overflow:auto;
         margin:auto;
         
     }  
     .cuadroredondo
   {
      width:45%;
      max-width:420px;
      margin:auto;
      float:left;
      margin-bottom:20px;
      margin-left:20px;
      
   }    
  }
  
  @media screen and (max-width: 600px)   
    
  {
      
 
.bannerinfb
{
width:100%;
}


      #accedeblog
      {
          width:100%;text-align:left;overflow:auto;padding-left:0px
      }
      
        .blgbloque
    {
    width:100%;max-width:650px;overflow:auto;float:left;
    margin-top:20px;
    }

    .blgbloque2
    {
    width:90%;margin:auto;border:solid 1px #a1a6b6;background-color:#f3f4ef;padding:12px
    }
      .cita
    {
        margin-top:20px;
        margin-bottom:20px;
        line-height:20px;
        width:100%;
        text-align:center;
     font-size:14px;
     font-style:italic;
     font-weight:100;
     color:#403f3d;
     
     }
  #conbloque2
     {
         max-width:1200px;
       padding-top:20px;
         width:90%;
         overflow:auto;
         margin:auto;
         
     }    
   .cuadroredondo
   {
      width:100%;
      
      margin:auto;
      float:left;
      margin-bottom:20px;
      text-align:center;
      
   }
   #ctitulo
    {
      display:none;
      
    } 
    #precabecera
    {
        overflow:hidden;
      height:140px;
      
      
      
    } 
     #precabecera2
    {
        overflow:hidden;
      height:140px;
      
      
      
    } 
       #bloque3
     {
         width:95%;
         padding:12px;
     } 
      .mobilh1
    {
       width:100%;
       padding-top:6px;
        margin-top:0px;
        font-weight:normal;
        font-size:20px;
        color:#403f3d;
        width:90%;
        padding-left:10px;
        display:block;
        
    } 
      .mobilh2
    {
       width:100%;
       padding-top:6px;
        margin-top:0px;
        font-weight:normal;
        font-size:16px;
        color:#403f3d;
        width:99%;
        line-height:24px;
        padding-left:10px;
        display:block;
        
    } 
}