@font-face {
font-family: "TrajanPro-Regular";
src: url(http://www.listapersonal.com/ttf/TrajanPro-Regular.otf);
}

@font-face {
font-family: "TrajanPro-Bold";
src: url(http://www.listapersonal.com/ttf/TrajanPro-Regular.otf);
}

@font-face {
font-family: "Tahoma";
src: url(http://www.listapersonal.com/ttf/tahoma.ttf);
}


body
{
background: url(../images_css/fondo_body.png) 0 0 repeat;
margin: 0px 0px 0px 0px;
font-family:Tahoma, Geneva, sans-serif;
color:#444444;
font-size:12;
margin:0px 0px;
padding:0px 0px;
}

tr
{
border:none;
border-collapse:collapse;
border-width:0px;
}

#tabla_maqueta
{
width:830;
align:center;
border-collapse:collapse;
border:0px;
overflow:hidden;
}

#tabla_banner
{
height:300px;
max-height:300px;
width:830px;
max-width:830px;
border:none;
overflow:hidden;
margin:0px 0px;
}

#tabla_izq_medio
{
width:28px;
max-width:28px;
min-width:28px;
border:none;
empty-cells:show;
overflow:hidden;
}

#tabla_menu_izquierdo
{
background-color:#a7a191;
width:198px;
max-width:198px;
min-width:198px;
overflow:hidden;
border:none;
}

#tabla_contenido
{
/*border-top:4px solid #d3cbb4;*/
background-color:#e6e0d2;
width:598px;
max-width:598px;
min-width:598px;
overflow:hidden;
border:none;
}

#tabla_izq_pie
{
width:30px;
border:none;
overflow:hidden;
}

#tabla_pie
{
width:800px;
background-color:#660033;
color:#FFFFFF;
text-align:center;
font-size:10;
font-family:Tahoma, Geneva, sans-serif;
border:none;
overflow:hidden;
}


/*aca empiezan las listas*/
div.como_funciona
{
margin-left:20px;
margin-top:20px;
width:527;
height:100%;
}

div.como_funciona li
{
margin-bottom:15px;
}

div.como_funciona span
{
display:block;
float:left;
height:100%;
text-align:right;
margin-right:10px;
border-bottom:2px solid white;
width:25;max-width:25;min-width:25;
font-family: "TrajanPro-Regular";color:#660033;font-size:12px;
}

div.menu
{
width:150px;
padding:0px;
margin:10px 10px 10px 20px;
}

ul.menu
{
list-style:none;
margin:0px;
padding:0px;
}

ul.menu li
{
margin:0px;
margin-top:2px;
padding:0px;
}

ul.menu a
{
display:block;
}

ul.menu a
{
position:relative;
height:20px;
width:170px;
display:block;
}

ul.menu a img
{
position:absolute;
clip:rect(0px,170px,20px,0px);
border:none;
}

ul.menu a.activo img
{
position:absolute;
left:-170px;
clip:rect(0px,340px,20px,170px);
}

ul.menu a:hover img
{
position:absolute;
left:-170px;
clip:rect(0px,340px,20px,170px);
}

ul.submenu
{
background:none;
list-style:none;
margin:0px;
margin-left:10px;
padding:0px;
}

ul.submenu li
{
background:none;
padding:0px;
margin:0px;
}

ul.submenu a
{
background:none;
color:white;
padding:0px;
margin:0px;
}

ul.submenu a.activo
{
color:#660033;
background:none;
}

ul.submenu a:hover
{
color:#660033;
background:none;
}




/*la lista del menu de arriba*/

.menu_arriba
{
float:right;
margin:0px;
padding:0px;
list-style:none;
}

.menu_arriba li
{
float:left;
margin:5px;
padding:0px;
height:42px;
}

.menu_arriba li a
{
position:relative;
margin:0px;
float:left;
height:42;
width:103;
}

.menu_arriba li a img
{
border:none;
position:absolute;
clip:rect(0px,104px,42px,0px);
}

.menu_arriba li a.activo img
{
position:absolute;
left:-104px;
clip:rect(0px,208px,42px,104px);
}

.menu_arriba li a:hover img
{
position:absolute;
left:-104px;
clip:rect(0px,208px,42px,104px);
}


.menu_arriba li a img:hover
{
position:absolute;
left:-104px;
clip:rect(0px,208px,42px,104px);
}


.contacto
{
margin:0px 0px 20px 30px;
padding:0px;
}

.contacto span
{
width:170px;
min-width:170px;
margin:0px;
padding:0px;
display:inline-block;
}


.contacto span a
{
position:relative;
}

.contacto span a img
{
position:absolute;
clip:rect(0px,170px,20px,0px);
border:none;
cursor:pointer;cursor:hand;
}

.contacto span a:hover img
{
left:-170px;
clip:rect(0px,340px,20px,170px);
border:none;
cursor:pointer;cursor:hand;
}

.contacto span a img:hover
{
left:-170px;
clip:rect(0px,340px,20px,170px);
border:none;
cursor:pointer;cursor:hand;
}

.contacto span a.actual img
{
left:-170px;
clip:rect(0px,340px,20px,170px);
border:none;
cursor:pointer;cursor:hand;
}


.parametros_participacion
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:500px;
font-size:12px;
border:1px solid #660033;;
}

.solapas
{
margin-bottom:0px;
}

.solapas ul
{
margin-bottom:0px;
margin-left:0px;
}

.solapas ul li
{
display:inline-block;
}

.solapas ul li a
{
background:url(../images_css/boton1.png) 0 0 repeat-x;
color:#FFFFFF;
cursor:pointer;cursor:hand;
padding:3px;
}

.solapas ul li a.actual
{
background:url(../images_css/boton1in.png) 0 0 repeat-x;
color:#660033;
cursor:pointer;cursor:hand;
}

/*listado de beneficios*/
ul.lista_ventajas
{
list-style-image:url('/images_css/flecha_der.png');
}

ul.lista_ventajas li
{
margin:2px;
}

ul.lista_ventajas li p
{
margin:0px;
}

/*listado comun*/

ul.lista {list-style-image:url('../images_css/tilde_chico.gif');}

.lista li {margin-bottom:2px;}

ul.lista_expandida {list-style-image:url('../images_css/tilde_chico.gif');}

.lista_expandida li
{
margin-bottom:2px;
}

.lista_expandida div
{
margin:10px 0px;
padding:5px;
background-color:#EEEEEE;
border-bottom:2px solid #CCCCCC;
}


/*Estilos de cuadros*/

div.mensaje_error {text-align:center;background-color:#FF9999;width:400px;margin:auto;margin-top:10px;margin-bottom:10px;padding:10px;border:2px solid red;}
div.mensaje_error_login {text-align:center;background-color:#FF9999;margin-top:10px;margin-bottom:10px;padding:10px;border:2px solid red;}
div.mensaje_ok {text-align:center;background-color:#99FF99;width:300px;margin:auto;margin-top:10px;margin-bottom:10px;padding:10px;border:2px solid green;}

div.mensaje_aviso {text-align:center;background-color:#FFFF99;width:400px;margin:auto;margin-top:10px;margin-bottom:10px;padding:10px;border:2px solid #cccc66;}

ul.cel
{
list-style-image:url('../images_css/cel.gif');
}

ul.tel
{
list-style-image:url('../images_css/tel.gif');
}

ul.sobres
{
list-style-image:url('../images_css/sobre.gif');
}
li.sobres
{
line-height:150%;
}

/*tablas*/
table.perfil
{
width:550px;
margin:0px;
margin-bottom:10px;
border-collapse: collapse;
padding:0px;
font-size:12px;
}


table.perfil td
{
margin:0px;
padding:0px;
}


table.perfil tr.encabezado
{
margin:0px;
padding:0px;
}



table.perfil tr td table
{
border-collapse: collapse;
}

table.perfil tr td table tr td
{
border: none;
margin:0px;
padding:0px;
}

/*Algunos divs*/

.regalo_estado_
{
background-color:#CCCCCC;
border:1px solid #999999;
margin:5px;
padding:2px 2px;
}

.regalo_estado_confirmado
{
background-color:#CCCCCC;
border-bottom:1px solid #444444;
margin:0px;
padding:2px 2px;
}

.regalo_estado_confirmado_domicilio
{
background-color:#0054FF;
border-bottom:1px solid #444444;
margin:0px;
padding:2px 2px;
}

.regalo_estado_confirmado_transferencia
{
background-color:#FFFF00;
border-bottom:1px solid #444444;
margin:0px;
padding:2px 2px;
}

.regalo_estado_pendiente
{
background-color:#CCE6CC;
border-bottom:1px solid #444444;
margin:0px;
padding:2px 2px;
}

.regalo_estado_pendiente_domicilio
{
background-color:#8CCEDC;
border-bottom:1px solid #444444;
margin:0px;
padding:2px 2px;
}

.regalo_estado_pendiente_transferencia
{
background-color:#E0FF7B;
border-bottom:1px solid #444444;
margin:0px;
padding:2px 2px;
}

.regalo_estado_exito
{
background-color:#CCFFCC;
border-bottom:1px solid #444444;
margin:0px;
padding:2px 2px;
}

.rsvp
{
/*border:2px solid #9b2d50;*/
background:white;
width:400px;
margin:20px;
padding:20px;
}

.rsvp textarea
{
text-align:center;
margin-left:25;
margin-right:25;
width:350px;
height:100px;
}

.rsvp p
{
text-align:center;
}

div.beneficio
{
/*border:2px solid #9b2d50;*/
float:left;
width:520px;
margin:20px 20px 20px 20px;
padding:0px 0px 0px 0px;
}

div.beneficio h1
{
background-color:#9b2d50;
border-top:1px solid #9b2d50;
border-bottom:15px solid #d03e6d;
margin:0px 0px 0px 0px;
}

div.beneficio h1 span
{
color:white;
font-size:16px;
display:block;
padding:10px 10px 10px 10px;
border-bottom:1px solid #e7e1d3;
}

div.beneficio p
{
margin:10px 10px 10px 10px;
}

div.beneficio .foto_perfil_beneficio
{
float:right;
width:200px;
max-width:200px;
margin:15px;
}

div.busqueda
{
margin-top:10px;
width:548px;
background-color:#a7a191;
border:1px solid #a7a191;
color:#FFFFFF;
overflow:hidden;
}

div.busqueda div
{
margin:5px;
}

div.busqueda div span
{
font-size:14px;
}

div.busqueda div div
{
margin:5px;
}


div.busqueda_novios
{
width:550px;
background-color:#a7a191;
border:1px solid #a7a191;
font-size:18px;
color:#FFFFFF;
}

div.busqueda_novios p
{
margin:2px 5px 2px 5px;
}

div.busqueda_novios input
{
border:none;
margin:2px 5px 2px 5px;
}

/*algunos spans*/
.filtro_busqueda
{
display:inline-block;
padding:2px 2px 2px 2px;
border:1px solid #888888;
background-color:#cccccc;
}

/* listados generales */

table.listado
{
width:90%;
border-collapse: collapse;
border:none;
}

.listado tr
{
border-bottom:1px dotted black;
}

.listado tr:hover
{
background-color:#888888;
border-bottom:1px dotted black;
}

.listado th
{
background-color:#F0F0F0;
border-bottom:2px solid #444444;
}

/*cuadro de registro*/
table.registro
{
margin-top:10px;
background-color:#F0F0F0;
border:3px solid #BBBBBB;
width:400px;
font-size:14;
font-family:Tahoma, Geneva, sans-serif;

}

table.registro td
{
font-size:14;
font-family:Tahoma, Geneva, sans-serif;

}

table.inicio
{
background-color:#F0F0F0;
border:4px solid #BBBBBB;
width:250px;

}

/*otros estilos*/
iframe.cuadro_agregar
{width:100px;
height:20px;
border:1px solid red;
}

.ficha_proveedor_nombre
{
font-size:18px;
display:block;
margin-top:5px;
margin-bottom:5px;
}

.ficha_proveedor_comentario
{
font-size:14px;
display:block;
margin-top:5px;
margin-bottom:5px;
}

/*aca empiezan las etiquetas comunes*/

td
{vertical-align:top;
}

img.fotoperfil
{
margin:10px;
}

iframe
{
width:100%;
height:300px;
border:none;
}

h2
{
color:#333333;
text-align:left;
font-size:14;
font-weight:900;
}

h3
{
color:#333333;
text-align:center;
font-size:14;
font-family:Tahoma, Geneva, sans-serif;
}

div
{
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;}

p
{
line-height:140%;
text-align:justify;
font-size:12px;
font-family:Tahoma, Geneva, sans-serif;
}

a.blanco {color:#ffffff;font-weight:bold;}

a
{
color:#660033;
text-decoration:none;
font-size:12;
font-family:Tahoma, Geneva, sans-serif;
}

input
{
border:1px solid white;
font-size:12;
font-family:Tahoma, Geneva, sans-serif;
}

input:hover {border:1px solid #9b2d50;}
input:active {border:1px solid #9b2d50;}
input:focus {border:1px solid #9b2d50;}

select
{
border:1px solid white;
font-size:12;
font-family:Tahoma, Geneva, sans-serif;
}

select:hover {border:1px solid #9b2d50;}
select:active {border:1px solid #9b2d50;}
select:focus {border:1px solid #9b2d50;}

textarea
{
border:1px solid white;
font-size:12;
font-family:Tahoma, Geneva, sans-serif;
}

textarea:hover {border:1px solid #9b2d50;}
textarea:active {border:1px solid #9b2d50;}
textarea:focus {border:1px solid #9b2d50;}



