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


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




#encabezado {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 220px;
	margin-bottom: 0px;
	background-image: url(../fons/capsalera_negre.png);
}
#encabezado #logotipo {
	float: left;
	width: 960px;
	height: 180px;
	margin-left: 0px;
}
#encabezado #navegacionEnvoltura {
	height: 0px;
	width: 100%;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
}

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

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


}
#contenido  {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -2px;
	padding-top: 30px;
	padding-bottom: 20px;
	background-image: url(../fons/fons_contingutNegre.png);
	background-repeat: repeat;
}
#contenido #titulo {
	height: 60px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}




#contenidoInicio {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 840px;
}







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

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


#informacionInicio #imageInicio {
	float: left;
	height: 640px;
	width: 550px;
	margin-left: 30px;
}


#informacionInicio #barraLateral {
	float: left;
	height: 640px;
	width: 360px;
	margin-left: 20px;
}
#barraLateral  #texto1{
	height: 250px;
	width: 340px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-family: Mangal;
	font-size: 45px;
	margin-top: 0px;
	line-height: 55px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
	color: #CCC;
	font-weight: normal;
	text-shadow: 1px 0px 1px #FFF;
}
#barraLateral #video_app {
	float: left;
	height: 40px;
	width: 185px;
	margin-top: 5px;
	margin-bottom: 40px;
	margin-right: 20px;
	text-align: center;
	padding-left: 175px;
}
#barraLateral #texto2 {
	float: left;
	height: 30px;
	width: 340px;
	text-align: left;
	font-size: 20px;
	font-family: Mangal;
	font-weight: normal;
	margin-top: 30px;
	line-height: 30px;
	color: #CCC;
	margin-bottom: 0px;
	padding-left: 20px;
}



#barraLateral .download {
	float: left;
	height: 50px;
	width: 150px;
	padding: 15px;
}
#informacionInicio #textOnly {
	float: left;
	height: 77px;
	width: 920px;
	text-align: center;
	padding-top: 0px;
	margin-right: 0px;
	text-shadow: 0px 0px 0px #FFF;
	margin-left: 20px;
	margin-bottom: 20px;
}
#informacionInicio #imageConcierge {
	float: left;
	height: 95px;
	width: 360px;
	text-align: center;
	margin-top: 20px;
}
#informacionContacto {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 520px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}

#informacionContacto #textoContacto {
	height: 80px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
#informacionContacto #formulario {
	float: left;
	height: 380px;
	width: 380px;
	margin-left: 40px;
}
#informacionConatcto #sobre  {
	float: left;
	height: 380px;
	width: 96px;
}
#informacionContacto #imagen {
	float: left;
	height: 380px;
	width: 328px;
	margin-left: 20px;
	margin-right: 40px;
}
#informacionConcierge {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 680px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}

#informacionConcierge #video_concierge {
	height: 405px;
	width: 720px;
	border: thick inset #666;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
	margin-top: 20px;
}
#informacionConcierge #logo_laves {
	float: left;
	height: 195px;
	width: 160px;
	margin-left: 20px;
}
#informacionConcierge #textoConcierge {
	float: left;
	height: 145px;
	width: 550px;
	font-family: Mangal;
	font-size: 30px;
	line-height: 40px;
	color: #CCC;
	text-align: center;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#informacionConcierge #concierge {
	float: left;
	height: 195px;
	width: 160px;
}
#informacionShopper {
	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;
}


#informacionShopper #shopper_image1 {
	float: left;
	height: 510px;
	width: 435px;
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}
#informacionShopper #shopper_image2 {
	float: left;
	height: 442px;
	width: 475px;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 70px;
}
#informacionShopper #textoShopper {
	float: left;
	height: 160px;
	width: 415px;
	font-family: Mangal;
	font-size: 30px;
	line-height: 40px;
	padding: 10px;
	text-align: center;
	text-shadow: 0px 0px 0px #666;
	color: #CCC;
	margin-top: 0px;
}

#informacionShopper #shopper_image3 {
	float: left;
	height: 200px;
	width: 239px;
	margin-top: 0px;
	margin-left: 20px;
}
#informacionShopper #shopper_image4 {
	float: left;
	height: 200px;
	width: 580px;
	margin-left: 110px;
}
#informacionMerchant {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 1300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}

#informacionMerchant #textoMerchant {
	height: 50px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	font-family: Mangal;
	font-size: 36px;
	color: #666;
	text-align: center;
	text-shadow: 1px 1px 1px #CCC;
	margin-bottom: 20px;
}





#informacionMerchant #merchant_image1 {
	float: left;
	height: 420px;
	width: 400px;
	margin-left: 20px;
}

#informacionMerchant #textoMerchant2 {
	height: 90px;
	width: 500px;
	margin-left: 20px;
	font-family: Mangal;
	font-size: 28px;
	color: #CCC;
	text-align: center;
	float: left;
	line-height: 35px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}




#informacionMerchant #merchant_image2 {
	float: left;
	height: 297px;
	width: 500px;
	margin-left: 20px;
	margin-top: 20px;
}

#informacionMerchant #textoMerchant3 {
	height: 150px;
	width: 400px;
	margin-left: 0px;
	font-family: Mangal;
	font-size: 28px;
	color: #CCC;
	text-align: center;
	float: left;
	line-height: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
}


#informacionMerchant #merchant_image3 {
	float: left;
	height: 275px;
	width: 630px;
	margin-top: 20px;
	margin-left: 20px;
}

#informacionMerchant #textoMerchant4 {
	height: 225px;
	width: 250px;
	margin-left: 20px;
	font-family: Mangal;
	font-size: 28px;
	color: #CCC;
	text-align: center;
	float: left;
	line-height: 30px;
	margin-top: 20px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#informacionMerchant #merchant_image4 {
	height: 333px;
	width: 920px;
	margin-left: 20px;
	float: left;
	margin-top: 20px;
}
#informacionMerchant #textoBrands {
	height: 40px;
	width: 300px;
	margin-left: 20px;
	font-family: Mangal;
	font-size: 28px;
	color: #CCC;
	text-align: center;
	float: left;
	line-height: 35px;
	margin-bottom: 0px;
	margin-top: 40px;
	padding: 10px;
}
#informacionMerchant #brands {
	float: left;
	height: 100px;
	width: 450px;
	margin-left: 0px;
	margin-top: 40px;
	background-color: #FFF;
}
#brands .logo {
	float: left;
	height: 100px;
	width: 120px;
	margin-right: 10px;
	margin-left: 10px;
}

#informacionHotels {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 1160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}
#informacionHotels#textoHotels {
	height: 50px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	font-family: Mangal;
	font-size: 36px;
	color: #666;
	text-align: center;
	text-shadow: 1px 1px 1px #CCC;
	margin-bottom: 20px;
}
#informacionHotels #hotels_image1 {
	float: left;
	height: 367px;
	width: 650px;
	margin-left: 20px;
	margin-top: 20px;
}
#informacionHotels #textoHotels2 {
	height: 280px;
	width: 200px;
	margin-left: 20px;
	font-family: Mangal;
	font-size: 28px;
	color: #CCC;
	text-align: center;
	float: left;
	line-height: 35px;
	margin-bottom: 0px;
	margin-top: 60px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#informacionHotels #hotels_image4 {
	float: left;
	height: 218px;
	width: 618px;
	margin-left: 20px;
}
#informacionHotels #hotels_image5 {
	float: left;
	height: 430px;
	width: 285px;
	margin-left: 15px;
}
#informacionHotels #hotels_image6 {
	float: left;
	height: 300px;
	width: 300px;
	margin-top: 10px;
}
#informacionHotels #hotels_image7 {
	float: left;
	height: 300px;
	width: 300px;
	margin-top: 10px;
	margin-left: 17px;
}




#informacionHotels #hotels_image2 {
	float: left;
	height: 200px;
	width: 300px;
	margin-left: 20px;
	margin-top: 20px;
}
#informacionHotels #hotels_image3 {
	float: left;
	height: 200px;
	width: 567px;
	margin-top: 20px;
	margin-left: 50px;
}
#informacionHotels #textoHotels3 {
	height: 70px;
	width: 920px;
	margin-left: 20px;
	font-family: Mangal;
	font-size: 28px;
	color: #CCC;
	text-align: center;
	line-height: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#informacionAbout {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 810px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 0px;
}
#informacionAbout #textoAbout {
	height: 100px;
	width: 500px;
	font-family: Mangal;
	font-size: 36px;
	color: #666;
	text-align: center;
	text-shadow: 1px 1px 1px #CCC;
	margin-bottom: 20px;
	float: left;
	margin-left: 20px;
	line-height: 50px;
}
#informacionAbout #about_image1 {
	float: left;
	height: 333px;
	width: 400px;
	margin-left: 20px;
	margin-top: 10px;
}
#informacionAbout #textoAbout2 {
	height: 150px;
	width: 500px;
	margin-left: 20px;
	font-family: Mangal;
	font-size: 28px;
	color: #CCC;
	text-align: center;
	float: left;
	line-height: 35px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 20px;
}
#informacionAbout #about_image2 {
	height: 433px;
	width: 920px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
















#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: 0px;
}
#logo_peu {
	float: left;
	height: 47px;
	width: 170px;
	margin-top: 7px;
	margin-left: 20px;
}

#pieDePagina #infoPeu {
	float: left;
	height: 40px;
	width: 650px;
	margin-top: 15px;
}
#pieDePagina #webMaster {
	float: left;
	height: 40px;
	width: 150px;
	margin-top: 15px;
}

.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: #007CF0;
	font-weight: bold;
	line-height: 20px;
	
}
.BlauNom {
	font-family: "Courier New", Courier, monospace;
	font-size: 30px;
	color: #007DF4;
	font-weight: bold;
	line-height: 40px;
}

.BlauText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #007CF0;
	font-weight: normal;
}
.BlauTextBold {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #007CF0;
	font-weight: bold;
}
.BlauText1 {
	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: #007DF4;
	font-style: normal;
	text-shadow: 1px 1px 4px #000;
}

.BlauText3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #007DF4;
	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;
}
.GrisTexto {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	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: #F03;
	font-style: normal;
	text-shadow: 1px 1px 0px #333;
}

.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;
}