.hidden{
    display:none;
}

.unhidden{
    display:block;
}

#titulotabla {
    font-weight: bold;
}

body { 
  font: 11px/1.4 'Arial',Heveltica,sans-serif; 
  margin: 0; padding: 0; 
  -moz-box-sizing: border-box;
  }
a { color: #004464; text-decoration: none;}
img, fieldset { border:0px solid white;  padding:0; margin: 0; }

#header { background-color: #1B3552; color:white; height: 85px; padding:5px 0 0 10px;  
  overflow:hidden; }
#header a { color:white;  }
#header #logoli { margin: 0 0 0 8.3%; display:inline; }
#header #logoli img { vertical-align:middle;}
#header #logoli .logpart { display:inline; vertical-align:middle; }
#header #logoli .logpart.nombre { font-size: 1.7em; font-weight:500; }
#header #logoli .logpart.separ { border-left: 1px solid white; font-size: 2.3em; padding:0em;  
  margin-left:0.3em;}
#header #logoright  { margin: 0 8.3% 0 0; float: right; text-align:right; padding: 3px 2em 0 0; }
#header #logoright img{ width: 76px; height: 76px; }
#header #idiomas { margin: 2em 0 0 0; float: right; text-align:right; padding: 0 0 0 0; }
#header #idiomas .idipart { font-size:1.5em; display:inline; vertical-align:middle; }
#header #idiomas .idipart.separ { font-size: 1em; margin-left:0.3em; }

#bodypanel { 
  background: url('../imagenes/fondo_wwwuvdegrade.jpg') repeat-x scroll center top #FFF;
  padding: 0 8.3% ;
  }

#burja img{
	display: block;
    width: 100%;
    height: auto;
    max-width: 500px;
}

#aras img{
	display: block;
    width: 100%;
    height: auto;
    max-width: 500px;
}

#content {
  padding-top: 1px;  /* para que no colapse margenes */
  background-color: #F5F5F5; 
  padding: 2em 4em;
}

#footer { 
  padding-top: 1px;  /* para que no colapse margenes */
  background-color: #3F4545; color:white;  padding:1px 8.3%; line-height: 1em;
}
#footer a { color:white;  }
#footer #copyri{ margin-left: 10px;  margin-right: 10px; }
#footer #notas{ float: right; margin-right: 10px;}

#header:after, #bodypanel:after, #footer:after, .clearfix:after {
   content:"."; clear:both; display:block; height:0; visibility:hidden; padding:1px;}

#papi_conn_box, #papi_conn_box { font-size: 1em; }
#papi_conn_box h1 { font-size: 1.1em; font-weight:bold; }
#msg h2 { font-size: 1em; font-weight:bold; }
#papi_sites img {  width: 30px; height: 30px; }

/* ... RESPONSIVE DESIGN ... */
/* large: >1200px */
@media only screen and (min-width:1200px){
  #header #logoli { margin-left: 16.66%; }
  #header #idiomas { margin-right: 0;}
  #header #logoright { margin-right: 16.66%;}
  #footer { padding-right: 16.66%; padding-left: 16.66%;}
  #bodypanel { padding-left: 16.66% ; padding-right: 16.66%; }
  #chano { display:block; } 
}  
/* default: 750px < x < 1200px */
/* small:  300px < x < 750px */
@media only screen and (max-width:750px){
  #header #logoli { margin-left: 0; }
  #header #logoright { margin-right: 0;}
  #header #logoli .logpart #nombreuv, 
  #header #idiomas .idipart,
  #header #logoli .logpart.nombre, 
  #header #logoli .logpart.separ { display:none; }
  #footer { padding-right: 0; padding-left: 0; }
  #content { padding-right: 1em; padding-left: 1em;  }
/*  #footer #notas{ margin-left: 10px; float:left;}*/
  #footer #copyri{ clear:both; }

  #bodypanel { padding-left: 0 ; padding-right: 0; }
}
/* Xsmall:  < 300px */
@media only screen and (max-width:300px){
  #header #idiomas {  margin: 0 0 0 0; } 
  #header #idiomas .idipart.separ { display:none; } 
  #header #idiomas .idipart { display:block; }
  #header #logoli img { width: 70px; }
}