#msgcookies
{
	width:90%;padding-left:5%;padding-right:5%;padding-top:40px;padding-bottom:40px;background-color:black;color:white;position:absolute;bottom:0px;left:0px;z-index:5000;font-size:15px;line-height:20px
}
#msgcookies2
{
background-color:orange;COLOR:white;font-weight:bold;width:120px;text-align:center;padding:12px;float:right
}
#msgcookies3
{
color:orange
}
#msgcookies4
{
    width:calc(100% - 200px);overflow:auto;float:left
}
body 
{
     margin:0px;
     font-family:Helvetica;
     src: url("http://www.extragrafics.com/HelveticaCY.dfont");
}
.redes
{
    width:29px;    
}
a
{
    text-decoration:none;
    color:#000000;
 }
 
.idioma
{
    text-decoration:none;
    color:#000000;
    font-size:11px;
    font-weight:bold;
 }
 #portaidiomas
 {
  width:80px;;float:right;margin-top:8px;
  }
  
  a.menu
  {
  color:black;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
  padding-left:20px;    
      
  }
   a.menu:hover
  {
  color:#b3212f;
  text-decoration:none;
      
      
  }
   a.menum
  {
  color:white;
  text-decoration:none;
  font-size:16px;
  font-weight:bold;
  
  padding-right:6px;  
      
  }
   a.menum:hover
  {
  color:#b3212f;
  text-decoration:none;
      
      
  }
  #idiomaredes
  {
    float:right;text-align:right;width:500px    
  }
  #menuweb
  {
    float:left;text-align:right;width:100%;max-width:740px;margin-top:30px;    
  }
  #cabecera
  {
      width:1000px;margin:auto;overflow:auto;max-width:100%
  }
  #banner
  {
      width:1000px;margin:auto;overflow:auto;overflow:auto;max-width:100%
  }
  #contenido
  {
      width:1000px;margin:auto;overflow:auto;overflow:auto;max-width:100%
  }
  #pie
  {
      width:1000px;margin:auto;overflow:auto;overflow:auto;text-align:center;color:White;;max-width:100%
  }
    .cuadro1
    {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    color:#403f3d;
    padding:10px;
    font-size:11px;
    background-color:#efefef;
    margin-top:9PX;
    width:80%;
    
    }
      .cuadro2
    {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    color:white;
    padding:10px;
    font-size:14px;
    background-color:#121211;
    margin-top:9PX;
    width:80%;
    
    }
      .cuadro3
    {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    color:white;
    font-weight:bold;
    padding:10px;
    font-size:11px;
    background-color:#b3212f;
    margin-top:9PX;
    width:100px;
    
    }
 #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;
    
    
}    
.titulod
     {
         color:black;
         padding-top:0px;
         padding-bottom:20px;
        width:100%;
        margin:auto;
        text-align:left;
        font-size:32px;
     }  
.fechaborde
{
    background-color:#af1440;
    color:White;font-size:11px;
    width:60px;Margin-top:0px;margin-bottom:6px;padding-left:6px;padding-right:6px;z-index:1000;postion:relative;
    -moz-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px;border-radius:0px 0px 6px 6px;   
}   
#prepie
{
width:100%;margin-top:30px;padding-top:30px;padding-bottom:30px;background-image:url('optica-alos.png');no-repeat center center fixed;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;-o-background-size: cover; 
}
.pietitulo
{
color:white;font-weight:normal;margin:0px
}
.lineapie
{
width:50px;color:white;background-color:white;height:1px
}
.contenedorpie
{
width:100%;margin:auto;text-align:center;
}
#piebloque	
{
width:400px;background-color:#272422;float:left;padding-top:20px;padding-bottom:20px;text-align:left; opacity: 0.8;filter:  alpha(opacity=80);
}

#piebloque2
{
width:400px;background-color:#272422;float:right;padding-top:20px;padding-bottom:20px; opacity: 0.8;filter:  alpha(opacity=80);
}
#visornotis
{
    overflow:auto;
    width:100%;
    max-width:650px;
    }
.cuadron
{
width:268px;border:solid 1px #f4f4f4;line-height:20px;height:380px;box-shadow: 2px 2px 2px #888888;margin-right:50px;float:left;overflow:hidden;
margin-bottom:20px;
}  
#visorlateral
{
    width:300px;max-width:98%;float:right;margin-bottom:20px;margin-left:20px;margin-top:0px;
}
#cabeceramobil
    {
        display:none;  
          
    }
#menu2
{
width:100%;
max-width:360px;
background-color:#464646;
text-align:right;;
    margin-top:80px;  
position:absolute;z-index:2000;
right:0;
text-align:center;

}    
.menumobilc
{
  color:White;
   
    
    border-bottom:solid 1px white;
    padding-bottom:12px;
    padding-top:12px;
overflow:auto;
 

}
.bloqued
{
overflow:auto;text-align:left;margin-top:20px;margin-top:20px;
}
.bloqued1
{
width:60px;float:left;overflow:auto;
}
.bloqued2
{
Float:left;overflow:auto;width:232px
}

.bloqued2tit
{
color:#171213;font-size:14px
}

.bloqued2txt
{
color:#8c8a8c
}
@media screen and (max-width: 1200px)    
{
    #cabecera
    {
        display:none;  
          
    }
    .menu
    {
        font-size:20px;padding:12px;    
    }
    #cabeceramobil
    {
        display:block;  
          
    }
    #visorlateral
    {
        width:100%;max-width:100%;float:left;margin-bottom:20px;margin-left:0px;margin-top:0px;margin-right:0px;
      
    }
    .bloqued
    {
        width:50%;float:left;overflow:hidden;
     }
     
          
    .bloqued1
    {
      margin-left:60px;
    
    }
}  
@media screen and (max-width: 800px)  
{
    
    #conbloque3
{
    max-width:1200px;
  padding-top:20px;
    width:88%;
   
    padding:12px;
    overflow:auto;
    margin:auto;
    line-height:24px;
    color:#403f3d;
    text-align:justify;
    
   
}    
    .bloqued
    {
        width:100%;float:left
    }
     .bloqued1
    {
      margin-left:0px;
    
    }
   .cuadron
    {
    width:100%;margin-right:0px;float:left;overflow:hidden;
    margin-bottom:20px;
    height:auto;
    max-height:600px;
    }   
    #piebloque	
    {
   width:100%;
    }

    #piebloque2
    {
   width:100%;
    }
    .titulod
     {
         
        font-size:22px;
     }  
}