/*--------------------------------------
ESTILS TIPOGRÀFICS GENERALS
---------------------------------------*/

h1, h2, h3, h4, h6, li, p {
        margin: 0px;
        padding: 0px;
		font-family: Arial, sans-serif;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size:12px;
}

img {
	border: 0;
}

/*--------------------------------------
BLOCS DE LA PÀGINA
---------------------------------------*/

html, body {
        margin: 0px;
        padding: 0px;
        }

body {
       font-size: 62.5%;
}

p {
		font-size:14px;
		font-family: Arial, sans-serif;
}

/*--- CONTENIDOR PRINCIPAL ---*/

#principal {
        width: 970px;
        margin: 0 auto;
        min-height: 100%;
		position:relative;
}

#sidebar {
	float: left;
	width: 250px;
	margin-bottom:30px;
}

#capsalera {
	position:relative;
	background:url('/img/cabecera.png') no-repeat;
	height:117px;
}

#capsalera h1 {
	position:absolute;
	left:270px;
	top:30px;
	width:311px;
	font-family:Georgia;
	color:#1d297b;
	font-size:22px;
	font-weight:normal;
}
#capsalera #logos{
	position:absolute;
	right:40px;
	margin-top:10px;
	width:250px;
	z-index:999;
}
#capsalera #logos img{
	float:right;
	margin:5px 10px 10px 10px;
}
#idiomes{
	width:100%;
	color:#FFF;
	background:#333333;
	z-index:999999;
	height:15px;
	padding:5px 0px;
}
#idiomes li .active{
	color:#cc9900;
}
#idiomes ul li{
	float:left;
	background:#333;
	width:30px;
	cursor:pointer;
}
#idiomes ul ul li{
	width:100px !important;
	padding:5px;
	float:left;
}
#idiomes ul ul li a{
	color:#FFF;
}
#idiomes ul ul{
   display:none;
   list-style:none;
   position:relative;
   z-index:999999;
}
#idiomes ul li:hover ul,#idiomes ul li.hover ul
{
	display:block;
}

#idiomes a, #idiomes a:active,#idiomes a:hover{
	text-decoration:none;
	font-family: Verdana, sans-serif;
	font-size:11px;
}
#centrado{
	margin:0 auto;
	width:970px;
}
#block{
	position:relative;
	clear:left;
	width: 970px;
}
#contingut{
	float:left;
	margin-bottom:50px;
}
#contingut .cos p {
		margin:1em;
}
.cos{
	position:relative;
}
.cos.sh-15,.cos.sh-9{
	margin-top:-40px;
}
#content{
	float:left;
	margin-bottom:10px;
	margin-top:5px;
	min-height:450px;
	height:auto !important;
	height:400px;
	width:670px;
	font-family:Arial;
	font-size:14px;
	color:#333333;

}
#content .cos p {
	font-size:14px;
}

.lema{
	position:absolute;
	top:275px;
	padding:10px;
	color:#000;
	opacity:0.8;
	filter: alpha(opacity = 80);
	background-color:#FFF;
	font-size:1.6em;
	font-weight:bold;
	width:100%;
	font-family: "Arial", "sans-serif";
	z-index:1000;
}
.notis{
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	margin-top:10px;
	background-color:#FAFAFA;
	position:relative;
}
.notis p{
	color:#999;
}
.notis ul li{
	padding:1em;
	width:300px;
	float:left;
	margin-bottom:20px;
}
.notis ul li h3 a{
	text-decoration:none;
	font-size:1em;
	color:#000;
}
.notis ul h3{
	margin-bottom:3px;
}

#footer{
	background:#333333;
	color:#FFF;
	text-align:left;
	font-family:arial;
	font-size:1em;
	clear:both;
	padding: 10px;
	position:relative;
	border-top:1px solid #000;
}
#footer div{
	width:970px;
	margin:0 auto;
	text-align:center;
}
#footer a{
	color:#FFF;
	text-decoration:none;
}
#footer p{
	font-size:1em;
}
ul.menu ul{
	/*background-color:#FFF !important;*/
}
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
   display:none;
   list-style:none;
}
ul.menu li:hover ul, ul.menu li.hover ul
{
	display:block;
}
#menu{
	position:relative;
	z-index:99999;
}
.menu #link{
	cursor:pointer;
}
.submenu #link{
	display:inline;
	height:auto !important;
}
.menu #opcio_menu{
	/*width:100px;*/
}
.submenu #opcio_menu{
	display:inline !important;
}
.menu{
	font-family: "Verdana";
	color:#000033;
	font-size:14px;
	text-transform:capitalize;
}
.menu a, .menu a:visited, .menu a.visted{
	text-decoration:none;
	color:#000033;
	display:block;
}
.menu a:hover,.menu li:hover{
	color:#000033;
}
.submenu a, .submenu a:visited, .submenu a.visted{
	text-decoration:none;
	padding: 0 1em 0 1em;
}
.submenu li:hover,.submenu li.hover,.submenu a:hover,.submenu a.hover{
	opacity:1;
}
.submenu{

	position:relative;
	padding-top:8px;
}
.submenu li{
	min-width:240px;
	padding:5px !important;
	height:auto !important;
	opacity:0.8;
	margin-top:8px;
	filter: alpha(opacity = 80);
	background:url('/img/submenu.png') no-repeat !important;
}
.menu li{
	background:url('/img/bg_menu.png') no-repeat;
	list-style-type:none;
	text-decoration:none;
	position:relative;
	padding:5px 5px 10px 5px;
	margin-top:0px;
	display:block;
	/*padding:0.1em 0em 0em 0.3em;*/
}
.menu li:active,.menu li:hover{
	background:url('/img/bg_menu_active.png') no-repeat;
}

.cos ul{
	font-size:1em;
	font-family: "Helvetica, Arial", "sans-serif";
}
.cos ul li{
	list-style-type: disc;
	margin-left:25px;
	margin-top:0.2em;
}
.cos h3{
	text-decoration:none;
	font-size:1.3em;
	text-transform:uppercase;
	margin-bottom:0.5em;
	font-weight:normal;
	margin-top:10px;
}
.cos img{
	margin-bottom:0.5em;
	margin-right: 10px;
}
.imatge{
	float:left;
}
.cos #logo{
	margin:0 !important;
}
.cos .block{
	width:220px;
	background-color:#ECECEC;
	float:left;
	margin-left:8px;
	height:490px;
	margin-bottom:10px;
	font-size:1.1em;
}
.block .llista ul,.block .info ul{
	list-style-type:disc;
	margin-left:3em !important;
}
.cos  .info{
	text-align:left !important;
}
.block .llista li{
	list-style-type:disc;
	list-style-image:none;
	color:#333;
	font-family: "Helvetica, Arial", "sans-serif";
}
.cos .block .imatge{
	width:218px;
	background-color:#FFFFFF;
	border:1px solid #EAE5EA;
	text-align:center;
	height:130px;
	padding-top:5px;
}
.cos .block h3{
	padding:0.5em;
	color:#333;
}
.cos .block .info{
	font-size:1em;
	font-family: "Helvetica, Arial", "sans-serif";
}
.cos .imatgelateral{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#sidebar .bloque-lateral ul{
	list-style: disc;
	margin-left:20px;
}
#sidebar .bloque-lateral{
	border-top:1px dotted #1d297b;
	margin:10px 0px;
	width:240px;
	display:none;
}
#sidebar .bloque-lateral p{
	font-size:12px;
	font-famly:Arial;
}
#sidebar .bloque-lateral h3{
	color:#1d297b;
	font-size:16px;
	font-weight:bold;
	font-family:Georgia;
	padding:10px 0px;
	text-transform:uppercase;
}
#contactar{
	background-color:#EAE5EA;
	height:12em;
	-moz-border-radius:10px;
}
#contactar h2,#contactar h2 a{
	padding:0.7em;
	color:#592E53;
	font-weight:bold;
	text-decoration:none;
}
#contactar ul{
	list-style-type:disc;
	margin-left:3em;
	line-height:2em;
}
hr{
	color: #CCC;
	background-color: #CCC;
	border:0;
	height:1px;
	margin-top:25px;
	margin-bottom:25px;
}
#contacto{
	background:#F7F4E0;
	width:635px;
	margin:20px auto;
	padding:20px;
}
.error
{
	border: 1px solid;
	margin: 70px 0px;
	padding:15px 10px 15px 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #D8000C;
	background-color: #FFBABA;
	font-family: Helvetica, Arial;
	font-size: 1.2em;
	width: 300;
	text-align: center;
}
#inicio{
	position:relative;
	height:330px;
	display:block;
}
#foto_principal{
	position:absolute;
	top:-60px;
}
#foto_principal #oferta{
	position:absolute;
	right:65px;
	bottom:0px;
	color:#333333;
	font-size:24px;
	text-align:center;
	line-height:35px;
	background:url("/img/bg_oferta.png") no-repeat;
	width:136px;
	height:136px;
	padding:10px 0px;
	display:none;
}
#foto_principal #oferta #precio{
	font-size:42px;
	font-weight:bold;
}
#foto_principal #oferta #noches{
	color:#ff6600;
}
#destinos{
	overflow:auto;
}
#destinos h2,.cos h2,#quien h2{
	background:url('/img/bg_h2.png') repeat-x;
	height:40px;
	width:660px;
	font-size:21px;
	color:#333333;
	padding:5px;
	margin-top:10px;
	font-weight:normal;
	clear:both;
	margin-top:10px;
}
#destinos .grupo-destinos h3{
	font-size:21px;
	color:#333333;
	font-family:Georgia;
	clear:both;
	font-weight:normal;
	padding-top:5px;
}

#destinos .grupo-destinos .destino{
	background:#ffe693;
	color:#003366;
	float:left;
	margin-top:5px;
	position:relative;
	padding:5px;
	height:150px;
	margin-right:5px;
	width:210px;
}
#destinos.listado .grupo-destinos .destino{
	width:315px;
	height:115px;
}
#destinos .grupo-destinos .destino.ultim{
	margin-right:0px;
}
#destinos .grupo-destinos .destino img{
	float:left;
	margin-right:5px;
	margin-bottom:2px;
}
#destinos .grupo-destinos .destino h4 a{
	font-size:14px;
	font-weight:bold;
	color:#1D297B;
}
#destinos .grupo-destinos .destino .info{
	background:#FFF;
	position:absolute;
	right:5px;
	bottom:0px;
	font-size:12px;
	width:45px;
}
.info,.info a,.info-lateral a{
	background:#FFF;
	margin:5px;
	width:40px;
	text-decoration:none;
	font-size:12px;
	font-family:Arial;
	color:#1D297B;
}
#hoteles .hotel .info{
	float:left;
}
.info-lateral{
	text-align:right;
	width:210px;
	margin-top:10px;
}
#hoteles .hotel .resumen{
	clear:both;
}
#destinos.listado .grupo-destinos .item{
	overflow:auto;
}

#destinos.listado .grupo-destinos .item .resumen{
	float:left;
	height:110px;
	width:320px;
	padding:10px;
	font-size:12px;
	font-color:#333333;
	font-family:Helvetica, Arial;
	text-align:justify;
}
#destinos.listado .grupo-destinos .item .resumen p{
	display:inline;
	font-size:12px;
}
.destinos{
	text-align:justify;
}
.destinos #descripcion img{
	float:left;
	margin-right:10px;
}
.destinos h1{
	font-family:Georgia;
	font-size:24px;
	margin-bottom:10px;
	font-weight:normal;
}
.destinos #descripcion{
	background:#ffe693;
	padding:10px;
	overflow:auto;
}
.destinos h4,.destinos h4 a,.lista-excursiones a{
	color:#003366;
	font-size:16px;
	font-weight:bold;
	clear:both;
	margin:10px 0px;
	text-decoration:none;
}
.destinos .apartado img{
	max-width:200px;
	float:left;
	margin-right:10px;
}
.apartado{
	clear:both;
	border-bottom:1px solid #CCC;
	overflow:auto;
	padding-bottom:10px;
}
#botones{
	margin:10px 0;
	overflow:auto;
}
#botones .boton a{
	color:#FFFFFF;
	font-size:16px;
}
#botones .boton{
	float:left;
	margin-right:5px;
	padding:2px 5px;
}
#botones #hoteles{
	background:#cc3333;
}
#botones #pag-oficial{
	background:#0099cc;
}

#botones #incluidas{
	background:#669933;
}
#botones #facultativas{
	background:#ff6600;
}

#hoteles .hotel{
	float:left;
	background:#F7F4E0;
	width:200px;
	min-height:300px;
	padding:8px;
	margin:5px 0px 0px 7px;
	text-align:left;
}
#hoteles .hotel h4{
	margin-top:10px;
}
#hoteles .hotel .foto{
	height:120px;
	overflow:hidden;
}
.hotel .resumen p{
	display:inline;
}
#hoteles .hotel img{
	width:200px;
}
.hoteles.view{
	border-top:5px solid #F7F4E0;
	padding-top:10px;
}
#galeria{
	margin:0 auto;
	width:550px;
}
.lista-excursiones h2{
	clear:both;
	padding:4px;
	background:#F7F4E0;
	display:block;
	margin:5px 10px 5px 0px;
}
.lista-excursiones img{
	max-width:200px;
	float:left;
	margin-right:10px;
}
.lista-excursiones .exc{
	overflow:auto;
	padding:10px 10px 10px 0px;
}
#desc-hotel h3{
	margin-bottom:10px;
	font-weight:bold;
}

.titulet{
	font-weight:bold;
	margin-left:10px;
}
#quien p{
	margin-top:10px;
}
#quien #text-quien ul{
	list-style:disc;
	margin:10px 20px;
}
#quien #text-quien{
	/*width:400px;*/
	float:left;
}
#quien img{
	float:right;
}
.sh-17 h4{
	font-size:12px;
	font-weight:bold;
	margin:10px 0px;
}
.sh-17 table{
	font-family:"Verdana";
	font-size:12px;
	border-collapse:collapse;
	border-color:#F4F1D1;
}
.sh-17 h3{
	font-size:14px;
	font-weight:bold;
}
.sh-17 table td{
	padding:10px;
	border-color:#F4F1D1;
	border-bottom:1px solid #F4F1D1;
}
.sh-17 table td.destacado{
	background:#F4F1D1;
	font-weight:bold;
	text-align:left !important;
}
.sh-17 table td:first-child{
	text-align:left;
}
.sh-17 table td:last-child{
	text-align:center;
}
#logos_comunitats{
	clear:both;
	margin:0 auto;
	width:960px;
}
#logos_comunitats ul li{
	float:left;
	margin-left:150px;
}