/* HR styles needed for IE/Win. */

hr.holder { width:600px; visibility: hidden; } /* Equal to 'top' */

hr.left, hr.right { width: 120px; visibility: hidden; }

hr.middle { width: 360px; visibility: hidden; }


/* These HR styles replace the above, and are need for Netscape 4.x.
Left and right margins are half the relevant DIV width */

hr.holder { width:0; margin: 0 300px; } /* Equal to 'top' */

hr.left, hr.right { width: 0; margin: 0 60px; }

hr.middle { width: 0; margin: 0 180px; }


/* DIVs must have a border value set in Netscape 4.x */

DIV { border: none; }

/* Hide HRs in most browsers supporting min-width */

html>body hr.left, html>body hr.right, html>body hr.middle, html>body hr.holder { display: none; } 


/* Fix for div with img */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

h3 { font-weight: normal; }

/* cuerpo de la web */

body { 
	background-color: #F2FFBF;
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
}

/* bloque que engloba todo el contenido de la web */

#contenido {
	border: 1px solid #8FB300;
	background-color: #F7FFDB;		
}

#contenido, #footer {	
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	padding: 0px 20px 20px 20px;	
	width:750px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:710px;
}

#footer {
	text-align: center;
	font-size: small;
}


#titulo {		
	background: url("/images/regalamelo.jpg") no-repeat;
	height: 91px;
	width: 550px;
	float: left;
	}

#titulo h1 {
	text-indent: -999em;
	margin: 0;
	padding: 0;	
	}
	
#titulo h2 {
	font-size: small;
	margin-top: 35px;
	color: #778152;
}

.paso {	
   	float: left;
   	width: 150px;
   	padding: 5px;
	color: #586341;	
   	font-weight: normal;
   	text-align: center;
	font-size: medium;
}

.paso img {
	display: block;	
}

 /* set millions of background images */
.rbroundbox { background: url('/images/nt.gif') repeat; }
.rbtop div  { background: url('/images/tl.gif') no-repeat top left; }
.rbtop      { background: url('/images/tr.gif') no-repeat top right; }
.rbbot div  { background: url('/images/bl.gif') no-repeat bottom left; }
.rbbot      { background: url('/images/br.gif') no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { 
	margin: 0 7px; 
	padding: 7px;
}

.rbroundbox { 
	width: 100%; 
	/*margin: -40px 0 20px 0;*/
	margin-bottom: 20px;
	margin-top: 10px;
}

.rbroundbox h3 {
	font-weight: bold;
	color: black;
	margin: 0;
	display: inline;
	width: 300px;
}

.rbroundbox form {
	display:inline;
	float: right;
	margin-bottom: 10px;
	margin-top: -30px;
}

.rbroundbox p {
	clear: both;
	color: black;
	font-size: small;
}

#lenguaje_contacta_mail {
	float: right;
	text-align: right;
	margin: 10px;
	font-size: small;	
}

#lenguaje_contacta_mail em {
	text-decoration: underline;
}

#contacta {
	margin-top: 7px;
}

#registrarse {
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
	margin: 10px 160px 10px 160px;
	font-size: large;	
}

#registrarse a:link, #registrarse a:visited, #registrarse a:active {
	padding: 10px 0 10px 0;
	display: block;
	width: 100%;
}

#registrarse a:hover {
	background: #C6E998;
}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
/*margin-top: -50px;*/
padding-top: 0;
background-color: #AED584;
color: White;
float: left;
width: 100%;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #AED584;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #C7F497;
color: Black;
}

#login {		
	float: right;	
	width: 250px;	 	
}

#login form p {
	font-size: small;
	color: red;
	text-align: center;
}


#loginTitulo {
	color: #333339; 
	font-size: medium; 
	text-align: center;	
	font-weight: bold;
}

#login a:link, #login a:visited, #login a:active { 
	margin-top: 5px;
	color: #333339; 
	text-decoration: none; 
	display: block;
	clear: both;
	font-size: small;
	text-align: center;
} 

#login a:hover { 
	margin-top: 5px;
	color: #FF0004; 
	text-decoration: none; 
	display: block;
	clear: both;
	font-size: small;
	text-align: center;
}

.login_input {
	display: block;
	width: 100px;	
	float: left;
	margin-bottom: 10px;
}

.lista_input {
	display: block;		
	width: 100px;	
	margin-bottom: 10px;
}

.caja_margen {
	margin-top: 20px;
}

#login label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	float: left;
	margin-bottom: 10px;
}

#login br { clear: left; }

#login input.btn {	
	width: 60px;
}

#caja_buscar fieldset, #login fieldset, #caja_clave fieldset, #modificar_lista fieldset, #nueva_lista fieldset, #nuevo_regalo fieldset, #modificar_regalo fieldset, #enviar_lista fieldset {
	border-style: solid;
	border-width: 1px;	
	border-color: #333339;	
	color: #333339; 
	padding: 20px 10px 10px 10px;		
}

#caja_buscar fieldset br, #login fieldset br, #caja_clave fieldset br {
	display: none;	
}

#caja_buscar legend, #login legend, #caja_clave legend, #modificar_lista legend, #nueva_lista legend, #nuevo_regalo legend, #modificar_regalo legend, #enviar_lista legend {
	font-weight: bold;
	color: #333339;	
	border: 1px solid #333339;	
}

#nueva_lista, #modificar_lista, #nuevo_regalo, #modificar_regalo, #enviar_lista {	
	float: left;
	width: 450px;
}

#izquierda {
	float: left;
	width: 400px;
}

#caja_buscar input {
	margin-top: 10px;
}

#caja_buscar p {
	font-size: small;	
}
 
 .clearboth {
 	clear: both;
 }
  
 #nuevoUsuario_nombre { 	
 	text-align: right;
 	float: left;
	width: 350px;
	margin-right: 10px;
}

 #nuevoUsuario_nombre p { 	
	text-align: center;
	font-size: x-small;
	margin: 2px 10px 10px 10px;
}

#nuevoUsuario_disponibilidad {
 	float: left;
}

#nuevoUsuario_disponibilidad_iframe {
	font-size: small;
	background: #f7ffdb;	
}

#nuevoUsuario_disponibilidad_iframe p {
	margin: 0px;
}

#nuevoUsuario_disponibilidad_iframe ul {
	margin-top: 5px;
}

#nuevoUsuario_disponibilidad_iframe li {
	list-style: none;
}

#datosUsuario_falta li, #nuevoUsuario_falta li, #panel_msg li, #usuarios_msg li, #contacta_msg li {	
	list-style: none;
}

#datosUsuario_falta, #nuevoUsuario_falta, #panel_msg, #usuarios_msg, #contacta_msg   {	
	background: #CDD5B7;
	font-weight: bold;
}

#panel_msg {
	margin-right: 250px;	
}

#panel_msg form {
	text-align: center;
	margin: 0;
	padding: 3px;
}

#nuevoUsuario_enviar {
	margin-left: 290px;
	margin-top: 20px;
	width: 100px;
}

#nuevoUsuario {
}

#usuarioCreado {
	float: left;
	width: 400px;
}

#usuarioCreado p {
	font-size: small;
	padding-left: 20px;
	padding-right: 10px;
	text-align: justify;
}

#usuarioCreado h3 {
	font-size: medium;	
        padding: 5px;
	background: #EFF7D4;
}

#buscarEncontrados strong {
	color: #4b8a3b;
	font-size: x-large;
	font-style: italic;
	background: #aed584;
	padding: 0px 5px 0px 5px;
}

#buscarEncontrados em {
	font-weight: bold;
	font-style: italic;	
}


#buscarEncontrados a:link, #buscarEncontrados a:visited, #buscarEncontrados a:active { 
	color: #333339; 
	text-decoration: underline; 	
	font-weight: bold;
	text-align: left;
} 

#buscarEncontrados a:hover { 
	color: #FF0004; 
	text-decoration: underline;		
}

#panelControl_aviso {
	color: #333339;
	margin-right: 220px;
}

#panelControl_aviso a:link, #panelControl_aviso a:visited, #panelControl_aviso a:active { 
	color: #FF0004; 
	text-decoration: underline; 			
} 

#panelControl_aviso a:hover { 
	color: #FF0004;
	text-decoration: underline;	
}

#panel_registrarse {	
	text-align: center;
	font-weight: bold;	

	font-size: large;	
}

#logueado_panel {		
	float: right;	
	width: 200px;	
 	margin: 5px 0 5px 0;
	padding: 5px;
	border: 1px solid black;	
	text-align: center;
	font-size: small;
}

#logueado {		
	float: right;	
	width: 250px;	
 	margin: 10px 0 10px 0;
	padding: 5px;
	border: 1px solid black;	
	text-align: center;
}

#logueado a:link, #logueado a:visited, #logueado a:active { 
	color: #333339; 
	text-decoration: underline; 
	display: block;
	clear: both;	
	text-align: center;
} 

#logueado a:hover { 
	color: #FF0004; 
	text-decoration: underline; 
	display: block;
	clear: both;	
	text-align: center;
}

#logueado_desconectar a:link, #logueado_desconectar a:visited, #logueado_desconectar a:active { 
	color: #FF0004; 
	text-decoration: underline; 
	display: block;
	clear: both;
	font-size: small;
	text-align: center;
} 

#logueado_desconectar a:hover { 
	color: #FF0004; 
	text-decoration: underline; 
	display: block;
	clear: both;
	font-size: small;
	text-align: center;
}

#datosUsuario {
	padding: 0px;
	margin: 0px;
	font-size: small;
}

#datosUsuario fieldset {
	border-style: solid;
	border-width: 1px;	
	border-color: #333339;	
	color: #333339; 
	margin-bottom: 10px;		
}


#datosUsuario legend {
	font-size: medium;
	font-weight: bold;
	color: #333339;	
	border: 1px solid #333339;	
}

#datosUsuario input {
	display: block;
	width: 150px;
	float: left;	
}


#datosUsuario label {
	width: 200px;
	text-align: right;
	padding-right: 20px;
	float: left;	
	font-size: medium;
}

#nueva_lista label, #modificar_lista label, #nuevo_regalo label, #modificar_regalo label, #enviar_lista label {
	width: 100px;
	text-align: right;
	padding-right: 20px;
	float: left;	
	font-size: medium;
}

#nueva_lista input, #modificar_lista input, #nuevo_regalo input, #modificar_regalo input, #enviar_lista input {
	display: block;
	width: 150px;
	float: left;	
}

#nueva_lista textarea, #modificar_lista textarea, #nuevo_regalo textarea, #modificar_regalo textarea {
	width: 250px;
}


#nueva_lista input.btn, #modificar_lista input.btn, #nuevo_regalo input.btn, #modificar_regalo input.btn, #enviar_lista input.btn {
	width: 100px;
	margin: 0 150px 0 150px !important;
	margin: 0 65px 0 65px;
}

#nueva_lista p, #modificar_lista p, #nuevo_regalo p, #modificar_regalo p, #enviar_lista p {	
	margin: 0 auto 15px 120px;
	font-size: small;
}

#datosUsuario br, #nueva_lista br, #modificar_lista br, #nuevo_regalo br, #modificar_regalo br, #enviar_lista br { 
	clear: left; 
}

#nueva_lista_publica input, #modificar_lista_publica input, #enviar_lista_publica input {
	width: 15px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#nueva_lista_publica label, #modificar_lista_publica label, #enviar_lista_publica label {
	text-align: left;
	width: 325px;	
	margin: 0;
	padding: 0;
}

#nueva_lista_publica p, #modificar_lista_publica p, #enviar_lista_publica p {
	margin: 0 auto 15px 50px;
}

.lista_publica {
	font-size: small;
}


#datosUsuario input.btn {	
	width: 60px;	
	margin-left: 95px;
}

#datosUsuario p {	
	margin: 0 auto 15px 220px;
}

#datosUsuario img {
	margin: 0 auto 15px 220px;
}

#ficha {
	border: 1px solid #333339; 
	margin-bottom: 10px;
}

#ficha h3 {
	background: #b5d58b;
	text-align: left;
	font-size: large;	
	padding: 3px 0px 3px 10px;
	margin: 0px;
}

#ficha img {
	padding: 15px 5px 15px 15px;
	float: left;
}

#ficha p {	
	padding: 0px;
	margin: 15px 15px 0px 15px;
}


#lista ul, #lista_ajena ul, #buscarEncontrados ul   {	
	list-style-image: url('../images/bullet.gif');
}

#lista li, #lista_ajena li {
	margin-bottom: 10px;
}

#lista a, #lista_ajena a {
	font-size: small;
}

#lista img, #lista_ajena img {
	border: 0;	
}

#lista h4, #lista_ajena h4 {
	font-size: large;
	margin: 0 0 0 5px;
}

#lista_ajena form {
	display: inline;
}

.paginacion {
	text-align: center;
}

#formulario form {
	width: 500px;
	margin-left: 100px;	
}

#formulario_input {
	display: block;
	width: 180px;
	float: left;
	margin-bottom: 10px;
}

#formulario fieldset {
	border-style: solid;
	border-width: 1px;	
	border-color: #333339;	
	color: #333339;
}


#formulario legend {
	font-weight: bold;
	color: #333339;	
	border: 1px solid #333339;
	font-size: large;	
	margin-bottom: 5px;
	padding: 2px 5px 2px 5px;
}

#formulario textarea {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#formulario label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	float: left;
	margin-bottom: 10px;
}

#formulario br { clear: left; }

#formulario p {
	margin-left: 95px;
}

#formulario p input {
	width: 100px;
}

#usuarioDemo {
	font-size: small;
}

#estadisticas {
	text-align: center;
	background: #E5EDCC;
}

#coop {
	color: black;
	text-align: center;
	font-size: x-small;
}

#coop li {
	display: inline;
	list-style-type: none;
	margin: 4px;
}

/** Publicidad (adsense) **/
.vinculos {
	clear: both;
	margin: 0;
	padding-top: 10px;
}

.banner_adsense {
	width: 468px;
	margin: 10px auto;
}