@charset "utf-8";
/**************************************************************************
CSS DOCUMENTO - LAYOUT - 20090210@JCP
***************************************************************************/
/**************************************************************************
ESTRUCTURA
***************************************************************************/
#container	{margin:0 auto; width:980px;}
#sidebar 	{float:left; width:249px;}
/**************************************************************************
FOOTER
***************************************************************************/
#footer 		{width:980px; padding:15px 0 0 0; margin-top:15px;}
#footer ul,
#footer ul li 	{float:left;}
.spacer 		{padding:0 11px;}
#anfibic 		{float:right;}
/**************************************************************************
MENU
***************************************************************************/
#menu, #menu li,
#menu-destacado li 				{float:left;}
#menu 							{margin-left:46px; margin-top:5px; width:402px;}
#menu-destacado 				{margin-left:278px;}
#menu li, #menu-destacado li 	{width:132px;}
#menu li 						{padding:3px 0;}
#menu-destacado li 				{height:15px;}
#menu li a,
#menu-destacado li a 			{padding:0 0 0 9px;}
/**************************************************************************
LANG
***************************************************************************/
#lang 		{float:right; width:125px; height:30px; padding:7px 0 0 0; margin:26px 100px 0 0;}
#lang li 	{width:53px; float:left; padding:0 0 0 9px;}
#lang li span, #lang li a 	{padding:0 0 0 10px;}
/**************************************************************************
BLOCKS ESPECIALES HOME
***************************************************************************/
#block-especiales 			{float:right; padding:30px 0 0 11px; height:287px; width:221px;}
.menoSp,
#block-especiales h3 		{width:100px; height:23px;}
.especiales			 		{width:100px; height:23px; margin:-5px 0 0 0;}
#block-buscador p,
#block-l-4 p 				{height:12px;}
/**************************************************************************
BLOCKS HOME
***************************************************************************/
.block	 			{margin:11px 8px 0 0; width:179px; float:left;}
.block h2 			{margin:4px 0 0 9px; padding:0 0 0 10px; width:150px; height:17px;}
.block img			{display:block;}
.block p			{padding:0 0 3px 19px; margin:-2px 0 0 0;}
.imgDe 				{float:left; width:102px; height:121px; padding:4px 0 0 4px;}
.novedadesCont 		{height:121px;}
.novText 			{float:left; width:110px; height:70px; padding:10px 10px 0 6px;}
.novedades ul 		{float:right; padding-right:5px;}
.novedades ul li 	{float:left; width:14px; height:14px; margin-left:5px;}
.rojo 				{padding:13px 0 0 0 !important;}
/**************************************************************************
BLOCK NOVEDADES
***************************************************************************/
.novedades 				{width:232px !important; margin:11px 0 0 0 !important; height:160px;}
.block-novedades ul 	{margin:82px 0 0 170px; position:absolute; z-index:1;}
.block-novedades ul li 	{float:left; width:13px; height:13px; margin-right:8px;}
/**************************************************************************
BUSCADOR
***************************************************************************/
#block-buscador 				{z-index:1; position:absolute; margin:0;}
.block-especiales-motos 		{width:100px; height:140px; padding:160px 0 0 0;}
.titulo1, .titulo2 				{width:130px;}
.titulo1 						{height:16px;}
.titulo2 						{height:21px;}
.positioA 						{position:absolute; z-index:1; margin:-5px 0 0 0;}
.positioB 						{position:absolute; z-index:1; margin:10px 0 0 0;}
#block-l-4 form					{position:absolute; z-index:1;}
#block-l-4 form,
#block-buscador form 			{margin:4px 0 0 0;}
#block-l-4 form select,
#block-buscador form  select 	{width:185px; margin:0 0 4px 0; border:none;}
#block-l-4 form .btnCSS,
#block-buscador form .btnCSS 	{clear:both}
#block-l-4 						{padding:5px 0 0 10px; height:150px;}
/**************************************************************************
BOTONES
***************************************************************************/
.btn-l, .btn-r, .button span	{height:16px; float:left; display:inline-block;}
.button {float:left; margin-top:5px;}
.btn-l, .button 			{padding-left:12px;}
.btn-r, .button span 			{padding-right:12px;}
.btnsub 		{width:auto; float:left; height:16px; margin:0; padding:2px 0 0 0;}
/**************************************************************************
BLOCKS SIDEBAR
***************************************************************************/
#block-l-1 					{width:230px; height:155px; padding:0 0 0 19px;}
.blockSidebar h3			{width:100px; height:20px; float:left;}
#block-l-1 h3 				{margin:17px 0 0 0;}
.textMoto,
.textMoto2					{width:102px; height:70px;}
.textMoto2 					{margin:0 0 0 10px; padding-top:5px;}
#block-l-5 					{height:137px;}
.titulos 					{width:240px; padding:0 0 0 9px;}
.titulos h3					{padding:0 0 0 10px; margin-top:3px; width:225px;}
.titulos .subtitulo 		{padding:0 0 0 10px; float:left; margin:-2px 0 0 0;}
#block-l-5 .blockSidebar 	{padding:0 0 0 9px;}
#block-l-5 .subtitulo 		{padding:0 0 0 10px; margin:-3px 0 0 0;}
#block-l-5 h3 				{margin:7px 0 0 0; padding:0 0 0 10px;}
.capaDis 					{width:249px;}
.distribu-1,
.fondoDistr p 				{padding-left:19px;}
.fondoDistr .button 		{margin-left:19px;}
.fondoDistr 				{padding-top:3px;}
.distribu-2 				{width:150px; padding-top:5px;}
/**************************************************************************
BLOCK MINI
***************************************************************************/
.miniBlock 			{float:left; background:url(../imagenes/bg/sep.gif) no-repeat top right; padding:0 14px 0 0; margin:0 13px 0 0;}
.capaRelacio 		{margin-left:1px; padding-top:20px;}
.capaRelacio .last 	{margin-right:0; background:none; padding-right:0;}
/**************************************************************************
CATEGORIAS
***************************************************************************/
.categorias 			{float:left; width:646px; padding:0 0 0 34px; margin-right:29px;}
.categorias h2 			{padding:175px 0 0 0;}
.noRep					{height:226px;}
#cat9					{height:230px;}
/**************************************************************************
PRODUCTOS
***************************************************************************/
.filtros 				{padding:0 0 15px 0;}
.titulo 				{padding-bottom:5px;}
.filtros select			{width:185px; margin:0 0 4px 0; border:none; margin:0 5px 5px 0;}
.select-1 				{border:none; width:140px;}
.select-2 				{border:none; width:120px;}
.tableProducts 			{width:647px;}
.blockPro 				{width:186px;}
.capaImg 				{display:block;}
.blockPro 				{float:left; margin-right:22px; margin-bottom:35px; width:200px;}
.categorias .last		{margin-right:0 !important;}
.blockPro .ico,
.blockPro .active 		{width:5px; height:5px;}
.producto img,
.blockPro .active 		{width:5px; height:5px;}
.blockPro .active 		{margin:14px 4px 0 4px;}
.volver 				{padding:0 0 0 10px; margin-top:10px;}
.volver img				{margin:3px 6px 0 0;}
.blockPro h4 			{padding:7px 0 0 10px;}
.volver 				{float:right; margin-left:12px;}
.producto img 			{vertical-align:middle; margin:0 5px 0 0;}
.capaInfoP 				{padding:0 0 0 14px; float:left; width:424px;}
.capaInfoP .titulo		{padding:10px 0 5px 0;}
.capaInfoP select 		{margin:0 4px 4px 0;}
.listtIco 				{padding:0 0 0 11px;}
.capaDist 				{padding:5px 0 0 0; float:left; width:200px;}
.capaInfoP ul li span,
.capaInfoP ul li img 	{vertical-align:middle;}
.capaInfoP ul li span,
.capaInfoP ul li img 	{margin-right:6px;}
.capaInfoP ul li img 	{border:#CCC solid 1px;}
.capaInfoP ul li 		{height:20px;}
.capaRelacio .capaImg 	{margin-bottom:7px;}
.producto			 	{margin-top:10px; padding:0 0 0 15px; float:left;}
/**************************************************************************
SOBRE PUIG
***************************************************************************/
#listPuig 		{padding-left:5px;}
#listPuig li 	{float:left; padding:0 15px 0 10px; margin-top:5px;}
.capaA 			{position:absolute; z-index:1; height:1px; width:550px; margin:20px 0 0 0;}
#inno ul		{padding:20px 0 20px 37px;}
#inno ul li 	{padding:0 0 0 12px; width:493px; margin:0 0 5px 0;}
#inno ul li p 	{padding:9px 0 0 0;}
.objetivo,
.objetivo2 		{width:400px; margin:0 auto;}
.objetivo2 		{padding:0 0 0 40px;}
.objetivo 		{margin-top:-10px;}
/**************************************************************************
CALENDARIO
***************************************************************************/
.calendario 	{padding:5px 0 5px 0;}
.anosList li 	{padding:0 0 0 25px; min-height:30px; line-height:30px;}
.anos 			{float:left; margin:0 0 10px 0;}
.anos li 		{float:left; padding:0 9px 0 0; margin:0 8px 0 0;}
.anos .last		{padding:0 10px 0 0; margin:0;}
.anos .first a 	{padding:0 0 0 10px;}
/**************************************************************************
NOTICIAS
***************************************************************************/
.capaNoticia 	{float:left; padding:0 0 0 13px; width:433px;}
.capaNoticia,
.capaNoticia2 	{float:left; padding:0 0 0 13px;}
.capaNoticia2 	{width:368px;}
h4	 			{padding:0 0 2px 0;}
.fecha 			{padding:0 0 0 10px;}
.capaGlo 		{float:left; padding:0 0 22px 0;}
/**************************************************************************
DISTRIBUIDORES
***************************************************************************/
.formDist 			{padding:5px 0 0 0;}
.formDist select 	{width:200px; border:none; margin: 0 0 7px 0;}
.textLit 			{margin:-5px 0 0 0;}
.resultado 			{float:left; padding:0 0 0 10px; width:205px; margin-top:10px;}
.resultados .last 	{padding:0 0 0 10px; float:right;}
/**************************************************************************
PAGINACIÓN
***************************************************************************/
.paginacion 	{padding:5px 0 0 0; float:left; width:646px; }
.paginacion li 	{float:left; padding:0 10px 0 0;}
/**************************************************************************
POPUP
***************************************************************************/
#popup, #contentPop		{float:left;}
#contentPop .titulo 	{padding:10px 0 0 0; width:390px;}
.morBig 				{width:550px !important;}
#contentPop 			{padding:0 15px 15px 15px;}
.inputCon,
.inputConLast 			{height:16px; padding:2px 0 0 2px;}
.inputCon				{margin:5px 10px 5px 0; width:180px; border:none; float:left;}
.inputConLast			{margin:5px 0 5px 0; width:178px; border:none; float:left;}
.foRtex 				{width:366px; overflow:auto; margin:5px 0 0 0; padding:0 0 0 2px; height:100px;}
#contentPop span 		{width:390px;}
.tipoSel-1 				{width:126px; margin:5px 10px 5px 0; border:none; float:left;}
.tipoSel-2 				{width:100px; margin:5px 0 5px 0; border:none; float:left;}
.FormC fieldset 		{padding:60px 0 40px 0;}
.cerrarP 				{float:right; padding:15px 0 0 0;}
/**************************************************************************
SITE MAP
***************************************************************************/
.siteMapAll 	{padding:25px 0 0 6px; float:left; width:200px;}
.siteMap li 	{padding:0 0 0 10px;}
.subList li 	{margin:0 0 0 17px;}
.subListMore li {margin:0 0 0 27px;}
.aviso 			{padding:10px 0 0 0;}
.subList 		{list-style:none; }
/***************************************************************************
DAMIA
***************************************************************************/
.padding20 {padding:20px 0 0 0;}
#models, #years, #mark, #modelsProd, #yearsProd, #markProd { float:left; }
.flechaSitemap { padding:0 0 0 10px; list-style:none }
.subListProd { padding:0 0 0px 10px; }
.racingYears { width:585px; overflow:hidden; height:25px; padding: 0 0 0 5px; }
.paddingLeft { padding:0 0 0 5px; }
.removeFilters, .notFound { padding: 0 0 0 15px; }
.removeFilters a, .notFound a {color:#f10303;}
/***************************************************************************
TOOLTIP
***************************************************************************/
#capaListNov 		{display:none;background-color:#24292d;width:200px; border:#494d4c solid 1px; z-index:2; position:absolute; color:#ee0204; padding:0px 15px 15px 15px; }
#capaListNov a 		{color:#ee0204;}
#capaListNov ul 	{overflow:auto;}
#capaListNov ul li 	{background:url(../imagenes/bg/tooltip.gif) repeat-x bottom; line-height:15px; padding:0 0 5px 0;}
#capaListNov strong {color:#FFF;}
#capaListNov .close {margin:14px 10px 0 0 !important;}
/**************************************************************************
MOTOS ESPECIALES
**************************************************************************/
.capaEspecial 		{margin-bottom:14px; float:left; width:630px; padding-left:1px;}
.capImagen 			{width:125px; height:135px; float:left; padding:0 0 0 26px;}
.marcaMoto 			{float:left; border:#FF0000 solid 7px;}
.capaEspecial h4 	{min-height:20px; padding:10px 0 3px 0;}
/**************************************************************************
210409@JCP
**************************************************************************/
#block-buscador .otroMaspa {padding:10px 0 0 0;}
.noBorder {border:none !important;}
.otraInm a {color:#FF0000;}
/***************************************************************************************************************
CSS POPUP
***************************************************************************************************************/
#cssBackground 		{height:100%; width:100%; background-color:#000; display:none; position:fixed; top:0; left:0; z-index:100; float:left; opacity:0.75;}
#cssPopup 			{margin:0 auto;}
#cssPopupContainer 	{position:absolute; display:none; text-align:center; z-index:101; top:50; width:100%;}
.popup-top 			{background:url(../imagenes/bg/popup-top.png) no-repeat 0 0; height:8px; width:381px;}
.popup-bottom 		{background:url(../imagenes/bg/popup-bottom.png) no-repeat 0 0; height:8px; width:381px;}