@charset "ISO-8859-1";


/******RESET**************************************************************************************************************************/

*
{
margin:0;
padding:0;

}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

article, aside, figure, figcaption, hgroup,
footer, header, nav, section, video, object {
	display: block;
}


:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}



a img, iframe {
	border: none;
}

ol, ul {
	list-style: none;
}


select {
	margin: inherit;
}




.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}


a:link, a:hover, a:visited, a:active{ text-decoration:none;}

.clear {clear: both;}

img { max-width:100%;}




body {
	background-color: #e0ded8	;
	letter-spacing: 0.07em;
}

p, li {letter-spacing: 0.05em;}




#centre {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color:#999;
	background-image: url(../img/ratlle.png) repeat;
}


@font-face {
	font-family: 'Cicle';
	src: url('Cicle_Gordita.ttf') format('truetype');}
	
#peu {
	background-color: #BAB9B4;
	padding: 10px;
	text-align: center;
	clear: left;
}

#peu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
}


/****** home *****/
#capsa-home {
	background-image: url(../img/capsa-home.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 960px;
}

#idiomes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #FFF;
	text-align: right;
	padding: 5px;
}

#menu .home{
	background-image: url(../img/fnd-menu-home.jpg);
	height: 35px;
	width: 960px;
}

#menu ul {
	padding-top: 10px;
	padding-left: 150px;
}

#menu li {
	float: left;
	padding-right: 30px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#cont-sobre {
	clear: left;
}

#cont-esq {
	float: left;
	min-height: 421px;
	width: 302px;
	background-image: url(../img/fnd-txt-home.jpg);
	background-repeat: no-repeat;
	padding-right: 445px;
}

#cont-esq h1 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.4em;
	color: #f29400;
	padding-top: 25px;
	padding-left: 80px;
	}

#cont-esq p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	padding-top: 15px;
	padding-left: 80px;
}
	
#cont-dreta {
	float: left;
	
}

#cont-sota {
	clear: left;
}


/****** hotel*****/
#capsa-hotel {
	background-image: url(../img/capsa-hotel.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 960px;
}



#menu .interiors{
	height: 35px;
	width: 960px;
	background-color: #FFF;
}




#cont-int-esq {
	float: left;
	width: 312px;
	
}
	
	
	#cont-int-esq3 {
	float: left;
	width: 312px;
	background-color: #B2BA91;	
}

#cont-int-dreta {
	float: left;
	width: 648px;

}

#cont-int-dreta2 {
	float: left;
	width: 648px;
	
}



#cont-int-esq2 {
	float: left;
	min-height: 550px;
	width: 312px;
	background-color: #c6c1b5;
}


#cont-int-dreta2 {
	float: left;
	width: 648px;
	
}

.hotel  {
	background-color: #1f9199;
	padding: 0 0 20px 0;
	width: 648px;
	min-height:498px;
}

.hotel h1 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.6em;
	color: #096268;
	padding-top: 10px;
	padding-left: 20px;
	}

.hotel h2 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.3em;
	color: #096268;
	padding-top: 7px;
	padding-left: 20px;
	}
	
	.hotel h3 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.1em;
	color: #FFF;
	padding-top: 7px;
	padding: 10px;
	background-color: #096268;
	margin: 10px 0 0 20px;
	}
	
	.hotel h4 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.1em;
	color: #096268;
	padding-top: 7px;
	padding-left: 20px;
	border-bottom: 1px solid #096268;
	margin: 0 0 0 20px;
	}

.hotel p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	padding-top: 10px;
	padding-left: 20px;
	list-style-type: none;
}

.hotel ul {
	padding-left: 25px;
}
 .hotel li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000;
	padding-top: 10px;
	padding-left: 3px;
	list-style-type: square;
}
.hotel #qui  {
	float: left;
	width: 440px;
	padding-right: 10px;
}


.hotel #hotels  {
	float: left;
	width: 628px;
	padding: 0 10px 0 0;
	
}

.tipus { width:180px; float: left; margin: 0 0 0 20px;}

.tipus h2{
	font-family: 'Cicle', sans-serif;
	font-size: 1.1em;
	color: #DBC198;
	letter-spacing: 0.1em;
	height:40px;
	border-bottom: 1px solid #dbc198;
	padding: 30px 0 5px 0;
	margin: 0 0 10px 0;
}

.tipus p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #fff;
	margin: -10px 0 10px -20px;
}


 .tipus .mesinfo a:link, .tipus .mesinfo a:visited, .tipus .mesinfo a:active  {
	color: #096268;
	
}

.tipus .mesinfo a:hover  {
	color: #054247;	
}



 .tipus .mesinfo {
	font-family: 'Cicle', sans-serif;
	font-size: 1em;
	background: #DBC198;
	color:#096268;
	padding: 5px;
	text-align:right;
	margin: 15px 0 0 0;
}



.tipus-dos { width:180px; float: left; margin: 0 20px 20px 0;}

.fotos .tipus-dos h2{
	font-family: 'Cicle', sans-serif;
	font-size: 1.1em;
	color: #fff;
	letter-spacing: 0.1em;
	height:40px;
	border-bottom: 1px solid #dbc198;
	padding: 10px;
	margin: 0 0 0 0;
	background:#7A6E60;
}

.fotos .tipus-dos p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #fff;
	margin: -10px 0 10px -20px;
}


 .fotos .tipus-dos .mesinfo a:link, .fotos .tipus-dos .mesinfo a:visited, .fotos .tipus-dos .mesinfo a:active  {
	color: #fff;
	
}

.fotos .tipus-dos .mesinfo a:hover  {
	color: #999;	
}



.fotos .tipus-dos .mesinfo {
	font-family: 'Cicle', sans-serif;
	font-size: 1em;
	background: #7A6E60;
	color:#fff;
	padding: 5px;
	text-align:right;
	margin: 0 0 0 0;
	text-decoration: none;
}

.hotel #serveis  {
	float: left;
	width: 180px;
	padding: 20px 10px 10px 0;
	
}




.hotel #serveis ul {margin:10px 0 0 0;}

.hotel #serveis li {
	background-color: #81C0C7;
	list-style-type: none;
	margin: 4px 0;
	padding: 4px 7px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.torna {
	padding:10px 0;
	font-family: 'Cicle', sans-serif;
	font-size: 0.8em;
	color:#fff;
}
.torna a:link, .torna a:visited, .torna a:active {color:#fff; text-decoration:underline}
.torna a:hover {color:#999; text-decoration:none}


.torna2 {
	padding:10px;
	margin-left: -20px; 
	font-family: 'Cicle', sans-serif;
	font-size: 0.8em;
	color:#7A6E60;
}
.torna2 a:link, .torna2 a:visited, .torna2 a:active {
	color:#7A6E60;
	text-decoration:underline
}
.torna2 a:hover {
	color:#FFF;
	text-decoration:none
}




/****** fotos*****/
#capsa-fotos {
	background-image: url(../img/capsa-fotos.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 960px;
}




.fotos  {
	background-color: #c6c1b5;
	width: 628px;
	padding: 0 0 20px 20px;
	min-height: 550px;
	
}

.fotos h1 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.6em;
	color: #7A6E60;
	padding-top: 10px;
	padding-left: 0px;
	padding-bottom: 10px;
	}

.fotos h2 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.3em;
	background-color: #f29400;
	color: #fff;
	margin: 0 60px 10px 0;
	padding: 7px;
	
	}

.fotos p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	padding-top: 10px;
	padding-left: 20px;
	list-style-type: none;
}



/****** situacio*****/
#capsa-situ {
	background-image: url(../img/capsa-situacio.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 960px;
}


.situ  {
	background-color: #d3bcb3;
	min-height: 518px;
	width: 648px;
}

.situ h1 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.6em;
	color: #B23700;
	padding-top: 25px;
	padding-left: 0px;
	padding-bottom: 15px;
	}

.situ h2 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.3em;
	color: #333;
	padding-top: 30px;
	padding-left: 20px;
	}

.situ p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	padding-top: 10px;
	padding-left: 20px;
	list-style-type: none;
}


.situ #mapa  {
	float: left;
	width: 390px;
	padding-right: 10px;
	padding-top: 0px;
	padding-left: 20px;
	margin-top: 0px;
}

.situ #mapa  iframe{
	
	padding-top: 10px;
}

.situ #adre  {
	float: left;
	width: 200px;
	padding-top: 35px;
	padding-right: 10px;
}

.situ #adre h3{font-family: 'Cicle', sans-serif;
	font-size: 1em;
	color: #fff;
	background:#b33704;
	margin: 20px 0 0 20px;
	padding: 5px;}

/****** tarifes*****/
#capsa-tarifes {
	background-image: url(../img/capsa-tarifes.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 960px;
}


.tarifes  {
	background-color: #b3b993;
	width: 648px;
	padding-bottom: 20px;
}

.tarifes h1 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.6em;
	color: #829526;
	padding-top: 25px;
	padding-left: 20px;
	}

.tarifes h2 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.3em;
	color: #333;
	padding-top: 30px;
	padding-left: 20px;
	}

.tarifes ul {
	padding-left: 40px;
	padding-bottom: 30px;
}
	
.tarifes li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	padding-top: 7px;
	padding-left: 5px;
	list-style-type: square;
}

#preus {}

.iconos{
	padding-left: 30px;
	padding-top: 20px;
}


.iconos h2 {
	border-bottom: 1px solid #333;
	color: #FFF;
	background-color: #4C5616;
	padding: 5px;
	margin-top: 0;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 0;
}

.iconos-preus1 {
	float: left;
	width: 91px;
	margin-right: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5F6B1E;
	text-align: center;
	margin-bottom: 15px;
	padding: 0 0 0 300px;
}


.iconos-preus2{
	float: left;
	width: 91px;
	margin-right: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #5F6B1E;
	text-align: center;
	margin-bottom: 15px;
}


table {
	clear: left;
	margin-left: 30px;
}



td {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	padding-top: 10px;
	padding-left: 20px;
	list-style-type: none;
	border-bottom-color: #829526;
	}

td .titol {
	font-weight: bold;
}
td .explicacio {
}


.tercerap {
	padding: 5px 10px;
	margin: 10px 0;
	background-color: #809222;
}
.tercerap ul {margin:0; }
.tercerap li {
	color: #B2BA91;
}
p.italic {
	padding: 10px;
	list-style-type: none;
	font-style:italic;
	margin: 10px 0 0 30px;
	
}
.iconos p {font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333;}

/****** contacte*****/
#capsa-contact {
	background-image: url(../img/capsa-contacte.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 960px;
}


.contact  {
	background-color: #a0899f;
	min-height: 518px;
	width: 648px;
}

.contact h1 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.6em;
	color: #643561;
	padding-top: 25px;
	padding-left: 20px;
	}

.contact h2 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.3em;
	color: #643561;
	padding-top: 0px;
	padding-left: 0px;
	}

.contact p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
	padding-top: 10px;
	padding-left: 20px;
	list-style-type: none;
}


.contact #botons  {
	padding-top: 20px;
	padding-left: 20px;
	width: 300px;
	float: left;	
}

.contact #botons .boto {
	background-image: url(../img/base-boto-contacte.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 5px;	
}

.contact #formulari  {
	float: left;
	width: 290px;	
}

/**NOTA LEGAL*/

.notalegal {
	background-color: #63657F;
	min-height: 518px;
	width: 648px;
}

.notalegal h1 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.6em;
	color: #FFF;
	padding-top: 25px;
	padding-left: 20px;
	}

.notalegal h2 {
	font-family: 'Cicle', sans-serif;
	font-size: 1.3em;
	color: #969AC5;
	padding-top: 20px;
	padding-left: 20px;
	}

.notalegal p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	padding-top: 10px;
	padding-left: 20px;
	list-style-type: none;
}



/***LINKS****/


#menu li a:link{
	color: #333;
	text-decoration: none;
}

#menu li a:visited{
	color: #333;
	text-decoration: none;
}

#menu li a:hover{
	color: #999;
	text-decoration: none;
}

#menu li a:active{
	color: #333;
	text-decoration: none;
}



#mapa p a:link{
	color: #333;
	text-decoration: none;
}

#mapa p a:visited{
	color: #333;
	text-decoration: none;
}

#mapa p a:hover{
	color: #000;
	text-decoration: none;
}

#mapa p a:active{
	color: #333;
	text-decoration: none;
}



#peu  a:link{
	color: #333;
	text-decoration: none;
}

#peu  a:visited{
	color: #333;
	text-decoration: none;
}

#peu  a:hover{
	color: #666;
	text-decoration: none;
}

#peu  a:active{
	color: #333;
	text-decoration: none;
}


#idiomes  a:link{
	color: #FFF;
	text-decoration: none;
}

#idiomes  a:visited{
	color: #FFF;
	text-decoration: none;
}

#idiomes  a:hover{
	color: #999;
	text-decoration: none;
}

#idiomes  a:active{
	color: #FFF;
	text-decoration: none;
}