@charset "utf-8";
/* CSS Document */
/*trec borde plana*/
html,body{
    width:100%;    
    margin:0;
    padding:0;
    border:0;
}

body{
	background-color: #FFFFFF;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

	}
/*fer salt per lectors de pantalla*/
.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
    }
/*general i pantalles grans*/
/*logo*/
.logo {
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: xx-large;
	height: 70px;
	line-height: 68px;
	text-transform: uppercase;
}
.logo:hover{
	color: #003159;
	text-decoration: none;
}
.logo img {
	max-width:100%;
    height: auto;
	max-height: 66px;
	padding:3px;
}
.logo img:hover{
	-webkit-filter: sepia(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
}
/*text costat logo*/
.logo-text{
	text-align: left;
	height: 70px;
	line-height: 68px;
	font-weight: bold;
	font-size: xx-large;
	text-transform: uppercase;
}
.reserves {
	align-items: center;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	/*font-size: x-large;*/
    font-size: 1.6vw;
	height: 70px;
	line-height: 68px;
}
.boto_reserves
{
	line-height: 70px;
	/*width: 60px*/;
	/*width: auto;*/
	text-align: center;
	/*font-size: 22px;*/
	font-size: 1.6vw;
	font-weight: bold;
	padding: 7px;
	color: #000000;
	background-color: #F7DC6F;
	/*	
	color: #DEDEDE;
	background-color: #F50404;
*/	cursor: pointer;
	border-width: 4px;
	border-bottom-width: 4px;
	border-top-width: 4px;
	border-left-width: 4px;
	border-right-width: 4px;
	border: outset;
	border-radius: 5px;
	border-color: #707070;
	text-decoration: none;
	text-transform: uppercase;
}
.boto_reserves:hover
{
	color: #CBCBCB;
	background-color: #000000;
	/*Blau
	background-color: #303A80;
	*/
	/*	
	background-color: #2D43EB;
	color: #F50404;

*/
}
.boto_reserves:active {
	color: #B0B0B0;
	background-color: #52527B;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}
/*Telefon i email superior*/
.contacte {
	align-items: center;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: x-large;
	height: 70px;
	line-height: 68px;
	}
.contacte:hover{
	color: #003159;
	text-decoration: none;
}
.contacte img {
	max-width:100%;
    height: auto;
}
.contacte img:hover{
	-webkit-filter: sepia(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
}
/*xarxes socials*/
.social{
	align-items: center;
	padding-left: 0px;
	padding-right: 0px;
	text-align: right;
	height: 48px;
	line-height: 48px;
}
.sociallogos {
	padding-left:1px;
	padding-right:1px;
	max-width:48px;
	max-height:48px;
    height: auto;
	width:auto;
}
.sociallogos:hover{
-webkit-filter: sepia(100%); /* Chrome, Safari, Opera */
    filter: sepia(100%);	
	padding-left:1px;
	padding-right:1px;
}
/*idiomes pantalla gran*/
.idiomes {
	text-align: center;
	height: 70px;
	line-height: 68px;
}
.idiomes img {
	max-width:100%;
    height: 65px;
	width:auto;
	max-height:68px;
	padding-left:2px;
	padding-right:2px;
}
.idiomes img:hover{
	-webkit-filter: sepia(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
}
/*amago idiomes part superior per pantalla petita*/
.idiomes-top {
	display:none;
	text-align: right;
	height: 70px;
	line-height: 68px;
	padding-left:1px;
	padding-right:1px;
}
/*contacte*/
.contacte a{
	color: #000000;
	text-decoration: none;
}
.constacte a:link{
	color: #000000;
	outline:none;
	text-decoration:none;
	}
.contacte a:visited{
	color: #000000;
	outline:none;
	text-decoration:none;
	}
.contacte a:hover{
	color: #003159;
	text-decoration: none;
}
/*Breadcrumb*/
#breadcrumb{
	width:100%;
	text-decoration: none;
	color: #000000;
	font-size: 16px;
}
#breadcrumb a:link{
	color: #0066FF;
	text-decoration: none;
}
#breadcrumb a:visited{
	color: #0066FF;
	text-decoration: none;
}
#breadcrumb a:hover{
	color: #003399;
	text-decoration: none;
}
/*foto central*/
.titol-im {
	width: 100%;
	z-index: 0;	
	padding:0px;
}
.titol-im img {
	border-bottom: 2px solid #ddd;
	border-top: 2px solid #ddd;
	border-right:none;
	border-left:none;
    border-radius: 4px;
    padding: 0px;
	margin:0px;
	max-width:100%;
	width:100%;
	/*height:auto;*/
	max-height:780px;
	opacity: 0.9;
	z-index:0;
}
/*títol plana*/
.titol {
	width: 100%;
	z-index: 0;	
	padding:0px;
	margin:0px;
}
.titol h2 {
	width: 100%;
	color: #000000;
	/*Blau
	color: #303A80;
	*/
	/*Vermell
	color: #BD0E0E;	
	*/
	font-size: xx-large;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	/*
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	*/
	text-transform: uppercase;
	text-shadow: 3px 2px 1px #515151;
	padding: 0px;
	margin: 0px;
	z-index: 0;
}
/*imatge nadal*/
.nadal-im {
	width: 100%;
	z-index: 0;	
	padding:0px;
}
.nadal-im img {
	border-bottom: none;
	border-top: none;
	border-right:none;
	border-left:none;
    border-radius: 4px;
    padding: 0px;
	margin:0px;
	max-width:100%;
	width:100%;
	/*height:auto;*/
	max-height:780px;
	opacity: 0.9;
	z-index:0;
}
/*text plana*/
p.info-gen{
	text-align: justify;
	font-size: large;
	margin:5px;
	color:#000000;
	}
p.info-gen a {
	color:#8282B7;
	text-decoration:none
}
p.info-gen a:link{
	color:#8282B7;
	text-decoration:none
}
p.info-gen a:visited{
	color:#8282B7;
	text-decoration:none
}
p.info-gen a:hover{
	color: #003399;
	text-decoration: underline;
}
h3.info{
	text-align:center;
	text-decoration: none;
	color: #000000;
}
h3.info a:link{
	color: #303A80;
	text-decoration: none;
}
h3.info a:visited{
	color: #303A80;
	text-decoration: none;
}
h3.info a:hover{
	color: #003399;
	text-decoration: underline;
}
p.info{
	border-radius: 25px;
	border: 2px solid #000000;
	padding: 9px;
	text-align: justify;
	font-size: medium;
	color:#000000;
	text-decoration: none;
}
.info_info{
	border-radius: 25px;
	border: 2px solid #000000;
	padding: 9px;
	text-align: justify;
	font-size: medium;
	color:#000000;
	text-decoration: none;
}
p.info a:link{
	color:#0066FF;
	text-decoration: none;
	}
p.info a:visited{
	color:#0066FF;
	text-decoration: none;
	}
p.info a:hover{
	color: #003399;
	text-decoration: underline;
}
.text_blanc
{
	color: white;
}

/*Amago les files que no han de sotir en panta gran*/
.row-off-desktop{
	display:none;
}
/*Ensenyo les files que han de sortir quan no està en pantalla petita*/
.row-off-mob{
	display:block;
}
/*Amago les xarxes socials del final de la plana per pantalles petites*/
.social-bottom{
	display: none;
	padding-left: 1px;
	padding-right: 1px;
	text-align: right;
	background-color: #9DA6CA;
	}
/*Peu de plana*/
.peu{
	text-align: center;
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
}
p.peu{
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;	
}
.peu a{
	text-decoration: none;
	color: #FFFFFF;
}
.terms{
	font-size: xx-small;
}
/*configuracions pantalla petita*/
@media screen and (max-width: 1135px) {
/*logo*/
.logo {
height:auto;
line-height: normal;
}
/*text del costat del logo*/
.logo-text{
text-align:center;
height:auto;
line-height: normal;
}
/*contacte*/
.contacte {
	height: auto;
	line-height: normal;
}
/*amago les files que no han de sortir en pantalla petita*/
.row-off-mob{
	display:none;
}
/*Ensenyo les files que has de sortir en pantalla petita*/
.row-off-desktop{
	display:block;
}
/*Amago xarxes socials de pantalla gran*/
.social {
display:none;
}
/*Ensenyo xarxes socials del final en pantalla petita*/
.social-bottom {
display:block;
height:auto;
line-height: normal;
}
/*amago idiomes de pantalla gran*/
.idiomes{
	display:none;
}
/*Ensenyo idiomes del principi per pantalla petita*/
.idiomes-top {
display:block;
height:auto;
line-height: normal;
text-align:right;
}
.idiomes-top img {
	max-width:100%;
    height: 68px;
	width:auto;
	max-height:68px;
	padding-left:2px;
	padding-right:2px;
}
.idiomes-top img:hover{
	-webkit-filter: sepia(100%); /* Safari 6.0 - 9.0 */
    filter: sepia(100%);
}
/*Ajusto text títol plana sobre imatge*/
h2.centre-titol {
	width:100%;
	margin:auto;
	text-align:center;
	font-size: x-large;
	left:auto;
	transform:none;
	text-shadow: 2px 1px 1px #515151;
	}
.reserves {
	font-size: x-large;
}
.boto_reserves
{
	font-size: x-large;
}}