@CHARSET "UTF-8";

body { 
  background: #3990cd url('../images/bakgs/splash-principal.png') no-repeat top center;
  font: normal 14px Arial;
}

a {
  color: #1c6ea8;
  text-decoration: none;
}

a:hover { text-decoration: underline; }

/**
 * Contenido.
 * Tamaño de página: 960px - 10px*2 (padding derecho e izquierdo) = 940px 
 */
#pp_pagina { 
  width: 960px;
  margin: 0 auto;
  background-color: #fff;
  background-image: url('../images/bakgs/pagina-principal.png');
  min-height: 1050px;
}

#pp_wrapper {
  width: 100%;
  float: left;
}

  #pp_contenido {
    margin: 0 55px 0 177px;
    min-height: 1050px;
  }
  
#pp_navegacion {
  float: left;
  width: 162px;
  margin-left: -950px;
}

#pp_sponsors {
  float: left;
  width: 50px;
  margin-left: -55px;
  text-align: center;
}

#pp_sponsors a img {
  border: 1px solid #e4e4e4;
}

#pp_sponsors a:hover img {
  border: 1px solid #636363;
}

#pp_pagina_pie {
  clear: both;
  padding: 5px 10px 5px 10px;
  font: normal 11px Arial;
  color: #979797;
}

/** 
 * Menú 
 */
#pp_menu_principal {
  height: 35px;
  background-color: #82b9e0;
  background-image: url('../images/bakgs/menu-principal.png');
  font: bold 16px Arial; 
  padding: 0 10px 0 10px;
  margin-bottom: 15px;
}

#pp_menu_principal li { 
  float: left; 
  height: 35px; 
  line-height: 35px; 
}

#pp_menu_principal li a {
  display: block;
  padding: 0 5px 0 5px;
  color: #fff;
  text-decoration: none;
}

#pp_menu_principal li a:hover {
  text-decoration: underline;
}

#pp_seleccionar_idioma { float: right; padding-top: 10px; }

/* Advertencias */
.pp_flash_exito, .pp_flash_error, .pp_flash_nota {
  border: 1px solid;
  padding: 10px;
  margin: 15px auto 15px auto;
  width: 300px;
  text-align: center;
}

.pp_flash_exito { border-color: #15b830; background-color: #cbffd4; color: #15b830; }
.pp_flash_nota { border-color: #ae782c; background-color: #f6e1c4; color: #ae782c; }
.pp_flash_error { border-color: #9c2626; background-color: #ffcdcd; color: #9c2626; }

/* Navegacion */
#pp_logotipo {
  text-align: center;
  margin-bottom: 15px;
  height: 90px;
}

/* Mega banner */
#pp_mega_banner {
  background-color: #ddd;
  margin-bottom: 15px;
  height: 90px;
}

/* Formularios */
#pp_formulario h1 {
  font: bold 24px Arial; 
}

form.pp_formulario_estandar {
  margin: 15px 0 15px 0;
}

form.pp_formulario_estandar fieldset { margin: 5px 0 5px 0; }
form.pp_formulario_estandar legend, .eh_auth_signin_form legend { padding-left: 135px; margin-bottom: 5px; font: bold 18px Arial; color: #424242; }

form.pp_formulario_estandar li, .eh_auth_signin_form li  { margin-bottom: 5px; clear: left;}

form.pp_formulario_estandar li label, 
.eh_auth_signin_form li label {
  width: 125px;
  float: left;
  display: block;
  font: bold 11px Arial;
  color: #5e5e5e;
  margin-right: 10px;
  text-align: right;
  /*height: 30px;*/
  /*line-height: 30px;*/
}

ul.error_list {
  padding-left: 135px;
  color: #750000;
  font: normal 10px Verdana;
}

form.pp_formulario_estandar li.pp_submit, .eh_auth_signin_form li.submit { padding-left: 135px; }

/* Panel usuario */
#pp_panel_usuario {
  text-align: center;
}

#pp_panel_usuario img.pp_avatar {
  padding: 5px;
  border: 1px solid #dadada;
}

#pp_panel_usuario h3 { margin-bottom: 10px; }

#pp_panel_usuario #pp_panel_opciones ul li {
  text-align: left;
  font: normal 10px Verdana, Arial;
  list-style: square inside;
  margin-left: 7px;
}

.pp_auto_identificarse {
  text-align: left;
  font: normal 10px Arial;
  text-transform: uppercase;
}
.pp_auto_identificarse li {
  margin-bottom: 5px;
}

input#eh_auth_login_username, input#eh_auth_login_password
{ border: 1px solid #656565; color: #656565; width: 142px; padding: 5px; }

input#eh_auth_login_username:focus, input#eh_auth_login_password:focus { background-color: #fff0b5; }

/* Social */
#pp_social { float: rigth; }
#pp_social li { float: right; background-repeat: no-repeat; background-position: left midle; margin-left: 5px; padding-left: 30px; }

  .pp_social_twitter { background-image: url('../images/dots/follow_twitter.png'); } 
  .pp_social_facebook { background-image: url('../images/dots/follow_facebook.png'); }
  
/* Errores */
#pp_error404 h1 {
 font: bold 24px Arial;
}