@charset "UTF-8";

/* General */

html { min-height: 100%;}
body{min-width: 960px;height:100%;margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;text-align:center; background-color:#000000; color:#ffffff;font-size: 12px;}
.content{width:960px;margin:0px auto; text-align:left;padding:0px;}
a {outline:none;outline: 0px;text-decoration: none;cursor: pointer;}
a:hover {outline:none;outline: 0px;text-decoration: underline;}
a:focus {outline:none;outline: 0px;-moz-outline-style:none;}
a:active {outline:none;outline: 0px;}

/*a[target="_blank"]{outline:none;outline: 0px;text-decoration:none;padding-right:13px;background:url('../imgweb/_blank.png');background-position: right; background-repeat: no-repeat;}
*/img{border:none;}
.ok{ padding:10px;color:#328C08;background-color:#ECFFE1;border:1px dashed #328c08;margin-bottom:20px;}
.err{ padding:10px;color:#990000;background-color:#FFDDDD;border:1px dashed #990000;margin-bottom:20px;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.paginador{text-align: center; color:#454545;margin-bottom:10px;display:block;overflow: hidden;padding:15px;font-size: 14px;font-weight: bold;}
.paginador .pagina{color:#454545;padding:5px;}
.paginador a{color:#454545;padding:5px;}
.paginador .pagina_actual{background-color: #e30916;color:#ffffff;padding:5px;text-decoration: underline;}
.radius5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.radius2{-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.radius5L{-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}

/* CAPÇALERA DE PAGINA */

.barra_header{height:112px;clear:both;background-color: #e30916;position:relative;z-index: 999;margin:0px;}
.barra_header .logo{float:left;margin:0px;padding:0px;height:112px;overflow: hidden;position: absolute;}
.barra_header .logo a{margin:0px;padding:0px;display: inline;}
.barra_header .logo a img{border:none;}

.barra_header .options{float: right;font-size: 12px;}

.barra_header .options .top{
    height:54px;
}

.barra_header .options .top .idiomes{float:right;margin-right:20px}
.barra_header .options .top .idiomes a{display:block;margin:10px 0px 0px 0px;padding:5px;color:#ffffff;float:left;text-decoration: none;}
.barra_header .options .top .idiomes a img{vertical-align: top;margin-right:4px;}
.barra_header .options .top .idiomes a:hover{color:#fff100;}

.barra_header .options .top .xarxes{float: right;}
.barra_header .options .top .xarxes a{color:#ffffff;display:block;float:left;height: 14px;padding:15px;background-position: top left;background-image: url(../images/bg_menu_top.png);}
.barra_header .options .top .xarxes a img{vertical-align: top;margin-right:4px;}
.barra_header .options .top .xarxes a:hover{background-position: bottom left;}

.barra_header .options .bottom{margin-top:4px;height:54px;}

.barra_header .options .bottom  .cercador{float:right;overflow: hidden;height: 40px;padding:7px 10px 7px 20px;background-position: top left;background-image: url(../images/bg_menu_top.png);}
.barra_header .options .bottom  .cercador .cerca_input{font-size: 13px;color:#787a6e;vertical-align: top;margin:10px 10px 0px -3px;height:20px;width: 140px;padding:2px 0px 0px 10px;background-color: transparent;border:none;background-position: right;background-image: url(../images/cerca.png);}
.barra_header .options .bottom  .cercador .cerca_boto{font-size: 13px;color:#787a6e;vertical-align: top;margin:10px 0px 0px 0px;width: 26px;height: 22px;padding:0px 0px 0px 0px;background-color: transparent;border:none;background-position: left;background-image: url(../images/cerca.png);}

.barra_header .options .bottom .menu{float:right;}
.barra_header .options .bottom .menu .menu2 {padding:0; margin:0; margin-bottom:0; list-style:none; height:54px;  position:relative;}
.barra_header .options .bottom .menu .menu2 li.top {
    display:block; float:left; position:relative; height:54px;margin:0px;padding:0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.barra_header .options .bottom .menu .menu2 li.top .menu_top{
    font-size: 14px;background-image: url(../images/bg_menu_top.png);
    background-position: top left;padding:20px 15px;height: 14px;display:block;float:left;
    color:#ffffff;text-decoration:none;font-weight:bold;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}
.barra_header .options .bottom .menu .menu2 li.top .menu_top:hover{background-position: bottom left;}
.barra_header .options .bottom .menu .menu2 li.top .menu_top_actual{
    font-size: 14px;background-image: url(../images/bg_menu_top.png);
    background-position: center left;padding:20px 15px;height: 14px;display:block;
    float:left;color:#e30916;text-decoration:none;font-weight:bold;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}


.barra_header .options .bottom  .menu .menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.barra_header .options .bottom  .menu .menu2 a:hover {visibility:visible;}
.barra_header .options .bottom  .menu .menu2 li:hover {position:relative;}

.barra_header .options .bottom  .menu .menu2 ul.sub{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.barra_header .options .bottom  .menu .menu2 :hover ul.sub {
    overflow: hidden;display:block;left:0px; top:54px; background-color: #e4e4e4; padding:10px 0px 10px 0px;  width:230px; height:auto;
      -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;
      border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;
      filter: alpha(opacity=95);-moz-opacity: 0.95;KhtmlOpacity: .95;opacity: .95;
}
.barra_header .options .bottom  .menu .menu2 :hover ul.sub li {list-style: none;display:block; position:relative;margin-bottom:0;width:230px;margin:0px;padding:0px;overflow: hidden;}
.barra_header .options .bottom  .menu .menu2 :hover ul.sub li a {font-size: 13px;display:block; padding:10px; line-height:1; color:#000000; text-decoration:none;}
.barra_header .options .bottom  .menu .menu2 :hover ul.sub li a:hover {background-color: #c6c6c6;}

/* PEU DE PAGINA */
.barra_footer {overflow: hidden;padding:20px 0px;}
.barra_footer .esquerra{float:left;}
.barra_footer .dreta{float:right;}

.barra_footer .dreta  .adreca{text-align: right;font-size: 14px;}
.barra_footer .dreta  .adreca img{margin-bottom:9px;}
.barra_footer .dreta  .telfs{padding:55px 0px 18px 9px;}
.barra_footer .dreta  .grup{float:right;padding:18px 18px 18px 9px;text-align: right;}
.barra_footer .dreta  .grup a{color:yellow;}
.barra_footer .dreta  .grup img{margin-bottom:9px;}

.barra_footer .menu_peu{font-size: 13px;clear:both;text-align: center;}
.barra_footer .menu_peu .item_menu_peu{color:#ffffff;}
.barra_footer .menu_peu .item_menu_peu:hover{text-decoration:underline;}
.barra_footer .menu_peu .item_menu_peu_actual{color:red;text-decoration:underline;}


/* COS DE PAGINA */

.barra_body{overflow: hidden;margin:0px;padding:0px 0px 30px 0px;clear:both;background-image: url(../images/bg_body.png);position:relative;z-index: 900;background-position: top left;background-repeat: repeat-x;background-color: #ffffff;}

.barra_body .path{color:#000000;margin-bottom:20px;}
.barra_body .path img{vertical-align: middle;}
.barra_body .path a{color:#000000;}

.barra_body .menu_productes{float:left;width: 200px;margin:0px 10px 20px 0px;font-size: 12px;}
.barra_body .menu_productes div{background-color: #ff0000;padding:8px 8px 8px 20px;font-weight: bold;color:#000000;}
.barra_body .menu_productes ul{list-style: none;padding:0px;margin:0px;}
.barra_body .menu_productes li{list-style: none;padding:0px;margin:0px;}
.barra_body .menu_productes li a{display:block;padding:8px 8px 8px 20px;font-weight: normal;color:#000000;text-decoration: none;}
.barra_body .menu_productes li .level_1{background-color: #cccccc;font-weight: bold;border-bottom:solid 1px #dedede;}
.barra_body .menu_productes li .level_1:hover{background-color: #bbbbbb;}
.barra_body .menu_productes li .level_1.current{background-color: #f1e537;color:#e30916;}
.barra_body .menu_productes li .level_2{background-color: #e6e6e6;font-weight: normal;border-bottom:solid 1px #fefefe;padding-left:30px;font-size: 0.9em;}
.barra_body .menu_productes li .level_2:hover{background-color: #d6d6d6;}
.barra_body .menu_productes li .level_2.current{text-decoration: underline;padding-left:30px;font-size: 0.9em;}

.barra_body .cos_real{float:right;width: 720px;color:#333333;}

.barra_body .cos_real .titol_plana{clear:both;padding:0px;margin:0px 0px 40px 0px;color:#e40a17;display:block;font-size: 20px;font-weight: bold;}

.barra_body .cos_real .subtitol_plana{clear:both;padding:0px;margin:0px 0px 0px 0px;color:#ccc;display:block;font-size: 20px;font-weight: bold;}

.barra_body .cos_real .paragraf {overflow: hidden;clear:both;}

.barra_body .cos_real .paragraf .colLeft{width: 350px;float:left;}
.barra_body .cos_real .paragraf .colRight{width: 350px;float:right;}

.barra_body .partner{text-align: center;width: 172px;background-color: rgb(241, 229, 55);color: rgb(227, 9, 22);font-weight: bold;display: block;padding: 8px 8px 8px 20px;text-decoration: none;}

.colLeft .imatge_esquerra img{margin-left: 50px;}

.barra_body .cos_real .paragraf .titol{clear:both;padding:10px 0px;margin:0px;color:#333333;display:block;font-size: 16px;font-weight: bold;}
.barra_body .cos_real .paragraf .text{clear:both;margin:0px 0px 20px 2px;overflow: hidden;text-align: justify;font-size: 14px;line-height: 1.5em;}


    .columna{width: 219px; margin:0px 6px 6px 6px;float:left;height:315px; overflow: hidden;}
    .columna_titol{color:#ffffff;font-weight:bold;background-color:#4b4b4b;padding:10px;float:left;}


.columna_media{display:block;overflow:hidden;background-color:#fff;width:270px;float:right;}
    .columna_media .seccio{display:block;overflow:hidden;margin:0px 0px 10px 0px;text-decoration: none;color:#a0d3e8;font-weight: normal;color:#474747;font-size: 18px;}
    .columna_media .item_media{display:block;overflow:hidden;margin:0px 0px 15px 0px;text-decoration: none;}
    .columna_media .item_media:hover .nom{text-decoration: underline;}
    .columna_media .item_media .left_50{display:block;overflow:hidden;float:left;width: 46px;height:55px;background:url(../images/ico_docs.png) 0 0 no-repeat;padding:10px 2px 0px 2px;text-align:center;}
    .columna_media .item_media .left_100{display:block;overflow:hidden;float:left;width: 100px;}
    .columna_media .item_media .right_150{display:block;overflow:hidden;float:right;width: 110px;}
    .columna_media .item_media .right_200{display:block;overflow:hidden;float:right;width: 160px;}
    .columna_media .item_media .nom{color:#454545;font-weight: bold;}
    .columna_media .item_media .text{color:#666666;}
    .columna_media .item_media img{width:150px;}
    .columna_media .item_media span{display:block;}



/* tpl fills*/

.item_fill{display:block;margin-top:15px;overflow:hidden;text-decoration: none;overflow: hidden;}
.item_fill:hover{text-decoration: none;}
.item_fill:hover .nom{text-decoration: underline;}
.item_fill .img_box{width:115px; float:left;overflow: hidden;}
.item_fill .txt_box{width:730px; float:right;overflow: hidden;}
.item_fill .nom{display:block;color:#454545;font-weight: bold;}
.item_fill .text{display:block;color:#666666;text-decoration: none;}


/* Formularis */

input[type=button],.btn{border:1px solid #000000;cursor:pointer;background-color:#666666;color:#FFFFFF;padding:5px;text-decoration: none;}
input[type=button]:hover,.btn:hover{border:1px solid #000000;cursor:pointer;background-color:#999999;color:#FFFFFF;padding:5px;text-decoration: none;}

input[type=button],.btn2{border:1px solid #000000;cursor:pointer;background-color:#fff100;color:#e30916;padding:25px;text-decoration: none;font-size: 16px;}
input[type=button]:hover,.btn2:hover{border:1px solid #000000;cursor:pointer;background-color:#999999;color:#454545;padding:25px;text-decoration: none;}


.md_form{
	-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	width:96%;border:1px solid #dedede;padding:3px;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#field{margin-bottom:5px; width:100%;padding-bottom:10px;}
#label{}
.label_titol{font-weight:bold;}
.label_required{color:#DA2400;float:left;}
.detallHide{display:none;}
form{	margin:0;padding:0;}


/* md_prod */

.item_prod{display:block;width: 220px;height: 210px;overflow:hidden;margin:0px 0px 25px 25px;float:left;color:#8b363d;background-repeat: no-repeat;background-position: bottom center;background-image: url(../images/prod_bg.png);}
.item_prod span{clear:both;padding:0px;margin:0px;color:#333333;display:block;font-size: 14px;font-weight: bold;}
.item_prod:hover {text-decoration: none;}
.item_prod:hover span{text-decoration: underline;}
.item_prod img{width:300px;}

.producte_titular{display:block;font-weight:bold;font-size:18px;color:#8a343c;padding:10px 0px 20px 0px;border-top:solid 4px #f2f2f2;margin-top:-5px;}
.producte_data{color:#757575;float:right;width: 290px;}
.producte_text{margin-top:10px;float:left;width: 290px;margin-bottom:20px;overflow: hidden;}
.producte_foto_principal{float:left;margin-left:25px;margin-right:25px;}

/* Documents */
.doc{display:block;clear:both;background-repeat: no-repeat;color:#626060;font-size: 13px;margin-bottom:15px;background-color:#f3f3f3;border:solid 1px #cdcdcd;padding:10px;overflow: hidden;}
.doc img{float:left;margin-right:10px;}
.doc .nom{display:block;font-weight: bold;color:#626060;font-size: 13px;width: 190px;float:right;}
.doc .ext{display:block;font-style: italic ;font-weight: normal;font-variant: small-caps;width: 190px;float:right;}



/* VELL */

.Inicials{padding-bottom: 15px;clear: both;overflow: hidden;border-bottom: solid 1px #ccc;margin-bottom: 15px;}
.Inicials a{display: block;text-decoration: none;padding:5px 0px;color:#000000;float:left;margin:1px;font-size: 16px;width: 32px;text-align: center;}
.Inicials a.lletra:hover{color:#fff;background-color:#666666;}
.Inicials a.lletra_actual{color:#fff;background-color:#8A343C;}
.Inicials .cercadic{display: block;float:left;margin-top:5px;}
.Inicials .cercadic .input{font-size: 13px;color:#787a6e;vertical-align: top;margin:0px 0px 0px 0px;height:20px;width: 190px;padding:2px 0px 0px 10px;background-color: transparent;border:none;background-position: left;background-image: url(../images/cerca2.png);}
.Inicials .cercadic .button{font-size: 13px;color:#787a6e;vertical-align: top;margin:0px 10px 0px -4px;width: 26px;height: 22px;padding:0px 0px 0px 0px;background-color: transparent;border:none;background-position: right;background-image: url(../images/cerca2.png);}


.md_dictionary_list{display:block;font-size: 1.2em;}
.md_dictionary_list{color:#000;}
.md_dictionary_item{display:block;font-size: 1.2em;}

.resultat_cercador{font-size: 1.2em;color:#353535;line-height: 1.6em;}

.engineering{width: 720px;height: 136px;display:block;overflow: hidden;background-image: url(../imgweb/engineering.jpg);color:#000000;font-size: 16px;text-decoration:none;background-repeat: no-repeat;}
.engineering span{display:block;margin:60px 0px 0px 600px;}
.engineering span img{display:block;}

.clamps{width: 360px;height: 226px;float:left;display:block;overflow: hidden;background-image: url(../imgweb/clamps.jpg);color:#000000;font-size: 16px;text-decoration:none;background-repeat: no-repeat;}
.clamps span{display:block;margin:180px 0px 0px 150px;}
.clamps span img{display:block;}

.fasteners{width: 360px;height: 246px;float:right;display:block;overflow: hidden;background-image: url(../imgweb/fasteners.jpg);color:#000000;font-size: 16px;text-decoration:none;background-repeat: no-repeat;}
.fasteners span{display:block;margin:185px 0px 0px 220px;}
.fasteners span img{display:block;}


.empresa_engineering{width: 385px;height: 154px;float:left;display:block;overflow: hidden;background-image: url(../imgweb/empresa_engineering.jpg);color:#000000;font-size: 16px;text-decoration:none;}
.empresa_engineering:hover{text-decoration: none;}
.empresa_engineering span{display:block;margin:40px 0px 0px 70px;color:#aaa;font-weight: bold;}
.empresa_engineering span img{display:block;}

.empresa_clamps{width: 327px;height: 154px;float:left;display:block;overflow: hidden;background-image: url(../imgweb/empresa_clamps.jpg);color:#000000;font-size: 16px;text-decoration:none;}
.empresa_clamps:hover{text-decoration: none;}
.empresa_clamps span{display:block;margin:40px 0px 0px 210px;color:#aaa;font-weight: bold;}
.empresa_clamps span img{display:block;}

.empresa_fasteners{width: 385px;height: 186px;float:left;display:block;overflow: hidden;background-image: url(../imgweb/empresa_fasteners.jpg);color:#000000;font-size: 16px;text-decoration:none;}
.empresa_fasteners:hover{text-decoration: none;}
.empresa_fasteners span{display:block;margin:80px 0px 0px 0px;color:#aaa;font-weight: bold;}
.empresa_fasteners span img{display:block;}

.empresa_damesa{width: 327px;height: 186px;float:left;display:block;overflow: hidden;background-image: url(../imgweb/empresa_damesa.jpg);color:#000000;font-size: 16px;text-decoration:none;}
.empresa_damesa:hover{text-decoration: none;}
.empresa_damesa span{display:block;margin:250px 0px 0px 220px;color:#aaa;font-weight: bold;}
.empresa_damesa span img{display:block;}


.doc_prod{
    display: block;
}
.doc_prod:hover{
    text-decoration: none;
}
.doc_prod img{
    vertical-align: middle;
}
.doc_prod .nom{
    color:#333;
    font-size: 1.2em;
}
.doc_prod .text{
    color:#666;
    display: block;
    font-size: 0.4em;
    padding-left:32px;
    font-style: italic;

}




/* jQuery videos */
#details_wrap {
        /* dimensions */
        width:130px;
        /* centered */
        text-align:left;
        float:right;
        /* some "skinning" */
}
/* jQuery videos */
#image_wrap {
        /* dimensions */
        width:510px;
        float:left;
        /* centered */
        text-align:center;
        /* some "skinning" */
        border:1px solid #ccc;
        margin-left:60px;
}


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 640px;
	height:120px;
        margin-bottom:20px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:640px;
}

/* single scrollable item */
.scrollable img {
        cursor:pointer;
	float:left;
	margin:20px 15px 20px 20px;
	background-color:#fff;
	padding:2px;
	width:100px;
	height:75px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid red;
	position:relative;
	cursor:default;
}


/* Buttons */

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {	background:url(../images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }


/* left */
a.left				{ margin-left: 0px; }
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; }



/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

.link{overflow: hidden;}
.link img{float:left; width:100px;}
.link .text{width:300px;display:block;clear:none;}
.link .text2{float:right; width:220px;display:block;clear:none;}

.tooltip {
	background-color:#000;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:14px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

#tooltip {
    
        width:100px;
        background-color:#e30916;
        padding:5px;
        font-size:11px;
        z-index: 945000;
}

.foto_gallery{
    display:block;
    float:left;
    width: 200px;
    height: 200px;
    margin:15px;
    background-position: center center;
    background-repeat: no-repeat;
}