/* =============================================================================
   Fonts
   ========================================================================== */

@font-face {
    font-family: 'FuturaRegular';
    src: url('fonts/futura__-webfont.eot');
    src: url('fonts/futura__-webfont.eot?#iefix') format('eot'),
         url('fonts/futura__-webfont.woff') format('woff'),
         url('fonts/futura__-webfont.ttf') format('truetype'),
         url('fonts/futura__-webfont.svg#webfontKz3laLKY') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaLight';
    src: url('fonts/tt0138m_-webfont.eot');
    src: url('fonts/tt0138m_-webfont.eot?#iefix') format('eot'),
         url('fonts/tt0138m_-webfont.woff') format('woff'),
         url('fonts/tt0138m_-webfont.ttf') format('truetype'),
         url('fonts/tt0138m_-webfont.svg#webfontIuMJzNpW') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaBook';
    src: url('fonts/tt0140m_-webfont.eot');
    src: url('fonts/tt0140m_-webfont.eot?#iefix') format('eot'),
         url('fonts/tt0140m_-webfont.woff') format('woff'),
         url('fonts/tt0140m_-webfont.ttf') format('truetype'),
         url('fonts/tt0140m_-webfont.svg#webfontIuMJzNpW') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaMedium';
    src: url('fonts/tt0142m_-webfont.eot');
    src: url('fonts/tt0142m_-webfont.eot?#iefix') format('eot'),
         url('fonts/tt0142m_-webfont.woff') format('woff'),
         url('fonts/tt0142m_-webfont.ttf') format('truetype'),
         url('fonts/tt0142m_-webfont.svg#webfont8NFdIhFy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'FuturaStdBold';
	src: url('fonts/futurastd-bold-webfont.eot');
	src: url('fonts/futurastd-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/futurastd-bold-webfont.woff') format('woff'),
			 url('fonts/futurastd-bold-webfont.ttf') format('truetype'),
			 url('fonts/futurastd-bold-webfont.svg#FuturaStdBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* *********************** */
/* BEGIN: PEU */

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

}



#peu p{
	font-family: 		"FuturaLight",Verdana,Arial,sans-serif;
	font-style: 		italic;
	font-size: 14px;
	text-transform: 	none;
}

div.section_title{
	position: absolute;
	text-transform: uppercase;
}

div.section_title h2{
	position: relative;
	height: 36px;
	color: #fff;
	font-size: 20px;
	background-color:  #E20026;
	line-height: 36px;	
	font-family: 		"FuturaMedium",Verdana,Arial,sans-serif;
	padding-left: 15px;
	padding-right: 15px;

}
div.section_title h2:before {
	content: url(../img/left_title.png);	
	position: absolute;
	background-color: #fff;
	top: 0;
	left: -5px;

}

div.section_title h2:after {
	content: url(../img/right_title.png);	
	position: absolute;
	background-color: #fff;
	top: 0;
	right: -5px;
}


p.shop_link{
	position: absolute;
	cursor: pointer;
	background: url("../img/right_arrow.png") right bottom  no-repeat transparent;
	height: 40px;
}


p.shop_link_label{
	position: absolute;
	background: url("../img/right_arrow.png") right bottom  no-repeat transparent;
	height: 35px;
	font-family: "FuturaMedium",Verdana,Arial,sans-serif !important;	
	color: #000;
	font-size: 16px !important;	
	text-transform: uppercase !important;
	width: 177px;
}



p.shop_link:hover{
	background: none;
}

p.shop_link a{
	font-size: 16px;
	height: 35px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	font-family: "FuturaMedium",Verdana,Arial,sans-serif;	
	line-height: 35px;		
	position: relative;
	color: #E20026;
}

p:hover.shop_link a{
	color: #fff;
	background-color:  #E20026;
}

p:hover.shop_link a:before {
	content: url(../img/left_title.png);	
	position: absolute;
	background-color: transparent;
	top: 0;
	left: -5px;

}

p:hover.shop_link a:after {
	content: url(../img/right_title.png);	
	position: absolute;
	background-color: #fff;
	top: 0;
	right: -5px;
}

p:hover.shop_link.line a:after {
	content: url(../img/right_title_shop.png);	
}


p.back_top{
	position: absolute;
	right: 10px;
	bottom: 0;
	height: 20px;
	background: url("../img/arrow_top.png") no-repeat center 0px transparent;
	padding-top: 13px;
	

}
p.back_top a{
	border-top: 1px solid #E20026;
	height: 20px;
	padding-top: 7px;
	color: #000;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: "FuturaMedium",Verdana,Arial,sans-serif;	
	line-height: 20px;
}

p.back_top a:hover{
	color: #E20026;
}
/****************************/
/*			MENU 			*/
/****************************/


#peu ul#menu{
	font-size: 18px;
	z-index: 99;
	position: absolute;
	top: 20px;
	font-size: 18px;
	z-index: 600;
	background-color: white;
	right: 10px;
}
#peu ul#menu li{
	float: left;
	margin-left: 20px;
	height: 35px;
	cursor: pointer;
}

#peu ul#menu li:hover,
#peu ul#menu li.active{
	background: url("../img/arrow.png") no-repeat scroll center 25px transparent;

}

#peu ul#menu li a{
	display: block;
	padding: 1px 10px;
	color: #000;
	text-transform: uppercase;
}

#peu ul#menu li:hover a,
#peu ul#menu li.active a{
	border-bottom: 1px solid #E20026;
	color: #E20026;
}


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

#peu #design{
	background: url("../img/design_back.jpg") no-repeat transparent;
	width:895px;
	height:835px;
	position: relative;
	padding-top: 65px;
}


#peu #design .main h2{
	padding-top: 178px;
	width:895px;
	background: url("../img/header_title.png") no-repeat transparent;
	display: block;
	height: 0;
	overflow: hidden;

}

#peu #design .main p.txt{
	color: #000;
	font-family: "FuturaLight",Verdana,Arial,sans-serif;
	font-size: 20px;
	line-height: 29px;
	text-transform: none;
	position: absolute;
	top: 260px;
	left: 531px;
}



#peu #design .main ul{
	display: block;
	position: relative;
}




#peu #design .main p.shop_link a{
	height: 36px !important;
}

#peu #design .main p.shop_link{
	position: absolute;

}

#peu #design .main p.shop_link.men{
	left: 677px;
	background: none;
	top: 520px;

}

#peu #design .main p.shop_link.women{
	background: none;	
	left: 672px;
	top: 557px;

}

#peu #design .main p.shop_link.kids{
	background: none;
	left: 667px;
	top: 594px;

}

p:hover.shop_link.line a:after {
	content: url(../img/right_title_shop.png);	
}



#peu #design .main .shop_link_label{
	top:   481px;
	right: 10px;
	padding-right: 10px;

}

#peu #design .detail{
	position: absolute;
	top:575px;
	left: 65px;
	width: 342px;
}

#peu #design .detail h3{
	font-family: "FuturaMedium",Verdana,Arial,sans-serif;	
	color: #E20026;
	font-size: 20px;
}

#peu #design .detail p{
	font-style: italic;
	color: #000;
	font-size: 14px;
	text-transform: none;
	padding-top: 15px;
}



#peu #design img{
	position: absolute;
	top:541px;
	left:425px;
}

/****************************/
/*	   NEW COLLECTION       */
/****************************/

#peu #collection{
	overflow: hidden;
	padding-bottom: 5px;
	position: relative;
	background: url("../img/collection_top.png") 406px top  no-repeat transparent;
	margin: 0px;
	padding-top: 100px;
}




#peu #collection div.section_title{
	top: 21px;
	right: 482px;
}

#peu #collection ul.gallery{
	height: 175px;
}

#peu #collection ul.gallery li{
	float: left;
	display: block;
	padding-top: 5px;
}

#peu #collection ul.menu{
	height: 35px;
	border-bottom: 1px solid #E20026;
	width: 100%;
	position: relative;

}

#peu #collection #man{
	border-top: 1px solid #E20026;

}

#peu #collection ul.menu.man{
	background: url("../img/collection_bar.png") 379px bottom  no-repeat transparent;
}

#peu #collection ul.menu.woman{
	background: url("../img/collection_bar.png") 350px bottom  no-repeat transparent;
}

#peu #collection ul.menu.kids{
	background: url("../img/collection_bar.png") 323px bottom  no-repeat transparent;
}

#peu #collection ul.menu li{
	font-size: 16px;
}


#peu #collection ul.menu li.label{
	line-height: 36px;
	position: absolute;
	top:0;
	color: #000;
}

#peu #collection ul.menu.man li.label{
	right:535px;
}

#peu #collection ul.menu.woman li.label{
	right:563px;
}

#peu #collection ul.menu.kids li.label{
	right:590px;
}	


#peu #collection ul.menu li.link{
	position: absolute;
	width: 150px;
}

#peu #collection ul.menu.man li.link{
	left:376px;
}	
#peu #collection ul.menu.woman li.link{
	left:347px;
}	
#peu #collection ul.menu.kids li.link{
	left:320px;
}	

#peu #collection #kids{
	padding-bottom: 138px;
	background: url("../img/collection_bottom.png") 304px bottom  no-repeat transparent;
}

#peu #collection #kids img.detail{
	position: absolute;
	bottom: 10px;
	right: 300px;

}



/****************************/
/*	   FAMILY		        */
/****************************/

#peu #family{
	width:895px;
	height:3380px;
	background: url("../img/family_back.png") no-repeat transparent;
	margin-top:130px;
	position: relative;
}

#peu #family p.subtitle{
	position: absolute;
	width: 298px;
	color: #E20026;
	left: 497px;
	top: 0px;
}

#peu #family p.year{
	position: absolute;
	color: #E20026;
	font-family: "FuturaMedium",Verdana,Arial,sans-serif;
	font-size: 52px;
	line-height: 52px;
}

#peu #family p.year.one{
	left: 313px;
	top: 97px;
}

#peu #family p.year.two{
	left: 470px;
	top: 165px;
}
#peu #family p.year.three{
	left: 435px;
	top: 473px;
}
#peu #family p.year.four{
	left: 179px;
	top: 774px;
}
#peu #family p.year.five{
	left: 349px;
	top: 1042px;
}
#peu #family p.year.six{
	left: 99px;
	top: 1332px;
}
#peu #family p.year.seven{
	left: 271px;
	top: 1605px;
}
#peu #family p.year.eight{
	left: 20px;
	top: 1907px;
}
#peu #family p.year.nine{
	left: 350px;
	top: 2230px;
}
#peu #family p.year.ten{
	left: 516px;
	top: 2554px;
}
#peu #family div.section_title{
	right: 418px;
	top: 0;
}

#peu #family div.box{
	position: absolute;
	display: block;
}

#peu #family div.box h3{
	font-size: 20px;
	color: #000;
	font-family: "FuturaMedium",Verdana,Arial,sans-serif;	

}

#peu #family div.box p{
	font-size: 14px;
	color: #000;
	padding-top: 5px;
	line-height: 18px;
}

#peu #family div.box.suela{
	top: 250px;
	left: 131px;
	width: 200px;

}

#peu #family div.box.peu{
	top: 235px;
	left: 470px;
	width: 200px;
}

#peu #family div.box.cami{
	top: 540px;
	left: 425px;
	width: 204px;
}

#peu #family div.box.senda{
	top: 851px;
	left: 167px;
	width: 160px;
}

#peu #family div.box.rambla{
	top: 1145px;
	left: 481px;
	width: 150px;
}

#peu #family div.box.cross{
	top: 1405px;
	left: 95px;
	width: 156px;
}


#peu #family div.box.circuit{
	top: 1683px;
	left: 263px;
	width: 229px;
}
#peu #family div.box.pista{
	width: 120px;
	top: 1980px;
	left: 20px;
}

#peu #family div.box.rumbo{
	width: 220px;
	top: 2310px;
	left: 555px;
}

#peu #family div.box.slastic{
	width: 220px;
	top: 2790px;
	left: 510px;
}


#peu #family img{
	position: absolute;
}

#peu #family img.suela{
	top: 95px;
	left: 45px;
}

#peu #family img.peu{
	top: 135px;
	left: 602px;
}

#peu #family img.cami{
	top: 400px;
	left: 200px;
}


#peu #family img.senda{
	top: 755px;
	left: 470px;
}
#peu #family img.rambla{
	top: 1125px;
	left: 27px;
}
#peu #family img.cross{
	top: 1340px;
	left: 440px;
}

#peu #family img.circuit{
	top: 1600px;
	left: 505px;
}
#peu #family img.pista{
	top: 1928px;
	left: 370px;

}
#peu #family img.rumbo{
	top: 2253px;
	left: 23px;
}

#peu #family img.slastic{
	top: 2573px;
	left: 495px;
}

#peu #family p.shop_link a{
	height: 36px !important;
	color: #fff;
	background-color:  #E20026;
}

#peu #family p.shop_link a:before {
	content: url(../img/left_title.png);	
	position: absolute;
	background-color: transparent;
	top: 0;
	left: -5px;

}


#peu #family p.shop_link a:after {
	content: url(../img/right_title.png);	
	position: absolute;
	background-color: #fff;
	top: 0;
	right: -5px;
}


#peu #family p.shop_link{
	position: absolute;

}

#peu #family p.shop_link.men{
	background: none;
	bottom: 277px;
	left: 428px;
}

#peu #family p.shop_link.women{
	background: none;	
	left: 422px;
	bottom: 235px;

}

#peu #family p.shop_link.kids{
	background: none;
	left: 416px;
	bottom: 193px;
}



/****************************/
/*	   TECHNOLOGY           */
/****************************/

#peu #technology{
	width:895px;
	height:934px;
	background: url("../img/technology_back.jpg") no-repeat transparent;
	position: relative;
	margin-top: 114px;
}

#peu #technology div.section_title{
	right: 515px;
	top: 0;
}

#peu #technology p.subtitle{
	position: absolute;
	width: 298px;
	color: #E20026;
	left: 402px;
	top: 0px;
}

#peu #technology div.box{
	position: absolute;
	display: block;
}

#peu #technology div.box h3{
	font-size: 20px;
	color: #000;
	font-family: "FuturaMedium",Verdana,Arial,sans-serif;	
	text-transform: uppercase;

}

#peu #technology div.box p{
	font-size: 14px;
	color: #000;
	padding-top: 5px;
	line-height: 18px;
}

#peu #technology div.box.hibrido{
	width: 220px;
	top: 125px;
	left: 385px;
}

#peu #technology div.box.flexibilidad{
	width: 189px;
	top: 290px;
	left: 129px;
}

#peu #technology div.box.cosido{
	width: 203px;
	top: 467px;
	left: 343px;
}

#peu #technology div.box.suela{
	width: 160px;
	top: 621px;
	left: 128px;
}

#peu #technology div.box.ecologia{
	width: 252px;
	top: 799px;
	left: 299px;
}