@charset "UTF-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,800,300,600);

/* font-family: 'Roboto Condensed', sans-serif; */

*{margin:0; padding:0; border:0; text-decoration:none; outline:none;}


td.fitwidth {
	width: 1px;
	white-space: nowrap;
}	


div.detalle-sucursal .texto p a.ws-link, a.ws-link{
	color:#fff !important;
	font-weight:bold;
	padding:7px 9px 7px 35px !important;
	border-radius:4px;
	display:inline-block;
	background-image:url(../img/ico_bg_whatsapp.png);
	background-repeat:no-repeat;
	background-position:5px 4px;
	background-color:#009756;
	/* background-color:#009756; */
	font-size:0.95rem;
	margin:5px 0 7px 0;
	border-bottom:2px solid #014f2d;
	/* border-bottom:2px solid #014f2d; */
	text-decoration:none;}
	
div.detalle-sucursal .texto p a.ws-link{
	padding:0;
	margin:3px 0 3px 0;
	background-color:#009756 !important;
	border-bottom:2px solid #014f2d;}
	
div.detalle-sucursal .texto p a.ws-link:hover, a.ws-link:hover{
	background-color:#4F9DDF;
	margin:7px 0 7px 0;
	border-bottom:0px solid #266193;}

div.detalle-sucursal .texto p a.ws-link:hover{
	margin:5px 0 3px 0;
	border-bottom:0px solid #266193;}

table.pdf{
	background-image:url(../img/logo_rodamientos_caroya.png);}

div.progreso{
	width:100%;
	float:left;
	margin-top:10px;}

h3{
	color:#00ABE0;
	font-size:1.4rem;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:10px;}

body{
	margin:0;
	font-family: 'Open Sans', sans-serif;
	background-color:#ecedee;
	font-size:16px;
	color:#484848;
	background-image:url(../img/bg_medio.png);
	background-repeat:repeat-x;
	background-position:bottom;}
	
#top{
	width:100%;}
	
	#top .menus{
		width: 100%;
		margin:auto;}
		
		#top .secundario{
			position:relative;
			max-width:1000px;
			width:100%;
			height:96px;
			margin: 0 auto;}
			
			#top .secundario .logo{
				float:left;
				width:235px;
				margin-top:5px;}
				
			#top .secundario .menu{
				font-family: 'Roboto Condensed', sans-serif;
				float:right;}
				
				#top ul{
					float:left;
					list-style:none;
					display:inline;
					position:relative;}
					
					#top .secundario ul li{
						float:left;
						display:inline;
						font-size:0.85em;}
						
						#top .secundario ul li a{
							color:#0055B8;
							padding:24px 6px 5px 6px;
							display:block;
							border-right:1px solid #8BA7B3;
							transition:all 0.4s ease;
							text-transform:uppercase;}
							
						#top .secundario ul li:first-of-type a{
							border-left:1px solid #8BA7B3;}
							
							#top .secundario ul li a img{
								vertical-align:text-bottom;
								margin-right:3px;
								font-weight:300;}
								
							#top .secundario ul li a:hover{
								background-color:#FFF;}
								
							#top .secundario ul li a.activado{
								background-color:#FFF;}
								
								
/* SUBMENU RRHH */

form.form-rrhh{
	background-color:#ECEDEE;
	border-top:1px solid #CCC;
	padding:20px 15px 20px 25px;
	float:left;
	width:80%;}

form.form-rrhh label{
	font-size:0.85rem;
	margin:5px 0 0 0;
	float:left;
	width:100%;}
	
form.form-rrhh input[type=submit]{
	margin:10px 0 0 0 !important;
	float:left;}

/*
	div.rrhh{
		position:absolute;
		right:0;
		width:580px;
		height:280px;
		background-color:#00A0DD;
		z-index:50000;
		display:none;
		background-image:url(img/bg_rrhh.png);
		background-position:right top;
		background-repeat:repeat-x;
		color:#FFF;
		font-family: 'Roboto', sans-serif;
		line-height:1.2rem;
		padding:35px 20px 25px 20px;}
		
		div.rrhh h1{
			width:100%;
			border-bottom:1px solid #0055B8;
			font-family: 'Roboto Condensed', sans-serif;
			font-weight:400;
			font-size:1.8rem;
			padding-bottom:12px;
			margin-bottom:10px;}
		
		#top .secundario ul li:hover div.rrhh{
			display:block;}
			
			div.rrhh div.texto{
				width:260px;
				float:left;
				font-size:0.87rem;
				font-weight:100;
				padding-right:20px;
				margin-right:22px;
				border-right:1px solid #0055B8;}
				
				div.rrhh div.texto p{
					margin-bottom:10px;}
					
					div.rrhh div.texto p:last-of-type{
					margin-bottom:0;}
					
*/
				

/* MENU PRINCIPAL */
							

				#top .principal{
					width: 100%;
					height: 56px;
					background-color: #0055B8;
					font-family: 'Roboto Condensed', sans-serif;
					font-weight: 300;
					position:relative;}
					
					#top .principal .sombra{
						height:7px;
						width:100%;
						background-image:url(../img/bg_sombra.png);
						background-repeat:repeat-x;
						background-position:top;
						position:absolute;
						bottom:-7px;
						z-index:10000;
						opacity:1;
						transition:all 0.2s ease;}

					#top .principal .menu{
						width: 100%;
						max-width:1000px;
						margin: 0 auto;}
						
						#top .principal .menu .btn-nav{
							position:absolute;
							top:12px;
							left:8px;
							display:none;
							cursor:pointer;}
							
							#top .principal .menu .btn-nav a{
								display:block;
								background:url(../img/ico_menu.png) no-repeat;
								padding:8px 10px 5px 40px;
								color:#FFF;
								font-size:1.1rem;}
								
						#top .principal .menu ul.secciones{
							left:0;}

						#top .principal .menu ul.secciones li{
							display: inline;
							float: left;
							position:relative;}

							#top .principal .menu ul.secciones li a{
								font-size: 1rem;
								color: #fff;
								text-transform: uppercase;
								display: block;
								padding: 17px 19px 18px 19px;
								border-right: 1px solid #00A0DD;
								transition:all 0.3s ease;}
							
							#top .principal .menu ul.secciones li a:hover{
								background-color:rgba(255, 255, 255, 0.2);}

							#top .principal .menu ul.secciones li:first-of-type a{
								border-left: 1px solid #00A0DD;}
								
							#top .principal .menu ul.secciones li a.activado{
								background-image:url(../img/bg_activado_principal.png);
								background-repeat:repeat-x;
								background-position:bottom;}

					#top .principal .menu ul.sociales{
						float: right;
						list-style: none;}

						#top .principal .menu ul.sociales li{
							display: inline;
							float: left;}

							#top .principal .menu ul.sociales li a{
								display: block;
								width: 31px;
								height: 54px;
								margin: 0 7px;
								text-indent: -5000px;
								transition:all 0.2s ease;}

							#top .principal .menu ul.sociales li a:hover{
								background-position: 0 -54px;}
								
								
/* SUBMENU */

		#top .principal .menu ul li ul#submenu{
			width:200px;
			z-index:50000;
			position:absolute;
			top:47px;
			z-index:50000;
			position:absolute;
			padding-top:9px;
			background-image:url(../img/bg_submenu.png);
			background-position:left top;
			background-repeat:no-repeat;
			display:none;}
			
			#top .principal .menu ul li:hover ul#submenu{
			display:block;}
			
				#top .principal .menu ul li ul#submenu li{
				background-color:#009de0;
				width:300px;
				font-weight:300;
				width:100%;
				float:left;
				border-bottom:1px solid #0087c8;}
				
					#top .principal .menu ul li ul#submenu li a{
						padding: 10px 19px;
						border-right: 1px solid #00A0DD;}
						
		li.desplegar ul#submenu li a{
			background-image:url(../img/bg_industria.png);
			background-repeat:repeat-y;
			background-position:left;
			border:0 !important;}
			
		li.desplegar ul#submenu li:nth-child(2) a{
			background-image:url(../img/bg_agro.png);
			background-repeat:repeat-y;
			background-position:left;
			border:0 !important;}
			
		li.desplegar ul#submenu li:nth-child(1) a{
			background-image:url(../img/bg_automotriz.png);
			background-repeat:repeat-y;
			background-position:left;
			border:0 !important;}
			
		li.desplegar ul#submenu li:nth-child(3) a{
			background-image:url(../img/bg_industria.png);
			background-repeat:repeat-y;
			background-position:left;
			border:0 !important;}


/* SLIDE */
								
	#top .cycle-slideshow{
		width:100%;
		height:440px;
		position:relative;}
			
		#top .cycle-slideshow .banner{
			width:100%;
			height:425px;
			background-repeat:no-repeat;
			background-position:center;
			background-color:#3C60AC;}
			
			#top .cycle-slideshow .banner .contenido{
				max-width:1000px;
				width:100%;
				margin:0 auto;
				position:relative;
				height:425px;}
					
				#top .cycle-slideshow .banner .contenido .imagen{
					position:absolute;
					bottom:0;
					left:80px;}
					
				#top .cycle-slideshow .banner:nth-child(2n) .contenido .imagen{
					position:absolute;
					bottom:0;
					left:auto;
					right:20px;}
					
				#top .cycle-slideshow .banner .contenido .texto{
					width:415px;
					height:370px;
					margin:32px 70px 0 70px;
					float:right;
					font-family: 'Roboto', sans-serif;
					color:#FFF;
					font-size:1.6rem;}
					
				#top .cycle-slideshow .banner:nth-child(2n) .contenido .texto{
					float:left;}
					
					#top .cycle-slideshow .banner .contenido .texto h1{
						width:365px;
						background-color: rgba(0,85,184,0.9);
						font-family: 'Roboto Condensed', sans-serif;
						padding:15px 25px;
						font-weight:300;
						margin-bottom:10px;
						line-height:50px;}
						
					#top .cycle-slideshow .banner .contenido .detalle{
						width:365px;
						height:200px;
						background-color: rgba(0,85,184,0.9);
						padding:15px 25px;
						font-weight:100;
						margin-bottom:10px;
						font-size:1.3rem;
						line-height:2rem;}
						
						#top .cycle-slideshow .banner .contenido .detalle a.mas-info{
							background-color:#00A0DD;
							padding:0 10px;
							font-size:0.7em;
							font-weight:400;
							color:#FFF;
							-webkit-border-radius: 5px;
							border-radius: 5px;
							float:right;
							margin-top:20px;}
							
							#top .cycle-slideshow .banner .contenido .detalle a.mas-info:hover{
								background-color:#00B0EE;}
											
					#top div.center{
						max-width:1000px;
						width:100%;
						margin:0 auto;
						position:relative;}
						
						#top div.center a{
							font-size:0;
							width:60px;
							height:60px;
							display:block;
							position:absolute;
							-webkit-border-radius: 28px;
							border-radius: 28px;
							opacity:0.8;
							transition:opacity 0.2s ease;}
							
							#top div.center a:hover{
							opacity:1;}
							
							#top div.center a#prev{
								top:-280px;
								left:0;
								background-image:url(../img/slide/flecha_volver.png);
								z-index:100;}
								
							#top div.center a#next{
								top:-280px;
								right:0;
								background-image:url(../img/slide/flecha_siguiente.png);
								z-index:100;}
	
	
/* MEDIO */
						
#medio{
	width:100%;
	max-width:1000px;
	margin:50px auto 20px auto;
	}
	
#medio a.mas-info{
	background-color:#00A0DD;
	padding:8px 10px;
	font-size:0.9rem;
	font-weight:700;
	color:#FFF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float:left;}
							
#medio a.mas-info:hover{
	background-color:#00B0EE;}
	
	#medio .div570{
		width:568px;
		background-color:#FFF;
		border:1px solid #dfdfdf;
		float:left;
		padding-bottom:16px;
		margin-bottom:30px;}
		
		#medio h2{
			font-family: 'Roboto', sans-serif;
			color:#0055B8;
			font-weight:300;
			font-size:1.2rem;
			text-transform:uppercase;
			padding:5px 0 0 20px;
			border-top:3px solid #0055B8;
			display:inline-block;
			margin-bottom:35px;
			letter-spacing:2px;
			float:left;}
			
		#medio .content{
			width:98%;
			float:left;
			padding-left:20px;}x
			
			#medio .content h1{
				color:#0055B8;
				font-family: 'Roboto Condensed', sans-serif;
				font-size:1.6rem;
				font-weight:400;
				margin-bottom:20px;}
			
		.mCustomScrollbar{
			height:558px;
			overflow:auto;
			width:525px;
			margin: 0 auto;}
			
			.mCustomScrollbar .nota{
				width:90%;
				padding:35px 0 35px 0;
				!border-bottom:1px solid #e5e5e5;}
				
				.mCustomScrollbar .nota:first-of-type{
				padding:0 0 18px 0;}
				
				.mCustomScrollbar .nota a p{
				color:#484848;}
				
				.mCustomScrollbar .nota a:hover h3{
				opacity:0.65 !important;}
				
				.mCustomScrollbar .nota:last-of-type{
				margin-bottom:5px;}
				
				.mCustomScrollbar .nota img{
					float:left;
					border:1px solid #e5e5e5;
					margin:0 8px 8px 0;
					width:117px;
					height:117px;}
					
				.mCustomScrollbar .nota h3{
					color:#00ABE0;
					font-size:1.4rem;
					font-family: 'Roboto', sans-serif;
					font-weight:700;
					text-transform:uppercase;}
					
				.mCustomScrollbar .nota p{
					font-size:0.95rem;
					margin-top:2px;}
					
		#medio .div410{
		width:410px;
		background-color:#FFF;
		border:1px solid #dfdfdf;
		float:left;
		padding-bottom:184px;
		margin-bottom:30px;}
		
		#medio .div410 a{
			color:#0055B8;
			font-size:1.15rem;}
			
		#medio .div410 a:hover{
			opacity:0.9 !important;}
			
		#medio .div410 a strong{
			color:#00A0DD;}
			
		#medio .div410 a img{
			margin-top:15px;}
		
			#medio .cycle-slideshow{
				width:100%;
				margin:-50px auto 0 auto !important;
				float:left;}
				
				#medio .cycle-slideshow img{
				width:100%;
				margin:0;
				height:auto;
				float:left;
				padding-bottom:25px;}
				
				#medio .cycle-slideshow a{
				width:90%;
				margin:5%;
				padding:0;
				height:auto;}
				
				#medio .cycle-slideshow .cycle-pager{
					background-color:rgba(34,93,122,0.3);
					width:100%;
					margin:0%;
					bottom:-135px;
					padding:6px 0;}
				
		#medio .div1000{
		width:998px;
		background-color:#FFF;
		border:1px solid #dfdfdf;
		float:left;
		padding-bottom:16px;
		margin-bottom:30px;}
		
			#medio .div1000 .descripcion-segmentos{
				width:220px;
				float:left;}
				
			#medio .content .descripcion-segmentos h1{
				color:#0055B8;
				font-family: 'Roboto Condensed', sans-serif;
				font-size:1.6rem;
				font-weight:400;
				margin-bottom:20px;}
				
			#medio .div1000 .descripcion-segmentos{
				width:220px;
				float:left;}
				
			#medio .div1000 .botonera{
				width:100%;
				float:right;}
				
				#medio .div1000 .botonera p{
				margin-right:40px;
				float:left;
				width:300px;}
				
				#medio .div1000 .botonera .bloque{
					float:right;
					margin-right:50px;}
						
					#medio .div1000 .botonera .bloque h1{
						padding:3px 3px 3px 40px;
						background-color:#00ADE3;
						color:#FFF;
						display:block;
						font-size:1rem;
						font-weight:400;
						text-transform:uppercase;
						margin-bottom:10px;
						background-position:top left;
						background-repeat:no-repeat;}
						
						#medio .div1000 .botonera .bloque a{
						font-size:1.1rem;
						line-height:1.1rem;
						font-family: 'Roboto Condensed', sans-serif;
						font-weight:300;
						text-transform:uppercase;
						text-align:center;
						width:138px;
						height:42px;
						background-color:#FFFFFF;
						color:#0055B8;
						display:block;
						float:left;
						margin:0 56px 20px 0;
						border:1px solid #0055B8;
						padding-top:96px;
						background-position:left top;
						background-repeat:no-repeat;
						transition:background-position 0.3s ease;
						border-radius:10px;}
						
						#medio .div1000 .botonera .bloque a:hover{
					
							background-position:-138px 0;}
						
						#medio .div1000 .botonera .bloque a:last-of-type{
							margin:0;}
							
/* MEDIO INTERNAS */

div.izq{
	width:650px;
	background-color:#FFF;
	border:1px solid #dfdfdf;
	float:left;
	padding-bottom:16px;
	margin-bottom:30px;}
	
	div.izq div.articulo{
		float:left;
		width:94%;
		padding:0 20px 18px 20px;}
	
	div.izq div.articulo strong{
		color:#0055B8;}
		
	div.izq div.articulo a{
		color:#00ABE0;
		text-decoration:underline;}
		
	div.izq div.articulo ul{
		margin:25px 0 35px 40px;
		width:85%;}
		
	div.izq div.articulo ul li{
		margin-bottom:7px;
		list-style:none;
		background-image:url(../img/list_item.png);
		background-repeat:no-repeat;
		background-position:left 8px;
		padding-left:18px;}
		
	div.articulo p + h3{
		margin-top:40px;}
		
	div.izq div.articulo ul + h3{
		margin-top:40px;}
		
	div.izq div.articulo div.imagen{
		margin:2px 12px;
		clear:both;}
		
	div.izq div.articulo div.imagen img{
		border:1px solid #dedede;}
		
	div.izq div.articulo div.imagen p{
		background-color:#ecedee;
		font-size:12px;
		padding:5px 5px;
		line-height:15px;}
		
	div.izq div.articulo h3{
		font-size:1.5rem;}
		
	div.izq div.articulo p{
		margin-bottom:18px;
		line-height:1.7rem;
		font-size:0.94rem;}
		
div.izq div.titulo_destacado{
	width:100%;
	height:170px;
	float:left;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:top left;}
	
	div.izq div.titulo_destacado h1{
		color:#FFF;
		text-transform:uppercase;
		font-family: 'Roboto', sans-serif;
		font-size:1.7em;
		background-color:rgba(55, 168, 227, 0.9);
		display:inline !important;
		padding:28px 15px 27px 128px;
		float:left;
		margin-top:45px;
		background-repeat:no-repeat;
		background-position:top left;}
		
div.der{
	width:328px;
	background-color:#FFF;
	border:1px solid #dfdfdf;
	float:left;
	padding-bottom:16px;
	margin-bottom:30px;}
	
	div.der div.articulo{
		float:left;
		width:88%;
		margin:0 6% 10px 6%;}
		
	div.der div.articulo + div.articulo{
		border-top:1px solid #dfdfdf;
		padding-top:30px;}
		
	div.der div.articulo p{
		width:100%;
		padding:0;}
		
	div.der div.articulo h3 a{
		color:#00ABE0;}
		
	div.der div.articulo h3 a:hover{
		color:#5AC8EB;}
		
	
/* MARCAS PRODUCTOS */

.logos_prod img{
	margin-right:15px !important;
	float:left;}
	
.logos_prod img:hover{
	opacity:0.8;}
		
/* PAGINA OFERTAS */

p.img_ofertas img{
	width:100%;
	height:auto;}
	
.mas-info{
	text-decoration:none !important;
	text-transform:uppercase;
	margin-bottom:20px;}
		
.der .mas-info{
	margin-bottom:5px;
	display:block;
	clear:both;}
	
/* ACORDEON */

.menujq{
	float:left;
	width:100%;}
	
.menujq ul{
	margin:0 !important;
	padding:0 !important;
	width:100% !important;
	float:left;}
	
.menujq ul li a{
	display:block;
	padding:12px 2% !important;
	text-transform:uppercase;
	font-size:1.2em;
	text-decoration:none !important;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	transition:background-color 0.25s ease;
	background-image:url(../img/flecha_abajo_acordeon.png);
	background-position:right 18px;
	background-repeat:no-repeat;
}

.menujq ul li a:hover{
	background-color:#f4f4f4;}

.menujq ul li{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	width:96% !important;
	float:left;
	border-bottom:1px solid #00ABE0;}
		
.menujq ul li.desplegable a{
	background-image:url(../img/flecha_abajo_acordeon.png);
	background-position:right 18px;
	background-repeat:no-repeat;
	}
	
.menujq ul li.desplegable.activa a{
	background-image:url(../img/flecha_arriba_acordeon.png);
	background-position:right 18px;
	background-repeat:no-repeat;
	background-color:#f4f4f4;
}
	
.menujq ul li ul li{
	margin:0 !important;
	padding:10px 2% !important;
	background:none !important;
	width:96% !important;
	float:left;
	border-bottom:0;}
	
.menujq ul li:first-of-type{
	border-top:1px solid #00ABE0;}

.menujq ul ul{
	display: none;
	}
	
.menujq ul li ul li a.mas_info{
	background-color:none !important;
	border:0 !important;
	background:none !important;
	font-weight:normal;
	padding:0 !important;
	text-transform:none;
	text-decoration:underline !important;
	font-size:1rem;
	margin:0 !important;}

	
/* OFERTAS COL DERECHA */

div.der div.resumen-oferta{
	width:100%;
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #999;}
	
div.der div.resumen-oferta p.fecha-oferta{
	margin:0 !important;
	padding:0 !important;
	}
	
div.der div.resumen-oferta a p.fecha-oferta{
	color:#484848;}
	
div.der div.resumen-oferta h3{
	margin:0 !important;
	padding:0 !important;
	font-size:1.2rem;}

div.der div.resumen-oferta a:hover h3{
	color:#00c9ea;}
	


		
/* NOVEDADES */

p.bajada{
	padding:10px 0 15px 0;
	margin-bottom:18px;
	border-bottom:1px solid #dfdfdf;}
	
	.articulo img.img-destacada{
		width:99%;
		border:1px solid #dbdedb;
		float:left;
		margin-bottom:20px;}
		
div.der p{
		width:90%;
		float:left;
		margin-bottom:18px;
		line-height:1.6rem;
		font-size:0.94rem;
		padding:10px 5% 5px 5%;}
		
/* SEGMENTOS */

div.detalle-segmento{
	float:left;
	width:100%;
	padding:25px 0;
	margin-top:10px;}
	
	div.detalle-segmento h3{
		color:#ffa436;
		font-size:1.5em !important;
		margin-bottom:20px;}
		
div.detalle-segmento table{
	margin-left:-1.5%;}
	
div.detalle-segmento h1{
		margin-bottom:8px;
		font-size:1.15rem;
		font-family: 'Roboto Condensed', sans-serif;}
		
div.detalle-segmento table td{
	padding:10px 1.2% 10px 1.5%;
	width:25%;
	border-right:1px solid #cccccc;
	vertical-align:top;}
	
	div.detalle-segmento table td p{
		font-size:0.8rem !important;
		line-height:1.3rem !important;}
		
div.menu-segmento a{
	width:98%;
	border-top:1px solid #dfdfdf;
	display:block;
	padding:10px 0 10px 2%;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	color:#00A0DD;
	font-size:1.1rem;}
	
div.menu-segmento a:last-of-type{
	border-bottom:1px solid #dfdfdf;}
	
	div.menu-segmento a:hover{
		background-color:#f6f6f6;}
		
div.detalle-segmento .menujq ul li a{
	color:#484848;
	font-size:1.1em;}
	
div.detalle-segmento .menujq ul{
	width:100% !important;}
	
div.detalle-segmento .menujq ul li a{
	color:#484848;
	font-size:1.1em;}
		
div.detalle-segmento .menujq ul li ul li a.ampliar{
	background-image:none !important;
	font-size:1em !important;
	color:#FFF !important;
	background-color:#00A0DD;
	padding:6px 10px 4px 10px !important;
	border-radius:5px;
	width:140px !important;}
	
div.detalle-segmento a.ampliar:hover{
	background-color:#00B0EE !important;}


/* PIE */
		
#pie{
	border-top:4px solid #0055B8;
	background-color:#FFF;
	width:100%;
	display:inline-block;}
	
	#pie .contenido{
		max-width:1000px;
		width:100%;
		margin:0 auto;
		padding:30px 0;}
	
	#pie .datos-sucursal{
		width:225px;
		margin-right:25px;
		float:left;}
		
		#pie .datos-sucursal:last-of-type{
		margin-right:0;}
		
		#pie .datos-sucursal h3{
			font-family: 'Roboto', sans-serif;
			color:#0055B8;
			font-weight:300;
			font-size:1.1rem;
			text-transform:uppercase;
			padding:5px 0 5px 0;
			border-bottom:1px solid #D5E0E4;
			margin-bottom:10px;}
			
			#pie .datos-sucursal h3 a{
				color:#0055B8;}
				
				#pie .datos-sucursal h3 a:hover{
					opacity:0.8;}
			
			#pie .datos-sucursal p{
			font-family: 'Roboto', sans-serif;
			font-weight:300;
			font-size:0.8rem;
			margin-bottom:10px;
			line-height:1.3rem;
			color:#0055B8;}
	

/* MARCAS */
	
	#pie .marcas{
		width:100%;
		text-align:center;
		padding:15px 0;
		border-top:1px solid #D5E0E4;
		border-bottom:1px solid #D5E0E4;
		float:left;
		margin:15px 0;}
		
		#pie .marcas p{
			font-size:0.7rem;
			color:#a1adb7;
			text-transform:uppercase;
			margin-bottom:8px;}
			
			#pie .marcas .marcas-footer{
				margin:0 auto;
				margin-bottom:10px;
				display:inline-block;}
		
		#pie .marcas a{
			height:60px;
			margin:0 24px;
			background-position:top left;
			background-repeat:no-repeat;
			text-indent:-5000px;
			display:inline;
			float:left;
			transition:all 0.3s ease;}
			
		#pie .marcas a.mar_skf{
			width:114px;
			background-image:url(../img/btn_marca_skf_of.png);}
			
		#pie .marcas a.mar_skf:hover{
			background-image:url(../img/btn_marca_skf_on.png);}
			
		#pie .marcas a.mar_loctite{
			width:114px;
			background-image:url(../img/btn_marca_loctite_of.png);}
			
		#pie .marcas a.mar_loctite:hover{
			background-image:url(../img/btn_marca_loctite_on.png);}
			
		#pie .marcas a.mar_dbh{
			width:114px;
			background-image:url(../img/btn_marca_dbh_of.png);}
			
		#pie .marcas a.mar_dbh:hover{
			background-image:url(../img/btn_marca_dbh_on.png);}
			
		#pie .marcas a.mar_atlas{
			width:114px;
			background-image:url(../img/btn_marca_atlas_copco_of.png);}
			
		#pie .marcas a.mar_atlas:hover{
			background-image:url(../img/btn_marca_atlas_copco_on.png);}
			
		#pie .marcas a.mar_fremax{
			width:114px;
			background-image:url(../img/btn_marca_fremax_of.png);}
			
		#pie .marcas a.mar_fremax:hover{
			background-image:url(../img/btn_marca_fremax_on.png);}
			
		#pie .marcas a.mar_hcs{
			width:114px;
			background-image:url(../img/btn_marca_hcs_of.png);}
			
		#pie .marcas a.mar_hcs:hover{
			background-image:url(../img/btn_marca_hcs_on.png);}

         #pie .marcas a.mar_ariete:hover{
			background-image:url(../img/btn_marca_ariete_on.png);}

        #pie .marcas a.mar_ariete{
			width:114px;
			background-image:url(../img/btn_marca_ariete_of.png);}

        #pie .marcas a.mar_baltic:hover{
			background-image:url(../img/btn_marca_baltic_on.png);}

        #pie .marcas a.mar_baltic{
			width:114px;
			background-image:url(../img/btn_marca_baltic_of.png);}

        #pie .marcas a.mar_yde:hover{
			background-image:url(../img/btn_marca_yde_on.png);}

        #pie .marcas a.mar_yde{
			width:114px;
			background-image:url(../img/btn_marca_yde_of.png);}

        #pie .marcas a.mar_peer:hover{
			background-image:url(../img/btn_marca_peer_on.png);}

        #pie .marcas a.mar_peer{
			width:114px;
			background-image:url(../img/btn_marca_peer_of.png);}
        
        #pie .marcas a.mar_zen:hover{
			background-image:url(../img/btn_marca_zenbiz_on.png);}
       
        #pie .marcas a.mar_zen{
			width:114px;
			background-image:url(../img/btn_marca_zenbiz_of.png);}
		
        #pie .marcas a.mar_etma:hover{
			background-image:url(../img/btn_marca_etmatoledo_on.png);}

        #pie .marcas a.mar_etma{
			width:114px;
			background-image:url(../img/btn_marca_etmatoledo_of.png);}

	#pie .legal{
			width:100%;
			font-size:1rem;
			text-align:left;
			margin:10px auto 0 auto;
			float:left;
			font-size:0.8rem;}
			
			#pie .legal div{
				width:100%;
				max-width:1000px;
				margin:0 auto;
				position:relative;
				padding-top:10px;}
			
			#pie .legal img{
				width:250px; 
				vertical-align:middle;
				float:right;
				margin-top:-30px;}
	
/* ESTILO PARA LA BARRA DE NAVEGACION FIJA */
	
.fixed{position:fixed !important; top:0; transition:1s all ease; z-index:10000; height:500px;}

.adapta-slide{margin-top:54px;}

.adapta-medio{padding-top:54px;}


/* FORMULARIOS */

input[type=text], input[type=email]{
	display:block;
	border:1px solid #3c5e79;
	background-color:rgba(255, 255, 255, 0.8);
	padding:5px 10px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.91rem;
	color:#333;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10px;
	margin-top:3px;}
	

textarea{
	display:block;
	border:1px solid #3c5e79;
	background-color:rgba(255, 255, 255, 0.8);
	height:130px;
	padding:5px 10px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.91rem;
	color:#333;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10px;
	margin-top:3px;
	width:70%;}
	
	input[type=text]:focus, input[type=email]:focus{
	background-color:rgba(255, 255, 255, 1);}
	
	input[type=file]{
		margin-bottom:10px;
		margin-top:3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		cursor:pointer;}
		
	select{
		margin-bottom:15px;
		margin-top:3px;
		display:block;
		border:1px solid #3c5e79;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size:0.8rem;}
		
	input[type=submit]{
	background-color:#0055B8;
	padding:5px 8px;
	font-size:0.8rem;
	color:#FFF;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	margin-top:8px;}
	
form label{
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:0.8rem;
	letter-spacing:0.1rem;
	margin-top:5px;
	}
	
.alerta{
	width:100%;
	border-top:2px solid #F00;
	float:left;
	margin-top:20px;
	padding-top:10px;}
	
form.contacto{
	margin-bottom:30px;}
	
form.contacto label{
	margin:0;
	padding:0;}
	
form.contacto input[type=text], form.contacto input[type=email]{
	width:40%;}

	
/* FORMULARIOS TABLAS*/

.descargas{
	width:100%;
	float:left;
	margin-bottom:10px;}

.descargas input[type=submit]{
	width:60px;
	float:left;
	margin-right:6px;}

.articulo input[type=radio]{
	vertical-align:middle;
	margin-top:-5px;}

.articulo label{
	font-size:1em;
	margin:10px 10px 10px 10px;
	color:#484848;}
	
.articulo label + input[type=radio]{
	margin-left:30px;}
	
.articulo input[type=submit]{
	background-color:#00ABE0;
	color:#FFF;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-weight:400;
	font-size:1em;
	border-radius:0;
	border-top:1px solid #50CFED;
	border-left:1px solid #50CFED;
	border-bottom:1px solid #008EBC;
	border-right:1px solid #008EBC;}
	
.articulo input[type=submit]:hover{
	background-color:#00C2FC;}
	
.articulo label + input[type=submit]{
	margin-left:25px;}
	
form.filtros{
	background-color:#ECEDEE;
	padding:15px 2%;
	width:96%;
	float:left;}
	
p.explicacion{
	margin-top:-10px;
	margin-bottom:7px !important;
	font-size:0.9em !important;}
	
form.filtros p{
	float:left;
	width:16%;}
	
p.detalle{
	font-size:1.05em !important;
	margin-top:20px;
	float:left;}
	
p.detalle strong{
	color:#00ABE0 !important;}
	
	form.filtros p:last-of-type{
		float:left;
		width:20%;}
	
	form.filtros p label{
	margin-left:0;}
	
	form.filtros p input[type=text]{
	width:80%;
	margin:0;
	padding:5px 5%;
	background-color:#E0E0E0;}
	
	form.filtros p input[type=text]:hover{
	background-color:#ECEDEE;}
	
	form.filtros p input[type=text]:focus{
	background-color:#FFFFFF;}
	
	form.filtros select{
	background-color:#ECEDEE;
	height:20px;
	float:left;
	margin-top:-10px;}
	
/* TABLA */

div.tabla{
	position:relative;
	float:left;
	width:100%;}

div.tabla table{
	width:100%;
	float:left;
	border-collapse: collapse;
	border:2px solid #0055B8;
	float:left;}
	
div.tabla table tr:nth-child(2n) td{
	background-color:#ECEDEE;}
	
div.tabla table tr:nth-child(2n+1) td{
	background-color:#fff;}
	
div.tabla table th{
	background-color:#0055B8;
	text-align:left;
	padding:5px 1%;
	color:#FFF;
	text-transform:uppercase;
	font-weight:400;
	font-size:0.87em;
	line-height:16px;
	border-right:1px solid #FFF;
	width: 1px;
	white-space: nowrap;
}
	
div.tabla table td{
	padding:4px 1%;
	font-size:0.77em;
	border-right:1px solid #0055B8;}
	
.paginacion{
	float:left;
	text-align:center;
	width:100%;
	margin-top:20px;
	font-size:0.85em;}
	
.paginacion ul{
	width:auto !important;
	float:none !important;
	text-align:center !important;
	display:inline-block !important;
	margin:0 auto!important;
	}
	
.paginacion ul li{
	background:none !important;
	font-weight:600 !important;
	font-size:1.20em !important;
	border-right:1px solid #969696;
	padding:0 !important;
	margin:0 !important;
	float:left;}
	
.paginacion ul li:last-of-type{
	border-right:0;}
	
.paginacion ul li:nth-last-of-type(2){
	border-right:0;}
	
.paginacion ul li a{
	padding:3px 9px !important;
	text-decoration:none !important;
	color:#2D2D2D !important;
	background-repeat:no-repeat;
	background-position:top left;}
	
.paginacion ul li a.punta{
	font-size:0px;
	display:block;
	width:20px;
	height:17px;
	background-position:2px -3px;
	margin-top:-6px;}
	
.paginacion ul li a.punta:hover{
	background-color:#FFF;}
	
.paginacion ul li a:hover{
	text-decoration:underline !important;
	background-color:#E8E8E8;}
	
.paginacion ul li a.activo{
	color:#00ABE0 !important;
	text-decoration:underline !important;}
	
form.buscar{
	width:300px;
	text-align:center;
	margin:0 auto;
	margin-top:20px;}
	
form.buscar label{
	display:inline;
	float:left;}
	
form.buscar input[type=text]{
	float:left;
	width:60px;}
	
form.buscar input[type=submit]{
	float:left;
	margin-left:10px;
	margin-top:5px;}
	
div.tabla .descargar{
	padding-right:38px;
	background-image:url(../img/ico_descargar_btn.png);
	background-repeat:no-repeat;
	background-position:top right;
	position:absolute;
	right:0;
	top:-60px;}
	

/* SUCURSALES */

.mapa_sucursales{
	height:400px;
	width:100%;
	float:left;
	margin-bottom:30px;}

div.detalle-sucursal{
	margin-bottom:20px;
	width:48%;
	float:left;
	margin-right:4%;}
	
div.detalle-sucursal:nth-child(2n){
	margin-right:0;}

div.detalle-sucursal h1{
		float:left;
		width:100%;
		padding:10px 0 20px 0;
		border-top:1px solid #5a5a5a;
		font-size:1.2em;
		text-transform:uppercase;
		font-family: 'Roboto Condensed', sans-serif;
		margin-top:10px;}
		
	div.detalle-sucursal .texto{
		width:100%;
		float:left;}
		
	div.detalle-sucursal .texto p{
		padding-left:36px;
		padding-bottom:12px;
		margin:0 !important;
		background-repeat:no-repeat;
		float:left;
		display:block;
		clear:both;
		line-height:1.4rem !important;}
		
	
		

@media screen and (max-width: 999px){
	
	
/* PIE */

#pie{
	height:auto;
	display:inline-block;}

#pie .contenido{
	box-sizing:border-box;
	padding:30px 10px;}
	

/* MENU TOP */
	
	#top .secundario .logo{
		margin-left:10px;}
		
		#top .secundario .menu{
			position:absolute;
			top:0;
			right:140px;}
			
		#top .secundario ul li a img{
			vertical-align:text-bottom;
			display:block;
			margin:-3px 0 3px 0;}
			
		#top .secundario ul li a{
			padding:24px 10px 5px 10px;
			transition:all 0s ease;}
			
		#top .principal .menu ul.sociales{
			position:absolute;
			top:-80px;
			right:0;}
			
		#top .principal .menu ul.sociales li a{
			background-position: 0 -54px;
			transition:all 0s ease;}
			
			
/* SLIDE */

#top div.center{
	top:-32px;
	z-index:8000;}

	#top div.center a{
		display:block;
		width:40px;
		height:30px;
		opacity:0.9;
		transition:opacity 0s ease;}
		
		#top div.center a:hover{
		opacity:1;}
		
		#top div.center a#prev{
			top:-160px;
			left:10px;
			background-image:url(../img/slide/flecha_volver_rd.png);}
			
		#top div.center a#next{
			top:-160px;
			right:10px;
			background-image:url(../img/slide/flecha_siguiente_rd.png);}
			
		#top .cycle-slideshow .banner .contenido{
				max-width:1000px;
				width:100%;
				margin:0 auto;
				position:relative;
				height:425px;}
					
				#top .cycle-slideshow .banner .contenido .imagen{
					left:0px;}
					
				#top .cycle-slideshow .banner:nth-child(2n) .contenido .imagen{
					right:0px;}
					
				#top .cycle-slideshow .banner .contenido .texto{
					margin:32px 20px 0 20px;}
					
/* MEDIO */

div.izq{
	width:96%;
	margin:0 2% 30px 2%;}
	
.div570{
	width:500px !important;}
	
.mCustomScrollbar{
	width:96%;}
	
#medio .div1000{
	width:100%;}
		
#medio .div1000 .botonera .bloque a{
	margin:0 36px 20px 0;}
	
div.der{
	width:96%;
	margin:0 2% 30px 2%;}
	
	
	
@media screen and (max-width: 930px){
	
.div570{
	width:427px !important;}
	
#medio .div1000 .botonera .bloque a{
	margin:0 18px 20px 0;}
	
/* SLIDE */
		
		#top .cycle-slideshow .banner .contenido .imagen{
					display:none;}
					
		#top .cycle-slideshow .banner .contenido .texto{
			width:90%;
			float:left;}
			
		#top .cycle-slideshow .banner .contenido .texto .detalle{
			width:100%;
			box-sizing:border-box;}
			
		#top .cycle-slideshow .banner .contenido .texto h1{
			width:100%;
			box-sizing:border-box;}
	
	}
	
@media screen and (max-width: 855px){
	
.div570{
	width:100% !important;}
	
#medio .div1000 .descripcion-segmentos{
	width:100%;
	margin-bottom:15px;}
	
#medio .div1000 .bloque{
	width:95%;
	margin:0 !important;
	padding:0;
	float:left !important;
	margin-bottom:15px !important;}
	
#medio .div1000 .botonera p{
	width:90%;}
	
#medio .div410{
		width:100%;}
	
.mCustomScrollbar{
			height:400px;}
	
	
		#top .secundario .menu{
			right:0;}
	
		#top .principal .menu ul.sociales{
			top:0;}
			
		#top .principal .menu ul.sociales li a{
			background-position: 0 0;}
			
/* FILTROS */

form.filtros p{
	width:32%;
	display:inline-block;}
	
form.filtros p.submit{
	width:100%;
	display:inline-block;}
	
form.filtros input[type=submit]{
	display:inline-block;}
			
			
/* MENU PRINCIPAL */
				
				.fixed{position:relative !important; height:200px;}
				
				.adapta-slide{margin-top:0;}

				.adapta-medio{padding-top:0;}
				
				#top .principal .menu .btn-nav{
					display:block;}
				
				#top .principal .menu ul.secciones{
					position:absolute;
					top:54px;
					left:-100%;
					width:60%;
					background-color:#0055B8;
					z-index:1000;}
					
					#top .principal .menu ul.secciones li{
						display: block;
						float: none;}

					#top .principal .menu ul.secciones li a{
						font-size: 1.1rem;
						padding: 17px 19px 18px 25px;
						border-right: 0;
						border-bottom: 1px solid #00A0DD;
						transition:all 0s ease;}
						
			#top .principal .menu ul li:hover ul#submenu{
				display:none;}
						
			
}

@media screen and (max-width: 730px){
	
	#top .secundario{
			height:163px;}
	
	#top .secundario .logo{
			width:100%;
			display:block;
			text-align:center;
			margin-top:5px;
			margin-left:0;}
			
	#top .secundario .menu{
			position:relative;
			margin:10px auto;
			border-top:1px solid #8BA7B3;
			width:100%;
			text-align:center;}
			
	#top .secundario ul{
		display:inline-block;
		margin:0 auto;
		float:none !important;}
		
	form.filtros p{
	width:48%;
	display:inline-block;}
	
}

@media screen and (max-width: 620px){

	div.detalle-sucursal{
		margin-bottom:20px;
		width:100%;
		margin-right:0;}

}

@media screen and (max-width: 448px){
	
	#top .secundario ul li:nth-child(4), #top .secundario ul li:nth-child(5){
		display:none;}
		
	#top .cycle-slideshow .banner .contenido .texto h1{
			font-size:2rem;}
			
	#top .cycle-slideshow .banner .contenido .detalle{
			font-size:1.2rem;
			line-height:1.5rem;}
			
	#top .cycle-slideshow{
		height:380px;}
		
/* PIE */
		
	#pie .datos-sucursal{
		width:100%;
		margin-right:0;
		text-align:center;}
		
	.marcas a{
		text-align:center;
		width:100% !important;
		margin:0 !important;
		padding:0 !important;
		background-position:center !important;}

	}