/* *********************** */
/* BEGIN: PELOTAS			*/
/* *********************** */

h1, h2, h3, h4{
	font-weight: normal;
}

html, body{
	overflow-x: hidden;
}

.miniGrupoCeldas, .miniGrupoCeldasDoble{
	width: 900px;
	margin: 0 auto;
}

#gridContenidos{
	z-index: 0;
	width: 100%;
	padding-left: 0;
}

#gridContenidos .cuatroColumnas {
	width: 100%;
	overflow: visible;
}

#gridContenidos .cuatroColumnas.titular {
	width: 895px !important;
}

#gridContenidos .grupoCeldas .cuatroColumnas {
	margin-left: 0;
}



#pelotas{
	position : 			relative;
	margin-top : 		5px;
	background:			transparent;
	margin-bottom:		35px;
	font-family: 		"FuturaMedium",Verdana,Arial,sans-serif;
}

#pelotas  .centered{
	width: 900px;
	margin: 0 auto;
	position: relative;
}

#pelotas h2{
	font-family: 		"FuturaStdBold",Verdana,Arial,sans-serif;
	color: #e20026;
}

#pelotas p{
	font-family: 		"FuturaLight",Verdana,Arial,sans-serif;
	color: #000;
	font-size: 16px;
}
	
#pelotas .section-header{
	width: 	100%;
	border-bottom: 1px solid  #e20026;
	position: relative;
}

	
#pelotas .section-header h2{
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 15px;
}


#pelotas a.back_top{
	position: absolute;
	right: 0;
	bottom: 15px;
	text-transform: uppercase;
	color: #000;
	background: 	transparent url("../img/top.png") left -11px no-repeat;
	padding-left: 20px;
	height: 11px;
	font-family: 		"FuturaStdBold",Verdana,Arial,sans-serif;
	font-size: 11px;
	cursor: pointer;
}


#pelotas a.back_top:hover{
	color: #E20026;
	background-position: 0 0px;
}



/****************************/
/*			MENU 			*/
/****************************/


#pelotas ul#menu{
	z-index: 99;
	position: absolute;
	top: 20px;
	font-size: 16px;
	z-index: 600;
	right: 0px;
	font-family: 		"FuturaStdBold",Verdana,Arial,sans-serif;

}


#pelotas ul#menu li{
	float: left;
	cursor: pointer;
}


#pelotas ul#menu li a{
	display: block;
	padding: 2px 0 0  28px ;
	color: #000;
	text-transform: uppercase;
}

#pelotas ul#menu li:hover a,
#pelotas ul#menu li.active a{
	color: #E20026;
}





/****************************/
/*			DESIGN 			*/
/****************************/

#pelotas #design{
	height: 440px;
}

#pelotas #design h2{
	font-size: 50px;
	line-height: 58px;
	color: #E20026;
	position: absolute;
	right: 0px;
	top:50px;
	border-top: 1px solid #E20026;
	font-family: 		"FuturaMedium",Verdana,Arial,sans-serif;
	padding-top: 10px;
	text-transform: uppercase;
}



#pelotas #design p{
	width: 307px;
	margin-bottom: 40px;
	position: absolute;
	right: 0;
	top: 126px;
}


#pelotas #design img.main{
	position: absolute;
	top: 0;
	z-index: 1;
	left: 45px;
	top: 30px;
}


/****************************/
/*		MENU SHOP 			*/
/****************************/


#pelotas .menu-shop{
	text-transform: uppercase;
}


#pelotas .menu-shop.top{
	margin-top: 40px;
}


#pelotas .menu-shop p{
	color: #e20026;
	float: left;
	margin-right: 8px;
	font-family: 		"FuturaMedium",Verdana,Arial,sans-serif;

}


#pelotas .menu-shop ul{
	background: 	transparent url("../img/flecha_grow_small.png") -35px center no-repeat;
	float: left;
	padding-left: 62px;
	overflow: hidden;

}

#pelotas .menu-shop ul li{
	float: left;
}

#pelotas .menu-shop ul li:not(:last-child){
	margin-right: 36px;
}

.ie7 #pelotas .menu-shop ul li{
	margin-right: 28px;
}


.ie7  #pelotas .menu-shop ul.it li{
	margin-right: 21px;
}

.ie7  #pelotas .menu-shop ul.pt li{
	margin-right: 16px;
}

.ie8 #pelotas .menu-shop ul li{
	margin-right: 24px;
}


.ie7 #pelotas .menu-shop ul li.last,
.ie7 #pelotas .menu-shop ul li.last{
	margin-right: 0;
}

#pelotas .menu-shop ul li a{
	font-family: 		"FuturaStdBold",Verdana,Arial,sans-serif;
	color: #000;
	font-size: 14px;
	padding-top: 2px;

}

#pelotas .menu-shop ul.it li a,
#pelotas .menu-shop ul.pt li a{
	
	font-size: 13px;
	padding-top: 3px;

}


.ie7 #pelotas .menu-shop ul li a{
	font-size: 13px;
}

#pelotas .menu-shop ul li a:hover{
	font-family: 		"FuturaStdBold",Verdana,Arial,sans-serif;
	color: #E20026;
}


/****************************/
/*		BLOG	 			*/
/****************************/

#pelotas #blog {
	background-color: #e20026;
	padding: 42px 0;
	margin-top: 15px;
}

#pelotas #blog .left{
	width: 400px;
	float: left;
}


#pelotas #blog h3{
	color: #fff;
	font-size: 27px;
	font-family: 		"FuturaLight",Verdana,Arial,sans-serif;
	padding-bottom: 6px;
	line-height: 30px;

}


#pelotas #blog a{
	font-family: 		"FuturaStdBold",Verdana,Arial,sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
}

#pelotas #blog a.text{
	float: left;
	margin-right: 8px;
}

#pelotas #blog a.flecha{
	overflow: hidden;
	display: block;
}

#pelotas #blog a.flecha img{
	margin-left: -82px;
}


#pelotas #blog .link_block{
	width: 440px;
	float: right;
	cursor: pointer;
	display: table;
}
#pelotas #blog .link_block img.main{
	float: left;
	display: table-cell;
}

#pelotas #blog .link_block div.link{
	display: table-cell;
	vertical-align: middle;
	padding: 0;

}


.ie7 #pelotas #blog .link_block div.link{
	
	margin-top:43px;
	padding-left:210px;

}

#pelotas #blog .link_block:hover a,
#pelotas #blog .link_block:hover h3{
	color: #000;
}


#pelotas #blog .link_block h3{
	margin-top: 3px;
}


/****************************/
/*		TECNOLOGÍA 			*/
/****************************/

#pelotas #technology{
	margin-top: 60px;
}

#pelotas  #technology .section-header{
	margin-bottom: 40px;
}

#pelotas #technology h2{
	font-size: 15px;
	line-height: 15px;
	margin-bottom: 15px;
}

#pelotas #technology .section{
}

#pelotas #technology .section img{
	float: left;
}


#pelotas #technology .section .detail{
	background: transparent url('../img/ball_tech.png') top left no-repeat;
	width: 335px;
	float: left;
	padding: 0px 53px;

}

#pelotas #technology #goretex.section .detail{
	padding-top: 80px;
	min-height: 241px;

}

#pelotas #technology #lightweight.section .detail{
	padding-top: 41px;
	min-height: 280px;
}

#pelotas #technology #winterlinning.section .detail{
	padding-top: 52px;
	min-height: 269px;

}

#pelotas #technology h3{
	color: #fff;
	font-size: 30px;
	font-family: 		"FuturaLight",Verdana,Arial,sans-serif;
	line-height: 30px;
	margin-bottom: 5px;
}


#pelotas #technology p{

	line-height: 17px;

}

/****************************/
/*		FAMILIA 			*/
/****************************/

#pelotas  #family .section-header{
	margin-bottom: 10px;
	margin-top: 60px;
}

#pelotas  #family p.intro{
	margin-bottom: 60px;
}

#pelotas  #family ul li{
	display: table;
	margin-top: 30px;
}


.ie7 #pelotas  #family ul li{
	clear:both;
}


.ie7  #pelotas  #family  ul li p{
	float:left;
}
.ie7  #pelotas  #family  ul li img{
	float:left;
}
.ie7  #pelotas  #family  ul li .details{
	float:left;
}


#pelotas  #family ul li div.details{
	display: table-cell;
	vertical-align: top;
}

#pelotas  #family ul li img{
	display: table-cell;
	vertical-align: top;
	padding: 0 25px;
}
#pelotas  #family ul li.last{
	padding-bottom: 40px;
}
#pelotas  #family ul li.alpine img{
	padding: 0 21px 0 22px;
}


#pelotas  #family ul li p.year{
 	color: 				#e20026;
	font-family: 		"FuturaLight",Verdana,Arial,sans-serif;
	font-size: 			95px;
	display: table-cell;
	vertical-align: top;
	padding-top: 25px;
	line-height: 95px;
}


#pelotas  #family ul li div.details h3{
	display: table-cell;
	vertical-align: top;	
	font-family: 		"FuturaRegular",Verdana,Arial,sans-serif;
	font-size: 28px;
	padding:  25px 0 10px 0;
}


#pelotas  #family ul li div.details p{
	padding-right: 30px;
}


/****************************/
/*		FAMILIA 			*/
/****************************/

#menu-shop-bottom{
	background-color: #e20026;
	padding: 55px 0;
	margin-top: 10px;
}

#menu-shop-bottom .menu-shop p{
	color: #000;
}

#menu-shop-bottom .menu-shop ul li a{
	color: #FFFFFF;
}

#menu-shop-bottom .menu-shop ul li a:hover{
	color: #000000;
}


/****************************/
/*		BALLS	 			*/
/****************************/
#balls{
	position: absolute;
	top: 0;
}

	#balls .ball {
		position: absolute;
	}
	#balls .b1 {
		top: -413px;
		left: 455px;
		/* top: 140px;*/
		z-index: 9;

	}
	#balls .b2 {
		top: -779px;
		left: 345px;
		/*	top: 280px;*/
	}
	#balls .b3 {
		top: -660px;
		
		left: 20px;		

		/* top: 98px;*/
	}
	#balls .b4 {
		top:-374px;
		left: 480px;
		z-index: 9;
		/*top: 260px;*/
	}
	#balls .b5 {
		top: -650px;
		left: 120px;
		/*top: 50px;*/
	}
	#balls .b6 {
		top: -680px;
		left: 215px;
		/*top: 20px;*/
	}

	#balls .b7 {
		top: -310px;
		left: 52px;
		z-index: 9;
		/*top: 230px;*/
	}