*     {padding:0px;margin:0px}
a     {text-decoration:none}
a:hover img {filter: alpha(opacity=50); opacity: .5;} 


body  {width:990px;margin:0 auto;background:#000;font:11px arial;color:#333;letter-spacing:0px}

/* GENERAL CSS */

#contenido  {}

#promo1     {position:absolute;width:200px;height:70px;margin-left:780;margin-top:-20px;padding:0px;background:#ccc;}
#promo2     {position:absolute;width:198px;height:215px;margin-left:780;margin-top:55px;padding:0px;background:#333;border:1px solid #fff}
#promo2 p   {font:normal 1.2em arial;color:#fff;padding:0.3em 0.8em}
#promo2 h2  {font:bold 1.1em arial;color:#fc0;padding:0 1em}


#promo3     {position:absolute;width:200px;height:140px;margin-left:780;margin-top:280px;padding:0px;background:#666}
#promo3 h2  {font:bold 0.9em verdana;color:#fff;padding:5px 10px 2px}
#promo3 p   {font:normal 1em arial;color:#fff;padding:0px 10px}
#promo3 a   {color:#fc0}
*html #promo2_txt {width:200px;height:65px;}

#patrocinador {position:absolute;margin-left:780px;margin-top:465px;padding:0px;}

/* ENLACES */
a:hover {color:#000;text-decoration:underline}
a.menu:hover   {color:#fc0;text-decoration:none}
a.menuon:hover {color:#fff;text-decoration:none}
a.menuinf:hover   {color:#fc0;text-decoration:none}
a.menuinfon:hover {color:#fff;text-decoration:none}
a.amarillo:hover {color:#ccc;text-decoration:underline}
.negro, .rojo, .blanco, a.amarillo, .gris, .menuinf {font:11px arial;text-decoration:none;}
.negro          {color:#333;}
.rojo           {color:#900;}
.blanco         {color:#fff;}
.menuinf        {color:#fff;}
.menuinfon       {color:#fc0;text-decoration:none}
a.amarillo      {color:#fc0;text-decoration:none;}
.gris           {color:#ccc;}
.negroup, .grisup, .rojoup, .blancoup, .amarilloup, a.menu , a.menuon {font:bold 9px verdana;text-transform:uppercase;text-decoration:none;}
.negroup {color:#000;}
.grisup  {color:#666;}
.rojoup  {color:#900;}
.rojoup  {color:#900;}
.blancoup{color:#fff;}
.amarilloup{color:#fc0;}
a.menu   {color:#fff;}
a.menuon {color:#fc0;}

a.fotito:hover   {width:100;height:60px;background:#fff;padding:2px;}
a.fotito         {width:100;height:60px;background:#000;padding:2px;}

a.thumbnail         {width:40;height:30px;}

a.flechas:hover   {background:#000;}
a.flechas         {background:#900;}

/* CABECERA CSS */
#cabecera1  {width:100%;height:10px;}
.logo1      {position:absolute;}
#cabecera2  {width:100%;height:19px;}
.logo2      {position:absolute;}
.menuppal   {position:absolute;margin-left:180px;margin-top:5px}
#cabecera3  {width:100%;height:20px;}
.logo3      {position:absolute;width:180px;background:#3d454f;}
.lema       {position:absolute;margin-left:180px;width:590px;height:15px;padding-top:5px;background:#3d454f;}
*html .lema {height:20px;}

/* PIE CSS */
#pieportada  {width:770px;height:50px;padding-top:145px;text-align:center;}
#pieinterior {position:absolute;width:770px;height:20px;margin-top:400px;text-align:center;}

/* PORTADA CSS */
#fotoportada       {width:750px;padding:10px;background:#fff;}
*html #fotoportada {width:770px;}
#dest1             {position:absolute;width:160px;height:140px;margin-left:0px;background:#fff;}
#dest2             {position:absolute;width:160px;height:140px;margin-left:165px;background:#fff;}
#dest3             {position:absolute;width:160px;height:140px;margin-left:330px;background:#fff;}
#dest4             {position:absolute;width:275px;height:140px;margin-left:495px;background:#fff;}
#destexto1         {position:relative;width:160px;padding:10px;}
#destexto2         {position:relative;width:270px;padding:5px;}
*html #destexto1   {width:150px;}
*html #destexto2   {width:265px;}

/* INTERIOR CSS */
#lateral{position:absolute;width:250px;height:395px;background:#3d454f;}
#lateraltexto{position:relative;width:230px;padding:10px;}
*html #lateraltexto{width:250px;}
#principal{position:absolute;width:515px;height:370px;margin-left:255px;background:#fff;}
#scroll{position:absolute;width:500px;height:350px;margin:10px 0px 10px 15px;overflow:auto;scrollbar-3dlight-color:#999;scrollbar-arrow-color:white;scrollbar-base-color:#999;scrollbar-darkshadow-color:#999;scrollbar-face-color:#999;scrollbar-highlight-color:white;scrollbar-shadow-color:white;}
#scroll2{position:absolute;width:224px;height:340px;margin:10px 0px 10px 15px;overflow:auto;scrollbar-3dlight-color:#999;scrollbar-arrow-color:white;scrollbar-base-color:#999;scrollbar-darkshadow-color:#999;scrollbar-face-color:#999;scrollbar-highlight-color:white;scrollbar-shadow-color:white;}
.scrolltexto{width:480px;padding-right:0px}
#barra{position:absolute;width:515px;height:20px;margin-top:375px;background:#666;text-align:center}



/* ARTISTAS CSS */
.artistas        {width:100%;clear:both}
.artista         {padding-bottom:10px;float:left;font:bold 9px verdana;color:#999}
.artista img     {width:100px;height:60px;border:1px solid #000;margin-right:15px;display:block}
.artista a       {font:bold 9px verdana;color:#900;display:block}
.artista a:hover {color:#333;}

/* ARTISTAS DESPLEGABLE CSS */
#navegacion{height:20px}
#nombre{position:absolute;width:250px;height:20px;background:#3d454f;}
.nombrelogo{position:absolute;width:95px;}
.nombretexto{position:absolute;margin-left:95px;padding-top:4px}
#galerias{position:absolute;width:255px;height:20px;margin-left:255px;}
.desplegable {font:bold 9px verdana;color:#3d454f;background:#ccc;width:255px;height:19px;}
#presentacion{position:absolute;width:250px;height:20px;padding-top:2px;margin-left:520px;background:#fc0;text-align:center;}
* #presentacion{height:19px;}

/* PORTFOLIO CSS */
#portfoliofotos{height:380px;}
#postal{position:absolute;width:510px;height:380px;padding-top:10px;background:#fff;text-align:center}

/* MINIATURAS */
#miniaturas{position:absolute;width:250px;height:380px;padding:0px;margin-left:520px;background:#eee;visibility:visible;}

#miniaturastextos{position:absolute;width:250px;height:385px;margin-left:520px;visibility:hidden;}
#miniascroll{width:250px;height:365px;background:#ccc;overflow:auto;scrollbar-3dlight-color:#999;scrollbar-arrow-color:white;scrollbar-base-color:#999;scrollbar-darkshadow-color:#999;scrollbar-face-color:#999;scrollbar-highlight-color:white;scrollbar-shadow-color:white;}
#miniascrolltexto{width:220px;padding-left:10px;}

#piedefoto{position:absolute;width:510px;height:20px;padding:0px;margin-top:375px;background:#fff;}
.numeracion{position:absolute;width:510px;padding-top:3px;text-align:center;font-weight:bold}
.atrasar{position:absolute;margin-left:15px;padding-top:3px;z-index:3}
.avanzar{position:absolute;margin-left:483px;padding-top:3px;;z-index:3}
#diapositivas{position:absolute;width:250px;height:18px;padding-top:2px;margin-top:375px;margin-left:520px;background:#fff;}
#petacho{position:absolute;width:250px;height:5px;padding:0px;margin-top:368px;margin-left:520px;background:#000}
#opiniones{position:absolute;width:230px;height:350px;padding:10px;margin-left:520px;background:#eee;font:10px verdana;overflow:auto}
*html #opiniones{width:250px;height:370px;}
*html #diapositivas{height:20px;}
#opiniones p{margin-top:10px}
#opiniones b{font:bold 9px verdana;text-transform:uppercase;color:#999;padding-left:10px}
#opiniones p b{padding-left:0px}

/* FORMULARIOS */
.campo {width:218px;height:19px;border:#333 1px solid;background-color:#fff;font:11px arial;}
.campito {width:80px;height:19px;border:#333 1px solid;background-color:#fff;font:11px arial;}
.comentario {width:458px;height:180px;border:#333 1px solid;background-color:#fff;font:11px arial;}
.opina {width:218px;height:180px;border:#333 1px solid;background-color:#fff;font:11px arial;}

/* DIAPOSITIVAS */

a.dinombre {font:bold 9px verdana;color:#fc0;text-transform:uppercase;text-decoration:none;}
a.dinombre:hover {color:#ccc;}
a.dialbum {font:bold 9px verdana;color:#ccc;text-transform:uppercase;text-decoration:none;}
a.dialbum:hover {color:#fff;}
a.album {font:bold 9px verdana;color:#fff;text-transform:uppercase;text-decoration:none;}
a.album:hover {color:#ccc;}
a.nombre {font:bold 9px verdana;color:#ccc;text-transform:uppercase;text-decoration:none;}
a.nombre:hover {color:#fff;}
a.divolver {font:bold 9px verdana;color:#fc0;text-decoration:none;}
a.divolver:hover {color:#fff;}

.dinumero{font:bold 9px verdana;color:#fff;text-decoration:none;}
.ditotal {font:bold 9px verdana;color:#fff;text-decoration:none;}
.dititulo {font:bold 9px verdana;color:#999;text-transform:uppercase;text-decoration:none;}
.ditexto {font:11px verdana;color:#999;text-decoration:none;}

.titulo {font:bold 9px verdana;color:#333;text-transform:uppercase;text-decoration:none;}
.texto {font:11px arial;color:#000;text-decoration:none;}
a.enlace {font:11px arial;color:#900;text-decoration:none;}
a.enlace:hover {color:#333;}

#submenu         {font:bold 9px verdana;color:#fc0}
#submenu a       {color:#999;padding-right:25px;text-decoration:none}
#submenu a:hover {color:#fc0}
#submenu a.on    {color:#fc0}