/* 
designed and programmed by Marcio Barrios Lesmes [marciobarrios@hotmail.com] 
"Sientete con la libertad de aprender viendo este cdigo,
lo nico que te pido es que respetes este sitio, es decir, 
la distribucin nica de elementos, tipografas, 
imgenes, colores,etc. no se puede reproducir."
"You can learn with this code, but you can't copy the unique combination 
of colors, elements, fonts, images..."

Marcio Barrios, www.mundocitas.com
*/
html{height:100%}
body{font:0.75em/1.5em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; color:#666; height:100%; text-align:center; margin:0; padding:0; background:url(/imagenes/bg.png) repeat-y center}
form{margin:3px 3px 3px 10px}
.menu{margin:3px 0 6px 20px}
fieldset{border:0; margin:5px 0; padding:0}
label{vertical-align:middle}
label span{color:#999}
select{margin:3px; font:1em arial,verdana,sans-serif; border-color:#ccc; color:#7ba505; vertical-align:middle}
optgroup{color:#333333; font-size:1.2em; font-style:italic; margin:2px}
option{color:#7ba505; font-size:1em}
input,textarea{font:1.2em arial,verdana,sans-serif; padding:2px; color:#7ba505; border: 1px solid #ccc; margin:3px 0 5px 0; background:#fff url(/imagenes/bg_in_text.gif) repeat-x top left; width:140px; vertical-align:middle} 
input:focus,input:hover,textarea:focus,textarea:hover{border:1px solid #666; background:#fff}
input#nick,input#pass{font-size:1em; padding:0 2px} 
input#buscador_menu{width:175px; margin-top:-1px}
.cursor{cursor:pointer}
input[type=submit]{width:100px; cursor:pointer; color:#06c; border-right:1px solid #999; border-bottom:1px solid #999}
input[type=submit]:hover{width:100px; color:#06c; cursor:pointer; border: 1px solid #ccc; border-left:1px solid #999; border-top:1px solid #999}
acronym,abbr{border-bottom:1px dashed #737373; cursor:help}
h1{font:2em "Gill Sans MT","Gill Sans",Gillsans,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; color:#666; margin:0; padding:0}
h2{font-size:1.9em; line-height: 1.4em; color:#333; padding:0; margin:10px; font-weight:normal}
h3,h4{font-size:1.4em; color:#888; margin:5px 10px; padding:0; font-weight:normal; line-height: 1.4em}
h3{font-size:1.4em; color:black}
h4{padding-bottom:2px; color:#333; /*text-transform:lowercase; font-variant:small-caps*/}
h5{font-size:1.5em; color:#444; margin:5px 5px 0 5px; font-weight:normal; font-variant:small-caps}
h6{font-size:1.1em; color:#D3649F; margin:5px; font-weight:normal}
p{margin:5px 10px 10px 10px; text-align:justify}
em{font:1.1em "Trebuchet MS",georgia,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; font-style:italic}
cite{color:#333}
blockquote{margin:0 15px 0 10px; color:#000; font:1.2em/1.5em "Trebuchet MS",georgia,verdana,sans-serif}
blockquote p{margin:0; padding:0}
dl{margin:10px; padding:0}
dt{font-size:1.2em; color:#000}
dd{text-align:left; margin:0; margin-bottom:20px; font-size:130%}
dd a{margin-right:10px; line-height:1.4em}
img{border:0}
li{margin-bottom:5px}
small{font-size:90%}
big{font-size:115%}
/*ENLACES*/
a{outline:none}
a:link{text-decoration:none; color:#06b}
a:visited{text-decoration:none; color:#09c}
a:hover,a:active {text-decoration:underline}
#contenido h2 a{color:black; text-decoration:none}
#contenido h5 a:link,#contenido h5 a:visited{color:#444; text-decoration:none}
#contenido h5 a:hover,#contenido h5 a:active{color:#000; text-decoration:none}
#cabecera a:link,#cabecera a:visited{text-decoration:none; color:#fff; padding:0 2px}
#cabecera a:hover,#cabecera a:active{text-decoration:none; color:#9AC530; padding:0 2px; background-color:#fff}
/*#contenido a.autor{color:black; text-decoration:none}*/
/*a.list:after{content: " [" attr(accesskey) "]"; color:#999}*/
#pie a:link,#pie a:visited{color:#999; text-decoration:none}
#pie a:active,#pie a:hover{color:#666; text-decoration:underline}
#contenido #direccion a:link,#contenido #direccion a:visited{color:#000; text-decoration:none; border:0}
#contenido #direccion a:hover,#contenido #direccion a:active{color:#000; text-decoration:underline; border:0}
#contenido ul.atributos li a:link,#contenido ul.atributos li a:visited,#contenido .cita p a:link,#contenido .cita p a:visited{text-decoration:none; color:#999; padding:0 6px; border:0}	
#contenido ul.atributos li a:hover,#contenido ul.atributos li a:active,#contenido .cita p a:hover,#contenido .cita p a:active{padding:0 5px; text-decoration:none; color:#DC2774; border:1px solid #ccc}
#contenido tfoot a:link, #contenido #nicks tfoot a:visited{color:#DC2774; text-decoration:none}
#contenido tfoot a:hover, #contenido #nicks tfoot a:active{background-color:#DC2774; color:#fff; text-decoration:none}
/*CLASES*/	
.code{font: 1em/1.1em "Courier New",Arial,Verdana,Tahoma,Helvetica, sans-serif; color:#c30; text-align:left; margin:10px}
.abecedario{margin-right:5px; display:inline}
.external {padding-right:11px; background:transparent url(/imagenes/external.gif) no-repeat 100% 70%}
.clear{clear:right}
.clearleft{clear:left}
.toggle{display:none}
input.login{width:60px}
input.go,input.go:hover{font-size:1em; width:24px; margin-left:0; margin-right:0; cursor:pointer; padding:0; margin-top:5px}
input.corto{width:24px; margin-left:3px}
input.radio{margin:0; padding:0; width:auto; border:0; background:none}
.maximo{width:90%}
.centrado{text-align:center}
.inline{display:inline}
.hidden{display:none}
.subrayado{padding:0; margin:0; background-color:#FFFF8A}
.resaltado{padding:2px 3px; /*background-color:#FFFFC0;*/ background-color:#FFFF8A}
.labels{padding-bottom:5px; vertical-align:middle}
.marginleft{margin-left:10px}
.gris{color:#666}
.verde{color:#093}
.rojo{color:#f00}
.justificado{text-align:justify}
.error{color:#f00; font-size:1.2em}
.ok,.ko{font-size:1.2em; border:1px solid #FFDF4A; margin:20px; padding:5px 10px 5px 5px; padding-left: 80px; min-height:65px}
* html .ok, * html .ko{height:65px}
.ko{color:#f00; background: #FFEA88 url(/imagenes/error.gif) no-repeat 10px}
.ok{color:#000; background: #FFEA88 url(/imagenes/alert.gif) no-repeat 10px}
.avatar{width:80px;border:0; margin:5px}
.load{height:20px; text-align:left; color:#DC2774; font-variant:small-caps; margin:10px; padding-left:40%; padding-top:5px; background: url(/imagenes/cargando.gif) no-repeat 38%}
.pdf{padding-left:20px; background:transparent url(/imagenes/pdf.png) no-repeat 0 0}
.book{padding-left:20px; background:transparent url(/imagenes/book.png) no-repeat 0 0}
.msn{padding-left:20px; background:transparent url(/imagenes/msn.png) no-repeat 0 0}
.bio{padding-left:20px; background:transparent url(/imagenes/bio.png) no-repeat 0 0}
.bullet{padding-left:13px; background:transparent url(/imagenes/bullet.png) no-repeat 0 50%}
.siguiente{float:right; width:80px; text-align:right}
.anterior{float:left; width:80px; text-align:left}
.biografia_div{padding-top:10px; padding-bottom:10px; margin:10px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1}
.nota{margin-top:10px; margin-bottom:20px}
.votar{float:right; width:200px; text-align:right; padding-right:5px}
#opciones{width:85px; height:20px; background:url(/imagenes/opciones.png) no-repeat; display:block; text-indent:-9999px; padding:0; margin:15px 0 0 10px}
#opciones_autor{border: 1px solid #e8e8e8; margin:0 10px 10px 10px}
* html .clear_ie{clear:both}
.ejemplo_link{margin-left:10px; margin-bottom:10px}
/*POSICIONAMIENTO*/
#estructura{width: 700px; margin: 0 auto; text-align:left; min-height:100%}
* html #estructura{height:100%}
#saltar_menu, #def_link a{display:none}
#cabecera{position:relative; text-align:right; background:url(/imagenes/top.jpg) no-repeat top right; width:700px; height:40px; margin:0; padding:0}
#cabecera #logo{position:absolute; top:0; left:0; background:url(/imagenes/logo.png) no-repeat; width:176px; height:40px;}
#cabecera h1{text-indent:-9999px;}
#cabecera ul, #pie ul{list-style-type:none; margin:0; padding:0; margin-bottom:5px;}
#cabecera ul#topmenu{position:absolute; top:0; right:0}
#cabecera li{list-style-type:none; display: inline; margin:5px; color:#888}
#cabecera ul#texto{margin:0; display:inline}
#cabecera ul#texto li{display:inline; margin:0}
#a{font-size:0.9em; text-transform:uppercase}
#aa{font-size:1.1em; text-transform:uppercase}
#aaa{font-size:1.3em;text-transform:uppercase}
/*MENU*/
#menu{width:250px; padding:0; margin: 0; float:left; background-color:white}
.box{margin:5px 5px 10px 10px; border:1px solid #f5f5f5; padding:0; width:230px}
.box li{background:url(/imagenes/bullet.gif) no-repeat}
#menu .box li a:link,#menu .box li a:visited{text-decoration:none; margin-left:18px; padding-left:2px; padding-right:2px; color:#737373;}
#menu .box li a:hover, #menu .box li a:active{text-decoration:none; margin-left:18px; padding-left:2px; padding-right:2px; color:#dc2774; background-color:#FBFFCF; border-bottom:1px solid #E9EFC2}
#estructura>#menu{margin-top:-5px}
#menu>.box{width:228px}
#citas{background:#fff url(/imagenes/bgboxcitas.png) no-repeat bottom right}
#citas:hover{background:#fff url(/imagenes/bgboxcitaso.png) no-repeat bottom right}
#usuarios{background:#fff url(/imagenes/bgboxusuarios.png) no-repeat bottom right}
#usuarios:hover{background:#fff url(/imagenes/bgboxusuarioso.png) no-repeat bottom right}
#citas h2{background:url(/imagenes/box_citas.gif) no-repeat 5px 3px; margin:0}
#usuarios h2{background:url(/imagenes/box_usuarios.gif) no-repeat 5px 3px; margin:0}
.box ul{margin:0 0 5px 15px; padding:0; list-style:none}
.box li{margin:0 0 3px 5px; padding:0}
.box li div{margin-left:5px}
.box h2{font:bold 1.1em arial,"Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; margin:0 0 0 5px; padding:0; color:#DC2774; text-transform:uppercase; width:100px; height:25px}
.box h2 span{display:none}
.box img{margin:5px 0 0 0; padding:0; border:0; vertical-align:top}
#banner{margin:0 10px; width:230px; text-align:center}
#banner a{text-align:center}
#banner img{margin:10px auto 5px auto; display:block}
#pie{clear:left; font:0.9em arial,sans-serif; color:#bbb; background-color:#fff; margin:0 auto; padding:5px 0; width:700px; text-align:center; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; color:#888}
#pie li{list-style-type:none; display: inline; color:#aaa; margin:2px 1px}
#pie span{color:#D9226C}
/*#pie li:before{content:" | "}
#pie li:first-child:before{content:""}*/
/*TODO LO RELACIONADO CN EL DIV CONTENIDO*/	
#contenido{margin:5px 0 0 250px; padding:0; border-left:1px solid #f5f5f5; border-top:1px solid #f5f5f5; text-align:left; min-height:840px; background-color:white}
* html #contenido{height:840px}
#contenido #direccion{padding:5px 0 5px 10px; color:#666; background-color:#fafafa; border-bottom:1px solid #F5F5F5; display:block}
#contenido #letras{padding:5px; border:1px solid #eee}
#contenido .directorio{width:215px; margin:0; padding:0; float:right}
#contenido img.foto{margin:5px 10px; width:80px; border:4px solid #eee; float:left}
#contenido div.adsense{margin:5px 10px; width:125px; float:left}
#contenido div.adsense2{margin:5px 10px; width:125px; margin-bottom:15px}
#contenido img.foto2{margin:0 10px; width:60px; border:0; float:left}
.votos{margin:0  10px; width:50px; height:10px; border:0}
#contenido .cita{text-align:left; background:#fff url(/imagenes/bgcita.png) no-repeat 5px 10px; padding:15px 0 0 35px}
#contenido .cita ul.atributos{list-style-type: none; margin: 5px 0 0 0; padding: 0; overflow:hidden; height:1%}
* html #contenido .cita ul.atributos{height:25px; padding-top:3px}
#contenido .cita ul.atributos li{color:#999999; float:left; margin:0pt 5px 0pt 0pt; padding:0pt 2%; width:44%}
#citas_pagina{float:right; width:200px; text-align:right; padding-right:5px}
#contenido ul{margin-right:10px}
.separador{background:#fff url(/imagenes/line.png) no-repeat center 40%; height:40px}
.comentarios{text-align:left; width:75%; color:#888; background:#f7f7f7 url(/imagenes/comentarios.gif) no-repeat top right}
form.nomargin{margin:0}
#contenido .insercion{margin-bottom:10px; padding-top:10px; padding-bottom:10px; background:#fff url(/imagenes/bg_in_text.gif) repeat-x top left; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
#contenido #registro label{display:block; color:#333; margin:0; margin-top:10px}
#contenido #registro label.inline{display:inline}
#contenido #registro fieldset{margin:10px 0}
#contenido br{line-height:17px}
#contenido #nicks, #contenido #foro_respuestas{width:420px; border:1px solid #eee; margin:10px 0 10px 10px; padding:0; color: #666; text-align:center}
#contenido tr, #contenido td, #contenido th{padding:0; margin:0}
#contenido th.centrado{text-align:center}
#contenido td p, #contenido th p{padding:0; margin:4px}
#contenido caption{text-align:center; font-size:1.1em; color:#000}
#contenido thead tr{color:#333; font-weight:bold}
#contenido tbody tr{background-color: #fafafa; border:1px solid #eee}
#contenido tbody tr.par{background-color: #FBF4F9}
#contenido .pregunta{background-color:#FBF4F9}
#contenido #nicks tbody tr:hover, #contenido #usuarios tbody tr.impar:hover{background-color: #fff/*#F2F9FF*/}
#contenido .nombre{width:100px}
#contenido .sexo{width:85px}
#contenido .procedencia{width:95px}
#contenido .fecha{width:95px}
#contenido tfoot tr{background-color:#f5f5f5; color:#333}
#contenido tfoot tr td{padding:3px 0}
#contenido .perfil{width:30%; text-align:left}
#contenido #citas_usuario{height:150px; overflow:auto; border:1px solid #ccc; margin:10px}
#contenido .mensaje{width:70%}
#contenido .perfil img{width:80px; border:0}
#contenido .libro{background-color:#fafafa; border:1px solid #EFD3E7; margin:5px 10px; color:#888}
#contenido .libro:hover{background-color:#FBF4F9}
#contenido .peke{font-size:0.9em; color:#aaa; margin:0 5px; border-bottom:1px dotted #ccc; font-weight:normal}
#contenido .peke2{font-size:0.9em; color:#aaa; margin:0 5px; font-weight:normal}
#foro{margin-top:10px; list-style-type:square}
#foro li{margin:10px 0}
.foro_respuestas{}
#personal{width:200px; float:left}
#mensaje{margin-left:200px}
#label_mail{margin-top:0; margin-bottom:15px}
#accesskeys li, #tabs li{margin:5px 0}
#derecha{float:right; width:225px}
#datos_web img{margin:5px 10px; width:80px}
#datos_web p{margin-top:3px; margin-bottom:3px}
#datos_web ul{list-style:none; margin:10px; padding:0}
#datos_web li{margin-top:3px; margin-bottom:10px}
#datos_web li span{color:#9C0063}
#boletin{margin:10px; background-color:#FBF4F9; border:1px solid #EFD3E7; clear:right; text-align:center}
#cuadro_features{font-size:1.2em; color:#E45A95; padding:0; margin:10px}
#cuadro_features p{padding:5px; border:1px solid #e8e8e8; margin:0; text-align:center}
#info{width:85px; height:20px; background:url(/imagenes/info.png) no-repeat; display:block; text-indent:-9999px; padding:0; margin:0}
#cuadro_features strong{font-size:1.3em; color:#D0226C}
.altbox,#libros{margin:10px; margin-bottom:15px}
.altbox p,#libros p{margin:0; padding:0; margin-bottom:.3em}
#libros a img{margin-left:10px}
.altbox a{margin-left:10px}
.altbox #adsense{text-align:center; margin:10px}
.paginacion{text-align:center; padding:5px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:10px}
#info_buscar{font-size:.9em; color:#999; font-style:italic; padding-left:20px; margin:0 5px 5px 0; line-height:12px; text-align:left}
.clearfix:after {content: "."; display: block;  height: 0;  visibility: hidden; /*clear:both;*/ padding-bottom:20px;}
.clearfix {display: inline-table}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*leighbtox*/
.lightbox{display: none; position: absolute; z-index:5000; width:670px; height:370px; margin-left:-335px; margin-top:-185px; top:50%; left:50%; color: #333; padding: 1em; border: 1em solid #B8B8B8; background-color: white; text-align: left; overflow: auto;}
#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:#333; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}