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 #idiomas { margin: 2em 8.3% 0 0; float: right; text-align:right; padding: 0 2em;}
#header #idiomas .idipart { display:inline; vertical-align:middle;  }
#header #idiomas .idipart.separ {  border-left: 1px solid white; font-size: 2em; margin-left:0.3em;  }

#bodypanel { 
  background: url('fondo_wwwuvdegrade.jpg') repeat-x scroll center top #FFF;
  padding: 0 8.3% ;
  }
#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;}

/* ... login ... */

#panelcenter { width: 33.3%; margin: auto; }            
#chano {margin-top:4em; text-align:center; display:none; } 
#passwdform { margin-top: 3em;  }
#passwdform legend { border:0px none; padding-bottom: 15px; color:#9EA5AD; 
  font-size:1.6em; text-align:center; width:100%; font-weight:bold; line-height: 0.8em;}
#passwdform legend .servicio { font-size: 0.58em; text-transform:uppercase; }
#passwdform .pwformfield {position:relative; z-index:0; 
  background-color:#DCE1E1; height: 5em; padding:0.5em 0 0 0; margin: 0 0 8px 0; }
#passwdform .pwformfield label {width:100%; top:2em; left=0; z-index:-1; color:#666; 
  font-weight:normal;  text-align:center; display:block; position:relative; }
#passwdform .pwformfield input {background:transparent; font-size:1.3em; font-weight:bold; 
  text-align:center; width:100%; margin-top:1em; font-family:'Arial',Heveltica,sans-serif; 
  outline:none; padding: 0;
  }
#passwdform .pwformfield .form-control {border:0px none; box-shadow:0 0 0 
  rgba(0, 0, 0, 0.075) inset; color: #555; 
  }

#passwdform #botinf #cuadrobot { float:right; margin-bottom: 10px;  width: 50%; }
#passwdform #botinf #cuadrobot #botonLdap { 
  -webkit-appearance:none;  /* Para safari en IOS!! */
  background-color:#939899; height:3em; color:white; 
  font-weight:normal; font-size:1em; width:100%; 
  border: 0px none; cursor:pointer; 
  }
#olvido { clear:both; float:right; font-size: 0.8em;  } 
#passwdform #botinf #servicio { padding-top: 1em; width:40%; padding-left:5px; float:left;; color: #9EA5AD;}


#actu-noticias {
  margin: 4em 0 0em 0;
  cursor: pointer;
  overflow:hidden;
  Xborder: 1px solid black;
  }
#panel-noticias {
  max-height: 12em;
  /* overflow:auto; */
  overflow:hidden;
  width:100%;
  padding-right:2px;
  text-align: justify;
  }  
.bloc-noticias .noticia { margin-bottom: 1.5em;  }
.bloc-noticias .titnot { font-weight: bold; color: #6E7D80; line-height:1em;}
.bloc-noticias .notitexto { line-height:1.1em; color: #6E7D80; }
.bloc-noticias .notitexto img { vertical-align: middle; width:30px; margin:0 0.5em;  }
#notimas { margin:1em 0.2em 10em 0;  text-align:right; } 

#popup-noticias {
  background-color: white;
  font-size: 1.2em;
  text-align: justify;

  position: absolute;
  top: 15%;
  left: 5%;
  width: 80%;
  padding: 5%;
  
  display:none;
  cursor: pointer;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  }
  
/* ... reject / accept / logout  ... */

#as_reject #panelcenter { margin-bottom: 9em; }
#as_reject #panelcenter #status {  margin-bottom: 2em; }
.errors {
    background: url("/UVLOGIN/skin_grey/error.gif") no-repeat scroll 20px 18px #FFEEDD;
    border: 1px dotted #D21033;
    color: #D21033;
    padding-bottom: 40px;
}
.success {
    background: url("/UVLOGIN/skin_grey/confirm.gif") no-repeat scroll 20px 18px #DDFFAA;
    border: 1px dotted #339900;
    color: #339900;
    }
.info, .errors, .success {
    clear: both;
    line-height: 1.5;
    margin: 18px 0;
    Xmargin: 4em 0;
    padding: 20px 20px 20px 100px;
}

.selectuidform {}
.uidtosel { margin-left: 5%; background-color:#ddd; 
            font-size:1.2em; font-weigth:bold; 
            width: 10em; margin-top:1em; padding:1em; text-align:center; }

#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: 16.66%;}
  #footer { padding-right: 16.66%; padding-left: 16.66%;}

  #passwdform { margin-top: 1.5em;  }
  #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 #idiomas { margin-right: 0;}
  #header #logoli .logpart #nombreuv, 
  #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; }
  #panelcenter { width: 100%; margin:0; }
  #passwdform #botinf #cuadrobot {  width: 100%; }
  #Xpopup-noticias {  font-size: 1.4em; }
  #passwdform #botinf #servicio { padding-left:0; }
  }
/* Xsmall:  < 300px */
@media only screen and (max-width:300px){
  #header #idiomas {  margin: 2em 1em 0 0; } 
  #header #idiomas .idipart.separ { display:none; } 
  #header #idiomas .idipart { display:block; }
  #header #logoli img { width: 70px; }
  }