@charset "utf-8";
/* CSS Document */

/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, font, img,
strong, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
} 

input, textarea {
     margin: 0;
     padding: 0;
}

/* ESTILOS GENERALES */
#contenedor {
	width:500px;
	background-color:#F6F6F6;
	color:#1A1A1A;
	background-image:url(images/backtablagen.gif);
	background-repeat: repeat-x;
	margin-bottom:2px;
	margin-top:2px;
}
.pagination {
	background:#EDEDEE;
	width:100%;
	height:24px;
	text-align:center;
	text-transform:uppercase;
	margin-top:3px;
	margin-bottom:3px;
	padding-top:2px;
	padding-bottom:2px;
	color:#000000;
}
.tablageneral {
	background-color:#F6F6F6;
	background-image:url(images/backtablagen.gif);
	background-repeat: repeat-x;
	margin-bottom:2px;
	margin-top:2px;
	color:#1A1A1A;
	padding:3px;
}
.tablamemb {
	background-color:#F6F6F6;
	background-image:url(images/backtablagen.gif);
	background-repeat: repeat-x;
	margin-bottom:2px;
	margin-top:2px;
	color:#1A1A1A;
	padding:5px;
	border:1px solid #000000;
}
.listas {
	margin-left:40px;
	list-style-image: url(images/li.gif);
	font-size:18px;
}

.menulat {
	margin-top:5px;
	background-repeat:no-repeat;
}
/* LINKS */
A {
	text-decoration:none;
}
A:hover{
	text-decoration: underline;
}

A.linkmenu {
	text-decoration:none;
	color: #FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
}
A.linkmenu:hover {
	text-decoration: underline;
}

A.linkchico {
	font-size:9px;
	font-weight:bolder;
	text-decoration: none;
	color: #FFFFFF;
}
A.linkchico:hover {
	text-decoration: underline;
}

/* ESTRUCTURA */

body {
	background-color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
#heads {
	height:22px;
	background-image:url(images/headsbg.gif);
	margin-top:5px;
}
#login {
	padding:10px;
	vertical-align:middle;
}
#frontpage {
clear:both;
width:900px;
}
/*frente arriba*/
#inicio {
	overflow:auto;
	height:300px;
	background-image:url(images/inicio.png);
	background-repeat:no-repeat;
	background-position:right;
}
.reglon{
	line-height:20px;


}
/*frente abajo*/ 
#adicional {
clear:both;
width:900px;
}
#wrapper {
	width: 900px;
	margin: auto;
}
#top {
	width: 900px;
	height:100px;
	background-image:url(images/cabecera.gif);
}
#contenido {
	background-color:#1C1C1D;
	overflow:auto;
	margin:0px;
	width:900px;
	height:100%;
	}
#left_col {
	position:relative;
	float:left;
	width:160px;
}
#center_col {
	position:relative;
	float:left;
	margin-left:5px;
	width:500px;
}
#der_col {
	position:relative;
	float:left;
	margin-left:5px;
	margin-top:5px;
	width:230px;
}
#wide{
	position:relative;
	width:880px;
	margin-left:10px;
}
#footer {
	height:112px;
	clear:both;
	background-image:url(images/pie.gif);
	background-repeat:no-repeat;
}
#fotologin {
	width:50px;
	height:50px;
	overflow:hidden;
}
/* MENU */
#menu {
	width: 900px;
	margin-top:5px;
	background: url(images/menubg.gif) center;
	height:28px;
}
/* TEXTOS */

.texto {
	font-family:Arial, Helvetica, sans-serif;
	color: #F2F2F2;
}
H1 {
	font-size:14px;
	font-weight: bold;
	text-transform:uppercase;
	margin-left:5px;
}
.grande H1 {
	font-size:19px;
}
H2 {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#1E1E1E;
}
H3 {
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	color: #FFFFFF;
	margin-left:5px;
}

.txtchico {
	font-size:7px;
}
.tip {
	padding:5px;
	background-color:#fffff2;
	color:#000000;
}
/* RESULTADOS DE BUSQUEDA (USER_FIELD.PHP) */
.foto_userfield{
	overflow:hidden;
	width:100px;
	height:100px;
}

/* MI CUENTA (CUENTA.PHP) */
#micuenta {
	margin-left:10px;
	width: 880px;
}
/* SCAPADAS */
#scapadas {
	height:240px;
	background-image:url(images/scapadas.png);
	background-repeat:no-repeat;
	background-position:right;
	padding:5px;
}
.aviso {
	border:1px solid #CCCCCC;
	background-color:#FFFFCC;
	width:478px;
	opacity: 0.70;
    filter:alpha(opacity=70);
    moz-opacity:0.7;
	padding:3px;
}
.usermsg {
	border:1px solid #CCCCCC;
	background-color:#FFFFCC;
	width:97%;
	padding:3px;
	margin-bottom:5px;
}

/* ENCUESTAS */
#encuestas{
	width:150px;
	height:200px;
	background-image:url(images/backencuesta.png);
	background-repeat:no-repeat;
	padding:5px;
	color:#1A1A1A;
	overflow:hidden;
	}
#encuesta {
	overflow:hidden;
}

/* FOTOS */
.fotos {
	position:relative;
	overflow:hidden;
	width:100px;
	height:120px;
}
.fotos70{
	position:relative;
	overflow:hidden;
	width:70px;
	height:90px;
}
.subfotos{
	overflow:hidden;
	background:#000000;
	margin-top:-3px;
	padding:3px;
	height:14px;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:10px;
	text-transform:uppercase;
}

/* CHAT */
#mensajero_titulo{
	padding:3px;
	height:16px;
	background:url(images/headsbg.gif);
}
#estado{
	padding:2px;
	background-color:#F6F6F6;
	background-image:url(images/backtablagen.gif);
	text-align:center;
}
.webcam {
	height:59px;
}
#lista_contactos{
	/*height:300px;*/
}
#online{
	background-color:#F6F6F6;
	color:#000000;
	background-image:url(images/backtablagen.gif);
	padding:5px;
	border-bottom:1px solid #000;
}
#offline{
	background:#999999;
	padding:5px;
	color:#000000;
}
#nuevas_conversaciones{
	background-color:#F6F6F6;
	color:#000000;
	background-image:url(images/backtablagen.gif);
	padding:5px;
}
#nuevos_contactos{
	background-color:#F6F6F6;
	color:#000000;
	background-image:url(images/backtablagen.gif);
	padding:5px;

}

/* PIE GROUP */
#grupo {
	background-color:#000;
	height:110px;
	width:100%;
	text-align:center;
}