/* CSS Motos Shop Pamplona */

/* Estilos especificos del web */

* { margin:0px; padding:0px;}

body {
	margin:0px;
	padding:0px;
	color:#fff;
	font:90% Tahoma, Arial, Verdana;
	background-color:#414244;	
	
}

h1 { float:left; width:219px; margin-bottom:10px; }
h2 { font:normal 130% Arial, Helvetica, sans-serif; color:#000; }
h3 { font:bold 120% Arial, Helvetica, sans-serif; color:#000; margin:10px 0 10px; }
h4 { font:bold 110% Arial, Helvetica, sans-serif; margin-bottom:20px; color:#9b0b02; }

p {
	margin:0px 0 10px;
	line-height:150%;
	font:90% Tahoma, Arial, Verdana;
}

a{ color:#000; text-decoration:none;}
a:link{	color:#000;}
a:visited{ color:#fff;}
a:active{ color:#FFFF00;}
a:focus{ color:#FFFF00;}
a:hover { text-decoration:underline;}

img { border-style:none;}
.clear {clear: both; color:#999; text-align:right; font:0.7em tahoma, Verdana, Arial, Helvetica;}
noscript p{ clear:both; margin: 20px auto; width:950px; display:block; color:#fff; clear:both;}


/*-- Estilos para la Home --*/

#contenedor {
	width:951px;
	margin:0px auto 10px;
	color:#fff;
	background:url(../img/fondo-contenedor.gif) left 8px repeat-x;
}

#head { background:url(../img/ranita.gif) right bottom no-repeat; padding-right:80px; height:114px; }

.menu-sup {
	float:right; 
	width:500px; 
	font:normal 80% Tahoma, Arial, Verdana; 
	margin:20px 0px 0 0;
	text-align:right;
}
.menu-sup li {
	margin:0px;
	list-style-type:none;
	font:normal 100% Arial, Helvetica, sans-serif;
	color:#fff;
	display:inline;
	border-left:1px solid #fff;
}
.menu-sup li a, .menu li a {color:#fff; padding:3px 8px; 
}
.menu-sup li a:hover, .menu li a:hover { background-color:#000; color:#fff;}
.menu-sup .current2 { color: #fff; padding:3px 8px; text-decoration:underline;}

.menu-sup .sin, .menu .sin { border:none;}
.tel { background:url(../img/ico-tel.gif) left center no-repeat; padding-left:15px; font:bold 150% Arial, Helvetica, sans-serif;}

.blog a { font-weight:bold; color:#ffed00!important; font-size:110%;}

.tit-atreves {
	color:#ffed00;
	font:220% Arial, Helvetica, sans-serif;
	margin:10px 5px 0 0;
}

.menu ul{ clear:both; padding:0px 0; margin-left:5px;}
.menu li {
	margin:0px;
	list-style-type:none;
	color:#fff;
	display:inline;
	border-left:1px solid #fff;
	text-transform:uppercase;
	 

}
.menu li a{
	margin:0px;
	list-style-type:none;
	font:bold 95% Arial, Helvetica, sans-serif;
	color: #fff;
	padding:1px 20px; 
}
.menu li a:hover{
	color: #FFFF00;
}

.menu .current {
	font:bold 95% Arial, Helvetica, sans-serif;
	color:#FFFF00;
	padding:1px 18px; 
}
#contenido {
	background: url(../img/fondo-contenido.gif) left top repeat-y;
	margin:15px 0 0px;
	padding:0px;
	color:#333;
}
#img-home {
	overflow:hidden;
	background:url(../img/fondo-destacado-ne.gif) right top no-repeat;
	height:271px;
}
.destacado1 { float:left; width: 220px; margin:15px 0 0 20px; padding-top:140px; }
/*.destacado1 h2 { color:#ffed00; text-align:left; font-size:180%;}*/
.destacado1 p { font-size:80%; color:#fff; line-height: 130%; }
.destacado1 p a { color:#fff; background:url(../img/ico-fle-am.gif) left center no-repeat; padding-left:15px; display:block;}
.destacado1 p a:hover { color:#ffed00;}

#destacados { background:url(../img/fondo-home.gif) left top no-repeat; margin:0px auto; width:100%;}

.destacado-A {
	width:630px; 
	float:left;
	margin:10px 0 0 20px;
}
.col-a, .col-b {
	float:left;
	width:290px;
	margin:0px 0 15px 0px;
	font-size:85%;
	color:#fff;
}
.col-b {
	margin:0px 10px 20px 30px;
}
.col-a p, .col-b p { line-height:130%;}
.col-a p a, .col-b p a{
	background: url(../img/ico-fle-am.gif) 0px center no-repeat;
	padding:2px 0px 2px 15px;
	font-size:100%;
	float:left;
	color:#ffed00;
	margin:0px 0;
}
.col-a p a:hover, .col-b p a:hover {
	border-bottom:1px dotted #ffed00;
}
.col-a h2, .col-b h2  {
	color:#ffed00;
	font:normal 140% Arial, Helvetica, sans-serif;
	margin:0px 0 5px;
	text-align:left;
}
.col-a img, .col-b img  {
	float:left; margin-right:15px; border:4px solid #fff;}

.tit {
	display:block;
	background-color:#000;
	color:#fff;
	font:130% Arial, Helvetica, sans-serif;
	padding:3px;
	margin-right:5px;
}

.marca-moto, .marca-moto2 {
	border:4px solid #fff;
	width:140px;
	background:url(../img/fondo-destacado-marcas.gif) left top repeat-x;
	height:175px;
	margin:5px 11px 0px 0;
	float:left;
	text-align:center;
	padding-top:5px;
}
.marca-moto2 {
	margin:5px 0px 0px 0;
}

.marca-moto a, .marca-moto2 a{
	background: url(../img/ico-fl-negra.gif)right center no-repeat;
	display:block;
	text-align:right;
	padding-right:10px;
	margin:0px 10px 0 0;
	color:#000;
}
.marca-moto a:hover, .marca-moto2 a:hover{ text-decoration:underline;}

.m { border:1px solid #fff; margin:3px 0;}

.destacado-B {
	width:226px;
	float:right;
	margin:5px 30px 0 0;
	color:#fff;
	font:85% Tahoma, Arial, Verdana;
}

.destacado-B h2 {
	color:#ffed00;
	background:url(../img/ico-triang-am.gif) left center no-repeat;
	padding-left:12px;
	font:normal 100% Arial, Helvetica, sans-serif;
}
.destacado-B h2 a{
	color:#ffed00;
}
.destacado-B h2 a:hover{
	background-color:#ffed00;
	color:#000;
}

.destacado-B p {
	margin:10px 0 10px 12px;
	border-bottom:1px dotted #fff;
	padding-bottom:10px;
}
.destacado-B p a { color:#fff; margin-top:15px;}
.destacado-B p a:hover { color:#ffed00;}


.video { color:#000; font-size:110%; }
.video strong{ font-size:120%; display:block;}
.v { margin:10px 0 10px;}
.sin-b { border-style:none;}
.seg { margin:5px 0 0 25px;}

.video-caja { width:220px; height:161px; margin:15px 0 25px; border:1px solid #ccc; background:#333 url(../img/loading.gif) center no-repeat; }
.vid {width:220px; height:161px;}

.ofertas { margin:20px 30px 0 0; float:right;}
.cita {background:url(../img/cuadro-negro.gif) left 10px no-repeat; width:165px; height:90px; padding:25px 20px 0; text-align:center;}
.cita strong { display:block; color:#FFFF00; }
.cita a { color:#fff; font:130% Arial, Helvetica, sans-serif;}
.cita a:hover { text-decoration:underline;}

.acc { margin:0px 30px 0 0; float:right; }

#blog { font-size:85%; color:#fff; background:url(../img/fondo-blog.gif) left top repeat-x; padding:5px 5px 0px; margin-bottom:10px;}
	#blog h2 { float:left; margin-bottom:8px;}
	#blog h2 a { color:#fff!important; font:normal 140% Arial, Helvetica, sans-serif!important; }

	#blog h3 { font:normal 110% Arial, Helvetica, sans-serif; color:#fff!important; margin:3px 0px; }
	#blog h3 a { color:#ffed00!important; }
	
	#blog p { margin:0 12px 5px; line-height:140%;display:block; border-bottom:1px dotted #666; padding-bottom:8px;}
	#blog a { color:#ccc!important;}
	#blog p a { font-weight:normal;}
	#blog p a:hover { color: #fff!important; text-decoration:none;}
	
	#blog .subtit { font:normal 100% Arial, Helvetica, sans-serif!important; color:#ddd;display:block; float:left; margin:7px 0 0 10px;}
	.PubDate { color:#999; font-size:85%; margin:8px 0 5px; display:none; }
	.suscribase { padding:1px 0; margin-top:3px; border-bottom-style:none;}

/*---- Paginas interior ---------- */
.top { background: url(../img/fondo-top.gif) left top no-repeat; margin-top:10px; height:16px;}
.top2 { background: url(../img/fondo-top2.gif) left top no-repeat; margin-top:10px; height:16px;}

#contenido-int {
	padding:0px 0px 0px 7px;
	color:#333;
	background:#e5e5e5 url(../img/fondo-contenido-int.gif) left top repeat-y;
}

.col-int-a { float:left; width:660px; background:#fff url(../img/fondo-cont-a.gif) left top repeat-x; }
.col-int-aB { width:934px; background:#fff url(../img/fondo-cont-a.gif) left top repeat-x; }
.col-int-a h2, .col-int-aB h2 { border-bottom: 1px solid #999; margin-bottom:20px; padding:0 0 10px 15px;}

.foto { float: left; margin:0 30px; width:209px; }

.ft { border:1px solid #000; margin-top:0px;}
.destac { margin-left:15px;}
.destac dl { width:200px; float:left; border:1px solid #ccc; margin: 6px 6px 20px; font-size:85%; color:#000; padding:5px; background: url(../img/fondo-mod.jpg) left top repeat-x; min-height:85px;}
.destac dt { background: url(../img/ico-fle-negra.gif) left 3px no-repeat; padding:0px 0 3px 10px;}
.destac dd { 
	list-style-type:none; 
	font:normal 90% tahoma, Arial, Helvetica, sans-serif;
	line-height:140%;
}
.destac dd a{ color:#666; 
	background: url(../img/ico-fle-am.gif) 0px center no-repeat; 
	padding:0px 3px 0px 14px; 
	display: block; 	
	font-weight: bold; 
	margin:5px 40px 0 0px;
}
.destac dd a:hover{ color:#000; }


.lin { padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #000;}
.lin2 { padding-bottom:16px; margin-bottom:0px; border-bottom:1px solid #ccc;}

.texto { float:left; width:350px; font:normal 90% tahoma, Arial, Helvetica, sans-serif; }
.texto p { line-height:150%; color:#000;}

.texto2 {float:left; width:620px; font:normal 90% tahoma, Arial, Helvetica, sans-serif; }
.serv { width:280px; float:left; margin-bottom:20px;}
.serv a { background:url(../img/ico-fle-am.gif) left 3px no-repeat; padding-left:15px; color: #06F; font: 100% tahoma; display:block; margin-top:5px;}
.serv a:hover { text-decoration:underline; color:#000;}

.serv3 { width:610px; margin: 10px 0px 20px 270px; font:90% Tahoma, Arial, Helvetica, sans-serif; background:#bababa  url(../img/fondo-servicios-taller.gif) left top repeat-x; padding:0px 10px 10px; border-bottom:3px solid #FFFF00;}

.serv2{ 
	font:90% Tahoma, Arial, Helvetica, sans-serif; 
	background:#bababa  url(../img/fondo-servicios-taller.gif) left top repeat-x; 
	padding:0px 10px 10px; 
	border-bottom:3px solid #FFFF00; 
	margin:0 25px 20px 270px; 
	width:610px!important;}

.serv2 h3 { font:bold 120% Arial, Helvetica, sans-serif; padding:0px 0 5px;}
.serv3 h3 { font:normal 120% Arial, Helvetica, sans-serif; padding:4px 0 15px; margin:0px;}

.serv2 ul { float:left; width:205px;}
.serv2 ul.s { width:185px;}

.serv3 ul { float:left; width:150px; padding-bottom:0px;}

.esp { margin-left:55px;}
.texto2 li, .serv2 li, .serv3 li { list-style-type:none; background:url(../img/ico-flecha-gris.gif) left 6px no-repeat; padding:0 0 5px 10px; line-height:130%;}

.serv3 ul.w { width:220px; margin-left:30px;}
.serv3 ul.margen { margin-left:30px;}

p.subtit { font:italic 140% Georgia, "Times New Roman", Times, serif; margin:0px 0 10px; line-height:100%;}

.flotar { float:left; width:640px; }

.col-int-b { 
	float:left; 
	width:274px; 
	background-color:#fff; 
	border-left:1px solid #999; 
	border-bottom:1px solid #999; 
	margin-bottom:10px;
}
.col-int-b h3 { 
	background-color:#767676; 
	color:#000;
	margin:0px; 
	padding:0px 15px 14px; 
	text-align:center; 
	font:bold 110% Arial, Helvetica, sans-serif;
}
.col-int-b2 { 
	float:right; 
	width:226px; 
	margin:20px 30px 10px 0;
	font-size:85%;
}
.col-int-b2 h3 { 
	background-color:#666; 
	color:#fff;
	margin:0px; 
	padding:5px 15px 10px; 
	text-align:center; 
	font:bold 120% Arial, Helvetica, sans-serif;
}

.col-int-b3 { 
	float:left; 
	width:190px; 
	margin:0px 0px 10px 40px;
	background:url(../img/tarjeta-amigos-triumph.gif) center top no-repeat;
	padding:170px 0 0 35px;
	font-size:85%;
}
.col-int-b3 p{ line-height:120%;}

.persona { text-align:center; background-color:#000000; color:#fff; display: block; padding:3px; margin-right:2px;} 

.marca { 
	float:left; 
	width:136px; 
	margin-right:1px;
	text-align:center;
}
.marca2 { 
	float:left; 
	width:225px; 
	background-color:#fff;/*url(../img/fondo-boton.gif) left top repeat-x; */
	margin:0 1px 10px 0;
	text-align:center;
	padding:5px 0;
	border:1px solid#ccc;
}

.galeria {
	float:left; 
	width:350px;
	font:normal 90% tahoma, Arial, Helvetica, sans-serif;
	border-top:8px solid #999;
	padding-top:8px;
	margin-top:10px;
}
* html .galeria {
	width:365px;
}

.galeria li { list-style-type:none; margin:0 4px 8px; float:left;}
.ropa-acc li { 
	font:90% tahoma, Arial, Helvetica, sans-serif;
	list-style-type:none; 
	width:130px; 
	height:40px; 
	float: left; 
	text-align:center; 
	padding-top:88px; 
	color:#000;
	margin-top:5px;
}
.casco { background:url(../img/casco-moto.jpg) center top no-repeat}
.guantes {background:url(../img/guantes.jpg) center top no-repeat;}
.botas {background:url(../img/botas.jpg) center top no-repeat;}
.pantalon {background: url(../img/pantalones-cuero.jpg) center top no-repeat;}
.chaquetas {background: url(../img/chaqueta.jpg) center top no-repeat;}
.mujer {background: url(../img/equipam-femenina.jpg) center top no-repeat;}
.trajes {background: url(../img/mono.jpg) center top no-repeat;}
.bolsa {background: url(../img/bolsa-viaje.jpg) center top no-repeat;}
.protector {background: url(../img/protectores.jpg) center top no-repeat;}
.intercomunic { background: url(../img/intercomunicadores.jpg) center top no-repeat;}

#marcas { 
	margin-right:9px;
	background-color:#e3e3e3;
	padding:0px 0px 10px 0px;
}
#marcas2 { 
	background-color:#e3e3e3;
	padding:0px 0px 10px 0px;
	float:left;
	width:467px;
	min-height:198px;
	margin-right:1px;
}

#marcas h2, #marcas2 h2 { font-size:100%; font-weight:bold; background-color:#999; padding:5px 30px;}
#marcas ul, #marcas2 ul{ margin:10px 0 0 20px;}
#marcas li, #marcas2 li { 
	list-style-type:none; 
	float:left; 
	margin:8px 10px; 
	vertical-align:middle; 
}
#marcas li a:hover, #marcas2 li a:hover, #marcas3 li a:hover{ 	
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
} 
.dest { 
	float:right; 
	width:210px; 
	margin:20px 30px 0px 0;
	background:url(../img/ico-fle-am.gif) left 3px no-repeat;
	padding-left:15px;
	font:85% tahoma, Arial, Helvetica, sans-serif;
	line-height:150%;
	color:#000;
}

.baner { margin:10px 0 0px 15px;}
.baner li { list-style-type:none; float:left; margin: 0 15px 20px; }
.baner li a:hover { 	
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}

.tarj { 
	background:url(../img/boton-azul.gif) left top no-repeat;
	width:186px;
	height:30px;
	text-align:center;
	padding-top:12px;
}
.tarj a { color:#fff; font:bold 130% Arial, Helvetica, sans-serif;}
.tarj a:hover { color: #FFFF00}

.cont { float: left; margin:0 30px; width:290px; padding-bottom:20px; }
.cont span a { text-decoration:underline; color: #3333FF;}
.cont span a:hover { color:#000;}

.iframe { 
	border:1px solid #999;
	margin:10px 30px 20px 0; 
	width:550px;
	height:340px;
	overflow:hidden;
	float:right;
}

.caja-texto { margin:0 40px; padding-bottom:20px;}
.caja-texto p {  line-height:150%;}
.caja-texto li { list-style-type:none; background:url(../img/ico-flecha-gris.gif) left 5px no-repeat; line-height:150%; font-size:90%; padding-left:12px; margin-left:15px;}


.modelos { 
	margin:10px 30px 20px;
	background:url(../img/fondo-modelos.gif) left top repeat-x;
	padding:3px 0px 20px 5px;
}
.modelos h3 {
	color:#fff;
	margin:3px 0 20px 10px;
	padding:0px;
}
.modelos h3 span {
	font-size:90%;
	font-weight:normal;
}

.modelo {
	float:left;
	width:154px;
	border:1px solid #999;
	margin:0 8px;
	background:#fff url(../img/fondo-mod.jpg) left bottom repeat-x;
	text-align:center;
}
.modelo p { 
	text-align:left;
	font:75% tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	margin:5px 10px;
	line-height:120%;
 }
.modelo p a {
	display:block;
	background:url(../img/bot-amarillo.jpg) center top no-repeat;
	color:#000;
	text-align:center;
	padding:8px 0 15px;
	font-weight:bold;
	margin-top:15px;
}

.col-d {
 	float:right;
 	margin-right:25px;
 	background:url(../img/fondo-bl.gif) left top no-repeat;
 	color:#333;
 	width:200px;
	padding:15px;
	font:85% Tahoma, Arial, Helvetica, sans-serif;
	height:415px;
}
.col-d h3 {
	font:150% Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0 3px;
	padding:0px;
}
.col-d p { margin-bottom:10px;}
.col-d a {
	background-color:#e5e5e5;
	padding:3px 10px;
	border:1px solid #ccc;
}
.col-d a:hover{
	background-color:#666;
	color:#fff;
}

.taller { 
	float:right;
	margin-right:25px;
	width:230px; 
}
.taller li { list-style-type:none; background:url(../img/ico-fle-negra.gif) left 3px no-repeat; padding-left:10px; font:bold 100% Arial, Helvetica, sans-serif; padding-bottom:3px;}

/* -- Formulario -- */

/*estilos de formulario */

#formulario { float:left; width:450px; margin-left:30px;}
#formulario h3 { margin:0px 0 20px; padding:0px;}

label { display:block; line-height:150%;}
input, textarea{
	border-style:none;
	border-bottom:1px solid #999;
	padding:2px;
	color:#000;
	font:90% Tahoma, "Trebuchet MS", Arial, Verdana;
	width:98%;
	background-color:#ccc;
	margin-bottom:3px;	
	list-style-type:none
}
textarea{
	height:50px;
	margin-bottom:10px;	
}

.boton{
	width:150px;
	color:#fff;
	background-color:#333;
	border:1px solid #666;
	display:block;
	margin:20px 0px 20px 120px;
	cursor:pointer;
	padding:2px 0;
}

.boton:hover{
	background-color:#666;
	color:#fff;
}
.check {
	margin-right:5px;
	clear:both;
	width:15px;
	border-style:none;
	float:left;
	color:#ccc;
}
#formulario a {
	color:#666;
	border-bottom:1px dotted #666;
}
#formulario a {
	border-bottom:1px solid #666;
}
.gracias {
	width:350px;
	height:100px; 
	float:right;
	background-color: #eaeaea;
	border:1px solid #ccc;
	font:90% Tahoma, Arial, Verdana;
	padding:60px 30px;
	margin:0 60px 60px 0;
}
.gracias p { line-height:180%;}
.gracias a { display:block;	margin:10px 0; text-decoration:underline;}
.gracias a:hover { color:#cc0000;}



/* -- Pie -- */

#pie, #pie-int {	
	font:85% Tahoma, Verdana, Arial, Helvetica;
	color:#ccc;
	background:#000 url(../img/fondo-pie.gif) left top no-repeat;
	margin:0 9px 0 7px;
	padding:8px 10px 0 20px;
	height:85px;
	line-height:100%;
	clear:both;
}
#pie-int {	
	/*background:#000 url(../img/fondo-pie-int.gif) left top repeat-x;*/
	background:#000 none; }

.pie {float:left; width:150px; margin-top:25px;}
#pie ul, #pie-int ul { margin:0px 0 0 10px;}
#pie li, #pie-int li { display:inline; list-style:none; color:#999; padding-bottom:3px; font:normal 90% Tahoma, Arial, Verdana;}
#pie a, #pie-int a{ color:#ccc;}
#pie a:hover, #pie-int a:hover{ text-decoration:underline; color:#ffed00}

#pie .sp, #pie-int .sp { margin:8px 0px 0 0; float:right; width:390px; }
#pie .sp p, #pie-int .sp p{ float:left; text-align:right;}
address { float:left; margin:25px 0 0 20px; border-left:1px dotted #333; padding-left:35px; font:normal 90% Tahoma, Arial, Verdana; line-height:180%;}

.tarjetas { float:right;}