@charset "utf-8";
body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/fndreg.jpg);
	background-repeat: repeat;
}
#formContenedor 
{
	text-align:center;
	width:545px;
	left:50%;
	margin-left:10px;
}
#transparencia
{
	background-color:#FFFFFF; 
	z-index:1; 
	position:absolute;
	width:400px;
	height:260px;
	display:none;
	opacity:0.95; filter:alpha(opacity="95");
}


#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
}
#validar_int #form1 label {
	background-color: #000000;
	border: thick solid #000000;
}
#validar_int input {
	background-color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	color: #262626;
	border: thin solid #262626;
	font-size: 10px;
}


#mensage {
	background-color:#FFDFD2;
	color:#B70000;
	border:1px solid #B70000;
	text-align:center;
	padding:5px 5px 5px 5px;
	font-size:11px;
	line-height:16px;
}
#validar_int {
	height: 30px;
	width: 400px;
	margin-top: 73px;
	margin-left: 360px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
}

 #mensage p {
	vertical-align: middle;
}

#sombra{
	margin:5px; /* Color de la sombra */
	border: 1px solid #B70000; /* Color del borde */
	width: 400px;
	height: 35px;
	top: 0px;
	background-color: #B70000;
	vertical-align: middle;
	padding: 1px;
	text-align: center;
}

.registr .gris #resultado {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #B70000;
}
.registr th, .registr#loop th{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #B70000;
	letter-spacing: normal;
	text-align: right;
	vertical-align: middle;
	word-spacing: normal;
	white-space: normal;
}

.registr td {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #262626;
	text-align: left;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	top: 2px;
}
.registr input{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #262626;
	border: thin solid #262626;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #939393;
}
.registr textarea{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #262626;
	border: thin solid #262626;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #939393;
}
.registr select{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #262626;
	border: thin solid #262626;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #939393;
}
.inputNormal { 
	border:1px solid; 
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;	
}
.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}
input 
{
	font-family:Verdana, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}
.titulo{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #B70000;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	padding: 5px 0 0 0;

}
.contenedor{
	border: 1 px;
	border-color:#262626;
}
.contenedor legend{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #262626;
	text-transform:uppercase;
}
.normal{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #262626;
}
.normal a:link{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #262626;
	font-weight:bold;
	text-decoration:underline
}
.normal a{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #262626;
	font-weight:bold;
	text-decoration:underline
}
.normal a:hover{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: light#262626;
	font-weight:bold;
	text-decoration:underline
}
.normal a:active{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: light#262626;
	font-weight:bold;
	text-decoration:underline
}
.curvy {position:relative; width:98%; background:#676767; color:#000; margin:2em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#676767; background:#ffffff; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#676767; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}
.fmenu{
	background-image:url(../images/fmenu.jpg);
	background-repeat:no-repeat;

}
.fmenu table{
	width:233px;
	height:103px;
}
.fmenu2{
	width:410px;
	border:0;
	padding:0;
	border-spacing:0;
	border-collapse: collapse; 	
}
.fmenu2 th{
	background-image:url('../images/opciones_sup.jpg');
	background-repeat:no-repeat;
	background-position:center;
	vertical-align:bottom;
	padding:0;
	border-spacing:0;
	border-collapse: collapse; 	
	width:410px;
	height:25px;
}
.fmenu2 tfoot{
	background-image:url('../images/opciones_inf.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	width:410px;
	height:25px;
	padding:0;
	border-spacing:0;
	border-collapse: collapse; 		
}
.fmenu2 table{
	width:410px;
	padding:0;
	border-spacing:0;
	border-collapse: collapse; 		
}
.fmenu2 #loop{
	background-image:url('../images/opciones_loop.jpg');
	background-repeat: repeat-y;
	background-position:top center;
	width:410px;
	height:25px;
	padding:0;
	border-spacing:0;
	border-collapse: collapse; 		
}
#loop table{
	width:80%;
	padding:0;
	border-spacing:0;
	border-collapse: collapse; 	
	margin-top:1em;
}
#loop tr td {
	padding-bottom: 10px;
}
.tit_menu, .fmenu2 th{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-transform:uppercase;
	font-weight:bold;
	vertical-align:top;
}
.dp{
	width:100% !important
}
/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
   margin: 0;
   padding: 0;
   font: 100%/120% Verdana, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
   margin: 0 0;
   padding: 0;
}

.opciones,.alertas {
   margin: 0 1em;
   padding: 0;
}
.opciones #perfil{
	background-image:url(../images/opt_perfil.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
   vertical-align:top;	
   position:relative;
}
.opciones #conf{
	background-image:url(../images/opt_conf.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
   vertical-align:top;	
   position:relative;
 
}
.opciones #inv{
	background-image:url(../images/opt_invitaciones.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
   vertical-align:top;	
   position:relative;	
}
.opciones #mensajes{
	background-image:url(../images/opt_mensajes.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
   vertical-align:top;	
   position:relative;
}
.alertas #advertencia{
/*	background-position:bottom right;*/
   vertical-align:top;	
   position:relative;
   height:80px;
}
.alertas th{
   vertical-align:top;	
   text-transform:uppercase;
   text-align:left;
   font-size: 12px;
   color:#E66814;
}
.alertas table{
		border: 1px #615837 solid ;
		border-collapse: collapse;
}
/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
   margin-left: 1em;
   color:#262626;
}

/* Miscellaneous conveniences: */
form label {
   cursor: pointer;
}
fieldset {
   border: none;
}
#botones{
	position:absolute;
	/*text-align:center;
	margin-left:90px;
	margin-right:95px*/
	margin:0 auto 0 auto;
	margin-top:1em;
	width:335px;
}
div.error, div.success, div.info, div.warning, div.secure, div.unavailable, div.attention {
	padding: 10px 10px 10px 10px;
	margin: 5px 0 10px 0;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font-weight: bold;
	font-size: 12px;
	color: #555;
	text-align:center
}
div.error a, div.success a, div.info a, div.warning a, div.secure a, div.attention a {
	color: #111;
}
div.error ul, div.success ul, div.info ul, div.warning ul, div.secure ul, div.unavailable ul, div.attention ul {
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	margin: 5px 0 0 25px;
}
div.error strong, div.success strong, div.info strong, div.warning strong, div.secure strong, div.attention strong {
	font-size: 13px;
}
div.error ul li strong, div.success ul li strong, div.info ul li strong, div.warning ul li strong, div.secure ul li strong, div.attention ul li strong {
	font-size: 11px;
}
div.error ul li, div.success ul li, div.info ul li, div.warning ul li, div.secure ul li, div.unavailable ul li, div.attention ul li {
	padding: 4px 0 0 0;
	line-height: 1.3em;
}
div.error {
	background-color: #ffede5;
	border: 1px solid #dea3a3;
}
div.success {
	background-color: #edffe4;
	border: 1px solid #9cd580;
	color: #386522;
}
div.warning {
	background-color: #ffffe9;
	border: 1px solid #ecda6e;
	color: #3b3615;
}
div.info {
	background-image: url(/s/i/info_icon.gif);
	background-color: #edf4f8;
	border: 1px solid #8cc0f7;
	color: #294b6e;
}
div.unavailable {
	background-image: url(/s/i/unavailable_icon.gif);
	background-color: #edf4f8;
	border: 1px solid #8cc0f7;
	color: #294b6e;
}
div.attention {
	background: #ffffe9 url(/s/i/attention_bg.gif) repeat-x;
	background-position: top left;
	border: 1px solid #ecda6e;
	color: #3b3615;
	padding-left: 15px;
}
div.addintro {
	background-image: url(/s/i/intro_icon.gif);
}
div.secure {
	background-image: url(/s/i/secure_icon.gif);
	background-color: #f3f3f3;
	border: 1px solid #bebebe;
	color: #333;
}
.empty {
	padding: 15px 15px 20px 15px;
	font-size: 12px;
	text-align: center;
	font-style: italic;
	color: #777;
}
div.error span{
	color:#FF0000;
	text-transform:uppercase;
	font-weight:bold;
}
div.info span{
	color:#0099FF;
	text-transform:uppercase;
	font-weight:bold;
}
div.warning span{
	color:#CC9900;
	text-transform:uppercase;
	font-weight:bold;
}
div.success span{
	color:#339933;
	text-transform:uppercase;
	font-weight:bold;
}
.tag {
	position:absolute;
	top:-5px;
	left:-4px;
}
.nuevo
{

	background:url('../images/nuevo.gif') no-repeat 0 0;
	font-size:0;
	cursor:pointer;
	overflow:hidden;
	width: 41px;
	height: 41px;

}
div.opts{
	vertical-align:top;
	padding: 0 0 10px 0;
}
.wallpaper_thumb{

	float:center;

	width: 140px;
	height: 140px;
	position:relative;
	background-color:#FFFFFF;
	background: url(../images/Sombra.png) no-repeat bottom right;
	text-align:center;
}
.vp_mensaje{

	float:center;

	width: 580px;
	height: auto;
	position:relative;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;		
	background-color:#FFFFFF;
	background: url(../images/Sombra.png) no-repeat bottom right;
}

.vp_mensaje ,table#vp{

	float:center;
	color:#000000;	
	border:1px solid #e3e3e3;
	width:580px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
	/*padding:4px !important;
	padding:4px 4px 0 4px;	*/
/*	padding:5px;*/
	height:auto;
	display:block;
	position:relative;
	top: -3px; /* Desafamos la imagen hacia arriba */
	left:-3px; /*Desfasamos la imagen hacia la izquierda */
	background:#FFFFFF; /*Definimos un color de fondo */
	border-color: #262626 #666666 #666666 #262626;	
}
padding:0 5px 5px 0; /*Esta es la profundidad de nuestra sombra, sí haces más grandes estos valores, el efecto de sombra es mayor también */

.wallpaper_thumb div.image{

	float:center;
	border:1px solid #e3e3e3;
	width:auto;
	/*padding:4px !important;
	padding:4px 4px 0 4px;	*/
/*	padding:5px;*/
	height:auto;
	display:block;
	position:relative;
	top: -3px; /* Desafamos la imagen hacia arriba */
	left:-3px; /*Desfasamos la imagen hacia la izquierda */
	background:#FFFFFF; /*Definimos un color de fondo */
	border-color: #262626 #666666 #666666 #262626;	
	text-align:center;
}


.image a{
	display:block;
	background-color:#F3F3F3;	
	height:130px;
	width:auto;
	text-align:center !important;
}

.image img{
	float:center;
	border:1px solid #e3e3e3;
	margin:0;
	padding:0;
	z-index:0;
	text-align:center !important; 
}



.image a{

	float:center;
	position:relative;
	overflow:visible;	
	width:auto;
	height:130px;
	line-height:0px;
	font-size:0;
	border:1px solid #e3e3e3;
	display:block;
	z-index:0;
	text-align:center;	
}
.tagb {
	position:absolute;
	top:0px;
	left:1px;
}
.brillo {
    width: 74px; height: 74px;*/
	background-position:center;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/brillo.png');
}
.brillo a:hover{
	cursor:'hand';
}
.brillo[class] {
	background-image:url('images/brillo.png');
}
.pie{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8px;
	color: #262626;
}
.tabla{
		border: 1px #4A4A4A solid ;
		border-collapse: collapse
	}
	.tabla td
	{
		font-weight: normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#738080;
		font-size:10px;
		border-top: 1px dotted #4A4A4A;
		border-right: 1px solid #4A4A4A;
	}
	.tabla td a
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#738080;
		font-size:10px;
		text-decoration:underline;
	}	
	.tabla td a:link
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#738080;
		font-size:10px;
		text-decoration:underline;
	}	
	.tabla td a:hover
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#738080;
		font-size:10px;
				text-decoration:underline;
	}
	.tabla td a:visited
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#738080;
		font-size:10px;
		text-decoration:underline;
	}	
	.tabla th
	{
	background-color:#3D3D3D;
	color: #FFF;
	text-transform:uppercase;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;		
	border-bottom: 1px solid #4A4A4A;
	border-right: 1px solid #4A4A4A;
	}
	.tabla td.unread{
	font-style:italic;
	font-weight:bold;
		
	}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#262626,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.menu_cuarto,.menu_cuarto a{
	font-family:Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.menu_cuarto a:hover{
	font-family:Verdana, Helvetica, sans-serif;
	color:orange;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.boxtopright { 
padding: 1em; 
font-weight: bold;
background: url(../images/box_top_right.gif) no-repeat top right;

}
.boxtopleft {
background: #f0f0f0 url(../images/box_top_left.gif) no-repeat top left /* color de fondo front */
}
.latboxleft {  
background: #f0f0f0 url(../images/box_bottom_left.gif) no-repeat bottom left;  /* color de fondo content caja */ 
margin-bottom: 1em;
}
.latboxright { 
padding: 0 1em 1em;
background: url(../images/box_bottom_right.gif) no-repeat bottom right;

} 

.latboxleft blockquote {  
background: none
}