@charset "utf-8";

/* CSS Document */

/***** PROPIEDADES GENERALES *****/
* {text-indent: 0px; margin: 0px; padding: 0px}

html {background-color: #EF6701; background-image: url(../objetos/estructura/linea.png); background-repeat: repeat-y; background-position: top}
body {background-image: url(../objetos/estructura/fondo.png); background-repeat: no-repeat; background-position: center top; text-align: center}

/***** PROPIEDADES *****/
.left {float: left}
.right {float: right}

.oculto {display: none}
.clear {clear: both}
.clearLeft {clear: left}
.clearRight {clear: right}

/***** GLOBAL *****/
#cuerpo {background-image: url(../objetos/estructura/fondoPie.png); background-repeat: no-repeat; background-position: center bottom}
#global {font: 80% Verdana, Arial, Helvetica, sans-serif; width: 900px; margin: 0 auto}

/***** CABECERA *****/
#cabecera {width: 900px; height: 150px; background: url('../objetos/estructura/cabecera.png') no-repeat; overflow: hidden}
  .HomeLink {float: left; margin: 20px 0 0 20px}
  .Home {float: left; height: 105px; width: 450px}

#navegacion {width: 900px; height: 50px; background: url('../objetos/estructura/navegacion.png') no-repeat}
  #navegacion p {color: #6B76AC}

  #menuNav {float: left; text-align: center; padding: 30px 0 0 30px; height: 20px; width: 625px}
    #menuNav li {list-style: none; display: block; height: 20px; float: left; padding: 0 28px 0 28px; border-right: #D99101 1px solid}
    #menuNav a {height: 20px; color: #461F00; text-decoration: none; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif}
    #menuNav a:hover {color: #D99101}
	#menuNav img {border: none}

  #logsesion {float: right; height: 20px; padding: 30px 5px 0 15px}
    #logsesion p {color: #461F00}
	#logsesion a {color: #D48C1D; text-decoration: none}
	#logsesion a:hover {color: #E1B915}

/***** CONTENIDO *****/
#partecentral {background-color: #FFF; width: 900px; border: #D99101 2px solid; border-bottom: none}
  #menu {background-color: #FFF; float: right; width: 190px; padding: 5px}
    #famososDia {border: #D99101 1px solid; margin-top: 5px; background-color: #FFF; padding-bottom: 5px}

    #facebook {border: #D99101 1px solid; margin-top: 5px}
      #facebook img {border: none}

    #alazar {border: #D99101 1px solid; margin-top: 5px; background: url('../objetos/estructura/alAzar.jpg') no-repeat; background-color: #FFF}
	  #alazar a {color: #333; font-size: 12px; display: block; padding: 17px 0 17px 0; text-decoration: none}

    #buscador {border: #D99101 1px solid; padding: 20px 15px; text-align: left; background-color: #FFF}
      #buscador p {color: #D99101; font-size: 12px; margin: 5px 0 10px 0}

	  .bAvanzada {float: right; font-size: 9px; padding: 5px 5px 0 0}
	    .bAvanzada a {color: #8FA0AB; text-decoration: none}
	    .bAvanzada a:hover {color: #E0913A; text-decoration: none}

	#readRelation {border: #D99101 1px solid; padding: 10px; text-align: left; margin-top: 5px; background-color: #FFF}
	  #readRelation p {color: #333}

	  .rRFamoso {border: #999 1px solid; border-bottom: #CCC 1px solid; border-right: #CCC 1px solid; font-size: 9px; padding: 2px; margin-top: 5px}
	    .rRFamoso img {border: #006633 1px solid; float: left}
		.rRFamoso p {margin-top: 10px}
		.rRFamoso a {color: #333; padding-left: 5px}
		.rRFamoso a:hover {color: #D48C1D}
		
        .rRLecturas {color: #003E10; font-size: 8px; padding-left: 5px}

	    input.buscInput, textarea.buscInput {font-size: 12px; color: #099; background-color: #FFF; border: #CCC 1px solid; border-left: #999 1px solid; border-top: #999 1px solid}
        input.buscInput:hover, textarea.buscInput:hover {font-size: 12px; color: #063; background-color: #D8E0EB; border: #CCC 1px solid; border-left: #999 1px solid; border-top: #999 1px solid}
        input.buscInput:focus, textarea.buscInput:focus {font-size: 12px; color: #063; background-color: #D8E0EB; border: #CCC 1px solid; border-left: #999 1px solid; border-top: #999 1px solid}

    .comprobar {margin: 10px 0 0 20px}
	.compBoton {margin-right: 5px}
      input.compInput {font-size: 12px; color: #999; background-color: #FFF; border: #CCC 1px solid; border-left: #999 1px solid; border-top: #999 1px solid}
      input.compInput:hover {font-size: 12px; color: #063; background-color: #D8E0EB; border: #CCC 1px solid; border-left: #999 1px solid; border-top: #999 1px solid}
      input.compInput:focus {font-size: 12px; color: #063; background-color: #D8E0EB; border: #CCC 1px solid; border-left: #999 1px solid; border-top: #999 1px solid}

    #secciones {padding: 5px 10px; border: #D99101 1px solid; margin-top: 5px; font-size: 12px; text-align: left}
      #secciones p {border-bottom: #999 1px solid}
      #secciones ul {list-style: square; margin: 10px 0 0 20px}
      #secciones li {padding-bottom: 5px}
      #secciones a {color: #333}
      #secciones a:hover {color: #D48C1D}

    #peticiones {padding: 5px; border: #D99101 1px solid; margin-top: 5px; font-size: 9px; text-align: left}

  #parteizquierda {margin-right: 200px; border-right: #D99101 2px solid}
    #abecedario {font-family: "Courier New", Courier, monospace; background-color: #FFF; padding: 10px; border-bottom: #D99101 2px solid}
	  #abecedario a {text-decoration: none; color: #333; font-size: 20px; font-weight: bold;}
	  #abecedario a:hover {text-decoration: none; color: #006633; font-size: 20px; font-weight: bold; padding: 0 3px; border: #006633 1px dotted}

	#cumple {border-bottom: #D99101 2px solid; text-align: left; padding: 5px}
	  .cSpace {padding-left: 15px}
	  .cSpace img {border: #333 2px solid}
	  .cSpace img:hover {border: #F93 2px solid}

    #titulo {color: #CCC; float: right; font-size: 18px; padding: 5px; font-family: 'Lucida Console', Monaco, monospace}
      #todosFamosos {float: right; margin: 3px 5px 0 0; border: #999 1px solid}
        #todosFamosos:hover {border: #E48443 1px solid}
        #todosFamosos img {border: none}

    #contenido {font-family: Georgia, "Times New Roman", Times, serif; background-color: #FFF; padding: 40px}
      #contenido a {color: #003E10}
      #contenido a:hover {color: #093}

/***** PIE PAGINA *****/
 #pie {background-color: #FFF; height: 78px; width: 900px; border-top: #D99101 2px solid; background: url('../objetos/estructura/pie.png') no-repeat}
  #pie p {color: #333; text-align: center; font-size: 10px; padding-bottom: 20px}
  #pie a {color: #333; font-size: 10px; text-decoration: none}
  #pie a:hover {color: #FFF}

  #pieIzda {padding: 5px 0 0 20px; float: left}
    #pieIzda p {color: #CCC}

  #pieDcha {padding: 5px 20px 0 0; float: right}

  #pieDchaCss  {background: url('../objetos/estructura/validarcss.gif') no-repeat left center}
    #pieDchaCss a {padding: 0 5px 0 14px; color: #FF9900; font-size: 9px; text-decoration: none}
  #pieDchaHtml  {background: url('../objetos/estructura/validarhtml.gif') no-repeat left center}
    #pieDchaHtml a {padding: 0 5px 0 14px; color: #80c43d; font-size: 9px; text-decoration: none}
  #pieDchaRss  {background: url('../objetos/estructura/validarrss.gif') no-repeat left center}
    #pieDchaRss a {padding-left: 14px; color: #FFCC33; font-size: 9px; text-decoration: none}

  #copyright {margin-top: 55px}
    #copyright p {padding: 0 0 0 0}


/***** MINIATURA FAMOSOS *****/
  #famosoMini {text-align: left; padding: 10px 5px 20px 5px}
    .miniMarco {padding-right: 8px}
      .miniMarco img {border: #333 2px solid}
      .miniMarco img:hover {border: #F93 2px solid}
    .miniSpace {padding-bottom: 8px}

/***** LISTADO FAMOSOS *****/
.famosos {border: #063 1px solid; margin-bottom: 20px; padding: 15px 15px 30px 15px}
  .fondoStar {background: url(../objetos/estructura/star.png) no-repeat top right}
    .votacion {float: right; font-family: 'MS Serif', 'New York', serif; height: 28px; width: 28px; padding-top: 7px}

  .resumen {height: 80px}
    .marco {border: #063 1px solid; float: left; height: 70px; width: 70px; margin-right: 15px; padding: 0px}

    .descripcion {text-align: left}
      .descripcion h2 {font-size: 16px; padding-bottom: 10px}
      .descripcion p {font-size: 10px}

    .propiedades {padding: 2px}
	  .propiedades img {border: none}

      .iconLecturas {float: left; padding-top: 5px}
	  .lecturas {float: left; padding: 10px 0 0 5px}

    .redes {}
    .redes img {float: right}

/***** FAMOSO *****/
#famoso {border: #063 1px solid; padding: 15px}
  #marco {border: #063 1px solid; float: left; height: 70px; width: 70px; margin-right: 15px}

  #votacion1 {float: right; margin: 0 3px 0 8px}
  #votacion0 {float: right; margin: 0 3px 0 10px}
  #votado {float: right; font-size: 12px; color: #87BD84; padding: 0 10px 0 10px; font-style: italic}

  #introduccion {text-align: left; padding-bottom: 20px; height: 65px}
    #introduccion h2 {font-size: 16px; padding-bottom: 10px}
    #introduccion p {font-size: 10px}

  #datos {text-align: left; font-family: Tahoma, Geneva, sans-serif}
    #datos p {font-size: 10px; color: #074156}
    .resaltar {font-size: 11px; font-weight: bold; color: #060}
	.rTwitter {font-size: 11px; font-weight: bold; color: #34CCFF}
	.rFacebook {font-size: 11px; font-weight: bold; color: #3B5998}
	.rMyspace {font-size: 11px; font-weight: bold; color: #2357B7}

  #twitter_update_list {background: url('../objetos/estructura/fondoTwitter.png') no-repeat right bottom; list-style: square; padding-left: 20px}
    #twitter_update_list li {margin-bottom: 3px}
    #twitter_update_list a {color: #00AADF}
    #twitter_update_list a:hover {color: #34CCFF}

    .TweetStatus {font-size: 11px; font-family: Arial, Helvetica, sans-serif}
    .TweetTime {font-size: 9px; text-decoration: none}

  .webs {text-align: left; margin-top: 15px}
    .webs h2 {color: #CF5C03; font-size: 12px; border-bottom: #060 1px dotted ;margin-bottom: 10px}
    .webs p {font-size: 10px; color: #074156; font-family: Tahoma, Geneva, sans-serif}
	.webs a {color: #036}
	.webs a:hover {color: #09C}
	.Ivacio {color: #999}

  #social {border: #063 1px solid; padding: 15px; margin-top: 10px}
  #Adsense {text-align: left; border: #DDD 1px solid; padding: 5px; margin-bottom: 10px}
  #AdsenseTop {margin-top: 135px; height: 15px; text-align: right}

/***** BUSQUEDAS *****/
#busquedas {border: #F90 1px dotted; padding: 10px; margin-bottom: 20px}
  #bTiempo {float: right; font-size: 10px; color: #F90}
  #bInfo {padding-top: 15px; color: #333; text-align: left; font-family: "Times New Roman", Times, serif; font-size: 14px}
    #bClaves {color: #099}

  .bAdvance {font-size: 10px; padding-top: 5px; text-align: right}
    .bAdvance p {color: #8FA0AB; border-bottom: #8FA0AB 1px dotted}

  .bInput {height: 20px; width: 130px}

/***** NUMERACION *****/
#numeracion {padding: 10px 0 35px 5px}
  .numero a {margin-right: 2px; padding: 2px 7px; border: 1px solid #CCC; border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; float: left; display: block; text-decoration: none}
  .numero a:hover {background-color: #D98C08; display: block}
  .resaltarNum a {background-color: #D98C08}

/***** SECCION FECHA *****/
#fechaImagen {float: left; margin: 30px 0 0 20px}
#fechaForm {margin: 80px 30px 0 0; text-align: right}
#fechaEjemplo {color: #999; margin: 10px 20px 0 20px; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
#fechaDescripcion {color: #666; margin: 20px 20px 0 20px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 15px}