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

.Container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;
}
.Containerin {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f3f3f3;
}
body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	background-color: #000000;
	background-repeat: repeat-x;
}
.idiomes {
	width: 900px;
	height: 20px;
	padding-top: 5px;
}
.idioma {
	height: 13px;
	width: 13px;
	float: right;
	margin-right: 10px;
}
.logo {
	height: 106px;
	width: 340px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

#imatgmenu {
	color: #2b2b2b;
	height: 338px;
	width: 729px;
	background-color: #000;
	margin-top: 70px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
}
.portal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: lighter;
	text-align: right;
	color: #CCC;
	margin-top: 10px;
	width: 500px;
	float: right;
}
.firmainf {
	height: 17px;
	width: 131px;
	background-image: url(../imatges/firma.png);
	margin-right: auto;
	margin-left: 70px;
	margin-top: 30px;
}
.footer {
	margin-top: 50px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}
.xs {
	height: 35px;
	width: 28px;
	float: left;
	margin-right: 10px;
}
.xarxes {
	margin-left: auto;
	height: 84px;
	width: 200px;
	margin-top: 20px;
	margin-right: auto;
}
.segueixnos {
	font-family: Verdana, Geneva, sans-serif;
	color: #666;
	font-size: 12px;
	text-align: center;
	margin-top: 60px;
}
.bannergoogle {
	background-image: url(../imatges/banner.png);
	height: 234px;
	width: 845px;
	margin-top: 120px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	margin-top: 70px;
	width: 770px;
	float: right;
	line-height: 17px;
}
.textin {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
	margin-top: 70px;
	width: 740px;
	line-height: 17px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
}
.Titol {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #F00;
	margin-top: 50px;
	width: 770px;
	float: right;
	font-style: italic;
}
.Titolin {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	margin-top: 50px;
	width: 770px;
	font-style: italic;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
}
.Titol2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #F00;
	margin-top: 40px;
	width: 100%;
	float: right;
	font-style: italic;
        margin-bottom: 20px;
}
.Titol2 p{
      margin-left: 5px;
}
.Titol9 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #F00;
	width: 770px;
	float: right;
	font-style: italic;
	margin-bottom: 50px;
	margin-top: 50px;
}

.Titol3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	margin-top: 30px;
	width: 700px;
	float: right;
	font-style: italic;
}
.Titol4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #F00;
	margin-top: 30px;
	width: 650px;
	float: right;
	font-style: italic;
}
.Titol5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	margin-top: 80px;
	width: 700px;
	float: right;
	font-style: italic;
}
.Titol6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #F00;
	margin-top: 30px;
	width: 770px;
	float: right;
	font-style: italic;
}


.text2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
	margin-top: 10px;
	width: 720px;
	float: right;
	line-height: 17px;
	margin-right: 20px;
}
.text3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
	margin-top: 10px;
	width: 720px;
	float: right;
	line-height: 17px;
	margin-right: 20px;
}
.text2in {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CCC;
	margin-top: 10px;
	width: 700px;
	line-height: 17px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
}
.preguntes {
	font-weight: normal;
	color: #FFF;
}
.portal {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.logo2 {
	height: 106px;
	width: 340px;
}
.menubotoneracat {
	margin-top: 20px;
}
.mascotasup {
	float: right;
	width: 440px;
	height: 106px;
}
.espai {
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F00;
}
.mascotasub {
	float: right;
	height: 57px;
	width: 168px;
}
.imatgraf {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	text-align: center;
	width: 600px;
	padding-top: 150px;
}
.imatgesconeix {
	background-image: url(../imatges/imatges.png);
	height: 69px;
	width: 588px;
	margin-top: 300px;
	float: right;
	margin-right: 153px;
}
.linia {
	background-image: url(../imatges/pixel.jpg);
	background-repeat: repeat-x;
	height: 1px;
	width: 400px;
	float: right;
	margin-top: 60px;
	margin-right: 270px;
	clear: both;
}
.linia2 {
	height: 1px;
	width: 650px;
	float: right;
	margin-top: 5px;
	clear: both;
}
.linia3 {
	background-image: url(../imatges/pixel.jpg);
	background-repeat: repeat-x;
	height: 1px;
	width: 400px;
	float: right;
	margin-right: 275px;
	clear: both;
}
.fcelebre {
	width: 500px;
	clear: both;
	float: right;
	margin-top: 30px;
	margin-right: 225px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.conti {
}
.conti {
	height: 208px;
	width: 652px;
	float: right;
	clear: both;
}
.textconti {
	height: 200px;
	width: 295px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	padding-top: 10px;
	padding-left: 5px;
}
.imatgeconti {
	height: 208px;
	width: 342px;
	float: right;
}
.conti2 {
	height: 208px;
	width: 700px;
	float: right;
	clear: both;
}
.textconti2 {
	height: 200px;
	width: 470px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #EDEDED;
	padding-top: 10px;
	padding-left: 15px;
}
.imatgeconti2 {
	height: 168px;
	width: 213px;
	float: right;
}
.golden {
	height: 126px;
	width: 123px;
	float: right;
	clear: both;
	margin-right: 647px;
	margin-top: 20px;
}
menu {
	margin-right: auto;
	margin-left: auto;
}
.menuhome {
	margin-right: auto;
	margin-left: auto;
}
.textcontingut2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #999;
	padding-left: 35px;
	margin-top: 40px;
	clear: both;
	float: right;
	margin-right: 69px;
}
.mapa {
	clear: none;
	height: 215px;
	width: 313px;
	float: left;
	margin-right: 10px;
	text-align: right;
}
.onestem {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #999;
	margin-left: 0px;
	width: 313px;
	float: left;
	margin-top: 20px;
}
.situacio {
	font-size: 14px;
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
}
.telf {
	font-size: 16px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
.onestem2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #F00;
	width: 200px;
	margin-left: 500px;
	margin-bottom: 20px;
}
.onestem3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #F00;
	width: 150px;
	float: right;
	text-align: center;
	line-height: 22px;
	clear: both;
}
.formulari {
	float: right;
}
.margecont {
	margin-top: 60px;
}
.imatgemapa {
	float: right;
}
.telf {
	color: #FFF;
}

.gold {
	color: #DCC52B;
}
.sasa {
	float: left;
	background-color: #0CF;
	height: 6px;
	width: 176px;
	clear: both;
}
.liniamenu {
	height: 57px;
	width: 130px;
	float: right;
}
.liniamenueng {
	height: 57px;
	width: 150px;
	float: right;
}
.posicionamentot {
	float: right;
	height: 300px;
	width: 266px;
	background-color: #252525;
	font-size: 12px;
	margin-top: 40px;
	margin-right: 102px;
}
.posicionamentot2 {
	float: right;
	height: 300px;
	width: 266px;
	background-color: #252525;
	font-size: 12px;
	margin-top: 40px;
	margin-right: 102px;
}
.posicionamentot3 {
	float: right;
	height: 300px;
	width: 266px;
	background-color: #252525;
	font-size: 12px;
	margin-top: 40px;
	margin-right: 102px;
}
.posicionamentot4 {
	float: right;
	height: 300px;
	width: 266px;
	background-color: #252525;
	font-size: 12px;
	margin-top: 40px;
	margin-right: 102px;
	background-image: url(../imatges/fonspos3.jpg);
}
.posicionamentot5 {
	float: right;
	height: 300px;
	width: 266px;
	background-color: #252525;
	font-size: 12px;
	margin-top: 40px;
	margin-right: 102px;
	background-image: url(../imatges/fonspos5.jpg);
}
.posicionamentot6 {
	float: right;
	height: 300px;
	width: 266px;
	background-color: #252525;
	font-size: 12px;
	margin-top: 40px;
	margin-right: 102px;

}
.posicionamentot7 {
	float: right;
	height: 300px;
	width: 266px;
	background-color: #252525;
	font-size: 12px;
	margin-top: 40px;
	margin-right: 102px;
	background-image: url(../imatges/fonspos7.jpg);
}
.posic {
	background-image: url(../imatges/posic.jpg);
	background-repeat: repeat-x;
	font-size: 14px;
	line-height: 35px;
	color: #FFF;
	padding-left: 15px;
}
.googlellista {
	padding-top: 15px;
	padding-left: 10px;
	color: #FFF;
	line-height: 40px;
}
.numeros {
	float: right;
	clear: both;
	margin-right: 95px;
	color: #FFF;
	font-size: 20px;
	margin-top: -30px;
}
.Container .posicionamentot .googlellista li a {
	padding-left: 20px;
}
.Container .posicionamentot2 .googlellista li a {
	padding-left: 20px;

}
.Container .posicionamentot4 .googlellista li a {
	padding-left: 20px;
}
.Container .posicionamentot3 .googlellista li a {
	padding-left: 20px;
}
.Container .posicionamentot4 .googlellista li a {
	padding-left: 20px;
}
.Container .posicionamentot5 .googlellista li a {
	padding-left: 20px;
}
.Container .posicionamentot6 .googlellista li a {
	padding-left: 20px;
}
.Container .posicionamentot7 .googlellista li a {
	padding-left: 20px;
}
li {
		list-style:none;
}
.twitter {
	height: 300px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
.desafio {
	height: 94px;
	width: 270px;
	position: fixed;
	background-color: #333;
	left: 0px;
	top: 20px;
}
.banner12uvas {
	float: right;
	height: 91px;
	width: 647px;
	margin-right: 60px;
}
.video {
	height: 309px;
	width: 549px;
	margin-left:auto;
	margin-right:auto;
	padding-top:150px;
	margin-bottom: 50px;
}
.textcontingut3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #999;
	padding-left: 35px;
	margin-top: 40px;
	clear: both;
	float: left;
	margin-left: 93px;
}
.numeros2 {
	float: left;
	clear: both;
	margin-left: 133px;
	color: #FFF;
	font-size: 20px;
}
.numeros3 {
	float: right;
	clear: both;
	margin-right: 95px;
	color: #FFF;
	font-size: 20px;
}

/* COOCKIES */
.cookies {
	width: 100%;
	background-color: #3A3A3A;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 100;
	opacity: 0.80;
	filter: alpha(opacity=80);
}
.cookies1 {
	width:966px; 
	margin:auto;
	background-color:#B78D8D;
	color:#fff;	
}
.cookies2 {
	float: left;
	width: 710px;
	font-size: 12px;
	font-family: Arial;
	line-height: 17px;
	padding-top: 5px;
}

.cookies3 {
	float: right;	
	font-family: arial;
	font-size: 14px;
	color:#fff;
	border: 1px solid #ffffff;
	padding: 5px;
	/*para Firefox*/
	-moz-border-radius: 6px 6px 6px 6px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 6px 6px 6px 6px;
	/* para Opera */
	border-radius: 6px 6px 6px 6px;
	margin-top: 20px;
}

.cookies4 {
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	font-family: arial;
	font-size: 14px;
	color:#fff;
	border: 1px solid #ffffff;
	padding: 5px;
	/*para Firefox*/
	-moz-border-radius: 6px 6px 6px 6px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 6px 6px 6px 6px;
	/* para Opera */
	border-radius: 6px 6px 6px 6px;
	margin-top: 20px;
}


.navbar-default{
    background-color: transparent;
    border: transparent;
    margin: 0 auto;
    text-align: center;
}
.navbar-brand{
margin: 0 auto;
text-align: center;
}

.navbar-brand img{
margin: 0 auto;
text-align: center;
margin-left: 25%;
margin-right: auto;
}
.navbar-brand a{
margin: 0 auto;
text-align: center;
margin-left: 25%;
margin-right: auto;
}
.logoHome{text-align: center;margin: 0 auto;margin-top: 2%;}
/*
.seccions{  
    height: 100%;
  margin-top: 10%;
  text-align: center;
  vertical-align: middle;
}

.seccions p{
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    color:#e5e5e5;
}

.about {margin: 0 0 15px 0;}
.seo {margin: 0px 0 15px 0;}
.web {margin: 15px 0 0 0;}

.marketing {margin: 0 0 25px 0;}
.contacte {margin: 15px 0 0 0;}
*/

/*
.about div{background-color: #9e9e9e;height: 100%;margin: 5px;}
.seo div{background-color: #191919;height: 100%;margin: 5px;}
.web div{background-color: #4c4c4c;height: 100%;margin: 5px;}
.portfoli div{background-color: #9e9e9e;height: 100%;margin: 5px;}
.marketing div{background-color: #4c4c4c;height: 100%;margin: 5px;}
.contacte div{background-color: #191919;height: 100%;margin: 5px;}*/

/*.about{background-color: #9e9e9e;height: 100%;padding: 0;}
.seo{background-color: #191919;height: 100%;padding: 0;}
.web{background-color: #4c4c4c;height: 100%;padding: 0;}
.portfoli{background-color: #9e9e9e;height: 100%;padding: 0;}
.marketing{background-color: #4c4c4c;height: 100%;padding: 0;}
.contacte{background-color: #191919;height: 100%;padding: 0;}*/
#menuHome{margin-top: 7%;}
#headHome a{
    text-decoration: none;
    color: #676767;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}
.seccions{margin: 0 auto;text-align: center;}
.web{margin-top: 5%;}

.contacte{margin-top: 10%;}

.about img{width: 100%;}
.seo img{width:100%;}
.web img{width:100%;}

.portfoli img{width:100%;}
.marketing img{width:100%;}
.contacte img{width:100%;}

/*CAT*/
#Cat .about img:hover{width: 100%;}
#Cat .seo img:hover{width:100%;}
#Cat .web img:hover{width:100%;}
#Cat .portfoli img:hover{width:100%;}
#Cat .marketing img:hover{width:100%;}
#Cat .contacte img:hover{width:100%;}

/*ESP*/
#Esp .about img:hover{width: 100%;}
#Esp .seo img:hover{width:100%;}
#Esp .web img:hover{width:100%;}
#Esp .portfoli img:hover{width:100%;}
#Esp .marketing img:hover{width:100%;}
#Esp .contacte img:hover{width:100%;}

/*ENG*/
#Eng .about img:hover{width: 100%;}
#Eng .seo img:hover{width:100%;}
#Eng .web img:hover{width:100%;}
#Eng .portfoli img:hover{width:100%;}
#Eng .marketing img:hover{width:100%;}
#Eng .contacte img:hover{width:100%;}

.about {padding: 0 5px;}
.seo{padding: 0 5px;}
.web {padding: 0 5px;}
.portfoli {padding: 0 10px 0 10px;}
.marketing {padding: 0;}
.contacte {padding: 0;}

.idiomesHome{width: 100%;text-align: right;color: #676767;}

.iconoSocial{text-align: center;margin: 0 auto;padding: 5%;}
.iconoSocial img {
  width: 5%;
}
a.idiomaActiu{color:red !important;}

.perque{width: 70%;margin: 0 auto;border-top: 1px #676767 dashed;padding-top: 2%;}
.perque p{color: #676767;font-family: 'Open Sans', sans-serif;font-size: 14px;}
.perqueSeccio{margin-bottom: 5%;}
.perque img{width: 80%;}
.faceTwit img{width: 60%}
.footerHome{text-align: center;padding-bottom: 10px;}

@media (min-width: 767px) {
.webResp{display: none;}
.portfoliResp{display: none;}
}

@media (max-width: 768px) {
.perque{width: 100%;}
.portfoli{padding:5px 20px 0 20px;  margin-top: 55%;}
.marketing{padding: 10px 3px;}
.contacte {padding: 0 3px;margin-top: 0;}
.seo {padding: 10px 5px 0 5px ;}
.iconoSocial img {
  width: 15%;
}

.web{display: none;}
.webResp{  padding: 10px 20px;}
.webResp img{width:100%;}
#Eng .webResp img:hover{width:100%;content:url('../imatges/home/Eng/webRespH.png');}
#Cat .webResp img:hover{width:100%;content:url('../imatges/home/Cat/webRespH.png');}
#Esp .webResp img:hover{width:100%;content:url('../imatges/home/Esp/webRespH.png');}

.portfoli{display: none;}
.portfoliResp img{width:100%;}
#Eng .portfoliResp img:hover{width:100%;content:url('../imatges/home/Eng/portfoliRespH.png');}
#Cat .portfoliResp img:hover{width:100%;content:url('../imatges/home/Cat/portfoliRespH.png');}
#Esp .portfoliResp img:hover{width:100%;content:url('../imatges/home/Esp/portfoliRespH.png');}

.portfoliResp {  
	padding: 0px 20px 0 20px;
  margin-bottom: 3%;
}

.caixesDreta{margin-top: 100%;padding: 5%;}
.perqueimg img{width: 60%;}
.perqueimg{margin: 0 auto;text-align: center;}
.faceTwit img{width: 50%;}
.faceTwit{margin: 0 auto;text-align: center;}
}


p.contacto-text, p.contacto-text a {
    color: #676767;
    font-size: 12px;
}