* {
padding: 0;
margin: 0;
}


#banner {
clear:both;
}


body {
	margin-top: 5px;
	color: #512713;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 120%;

}

table {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-color:#000000;
}

h1  {
font-size: 2em;
color: #335ea8;
margin: 0;
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 20px;
font-weight:bold;
text-transform:uppercase;
}


table h1 {
font-size: 2em;
color: #335ea8;
margin: auto;
margin-bottom: 5px;
text-align: center;
font-family: arial, helvetica, sans-serif;
font-size: 20px;
font-weight:bold;
text-transform:uppercase;
}

p{padding: 5px;}

h2, h3 {color: #335ea8; font-size: 1.8em;}

div.section h2 {color: inherit;}
h3 {
	margin:0px;
	padding-top:00px;
}


a:link, a:hover, a:visited, a:active {
	color: #512611;
	text-decoration: none;
	font-weight: bold;
}



input, select {
	padding: 2px 0;
	background: #f1f1e2;
	border: 1px solid #335ea8;
	font-size:11px;
}

input.button {
	color: #38566e;
	font-weight: bold;
	padding: 6px;
	background-image: url(images/btninput.gif);
	height:26px;
	border: 0px;

}

.main {
	overflow: hidden;
	margin: 0px;
	width: 340px;
	height: 340px;
	background-color: white;
	border: 1px solid #FF00FF;
}
#images {
	width: 340px;
	margin: 0px;
}
#images div {
	margin: 0px;
	width: 100px;
	height: 100px;
	border-style: solid;
	border-width: 5px;
	border-color: #DEDFDE;
	float: left;
	overflow: hidden;
}
#images div:hover {
	border-color: #529EBD;
}
#images img.load {
	margin: 0px;
}

/*------------------------------------------*/
/*	NEETSITES EDITS */
#footer {
clear:both;
text-align: center;
background: url(images/backfoot.png) repeat-x;
margin-top: 3px;
height:94px;
padding:12px;
}

iframe {border: 1px solid #e6b2be;}
#wrapper {
	width: 800px;
	margin: auto;

}
#content {
	background: #ede9eb;
	/*background-image: url(fotos_ici/fondou2.png);*/
	/*background-image:url(fotos_ici/fondou.jpg);*/
	/*background: url(fotos_ici/fondou.jpg);*/
	margin:0px;
	width:550px;

}

div.content {margin: 20px; height: 100%;}
#frontpage {
/*background: #38566e;*/
	height: 414px;
	width: 100%;
	position: relative;
}
#conf {margin: auto;}
div#common, div.common {
	/*background: #38566e;*/
	text-align: left;
	padding: 20px;
}
#content {
	width: 100%;
	
}

.section {
	margin: 0px;
	padding: 0px;
	background: #c8c8d0;

}

.cuenta {
	margin: 5px;
	padding: 0px;
	background: #c8c8d0;

}

#regform {
position: absolute;
width: 300px;
/*right: 25;*/
right: 75;
height: 100%;
background-image:url(images/pruebita.png);
/*background: #38566e;*/
}

#regtable {
/*height: 400px;*/
width: 355px;
font-size: 10px;
font-weight: bold;
}

#regform a {}
#regform table {

}
#regform td {

vertical-align: middle;
padding: 2px;
}

#info {
font-size: 10px;
margin: auto;
/*text-align: center;*/
text-align:right;
/*padding: 5px;*/
}

.lineavacia {
	background: #fffaff;
}

#top { /* the top banner/login */
	position: relative;
	margin-bottom: 2px;
	padding: 0px;
	background: url(images/backtop.png) repeat-x top left;
	height:120px;
	clear:both;
}
#top img {
	border: none;
}
#login {
float: right;
padding: 10px;
text-align: right;
}
#login table td {
font-size: 12px;
padding: 1px 0;
}
.border {
	border: 1px solid #e6b2be;
}
/*--- logged in ---*/
#members {
width: 100%;
font-size: 10px;
line-height: 200%;
}

div.mbr_status,
div.mbr_info,
p.mbr_name {
	float: left;
}
div#datos {
	margin-top: 0px;
	display: inline;
	margin-left:50px;
	float:left;
}

 /* columnas izq y der !!!!!!!*/
#left_col {
	float: left;
	padding: 0%;
	margin-top:0px;
	width: 160px;
	clear: none;


}



#right_col {
	width: 630px;
	float: right;
	padding: 0%;
	margin-top:0px;

}



div.mbr_status {
	width: 25%;
}
div.photo {
	width: 100px;
	height:100px;
	overflow:hidden;
	margin: 10px;
}
div.stats {
margin:auto;
width: 100%;
}
div.stats img {
	text-align: center;
	margin: auto;
}


div.perfil_info {
	width: 500px;
	background: #c8c8d0;
	padding: 0px;
	padding-bottom: 10px;
	float: left;
}
div.member_f {
	margin: 10px 0px 15px 0px;
	padding: 0px;
	background:#8397af;
	position: relative;
	width: 480px;
	font-size: 10px;
	border:1px solid #335ea8;
}



div.member_m {
	margin: 10px 0px 15px 0px;
	padding: 0px;
	background: #c8c8d0;
	position: relative;
	width: 480px;
	font-size: 10px;
	border:1px solid #335ea8;

}

div.member_m p, div.member_f p, div.member {
	text-align: left;
	font-size: 10px;
}


.tagline {
	color: #335ea8;
	font-weight: bold;
	margin: 5px;
	margin-left:0px;
	align:left;
}



div.mbr_header {
	margin-top:10px;
	margin-bottom:10px;
	clear: right;
}
div.mbr_header p {
	height:20px;
	float:left;
	align:left;
	font-size: 18px;
	color:#335ea8;
	}

div.mbr_header p.mbr_age {
	float: right;
	font-size: 12px;
}
div.mbr_extra {
	position: absolute;
	right: 10px;
	top: 30px;
	width: 30px;
}
div.mbr_extra img {
	margin-bottom: 5px;
}
div.more {
	text-align:left;
}
#cuenta table {
	clear: both;
	border:0px;
}
#bulletin {
clear: both;
margin-top:30px;
}




/*---Profile---*/
#message_menu {
	margin-bottom: 10px;
}

div#update {
	text-align: center;
}

div.member p.header {
	margin: auto;
	text-align: center;
	font-size: 1.3em;
	clear: both;
}


div.member {
	width:500px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 0px;
	clear: both;
}

pro_back {
	padding: 0px;
	width:500px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
}


div.morephotos {
	background: #4f6d85;
	clear: both;
	margin: 5px;
	border:1px solid #335ea8;
	padding:10px;
}


div.vid {
	background: #4f6d85;
	padding:10px;
	margin: 5px;
	border:1px solid #335ea8;
}

div.mifot {
	float: left;
	margin: 10px;
}

#profile_f {
	border:1px solid #335ea8;
	margin-right: 0px;
	background: #c8c8d0;
	width:500px;
}
#profile_m {
	border:1px solid #335ea8;
	margin-right: 0px;
	background: #c8c8d0;
	width:500px;
}

div.member div.mbr_header {
	padding: 0px;
}

#pro_icons {
	margin-top:0px;
	margin-right:0px; /*---aumentar este margen da error en IE ---*/
	float: left;
}

#pro_extra {
	float:left;

}

#pro_photo {
	float: left;
	margin-right:10px;
	margin-top:10px;
	margin-left:10px;
	width: 100px;
	height:100px;
	overflow:hidden;
}

#pro_photo img {
	clear: both;
	float: left;
	margin: 0 auto;
}
p.mbr_name {
	font-size: 14px;
	font-weight: bold;
	align:left;
	margin-left:0px;
}

/*---fondo de datos---*/

#profile_f div.mbr_info {
	width: 100%;
	background: #c8c8d0;
	padding: 0px;
}
#profile_m div.mbr_info {
	width: 100%;
	background: #c8c8d0;
	padding: 0px;
}

div.pro_stats {
padding: 0px;
}


div.pro_stats table {
	font-size: 1em;
	width: 100%;
}
div.pro_stats td {
padding: 2px 0;
}
#profile_f div.pro_stats {
	background: #fff;
	margin: 0px;
}
#profile_m div.pro_stats {
	background: #fff;
	color: #ddd;
	margin: 0px;
}


div.detalles {
	text-align: left;
	margin: 5px;
	padding: 0px;
	background-color: #c8c8d0;
	background-image: url(images/barra.gif);
	background-repeat: repeat-x;
	border:1px solid #335ea8;

}
div.detalles ul {
	margin:30px 20px 20px 30px;
	line-height: 12px;
	color: #512713;
}
div.detalles li {
	list-style-image: url(../sispago/icos/flecha.gif);
	padding: 0px;
}
div.detalles p {
	margin-top: 5px;
	margin-left:15px;
	text-align: left;
	font-size: 1.2em;
	color:#4f6d85;
	padding: 0;
	clear:both;
}

#pro_prefs {
	clear: both;
}
div.pro_section {
	text-align: left;
	margin: 5px;
	padding: 10px;
	background: #c8c8d0;
	border:1px solid #335ea8;
}

#profile_f div.pro_section, div.member_f div.pro_section {
	background: #c8c8d0;
	border:1px solid #335ea8;
}


div.pro_section ul {
	padding: 10px 0 10px 30px;
	margin: 0;
}
div.pro_section li {
	padding: 0;
	margin: 0;
}
div.pro_section p, div.mbr_info p {
padding: 0;
}

/*---Message Page---*/
#messages {width: 500px; height: 100%;}
#messages div {clear: both;}
#message_view table {margin: auto;}
#message_view div {margin: auto; width: 100%}
#message_menu {margin: auto; width:  100%}
#message_menu div {
float: left;
clear: none;
margin: 10px 0;
width: 33%;
text-align: center;
}
#panic {
	width: 27px;
	height: 27px;
	right: 5px;
	bottom: -53px;
	position: absolute;
}
#panic img {
	border: none;
}

div.form {clear:right; margin-bottom: 70px;}
div.form div {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
div.form div div {vertical-align: middle;}
.mediana table {line-height: 150%;}



/*---Navigation---*/

div#menu {
	position: relative;
	margin-bottom: 3px;
	width: 800px;
	background: url(images/menubg.gif) center;
	height:32px;
}

ul#nav li {
	list-style-type:none;
	border-left: 1px solid #335ea8;
	border-right: 1px solid #335ea8;
	float: left;
	margin: 0px;
	text-align: center;
	z-index:50;
	height: 32px;

	/*background: url(imagenes/tab.jpg) no-repeat bottom center;*/
	vertical-align: middle;
}
ul#nav a {
	padding-top: 8px;
	float: left;
	height: 24px;
	width: 98px;
	text-decoration: none;
	font-size: 11px;
	z-index:100;
	color:#4f6d85;
}
ul#nav a:hover {
	color: #FFFFFF;
}
ul#nav li:hover {
}
ul#nav li.active a{
	color: #FFFFFF;
}
.pagination {
font-size: 12px;
text-align: center;
width:500px;
margin-bottom: 10px;
}



/*
 * Apply to containers that house floating elements.
 * Prevents floats from bleeding out of the container.
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after {
	content: ".";          /* the period is placed on the page as the last thing before the div closes */
	display: block;        /* inline elements don't respond to the clear property */
	height: 0;             /* ensure the period is not visible */
	clear: both;           /* make the container clear the period */
	visibility: hidden;    /* further ensures the period is not visible */
}
.clearfix {
	display: inline-block;
}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */





/*---cartel---*/

div.mbr_info {
	width:72%;
}

.botoncito {
color:#512713;
font-size:11px;
}

#barrafotos {
	margin-top:3px;
	margin-bottom:3px;
	float:left;
	

}


/*---datos_e.php---*/
.limites {
	margin-top:5px;
	margin-bottom:15px;
	font-size:12px;

}


.usr{
	font-family: helvetica, arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#335ea8;
	}

.frase{
	font-family: helvetica, arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#335ea8;
	}



/*---searchresults.php---*/

#botonera {
	float:right;
	margin:10px;
	margin-right:0px;
}

.checkbox {
	background:none;

}


a.menupie:link {
	color: #38566e;
	text-decoration: none;
	font-weight: bold;
}
a.menupie:hover {
	color: #38566e;
	text-decoration: none;
	font-weight: bold;
}
a.menupie:visited {
	color: #38566e;
	text-decoration: none;
	font-weight: bold;
}
a.menupie:active {
	color: #38566e;
	text-decoration: none;
	font-weight: bold;
}


.menupie {
	font-size:11px;
	color:#38566e;
}

.links_pie {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.links_pie:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #FF9900;
	text-decoration: none;
}