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











------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family: 'Open Sans', sans-serif;	
	vertical-align:baseline;
}
:focus {
	outline:0;
}
a, a:link, a:visited, a:hover, a:active{
	text-decoration:none;
}
table{
	border-collapse:separate;
	border-spacing:0;
}
th, td{
	text-align:left;
	font-weight:normal;
}
img, iframe{
	border:none;
	text-decoration:none;
}
ul.nobullets{
	padding:0;
	margin:0;
	list-style:none;
}


/*generals
------------------------------------------------------------------ */
body { 
	margin-top:0px;
	font-size:1.1em;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.6em;
	color: #444;
	/*background:url(img/fondo_metall.jpg);*/
    background-size: 100% 100%;
}
a{	color:#011074;
	font-weight:700;
}
a:hover{
	color:#000;
	
}

a.facebook{
    background:url(img/facebook.jpg) no-repeat;
    padding-left: 30px;
    display: block;
    height: 30px;
}
a.twitter{
    background:url(img/twitter.jpg) no-repeat;
    padding-left: 30px;
    display:block;
    height: 30px;
}

footer li{
    list-style-type:none
}
.boto{
	displaY:block;
	padding:5px 4px 5px;
	text-align:center;
	font-weight:bold;
	margin-top:5px; 
	margin-right:20px;
	margin-bottom:10px;
	font-size:1em;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
}
.boto:hover{
	background:#999;
	
}
h1 {  padding-top:2px;
	padding-bottom:2px;
	color:#666;
	font-size:1.2em;
	font-family: 'Open Sans', sans-serif; 
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	
}

h2{	display:block;
	font-size:1.4em;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	line-height:20px;
	margin-bottom:10px;
}

h4 {  padding-top:2px;
	padding-bottom:2px;
	color:#666;
	font-size:1.2em;
	font-family: 'Open Sans', sans-serif; 
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom:10px;
	
}




a.pdf{
	background:url(../images/PDF_icon.jpg) no-repeat;
	display:block;
	height:36px ;
	width:30px;
	float:left;
	margin-right:10px;
}
a.pdf:hover{
	background:url(../images/PDF_icon_hover.jpg) no-repeat;
}
a.youtube{
	background:url(../images/Icon_YOUTUBE.jpg) no-repeat;
	displaY:block;
	height:36px ;
	width:36px;
	float:left;
	margin-right:10px;
}
a.youtube:hover{
	background:url(../images/Icon_YOUTUBE_hover.jpg) no-repeat;
}
/*contenedor
------------------------------------------------------------------ */
#wrappers {
	text-align: left;
	width: 996px;
	margin-right: auto;
	margin-left: auto;
	font-size: 11px;
	/*background:#FFF;*/
	height:100%;
	clear:both;
    /*background:url(img/metall_cos.jpg);
    background-size: 100% 100%;*/
}
/*cabecera
------------------------------------------------------------------ */





/*menu lateral
------------------------------------------------------------------ */
#sidenav{
	width:176px;
	margin-right:20px;
	float:left;
}
#sidenav p ul li.first{
	font-size:1.3em;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	displaY:block;
	line-height:17px;
	color:#333;
	margin-bottom:5px;
	font-weight:bold;
}

#sidenav ul li.second{
	font-size:1.1em;
	font-family: 'Open Sans', sans-serif;	line-height:15px;
	padding-left:18px;
	color:#333;
	padding-top:6px;
	list-style: disc inside;
}
#sidenav ul li.third{
	list-style: disc inside;
	padding-left:40px;
	color:#666;
	line-height:16px;
 }
#sidenav ul li.second a{
	font-size:1.1em;
	font-family: 'Open Sans', sans-serif;
	line-height:15px;
	color:#333;
	font-weight:400;
	padding-bottom:10px;
}

#sidenav ul li.third a{
	font-size:1.1em;
	font-family: 'Open Sans', sans-serif;
	line-height:16px;
	color:#666;
	font-weight:400;
}

#sidenav ul li.select,#sidenav ul li.selected a, #sidenav ul li a:hover, #sidenav ul li.select a{
	color:#011074;
	font-weight:bold;
}
#sidenav ul li.second.exito {
	list-style:none;
}
#sidenav ul li.second.exito a{
	display:block;
	background:#F4F4F4 url(../images/exito.png) no-repeat 130px;
	color:#011074;
	font-weight:bold;
	padding-left:5px;
	padding-top:5px;
	list-style:none;
}
#sidenav ul li.second.exito a:hover {
	display:block;
	background: #CCCCCC url(../images/exito.png) no-repeat 130px;
	color:#011074;
	font-weight:bold;
	padding-left:5px;
	padding-top:5px;
	list-style:none;
}

#sidenav ul.sidenavsub{
	margin-top:15px;
}
/*content
------------------------------------------------------------------ */

.contact_all{
	display:inline-block;
}

#sidecontent{
	width:750px;
	float:left;
	background:#ededed;
	padding:10px 10px 60px 10px ;
	min-height:350px;
}
/*home
------------------------------------------------------------------ */
div.br-layers h4{display:none!Important;}


/* -----------------------buscador */
#form_buscador label{
    color: #E6E600;
    padding-top:15px;
    width: 50px;
}
div.item_buscador{
    float:left;
    width: 400px;
    max-height: 100px;
}
div.img_buscador{
    width: 100px;
    float:left;
}
div.text_buscador{
    width: 300px;
    float:left;
    max-height: 100px;
    overflow:auto;
}
.result_buscar{
    display: block;
    width: 100%;
    float:left;
    margin-bottom: 10px;
    background-color:gainsboro;
    padding:10px 5px 10px 5px;
}
.result_buscar .result{
	max-height:100px;
	overflow:hidden;
}
.result_buscar a.go{
	float:right;
    font-weight: bold;
    font-size:1.4em;
    padding: 3px 3px 3px 3px;
    border: 1px solid #AAA;
    color: #111;
    text-decoration: none;
    border-radius: 12px;
    text-shadow: 0px 1px 0px #FFF;
    background: -moz-linear-gradient(center top , #FFF, #CCC) repeat scroll 0% 0% transparent;
}
#buscador{
	margin-top :25px;
	left:800px;
	width:200px;
    height: 30px;
    float:right;
}
#buscador .buscador{
	width:150px;
	margin-right:0px;
}

.botobuscar{
height: 18px;
margin-top: 10px;
width: 18px !important;
}
form#form_buscador{
    background-color: #efefef;
	border: 1px solid #ccc;
	display: block;
	float: right;
	margin-right: 1px;
	margin-top: 6px;
    
}
#form_buscador input{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
float: left;
margin-top: 0;
padding: 7px 3px 3px;
width: 140px;}



/*  -------------------ratera nou ----------------------*/
.fullpage{
	width:100%;
	float:left;
}
nav.general{ margin-top:5px;}




/* RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA  RATERA /



/* CSS www.ratera.com */
/*reset*/
* {
    margin: 0;
    padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, , sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
	font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
strong{ font-weight:700;}
:focus {
    outline: 0 none;
}
body {
    background: none repeat scroll 0 0 white;
    color: black;
    line-height: 1;
}
ol, ul {
    list-style: outside none none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}










/*content
------------------------------------------------------------------ */
#content{width:100%; border-top:1px solid; /*padding-bottom:15px;*/}
#content section.fullpage {float: left;width: 100%;}
#content section.home div.slider{float: left;width: 100%; }
#content section.home div.slider div{border:0!important;}


div.sectors_menu:hover{ opacity:1;}
div.sectors_menu div.title{ overflow:hidden;}
	div.sectors_menu div.title p{ display:block; float:left; padding-left:5px; padding-top:5px;color:black; font-size:0.8em; padding-bottom:3px;}
	div.sectors_menu div.title a.open_menu{ float:right; display:block; width:160px;}
	
	div.sectors_menu div.title a.open_menu img{ float:right; width:16px; height:16px;}
	
div.sectors_menu div.sector_list{ }
	div.sectors_menu div.sector_list ul{ display:block;  overflow:hidden;}
	div.sectors_menu div.sector_list ul li{ display:block;}
	div.sectors_menu div.sector_list ul li a{ display:block; padding:8px 10px; color:#222;}
	div.sectors_menu div.sector_list ul li a:hover{ background-color:#f9b70c; }
	
#content section.home div.container_banners{width:100%; height:100%; float:left; padding-bottom:20px;}


#content section.home div.banners div.banner{float:left; width:305px; height:190px; margin-right:27px; margin-top:18px; margin-bottom: 20px; overflow:hidden; outline:1px solid #ddd;}
#content section.home div.banners div.banner a{display:block;}
#content section.home div.banners:hover div.banner a{display:block;}

#content section.home div.banners div.banner h2{ background-color:#ddd; padding-left:10px; padding-top:2px; font-size:1.2em;margin:0!important;}


footer{display:block; width:100%; text-align:center; float:left;background-color:#181a1a; color:#eee; font-size:0.85em; text-align:left;}

footer section.logo img{ height:52px; width:154px;}
footer section.localizacion a{ color:#f9b70c; cursor:pointer;}
footer section.localizacion a.hover{ text-decoration:underline;}
footer section.contacto a{ color:#f9b70c; cursor:pointer;}
footer section.contacto a.hover{ text-decoration:underline;}
footer section.copyright{ display:block; float:left; width:100%; text-align: center; height:45px; background-color:#0c0d0d; padding-top:15px; font-size:0.95em; color:#ccc;}


/*empresa
------------------------------------------------------------------ */
section.empresa{ background: white url(/files/img_css/bg_companyia2.jpg) no-repeat top center;}
section.empresa h1{ 
    color: #f9b70c;
    display: block;
    font-size: 1.4em;
    margin: 0 auto 190px;
    padding: 16px 0 15px;
    width: 996px;
    font-weight: 600;
}
section.empresa div.article{margin: 0 auto 50px;
    overflow: hidden;
    width: 996px;}
section.empresa div.article div.tipus{
    color: #990000;
    display: block;
    float: left;
    font-size: 2em;
    margin-right: 20px;
    width: 175px;

	font-family: 'Open Sans', sans-serif;
	font-weight: 100;}
	
section.empresa div.article div.tipus span.bold{ font-weight:500;}
section.empresa div.article div.contingut{ display: block;
    float: left;
    font-size: 1.15em;
    line-height: 1.5em;
    overflow: hidden;
    width: 740px;}
section.empresa div.article div.contingut p{ float:left; width:45%; margin-right:20px; margin-bottom:20px;}



/*calidad
------------------------------------------------------------------ */
section.calidad{ background: white url(/files/img_css/bg_calidad.jpg) no-repeat top center;}
section.calidad h1{ color: #f9b70c;
    display: block;
    font-size: 1.4em;
    margin: 0 auto 190px;
    padding: 16px 0 15px;
    width: 996px;
    font-weight: 600;
}
section.calidad div.article{margin: 0 auto 50px;
    overflow: hidden;
    width: 996px;}
section.calidad div.article div.tipus{ 
    color: #ffb801;
    display: block;
    float: left;
    font-size: 2em;
    margin-right: 20px;
    width: 175px;
	line-height:1.3em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;}
	
section.calidad div.article div.tipus span.bold{ font-weight:500;}
section.calidad div.article div.contingut{ display: block;
   float: left;
    font-size: 1.15em;
    line-height: 1.5em;
    overflow: hidden;
    width: 740px;}
section.calidad div.article div.contingut p{ float:left; width:45%; margin-right:20px; margin-bottom:20px;}
section.calidad div.article div.contingut div.certificats{ float:left; width:740px; overflow:hidden; margin-bottom:30px;}
section.calidad div.article div.contingut div.certificats a{ margin-right:15px; float:left; display:block;}



/*aplicaciones1
------------------------------------------------------------------ */
section.aplicaciones1{ background: white url(/files/img_css/bg_aplicaciones2.jpg) no-repeat top center;}
section.aplicaciones1 h1{ color: #f9b70c;
    display: block;
    font-size: 1.4em;
    margin: 0 auto;
    padding: 16px 0 15px;
    width: 996px;
    font-weight: 600;
	border:0!important;}

section.aplicaciones1 div figure{
	float: left;
    height: 250px;
    margin-right: 27px;
    margin-top: 30px;
    width: 305px;}
section.aplicaciones1 div figure > a{
	display: block;
    height: 155px;
    margin-left: 1px;
    width: 305px;}
section.aplicaciones1 div figure div{
	width:290px;
	overflow:hidden;
	text-align:center;
	float:left;
	margin-top:10px;
}
section.aplicaciones1 div figure div ul{ overflow:hidden; display:block; float:left; list-style:outside circle; }
section.aplicaciones1 div figure div ul li{display:block; float:left; }
section.aplicaciones1 div figure div ul li a{display:block; float:left; height:20px; width: 290px;outline: none!Important; font-size:1.1em; color:black;}
section.aplicaciones1 div figure div ul li a:hover{ color:#8f142a;}
section.aplicaciones1 div figure a img{}
section.aplicaciones1 div figure footer{
	background-color: #f0f0f0;
    color: #565656;
    padding: 10px 0;
    font-weight: 600;
    font-size: 1.3em;
    text-transform: uppercase;
	text-align:center;
}
.br-thumbnails li{border:0!Important;}
section.aplicaciones1 div figure:hover footer{
	background-color: #000;
    color: #fff;
    padding: 10px 0;
    font-weight: 600;
    font-size: 1.3em;
    text-transform: uppercase;
	text-align:center;
}

/*aplicaciones2
------------------------------------------------------------------ */



/*menu tree*/
nav.treecomponent{
	margin:1px 10px 1px 1px;
	border-top: 2px solid;	
}
nav.treecomponent ul{
	margin:0;
	list-style:none;
}
nav.treecomponent li.l0.selected{
    background-color:#8f142a;
}
nav.treecomponent li.l0.selected a{
    color:white;
	font-weight:600;
}
nav.treecomponent li.l1.selected{
    background-color:white;
}
nav.treecomponent li.l1.selected a{
    color:#8f142a;
}
nav.treecomponent li.l1.selected ul li.l2 a{
    color:#000;
}
nav.treecomponent li.l1 ul li.l2 a:hover{ text-decoration:underline;}

nav.treecomponent li.l1.selected ul li.l2.selected a{
    color:#8f142a;
	text-decoration:underline;
}
li.l0{
	font-size:1.2em;
	color:black;
	background-color:#ccc;
	margin-bottom:1px;
	}

li.l0:hover{
	font-size:1.2em;
	color:white;
	background-color:black;
	margin-bottom:1px;
	}
li.l0 a{
	font-size:1em;
	font-weight: 400;
	color:black;
	line-height:2.5em;
	padding:10px 0 10px 10px;
	}	
li.l0:hover a{
	color:white;
	font-weight: 600;}
li.l0 a:hover{
	font-size:1em;
	font-weight: 600;
	color:white;
	line-height:2.5em;
	padding:10px;
	}	

li.l1{
	font-size:1.1em;
	color:black;
	padding:0 0 0 20px;
    line-height: 1.8em;
	}
li.l1 a{
	color: black;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.5em;
   text-transform: uppercase;
	}	
li.l1 a:hover{color:#8f142a;}

li.l2{
	font-size:0.9em;
	color:black;
	margin-left:15px;
	}
li.l2 a{
	color: black;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 2em;
	}
li.l2.selected a{
	color: #8f142a;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.5em;
	}
article.col2{
	float:left;
}
article.col2 div.slider{
	margin-right:15px;
	margin-bottom:15px;
	border:1px solid #ccc;
}
h1.corda {
    border-bottom: 1px solid;
    color: #8f142a;
    display: block;
    float: left;
    font-size: 1.2em;
    margin-left: 15px;
    margin-top: 10px;
    width: 100%;
}
figure.sector_maquinas{
	margin:15px 13px;
	border: 1px solid #e6e6e6;
	float:left;
	width:227px;
}
figure.sector_maquinas header{
	background-color: #f0f0f0;
    color: #565656;
    padding: 10px 0 10px 10px;
    font-weight: 700;
    font-size: 1.3em;
}

figure.sector_maquinas:hover header{
	background-color: #000;
    color: #fff;
}
figure.sector_maquinas a{
	display:block;
	}
figure.sector_maquinas a img{
	width:225px;
	height:220px;
	opacity:1;
}
section.aplicaciones2 article.maquinas_sector.col2 div.text{
	font-size: 1.3em;
    font-weight: bold;
    padding: 15px;
    text-transform: uppercase;}


/* ---maquinas --------- */



nav.maquinas{
	width:30%;
	float:left;
}
/* ---EDIT TABS MAQUINA --------- */

.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool, .tabs, .tabs-panels, .tabs li a.tabs-inner, .tabs li.tabs-selected a.tabs-inner, .tabs-header-bottom .tabs li.tabs-selected a.tabs-inner, .tabs-header-left .tabs li.tabs-selected a.tabs-inner, .tabs-header-right .tabs li.tabs-selected a.tabs-inner {
    border-color: #ccc!important;
}
article.maquinas div.easyui-tabs.tabs-container{ margin-top:15px; height:auto!important;}
article.maquinas  div.contingut h1{
	border-bottom: 1px solid ;
    font-size: 1.3em;
	color:#8f142a;}
	
/*article.maquinas  .tabs-panels { width:335px!important;} */ oscar 2017
article.maquinas  .tabs-header, .tabs-tool {
    background-color: #fff!important;
}

html body div#wrappers div#content section.maquinas article.maquinas.col2 div.contingut div.easyui-tabs.tabs-container div.tabs-panels div.panel div.panel-body.panel-body-noheader.panel-body-noborder a{ 
	background: white url("img/pdf17.png") no-repeat scroll left top;
    color: black;
    display: block;
    height: 20px;
    margin: 5px 0 2px;
    padding-left: 30px;
    padding-top: 7px;
	}
 a.pdf17{ 
	background: white url("img/pdf17.png") no-repeat scroll left top;
    color: black;
    display: block;
    height: 20px;
    margin: 5px 0 2px;
    padding-left: 30px;
    padding-top: 7px;
	}

article.maquinas  .tabs-header{ border:none!important; padding:0!important;}
article.maquinas  .tabs{ padding:0!Important;}
article.maquinas  .tabs-title {
    font-size: 1.1em!important;
	text-transform:uppercase!important;
}
article.maquinas  .tabs li{ margin-right:0!important;}
article.maquinas  .tabs li a.tabs-inner {
	background:#FFFFFF !important;
    color:#555!important;
	border-radius:0!Important;
	}
	
article.maquinas  .tabs li.tabs-selected a.tabs-inner {
	background:#333 !important;
    color:#fff!important;
	border-bottom:0!important;
	font-weight:normal!important;
	padding:0 5px!important;
	}

article.maquinas div.contingut div.tabs-panels ul{ list-style:inside disc none; line-height:1.5em;}
article.maquinas div.contingut div.tabs-panels ul li{}

a.maq_form {
    background: #999 none repeat scroll 0 0!important;
    border: 0 none!important;
    color: white!important;
    cursor: pointer!important;
    display: block!important;
    float: left!important;
    font-size: 1.1em!important;
    padding: 7px 10px!important;
    width: auto!important;
	margin-top:15px!important;
}
a.maq_form:hover {
    background: #555 none repeat scroll 0 0;
	}
a[title="Aplicaciones"]{background:none!important; height:auto!important; margin:0!important; padding:0!important;}

/*contacto
------------------------------------------------------------------ */
html body div#wrappers div#content section.contacto{ background: white url(/files/img_css/bg_contact.jpg) no-repeat top center!important;}
html body div#wrappers div#content section.contacto h1{ color: #f9b70c;
    display: block;
    font-size: 1.4em;
    margin: 0 auto;
    padding: 16px 0 15px;
    width: 996px;
    font-weight: 600;
	text-transform:uppercase;
	border:0!important;}
html body div#wrappers div#content section.contacto div.googlemaps{ width:100%;}
html body div#wrappers div#content section.contacto div.googlemaps iframe{ width:100%; height:350px;}

html body div#wrappers div#content section.contacto div.contcontacto{margin: 15px auto 50px;
    overflow: hidden;
}
html body div#wrappers div#content section.contacto div.contcontacto div.info{
	float:left;
	width:25%;}
html body div#wrappers div#content section.contacto div.contcontacto div.info p{
	border-right: 1px solid #999;
    color: #ffb801;
    display: block;
    float: left;
    font-size: 1.3em;
    height: 250px;
    line-height: 1.3em;
    margin-right: 20px;
	}
form.form_edit div.hidden{display:none;}

	
form.form_edit div.field {margin-bottom:15px; overflow:hidden;
}
form.form_edit label{
	
	}
form.form_edit span.red{ }
form.form_edit input{
	display:block;
	background-color:#ccc;
	border:0;
	margin-top:2px;
	padding:5px;
	width:100%;
	}
form.form_edit select{
	width:100%!important;
	}
input#enviar{ background: #ffb801 none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 1.1em;
    padding: 10px;
    width: auto;
	font-weight:normal;}
	
textarea#comentari{ 
	display:block;
	background-color:#ccc;
	border:0;
	margin-top:5px;
	padding:5px;}

/*newsletter
------------------------------------------------------------------ */
html body div#wrappers div#content section.newsletter{ background: white url(/files/img_css/bg_contact.jpg) no-repeat top center!important;}
html body div#wrappers div#content section.newsletter h1{ color: #f9b70c;
    display: block;
    font-size: 1.4em;
    margin: 0 auto;
    padding: 16px 0 15px;
    width: 996px;
    font-weight: 600;
	text-transform:uppercase;
	border:0!important;}

html body div#wrappers div#content section.newsletter div.contcontacto{margin: 15px auto 50px; max-width:996px;
    overflow: hidden;
}
html body div#wrappers div#content section.newsletter div.contcontacto p{
	font-size: 1.15em;
    line-height: 1.5em;
	margin-bottom: 5px;
    margin-top: 10px;
	
	}
html body div#wrappers div#content section.newsletter div.contcontacto div.form_newsletter{
	font-size: 1.15em;
    line-height: 1.5em;
	margin-bottom: 5px;
    margin-top: 10px;
	width:300px;
	}
span.acepto{padding-bottom: 5px; display:block;}
input#recibirinfo{
	float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 3px;
    width: auto;}
input#politicaprivacidad{
	float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-top: 3px;
    width: auto;}
span.acepto a{ color:black; text-decoration:underline; font-weight:normal!important;}
span.acepto a:hover{text-decoration:none;}
html body div#wrappers div#content section.newsletter div.contcontacto div.form_newsletter input#enviar{
	float:left;}

p.message_error{ }

/* ---EDIT TABS CONTACTO --------- */

section.contacto div.easyui-tabs.tabs-container{ margin-top:15px;}
section.contacto  div.contingut h1{
	border-bottom: 1px solid ;
    font-size: 1.3em;
	color:#8f142a;}
section.contacto  .tabs-header, .tabs-tool {
    background-color: #fff!important;
}
section.contacto  .tabs-header{ border:none!important; padding:0!important;}
section.contacto  .tabs{ padding:0!Important;}
section.contacto  .tabs-title {
    font-size: 1.1em!important;
	text-transform:uppercase!important;
}
section.contacto  .tabs li{ margin-right:0!important;}
section.contacto  .tabs li a.tabs-inner {
	background:#FFFFFF !important;
    color:#555!important;
	border-radius:0!Important;
	}
	
section.contacto  .tabs li.tabs-selected a.tabs-inner {
	background:#333 !important;
    color:#fff!important;
	border-bottom:0!important;
	font-weight:normal!important;
	padding:0 5px!important;
	}
section.contacto h2{}

/*presupuestos
------------------------------------------------------------------ */
html body div#wrappers div#content section.presupuesto{ background: white url(/files/img_css/bg_presupuesto.jpg) no-repeat top center!important;}
section.presupuesto h1{ color: #f9b70c;
    display: block;
    font-size: 1.4em;
    margin: 0 auto 190px!important;
    padding: 16px 0 15px;
    width: 996px;
    font-weight: 600;
	border:0!important;
	text-transform:uppercase;}
	

section.presupuesto div.contcontacto{width: 95%; margin: 15px auto 50px; overflow: hidden; width:996px;}	
p.intro_pressu{line-height: 18px;}
p.titol_pressu{line-height: 20px;
text-transform: uppercase;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;}
/*en el mundo
------------------------------------------------------------------ */
section.mundo{ background: white url(/files/img_css/bg_contact02.jpg) no-repeat top center;}
section.mundo h1{ color: #f9b70c;
    display: block;
    font-size: 1.4em;
    margin: 0 auto 190px;
    padding: 16px 0 15px;
    width: 996px;
    font-weight: 600;
	border:0!important;}
section.mundo h2{
	border-bottom: 1px solid #333;
    color: #333;
    font-size: 1.4em;
    margin: 0 auto 50px;
    overflow: hidden;
    width: 996px;}


	
section.mundo div.paises div.pais figure  a{
	float:left;
	display:block;}
	
section.mundo div.paises div.pais figure img{
	float:left;}
	
section.mundo div.paises div.pais figure footer{
    background-color: white !important;
    color: #333;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0 20px 8px;
    width: auto !important;}
section.mundo div.paises div.pais div.adress{
	float: left;
    font-size: 1.1em;
    line-height: 1.3em;
    width: 100%;
	}
section.mundo div.paises div.pais div.adress a{
	color:#8f142a;
}
section.mundo div.paises div.pais div.adress a:hover{
	text-decoration:underline;
}




/*Novetats
------------------------------------------------------------------ */
section.novetats{ background: white url(/files/img_css/bg_noticias.jpg) no-repeat top center;}
section.novetats h1{ 
    color: #f9b70c;
    display: block;
    font-size: 1.4em;
    margin: 0 auto 190px;
    padding: 16px 0 15px;
    width: 996px;
    font-weight: 600;
    border: 0!important;}

section.novetats section.llistat_noticies article{
	display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-bottom: 35px;
    border-top: 1px solid #aaa;
    padding-top: 15px;
}

section.novetats section.llistat_noticies article h2.titol{
    color: #333;
    font-size: 1.6em;
    margin: 0 auto 10px;
    overflow: hidden;
	font-weight:400!important;
	height:auto;
	display:block;
	line-height:1.6em;
}
h2.titol{
    color: #333;
    font-size: 1.8em;
    margin: 0 auto 10px;
    overflow: hidden;
	font-weight:400!important;
	height:auto;
	display:block;
	line-height:1.6em;
}
span.vermell{color:#8f142a;}

section.novetats section.llistat_noticies article figure{ float:left;}

section.novetats section.llistat_noticies article div.ocasio_info{ float:left; padding-left:15px; font-size:1.2em; line-height:1.65em;}
a.p0{display:none;}
div.ocasio_info a h2.titol span.vermell:hover{ text-decoration:underline;}
h6.data{font-size:1em;}
p.contingut{ line-height:2.1em;}
p.contingut_novetat{ line-height:2.1em; font-size:1.2em;}
div.paginador{ width:100%; float:left;}
div.paginador ul.pagination{ 
	margin-left: 10px;
    overflow: hidden;}
div.paginador ul.pagination li{ 
	border: 1px solid #d9d9d9;
    color: #808080 !important;
    float: left;
    height: 27px;
    line-height: 25px;
    margin: 0 4px 2px 0;
    min-width: 27px;
    text-align: center;
}
div.paginador ul.pagination li a{
	color: black;
    font-size: 1.2em;
    font-weight: 400; }
div.paginador ul.pagination li.active{
	background-color: #e1e1e1;
    color: black; }
div.paginador ul.pagination li:hover{
	cursor: pointer;
	background-color: #e1e1e1;
    }
	
div.paginador ul.pagination li:hover a{color:white;}
div.paginador ul.pagination li.active a{ }

/*Novetat
------------------------------------------------------------------ */
section.novetat{ background: white url(/files/img_css/bg_mundo.jpg) no-repeat top center;}
section.novetat h1{ 
    color: #f9b70c;
    display: block;
    font-size: 1.2em;
    margin: 0 auto 190px;
    padding: 20px 0 15px;
    width: 996px;}
section.novetat section.llistat_noticies{
	margin: 15px auto 50px;
    overflow: hidden;
    width: 996px;}
section.novetat section.llistat_noticies article{
	display:block;
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:35px;}

section.novetat section.llistat_noticies article h2{
    border-bottom: 1px solid #333;
    color: #333;
    font-size: 1.4em;
    margin: 0 auto 10px;
    overflow: hidden;
    width: 996px;
}
span.vermell{color:#8f142a;}

section.novetat section.llistat_noticies article figure{ float:left;}

section.novetat section.llistat_noticies article div.ocasio_info{ float:left; padding-left:15px; font-size:1.2em; line-height:1.5em;}
a.p0{display:none;}

/*Recambios
------------------------------------------------------------------ */
section.recambios{ background: white url(/files/img_css/bg_contact.jpg) no-repeat top center; min-height:250px;}
section.recambios h1{ 
    border: 0 none !important;
    color: #f9b70c;
    display: block;
    font-size: 1.4em;
    font-weight: 600;
    margin: 0 auto 30px;
    padding: 16px 0 15px;
    width: 996px;}
	
section.recambios h2{
	border-bottom: 1px solid #333;
    color: #333;
    font-size: 15px;
    margin: 0 auto 50px;
    overflow: hidden;
    width: 996px;
    text-transform: uppercase;
    font-weight: normal;}
	section.recambios h3{text-transform: uppercase;
}
section.recambios div.formularis{ margin:0 auto;
	}

	
section.recambios div.article{margin: 0 auto 50px;
    overflow: hidden;
}
section.recambios div.article div.tipus{ 
    color: #ffb801;
    display: block;
    float: left;
    font-size: 2em;
    margin-right: 20px;
	line-height:1.3em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
}
	
section.recambios div.article div.tipus span.bold{ font-weight:500;}
section.recambios div.article div.contingut{ display: block;
   float: left;
    font-size: 1.15em;
    line-height: 1.5em;
    overflow: hidden;
	margin-bottom: 25px;}
section.recambios div.article div.contingut p{ margin-right:20px; margin-bottom:10px; margin-top:10px;}
section.recambios div.article div.contingut a.sendmail{
	text-decoration: underline;
    color: #595959;
    clear: both;
    display: block;
    width: 100%;
    margin-bottom: 20px;
	font-weight: normal;
    font-size: 0.8em;
    margin-top: 10px;}
section.recambios div.article div.contingut div.divcontent form.form_edit div.list_buttons input[type=submit]{
	background: #ffb801 none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.1em;
    padding: 10px;
    width: auto;
    margin-top: 10px;}

#content > section > div > div.article > div.contingut > div.actions > a{
	background: #ffb801 none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.1em;
    padding: 10px;
    width: auto;
    margin-top: 10px;}
	
#content section.fullpage.recambios div.article div.article div.article div.contingut div.actions a{
	background: #ffb801 none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1.1em;
    margin-top: 10px;
    padding: 10px;
    width: auto;
	font-weight:normal;}
div.login_web{
	background-color: #eee;
    line-height: 20px;
    padding: 15px;
	overflow:hidden;
	}
div.login_web a{
	background-color: white;
    color: black !important;
    display: block;
    float: left;
    font-weight: normal !important;
    margin: 10px 10px 0 0;
    padding: 5px;
    text-transform: uppercase;
}
div.login_web a:hover{
	background-color: black;
    color: white !important;
	}
div.comanda form{ border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    max-width: 450px;
    overflow: hidden;
    padding-bottom: 15px;
	}	
div.buttons input.add{
	background: #ffb801 none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    padding: 8px;
    width: auto;
	margin-right:10px;
	text-transform:uppercase;
	margin-bottom:10px;
	}
div.buttons input#btn_enviar{
	background: #ffb801 none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    padding: 8px;
    width: auto;
	text-transform:uppercase;
	margin-bottom:10px;}
	div.list_buttons ul li{
	float: left;
    margin-right: 15px;
	}
	div.buttons{display:block;}
	div.list_buttons{ display:block;}
/*oskar*/
.fade {
  background: url(img/fade.png) repeat-x 0 bottom;
  display: block;
  height: 200px;
  position: relative;
  z-index: 10;
  margin-top: -200px;
}
li.l1 > a {display:none;}





/*FITXA PROD. OCT-15 ----------------- FASE1*/
article.maquinas{}
article.maquinas figure.contingut{border-top: 2px solid;overflow: hidden;}
article.maquinas figure.contingut img{float: left; margin: 15px 1px 1px; outline: 1px solid #ccc; width: 50%;}
article.maquinas figure.contingut h1{color: black;font-size: 1.8em;font-weight: normal;}
article.maquinas figure.contingut div.desc{float: left; margin: 15px 0 0 15px; width: 45%;}
article.maquinas figure.contingut div.desc ul{display: block;list-style: inside none disc;margin-top: 10px;}
article.maquinas figure.contingut div.desc ul li{font-size: 1.1em; line-height: 1.8em;}

nav li.l2{ margin-left:0!important; }
nav li.l1 a {
    text-transform: none!important;
}
nav li.l2 a {
    text-transform: none!important;
}

#content > section > div.banners > iframe{border:1px solid black;}




/*    responsive   */


body{ font-family: 'Open Sans', sans-serif; background-color:#e8eded; height:auto;}
.bold{ font-weight:bold;}
div#wrappers{ width:100%; background-color:white;bm}
#header #logo{width:225px; height:83px; float:left;}


#header div.toolbar{float:left;margin-top: 20px;width:100%;}
div#header{width:100%; min-height:90px;margin:0 auto;}
#header div.idioma{float:right;padding-right:0px;padding-top:5px;width:80px}
#header div.idioma a.idioma img{width:25px; height:25px;}
a.open_menu_responsive{ float:right; margin-top:28px;}
a.open_menu_responsive img{}



/*menu cabecera
------------------------------------------------------------------ */



ul.nav li.active a, ul.nav li a:hover{
	color:#011074;
}
#header div.toolbar ul#nav{display:block; oveverflow:hidden; float:right;}
#header div.toolbar ul#nav li{display:block; float:left; margin-right:25px; font-weight:900;width:100%;}

	#header div.toolbar ul#nav li a{
		padding-top:10px; padding-left:2px; display:block; color:#333; font-size:1.25em;
	font-family: 'Open Sans', sans-serif; font-weight:400;
	}

#header div.toolbar ul#nav li a:hover{color:#8f142a;}
#header div.toolbar ul#nav li.selek a{color:#8f142a; font-weight:400;}
.toolbar{display:none;}

/*Intent responsive menu principal
ul.nav li.active a, ul.nav li a:hover{
	color:#011074;
}
#header div.toolbar ul#nav{display:block; oveverflow:hidden;}
#header div.toolbar ul#nav li{display:block; float:left; margin-right:35px; font-weight:900;width:100%;}
#header div.toolbar ul#nav li a {
    background-color: grey;
    border-bottom: 1px solid white;
    color: white;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 1.25em;
    font-weight: 400;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-top: 15px;
}
#header div.toolbar ul#nav li a:hover{backgroune-color:#8f142a; color:#8f142a;}
#header div.toolbar ul#nav li.selek a{color:#8f142a; font-weight:400;}
.toolbar{display:none;}
*/



div.sectors_menu {
    background-color: #FFF;
    border: 1px solid #CCC;
    width: 160px;
    font-size: 1.2em;
    opacity: 0.8;
    cursor: pointer;
	z-index:9999;
}




footer div.footer_one{display:block; margin:0 auto; overflow:hidden; width:100%;padding-top:45px; }
footer section.logo{ float:left; display:block; width:100%;margin-right:27px;    border-top: 1px solid #aaa;}
footer section.localizacion {
    border-top: 1px solid #aaa;
    color: #aaa;
    display: block;
    float: left;
    line-height: 1.7em;
    margin-right: 27px;
    padding-top: 16px;
    width: 100%;
	font-size: 0.95em;
}footer section.contacto{
    border-top: 1px solid #aaa;
    color: #aaa;
    display: block;
    float: left;
    line-height: 1.7em;
    padding-top: 16px;
    width: 100%;
	font-size:0.95em;
}
ul.xsocials{ margin-top:10px;}
ul.xsocials li.networking {
    float: left;
    margin-right: 10px;
}
ul.xsocials li.linkedin a {
    background: rgba(0, 0, 0, 0) url("img/networking.png") no-repeat scroll -33px -37px;
    display: block;
    height: 33px;
    width: 33px;
}

ul.xsocials li.linkedin a:hover {
    background: rgba(0, 0, 0, 0) url("img/networking.png") no-repeat scroll 0 -37px;
    display: block;
    height: 33px;
    width: 33px;
}
ul.xsocials li.youtube a {
    background: rgba(0, 0, 0, 0) url("img/networking.png") no-repeat scroll -33px -2px;
    display: block;
    height: 32px;
    width: 32px;
}
ul.xsocials li.youtube a:hover {
    background: rgba(0, 0, 0, 0) url("img/networking.png") no-repeat scroll 0 -2px;
    display: block;
    height: 32px;
    width: 32px;
}




div.banners{width:305px;margin:0 auto;}


/* noticies */
section.novetats section.llistat_noticies{
	margin: 15px auto 50px;
    overflow: hidden;
    width: 100%;
	margin-top:230px;
}
.llistat_noticies  figure {width:90%;!important;margin-left:10px;}
.ocasio_info{width:90%;height:150px;}
.ampliada{height:auto;!important}
/* noticia detallada*/
section.noticia{width:100%;}




/* contacto */
html body div#wrappers div#content section.contacto div.contcontacto{width: 95%;}
.easyui-tabs{float:left;width:90%;}
.form textarea {width:100%;important}
form.form_edit div.contact_col1{width:90%; float:left;}
form.form_edit div.contact_col2{width:90%; float:left;}



form.form_edit div.contact_col1f{
	width:100%; float:left; margin-bottom:50px;
}
form.form_edit div.contact_col2f{
	border-left:1px solid #ccc; width:100%; float:left;
}


/* mundo */
section.mundo div.paises{
	margin: 0 auto 50px;
    overflow: hidden;
    width: 100%;
	overflow:hidden;
}
section.mundo div.paises div.pais{
	float:left;
	width:100%;
}

/* aplicaciones */
section.aplicaciones1 div{
	margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
.maquinas_sector .slider{width:100%;}


nav.aplicaciones2{
	width:90%;
	float:left;
}
article.col2{width:90%;}
section.aplicaciones2{
    display: block;
    margin: 15px auto;
    width: 90%;
	overflow:hidden;
} 

section.maquinas{
    display: block;
    margin: 15px auto;
    width: 100%;
	overflow:hidden;
} 

article.maquinas figure.contingut img{width: 100%;}
article.maquinas figure.contingut div.desc{width: 100%;}



/*  empresa */

section.empresa h1{ 
    width: 100%;
}
section.empresa div.article{
	margin: 0 auto 50px;
    width: 100%;
}
section.empresa div.article div.tipus{ 
    margin-right: 20px;
    width: 90%;
}
	

section.empresa div.article div.contingut{ display: block;
    float: left;
    font-size: 1.15em;
    line-height: 1.5em;
    width: 90%;
	margin-top:20px;
}
section.empresa div.article div.contingut p{
width:90%; margin-right:20px; margin-bottom:20px;
}

/*  calidad */
#content section.fullpage {padding-left:10px;}
section.calidad h1{ 
    width: 100%;
}
section.calidad div.article{
	margin: 0 auto 50px;
    width: 100%;
}
section.calidad div.article div.tipus{ 
    margin-right: 20px;
    width: 90%;
}
	

section.calidad div.article div.contingut{ display: block;
    float: left;
    font-size: 1.15em;
    line-height: 1.5em;
    width: 90%;
	margin-top:20px;
}
section.calidad div.article div.contingut p{
	width:90%; margin-right:20px; margin-bottom:20px;
}
section.calidad div.article div.contingut div.certificats{width:100%;}
section.calidad div.article div.contingut div.certificats a{ margin-top:15px;}

section.calidad img{width:100%;!important,height:66%;!important}




.clear {
  clear: both;
}

/*section.recambios div.article div.tipus{ 
    width: 175px;
}
section.recambios div.article div.contingut{
    width: 740px;
}*/

/*pedidos*/

section.recambios div.article{
    width: 100%;
}
section.recambios div.article div.tipus{ 
    width: 100%;
}
section.recambios div.article div.contingut{
    width: 90%;
}
#dialog_help{ text-align:center;}
/*----pedidos end -----*/
@media only screen and (min-width: 530px) {
footer div.footer_one{width:100%;}
footer section.logo{width:100%;}
footer section.localizacion {width: 40%;}
footer section.contacto{width: 40%;}



section.mundo div.paises div.pais{width:50%;}


}


@media only screen and  (min-width: 768px) {
	#header div.idioma{float:right;padding-right:4px;padding-top:5px;width:90px;}
	#header div.idioma a.idioma{margin-right: 5px}
	#header div.idioma a.idioma img{width:25px; height:25px;}
	div#header{width:100%; }
	div.banners{width:710px;}

	nav.aplicaciones2{width:20%;}
	article.col2{width:77%;}
	section.mundo div.paises div.pais{width:33%;}


	form.form_edit div.contact_col1f{width:53%;}
	form.form_edit div.contact_col2f{width:42%; float:right; padding-left:20px;}

	article.maquinas figure.contingut img{width: 50%;}
	article.maquinas figure.contingut div.desc{width: 45%;}

.llistat_noticies  figure {width:30%;}
.ocasio_info{width:60%;}
/*contacto*/
.easyui-tabs{width:500px;}
form.form_edit div.contact_col1{width:50%;}
form.form_edit div.contact_col2{width:50%;}
/*contacto*/
}


@media only screen and  (min-width: 970px) {

	div.banners{width:996px;} 
	div.sectors_menu{
		background-color: white;
		border: 1px solid #ccc;
		top: 7px;
		width: 160px;
		font-size:1.2em;
		opacity:0.8;
		cursor:pointer;
		float:right;
	}
	section.aplicaciones2{width: 996px;} 
/*pedidos*/
section.recambios div.article{
    width: 996px;
}
section.recambios div.article div.tipus{ 
    width: 20%;
}
section.recambios div.article div.contingut{
    width: 70%;
}
}


@media only screen and  (min-width: 996px) {

	div#header{width:996px; height:125px; overflow:hidden; margin:0 auto;}
	a.open_menu_responsive{visibility:hidden;}
	.toolbar{display:block;!important}
	#header div.toolbar{float:right;margin-top:5px;width:100%;display:inherit;}
	#header div.toolbar ul#nav li.active a {color:#990000;!important}
	#header div.toolbar ul#nav li{width:inherit;}



	footer div.footer_one{width:996px;height:180px;}
	footer section.logo{width:308px;}
	footer section.localizacion {width: 308px;}
	footer section.contacto{width: 308px;}



	section.novetats section.llistat_noticies{width: 996px;}

	section.mundo div.paises{width: 996px;}
	section.recambios div.formularis{width: 996px;}
	section.mundo div.paises div.pais{
		width:25%;
		min-height:200px;
	}
	.easyui-tabs{width:760px;}

	section.aplicaciones1 div{width: 996px;}
	section.maquinas{width: 996px;} 



	/*  empresa */

	section.empresa h1{ 
		width: 996px;
		border:0!important;
	}
	section.empresa div.article{
		margin: 0 auto 50px;
		width: 996px;
	}
	section.empresa div.article div.tipus{ 
		border-right: 1px solid #999;
		height: 360px;
		margin-right: 20px;
		width: 175px;
	}
	

	section.empresa div.article div.contingut{ display: block;
		float: left;
		font-size: 1.15em;
		line-height: 1.5em;
		width: 740px;
		margin-top:0px;
	}
	section.empresa div.article div.contingut p{
	width:45%; margin-right:20px; margin-bottom:20px;
	}



	/*  calidad */
	#content section.fullpage {padding-left:0px;}
	section.calidad h1{ 
		width: 996px;
		border:0!important;
	}
	section.calidad div.article{
		margin: 0 auto 50px;
		width: 996px;
	}
	section.calidad div.article div.tipus{ 
		border-right: 1px solid #999;
		height: 360px;
		margin-right: 20px;
		width: 175px;
	}
	

	section.calidad div.article div.contingut{ display: block;
		float: left;
		font-size: 1.15em;
		line-height: 1.5em;
		width: 740px;
		margin-top:0px;
	}
	section.calidad div.article div.contingut p{
		width:45%; margin-right:20px; margin-bottom:20px;
	}
	section.calidad div.article div.contingut div.certificats{width:740px;}
	section.calidad div.article div.contingut div.certificats a{ margin-top:0px;}

/*  conacto  */
html body div#wrappers div#content section.contacto div.contcontacto{width: 996px;}



}





}