@charset "utf-8";
/* CSS Document */
/* IMPORT STYLE
================================================== */
    @import url("footer.css");
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

body { 
		background:#dce6f1; 
		margin:0px; 
		padding:0px; 
		font-family: 'museo_sans300', sans-serif;  
		font-size:12px; 
		line-height:17px;
}
img {border:none;}
.clear { clear:both; }
header { 
		z-index: 100;
		position: relative;
		/*margin-top: 11px !important;*/
		width: 100%;
}
.esd { -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; }
.eid { -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; }

.cuadro.ultimo { margin-right: 0px !important; }
.icon_cuadro { 
	display: none; 
	margin: 11px; 
	margin-bottom: 0px; 
}

/*header {font-family: 'Dosis', sans-serif; font-size: 14px; }*/
.bloque_enganches {
	padding-left: 11px;
	-moz-border-radius: 0px 0px 15px 0px;
	-webkit-border-radius: 0px 0px 15px 0px;
	border-radius: 0px 0px 15px 0px;
	float: left;
	width: 220px;
	margin-right: 0px;
}
.bloque_towcar {  }
.bloque_towcar .secciones_enganches { display:none; }

/*.cuadro:hover {background-position: bottom; }*/
.logo { 
	background: url(../images/mgmetalgar/logo_enganches.png) no-repeat center; 
	width: 221px;
	background-size: contain;
	height: 152px;
	float: left;
	display: block;
	margin-top: 0px;
	text-decoration: none;
}

.barrasup { 
	float: right;
	/*margin-right: 10px;*/
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 11px;
}
.barramenu { 
	
	height: 32px;
	/*background: #c7cdd7;*/
	
	/*margin-right: 110px;*/
	margin-right: 0px;
	display: block;
	margin-top: 0px;
}
.barramenu .icon { display:none; padding: 8px; }

.barramenu nav { background: #4b5d73; margin-top: 0px; margin-bottom: 5px; margin-right: 0px; color:#FFF; }
.barramenu li { list-style: none;}
.barramenu nav a { color: #5b5b5f; color: #FFF; width: 96px; margin-right: 4px; margin-left: 4px; padding-top: 3px; height: 20px; text-align:center; text-decoration:none; display:inline-block; font-family: 'Calibri'; font-size: 11pt; }
.barramenu nav a:hover { background: #3f5f29; color: #FFF; }

.barramenu nav .icon_cliente { width: 22px !important; height: 18px !important; padding:3px 2px 5px 0px !important; text-align:center !important; margin:0px !important; }
.barramenu nav .icon_cliente:hover {background: none !important; }
.barramenu nav .icon_cliente img {width: 26px; height:auto; margin:0px; margin-top: 8px;  }

.head-inicio:hover
{
	background: #0066ff !important;
}

.head-empresa:hover
{
	background: #7030a0 !important;
}

.head-info:hover
{
	background: #ff3300 !important;
}

.head-contacto:hover
{
	background:  #666633!important;
}

.head-descargas:hover
{
	background: #002060 !important;
}

.head-bolas:hover
{
	background: #cc0066 !important;
}

.head-informe:hover
{
	background: #bf9000 !important;
}


.banderas { width: 93px; height: 38px; background: #D3DBE0; padding-top: 6px; padding-left: 6px;  float:right; display:block; margin-top:0px; word-spacing:normal; }

.barrasubmenu { float:right; background:#e6eaee; height: 40px;  margin-right: 10px; margin-left: 0px; margin-top: 11px; width: calc( 100% - 241px); }

.barrasubmenu div { float: left;  }
.barrasubmenu div a{ color: #5b5b5f; text-decoration:none; display:block; float:left; height: 28px; width: 99px; margin-right:11px; text-align:center; padding-top: 12px; }
.barrasubmenu div a:hover { background: #d0d0ce; color: #fff; }
.barrasubmenu div a.activo { background: url(../images/activomenu.png) no-repeat center bottom;  }
.barrasubmenu div a.activo:hover { color: #5b5b5f;  }
.barrasubmenu .icon_submenu {float: left; display:none; }
.barrasubmenu .secciones_submenu { }

.enlacesportada { margin:0px; font-size: 0.95em; list-style-type: none; padding-left: 20px; }
.enlacesportada li { margin-bottom:5px; background: url(../images/dot.png) no-repeat 0px 1px; padding-left: 15px; color: #5f5f5b; }

/* DESPLEGABLES CABECERA */
.select_idioma { position:absolute; top: 44px; right: -1px; height: 180px; padding: 6px; background: #D3DBE0; width: 33px; font-size: 11px; color: #fff; border: #fff solid 11px; border-top:none;  display: none; }
.desp_buscador { border: #fff solid 11px; -moz-border-radius: 0px 0px 25px 25px; -webkit-border-radius: 0px 0px 25px 25px; border-radius: 0px 0px 25px 25px; position:absolute; top: 44px; right: -1px; height: 65px; background: #D3DBE0; width: 89px; font-size: 11px; color: #5b5b5f;  display: none; padding: 5px;  border-top:none;}


/* ICONOS METRO */
/* ICONOS METRO */
.icono.metro_enganches {background-image: url(../images/mgmetalgar/metro_enganches.png); background-size:cover;  }
.icono.metro_kits {background-image: url(../images/mgmetalgar/metro_kits.png); background-size:cover;  }
.icono.metro_portaequipajes {background-image: url(../images/mgmetalgar/metro_portaequipajes.png); background-size:cover;  }
.icono.metro_portabicicletas {background-image: url(../images/mgmetalgar/metro_portabicis.png); background-size:cover;  }
.icono.metro_porta-perros {background-image: url(../images/mgmetalgar/metro_portaperros.png); background-size:cover;  }
.icono.metro_towbox {background-image: url(../images/mgmetalgar/metro_towbox.png); background-size:cover;  }
.icono.metro_barras-de-techo {background-image: url(../images/mgmetalgar/metro_barras.png); background-size:cover;  }
.icono.metro_accesorios {background-image: url(../images/mgmetalgar/metro_accesorios.png); background-size:cover;  }
.icono.metro_portaesquis {background-image: url(../images/mgmetalgar/metro_esquis.png); background-size:cover;  }
.icono.catalogo_enganches {background: url(../images/mgmetalgar/bg_btmenu.png) no-repeat; background-size: cover; }
.icono.novedades:hover {background: url(../images/mgmetalgar/bg_btmenu_enganches.png) no-repeat; height: 46px; padding-top: 18px; color: #FFF; }
.icono.novedades {background: url(../images/mgmetalgar/bg_btmenu.png) no-repeat; width: 96px; z-index: 1; height: 46px; padding-top: 18px; color:#FFF}
.icono.novedades_slim {background: url(../images/mgmetalgar/bg_btmenu_enganches_slim.png) no-repeat; width: 96px; z-index: 1; height: 44px; padding-top: 17px; color: #FFF;}
.icono.novedades_slim_sel {background: url(../images/mgmetalgar/bg_btmenu_enganches_slim_sel.png) no-repeat; width: 96px; z-index: 1; height: 29px; padding-top: 34px; color: #FFF;}
.icono.novedades_slim:hover {background: url(../images/mgmetalgar/bg_btmenu_enganches_slim_sel.png) no-repeat; color: #FFF; overflow: hidden; height: 29px; padding-top: 34px; color: #FFF;}
.icono.portabicis {background: url(../images/mgmetalgar/bg_btmenu.png) no-repeat; width: 96px; z-index: 2; height: 46px; padding-top: 18px;}
.icono.portabicis_slim {background: url(../images/mgmetalgar/bg_btmenu_portabicis_slim.png) no-repeat; width: 96px; z-index: 2; height: 44px; padding-top: 17px; color: #FFF;}
.icono.portabicis_slim_sel {background: url(../images/mgmetalgar/bg_btmenu_portabicis_slim_sel.png) no-repeat; width: 96px; z-index: 2; height: 29px; padding-top: 34px; color: #FFF;}
.icono.portabicis_slim:hover {background: url(../images/mgmetalgar/bg_btmenu_portabicis_slim_sel.png) no-repeat; color: #FFF; height: 29px; padding-top: 34px; }
.icono.portabicis:hover {background: url(../images/mgmetalgar/bg_btmenu_portabicis.png) no-repeat; height: 46px; padding-top: 18px; color: #FFF; }
.icono.portabicis_cofre {background: url(../images/mgmetalgar/bg_btmenu.png) no-repeat; width: 96px; z-index: 3; height: 53px; padding-top: 11px;}
.icono.portabicis_cofre_slim {background: url(../images/mgmetalgar/bg_btmenu_cofres_slim.png) no-repeat; width: 96px; z-index: 3; height: 44px; padding-top: 17px; color: #FFF;}
.icono.portabicis_cofre_slim_sel {background: url(../images/mgmetalgar/bg_btmenu_cofres_slim_sel.png) no-repeat; width: 96px; z-index: 3; height: 29px; padding-top: 34px; color: #FFF; line-height: 12px;}
.icono.portabicis_cofre:hover {background: url(../images/mgmetalgar/bg_btmenu_cofres.png) no-repeat; height: 53px; padding-top: 11px; color: #FFF; }
.icono.portabicis_cofre_slim:hover {background: url(../images/mgmetalgar/bg_btmenu_cofres_slim_sel.png) no-repeat; color: #FFF; padding-top: 34px; height: 29px; }
.icono.cofres {background: url(../images/mgmetalgar/bg_btmenu.png) no-repeat; width: 96px;  z-index: 4; height: 53px; padding-top: 11px;}
.icono.cofres_slim {background: url(../images/mgmetalgar/bg_btmenu_transcan_slim.png) no-repeat; width: 96px;  z-index: 4; height: 44px; padding-top: 17px;  color: #FFF;}
.icono.cofres_slim_sel {background: url(../images/mgmetalgar/bg_btmenu_transcan_slim_sel.png) no-repeat; width: 96px;  z-index: 4; height: 34px; padding-top: 34px;  color: #FFF; line-height: 12px;}
.icono.cofres:hover {background: url(../images/mgmetalgar/bg_btmenu_transcan.png) no-repeat; height: 53px; padding-top: 11px; color: #FFF; }
.icono.cofres_slim:hover {background: url(../images/mgmetalgar/bg_btmenu_transcan_slim_sel.png) no-repeat; height: 29px; color: #FFF; padding-top: 34px; color: #FFF; }
.icono.kits {background: url(../images/mgmetalgar/bg_btmenu.png) no-repeat; width: 96px; z-index: 4; height: 53px; padding-top: 11px;}
.icono.kits_slim {background: url(../images/mgmetalgar/bg_btmenu_kits_slim.png) no-repeat; width: 96px; z-index: 4; height: 44px; padding-top: 17px;  color: #FFF;}
.icono.kits_slim_sel {background: url(../images/mgmetalgar/bg_btmenu_kits_slim_sel.png) no-repeat; width: 96px; z-index: 4; height: 27px; padding-top: 36px;  color: #FFF; line-height: 12px;}
.icono.kits:hover {background: url(../images/mgmetalgar/bg_btmenu_kits.png) no-repeat; height: 53px; padding-top: 11px; color: #FFF; }
.icono.kits_slim:hover {background: url(../images/mgmetalgar/bg_btmenu_kits_slim_sel.png) no-repeat; height: 29px; padding-top: 34px; color: #FFF; }
.icono.accesorios {background: url(../images/mgmetalgar/bg_btmenu.png) no-repeat; width: 96px; z-index: 4; height: 46px; padding-top: 18px;}
.icono.accesorios_slim {background: url(../images/mgmetalgar/bg_btmenu_accesorios_slim.png) no-repeat; width: 96px; z-index: 4; height: 44px; padding-top: 17px;  color: #FFF;}
.icono.accesorios_slim_sel {background: url(../images/mgmetalgar/bg_btmenu_accesorios_slim_sel.png) no-repeat; width: 96px; z-index: 4; height: 29px; padding-top: 34px;  color: #FFF;}
.icono.accesorios:hover {background: url(../images/mgmetalgar/bg_btmenu_accesorios.png) no-repeat; height: 46px; padding-top: 18px; color: #FFF; }
.icono.accesorios_slim:hover {background: url(../images/mgmetalgar/bg_btmenu_accesorios_slim_sel.png) no-repeat; height: 29px; padding-top: 34px; color: #FFF; }
.icono.acc_elec {background: url(../images/mgmetalgar/bg_btmenu2.png) no-repeat; width: 194px; z-index: 4; height: 55px; padding-top: 11px;}
.icono.acc_elec_slim {background: url(../images/mgmetalgar/bg_btmenu_hover2_slim.png) no-repeat; width: 198px; z-index: 4; height: 65px; color: #FFF; padding-top: 17px;}
.icono.acc_elec_slim_sel {background: url(../images/mgmetalgar/bg_btmenu_hover2_slim_sel.png) no-repeat; width: 198px; z-index: 4; height: 34px; color: #FFF; padding-top: 28px;}
.icono.acc_elec:hover {background: url(../images/mgmetalgar/bg_btmenu_hover2.png) no-repeat; width: 194px; z-index: 4; height: 55px; padding-top: 11px; color: #FFF;}
.icono.acc_elec_slim:hover {background: url(../images/mgmetalgar/bg_btmenu_hover2_slim_sel.png) no-repeat; width: 198px; z-index: 4; height: 35px; padding-top: 28px; }
.icono.acc_remolque {background: url(../images/mgmetalgar/bg_btmenu.png) no-repeat; width: 96px; z-index: 4; height: 72px; padding-top: 32px;}
.icono.informe {background: url(../images/mgmetalgar/bg_btmenu.png) no-repeat; width: 96px; z-index: 4; height: 104px;}
.cuadro_slim:hover { }
/*.cuadro:hover { background: url(../images/mgmetalgar/bg_btmenu_hover.png) no-repeat; }*/
.cuadro { 
	width: 99px;
  	height: 99px;
  	margin-top: 11px;
  	margin-left: 11px;
  	float: left;
  	display: block;
  	text-decoration: none;
  	position: relative;
	/*
	margin-bottom: 10px; 
	height: 134px; 
	color: #FFF; 
	overflow: hidden;
	width: 103px;
	margin-top: 0px;
	float: left;
	display: block;
	text-decoration: none;
	text-align: left;
	*/
}

.cuadro_slim { 
	width: 99px;
  	/*height: 56px;*/
  	margin-top: 11px;
  	margin-left: 11px;
  	float: left;
  	display: block;
  	text-decoration: none;
  	position: relative;
  	font-family: 'Calibri' !important;
  	font-size: 13px !important;
	/*
	margin-bottom: 10px; 
	height: 134px; 
	color: #000; 
	overflow: hidden;
	width: 103px;
	margin-top: 0px;
	float: left;
	display: block;
	text-decoration: none;
	text-align: left;
	*/
}
.cuadro2 { width: 96px; height: 120px;  margin-bottom: 0px; font-family: 'Arial'; font-size: 10pt; text-align: center;}
.menus_desp{margin-top:7px; background: #fff; border: 7px solid #c4bd97; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;  }
.icono_sup{ float: left; margin-left: 11px; display: inline-block; }
.icono{height: 99px; overflow: hidden; display: block; text-decoration: none; color:#FFF;}
.enganches_desp { background: #0066ff; text-align: left; }
.portabicicletas_desp { background: #7030a0; text-align: left; }
.portabicis_cofre_desp { background: #ff3300; text-align: left; }
.cofres_desp {background: #666633; text-align: left;}
.kits_desp {background: #002060; text-align: left;}
.accessorios_desp {background: #cc0066; text-align: left;}
.acc_elec_desp{background: #bf9000; text-align: left;}
.desp_total
{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 5px 5px 5px 5px;
	width: 89%;
	font-size: 12px;
	font-family: 'Calibri';
}

.desp_total:hover
{
	background-color: #2b4769;
}

.desp_total a
{
	color:#fff;
	text-decoration: none;
}

.menu_sup{width: 500px; float: left; margin-bottom: 10px; margin-top: 10px;}
.menu_item{float: left;}

.buscador {background-image: url(../images/bg_buscador.png);}
.buscador_mini {width: 1027px; float: left;}
.datos_buscador_mini {padding-left: 20px; padding-top:16px; font-family: 'Arial'; font-size: 11pt; background-image: url(../images/mgmetalgar/bg_buscador_mini.png); width: 880px; margin-top: 5px; margin-left: 5px; margin-right: 3px; height: 39px;  float: left;}
.llistat_marques {width: 1068px; padding: 31px 5px 20px 35px;  float: left; font-family: 'Arial'; font-size: 11pt; padding-bottom: 11px;  }
.marques { float: left; margin-top: 25px; width: 151px; color: #000; text-decoration: none;}
.marques a{ color: #000; text-decoration: none; text-transform: capitalize; margin-top: 5px;}
.marques a:hover{ color: #0000f8; font-weight: bold;}
.llistat_marques_bg 
{   float: none;
    color:#F00;
    font-size: 11pt;
    padding: 0px 45px 38px 40px;
    font-family: 'Calibri';
    background-image: url(../images/mgmetalgar/bg_marques.png);
}
/* ICONOS REDONDOS */
.iconos_redondos { float:right; margin-top: -61px; position:relative; z-index: 90; width: 342px;}
.icon_redondo {display:block; color: #666; text-decoration:none;}
.iconos-redondos-info {position:relative; z-index: 101; margin-top: -292px; width: 302px; padding: 20px; height: 98px; display: none;  }
.iconos-redondos-info h3 {margin-top:0px; }
.itv { background: url(../images/cuadro_itv.png);  }
.garantia { background: url(../images/cuadro_garantia.png);  }
.noticias { background: url(../images/cuadro_noticias.png);  }
.relleno { position:relative; z-index: 101; margin-top: -292px; width: 342px; height: 138px; }

.cuadro_serviciooficial { background: url(../images/cuadro_serviciooficial.png) no-repeat; width: 243px; height: 180px; position:absolute; top: 60px; right: -2px; z-index:100; padding: 20px; display:none; text-align:left; }
.posicion_servicio { position: absolute; right: 0px; top: -10px; width: 250px;  font-family: 'museo_sans500', sans-serif; font-weight:normal; }

@media only screen and (max-width: 500px) {
	.posicion_servicio { position: relative; right: 0px; top:0px; width: 250px;  font-family: 'museo_sans500', sans-serif; font-weight:normal;  text-align: right; margin-left: auto; margin-right: 0px; }
}


/*foto*/
.foto { 
	position: relative;
	margin-top: -169px;
	float: left;
	width: 100%;
}
.foto ul { margin:0px; padding:0px; }
.foto li {margin:0px; padding:0px; }
.foto img { max-width: 100%; margin-top: -4px;}

/* BUSCADOR DE ENGANCHES */
.buscador_enganches { color: #FFF; width: 1009px; height: 121px; margin: auto; padding-top: 5px; padding-left: 13px; background:url(../images/mgmetalgar/bg_buscador.png) no-repeat; /*margin-top: 6px;*/ z-index: 90; position:relative; }
.boton_buscar_enganches { float:right; width: 78px; height: 78px; display:block; position: relative; right: 26px; top: 3px; cursor: pointer;  }
.boton_buscar_enganches2 { float:right; width: 30px; height: 30px; display:block; margin-right: 10px; cursor: pointer; border:none;  }

.buscador_enganches h2 { font-weight: normal; font-size: 1.5em; padding-top: 5px; padding-left: 5px;  }
.imagen_buscador {float: left;color: #000;}
.imagen_buscador_mini {float: left;color: #000; height: 55px;}
.datos_buscador {width: 561px; background: url(../images/mgmetalgar/bg_buscador2.png); float: left; margin-left: 48px; margin-right: 42px; margin-top: 10px; height: 90px; padding-left: 10px; padding-top: 5px; color: #000; font-family: 'Arial'; font-size: 12pt;}

span.select2{
   width: 100px;
   overflow: hidden;
   display:inline-block;
   background: #FFF url(../images/select.png) no-repeat right;
	text-align:left; margin-left: 11px;
}

span.select2.first { }

span.select2 select {
   background: transparent;
   width: calc(100% + 25px);
   padding: 3px 0px 3px 2px;
   line-height: 16px;
   height:22px;
   border: 0;
   -webkit-appearance: none;
   cursor:pointer;
   font-family: 'museo_sans300', sans-serif;  font-size:12px;
}



@media only screen and (min-width: 1000px) {
	.main_header {width: 1087px;}
	.main {
		width: 1082px; 
		margin: 0px auto; 
		padding:0px !important; 
	
	}
	/*.foto { position:relative; margin-top: 0px; float:left; width: 100%}*/
	/*.bloque_enganches { padding-left: 11px; -moz-border-radius: 0px 0px 15px 0px; -webkit-border-radius: 0px 0px 15px 0px; border-radius: 0px 0px 15px 0px; }*/
	/*.bloque_enganches .cuadro { margin-bottom:11px; margin-right: 11px; margin-left: 0px; }*/
	/*.bloque_towcar .cuadro { margin-left:0px; margin-right: 11px; }*/
	.eid { -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; }
}

@media only screen and (max-width: 1000px) {
	.main {width: 1087px !important; }
	.foto { margin-top: 0px; }
	header {padding:0px !important }
	/*.barrasup { margin: 11px 11px 0px 11px !important; float:none; }
	.barramenu {width: auto; margin-right: 110px; float:none; margin-top:0px !important; background: #e6eaee; }
	.banderas {float: right; margin:0px !important}
	.barrabuscar { width: 150px; }
	.carrito { width: 60px; }
	/*.bloque_enganches { margin-right:0px;}
	.bloque_enganches .logo {margin-top:11px; height: 99px; }
	.bloque_towcar {padding-left: 11px; }
	.bloque_towcar .cuadro {margin-left: 11px; margin-right: 0px; }*/
	.select_idioma { right: 11px; }
	.desp_buscador { right: 11px; }
	.cuadro.eid { -moz-border-radius: 0px; -webkit-border-radius:0px; border-radius: 0px;  }
	.separador { clear:both; }
	
	.barrasubmenu { float: none; width: calc(100% - 11px); clear:both; border-top: #fff solid 11px !important; }
}


@media only screen and (max-width: 800px) {
	.barramenu nav a { width: auto; padding-left: 15px; padding-right: 15px; }
	.buscador_enganches { float: none; clear:both; margin:0px auto; padding-top: 5px !important; display: block; width: 400px; background-position: right;  }
	.buscador_enganches h2 { margin:0px; padding:10px; padding-bottom: 6px; }
	span.select2 { width: 130px !important; margin: 2px; margin-left: 8px; display: inline-block; }
	.boton_buscar_enganches { float:right; width: 78px; height: 78px; display:block; position: relative; right: 23px; top: 13px; cursor: pointer; z-index: 150;  }
	.iconos_redondos { float:none; margin: 0px auto !important; margin-top: 0px; text-align:center; clear:both; height: 150px; display:block;}
	.relleno {display: none; }

}