/*******************************************************************************************************************
*  Author: Horacio Mendoza                                                                           
*  Date: 23.08.2012                                                                                                
*******************************************************************************************************************/

/*  IMPORT OTHER STYLES                                                                                             
*******************************************************************************************************************/
@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Podkova:700);

/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
* 		{ padding:0; margin:0; outline:0; }
html 	{ background: #000000 url("imagenes/fondo.jpg") repeat-y; background-position: center top;}
body 	{ color: #6f6e6e;font: normal 13px "Helvetice Neue", Arial, Tahoma, Verdana; line-height:17px;}
p		{ line-height: 1.5em;margin-bottom: 15px}
address 	{ font-style: normal;padding-bottom: 15px;}

/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a, a:link, a:focus {color: #0177B8; outline: 0; font-weight: 700; text-decoration: none;}
a:hover 			{color: #ffffff;}
a.more 			{padding-right: 15px; background: url('../img/more.png') no-repeat 100% 50%;}
a.mas 			{padding-right: 15px; background: url('../img/mas.png') no-repeat 100% 50%; }

/*******************************************************************************************************************
*  H1 - H4                                                                                                         
*******************************************************************************************************************/
h1, h2, h3, h4 , h5 {font-family: "Podkova", Arial, Tahoma, Verdana;line-height: 1.2em;margin-bottom: 15px;font-weight: 700}
h1 {font-size: 3.0em;color: #fff;text-shadow: 2px 2px 2px #000000;} 
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;margin-bottom: 5px;font-family: "Helvetice Neue", Arial, Tahoma, Verdana;}
h4 {font-size: 1.6em;color: #999999;}
h5 {font-size: 2.0em;color: #fff;text-shadow: 2px 2px 2px #000000; margin-bottom: 5px;} 

/*******************************************************************************************************************
*  cabezal                                                                                                         
*******************************************************************************************************************/

	#cabezal 	{ height:80px; }
	#menu-flash 	{ float:left; }
	
/*******************************************************************************************************************
*  CUERPO                                                                                                         
*******************************************************************************************************************/

/******** cuerpo **********/
	.cuerpo 				{ width:920px; padding:25px 15px 15px 15px; background: #ffffff url('../imagenes/fondo-cuerpo.jpg') repeat-y; background-position: right; margin:0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);}
	.cuerpo p 			{ font: normal 12px Arial, Helvetica, sans-serif; color:#6d6d6d; line-height:1.5em; padding:5px 3px; margin:0;}
	.cuerpo p strong 		{ font: normal 14px Arial, Helvetica, sans-serif; color:#990000; }	
	.cuerpo img 			{ padding:0;}
	.cuerpo img.floated 	{ float:right; margin:5px 5px; padding:0;}
	.cuerpo-contacto	{ width:1020px; height:588px; background:url(imagenes/fondo-contacto.jpg) no-repeat 0 0; padding:0px;  margin:0 auto; }

	.cuerpo_interior	{ margin:0px; width:880px;  padding:20px;}
	.imgs-portada		{ float:center; width:280px; height:177px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	.imgs-secciones		{ float:left; width:220px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	.imgs-interior		{ float:right; width:160px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	
/****************** noti-individuales *******************/


	.noti-indiv			{ width:200px; height:250px; margin:-5px 5px 20px 5px; background:#e6e6e6; padding:0 0 5px 0; border:1px solid #cccccc; float:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	.noti-indiv:hover 	{ display:inline; background:#daefd9; color:#000000; z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }

	.noticia			{ width:200px; margin:5px 10px 10px 10px; padding:0px; }	
	.noticia h3 			{ font: bold 20px 'Ubuntu', sans-serif; line-height:25px; color:#990000; letter-spacing: -0.04em; }	
	.noticia h4 			{ font: Normal 15px 'Ubuntu', sans-serif; line-height:21px; color:#990000; letter-spacing: -0.06em; }
	.noticia h5 			{ font: normal 11px Arial, Helvetica, sans-serif; color:#6d6d6d; line-height:1.5em; padding:5px 3px; margin:0;}
	
	.noticia img			{ width:180px; height:120px; float:left; margin:10px 0 5px 0; border: 1px solid #daefd9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	.noticia span		{ display:none;}
	.noticia:hover img	{ border: 1px solid #990000;}
	.noticia:hover span	{ display:inline; position:absolute; top:-6px; right:9px; padding:6px 5px; background:#ffffff; color:#990000; width:70px; font: bold 11px Arial, Helvetica, sans-serif; text-align:right;  border: 1px solid #aaaaaa;}

	.noti-gde 			{ width:850px; padding:5px 10px 15px 5px; margin-bottom:0px;}
	.noti-gde img		{ width:400px; float:left; margin:0 20px 0 0; border:1px solid #aaaaaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}	
	.noti-gde h3 		{ font: bold 26px 'Ubuntu', sans-serif; line-height:30px; color:#990000; letter-spacing: -0.04em; }	
	.noti-gde h4 		{ font: Normal 17px 'Ubuntu', sans-serif; line-height:21px; color:#990000; letter-spacing: -0.03em; }
	.noti-gde h5 		{ font: normal 13px Arial, Helvetica, sans-serif; color:#6d6d6d; line-height:1.5em; padding:5px 3px; margin:0;}

	.noticia-gde 		{ padding:5px 5px 5px 5px; border: 1px solid #aaaaaa; background:#f9f9f9; margin-bottom:0px; width:750px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	
	h3 { font-size:15px; line-height:18px; color:#bcbcbc; }

/************ cabezal ************/
	.shell 		{ width:980px; margin:0 auto; }
	#cabezal 	{ height:80px; }

/************ Menu ppal flash ************/
	#menu-flash 		{ float:left; }

	h1#logo 				{ font-size:0; line-height:0; width:260px; height:80px; float:left; margin-right:10px;}
	h1#logo a			{ display:block; height:80px; text-indent: -4000px; background:url(imagenes/logo.png) no-repeat 0 0; background-position:right;}

/************ Menu intro ************/
	#menu-ppal 			{ float:right; white-space:nowrap; }
	#menu-ppal ul		{ list-style-type: none; padding-top:30px;}
	#menu-ppal ul li		{ float:left; display:inline; border-right:solid 1px #5f5f5f; padding-right:8px; margin-right:8px;}
	#menu-ppal ul li.last	{ border-right:0; padding-right:0; margin-right:0;}
	#menu-ppal ul li a		{ color:#ffffff;}
	#menu-ppal ul li a:hover,
	#menu-ppal ul li a.active { color:#0099FF;}

/************ IMAGENES ROTATIVAS ************/

	#slider 				{ width:980px; height:330px; position:relative; overflow:hidden; }
	#slider-holder 		{ width:980px; height:330px; position:relative; overflow:hidden; }
	#slider-holder ul	{ width:980px; height:330px; position:relative; overflow:hidden; list-style-type: none;}
	#slider-holder .jcarousel-clip{ width:980px; height:330px; position:relative; overflow:hidden; }

	#slider-holder ul li	{ width:980px; height:330px; position:relative; overflow:hidden; float:left; display:inline; }
	#slider-nav a		{ position:absolute; top:120px; font-size:0; line-height:0; z-index:2; width:58px; height:58px; text-indent: -4000px;}
	#slider-nav a.prev	{ background:url(imagenes/prev.png); left:0;}
	#slider-nav a.next	{ background:url(imagenes/next.png); right:0;}

/********************************************/

	#pags-flash 			{ width:940px; height:470px; position:relative; overflow:hidden; }
	#main 				{ width:100%;}

	.options { height:47px; white-space:nowrap; padding-top:3px;}
	.options .search{ float:left; padding:6px 0 0 0; background:url(imagenes/border.gif) repeat-y right 0; height:33px; margin-right:12px;}
	.options .search .field{ float:left; width:191px; height:21px; background:url(imagenes/field.gif); padding:6px 5px 0 5px;}
	.options .search .field input{ width:191px; border:0; background:transparent; color:#fff; font-weight: bold;}
	.search-submit{ float:left; font-size:0; line-height:0; width:24px; height:27px; background:url(imagenes/search.gif); text-indent: -4000px; border:0; margin-left:9px; cursor:pointer; position:relative; top:1px; margin-right:13px;}

	.options a { color:#636363; text-decoration: underline;}
	.options a:hover { color:#890000; text-decoration: none;}
	.options span.left { padding:10px 0 0 0;}
	.options span.more-links { margin-left:2px;}
	.options span.more-links a{ margin-left:9px;}

	.cart { float:left; position:relative; top:2px; }
	.cart strong{ float:left; width:95px; height:36px; background:url(imagenes/cart-price.gif); text-align: right; font-size:20px; color:#701616; line-height:36px; padding:0 7px 0 5px;}
	.cart-ico{ float:left; width:47px; height:36px; background:url(imagenes/cart.gif) no-repeat 0 0; font-size:0; line-height:0; text-indent: -4000px;}

	/*******************************************************************************************************************
	*  CONTENT                                                                                                         
	*******************************************************************************************************************/
	#content {padding: 40px 0 50px}
	#content .cite {padding-left: 70px;font-style: italic;background: url('../img/cite.png') no-repeat 0 5px;}
	#content .cite strong {font-style: normal;display: block;margin-top: 5px;}

	#content-2 	{ padding-top:0px; background:url(imagenes/fondo-piso.png) no-repeat 0 0; margin-top:-32px; background-position:bottom;}

	.tabs { height:36px; }
	.tabs ul{ list-style-type: none; font-size:14px; text-transform: uppercase; font-weight: bold; }
	.tabs ul li{ float:left; display:inline; margin-right:1px; }

	.tabs ul li a,
	.tabs ul li a span { float:left; height:36px; background:url(imagenes/tab.gif) no-repeat 0 -37px; padding:0 0 0 20px;}
	.tabs ul li a span { background-position:right -37px; padding:0 20px 0 0;}

	.tabs ul li a { position:relative; line-height:36px; color:#895d23; }
	.tabs ul li a.red { background-position:0 -74px; color:#fff; }
	.tabs ul li a.red span{ background-position:right -74px;}

	.tabs ul li a.active,
	.tabs ul li a:hover { background-position:0 0; color:#4f4f4f; }
	.tabs ul li a.active span,
	.tabs ul li a:hover span{ background-position:right 0;}

	#container 			{ padding:10px 20px; }

	.logo-piso			{ float:left; width:200px; margin:30px 18px 12px 0; }
	.frase 				{ float:left; width:680px; margin:5px 18px 30px 0; }
	.frase p				{ font: Normal 12px Arial, Helvetica, sans-serif; line-height:15px; color:#ffffff; letter-spacing: -0.00em; }
	.frase strong		{ color:#0099FF; }
	.frase h2			{ font: bold 22px Arial, Helvetica, sans-serif; line-height:25px; color:#cfcfcf; letter-spacing: -0.00em; }

	.items 				{ position:relative; width:960px; margin-right:-20px; padding-bottom:5px; }
	.items ul			{ list-style-type: none;}
	.items ul .image		{ text-align: center;}
	.items ul li			{ float:left; border:dashed 1px #cfcfcf; width:194px; margin:0 18px 12px 0; padding:13px; }
	.items ul li p span	{ color:#890000}
	.items ul li p.price	{ padding-top:15px; }
	.items ul li p.price strong{ color:#890000; font-size:14px;}

	.brands h3 			{ padding-bottom:10px;}
	.brands a 			{ margin-right:30px;}

	.tab-content		{ display:none;}
	.tabbed 				{ min-height:420px;}

/******* botones grandes deportistas ********/
	.botones 			{ width:980px; height:330px; margin-left:80px; position:relative; overflow:hidden; }
	
	.botones h3 			{ font: bold 	22px Arial, Helvetica, sans-serif; color:#ffffff; line-height:1.5em; margin-top:5px;}	
	.botones h4 			{ font: bold 	15px Arial, Helvetica, sans-serif; color:#008DDF; line-height:1.0em; margin-top:5px;}
	.botones p 			{ font: normal 	12px Arial, Helvetica, sans-serif; color:#f9f9f9; line-height:1.2em; padding:5px 0 0 0; margin:0;}
	
	.btn-grande-1		{ width:240px; height:310px; margin:20px 5px 0px 10px; padding:5px; background: #053575 url(imagenes/tolosa.png) no-repeat 0 0; background-position:bottom; float:left; border:1px solid #333333;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	.btn-grande-1:hover 	{ background:#222222 url(imagenes/tolosa.png) no-repeat 0 0; background-position:bottom; border:1px solid #333333;}
	.btn-grande-2		{ width:240px; height:310px; margin:20px 5px 0px 10px; padding:5px; background: #7E0000 url(imagenes/decesare.png) no-repeat 0 0; background-position:bottom; float:left; border:1px solid #333333;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	.btn-grande-2:hover 	{ background:#222222 url(imagenes/decesare.png) no-repeat 0 0; background-position:bottom; border:1px solid #333333;}
	.btn-grande-3		{ width:240px; height:310px; margin:20px 5px 0px 10px; padding:5px; background: #173C42 url(imagenes/cuevas.png) no-repeat 0 0; background-position:bottom; float:left; border:1px solid #333333;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	.btn-grande-3:hover 	{ background:#222222 url(imagenes/cuevas.png) no-repeat 0 0; background-position:bottom; border:1px solid #333333;}
	
	.pie-deportes		{ padding:10px; background:#DFD1C4; height:100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}}
	.pie-deportes h3 	{ font: bold 	22px Arial, Helvetica, sans-serif; color:#000000; line-height:1.5em; margin-top:5px;}			
	.pie-deportes-1		{ width:580px; float:left;}
	.pie-deportes-2		{ width:300px; padding:0 0 0 15px; float:left; }
	.pie-deportes-2:hover 	{ background:#999999; }
	
/******* FORMULARIO CONTACTO ********/
 p.error					{margin-left:40px; margin-top:5px;} 
 #contact_form ul			{float:left; margin:40px 0 0 175px;}
 #contact_form ul li			{margin:10px 0; list-style:none; position:relative; clear:both;}
 #contact_form label			{font: normal 13px Arial, Helvetica, sans-serif; line-height:30px; text-align:right; float:left; margin:0 10px 0 8px; color:#6f6e6e;}
 #contact_form input#name,
 #contact_form input#email,
 #contact_form input#subject,
 #contact_form textarea		{float:left; height: 10px; padding:8px; border:1px solid #6f6e6e; margin-left:10px; background:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc);}
	
 #contact_form input#name,
 #contact_form input#email,
 #contact_form input#subject	{width:210px; float:right; margin: 5px;}
 #contact_form textarea		{width:210px; height:60px; resize: none; float:right; margin: 5px;}
 #contact_form input.button	{float:right; margin-right: 10px;}
 
 .btn			{ background-color: #0F2F8C; font-size: 10pt; font-weight:bold; color:#6f6e6e; text-align: center; display: block; width: 100%;	float:right; margin:5px 0 0 0; padding:3px 10px; text-decoration:none;	}
 .btn:hover		{ background-color: #378100;	color:#6f6e6e; font-weight: bold;}
 
 /******* ---- ANCHOS ---- ********/
 
.float				{display:inline; float:left; position:relative;}
	.ancho_1,
	.ancho_2,
	.ancho_3,
	.ancho_4,
	.ancho_5,
	.ancho_6,
	.ancho_7,
	.ancho_8,
	.ancho_9,
	.ancho_10,
	.ancho_11,
	.ancho_12 			{display:inline; float:left; position:relative; margin-left:20px; margin-right:20px;}
	.cuerpo .ancho_0 	{ width:940px; min-height: 350px;}
	.cuerpo .ancho_1		{ width:220px;}
	.cuerpo .ancho_2 	{ width:670px;}
	.cuerpo .ancho_3 	{ width:280px;}
	.cuerpo .ancho_4 	{ width:450px; border:1px solid #cccccc; padding: 15px; background: #8e8e8e; margin: 0 0 0 200px;}
	.cuerpo .ancho_5 	{ width:550px;}
	.cuerpo .ancho_6 	{width:235px;}
	.cuerpo .ancho_7 	{width:940px;}
	.cuerpo .ancho_8 	{width:850px; }
	.cuerpo .ancho_9 	{width:235px; margin: 0 0 0 110px;}
	.cuerpo .ancho_10 	{width:810px;}
	.cuerpo .ancho_11 	{width:895px;}
	.cuerpo .ancho_12 	{width:980px;}
	
	input, textarea, select { font-family: Arial, sans-serif; font-size:12px; color:#333333; }
	textarea 		{ overflow:auto;}
	options
	a img 			{ border:0; }
	a 				{ color:#890000; text-decoration: none; cursor:pointer; }
	a:hover 			{ color:#333; }
	
	.alpha				{ margin-left:0;}
	.omega				{ margin-right:0;}

	.cl 			{ font-size:0; line-height:0; clear:both; display:block; height:0; }

	.al 			{ text-align: left; }
	.ar 			{ text-align: right; }
	.ac 			{ text-align: center; }	
	
 /******* Firma ********/
	#firma 			{ margin-top:-10px; padding:0; color:#3e3e3e;}
	#firma a			{ font: bold; color:#8e8e8e; }
	#firma a:hover	{ font: bold; color:#0099FF; }
	#firma span		{ padding:0 5px;}	

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    
*******************************************************************************************************************/
	.left, .alignleft 	{ float:left; display:inline; }
	.right, .alignright 	{ float:right; display:inline; }
	.wrap {margin: 0 auto;position: relative;width: 980px}
	.mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	a.thumb img, img.thumb {display: block;margin-bottom: 10px;border: 1px solid #dcdcdc;padding: 4px}
	a.thumb:hover img {border-color: #d1d1d1}
	.col1-3 {width: 316px;margin-left: 16px;float: left}
	.col1-3 p:last-child, 
	.col2-3 p:last-child {margin-bottom: 0}
	.col1-3:first-child {margin-left: 0}
	.col1-4 {width: 233px;margin-left: 16px;float: left}
	.col2-4 {width: 482px;margin-left: 16px;float: left}
	.col1-4:first-child {margin-left: 0}
	.col2-4:first-child {margin-left: 0}
	.col1-3 p, .col2-3 p, .col1-4 p, .col2-4 p {padding-right: 20px;}
	.date {font-size: 11px;color: #999999;text-shadow: 1px 1px 1px #fff;display: block;margin-bottom: 5px }
	.box {margin-bottom: 40px;}
	.inner5 {padding: 5px;}
	.button {
	margin-top: 10px;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#41718A 0%,
		#012C49);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#41718A),
		to(#012C49));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #01526B;
	-moz-box-shadow:
		inset 0px 0px 1px #ee44d6;
	-webkit-box-shadow:
		inset 0px 0px 1px #ee44d6;
	box-shadow:
		inset 0px 0px 1px #ee44d6;
	text-shadow:
		0px -1px 0px #01526B;
}
.button:hover {
	text-decoration: none;
	background: -moz-linear-gradient(
		top,
		#012C49 0%,
		#41718A);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#012C49),
		to(#41718A));
	color: #fff; 
}