@charset "utf-8";
#fondo {
	height: 120%;
	width: 100%;
	background-repeat: repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../fons/fons_negre.jpeg);
	background-attachment: fixed;


}
#encabezadoEnvoltura  {
	float: left;
	height: 150px;
	width: 100%;
}




#encabezado {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 180px;
	margin-bottom: 20px;
	background-image: url(../fons/fonsCapcalera_blanc.png);
}
#encabezado #logotipo {
	float: left;
	width: 200px;
	height: 175px;
	text-align: center;
	padding-top: 5px;
}
#encabezado #cabecera {
	float: left;
	height: 180px;
	width: 800px;
}
#encabezado #navegacionEnvoltura {
	height: 38px;
	width: 100%;
	float: left;
	margin-top: 10px;
	padding-top: 0px;
}

#encabezado #navegacion {
	width: 1000px;
	background-image: url(../fons/menu/fons_navegacio.png);
	margin-bottom: 0px;
	float: left;
}

#contenidoEnvoltura {
	height: 100%;
	width: 100%;
	float: left;


}
#contenido  {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 60px;
	margin-bottom: -2px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	background-image: url(../fons/fonsContingut_gris.png);
}
#contenidoInicio {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 840px;
}


#portadaEnvoltura {
	padding-top: 10px;
	height: 420px;
	margin-top: 2px;
	width: 100%;
	float: left;
	padding-bottom: 10px;


}
#portada  {
	height: 720px;
	width: 700px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../fons/fons_portada2.png);
}
#portada #icono_servicio {
	float: left;
	height: 150px;
	width: 150px;
	margin-left: 0px;
	margin-top: 50px;
	margin-right: 50px;
}
#portada #icono_portafolio {
	float: left;
	height: 150px;
	width: 150px;
	margin-left: 275px;
	margin-top: 30px;
	margin-right: 275px;
}
#portada #icono_nosotros {
	float: left;
	height: 150px;
	width: 150px;
	margin-left: 60px;
	margin-right: 270px;
	margin-top: -20px;
}
#portada #icono_transporte {
	float: left;
	height: 150px;
	width: 150px;
	margin-left: 60px;
	margin-top: 50px;
	margin-right: 270px;
}
#portada #icono_manteniment {
	float: left;
	height: 130px;
	width: 180px;
	margin-left: 20px;
	margin-top: 20px;
	text-align: center;
}
#portada #icono_contacto {
	float: left;
	height: 150px;
	width: 150px;
	margin-left: 275px;
	margin-top: 0px;
	margin-right: 275px;
}
#portada #icono_negocio {
	float: left;
	height: 150px;
	width: 150px;
	margin-top: -20px;
	margin-left: 0px;
	margin-right: 60px;
}







#informacionInicioEnvoltura {
	height: 100%;
	width: 100%;
	float: left;

}
#informacionInicio  {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 750px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}



#pieDePagina {
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	text-align: center;
	width: 1000px;
	background-image: url(../fons/peu_plata.png);
	background-repeat: no-repeat;
	margin-top: 10px;
}
#logo_peu {
	float: left;
	height: 40px;
	width: 70px;
	margin-top: 12px;
	margin-left: 20px;
	margin-right: 100px;
}

#pieDePagina #infoPeu {
	float: left;
	height: 40px;
	width: 690px;
	margin-top: 15px;
}
#pieDePagina #webMaster {
	float: left;
	height: 40px;
	width: 100px;
	margin-top: 15px;
	text-align: left;
}

#SocialMedia {
	float: right;
	height: 40px;
	width: 320px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 20px;
}
#SocialMedia  #TextoSocial{
	float: left;
	height: 16px;
	width: 100px;
	margin-top: 3px;
	margin-bottom: 0px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-left: 5px;
}


#SocialMedia #facebook_like{
	float: left;
	height: 40px;
	width: 110px;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

#SocialMedia .social {
	float: right;
	height: 40px;
	width: 200px;
	margin-top: 0px;
}

.social ul   {list-style:none;margin:0 auto;padding:0;}
.social ul.inlined   {float:left;}
.social ul li{
	width: 35px;
	height: 42px;
	margin: 2px;
	text-indent: -9999px;
}
.social ul li a    {display:block;width:100%;height:100%;opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}
.social ul li a:hover    {opacity: 1;-moz-opacity: 1;filter:alpha(opacity=1);}

.social ul a.twitter{
	background-position: 0px 0px;
	background-image: url(../Imatges/icono_Twitter.png);
}
.social ul a.linked-in{
	background-position: 105px 0px;
	background-image: url(../Imatges/icono_Linkedin.png);
}
.social ul a.google {
	background-position: 140px 0px;
	background-image: url(../Imatges/icono_Google+.png);
}
.social ul a.feed {
	background-position: 175px 0px;
	background-image: url(../Imatges/icono_Rss.png);
}
#text_facebook {
	float: left;
	height: 30px;
	width: 120px;
	margin-left: 20px;
	margin-top: 0px;
	font-family: Candara;
	font-size: 14px;
	color: #CCC;
	font-weight: normal;
	margin-right: 5px;
}

#facebook_like_count {
	float: left;
	height: 30px;
	width: 120px;
	margin-top: 5px;
}
.blancText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
}
.Blanc_icono {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7aaffe;
	font-weight: normal;
	text-shadow: 1px 1px 1px #000;
}

.BlancText1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-style: normal;
	text-shadow: 1px 1px 0px #000;
}
.BlancText2 {
	font-family: "Segoe Print";
	font-size: 18px;
	color: #FFFFFF;
	font-style: normal;
	text-shadow: 1px 1px 0px #000;
	font-weight: bold;
}
.BlancText3 {
	font-family: "Segoe Print";
	font-size: 24px;
	color: #FFFFFF;
	font-style: normal;
	text-shadow: 1px 1px 0px #000;
	font-weight: bold;
}


.BlancMiniBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
}

.BlancText0 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-style: normal;
	text-shadow: 1px 1px 0px #000;
}




.BlauMiniBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5274eb;
	font-weight: bold;
	line-height: 20px;
	
}
.BlauNom {
	font-family: "Courier New", Courier, monospace;
	font-size: 30px;
	color: #5274eb;
	font-weight: bold;
	line-height: 40px;
}

.BlauText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5274eb;
	font-weight: normal;
}
.BlauTextBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5274eB;
	font-weight: bold;
}
.BlauText1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #5274eb;
	font-style: normal;
	text-shadow: 1px 1px 1px #000;
}
.BlauTexto {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7aaffe;
	font-style: normal;
	text-shadow: 1px 1px 1px #000;
}


.BlauText2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #5274eb;
	font-style: normal;
}

.BlauText3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #5274eb;
	font-style: normal;
	text-shadow: 1px 1px 1px #000;
}

.infoText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #2D2C26;
}
.Gris {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: normal;
	line-height: 20px;
}

.GrisBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	font-weight: bold;
	line-height: 20px;
}
.GrisFosc {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: normal;
	line-height: 20px;
}

.GrisMini {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	line-height: 20px;
}
.GrisMiniBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	line-height: 20px;
}
.GrisNom {
	font-family: "Courier New", Courier, monospace;
	color: #666666;
	font-weight: bold;
	line-height: 40px;
	font-size: 30px;
}

.GrisPortada {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666;
	font-style: normal;
}
.GrisPortada2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #666;
	font-style: normal;
}
.GrisPortada3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #666;
	font-style: normal;
}
.GrisText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-style: normal;
	text-shadow: 1px 1px 0px #999;
}
.GrisTexto {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	font-style: normal;
}
.GrisTexto2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333;
	font-style: normal;
}

.MalvaText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9933ff;
}
.NaranjaMiniBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0033;
	font-weight: bold;
	line-height: 20px;
	
}
.NaranjaNom {
	font-family: "Courier New", Courier, monospace;
	font-size: 30px;
	color: #FF0033;
	font-weight: bold;
	line-height: 40px;
}
.NaranjaTexto {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #F03;
}
.NaranjaTexto1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
	font-style: normal;
	text-shadow: 0px 0px 0px;
}

.NaranjaTexto2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #F03;
	font-style: normal;
	text-shadow: 1px 1px 3px #999;
	font-weight: bold;
}
.NaranjaTexto3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #F03;
	font-style: normal;
	text-shadow: 1px 1px 1px #000;
}

.NaranjaTexto4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #F03;
	font-weight: bold;
	font-style: normal;
}
.NaranjaTexto5 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #F03;
	font-style: normal;
}
.negroBold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight: bold;
}
.NegroMiniBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	line-height: 20px;
}
.NegroTextBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	line-height: 20px;
}

.NegroText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	font-style: normal;
}

.NegroTexto {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	font-style: normal;
}








.OroBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #C93;
	font-weight: bold;
}
.OroBold2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CC9933;
	font-weight: bold;
}
.OroNom {
	font-family: "Bradley Hand ITC";
	font-size: 30px;
	color: #CC9933;
	font-weight: bold;
}
.OroTitulo {
	font-family: "Courier New", Courier, monospace;
	font-size: 40px;
	color: #CC9933;
	font-weight: bold;
}

.OroNom2 {
	font-family: "Bradley Hand ITC";
	font-size: 26px;
	color: #CC9933;
	font-weight: bold;
}





.plataText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
}

.plataText2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CCC;
}


.plataBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	font-weight: bold;
}
.PlataTexto1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #CCCCCC;
	font-style: normal;
	text-shadow: 1px 1px 1px #000;
}
.PlataTexto3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CCC;
	font-style: normal;
	text-shadow: 1px 1px 1px #000;
}

.PlataNom {
	font-family: "Courier New", Courier, monospace;
	font-size: 30px;
	color: #CCCCCC;
	font-weight: bold;
	line-height: 40px;
}





.plataPortada {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CCC;
}

.plataPortada2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #CCC;
}
.plataTitulo {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #CCC;
}