/*
Theme Name: Construccions Rubau
Author: Iglesies Associats
Author URI: http://www.iglesies.com/

 */


/* Desktop */
		/*---------------------------------------------------------------------------*/


body {
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: white;
	color: #707173;
	font-size: 1em;
	line-height: 1.4;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

::-moz-selection { /* Code for Firefox */
    color: white;
    background: #f8c00b;
}

::selection {
    color: white;
    background: #f8c00b;
}

.xmas {
	position:fixed;
	z-index:999998;
	margin-top:30px;
}

a.firmaigle {
	color: white;
	text-decoration: none;
}

a.firmaigle:hover {
	color: #F8C00B;
}

img { border:none; }


#cboxNext, #cboxPrevious {
	outline: none !important;
}

#cboxCurrent {
	display: none !important;
}

.alcada {
	min-height: 50px;
}


.box1 {
	position: fixed;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	width:100%;
	z-index: 999999;
	margin-top: 5px;
}

.box2 {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	z-index: 9999;
}
.box3{
    position: absolute;
    right: 50%;
    margin-right: 250px;
    top: 0;
}

.barramenu {
	background-color: white;
	width: 980px;
-webkit-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.25);
box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.25);
}

a.logo {
	display: block;
	float: left;
	padding: 12px 25px;
	padding-top: 20px;
}

a.logo img {
	width: 210px;
	height: inherit;
}

.topright {
	text-align: right;
	float: right;
	padding: 9px 13px 0px 0px;
	font-family: 'Dosis', sans-serif;
}


.eines {
	padding-bottom: 7px;
}

.eines span {
	float: right;
}

.eines input[type="text"] {
	padding: 5px 9px;
	padding-right: 30px;
	background-image: url(img/lupa.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #e5e5e5;
	border: none;
	text-align: right;
	outline: none;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
	width: 80px;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
}

.eines input[type="text"]:focus {
	background-color: #f8c00b;
}








.sep {
	padding-left: 10px;
	margin-left: 10px;
}

.xarxes a {
	color: #1a171b;
	text-decoration: none;
	padding: 0px 3px;
}

.xarxes a:hover {
	color: #f8c00b;
}

.buscador input[type="submit"] {
	background-color: transparent;
	position: absolute;
	margin-top: -22px;
	margin-left: -25px;
	width: 20px;
	height: 23px;
	border: none;
	outline: none;
	cursor: pointer;
}

.idiomes a {
	color: #8a898b;
	text-decoration: none;
	padding: 0px 3px;
	font-size: 0.8em;
}

.idiomes a:hover {
	background-color: black;
	color: white;
}





.topright ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: right;
	margin-right: -10px;
	font-size: 0.85em;
}

.topright ul li {
	float: left;
	text-transform: uppercase;
	border-bottom: 4px solid transparent;
	margin: 0px 10px;
	padding: 4px 0px;
}

.topright ul li a {
	text-decoration: none;
	color: black;
}

.topright ul li:hover {
	border-bottom:4px solid #f8c00b;
}

.carrussel h1 {
	font-weight: 400;
	color: white;
background: rgba(0,0,0,0.7);
background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.frasevolanthome {
	display: table;
	color: white;
	position: absolute;
	margin-top: 55vh;
	height: 5vh;
	width: 70vw;
background: rgba(0,0,0,0.7);
background: -moz-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.frasevolanthome span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 10vw;
	width: 45vw;
	font-size: 2em;
	line-height: 1.2;
}



.bx-wrapper .bx-viewport {
	border: none !important;
	left: 0px !important;
}


.bx-prev, .bx-next {
	display: none;
}

.bx-pager {
}


.carruhome {
	background-size: cover;
	background-position: center center;
	height: 97vh;
}

.centrador {
	padding: 20vh 0;
}

.centrador center {
	width: 1000px;
	margin: 0 auto;
}
.wp-image-5130{
	margin-top: 68px;
}

.aboutus {
	font-size: 1.1em;
}


.blanca {
	background-color: yellow;
	width: 100%;
	height: 100vh;
	display: table;
}

.contcentrat {
	display: table-cell;
	vertical-align: middle;
	background-color: fuchsia;
	width: 980px;
}



h2 {
	color: black;
	font-weight: 400;
	font-size: 2.3em;
}

h3 {
	color: black;
	font-weight: 400;
	font-size: 1.8em;
	margin: 20px 0px;
}

h4 {
	color: black;
	font-weight: 600;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

img.city {
	display: none;
	opacity: 0;
	position: absolute;
	right: 0px;
	margin-top: 20vh;
	-webkit-transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
}


#myButton img {
	cursor: pointer;
}

/*/ SERVEIS /*/

.serveis {
	background-color:#f8c00b;
	padding: 130px 0px;
}

.serveis .centrat {
	color: white;
	background-color: #1a171b;
}

.servei {
	width: 25%;
	float: left;
}

a.nomservei {
	height: 225px;
	display: table;
	text-decoration: none;
	color: white;
	width: 100%;
	background-size: cover;
}

a.nomservei span {
	display: table-cell;
	vertical-align: bottom;
	background-image: url(img/bg-black.png);
}

a.nomservei span:hover {
	background-image: none;
}

a.nomservei h2 {
	color: white;
	margin: 0px;
	padding: 0px;
	letter-spacing: 5px;
	font-size: 2.7em;
	font-weight: 500;
	line-height: 1;
	padding: 20px;
}

a.nomservei h3 {
	margin: 0px;
	padding: 0px;
	color: white;
	font-weight: 300;
	font-size: 1.3em;
	letter-spacing: 5px;
	padding: 20px;
	margin-top: -40px !important;
}


.descrservei {
	padding: 3px 20px;
	font-weight: 400;
	font-size: 0.9em;
}



.videoyoutu {
	text-align: center;
	background-image: url(img/video-velat.jpg);
	background-size: cover;
	background-position: center center;
	padding: 100px 0px;
}



/*/ BUSINESS /*/

.pagebusiness {
	padding-top: 150px;
}


.pagebusiness .centrat {
	background-color:#f8c00b;
	color: black;
}

#colorbox, #cboxOverlay, #cboxWrapper {
	outline: none !important;
}

#cboxLoadedContent {
	padding: 0px !important;
}
#cboxTitle {
	color: #646666 !important;
	font-size: 0.85em;
	padding: 5px 15px;
	display: block;
	bottom: -33px !important;
	left:-5px !important;
	background-color: white;
}





/*/ NEWS /*/

.noticies {
	padding: 90px 0px;
}

a.newshome {
	width: 225px;
	display: block;
	float: left;
	margin: 60px 10px;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.8;
	color: #707173;
}

a.newshome h2 {
	margin: 0px;
	padding: 0px;
	color: black;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: 500;
	margin: 15px 0px;
	font-size: 1.7em;
}

a.newshome:hover {
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}


a.newshome span {
	display: block;
	height: 735px;
	overflow: hidden;
}
a.newshome.dossier span {
    height: 470px;
}
.etiquetamore {
	background-image: url(img/filet-news.gif);
	background-repeat: repeat-x;
	margin-top: 20px;
	padding-top: 10px;
	color: #F8C00B;
}


a.morenews {
	background-color: #f8c00b;
	text-decoration: none;
	color: black;
	padding: 5px 25px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.9em;
}

a.morenews:hover {
	background-color: black;
	color: #f8c00b;
}



.wp-pagenavi .pages {
	display: none;
}


.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi a.page,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	padding: 5px;
	text-decoration: none;
	color: black;
}

.wp-pagenavi .current {
	color: black;
	background-color: #f8c009;
}





/*/ PEU /*/

.peu {
	background-color: #1a171b;
	color: white;
	font-weight: 400;
	padding-top: 40px;
	padding-bottom: 30px;
	font-size: 0.8em;
}

.peu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

.peu ul li {
	float: left;
	width: 136px;
}

.peu ul li:last-child {
	margin-right: 0px;
}

.peu ul li a {
	text-decoration: none;
	color: white;
}

.peu ul li a:hover {
	color: #f8c00b;
}

.peu ul li ul {
	font-weight: 300;
	margin-top: 7px;
	margin-bottom: 7px;
}

.peu ul li ul li {
	width: 115px;
}

.peu ul li ul li ul {
	margin-left: 10px;
}

.peu ul li ul li ul li {
	margin-bottom: 3px;
}



.peu input[type="text"] {
	background-color: transparent;
	border: none;
	color: white;
	float: right;
	text-align: right;
	margin-top: 50px;
	margin: 10px 0px;
	outline: none;
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
	background-image: url(img/lupa-blanca.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding: 7px 20px;
	padding-right: 25px;
}

.peu input[type="text"]:focus {
	background-color: #333;
}



.peupeu {
	margin-top: 20px;
	border-top: 1px solid white;
	padding-top: 15px;
}

.logopeu {
	margin-right: 20px;
}

.textpeu {
	font-size: 0.9em;
}


.peupeu .xarxes a {
	color: white;
	font-size: 1.1em;
}


/*/ INTERNATIONAL /*/

.international {
	background-color: #eceded;
	padding: 150px 0px;
}

.paisos {
	background-color: white;
	position: absolute;
	width: 100px;
	text-align: left;
	padding: 4px 9px;
	font-size: 0.8em;
	color: black;
	z-index: 99999;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.paisos strong {
	text-transform: uppercase;
    margin-bottom: 4px !important;
    display: block;
    line-height: 1.1;
}

.spain {
	margin-left: 115px;
	margin-top: 155px;
}

.france {
	margin-left: 243px;
	margin-top: 87px;
}

.poland {
	margin-left: 520px;
	margin-top: 94px;
}

.romania {
	margin-left: 643px;
	margin-top: 170px;
}

.serbia {
	margin-left: 625px;
	margin-top: 276px;
}

.bosnia {
	margin-left: 500px;
	margin-top: 300px;
}

.mexico {
	margin-left: 230px;
	margin-top: 310px;
}

.colombia {
	margin-left: 377px;
	margin-top: 400px;
}

.peru {
	margin-left: 248px;
	margin-top: 450px;
}

.bolivia {
	margin-left: 105px;
	margin-top: 490px;
}

#accordion2 a {
	text-decoration: none;
	font-size: 0.6em;
}

#accordion2 a h3 {
	margin: 0px;
	padding: 0px;
    background: url(img/plus.gif) right center no-repeat !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    margin: 0px !important;
    margin-bottom: 2px !important;
    padding: 1px 0px !important;
    font-size: 0.85em !important;
    outline: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    color: black !important;
    background: url(img/plus.gif) right center no-repeat !important;
}

.ui-accordion .ui-accordion-content {
    border: none !important;
    padding: 1em 0em !important;
    margin: 0.5em 0em !important;
	font-size: 0.75em !important;
	color: gray;
	height: auto !important;
	overflow: inherit !important;
	border-top: 1px solid #eee !important;
}

.ui-accordion .ui-accordion-content a {
	text-decoration: none;
	color: #f8c00b;
}



.follow {
	padding: 100px 0px;
}

.followfas {
	margin-top: 3px;
}

.followfas .fa {
	font-size: 2em;
}

.followfas a {
	color: #f8c00b;
	text-decoration: none;
	margin: 0px 5px;
}

.followfas a:hover {
	color: black;
}

a.feed {
	float: left;
	margin: 50px 10px;
	padding: 7px 10px;
	text-decoration: none;
	width: 205px;
	color: white;
}

a.feed span {
	font-size: 0.8em;
	font-weight: 400;
	display: block;
	margin-bottom: 7px;
}

a.feed h3 {
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
	font-size: 1.45em;
	text-transform: uppercase;
	color: white;
}

.facebook {
	background-color: #0d567d;
}

.twitter {
	background-color: #39a9dc;
}

.youtube {
	background-color: #e2001a;
}

.flickr {
	background-color: #0d567d;
}

a.feed:hover,
a.feed:hover h3 {
	background-color: #f8c00b;
	color: black;
}

.youtube iframe {
	margin-left: -10px;
}







.humanresurces {
	background-image: url(img/hhrr.jpg);
	background-size: cover;
	background-position: center;
}

.rrhh {
	background-image: url(img/bg-white-rrhh.png);
	padding: 100px 100px;
}

.rrhh hr {
	border-bottom: 2px solid dashed;
	margin: 90px 0px;
}


ul.llistatdofertes {
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	margin-top: 40px;
}

ul.llistatdofertes li:nth-child(odd) {
	background-color: #f9fafa;
}

ul.llistatdofertes li:nth-child(even) {
	background-color: white;
}


ul.llistatdofertes li {
	font-size: 0.8em;
	width: 260px;
	height: 340px;
	float: left;
}

ul.llistatdofertes li:hover {
	background-color: #f8c00b;
}

ul.llistatdofertes li:hover h3,
ul.llistatdofertes li:hover h2,
ul.llistatdofertes li:hover span {
	color: white;
}


ul.llistatdofertes li a {
	text-decoration: none;
	color: black;
	display: block;
	padding: 20px 25px;
}

ul.llistatdofertes h2 {
	margin: 0px;
    line-height: 1.25;
    font-weight: 400;
    font-size: 1.5em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

ul.llistatdofertes h3 {
	text-transform: uppercase;
    font-size: 1.05em;
    line-height: 1.1;
    color: #bbbdc0;
	margin: 0px;
	margin-bottom: 5px;
}


.oferta {
	margin-top: 50px;
	text-align: left;
	display: block;
	font-size: 0.9em;
	background-color: white;
	padding: 25px;
}

.oferta h2 {
	margin: 0px;
    line-height: 1.25;
    font-weight: 400;
    font-size: 1.4em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.oferta h3 {
	text-transform: uppercase;
    font-size: 1.05em;
    line-height: 1.1;
    color: #bbbdc0;
	margin: 0px;
	margin-bottom: 5px;
}

.oferta a.sendcurri {
	background-color: #f8c00b;
}

.gform_confirmation_wrapper {
	background-image: url(img/bg-white-rrhh.png);
	padding: 30px 100px;
	font-size: 0.9em;
}



.humanresources {
	background-color: #f6f6f6;
	padding: 150px 0px;
}


.humanresources .centrat {
	width:650px;
}


.humanresources h4 {
	margin-bottom: 30px;
}


img.peuderei {
	opacity: 0;
	position: absolute;
	right: 0px;
	margin-top: 25vh;
	width: 450px;
}



a.sendcurri {
	background-image: url(img/rallat.png);
	text-decoration: none;
	color: black;
	padding: 5px 25px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.9em;
}

a.sendcurri:hover {
	background-image: none;
	background-color: black;
	color: #f8c00b;
}

.contenidor-ofertes {
	background-color: rgb(248, 192, 11);
	padding-top: 20px;
}
.centrat-ofertes {
	width: 1100px;
	margin: 0 auto;
}
.centrat-ofertes h4 {
	text-align: center;
}

/*/ CONTACT /*/

.contact {
	padding-top: 150px;
	padding-bottom: 300px;
	background-image: url(img/bg-contact2.jpg);
	background-position: bottom center;
}


.contact form {
	margin-top: 50px;
}

.contact input[type="text"],
.contact input[type="email"],
.contact select,
.contact textarea,
.rrhh input[type="text"],
.rrhh input[type="email"],
.rrhh select,
.rrhh textarea {
	padding: 10px;
	font-size: 0.8em;
	background: transparent;
	border:none;
	background-image: url(img/bg-gray2.png);
	margin: 0px !important;
	outline: none;
}

.rrhh select,
.contact select {
	font-family: 'Lato', sans-serif;
	color: #a9a9a9;
	width: 309px;
}



.rrhh select:selected,
.contact select:selected {
	color: black;
}


.contact input[type="submit"],
.rrhh input[type="submit"] {
	background-color: #f8c00b;
	text-decoration: none;
	color: black;
	padding: 5px 25px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.9em;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	border: none;
}

.contact input[type="submit"]:hover,
.rrhh input[type="submit"]:hover {
	background-color: black;
	color: #f8c00b;
}


ul.gform_fields li {
	list-style: none;
	margin-bottom: 10px;
}


ul.gform_fields label {
	display: block;
}
ul.gform_fields .gfield_checkbox label {
    display: inline-block;
}
ul.gform_fields li input[type="text"] {
	width: 290px;
}

.ginput_container_textarea textarea {
	width: 290px;
}

img.gfield_captcha {
	width: 70px;
	height: inherit;
}

.gfield_captcha_container {
	margin: 15px 0px;
}


.seus {
	padding: 150px 0px;
}

.columnatsseus {
	float: left;
	margin: 0px 8px;
	width: 310px;
	font-size: 0.9em;
	font-weight: 300;
	color: black;
}

.columnatsseus h4 {
	background-color: #f8c00b;
	padding: 3px 13px;
	margin: 0px;
	margin-bottom: 15px;
}

.columnatsseus strong {
	text-transform: uppercase;
}

.columnatsseus a {
	font-weight: 400;
	text-decoration: none;
	color: #f8c00b;
}




/*/ SINGLE /*/





.single {
	padding-top: 150px;
	padding-bottom: 30px;
}

.single .left {
	width: 475px;
}

.single .left span {
	display: block;
	font-size: 0.9em;
	line-height: 1.1;
	display: none;
}

.single .right {
	width: 480px;
}

.single h1 {
	margin: 0px;
	padding: 0px;
	color: black;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.7em;
}

.single h3 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #a7a9aa;
	margin: 5px 0px;
}

.single .left img {
	max-width: 475px;
	height: inherit;
}

/*/ WHO WE ARE /*/

.whoweare {
	padding: 150px 0px;
	background-image: url(img/bg-whoweare.jpg);
	background-position: top center;
	background-size: cover;
	color: white;
}

.whoweare p {
	font-size: 1.1em;
}


.whoweare h2, .whoweare h4 {
	color: white;
}


.caixesgroguescentrades {
	width: 840px;
	margin: 0 auto;
}

.caixesgrogueswhoweare {
	background-color: #f8c00b;
	float: left;
	margin: 50px 10px;
	padding: 25px 30px;
	color: #707173;
	width: 200px;
	min-height: 280px;
	font-weight: 400;
	font-size: 1.1em;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

.caixesgrogueswhoweare .fa {
	color: white;
	background-color: #41474a;
	display: block;
	margin-bottom: 15px;
	font-size: 1.9em;
	width: 60px;
	height: 45px;
	padding-top: 15px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}


img.eina {
	opacity: 0;
	position: absolute;
	right: 0px;
	margin-top: 75vh;
}





.background {
	background-color: #999786;
	background-image: url(img/bg-background-3.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	color: white;
}

img.ombra {
	width: 100%;
	height: inherit;
	display: block;
}

.background .centrat {
	padding-top: 50px;
	padding-bottom: 500px;
}

.background h2, .background h4 {
	color: white;
}



/*/ COMMITMENT /*/

.quality {
	background-image: url(img/quality.jpg);
	background-position: center center;
	color: white;
	background-repeat: no-repeat;
	background-color: #96a5c2;
}

.quality h2, .quality h4 {
	color: white;
}

.quality .centrat {
	padding: 150px 0px;
}

.quality center {
	background-image: url(img/bg-black.png);
	padding: 50px 0px;
}

.quality .centrat a img {
	margin: 10px;
}

/*/ CODIGOETICO /*/

.codigoetico {
	background-image: url(img/codigoetico.jpg);
	background-repeat: no-repeat;
}


/*/ OCCUPATIONAL /*/

.prevencion {
	background-image: url(img/prevencion.jpg);
	background-repeat: no-repeat;
}


/*/ ENVIRONMENT /*/

.environment h4 {
	color: white;
}


.environment {
	background-image: url(img/environment.jpg);
	background-size: cover;
	color: white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.environment .centrat {
	padding: 100px 0px;
}

.environment .centrat a img {
	margin: 10px;
}



/*/ R&D&i /*/

.rdi {
	background-image: url(img/rdi.jpg);
	background-size: cover;
	padding: 100px 0px;
}


.quatrecaixesgroguescentrades {
	width: 840px;
	margin: 0 auto;
}

.quatrecaixesgrogueswhoweare {
	background-color: #f8c00b;
	float: left;
	margin: 50px 3px;
	padding: 20px 15px;
	color: #707173;
	width: 174px;
	min-height: 320px;
	font-weight: 400;
	font-size: 0.95em;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}

.quatrecaixesgrogueswhoweare .fa {
	color: white;
	background-color: #41474a;
	display: block;
	margin-bottom: 15px;
	font-size: 1.7em;
	width: 45px;
	height: 35px;
	padding-top: 10px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}



/*/ SOCIAL RESPONSABILTY/*/

.socialresponsability {
	background-image: url(img/rsc.jpg);
	background-size: cover;
	background-position: left;
	color: black;
}

.socialresponsability .centrat {
	padding: 100px 0px;
}




/*/ BUSINESS /*/

.serveisinterior {
	padding: 150px 0px;
}



.serveisinterior h1 {
	color: black;
	margin: 0px 20px;
	display: block;
	font-size: 3.5em;
	letter-spacing: 7px;
	color: #1A171B;
	text-transform: uppercase;
}

.serveisinterior h2 {
	margin: 0px 20px;
	color: #1A171B;
	text-transform: uppercase;
	letter-spacing: 9px;
	font-size: 2em;
	line-height: 0.8;
}


.galeriadefotos {
	margin-top: 40px;
	background-color: #f8c00a;
	background-image: url(img/logo-rubau-galeri-int.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}


.minifotogaleriint {
	display: block;
	float: left;
	width: 245px;
	height: 245px;
	background-size: cover;
	background-position: center center;
	outline: none !important;
}

.minifotogaleriint span {
	background-image: url(img/deg-yellow1.png);
	background-size: cover;
	background-position: left;
	display: block;
	height: 100%;
}

.minifotogaleriint:hover span {
	background-image: none;
}




/*/Projectes realitzats/*/

.accionsfetesserveisinterior {
	float: left;
	width: 660px;
	border-right: 1px solid #f8c009;
	padding-right: 30px;
	margin-top: 30px;
	min-height: 175px;
}

.adrecaserveisinterior {
	margin-top: 30px;
	float: right;
	width: 250px;
	font-size: 0.9em;
	color: black;
}

.adrecaserveisinterior strong {
	display: block;
	margin-bottom: 5px;
}

/*//*/

.galeriadefotos3 {
	width: 978px;
	margin-top: 40px;
	background-color: #f8c00a;
	background-image: url(img/logo-rubau-galeri-int-3.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.galeriadefotos3 a {
	width: 326px;
	height: 324px;
	display: block;
	float: left;
	background-color: black;
	text-decoration: none;
	display: table;
}

.galeriadefotos3 a span {
	display: table-cell;
	vertical-align: bottom;
	height: 100%;
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    background-size: cover;
    background-position: center center;
}

.galeriadefotos3 a span:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.galeriadefotos3 h2 {
	margin: 0px 0px 5px 15px;
	padding: 0px;
	color: white;
	letter-spacing: 0px;
	font-size: 2.7em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
	line-height: 1.05;
}

.galeriadefotos3 h3 {
	margin: 0px 0px 7px 15px;
	padding: 0px;
	padding-top: 2px;
	color: white;
	text-transform: uppercase;
	line-height: 1.1;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

a.back {
	padding-top: 20px;
}

a.back img {
	height: 50px;
}




/*//*/

.centrat {
	width: 980px;
	margin: 0 auto;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}





.category {
	padding-top: 200px;
	padding-bottom: 30px;
	position:relative;
	display:block;
}

.pc {
	display:inherit;
}

.mbl {
	display:none;
}


a.recullpremsa-ca {
	background-image:url(img/dossier_prensa_cat.jpeg);
	background-size:cover;
	background-position: center center;
	margin-bottom: 90px;
	padding: 80px 0px;
	color:black;
	font-size: 2.3em;
	text-decoration: none;
	font-weight: 300;
	display: block;
}
a.recullpremsa-es {
	background-image:url(img/dossier_prensa_esp.jpeg);
	background-size:cover;
	background-position: center center;
	margin-bottom: 90px;
	padding: 80px 0px;
	color:black;
	font-size: 2.3em;
	text-decoration: none;
	font-weight: 300;
	display: block;
}
a.recullpremsa-en {
	background-image:url(img/dossier_prensa_eng.jpeg);
	background-size:cover;
	background-position: center center;
	margin-bottom: 90px;
	padding: 80px 0px;
	color:black;
	font-size: 2.3em;
	text-decoration: none;
	font-weight: 300;
	display: block;
}




		/* Mobile */
		/*---------------------------------------------------------------------------*/
		@media
		only screen and (max-width : 480px),
		only screen and (max-device-width : 480px) {


.pc {
	display:none;
}

.mbl {
	display:inherit;
}


.topmbl {
	background-color:orange;
	height:127px;
	}

body {
	font-size:0.9em;
}


.centrador center,
.centrat {
    width: 92%;
    margin: 0 auto;
	padding:0 4%;
}




.box1 {
	position:inherit;
	border-top:1px solid #ddd;
	margin-top: 0px;
	font-size:1.2em;
}

.box2 {
}
.box3{
	top:70px;
    left: 0;

}
.barramenu {
	width: 100%;
}

a.logo {
	float: inherit;
	padding: 10px;
	padding-top: 15px;
}

a.logo img {
	width: 95%;
	height: auto;
}

.topright {
	padding:0px 15px;
}

.topright ul {
	display:none;
}

.eines {
	text-align:center;
}


.carrussel {
}

.centrador {
    padding: 10vh 0;
}

h2 {
	font-size:1.45em;
}
h4 {
	font-size:0.9em;
}

h3 {
    font-size: 1.5em;
	line-height:1.3;
}


.serveis {
	padding:0px;
}

.serveis .centrat {
	width:100%;
	padding:0px;
}

.servei {
    width: 50%;
 }

a.nomservei {
	height:180px;
}

a.nomservei h2 {
    letter-spacing: 3px;
    font-size: 2.3em;
    padding: 10px;
}

.descrservei {
    padding: 10px;
}



.videoyoutu {
    padding: 0px;
}

.videoyoutu iframe {
	width:100%;
	height:170px;
}

.noticies {
    padding: 10vh 0;
}



a.newshome {
    width: 100%;
	margin: 20px 0px;
	font-size:1em;
	text-align:center;
}

a.newshome span {
    height: auto;
    overflow:auto;
}

a.newshome span img {
	width:100%;
	auto:auto;
}

a.newshome span p {
	line-height:1.4;
}


.peu ul li {
	width: 45%;
	margin-bottom:15px;
}

.peu ul li ul li {
	margin-bottom:2px;
}



.whoweare {
    padding: 10vh 0px;
}



.caixesgroguescentrades {
    width: 100%;
    margin: 0 auto;
}

.caixesgrogueswhoweare {
    margin: 10px 0px;
    padding: 10% 5%;
    width: 90%;
	height:auto;
    min-height:inherit;
}

img.imatgegroup {
	width:100%;
}

.background {
    background-position: center bottom;
}


.serveisinterior {
    padding: 10vh 0px;
}

a.back {
    padding-top: 0px;
}

.serveisinterior h1 {
    margin: 0px;
    font-size: 2.3em;
    letter-spacing: 2px;
}

.serveisinterior h2 {
    margin: 0px;
    letter-spacing: 2px;
    font-size: 1.5em;
}

.galeriadefotos3 {
    width: 100%;
    margin-top: 20px;
}

.galeriadefotos3 a {
    width: 100%;
    height: 280px;
}

.galeriadefotos3 h2 {
	margin: 7px 15px;
    letter-spacing: 0px;
    font-size: 2.6em;
}

.minifotogaleriint {
    width: 100%;
    height: 270px;
}


.international {
    padding: 10vh 0px;
}

.paisos {
	position:inherit;
	width: 90%;
	padding: 2% 5%;
	font-size: 1em;
	float:left;
}

.paisos strong {
	margin:3px 0px;
	font-size:1em;
    margin-bottom: 6px !important;
}


.spain,
.france,
.poland,
.romania,
.serbia,
.bosnia,
.mexico,
.colombia,
.peru,
.bolivia {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom:20px;
}


.accionsfetesserveisinterior,
.adrecaserveisinterior {
    width: 100%;
    border-right: none;
    padding-right: 0px;
    margin-top: 0px;
    min-height: inherit;
}

.quality center {
	padding:25px;
}

.codigoetico center {
	padding:25px;
}

.rdi {
    padding: 10vh 0px;
}

.rdi table {
	width:100%;
}

.rdi iframe {
	width:100px;
}

.noticies {
    padding: 10vh 0px;
}

.single {
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 10vh 0px;
}

.single .left,
.single .left img {
    width: 100%;
}

.single .right {
    width: 100%;
	margin-top:20px;
}


.rrhh {
    padding: 7%;
}


ul.llistatdofertes li {
    width: 100%;
    height: auto;
    float: left;
}

.contact, .follow {
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 10vh 0px;
}

.columnatsseus {
    margin: 0px;
    width: 100%;
}




		}