/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */

/**
 * libero, for Drupal 6.x
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

/**
 * Generic elements
 */

 
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* 
/********************************* CLUB LIBERO ****************************************************/

/* jinga CSS Document */
	/*
	body{
		color: #585858;
		font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
	*/
	#login #header-region{
		background: transparent url() repeat-x scroll 50% 100%;
	}
	
	.login{
	width: 520px;
	_width: 540px;
	height:60px;
	position:absolute;
	float:right;
	top:30px;
	right: 220px;
	_right: 205px;
	 z-index:1;
	}
	.login h2{
		color:#fff;
		font-size:165%;
		text-transform: capitalize;
		text-align:left;
	}
	.login .texto_login{
		font-size:11px;
		color: #E8E8E8;
	}
	.login .texto_login_2{
		font-size:11px;
		color:#373739;
	}
	.login .form-item label{
		color:#fff;
	}
	.login a:hover, .login a:link, .login a:visited{
		text-decoration:none;
		color:#fff;
		font-size:12px;
	}
	.login a:hover{
		text-decoration: underline;
		color:#fff;
		font-size:12px;
	}
	.login input{ font-size:11px;}
	
	/*
	.login input{
		display:block;
		margin-top:  20px;
		_margin-top:  5px;			
	}
	.login .item-list li.first{
		padding-left:1px;
	}
	
	
	
	
	
	
	.login .item-list li {
		display:block;
		margin:4px 4px 5px 0px;
		float:left;
		list-style-type:none;
		background:none;
		 
	}
	.login li.leaf{
		display:block;
		margin:0px 20px 5px 0px;
		float:left;
		list-style-type:none;
		background:none;
		 
	}
	.login li.leaf a, .login li.leaf{
		font-size:15px;
		color:#fff;
		padding:0px;
	}
	.login li.leaf a{
		color:#fff;
	}
	.login .block ul{
		margin: 20px 0px 10px 0px;
		display:block;
	}
	.login ul.menu {
		margin: 0px 0px 10px 0px;
		display:block;		
	}
	.login .form-item label{
		width: 100px;
		float: left;
		text-align:left;
		color:#fff;
	}
	.login .form-item{
		width:120px;
		float:left;
		margin:  -20px 0px 0px 0px;
		_margin: -2px 0px 0px 0px;
		
	}
	.login #edit-pass-wrapper{
		float:left;
		width: 120px;
	}
	.login a:hover, .login a:link, .login a:visited{
		text-decoration:none;
		font-size:12px;
		color:#000;
		font-family:Helvetica;
	}
	.login span.form-required{
		font-size:1px;
		color:#999999;
		vertical-align:top;
		
	}
	.login .block .content {
		margin:0px;
	}
	
	*/
	#banner_menu{
		 z-index:0;
	}
	#contenedor {
		/*background-image: url(images/fondo_01.jpg);*/
		background-color:#FFFFFF;
		margin:0 auto;
		text-align:left;
		width:1000px;
	}
	
	#cabecera_izquierda{
		width: 194px;
		height: 172px;	
		float: left;
	}
	
	#cabecera_derecha{
		width: 706px;
		height: 172px;	
		float: left;
	}
	
	#cabecera_derecha_uno{
		width: 706px;
		height: 71px;	
		float: left;
		clear:left;	
		background: no-repeat url(cabecera_fondo_1.gif)
	}
	
	#cabecera_derecha_dos{
		width: 706px;
		height: 52px;	
		float: left;
		clear:left;				
	}
	
	#cabecera_derecha_tres{
		width: 706px;
		height: 49px;	
		float: left;
		clear:left;		
		background: no-repeat url(cabecera_fondo_2.gif)	
	}
	
	/* Para que no se coloque un espacio en blanco en el ie6 */
	img {
			display:block;
			border:0;
	}
	
	#apDiv1 {
		position:absolute;
		left:45%;
		top:40px;
		width:446px;
		height:66px;
		z-index:1;
	}
	#apDiv2 {
		position:absolute;
		left:30%;
		top:40px;
		width:121px;
		height:23px;
		z-index:2;
	}		
	
	.texto_usuario{
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;			
		color:#FFF;
	}	
		
	#login_user{
		float: left;
		width: 600px;
		height: 40px;
	}		
	
	#login_user_box{
		float:left;
		width: 170px;
		
	}
	
	#login_pass_box{
		float:left;
		width: 170px;
		margin-left: 6px;				
	}
	
	#login_user_button{
		float:left;	
		width: 100px;					
	}
	#login_user_button input{
		background:#F5F5F5 none repeat scroll 0 0;
		border: 1px solid #000;
		color:#000;
	}
	
	.login_label{
		float: left;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 4px;
		padding-right: 4px;
		color: #FFFFFF;		
		font-weight: bold;			
	}
	
	.login_textbox{
		float: left;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
						
	}
	#login_pie{
	float:left;
	clear:both;
	}
	.forget_pass{
	color:#000;
	font-size:11px;
	padding:5px 0px  0px 70px;
	width:450px;
	}
	.forget_pass a{
	text-decoration:none;
	}
	
	
	.txtbold{
		font-weight: bold;
		color: black;
	}
	.fondo {
		background-image: url(images/fondo_02.jpg);
		background-repeat: repeat-y;
		background-position: bottom;
		background-color: #000E00;
	}
	
	.fondoheader {
		background-image: url(images/fondo_01.jpg);
		background-repeat: no-repeat;
		background-position: center top;
		text-align:center
	}	
	.club_banner{
		background-color: #990000;			
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		position:absolute;
		top: 180px;				
		left: 225px;
	}	
	.club_anun_serv{
		background: url(images/fondo_sombra.jpg) repeat-y center top;
		margin-top: -5px;
	}
	.club_anuncios{

		height:212px;
		background-color:#000;
		text-align:center;
		/*margin: 0px 75px 0px 75px;*/
		margin: 0px auto 0px auto;
		width:850px;
		padding-bottom: 10px;
		padding-top: 10px;
	
	}
	.club_anuncios a img {
	text-decoration:none;
	}
	.club_anuncios .block .content {
		margin: 0px 0px;
	}
	.club_anuncio1{
	float:left;
	margin-left: 12px;
	_margin-left: 8px;
	width:250px;
	height:200px;
	background: transparent url(images/fondomadera.jpg) no-repeat;
	text-align: left;
	padding:5px 15px 0px 10px;
	line-height: 16px;
	}
	.club_anuncio1  h2, .club_anuncio1  a:link, .club_anuncio1 a:visited, .club_anuncio1 a:hover{
	color: #fff;
	}
	
	.club_anuncio2{
	float:left;
	width:270px;
	margin-left: 2px;
	}
	
	.club_anuncio2 img{ margin-bottom: 12px; }
	
	.club_anuncio21{
	float:left;
	}
	
	.club_anuncio22{
	float:left;
	margin-top:14px;
	}
	
	.club_anuncio3{
		float:left;
		margin-left: 10px;
		width:266px;
		height:200px;
	}
	
	.club_servicios{
	height:160px;
	background-color:#000;
	margin: 0px auto 0px auto;
	width:850px;
	}
	
	.club_servicio{
	background: #373739 url(images/fondo_servicios.jpg) repeat; 
	float:left;
	margin-left: 13px;
	_margin-left: 9px;
	}
			
	.club_servicio1{
	background: #373739 url(images/temasbg.jpg) no-repeat center top;
	float:left;
	margin-left:12px;
	}
				
	.club_pie{
	height: 20px;
	background: transparent url(images/fondo_pie.jpg) no-repeat center top;
	}
	.club_clear{
	clear:both;
	height:2px;
	}	
	
    /***********PROMOCIONES ************/	
	.promo_opciones{ clear:both; height:200px; width:700px; font-family:Arial, Helvetica, sans-serif;	}
	.promo_img{ float:left; width: 250px; }
	.promoc_box{ background:url(images/fondoprom.jpg) no-repeat top right; float:right; text-align:left; width: 440px; padding-top:15px; margin-bottom:15px; }
	.promo_texto_sup{ font-size:18px;}
	.promo_texto_inf{ font-size:16px;}
	.promo_titulo{ color:#FF0000; font-size:14px; font-weight:bold; line-height:30px; }
	.header_sorteo_clear{margin-top:7px;}
	.header_texto_bold{ font-size::14px; font-weight:bold;}
	
				
    /***********PROMOCIONES MASCOTAS************/
	.prom_cont{
		background: url(images/fondo_sombra.jpg) no-repeat center top; clear:both;
		margin-top: -5px;
		
	}
	.prom_cont1{
		background-color:#000;
		text-align:center;
		margin: 0px auto 0px auto;
		width:850px;
		text-align:left;
	
	}
	.prom_cont1 span.form-required{
		color:#FF0000;
	}
	.prom_fondo_negro{
	margin:0px 13px;
	}
	.prom_titulo{
	/*clear:both;*/
	background: transparent url(images/titulobg2.jpg);
	height:50px;
	}
	.prom_titulo_izq{
	width: 13px;
	height:50px;
	float:left;
	background: transparent url(images/titulobg1.jpg);
	}
	.prom_titulo_cen{
	float:left;
	}
	.prom_link_inicio{
	float:right;
	padding-right:10px;
	}
	.prom_titulo_der{
	width: 13px;
	height:50px;
	float:right;
	background: transparent url(images/titulobg3.jpg);
	}
	.prom_titulo .breadcrumb{
		color:#fff;
	}
	
	div.prom_titulo div.breadcrumb a, div.prom_titulo a{
		color:#fff;
		font-size:12px;
	}
	div.prom_link_inicio a{ color:#fff; font-size:12px; }
	
	.promo_intro{
	/*background: #FFF url(promociones/mascota-libero/mascotas.jpg) no-repeat top right;*/
	background: #fff url(images/titulobgblanco.jpg) repeat-y scroll;
	height: auto;
	/*height:1300px;*/
	}
	.promo_intro1{
	margin-left:15px;
	text-align:left;
	width:470px;
	float:left;
	}
	.promo_intro_img{
	float:right;
	margin-right: 25px;
	}
	.promo_pasos{
	clear:both;
	font-size:12px;
	text-align:left;
	margin: 12px 0px;
	}
	.promo_paso1{
	float:left;
	background:url(images/paso1.jpg);
	margin-left:35px;
	width:250px;
	height:200px;
	}
	.promo_paso2{
	background:url(images/paso2.jpg);
	float:left;
	width:250px;
	margin-left: 0px;
		height:200px;
	}
	.promo_paso3{
	background:url(images/paso3.jpg);
	float:left;
	width:250px;
	margin-left: 0px;
		height:200px;
	}
	.promo_paso_texto{
	padding-top:134px;
	margin:0px 10px 0px 15px;}
	.promo_inscribirse_desplegable{
	text-align:center;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	}
	.promo_instruc{
	background:url(images/mano.jpg) no-repeat;
	clear:both;
	height:335px;
	}
	
	.promo_texto{
	float:right;
	text-align:left;
	width:530px;
	margin-right:15px;
	}
	.texto_instruc{
	font-size:14px;
	margin-bottom:15px;
	}
	.intrucc_titulo{
	color:#000000;
	font-size:15px;
	font-weight:bold;
	}
	.promo_premios{
	clear:both;
/*	height:320px;*/
	}
   .promo_premios1{
   width:370px;
   float:left;
   text-align:left;
   margin-left:35px;
   }
   .promo_premios2{
   width:380px;
   float:right;
   margin-right:20px;
   }
   .promo_base_fondo{
   background:#000 url(images/basefondo.jpg) no-repeat;
   height:44px;
   border-bottom:15px;
   }
   .promo_base_fondo_sombra{
   background: transparent url(images/sombrita2.jpg) no-repeat center top;
   height:22px;
   }
   
   /***********REGISTRO para tarjeta************/
   .reg_img{    	float:left; 	margin-left:50px;    }
   .reg_texto_intro{
   float:left;
   line-height:50px;
   }
   .reg_tarjeta{ margin-left:10px; height:200px;}
   .reg_img_tarjeta{float:right; margin-right:20px;}
   .reg_pasos{margin-left:50px; font-size:11px; text-align:left; line-height:18px; height:220px;}
   .reg_paso_1{background:url(images/registro/paso1.jpg) no-repeat; width:175px; float:left; }
   .reg_paso_2{background:url(images/registro/paso2.jpg) no-repeat; width:175px; float:left; }
   .reg_paso_3{background:url(images/registro/paso3.jpg) no-repeat; width:175px; float:left; }
   .reg_paso_4{background:url(images/registro/paso4.jpg) no-repeat; width:175px; float:left; }
   .reg_paso_texto{padding-top: 100px ; height:90px; margin:0px 10px 0px 15px;}
   
   .reg_form{ background:url(images/separador.jpg) no-repeat top center; height:60px; padding-top:50px; /*height:1600px; */height: 1820px;}
   .paso1{height: 120px; }
   .reg_paso_img{ float:left; margin-left:50px; margin-right:20px;}
   .reg_descrip{float:left; text-align:left; width:400px; margin-right:50px; margin-bottom:10px; font-size:11px;}
   .titulo_form{ height:50px; margin-top:20px; background:url(images/registro/formularioregistro.gif) no-repeat center top;}
   
   
   .reg_formulario{ margin-left: 10px;  float:left; width:420px; text-align:left; border-right: 1px solid #666666; padding-right:5px;}
   .reg_formulario .form-radios .form-item{ display:inline;}
   .reg_formulario .txtform { color: #000000; font-size: 11px; }
   
   .reg_instrucciones{float:right; width:370px; text-align:left;}
   .reg_imagen_peq{ float:left; background:url(images/little_logo.jpg) no-repeat center top; height:100px; width:80px;}
   .reg_ins_pre{ float:right; color:#000; font-weight:bold; width:250px; margin-right:20px; background-color:#999999; margin-bottom:10px; padding:4px;}
   .reg_ins_res{ font-size:11px; float:right; width:250px; margin-right:20px; padding: 3px; border: 1px solid #666666;}
   
   .reg_instrucciones_2{border:1px solid #666666; margin:0px 15px; padding:10px; color:#000000;}
   .reg_instruccion{border-bottom: 1px solid #666666; margin-bottom:15px;}
   .reg_ins_titulo{ font-weight:bold; font-size:12px; padding-left:10px; margin-bottom:5px;}
   .reg_ins_cuerpo{margin-left:5px; font-size:12px; padding-left:18px; margin-bottom:10px;}
   .reg_ins_pie{font-weight:bold; text-align:center;}
   
   .reg_header_paso_2{ background:url(images/separador.jpg) no-repeat top center; height:140px; padding-top:50px;}
   .reg_paso_img_2{ float:left; margin-right:20px; margin-left:80px;}
   .reg_descrip_paso_2{float:left; text-align:left; width:400px; margin-right:20px;  font-size:14px;}
   .reg_pie_desc_paso_2{ clear:both;margin:15px 120px; text-align:left; height:80px;}
   
   .reg_header_paso_3{ background:url(images/separador.jpg) no-repeat top center; height:300px; padding-top:50px;}
   
   .interno_paso_3{ height:200px; margin: 0px auto; width:600px;}
   .reg_paso_img_3{ float:left; /*margin-left:120px;*/ text-align:left; width:270px; font-size:13px; color:#000;}
   .reg_descrip_paso_3{float:right; /*margin-right:100px;*/ text-align:left; width:300px;   font-size:14px;}
   
   .interno_paso_4{ height:100px; margin: 0px auto;width:600px; }  
   .reg_paso_img_4{ float:left; /*margin-left:120px; */margin-top:0px;  text-align:left; width:200px; font-size:11px; color:#000;}
   .reg_descrip_paso_4{float:right; /*margin-right:120px; */text-align:left; width:370px;  margin-top:10px;  font-size:13px;}
   
      /*********** CONTACTO ************/
	.contacto_fondo{ width:570px;     margin-left:auto; margin-right:auto; background:url(images/contacto/titulares.gif) no-repeat center top;}
   .contacto_texto_intro{  float:left;  line-height:50px; margin:120px 0px 0px 60px; text-align:center; clear:both; }
   
   .contactenos_opc_1{ background:url(images/contacto/email.jpg) no-repeat center top; width:180px; height:200px; float:left; margin-left:5px; }
   .contactenos_opc_2{ background:url(images/contacto/telefono.jpg) no-repeat center top; width:180px; height:200px; float:left; margin-left:5px; }
   .contactenos_opc_3{ background:url(images/contacto/direccion.jpg) no-repeat center top; width:180px; height:200px; float:left;margin-left:5px; }
   
   .texto_opc{margin-top:55px; margin-left:14px; line-height:12px; font-size: 11px;}
   .texto_opc_2{margin-top:15px; text-align:left; margin-right:15px; float:right;}
   .contactenos_formulario{background:url(images/separador600.jpg) top center no-repeat; padding-left: 25px; padding-top:50px;  text-align:left; }
   .club_clear_2{ clear:both; margin-bottom: 1px; }
   .contactenos_titulo_form{background:url(images/registro/formulariocontacto.gif) top center no-repeat; height:50px;}
	  
	  
	  /*********** FORGET PASSWORD ************/
  .forget_fondo{ width:550px; color:#000000; margin-left:auto; margin-right:auto;background:url(images/icon_mail.jpg) no-repeat top left; text-align:left;}
  .forget_texto_intro{ color:#000000; float:left; font-weight:bold; line-height:50px; margin:10px 0px 0px 60px; text-align:center;}
  .forget_texto_cuerpo{  clear:both; font-size:12px;}
  
  .entrega_fondo{ width:550px; color:#000000;margin-left:75px; text-align:left;}
  
  
	/** servicios interna**/  
  /*.club_servicios_interna{ 	height:152px; 	background-color:#000; 	margin-top: 20px; padding-top:20px; 	}*/
 
  .club_servicio_interna{ background: #373739 url(images/temasbg.jpg); 	float:left; 	margin-left: 8px; 	_margin-left: 9px; 	}
  
  
  
  #link_home{ top:20px; left:80px; position:absolute; width:180px; height:150px; background:url(images/blank.gif) repeat;}
  
  .club_mensajes{
  	margin:10px 80px;
	color:#363636;
 	border-color:#ccc;
 	margin:10px 80px;
  }
  .fondo_blanco #edit-pass-wrapper{
  	width:700px;
  }
  .fondo_blanco .profile h3{
  	padding-left:10px;
	font-weight: bold;
	background: #ccc;
	width:210px;
	height:25px;
	margin-bottom:8px;
  }
  
  /*estilos para el formulario de registro, segun categoria*/
 
 .reg_formulario .deportes .form-item, .reg_formulario .intereses .form-item  {
 	display: inline;
	margin: 5px 0px;
 }
 .club_login_interno{
  	margin:20px 80px;
	color:#363636;
 	border-top : 1px solid #ccc;
	padding-top: 20px;
	clear: both;
	height:240px;
  }
 .login_club_interno{
 	width: 230px;
	float: right;
 }
 .login_club_interno_texto{
 	width:380px;
	float: left;
	margin-top: 12px;
	font-size:15px;
 }
  
  /*estilos encabezado de sorteos*/
  
.header_sorteo{ margin: 0px auto; text-align:center; color:#000000; width: 500px; }
.header_imagen{ clear:both; }
.header_texto{ font-family:Arial, Helvetica, sans-serif;}
.header_texto_sup{ font-size:18px; margin: 8px 0px;}
.header_texto_inf{ font-size:16px; }
.header_texto_bold{ font-size:14px; font-weight: bold;}
.header_sorteo_clear{ margin-top:8px;}

/*estilos promociones*/
	.promoc_opciones{ clear:both; height:240px; width:715px; font-family:Arial, Helvetica, sans-serif;	}
	.promoc_img{ float:left; width: 240px; margin-top:10px; }
	.promoc_box{ background:url(images/fondoprom.jpg) no-repeat top right; float:right; text-align:left; width: 460px; margin-bottom:15px;padding-right:10px; }
	.promoc_texto_sup{ font-size:18px;}
	.promoc_texto_inf{ font-size:16px;}
	.promoc_titulo{ color:#FF0000; font-size:17px; font-weight:bold; margin:2px 0px 5px 0px; }
	.header_sorteo_clear{margin-top:7px;}
	.header_texto_bold{ font-size:14px; font-weight:bold;}
 
 /*resultados de sorteos*/
	.result_opciones{ clear:both; height:220px; width:720px; font-family:Arial, Helvetica, sans-serif;	}
	.result_img{ float:left; width: 240px; margin-top:10px; }
	.result_box{ background:url(images/fondoprom.jpg) no-repeat top right; float:right; text-align:left; width: 460px; padding-top:15px; margin-bottom:15px;padding-right:10px; }
	.result_texto_sup{ font-size:18px;}
	.result_texto_inf{ font-size:16px;}
	.result_titulo{ color:#FF0000; font-size:14px; font-weight:bold; line-height:30px; }
	.result_sorteo_clear{margin-top:7px;}
	.result_texto_bold{ font-size:14px; font-weight:bold;}




  
  /*estilos titulo de romociones yr esultados*/
 .promo_intro a:link, .promo_intro a:visited {  color: #ff0000;  text-decoration: none; }
 .promo_intro a:hover { color: #c50102; text-decoration: underline; }
 .promo_intro a:active, .promo_intro a.active {  color: #ff0000; }
 .promo_intro h2.with-tabs{ color: #ff0000;}
 
  /* esilos para grupar los datos de usuario en 3 columnas*/
 .club_profile{ width: 220px; float:left; margin-right:10px; margin-left:5px; border: 1px solid #ccc;}
 .club_profile_historial{ clear: both; padding-top:15px;}
 .club_profile .profile dt{ margin-left:5px; } 
 
  .club_form_sorteo{ text-align: center; /*margin-bottom: 25px;*/ font-size:14px;background:url(images/club_marco_arriba.jpg) no-repeat top center; padding:20px 40px 0px 40px;}
 .club_form_sorteo_2{ background:url(images/club_marco_abajo.jpg) no-repeat top center; height:25px;}
 .club_form_sorteo .form-submit 	{ color:#fff; background:#c4130d; border:2px solid; border-color:#edb8b6; padding:3px 12px ;	}
 .profile .club_profile .profile  dl{ margin: 0 0 0 8px;}
 
 .link_categoria_nodo{ text-align: right; /*padding-right: 25px;*/ margin-right: 50px; font-size:15px;}
 
 .fondo_blanco .node .content{ background:url(images/fondoprom.jpg) no-repeat top right; padding-top: 9px; padding-right: 15px; line-height:24px; margin-bottom:20px;}
 .fondo_blanco .node .content img{ margin-right: 10px;}
 
 .fondo_blanco thead th {   border: 2px solid #E8E8E8;   color: #494949;   font-weight: bold; text-align : center; color: #fff; background: #C4130D  none repeat scroll 0 0;}
 .fondo_blanco tbody td {   border: 2px solid #E8E8E8;   color: #494949;   font-weight: bold; }
 
 .fondo_blanco #center form{ margin-bottom: 0px;}
 
 #login #header-region .block{ margin: 0px; }

 .fondo_blanco table{
	margin:	auto;
	width:	none;
 }