@charset "iso-8859-1";
/*@import url(http://fonts.googleapis.com/css?family=Shanti|Miltonian|Ropa+Sans|Open+Sans|Source+Sans+Pro:200);*/

/* Estructura */
#content_parent{ 
    width:1047px; 
	height:auto;
	margin:0 auto 0px auto; 
	padding:0;
	background:#fff;
}

/* Encabezado index */
#espaciadorContent{
	width:1047px; 
	height:auto;
	margin:0 auto 0 auto; 
}

#centraSlide{
	width:100%; 
	height:auto;
	margin:0 auto 0px auto; 
	padding:0; 
}

#barraNegra{
	background:#000;
	width:100%;
	height:7px;
	margin:-3px 0 0 0;
}
#barraRoja{
	background:url(../images/barfoot.png) repeat-x;
	width:100%;
	height:13px;
	float:left;
	margin:0 auto 0 auto;
}
#barraSuperior{
	width:100%;
	height:35px;
	background:url(../images/barred-sup.png) repeat-x;	
}

#header_new{
    width:100%; 
	height:159px;
	background: url(../images/bg-header.jpg) repeat-x;
	margin:0 auto 0px auto; 
	padding:0; 	
}
#logo{
	width:49%;
	height:144px;
	margin:0 0 0 1%;
	background:url(../images/logo.png) no-repeat;
	float:left;
}

#busqueda{
    width:49%; 
	margin:0 auto 0px auto;
	padding: 15px 1% 0 0;
    font-family: 'Source Sans Pro', sans-serif;
	color:#FFFFFF;
	font-size:14px;
	text-align:right;
	float:left;
}

#busqueda #divBU{
	width:100%;
	height:auto;
	float:left; 
	padding:0;
}

#busqueda #divBU input{
	height:auto;
    font-family: 'Source Sans Pro', sans-serif;
	color:#333333;
}

#slider{ 
    width:75%; 
	height:356px;
	float:left;
	margin:0 auto 0px auto; 
	padding:0;
	background:#040506;
}
#sliderLeft{
	width:23%; 
	height:356px;
	float:left;
	margin:0 auto 0px auto; 
	padding:0 1% 0 1%;
	background:#FFFFFF;
	text-align: center;
	color:#FFF;
    text-shadow: 0 -2px 1px #000;
    -webkit-font-smoothing: antialiased;
}

#elBuscador{
    margin:0 10% 0 0;
	padding:5px 0 0 0;
}

#tituloPromo{
    margin:-230px 10% 10px 10%;
	font-size:12px;
	font-weight:bold;
}
#imgPromo{
	margin:0 10% 0 10%;
	text-align:center;
}
#txtPromo{
	margin:10px 5% 0 10%;
	font-size:12px;
}

#distritext{
	margin:0 1% 0 1%;
    font-size:13px;
	text-align:justify;
}


/* Fin Encabezado index */

/* Menu */
#menu{
	position:absolute;
	top:403px;
	z-index:2;
    width:1047px;
	height:36px;
	padding:0;
}
#int_menu { /* este estilo afecta a cualquier elemento que contenga el id 'menu' */
	width: 100%; /*define el ancho del div que contiene el menu*/
	height: 36px; /*define el alto del div que contiene el menu */
	margin:0 auto 0 auto;
	background:#3360A7;
}

#int_menu .btn_inicio { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_inicio a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	/*background: url(../images/logo_r1_c1.gif); /*define la ruta donde se encuentra la imagen de fondo */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}
#int_menu .btn_inicio a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	/*background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
/* active */
#int_menu .btn_inicio_active { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 28px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_inicio_active a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	/*background: url(../images/logo_r1_c1.gif); /*define la ruta donde se encuentra la imagen de fondo */
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
#int_menu .btn_inicio_active a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */
	background-position: 0 0px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}

#int_menu .btn_quienes { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 20%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_quienes a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	/*background: url(../images/logo_r1_c2.gif); /*define la ruta donde se encuentra la imagen de fondo */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}
#int_menu .btn_quienes a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	/*background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
/* active */
#int_menu .btn_quienes_active { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 20%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_quienes_active a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	/*background: url(../images/logo_r1_c2.gif); /*define la ruta donde se encuentra la imagen de fondo */
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
#int_menu .btn_quienes_active a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */
	background-position: 0 0px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}

#int_menu .btn_futbol { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 8%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_futbol a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	/*background: url(../images/logo_r1_c3.gif); /*define la ruta donde se encuentra la imagen de fondo */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}
#int_menu .btn_futbol a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
/* active */
#int_menu .btn_futbol_active { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 8%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_futbol_active a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	/*background: url(../images/logo_r1_c3.gif); /*define la ruta donde se encuentra la imagen de fondo */
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
#int_menu .btn_futbol_active a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */
	background-position: 0 0px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}

#int_menu .btn_baloncesto { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_baloncesto a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	/*background: url(../images/logo_r1_c4.gif); /*define la ruta donde se encuentra la imagen de fondo */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}
#int_menu .btn_baloncesto a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
/* active */
#int_menu .btn_baloncesto_active { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_baloncesto_active a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	/*background: url(../images/logo_r1_c4.gif); /*define la ruta donde se encuentra la imagen de fondo */
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
#int_menu .btn_baloncesto_active a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */
	background-position: 0 0px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}

#int_menu .btn_tenis { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_tenis a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}
#int_menu .btn_tenis a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
/* active */
#int_menu .btn_tenis_active { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_tenis_active a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
#int_menu .btn_tenis_active a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */
	background-position: 0 0px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}

#int_menu .btn_motor { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_motor a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}
#int_menu .btn_motor a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
/* active */
#int_menu .btn_motor_active { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_motor_active a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
#int_menu .btn_motor_active a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */
	background-position: 0 0px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}

#int_menu .btn_noticias { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_noticias a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}
#int_menu .btn_noticias a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
/* active */
#int_menu .btn_noticias_active { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_noticias_active a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
#int_menu .btn_noticias_active a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */
	background-position: 0 0px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}

#int_menu .btn_contacto { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_contacto a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}
#int_menu .btn_contacto a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
/* active */
#int_menu .btn_contacto_active { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 14%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:8px 0 0 0;
}
#int_menu .btn_contacto_active a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 28px; /*define el alto del div que contiene el elementodemenu */	
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
#int_menu .btn_contacto_active a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 28px; /*define el alto del div que contiene el elementodemenu */
	background-position: 0 0px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
	background:#0099FF;
	margin:-8px 0 0 0;
	padding:8px 0 0 0;
}
#int_menu .btn_social { /*este estilo afecta a cualquier elemento que contenga la class 'elementodemenu' y que este dentro de un elemento con el id 'menu' */
	width: 4%; /*define el ancho del div que contiene el elementodemenu  */
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	float:left; 	
	text-align:center; /* alinea el texto con respecto al div que lo contiene */
	padding:4px 0 0 0;
}
#int_menu .btn_social a { /*este estilo afecta a cualquier enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu' */
	display: block; /*hace que el enlace sea un bloque para que ocupe todo el espacio del elemento que lo contiene (en este caso 'elementodemenu') cuando le demos el ancho y alto correspondiente */
	width: 100%; /*define el ancho del bloque que hemos detallado con la propiedad anterior, como queremos que lo ocupe todo, es del 100%*/
	height: 36px; /*define el alto del div que contiene el elementodemenu */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}
#int_menu .btn_social a:hover { 
  /* afecta enlace que se encuentre dentro de un elemento con la class 'elementodemenu', que se encuentre dentro de un elemento con el id 'menu', y sobre el que se ha puesto el cursor. Mantiene las propiedades del estilo anterior (#menu .elementodemenu a) a no ser que se diga lo contrario */
	height: 36px; /*define el alto del div que contiene el elementodemenu */	
	/*background-position: 0 -37px; /* define la posición horizontal del fondo '0' y vertical '-50px', de esta forma sacamos el color azul que se encuentra 'debajo' de nuestra imagen */
	text-decoration:none; /*elimina la decoración por defecto que contienen los enlaces en cualquier página web */ 
	color:#ffffff; /*elimina el color por defecto que tienen los enlaces en cualquier página web y le da un color blanco */
}

/* Fin Menu */

/* Encabezado Inside */
#header_inside{ 
 width:990px; 
	height:190px;
	background:url(../images/bg_header.png) no-repeat;
	margin:0 auto 0px auto; 
	padding:0; 
}
#header_inside #logo_inside{
	width:435px;
	height:100px;
	float:left;
	padding-left:20px;
	padding-top:10px;
}
#header_inside #busqueda_inside{
	position:absolute;
	top:110px;
	z-index:1;
 width:785px; 
	height:23px;
	background:url(../images/bg_busqueda.png) no-repeat;
	margin:0 auto 0px auto;
	padding: 5px 20px 5px 30px;
 font-family: 'Source Sans Pro', sans-serif;
	color:#FFFFFF;
	font-size:14px;
}

#busqueda_inside #divBU_inside{
	width:392px;
	height:23px;
	float:left; 
	padding:0;
}

#busqueda_inside #divBU_inside input{
	height:12px;
    font-family: 'Source Sans Pro', sans-serif;
	color:#333333;
}
/* Fin Encabezado Inside */

/* Menu */
#header_inside #menu_inside{
	position:absolute;
	top:150px;
	z-index:2;
    width:992px; 
	height:38px;
	margin:0 auto 0px auto;
	padding:0;
}
/* Fin Menu */

#marcoA{
	width:990px;
	height:auto;
	float:left;
	background-color:#101A24;
	margin:0 auto 0px 15px;
	padding:0; 
}

#marcoANew{
	width:1030px;
	height:auto;
	float:left;
	margin:50px 5px 0px 5px;
	padding:0; 
}

#marcoLeft{
	width:15%;
	height:auto;
	float:left;
}
#marcoCenter{
	width:60%;
	height:auto;
	float:left;
}
#marcoCenterInterior{
	width:100%;
	height:auto;
	float:left;
}
#marcoRigth{
	width:25%;
	height:auto;
	float:left;
}
#marcoInferior{
	width:100%;
	height:auto;
	float:left;
}
#marcoNoticia{
	width:47%; 
	float:left; 
	margin:0 1% 10px 1%;
}
#marcoProvee{
	width:25%;
	height:100px;
	vertical-align:middle;
	text-align:center;
	float:left; 
	margin:0 1% 10px 1%;
}
#marcoQuienes{
	width:31%; 
	float:left; 
	margin:0 1% 10px 1%;
}
#textoCentral{
	width:96%;
	height:auto;
	padding:2%;
}

#tituloCentral{
	width:98%; 
	margin:2px 0 0 2%;
	font-size:28px;
	color:#333333;
	font-weight:800;
	text-shadow: 0 -2px 1px #DEDEDE;
    -webkit-font-smoothing: antialiased;
}
#shareCentral{
	width:98%; 
	margin:2px 0 0 2%;
	text-align:right;
}
#textNewsNew{
	height:215px; 
	float:left; 
	padding: 2px 5px 0 5px; 
	border: 1px solid #A7A8A5;
	text-shadow: 0 -2px 1px #DEDEDE;
    -webkit-font-smoothing: antialiased;
}

.tituloslide{
 font-family: 'Source Sans Pro', sans-serif;
	font-weight:bold;
}
.tituloslide a{
	color:#FFF;
	text-decoration:none;
}
.tituloslide a:hover{
	color:#FFF;
	text-decoration:none;
}
.letraslide{
 font-family: 'Source Sans Pro', sans-serif;
	text-align:justify;
}

#footer{
 width:990px; 
	height:auto;
	float:left;
	margin:0 auto 0px 15px; 
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
	color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px; 
}
#footer #foodivA{
	width:1047px;
	height:auto;
	float:left;
	text-align:center;
	padding: 0 0 0 0;
}
#foodivBC{
	width:98%;
	height:auto;
	float:left;
	text-align:center;
	padding: 1%;
	background:#0099FF;
}
#foodivP1{
	width:60%;
	height:auto;
	float:left;
	text-align:left;
	padding: 0 0 0 0;
	color:#FFF;
}
#foodivP2{
	width:38%;
	height:auto;
	float:left;
	text-align:left;
	padding: 0 0 0 2%;
	color:#FFF;	
}


#lol{
    width:100%;	
}
/* Fin Estructura */


/* Textos */
.texto_link_news2 a{
    font-family: 'Open Sans', sans-serif;
    color: #8CC63F;
    font-size: 14px;
    line-height: 35px;
    padding: 0 0 0 66%;	
}
.texto_link_news2 a:hover{
    font-family: 'Open Sans', sans-serif;	
	color:#333333;
	font-size:14px;	
}

.texto_link_news{
    font-family: 'Open Sans', sans-serif;	
	color:#F0F0F0;
	font-size:12px;
	text-decoration:none;	
}
.texto_link_news a{
    font-family: 'Open Sans', sans-serif;	
	color:#F0F0F0;
	font-size:12px;
	text-decoration:none;	
}
.texto_semigris{
	font-family: 'Open Sans', sans-serif;
	color:#333333;
	font-size:14px;	
	line-height: 1.3;
}

.texto_gris{
	font-family: 'Open Sans', sans-serif;
	color:#7A7B7A;
	font-size:14px;	
}
.texto_gris_lt{
	color:#7A7B7A;
	font-size:12px;	
}

/* Menu segundo */
#menuEmergente{
	visibility:hidden;
}
.menujq ul {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.menujq a {
    display: block;
    padding: 10px;
    background: #929497;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
}
/* S�mbolo elemento normal */
.menujq ul li a:before {
    content: "\25CF\00A0 ";
    width: 28px;
    display: inline-block;
    vertical-align: top;
}
/* S�mbolo elemento desplegable cerrado */
.menujq ul li.desplegable a:before {
    content: "\25BA\00A0";
}
/* S�mbolo elemento desplegable abierto */
.menujq ul li.desplegable.activa a:before {
    content: "\25BC\00A0 ";
}
/* Eliminar s�mbolos para sub-opciones */
.menujq ul li.desplegable ul li a:before,
.menujq ul li.desplegable.activa ul li a:before {
    content: "";
}
/* Lista anidada inicialmente oculta */
.menujq ul ul {
    display: none;
    width: 100%;
}
/* Sangrado y segundo color para sub-opciones */
.menujq ul ul a {
    padding-left: 20px;
    background: #BBBDC2;
    text-transform: capitalize;
}
/* Fin menu segundo */



@media screen and (max-width:1047px){
#content_parent{ 
    width:100%; 
	height:auto;
	margin:0 auto 0px auto; 
	padding:0;
}
#espaciadorContent{
	width:98%; 
	height:auto;
	margin:0 auto 0 auto; 
}
#menu{
	position:absolute;
	top:403px;
	left:0px;
	z-index:2;
    width:100%;
	height:36px;
	padding:0;
}
#int_menu .btn_inicio a{
	font-size:14px;
}
#int_menu .btn_inicio_active a{
	font-size:14px;
}
#int_menu .btn_quienes a{
	font-size:14px;
}
#int_menu .btn_quienes_active a{
	font-size:14px;
}
#int_menu .btn_futbol a{
	font-size:14px;
}
#int_menu .btn_futbol_active a{
	font-size:14px;
}
#int_menu .btn_baloncesto a{
	font-size:14px;
}
#int_menu .btn_baloncesto_active a{
	font-size:14px;
}
#int_menu .btn_tenis a{
	font-size:14px;
}
#int_menu .btn_tenis_active a{
	font-size:14px;
}
#int_menu .btn_motor a{
	font-size:14px;
}
#int_menu .btn_motor_active a{
	font-size:14px;
}
#int_menu .btn_noticias a{
	font-size:14px;
}
#int_menu .btn_noticias_active a{
	font-size:14px;
}
#int_menu .btn_contacto a{
	font-size:14px;
}
#int_menu .btn_contacto_active a{
	font-size:14px;
}
#marcoANew{
	width:98%;
	height:auto;
	float:left;
	margin:50px 1% 0px 1%;
	padding:0; 
}

#tituloPromo{
    margin:-220px 10% 10px 10%;
	font-size:12px;
	font-weight:bold;
}
#imgPromo{
	margin:0 10% 0 10%;
	text-align:center;
}
#txtPromo{
	margin:10px 5% 0 10%;
	font-size:12px;
}

}

@media screen and (max-width:970px){

#tituloPromo{
    margin:-195px 10% 10px 10%;
	font-size:12px;
	font-weight:bold;
}
#imgPromo{
	margin:0 10% 0 10%;
	text-align:center;
}
#txtPromo{
	margin:10px 5% 0 10%;
	font-size:12px;
}
}

@media screen and (max-width:900px){
#header_new #logo{
	width:49%;
	height:90px;
	margin:15px 0 0 1%;
	background:url(../images/logo-medium1.png) no-repeat;
	float:left;
}
#menu{
	position:absolute;
	top:343px;
	left:0px;
	z-index:2;
    width:100%;
	height:36px;
	padding:0;
}
#slider{ 
    width:75%; 
	height:300px;
	float:left;
	margin:0 auto 0px auto; 
	padding:0;
	background:#040506;
}
#sliderLeft{
	width:23%; 
	height:300px;
	float:left;
	margin:0 auto 0px auto; 
	padding:0 1% 0 1%;
	background:#ffffff;
	font-size: 28px;
	text-align: center;
    text-shadow: 0 -2px 1px #000;
    -webkit-font-smoothing: antialiased;
}
#textNewsNew{
	height:190px; 
	float:left; 
	padding: 2px 5px 0 5px; 
	border: 1px solid #A7A8A5;
	text-shadow: 0 -2px 1px #DEDEDE;
    -webkit-font-smoothing: antialiased;
}
.texto_semigris{
	font-family: 'Open Sans', sans-serif;
	color:#333333;
	font-size:12px;	
}
.texto_link_news2 a{
    font-family: 'Open Sans', sans-serif;
    color: #8CC63F;
    font-size: 12px;
    line-height: 35px;
    padding: 0 0 0 66%;	
}
.texto_link_news2 a:hover{
    font-family: 'Open Sans', sans-serif;	
	color:#333333;
	font-size:12px;	
}

#tituloPromo{
    margin:-175px 10% 10px 10%;
	font-size:12px;
	font-weight:bold;
}
#imgPromo{
	margin:0 10% 0 10%;
	text-align:center;
}
#txtPromo{
	margin:10px 5% 0 10%;
	font-size:12px;
}


}

@media screen and (max-width:750px){
#header_new #logo{
	width:49%;
	height:90px;
	margin:15px 0 0 1%;
	background:url(../images/logo-medium1.png) no-repeat;
	float:left;
}
#menu{
	position:absolute;
	top:315px;
	left:0px;
	z-index:2;
    width:100%;
	height:36px;
	padding:0;
}
#int_menu .btn_inicio a{
	font-size:12px;
}
#int_menu .btn_inicio_active a{
	font-size:12px;
}
#int_menu .btn_quienes a{
	font-size:12px;
}
#int_menu .btn_quienes_active a{
	font-size:12px;
}
#int_menu .btn_futbol a{
	font-size:12px;
}
#int_menu .btn_futbol_active a{
	font-size:12px;
}
#int_menu .btn_baloncesto a{
	font-size:12px;
}
#int_menu .btn_baloncesto_active a{
	font-size:12px;
}
#int_menu .btn_tenis a{
	font-size:12px;
}
#int_menu .btn_tenis_active a{
	font-size:12px;
}
#int_menu .btn_motor a{
	font-size:12px;
}
#int_menu .btn_motor_active a{
	font-size:12px;
}
#int_menu .btn_noticias a{
	font-size:12px;
}
#int_menu .btn_noticias_active a{
	font-size:12px;
}
#int_menu .btn_contacto a{
	font-size:12px;
}
#int_menu .btn_contacto_active a{
	font-size:12px;
}

#slider{ 
    width:75%; 
	height:270px;
	float:left;
	margin:0 auto 0px auto; 
	padding:0;
	background:#040506;
}
#sliderLeft{
	width:23%; 
	height:270px;
	float:left;
	margin:0 auto 0px auto; 
	padding:0 1% 0 1%;
	background:#ffffff;
	font-size: 28px;
	text-align: center;
    text-shadow: 0 -2px 1px #000;
    -webkit-font-smoothing: antialiased;
}
.texto_semigris{
	font-family: 'Open Sans', sans-serif;
	color:#333333;
	font-size:11px;	
}
.texto_link_news2 a{
    font-family: 'Open Sans', sans-serif;
    color: #8CC63F;
    font-size: 11px;
    line-height: 35px;
    padding: 0 0 0 60%;	
}
.texto_link_news2 a:hover{
    font-family: 'Open Sans', sans-serif;	
	color:#333333;
	font-size:11px;	
}
#textoCentral{
	width:96%;
	height:auto;
	padding:2%;
	font-size:12px;
}

#tituloPromo{
    margin:-135px 10% 10px 10%;
	font-size:11px;
	font-weight:bold;
}
#imgPromo{
	margin:0 10% 0 10%;
	text-align:center;
}
#txtPromo{
	margin:10px 5% 0 10%;
	font-size:11px;
	visibility:hidden;
}

}

@media screen and (max-width:600px){
#header_new #logo{
	width:49%;
	height:70px;
	margin:15px 0 0 1%;
	background:url(../images/logo-medium.png) no-repeat;
	float:left;
}
#menu{
	position:absolute;
	top:290px;
	left:0px;
	z-index:2;
    width:100%;
	height:36px;
	padding:0;
}
#int_menu .btn_inicio a{
	font-size:11px;
}
#int_menu .btn_inicio_active a{
	font-size:11px;
}
#int_menu .btn_quienes a{
	font-size:11px;
}
#int_menu .btn_quienes_active a{
	font-size:11px;
}
#int_menu .btn_futbol a{
	font-size:11px;
}
#int_menu .btn_futbol_active a{
	font-size:11px;
}
#int_menu .btn_baloncesto a{
	font-size:11px;
}
#int_menu .btn_baloncesto_active a{
	font-size:11px;
}
#int_menu .btn_tenis a{
	font-size:11px;
}
#int_menu .btn_tenis_active a{
	font-size:11px;
}
#int_menu .btn_motor a{
	font-size:11px;
}
#int_menu .btn_motor_active a{
	font-size:11px;
}
#int_menu .btn_noticias a{
	font-size:11px;
}
#int_menu .btn_noticias_active a{
	font-size:11px;
}
#int_menu .btn_contacto a{
	font-size:11px;
}
#int_menu .btn_contacto_active a{
	font-size:11px;
}

#slider{ 
    width:75%; 
	height:250px;
	float:left;
	margin:0 auto 0px auto; 
	padding:0;
	background:#040506;
}
#sliderLeft{
	width:23%; 
	height:250px;
	float:left;
	margin:0 auto 0px auto; 
	padding:0 1% 0 1%;
	background:#ffffff;
	font-size:18px;
	text-align: center;
    text-shadow: 0 -2px 1px #000;
    -webkit-font-smoothing: antialiased;
}
#marcoNoticia{
	width:97%; 
	float:left; 
	margin:0 1% 10px 1%;
}
#marcoQuienes{
	width:97%; 
	float:left; 
	margin:0 1% 10px 1%;
}
#textNewsNew{
	height:140px; 
	float:left; 
	padding: 2px 5px 0 5px; 
	border: 1px solid #A7A8A5;
	text-shadow: 0 -2px 1px #DEDEDE;
    -webkit-font-smoothing: antialiased;
}
.texto_link_news2 a{
    font-family: 'Open Sans', sans-serif;
    color: #8CC63F;
    font-size: 11px;
    line-height: 35px;
    padding: 0 0 0 75%;	
}
.texto_link_news2 a:hover{
    font-family: 'Open Sans', sans-serif;	
	color:#333333;
	font-size:11px;	
}

#tituloPromo{
    margin:-115px 10% 10px 10%;
	font-size:11px;
	font-weight:bold;
}
#imgPromo{
	margin:0 10% 0 10%;
	text-align:center;
}
#txtPromo{
	margin:10px 5% 0 10%;
	font-size:11px;
	visibility:hidden;
}

}

@media screen and (max-width:500px){
#header_new #logo{
	width:49%;
	height:70px;
	margin:15px 0 0 1%;
	background:url(../images/logo-medium.png) no-repeat;
	float:left;
}
#int_menu .btn_inicio a{
	font-size:11px;
}
#int_menu .btn_inicio_active a{
	font-size:11px;
}
#int_menu .btn_quienes a{
	font-size:11px;
}
#int_menu .btn_quienes_active a{
	font-size:11px;
}
#int_menu .btn_futbol a{
	font-size:11px;
}
#int_menu .btn_futbol_active a{
	font-size:11px;
}
#int_menu .btn_baloncesto a{
	font-size:11px;
}
#int_menu .btn_baloncesto_active a{
	font-size:11px;
}
#int_menu .btn_tenis a{
	font-size:11px;
}
#int_menu .btn_tenis_active a{
	font-size:11px;
}
#int_menu .btn_motor a{
	font-size:11px;
}
#int_menu .btn_motor_active a{
	font-size:11px;
}
#int_menu .btn_noticias a{
	font-size:11px;
}
#int_menu .btn_noticias_active a{
	font-size:11px;
}
#int_menu .btn_contacto a{
	font-size:11px;
}
#int_menu .btn_contacto_active a{
	font-size:11px;
}
#int_menu{
	visibility:hidden;
	width:1px;
	height:1px;
}
#menuEmergente{
	visibility:visible;
}
.menujq{
	position:absolute;
	width:100%;
	top:150px;
	z-index:9999;
}

#slider{ 
    width:100%; 
	height:auto;
	float:left;
	margin:0 auto 0px auto; 
	padding:0;
	background:#040506;
}
#sliderLeft{
	width:30%; 
	height:auto;
	float:left;
	margin:0 auto 0px auto; 
	padding:0 35% 0 35%;
	background:#ffffff;
	font-size:18px;
	text-align: center;
    text-shadow: 0 -2px 1px #000;
    -webkit-font-smoothing: antialiased;
}
#textNewsNew{
	height:125px; 
	float:left; 
	padding: 2px 5px 0 5px; 
	border: 1px solid #A7A8A5;
	text-shadow: 0 -2px 1px #DEDEDE;
    -webkit-font-smoothing: antialiased;
}
#marcoLeft{
	width:15%;
	height:auto;
	float:left;
	visibility:hidden;
	height:1px;
}
#marcoCenter{
	width:100%;
	height:auto;
	float:left;
}
#marcoRigth{
	width:15%;
	height:auto;
	float:left;
	visibility:hidden;
	height:1px;
}
.texto_link_news2 a{
    font-family: 'Open Sans', sans-serif;
    color: #8CC63F;
    font-size: 11px;
    line-height: 35px;
    padding: 0 0 0 76%;	
}
.texto_link_news2 a:hover{
    font-family: 'Open Sans', sans-serif;	
	color:#333333;
	font-size:11px;	
}
#foodivP1{
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	padding: 0 0 0 0;
	color:#FFF;
}
#foodivP2{
	width:98%;
	height:auto;
	float:left;
	text-align:left;
	padding: 0 0 0 2%;
	color:#FFF;	
}
#elBuscador{
    margin:0 30% 0 0;
	padding:5px 0 0 0;
}

#tituloPromo{
    margin:-100px 10% 10px 10%;
	font-size:11px;
	font-weight:bold;
}
#imgPromo{
	margin:0 10% 0 10%;
	text-align:center;
}
#txtPromo{
	margin:10px 5% 0 10%;
	font-size:11px;
	visibility:hidden;
}
}


@media screen and (max-width:400px){
#header_new{
    width:100%; 
	height:110px;
	background: url(../images/bg-header.jpg) repeat-x;
	margin:0 auto 0px auto; 
	padding:0; 	
}
#header_new #logo{
	width:98%;
	height:70px;
	margin:15px 0 0 1%;
	background:url(../images/logo-medium.png) no-repeat center;
}
#busqueda{
	visibility:hidden;
	height:1px;
}
#int_menu{
	visibility:hidden;
	width:1px;
	height:1px;
}
#menuEmergente{
	visibility:visible;
}
.menujq{
	position:absolute;
	width:100%;
	top:80px;
	z-index:9999;
}

#slider{ 
    width:100%; 
	height:auto;
	float:left;
	margin:0 auto 0px auto; 
	padding:0;
	background:#040506;
}
#sliderLeft{
	width:30%; 
	height:auto;
	float:left;
	margin:0 auto 0px auto; 
	padding:0 35% 0 35%;
	background:#ffffff;
	font-size:18px;
	text-align: center;
    text-shadow: 0 -2px 1px #000;
    -webkit-font-smoothing: antialiased;
}
#marcoInferior{
	width:100%;
	height:auto;
	visibility:hidden;
	height:1px;
}
#marcoCenter{
	margin:20px 0 0 0;
}
#elBuscador{
    margin:0 25% 0 0;
	padding:5px 0 0 0;
}
}