@charset "utf-8";

* { margin: 0; padding: 0; border: 0; vertical-align:baseline; text-decoration:none;}

/* HTML5 display-role reset para navegadores viejitos */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

body {
	line-height: 1;
	background:url(../ima/home/bg.jpg)  center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
	font-family:Verdana, Geneva, sans-serif;
}

ol, ul, li { list-style: none;}

blockquote,q {quotes: none;}

blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}

table { border-collapse: collapse; border-spacing: 0;}

a:focus { outline:none;}

p { margin-bottom:15px; line-height:1.5em;} p.final { margin-bottom:0;}

img { border:none;}

div.izq { float:left;}
div.der { float:right;}

h1, h2, h3, h4, h5, h6 { font-style:normal; font-weight:lighter; line-height:1em;}

/*FONT*/
@font-face {
font-family:HelveticaNeueBold;
font-weight:normal;
src: url('../fuentes/helveticaneuebold.ttf'),
     url('../fuentes/helveticaneuebold.eot'); /* IE9 */
}

@font-face {
	font-family:GillSans;
	font-weight:normal;
	src:url('../fuentes/GillSans.otf'),
	url('../fuentes/GillSans-Medium.ttf'),
	url('../fuentes/GillSans-Medium.woff'),
	url('../fuentes/GillSans-Medium.svg'); /* IE9 */
}

@font-face {
font-family:HelveticaNeue-01;
font-weight:normal;
src: url('../fuentes/HelveticaNeue-01.ttf'),
     url('../fuentes/HelveticaNeue-01.ttf'); /* IE9 */
}

/*anim*/
#home-link,input.send, #send {
-webkit-transition:-webkit-transform 0.4s ease-out;
-moz-transition:-moz-transform 0.4s ease-out;
-o-transition:-o-transform 0.4s ease-out;
-ms-transition:-ms-transform 0.4s ease-out;
transition:transform 0.4s ease-out;}

#home-link:hover,input.send:hover,#send:hover {
-moz-transform: scale(1.08);
-webkit-transform: scale(1.08);
-o-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);}

/*HEADER*/
#txtcambio { position:absolute; z-index:999; left:50%; top:24px; margin-left:90px;}
#txtcambio a { display:block; width:30px; height:30px; float:left; margin-right:20px;}
#txtmas { background:url(../ima/home/mas.png);}
#txtmenos { background:url(../ima/home/menos.png);}
.wrapper { width:1000px; margin:0 auto;}
header { background:#122a4b; height:136px; width:100%;}
header > div { overflow:hidden;}
#logo { float:left; margin:10px 0 0 40px;}
hgroup { float:right; width:751px; overflow:hidden;}
#buscador { text-align:right; margin:30px 50px 0 0;}
#home-link { background:url(../ima/home/home.png); width:25px; height:25px; position:absolute; z-index:999; margin-left:25px;background-repeat: no-repeat;}
#buscador input.form { padding:4px; background:white; border:1px solid #3f3e3e; width:190px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#buscador input.send { background:url(../ima/home/buscar.png); width:21px; height:22px; margin-left:5px; cursor:pointer;}
.clear { clear:both;}
header nav { margin-top:36px; margin-left: 34px;}
header nav li { float:left; margin-right:50px;margin: 2px 10px;}
header nav li:last-child { margin-right:0;}

/*LAYOUT*/
#main { background:url(../ima/home/bg-main.gif) repeat; overflow:hidden; height:1%; box-shadow:0 15px 20px #000; -moz-box-shadow:0 15px 20px #000; -webkit-box-shadow:0 15px 20px #000;}
#main > .izq { width:250px;}
#main > .der { width:750px;}
aside { margin:40px 12px;}
aside li { border-bottom:1px dotted #76869b; padding:15px 5px 15px 15px; background:url(../ima/home/bullet.png) no-repeat left;}
aside li:last-child { border:none;}
aside a { font-family: 'HelveticaNeueBold'; color:white; font-size:20px; letter-spacing: 1px;}

/*BANNER*/
#banner { height:429px; background:url(../ima/banner/sombra.png) no-repeat center bottom; padding-bottom:14px;}
#slides { width:750px;}
.slides_container { width:750px;position:relative; overflow:hidden;display:none;}
.slides_container a {width:750px;height:429px;display:block;}
.slides_container a img {display:block;}
.next,#slides .prev {position:absolute;top:0;left:0;width:24px;height:43px;display:block;z-index:101;}
#slides .next {margin-left:0;}
.pagination { position:absolute; z-index:9999; margin:-20px 0 0 620px;}
.pagination li {float:left;margin:0 5px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../ima/home/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

/*home*/
#home { padding-bottom:20px; overflow:hidden; height:1%;}
#home .izq { width:410px; margin:25px 0 0 30px;}
#home .der { width:215px; margin:20px 20px 0 0;}
#home h2 { text-align:center;}
#home h1 { font-family:HelveticaNeueBold; font-size:17px; color:#1b3558; margin-bottom:30px; padding-top:10px;}
#home iframe { border:1px solid black; box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000;}

/*NOSOTROS*/
#nosotros { margin:50px 20px 20px 30px;}
#nosotros div { background:url(../ima/banner/sombra.png) no-repeat center bottom; background-size:650px 14px; padding-bottom:10px; margin-bottom:30px;}

/*RUEDAS INST*/
#rinst { background:url(../ima/banner/sombra.png) no-repeat center bottom; background-size:650px 14px; padding-bottom:10px; margin-bottom:30px;}
#frenos-planos { background:url(../ima/banner/sombra.png) no-repeat center bottom; background-size:650px 14px; padding:0 20px 10px 20px; margin-bottom:30px;}
#rodamientos .item-r {  width:330px; height:440px; margin:0 0 50px 20px; }
#rodamientos .item-r p { font-size:11px; text-align:left; margin-bottom:15px !important;}
.subdatos { padding:10px 10px 15px 10px; font-size:11px; border-bottom:1px dotted #1b3558; margin-bottom:15px;}

/*CONTACTO*/
#contacto .izq { width:270px; margin:50px 0 20px 30px;}
div.form { margin-bottom:25px; font-weight:bold;}
div.form input, div.form textarea { resize:none; margin-top:4px; padding:4px; background:white; border:1px solid #3f3e3e; width:270px; height: 20px; border-radius:5px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#send { /*background:url(../ima/home/buscar.png) no-repeat right; padding-right:30px; */font-family:HelveticaNeueBold; font-size:16px; color:#fff;   cursor:pointer; /*margin-left:200px;*/ height:45px; padding: 10px 20px;     background-color: #052d85;}
#contacto .der { width:350px; margin:50px 20px 20px 0;}
#contacto .der div { margin-left:15px;}
#contacto iframe {border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

/*LISTADO*/
.serie > div { overflow:hidden;}
.nombre-serie { background:#bed6f5; padding:10px 0 10px 40px; font-size:24px; color:#415979; font-family:HelveticaNeueBold; margin-bottom:35px; letter-spacing:2px; text-transform:uppercase;}
.item { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; float:left; width:165px; height:225px; margin:0 0 50px 20px; text-align:center;
transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;}
.item p { margin:0 10px !important;}
.item:hover { background:#f6f6f6;}
.medida { font-weight:bold; border-bottom:5px solid #e8e8e7; padding:3px 0; margin:10px 15px;}
.imagen { width:120px; height:120px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:3px solid #bed6f5; overflow:hidden; margin:auto; margin-top:10px;}
.imagen img { width:130px; height:auto;}

/*DETALLE*/
#principal h1 { font-size:24px; color:#3f3e3e; font-family:HelveticaNeueBold; margin-bottom:35px;}
#principal { margin:20px; overflow:hidden;}
#principal .izq { width:265px;}
#principal .der { width:405px; margin-top:45px;}
#principal .der h3 { margin-bottom:25px; font-size:18px; color:#2d5f9e; font-family:HelveticaNeueBold;}
#principal .der div { border-bottom:1px dashed #2d5f9e; margin-bottom:15px;}
ul.listas { margin:0 0 15px 30px;}
.listas li { list-style:1.4em; list-style-image:url(../ima/int/listas.png);}
#detalle-producto img { width:265px; height:auto;}
#detalle-diagrama { width:265px; height:270px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:3px solid #bed6f5; overflow:hidden; margin:auto; margin:40px 0;}
#detalle-diagrama img { width:280px; height:auto;}
#descarga-pdf { display:block; background:url(../ima/int/descarga.jpg); width:134px; margin:auto; height:63px; background-repeat:no-repeat}
#ver-video { display:block; background:url(../ima/int/video.png); width:100px; margin:auto; height:55px; margin-top:30px;}
#descarga-pdf-yo{ display:block; background:url(../ima/int/descarga.jpg); background-repeat:no-repeat; width:134px; margin-left:680px; height:63px; text-align:right;}
#ruedas-relacionadas {background:#f6f6f6; padding:20px;}
.mini-listado { overflow:hidden;}
.mini-listado .item { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; float:left; width:150px; height:210px; margin:10px; text-align:center;
transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;}
.mini-listado .item:hover { background:white;}
.mini-listado .imagen { width:100px; height:100px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border:3px solid #bed6f5; overflow:hidden; margin:auto; margin-top:10px;}
.mini-listado .imagen img { width:110px; height:auto;}

#tabla { margin:20px 0; text-align:center;}
#tabla table { font-size:8px;}
#tabla table td { border:1px solid #6f6f6e; padding:1px; text-align:center;}
#c1 { background-color:#999;}
#tabla table td c1 { background-color:#999;}

#tabla-fija { margin:20px; text-align:center;}
#tabla-fija table { font-size:10px;}
#tabla-fija table td { border:1px solid #6f6f6e; padding:1px; text-align:center;}

#recomienda {background:#f6f6f6; padding:20px;}
#recomienda td { padding:5px;}
#recomienda input.form, #recomienda textarea.form { resize:none; margin-top:4px; padding:4px; background:white; border:none; width:200px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#recomienda #send { margin-left:538px;}

.rodajas-especiales { text-align:left; font-size:11px !important;} 
.item-r { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; float:left; width:220px; height:370px; margin:0 0 50px 20px; text-align:center;
transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;}
.item-r p { margin:0 10px !important;}
.item-r:hover { background:#f6f6f6;}
#intro { padding:0 20px 20px 20px; border-bottom:5px solid #e8e8e7; margin-bottom:30px;}
.secundaria { padding:20px; overflow:hidden;}
.secundaria h2 {font-size:20px; color:#3f3e3e; font-family:HelveticaNeueBold; margin-bottom:30px;}
.secundaria > img { float:left;}
.secundaria > div { float:right; width:440px;}
.secundaria table { width:440px; font-size:10px !important; }
.secundaria table td {border:1px solid #6f6f6e; padding:3px;}
.secundaria h3 {font-size:16px; color:#3f3e3e; font-family:HelveticaNeueBold; margin:20px 0 20px 0;}
.secundaria > div img { margin-bottom:5px;border:2px solid black;}
.secundaria > div div { float:left; margin:5px; width:120px; height:120px;}

/*FOOTER*/
footer { background:#3f3e3e; border-top:5px solid #1b3558; padding:35px 0 50px 0;}
footer .wrapper { overflow:hidden; height:1%;}
footer .wrapper .izq { margin-left:15px; margin-right:145px;}
footer .wrapper .der { margin-right:15px; width:230px;}
footer .wrapper .izq p:first-child { margin-bottom:40px;}
footer nav { float:left; width:200px;}
footer nav li { margin-bottom:12px;}
footer nav li:last-child { margin-bottom:0;}
footer .wrapper .der a:first-child { display:block; margin-bottom:140px; }
#copy { position:absolute; text-align:center; margin-top:20px; width:100%;}

/*TXT*/
.menu { font-size:21px; color:white; font-family:helveticaneuebold; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s;letter-spacing: 1px;}
a.menu:hover { color:#bed6f5;}
.titulos { font-size:32px; font-family:HelveticaNeueBold; color:#1b3558; margin-bottom:30px;}
.subtitulos { font-size:20px; font-family:HelveticaNeueBold; color:#1b3558; margin-bottom:15px;}
.subtitulos2 { font-size:16px; font-family:HelveticaNeueBold; color:#1b3558; margin-bottom:15px;}
.negro12 { font-size:12px; color:#3f3e3e;}
.gris12 { color:#6f6f6e; font-size:12px;}
.gris12f { color:#c5c5c5; font-size:12px;}
a.gris12f:hover { color:white; font-size:12px;}
.grisclaro12 { color:#585857; /*font-size:12px;*/}
.azul12 { color:#1b3558; font-size:12px;}
a.gris12:hover { color:#c5c5c5;}
.grisfuerte12 { color:#c5c5c5; font-size:12px; text-transform:uppercase; font-weight:bold;}
a.grisfuerte12:hover { color:white;}
.blanco11 { font-size:10px; color:white; font-weight:bold;}

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

.form-line {
    padding-left: 10px !important;
}

.form-label-right {
    width: 70px !important;
}

.form-textbox, .form-textarea, .form-captcha input {
    width: 120px !important;
}