/* RESETEO UNIVERSAL */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, img, ins, kbd, q, s, samp,small, strike,  sub, sup, tt, var,b, u, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}ul, li { list-style-type: none; }

/* GENERALES */
body{ color:#333; font-family: 'Open Sans', sans-serif;  }
a{text-decoration:none; color:#FFF; cursor:pointer;}
img{ max-width:100%; }

.Redondeo{-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }	
.Sombreado{ -moz-shadow: 0 10px 10px -6px #666; -webkit-box-shadow: 0 10px 10px -6px #666; -box-shadow: 0 10px 10px -6px #666; }

.ImgSprite{background-image: url("../images/sprite.png"); background-repeat: no-repeat; }

h1.Titulo_Completo{ border-bottom:5px solid #E8A402; color:#E8A402; font-size:30px; font-weight:bold; width:100%; }

.Bloque_Boulet{ margin-bottom:10px; width:100%; /*background:#F96; */}	
	.Boulet{ background-position: 0 0; display:inline-block; height:15px; margin-left:15px; margin-right:10px; margin-top:3px; vertical-align:top; width:10px; }
	.BouletRed{ background-position: 0 -19px; display:inline-block; height:11px; margin-left:11px; margin-right:10px; margin-top:5px; vertical-align:top; width:10px; }		
	.Boulet_Texto{ display:inline-block; vertical-align:top; width:92%; /*background:#0C3; */ }	


/***** Screen 960px *****/			
/*//////////////////////////////  HEADER  //////////////////////////////*/
#Header{ width:100%; background:#000; position:relative; z-index:50; }	
	#Header_Interno{ height:50px; margin:0 auto; width:960px; }
		/* LOGO */
		#DivLogo{ display:inline-block; height:50px; vertical-align:top; width:220px; }
		/* CONTENEDOR: IMAGEN MENU MOBILE | MENU GENERAL */
		#Menu{ display:inline-block; height:50px; text-align:right; vertical-align:top; width:735px; }
			/* MENU MOBILE */			
			#Menu_Mobile_Titulo{ background:#333; border-bottom:1px solid #CCC; color:#FFF; cursor:pointer; height:50px; text-align:right; width:100%; display:none; }			
			/* MENU GENERAL */
			#Menu_Interno{ width:100%; }					
			#Menu_Interno ul{ color:#FFF; cursor:pointer; display:inline-block; font-size:12px; font-weight:bold; height:26px; margin-left:-5px; padding:12px; }
				#Menu_Interno ul:hover{ background:#FFF; color:#000; }									
			#Menu li{ margin-top:4px; }							
			
		/* DIV SUB MENU */	
		#DivSubMenu{  border-bottom:1px solid #999; display:none; margin:0 auto; padding-bottom:20px; padding-top:10px;  position:absolute; 
					text-align:center; vertical-align:middle; width:100%; z-index: 1000; background-image: url("../images/fondo-menu-productos.jpg"); background-repeat: no-repeat;}
					
			/* CONTENEDOR QUE SE CENTRA PARA PODER CONTENER TODOS LOS SUB MENUS */
			#DivSubMenu_Interno{  margin:0 auto; text-align:left; width:960px; }
			/* BLOQUES GENERALES DE CADA SUB MENU */
			.BloquesInternos{ position:absolute; display:none; width:960px; z-index:100; }
				
				/* BOTON CERRAR SUB-MENU EN MOBILE */
				.CloseSubMenu{ background-position: 0 -180px; display:none; text-align:right; width:99%; }
					.CloseSubMenu img{ cursor:pointer; }
				
				/* PRODUCTOS */				
				.Titulo-Acordion{ border-bottom:1px dotted #999; margin-bottom:5px; margin-left:240px; padding-bottom:5px; padding-left:10px; width:200px; }
					.Titulo-Acordion a{ color:#8D949A; font-size:14px; font-weight:bold; }
					.Titulo-Acordion a:hover{ color:#EF2B11; } 
				
				.Cuerpo-Acordion{ color:#777; display:none; margin-bottom:10px; margin-left:250px;  width:190px; }
					.Cuerpo-Acordion a{ color:#666; font-size:11px; font-weight:bold; display:inline-block; margin-bottom:-10px; padding:5px; width:180px; }
					.Cuerpo-Acordion a:hover{ color:#FFF; background:#EF2B11;}						
				
				/* BALL FITTING */
				.Titulo-Ball{ border-bottom:1px dotted #999; color:#666; display:inline-block; font-size:12px; font-weight:bold; margin-bottom:5px; 
								margin-left:340px; padding-bottom:5px; padding-top:5px; padding-left:10px; vertical-align:top; width:220px; }
					.Titulo-Ball:hover{ background:#EF2B11; color:#FFF; }
				
				/* JUGADORES */
				#Jugadores_Left{ display:inline-block; margin:0 auto; margin-left:-70px; text-align:left; vertical-align:top; width:140px; }
					#Jugadores_Left img{ border:2px solid #999; visibility:hidden; }
				#Jugadores_Right{ display:inline-block; margin:0 auto; text-align:left; vertical-align:top; width:140px; }
					#Jugadores_Right a{ border-bottom:1px dotted #999; color:#666; font-size:12px; font-weight:bold; display:inline-block; 
										 padding-bottom:5px; padding-top:5px; padding-left:10px; vertical-align:top; width:130px; }
					#Jugadores_Right a:hover{ background:#EF2B11; color:#FFF; }

/*//////////////////////////////  CUERPO  //////////////////////////////*/
#Cuerpo{ margin:0 auto; padding-top:10px; text-align:center; width:960px; background:#FFF; /*border:1px solid #CCC;*/ /*background:#9C9;*/ }

/*//////////////////////////////  FOOTER  //////////////////////////////*/
#DivEspacioFooter{ height:80px; width:100%; }
#Footer{ background:#E9E9E9; bottom:0; position:fixed; text-align:center; width:100%; }
#FooterInterno{ margin:0 auto; width:960px; }
	.BloqueFooterRight{ text-align:right; }
	#Footer div{ color:#333; cursor:pointer; display:inline-block; font-size:10px; font-weight:bold; padding-right:5px; vertical-align:top; }
		#Footer div:hover{ color:#A42110; }	
	.Footer_Menu_Pleca{ border-right:1px solid #A42110; }
	.Div_Sociales{ margin:5px; width:100%; }		
	
	.Div_Sociales img{ cursor:pointer; display:inline-block; margin:5px; margin-bottom:0; vertical-align:top; }
	
		
	/************************  ESTRUCTURA  ************************/
	/* SECCIONES GENERALES */
	#Bloque_Completo, #Bloque_Doble, #Bloque_Individual_Columna, #Bloque_Individual	{ 
				display:inline-block; margin-bottom:10px; padding:10px; vertical-align:top; /*background:#0376a6; */}		
	#Bloque_Completo			{ width:940px; /*background:#0C3;*/ }
	#Bloque_Doble				{ width:620px; /*background:#06C;*/ }
	#Bloque_Individual_Columna, #Bloque_Individual { width:300px; padding:7px; /*background:#CC0;*/ }	
	
	.CuerpoBarraCompleta{ background:#8D949A; border-bottom:1px solid #FFF; margin:0 auto; margin-bottom:10px; width:100%; }
	.CuerpoBarraCompleta_Interna{ color:#FFF; font-size:16px; margin:0 auto; padding:10px; text-align:right; width:940px; }		
	
	
	#PlecaCompleta{ background-image: url("../images/line-gris.png"); background-repeat: repeat; height:69px; margin-bottom:10px; text-align:right; width:960px; }
		#PlecaCompleta div{ color:#FFF; font-size:16px; font-weight:bold; padding-top:15px; margin-right:20px; }
	
	/************************  PAGINACION  ************************/	
	.pagination a.inactive,.pagination a.inactive:hover{ color:#bababa; border:1px solid #333; cursor: default; text-decoration:none;}
	.data a{list-style: none; margin: 5px 0 5px 0; color: #000; font-size: 13px; text-decoration:none;}
	.pagination{ border-bottom:1px dotted #CCC; width:96%; height: auto; margin:5px; margin-bottom:20px; }       
		.pagination a{ 	 float: left;   margin-bottom:0.5em; 
						 cursor:pointer; height:30px; width:30px; }        	
		.pagination div{ color:#666; font-size:12px; font-weight: bold; height:20px; padding-top:8px; text-align:center; width:30px; }
		.pagination div:hover{color: #C70019; text-decoration:underline; }
	.goto{ color:#666; font-weight:bold; height:20px; margin:2px; margin-top:2px; text-align:center; width:40px; }
	.go_button{ color:#666; cursor:pointer; font-weight:bold; height:28px; margin:5px; margin-left:0; margin-top:2px; text-align:center; width:32px; }
	.total{ color:#666; font-size:12px; font-weight:bold; }				
		#btn_first{  background-position: 0 -180px;  }
		#btn_first:hover{ background-position: 0 -210px; }
		#btn_previous{  background-position: -30px -180px;  }
		#btn_previous:hover{ background-position: -30px -210px; }
		#btn_numero{  background-position: -120px -180px;  }
		#btn_numero:hover{ background-position: -120px -210px; }
		#btn_next{  background-position: -60px -180px;  }
		#btn_next:hover{ background-position: -60px -210px; }
		#btn_last{  background-position: -90px -180px;  }
		#btn_last:hover{ background-position: -90px -210px; }
	
	/************************  POP-UP  ************************/
	#DivObscuro{ position: fixed; height: 100%; width: 100%; z-index: 4; display:none; background-image: url("../images/overlay.png"); background-repeat: repeat;  
				top: 0; left: 0; opacity:0.80; filter:alpha(opacity=80); /* For IE8 and earlier */ }

/* **************************************************************  MEDIA QUERYS  *******************************************************************/	
/* UN MAXIMO DE 800px - HACIA ABAJO, HASTA 601px | "iPad - Portrait"  "NARANJA: background:#F90;" */
@media screen and (max-width:959px){
/***** Screen 960px *****/			
/*//////////////////////////////  HEADER  //////////////////////////////*/
#Header_Interno{ height:100px; width:100%; }
	
	#DivLogo{ text-align:center; width:100%; }
	
	#Menu{ width:100%; }
		#Menu_Mobile_Titulo{ display:block; width:100%; }			
		#Menu_Interno{ border:none; display:none; width:100%;  }
		#Menu ul{ background:#333; border:none; border-bottom:1px dotted #CCC; height:35px; margin:0; padding:0; text-align:center; width:100%;}
		#Menu li{ border:none; }			
	
	/* DIV SUB MENU */	
	#DivSubMenu{  border-bottom:none; display:none; margin:0; padding:0; position:static; width:100%; margin-top:-50px;  }
				
		/* CONTENEDOR QUE SE CENTRA PARA PODER CONTENER TODOS LOS SUB MENUS */
		#DivSubMenu_Interno{  margin:0 auto; text-align:left; width:100%; }
		/* BLOQUES GENERALES DE CADA SUB MENU */
		.BloquesInternos{ display:none; padding-bottom:20px; position:absolute; width:100%; z-index:100; 
						background-image: url("../images/fondo-menu-productos.jpg"); background-repeat: no-repeat; }		
		/* BOTON CERRAR SUB-MENU EN MOBILE */
		.CloseSubMenu{ display:block; }
		
					
/*//////////////////////////////  CUERPO  //////////////////////////////*/
#Cuerpo{ width:100%; border:none; }

/*//////////////////////////////  FOOTER  //////////////////////////////*/
#DivEspacioFooter{ height:150px; }
#FooterInterno{ width:96%;}
	#Footer div{ margin-bottom:5px; }	
		
/************************  ESTRUCTURA  ************************/
/* SECCIONES GENERALES */
#Bloque_Completo, #Bloque_Doble, #Bloque_Individual_Columna{ width:96%; }	
#Bloque_Individual	{ width:30.5%; }	
#PlecaCompleta{ width:100%; }

.CuerpoBarraCompleta_Interna{  width:94%; }			
	}

/* UN MAXIMO DE 600px - HACIA ABAJO " ----------------- DISPOSITIVOS MOVILES 'SMARTPHONES' LANDSCAPE ----------------- " "ROSA: background:#F09;" */	
@media only screen and (max-width: 600px){
/***** Screen 960px *****/			
/*//////////////////////////////  HEADER  //////////////////////////////*/
#Header_Interno{ width:100%; /*background:#F09; */ }

	/* PRODUCTOS */				
	.Titulo-Acordion{ margin-left:100px; }		
	.Cuerpo-Acordion{ margin-left:110px; }

	/* BALL FITTING */
	.Titulo-Ball{ margin-left:100px;}

					
/*//////////////////////////////  CUERPO  //////////////////////////////*/
#Cuerpo{ text-align:center; }

/************************  ESTRUCTURA  ************************/
/* SECCIONES GENERALES */
#Bloque_Completo, #Bloque_Doble, #Bloque_Individual_Columna { width:95%;}
 #Bloque_Individual	{ width:46.8%;}	

	}

/* UN MAXIMO DE 400px - HACIA ABAJO " ----------------- DISPOSITIVOS MOVILES 'SMARTPHONES' PORTRAIT ----------------- " "AMARILLO: background:#FFFF33;"*/	
@media only screen and (max-width:400px){	
/***** Screen 960px *****/			
/*//////////////////////////////  HEADER  //////////////////////////////*/
#Header_Interno{ width:100%; /*background:#FFFF33; */ }

	/* PRODUCTOS */				
	.Titulo-Acordion{ margin-left:50px; }		
	.Cuerpo-Acordion{ margin-left:60px; }

	/* BALL FITTING */
	.Titulo-Ball{ margin-left:60px;}

	/* JUGADORES */
	#Jugadores_Left{ display:none; margin:0; width:0; }

				
/************************  ESTRUCTURA  ************************/
/* SECCIONES GENERALES */
#Bloque_Completo, #Bloque_Doble, #Bloque_Individual	{ width:94%;}
		
	}				









/* Solución: Botones del carrusel no pasan por encima del footer */
.bx-wrapper .bx-controls-direction a {
    z-index: 5 !important;
}

#Footer {
    z-index: 100 !important;
    position: fixed;
    background: #E9E9E9;
}




/* Fijar el menú en la parte superior */
#Header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

/* Agregar un margen superior al cuerpo para que el contenido no quede tapado por el menú fijo */
body {
    padding-top: 50px;
}