/* ESTIL.CSS >> Estil comú, base dels estils de cada lloc */

@font-face {
	font-family: "font_diagonalflats";
	src: url("font_diagonalflats.eot"); /*MSIE Trident nou...*/
	src: local("Daniel Black"), url("font_diagonalflats.ttf") format("truetype");
}

@font-face {
	font-family: "font_nom_apartament";
	src: url("font_nom_apartament.eot"); /*MSIE Trident nou...*/
	src: local("Arial Narrow"), url("font_nom_apartament.ttf") format("truetype");
}

/* 0.- Genèric ============================================================================================================== */

p {
	text-align: justify;
	margin: 15px 0px 15px 0px;
}

div.planaText {
	text-align: justify;
}

div.planaText table tr td {
	padding: 1px 1px 1px 1px;
	text-align: center;
}

div.insertats {
	float: right;
	width: 150px;
	margin: 15px 0px 15px 15px;
}

/* 1.- Mides i posicions ============================================================================================================== */

* { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px none;
}

body, input, textarea, select {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

body {
	font-size: 12px;
}

input, textarea, select {
	font-size: 13px;
}

#tot {
	width: 750px;
	margin: 0px auto 0px auto;
}

#tot #mig {
	width: 750px;
	display: table-cell;
}

/* 2.- Mides i posicions - Cap + triador llocs ============================================================================================================== */

#tot #cap {
	height: 67px;
	position: relative;
}

#tot #cap #logotip {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 230px;
	height: 47px;
	float: left;
	z-index: 1;
}

#tot #cap #nom_lloc {
	top: 45px;
	left: 100px;
	float: left;
	z-index: 2;
	font-family: font_diagonalflats;
	font-size: 16px;
	text-decoration: none;
	position: absolute;
	text-shadow: 0 0 1px #cccccc;
}

#tot #cap .idioma {
	float: right;
	margin-left: 20px;
	margin-top: 20px;
}

#tot #triador_llocs {
	margin-bottom: 10px;
	word-spacing: 30px;
}

/* 3.- Mides i posicions - Barra ============================================================================================================== */

#mig #barra {
	width: 233px;
	float: left;
}

#cercador #cercador_cap {
	height: 15px;
	text-align: left;
	padding: 12px 0px 12px 38px;
	font-size: 12px;
	text-align: left;
}

#cercador .cercador_damunt {
	padding: 0px 10px 10px 10px;
	border-top: 2px solid;
	border-right: 2px solid;
}

#cercador .cercador_davall {
	padding: 0px 10px 10px 10px;
	border-top: 1px solid;
	border-right: 2px solid;
}

#cercador #veureZona, #cercador #veureServeis, #cercador #veureDisponibilitat {
	display: none;
}

#cercador #cercador_peu {
	height: 7px;
}

#barra #menu_comu, #barra #menu_lloc {
	width: 213px;
	margin-top: 10px;
}

#barra #menu_comu {
	width: 213px;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
}

#barra #menu_lloc {
	position: relative;
	width: 213px;
	padding: 10px 10px 90px 10px;
}

#barra #menu_lloc .sobre_esquerra, #barra #menu_lloc .sobre_dreta {
	position: absolute;
	z-index: 3;
	width: 12px;
	height: 12px;
}

#barra #menu_lloc .sobre_esquerra {
	top: 0px;
	left: 0px;
}

#barra #menu_lloc .sobre_dreta {
	top: 0px;
	right: 0px;
}

#barra #menu_lloc .sota {
	position: absolute;
	z-index: 3;
	bottom: 0px;
	right: 0px;
	width: 233px;
	height: 133px;
}

#barra #menu_lloc ul {
	position:relative;
	z-index: 4;
	min-height: 100px;
}

/* 4.- Mides i posicions - Cos ============================================================================================================== */

#mig #cos {
	float: right;
	width: 497px;
}

#cos .passos {
	height: 60px;
}

#cos .perfil {
	height: 45px;
	padding-right: 40px;
	padding-top: 15px;
	margin-bottom: 7px;
	font-family: font_diagonalflats;
	font-size: 26px;
	text-align: center;
	vertical-align: middle;
}

#cos .perfil_capcalera {
	height: 140px;
}

#cos .pas_1, #cos .pas_2, #cos .pas_3, #cos .pas_4, #cos .pas_1_triat, #cos .pas_2_triat, #cos .pas_3_triat, #cos .pas_4_triat {
	font-family: font_diagonalflats;
	text-shadow: 0 0 1px #cccccc;
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
	width: 25%;
	height: 50px;
	float: left;
	background-repeat: no-repeat;
	background-position: center bottom;
}

#cos #galeria img {
	border: 2px solid #d6e0ee;
	margin: 0px 2px 2px 0px;
	width: 76px;
	height: 56px;
}

#menuCalendariPreus, #menuPressupostReserva {
	margin-top: 10px;
	vertical-align: top;
}

#calendariPreus {
	display: none;
	height: 246px;
	vertical-align: top;
}

#carregantCalendari {
	padding-top: 100px;
	height: 146px;
	text-align: center;
	cursor: default;
}	
		
#calendariPreus td.diaFeiner, #calendariPreus td.diaFestiu {
	height: 15px;
	vertical-align: bottom;
	text-align: center;
	font: 10px bold "Trebuchet MS", Verdana, Arial, sans-serif;
}

#calendariPreus td.diaFestiu {
	height: 15px;
	vertical-align: bottom;
	text-align: center;
	font: 10px bold "Trebuchet MS", Verdana, Arial, sans-serif;
}

#calendariPreus td.diaXifra, #calendariPreus td.diaXifraPassat, #calendariPreus td.diaLliure, #calendariPreus td.diaTriat, #calendariPreus td.diaPassat, #calendariPreus td.diaTriatPassat {
	width: 64px;
	white-space: nowrap;
	text-align: center;
	height: 16px;
	vertical-align: middle;		
	cursor: help;
}

#calendariPreus td.diaXifra, #calendariPreus td.diaXifraPassat {
	line-height: 12px;
	font: 10px "Arial Black", "Trebuchet MS", Verdana, Arial, sans-serif;
}

#calendariPreus td.diaLliure, #calendariPreus td.diaTriat, #calendariPreus td.diaPassat, #calendariPreus td.diaTriatPassat {
	line-height: 12px;
	font-size: 10px;
}
		
#cos #pressupostSobre, #cos #pressupostSota {
	display: none;
	vertical-align: top;
}

#cos #carregantPressupostSobre, #cos #carregantPressupostSota {
	display: none;
	padding-top: 35px;
	height: 142px;
	text-align: center;
}

div.errorsPressupost {
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}

span.pressupostPreu {
	line-height: 36px;
	font-size: 20px;
}

.fitxa_gran_xapa, .fitxa_gran_xapaoferta {
	height: 234px;
	position: relative;	
}

.fitxa_gran_xapa .foto {
	height: 150px;
	width: 150px;
	position: absolute;
	top: 10px;
	left: 10px;
}

.fitxa_gran_xapa .foto img {
	height: 150px;
	width: 150px;
}

.fitxa_gran_xapa .nom {
	height: 30px;
	width: 165px;
	position: absolute;
	vertical-align: middle;
	text-align: center;
	top: 165px;
	left: 3px;
	line-height: 30px;
	font-family: "Arial Narrow", font_nom_apartament;
	font-size: 20px;
}

.fitxa_gran_xapa .nom a {
	text-decoration: none;
	font-weight: normal;
}

.fitxa_gran_xapa .informacio {
	height: 110px;
	width: 300px;
	position: absolute;
	top: 100px;
	left: 180px;
}

.fitxa_gran_xapa .frase {
	height: 30px;
	width: 325px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	top: 60px;
	left: 170px;
}

.fitxa_gran_xapa .frase_amunt {
	height: 30px;
	width: 325px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	top: 20px;
	left: 170px;
}

.fitxa_gran_xapa .enllac {
	height: 40px;
	width: 310px;
	vertical-align: middle;
	text-align: right;
	position: absolute;
	top: 22px;
	left: 170px;
	font-size: 16px;
	text-shadow: 0 0 1px #cccccc;
}

.fitxa_gran_xapa .xapa {
	height: 70px;
	width: 80px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	bottom: 14px;
	right: 10px;
	font-size: 12px;
	line-height: 14px;
}

.fitxa_gran_xapa .icona_mapa {
	float: left;
	height: 19px;
	width: 11px;
	margin: 10px 0px 10px 0px;
}

.fitxa_gran_xapa .xapa span {
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
}

.fitxa_petita .xapa_oferta {
	height: 20px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 3px;
	right: 3px;
}

.fitxa_petita_xapa, .fitxa_petita_xapa_oferta, .fitxa_petita, .fitxa_petita_oferta {
	height: 180px;
	position: relative;	
	margin-bottom: 10px;
}

.fitxa_petita_nota, .fitxa_petita_nota_oferta {
	height: 200px;
	position: relative;	
	margin-bottom: 10px;
}

.fitxa_petita_nota .nota, .fitxa_petita_nota_oferta .nota {
	top: 173px;
	width: 494px;
	font-size: 11px;
	position: absolute;
	vertical-align: middle;
	text-align: center;
	font-style: italic;
}

.fitxa_petita_nota_oferta .informacio, .fitxa_petita_nota .informacio, .fitxa_petita_xapa .informacio, .fitxa_petita_xapa_oferta .informacio, .fitxa_petita .informacio, .fitxa_petita_oferta .informacio {
	height: 20px;
	width: 300px;
	position: absolute;
	top: 180px;
	z-index: 3;
}

.fitxa_petita_nota_oferta .foto, .fitxa_petita_nota .foto, .fitxa_petita_xapa .foto, .fitxa_petita_xapa_oferta .foto, .fitxa_petita .foto, .fitxa_petita_oferta .foto {
	height: 130px;
	width: 130px;
	position: absolute;
	top: 5px;
	left: 5px;
}

.fitxa_petita_nota_oferta .foto img, .fitxa_petita_nota .foto img, .fitxa_petita_xapa .foto img, .fitxa_petita_xapa_oferta .foto img, .fitxa_petita .foto img, .fitxa_petita_oferta .foto img {
	height: 130px;
	width: 130px;
}

.fitxa_petita_nota_oferta .nom, .fitxa_petita_nota .nom, .fitxa_petita_xapa .nom, .fitxa_petita_xapa_oferta .nom, .fitxa_petita .nom, .fitxa_petita_oferta .nom {
	line-height: 30px;
	height: 30px;
	width: 135px;
	position: absolute;
	vertical-align: middle;
	text-align: center;
	top: 135px;
	left: 3px;
	font-size: 16px;
	font-family: "Arial Narrow", font_nom_apartament;
}

.fitxa_petita_nota_oferta .nom a, .fitxa_petita_nota .nom a, .fitxa_petita_xapa .nom a, .fitxa_petita_xapa_oferta .nom a, .fitxa_petita .nom a, .fitxa_petita_oferta .nom a {
	text-decoration: none;
	font-weight: normal;
}

.fitxa_petita_nota_oferta .informacio, .fitxa_petita_nota .informacio, .fitxa_petita_xapa .informacio, .fitxa_petita_xapa_oferta .informacio, .fitxa_petita .informacio, .fitxa_petita_oferta .informacio {
	height: 140px;
	width: 168px;
	position: absolute;
	top: 30px;
	right: 2px;
	z-index: 2;
}

.fitxa_petita_nota_oferta .frase, .fitxa_petita_nota .frase, .fitxa_petita_xapa .frase, .fitxa_petita_xapa_oferta .frase, .fitxa_petita .frase, .fitxa_petita_oferta .frase {
	height: 50px;
	width: 190px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	font-size: 12px;
	font-weight: bold;
	top: 35px;
	left: 145px;
}

.fitxa_petita_nota_oferta .icones, .fitxa_petita_nota .icones, .fitxa_petita_xapa .icones, .fitxa_petita_xapa_oferta .icones, .fitxa_petita .icones, .fitxa_petita_oferta .icones {
	height: 50px;
	width: 150px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 80px;
	left: 170px;
}

.fitxa_petita_nota_oferta .icones_esquerra, .fitxa_petita_nota .icones_esquerra, .fitxa_petita_xapa .icones_esquerra, .fitxa_petita_xapa_oferta .icones_esquerra, .fitxa_petita .icones_esquerra, .fitxa_petita_oferta .icones_esquerra {
	height: 50px;
	width: 140px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 85px;
	left: 145px;
}

.fitxa_petita .preu, .fitxa_petita_oferta .preu {
	height: 20px;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 130px;
	left: 140px;
	font-size: 16px;
}

.fitxa_petita .preu span, .fitxa_petita_oferta .preu span {
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 20px;
}

.fitxa_petita_nota_oferta .preu, .fitxa_petita_nota .preu {
	height: 20px;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 120px;
	left: 140px;
	font-size: 12px;
}

.fitxa_petita_nota_oferta .preu span, .fitxa_petita_nota .preu span {
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
}

.fitxa_petita_nota_oferta .enllac, .fitxa_petita_nota .enllac, .fitxa_petita_xapa .enllac, .fitxa_petita_xapa_oferta .enllac, .fitxa_petita .enllac, .fitxa_petita_oferta .enllac {
	height: 20px;
	width: 310px;
	vertical-align: middle;
	text-align: right;
	position: absolute;
	font-size: 14px;
	text-shadow: 0 0 1px #cccccc;
	top: 4px;
	left: 145px;
}

.fitxa_petita_xapa .xapa, .fitxa_petita_xapa_oferta .xapa, .fitxa_petita .xapa, .fitxa_petita_oferta .xapa {
	height: 45px;
	width: 50px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	bottom: 14px;
	right: 160px;
	font-size: 12px;
	line-height: 14px;
}

.fitxa_petita_xapa .xapa span, .fitxa_petita_xapa_oferta .xapa span, .fitxa_petita .xapa span, .fitxa_petita_oferta .xapa span {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

.fitxa_petita_nota_oferta .oferta, .fitxa_petita_xapa .oferta, .fitxa_petita_xapa_oferta .oferta, .fitxa_petita .oferta, .fitxa_petita_oferta .oferta {
	height: 20px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 3px;
	right: 3px;
}


/* 5.- Mides i posicions - Peu ============================================================================================================== */

hr {
	border: 0px solid;
	height: 1px;
}

#peu {
	margin-top: 10px;
}

#peu #copyright {
	width: 217px;
	float: left;
	text-align: center;
	font-family: font_diagonalflats;
	font-size: 12px;
}

/* 6.- Menús dinàmics ============================================================================================================== */

.menu {
	position: relative;
	padding: 8px 8px 8px 8px;
}

.menu .sobre_esquerra, .menu .sobre_dreta, .menu .sota_esquerra, .menu .sota_dreta {
	position: absolute;
	width: 8px;
	height: 8px;
}

.menu .sobre_esquerra {
	top: 0px;
	left: 0px;
}

.menu .sobre_dreta {
	top: 0px;
	right: 0px;
}

.menu .sota_esquerra {
	bottom: 0px;
	left: 0px;
}

.menu .sota_dreta {
	bottom: 0px;
	right: 0px;
}

/* 7.- Textos i capçaleres ============================================================================================================== */

h1 {
	font-size: 18px;
	text-align: left;
	line-height: 24px;
	text-shadow: 0 0 1px #cccccc;
}

h1.apartament {
	text-align: center;
}

h2 {
	font-size: 14px;
	text-align: left;
	text-shadow: 0 0 1px #cccccc;
}

h2.apartament {
	text-align: center;
}

div.planaText h2 {
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid;
	width: 350px;
	margin: 4px 0px 4px 0px;
}

h3 {
	font-size: 18px;
	text-align: left;
	text-shadow: 0 0 1px #cccccc;
}

a.gran, span.gran {
	font-size: 14px;
	font-weight: bold;
	word-spacing: normal;
}

a {
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}

ul {
	display: block;
	line-height: 16px;
	font-size: 12px;
	margin-left: 4px;
	text-align: left;
}

ul li {
	padding-left: 16px;
	margin: 4px 0px 4px 0px;
	list-style-type: none;
}

.planaText ul li {
	padding-left: 5px;
	margin: 5px 0px 5px 20px;
	list-style-type: disc;
}

del {
	text-decoration: line-through;
}

em {
	font-weight: bold;
	font-style: normal;
}

/* 8.- Formularis ============================================================================================================== */

/*Solució al fieldset del Safari*/
#cercador fieldset {
	border: 0px none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*Fi solució al fieldset del Safari*/

#cos fieldset {
	border-width: 2px;
	border-style: solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
}

textarea.comentaris, select.pais, select.dia, select.mes_any, select.adults_nens_nadons, select.pais_lloc, select.zona, select.rang, select.dormitoris, select.rang_preu, input.nom, input.cognoms, input.correu_electronic, input.telefon, select.prefix_telefon, input.codi_postal, input.municipi, input.adreca, input.passaport {
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	margin-top: 3px;
}

/*Excepció, el color sempre és gris en el següent estil*/
.menyspreable {
	font-style: italic;
	color: #aaaaaa;
}

/*Fi d'excepció*/

/*Excepció, el color sempre és vermell en el següents estils*/
.obligatori {
	color: #ff0000 !important;
}

.manca {
	border-color: #ff0000 !important;
	background: #ffdddd !important;
}

input.manca[type=text]:hover, select.manca:hover, textarea.manca:hover {
	border-color: #ff0000 !important;
	background: #ffeeee !important;
}

input.manca[type=text]:focus, select.manca:focus, textarea.manca:focus, option.manca {
	border-color: #ff0000 !important;
	background: #ffcccc !important;
}

fieldset.manca {
	border-width: 1px !important;
	border-color: #ff0000 !important;
	background: #ffdddd !important;
}

fieldset.manca hr {
	color: #ff0000 !important;
	background: #ff0000 !important;
}

/*Fi d'excepció*/

select.pais, select.dia, select.mes_any, select.adults_nens_nadons, select.pais_lloc, select.zona, select.rang, select.dormitoris, select.rang_preu, select.prefix_telefon, select.prefix_telefon.esquerra {
	height: 22px;
}

label.esquerra, input.nom, input.cognoms, input.correu_electronic, input.telefon, select.prefix_telefon, input.codi_postal, input.municipi, input.adreca, input.passaport {
	height: 20px;
}

textarea {
	resize: none;
}

textarea.comentaris {
	height: 105px;
	width: 300px;
}

select.dia {
	width: 40px;
}

select.mes_any {
	width: 120px;
}

select.adults_nens_nadons {
	width: 63px;
}

select.zona {
	width: 199px;
}

select.pais_lloc {
	width: 96px;
}

select.rang {
	width: 131px;
}

select.rang_preu {
	width: 70px;
}

input.nom, input.codi_postal, input.municipi, input.passaport {
	width: 150px;
}

input.cognoms, input.adreca {
	width: 300px;
}

select.pais {
	width: 302px;
}

input.correu_electronic {
	width: 300px;
}

input.telefon {
	width: 225px;
}

select.prefix_telefon {
	width: 70px;
}

label.damunt, label.dreta {
	display: block;
}

label.damunt {
	padding: 5px 0px 1px 0px;
	font-weight: bold;
}

label.dreta {
	padding: 3px 0px 1px 0px;
}

label.esquerra {
	font-weight: bold;
	padding: 3px 0px 1px 0px;
	display: block;
	float: left;
	width: 150px;
}

input.esquerra, div.formulari_esquerra, select.esquerra {
	float: left;
	margin-right: 5px;
}

ol.formulari {
	list-style-type: none;
}

ol.preus {
	list-style-type: none;
	margin-left: 100px;
}

ol.formulari li {
	padding: 5px 0px 5px 15px;
}

ol.preus li {
	padding: 2px 0px 2px 0px;	
	text-align: right;
}

label.preus {
	float: left;
	width: 310px;
	text-align: right;
}

input.boto_dreta_llarg, input.boto_avall_llarg, input.boto_dreta_curt, input.boto_avall_curt, input.boto_anulla_curt {
	padding: 0px 0px 2px 3px;
	margin: 5px 2px 5px 2px;
	border: 0px;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

input.boto_dreta_llarg, input.boto_avall_llarg {	
	width: 170px;
	height: 20px;
}

input.boto_dreta_curt, input.boto_avall_curt, input.boto_anulla_curt {
	width: 100px;
	height: 20px;
}

label.primera_opcio {
	margin-top: 5px;
}

.boto_final {
	text-align: right;
}

.iconaCalendari {
	float: right;
	margin: 4px 0px 0px 0px;
}

.triar_data, .triar_data_sota {
	width: 194px;
	height: 24px;
}

.triar_data_sota {
	display: block;
}

.triar_data {
	display: table-cell;
}

.text_comprimit {
	height: 300px;
	overflow: auto;
}

.amagat {
	display: none;
}

.ensenyat {
	display: block;
}

#avis {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 300px;
}

.carregant {
	height: 100px;
}

/* 8.- Serveis ============================================================================================================== */

.servei_1, .servei_2, .servei_3, .servei_4, .servei_5, .servei_6, .servei_7, .servei_8, .servei_9, .servei_10, .servei_11, .servei_12, .servei_13, .servei_14, .servei_15, .servei_16, .servei_17 {
	width: 19px;
	height: 19px;
	margin: 2px 2px 2px 2px;
	float: left;
	background-repeat: no-repeat;
}

.servei_1_mini, .servei_2_mini, .servei_3_mini, .servei_4_mini, .servei_5_mini, .servei_6_mini, .servei_7_mini, .servei_8_mini, .servei_9_mini, .servei_10_mini, .servei_11_mini, .servei_12_mini, .servei_13_mini, .servei_14_mini, .servei_15_mini, .servei_16_mini, .servei_17_mini {
	width: 14px;
	height: 14px;
	margin: 1px 1px 1px 1px;
	float: left;
	background-repeat: no-repeat;
}

.marc_servei {
	margin: 2px 0px 2px 2px;
	float: left;
}

.skype, .facebook {
	display: inline-block;
	width: 16px;
	height: 16px;
}

.facebook {
	background: url("comu/facebook.png") no-repeat;
}

.skype {
	background: url("comu/skype.png") no-repeat;
}