/* CSS Document | DW: este css se utiliza para el estilo general del sitio. */
html,*{margin:0;padding:0;border:0}
body{font-family:"Tahoma", Arial, Helvetica, sans-serif;font-size:.75em;color:#CCC;background:#000 url(../img/bg_body.jpg) center top no-repeat}
img{border:0;margin:0;padding:0}
a{color:#6CF;text-decoration:underline;outline:none}
a:hover,a:focus{text-decoration:none;color:#FC0}
.cls{clear:both;width:100%;height:1%}
.alinea_justificado{text-align:justify}
/* CONTENEDOR */
div#contenedor{position:relative;top:0;left:0;width:980px;height:600px;overflow:hidden;margin:0 auto}
/* LOGOTIPO */
h1#logotipo a{display:block;position:relative;top:0;left:0;width:300px;height:160px;margin:0 0 0 5px;text-indent:-9999px;background:url(../img/logotipo.jpg) left top no-repeat}
/* MENU */
div#menu{position:absolute;top:19px;right:25px;width:448px;height:auto;overflow:hidden}
div#menu ul{list-style-type:none;font:1.2em "Trebuchet MS",Geneva, Arial, Helvetica, sans-serif}
div#menu ul li{float:left}
div#menu ul li a{display:block;padding:1px 5px;text-decoration:none;text-indent:-9999px}
div#menu ul li a.party{width:65px;height:21px;background:url(../img/mn_party.jpg) left top no-repeat;margin-top:3px}
div#menu ul li a.inscribete{width:108px;height:21px;background:url(../img/mn_incribete.jpg) left top no-repeat}
div#menu ul li a.donde{width:75px;height:21px;background:url(../img/mn_donde.jpg) left top no-repeat}
div#menu ul li a.colaboradores{width:159px;height:21px;background:url(../img/mn_colaboradores.jpg) left top no-repeat}
div#menu ul li a.select,div#menu ul li a:hover{color:#FC0;background-position:left bottom}
/* CONTENIDO */
#contenido{position:relative;top:0;left:0;width:465px;height:auto;overflow:hidden;margin:20px 0 0 50px}
#contenido h3.NoFlash{font-size:1.2em;padding-top:120px;text-align:center}
#contenido p{padding:0 0 10px 0}
#contenido p.nota{font-size:0.9em;font-style:italic;color:#6CF}
#contenido strong{color:#FC0}
#contenido ul{margin:0 20px;list-style-position:outside;list-style-type:circle}
#contenido ul li{margin-bottom:7px}
/* MENSAJES */
.mensaje{position:absolute;top:200px;left:50%;width:320px;height:auto;overflow:hidden;margin:-5px 0 0 70px;padding:20px 30px;background:#FFF;color:#000}
.mensaje h2{font-size:1.5em;margin-bottom:10px}
.mensaje a{color:#069}
.mensaje a:hover{color:#06F}
.mensaje a.cerrar{display:block;position:absolute;top:20px;right:20px;height:20px;width:20px;background:url(../img/close.gif) left top no-repeat;text-indent:-9999px}
/* ERRORES */
#error{position:absolute;top:0;left:50%;width:380px;height:auto;overflow:hidden;margin:55px 0 0 70px;padding:0 0 10px 0;background:#FFF;color:#F00}
#error h2{font:1.4em "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;padding:7px 30px;background:#F00;color:#FFF}
#error p{padding:5px 30px 0 30px;font:0.9em "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif}
/* PIE DE PAGINA */
#pie{position:relative;top:0;left:0;width:100%;height:auto;text-align:center;font-size:1.1em}
/* ENVIAR A UN AMIGO. */
a.enviar_amigo{display:block;position:absolute;top:23px;left:334px;width:119px;height:120px;background:url(../img/bt_enviar_amigo.jpg) left top no-repeat;text-indent:-9999px}
a.enviar_amigo:hover{background-position:left bottom}
#enviar{position:absolute;top:163px;left:575px;width:368px;height:344px; background:url(../img/bg_enviar.jpg) left top no-repeat}
#enviar h2{font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF;padding:20px 40px 10px 40px}
#enviar p{font-size:12px !important;padding:10px 40px}
#enviar form.formulario{padding:0 40px}
#enviar form.formulario div{width:100%}
#enviar a.cerrar{display:block;position:absolute;top:20px;right:20px;width:20px;height:20px;background:url(../img/bt_cerrar.gif) left top no-repeat;text-indent:-9999px}
#enviar a.cerrar:hover{background-position:left bottom}
#enviar .error{color:#FFF;border:1px dashed #F00;margin-bottom:5px}