/*                                                        the colors*/
.color0{color: #000000;}
.backcolor0{background-color: #000000;}

.color1 {color: #ffffff;}
.backcolor1 {background-color: #ffffff;} 

.color2{color: #87b8dc;}
.backcolor2{background-color: #87b8dc;}

.color3 {color: #dd0000;}
.backcolor3 {background-color: #dd0000;}

.color4 {color:#ffffcc ;}
.backcolor4 {background-color: #ffffcc;}

.color5 {color:#ffff00 ;}
.backcolor5 {background-color: #ffff00;}

.color6 {color:#33cc33 ;}
.backcolor6 {background-color: #33cc33;}

.color7 {color:#2d2d2d ;}
.backcolor7 {background-color: #2d2d2d;}

.colorwhite{color: #ffffff;}
.backcolorwhite{background-color: #ffffff;}

.colorblack{color: #000000;}
.backcolorblack{background-color: #000000;}

.fons_1{background-color: #87b8dc; color:#000000;}
.fons_2{background-color: #dd0000;  color:#000000;}
.fons_3{background-color: #ffffcc;  color:#000000;}
.fons_4{background-color: #ffff00; color:#000000;}
.fons_5{background-color: #33cc33; color:#000000;}

.borderline {border-width:1px; border-style: solid; border-color:#ff0000;}
/*                                                   end  the colors                 */



/*                                                        the basics*/

/* GLOBAL RESET , toma ya ,table,td,tr*/
html,body,p,div,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,table,td,tr{
  margin:0px; 
  margin-top:0px; 
  padding:0px; 
  padding-top:0px; 
  border:0px; 
  border-collapse:separate; 
  border-spacing:0px;
}
p {margin:0 0 0em 0;padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0 0 .0em 0;padding:0;}

body {
	font-family:  "Arial Narrow", Sans Serif;
	font-size:0.80em;
	color:#000000;
	text-align: center;
	background: #87b8dc;
	/*background-image: url("imatges/back1.jpg");*/
	/*background-repeat: repeat-x;*/
	/*background-attachment: fixed;*/
}

p 		{
	font-size : 100%;
	text-align: justify;
	text-decoration : none;}

.p		{
	font-size : 100%;
	text-align: justify;
	text-decoration : none;
}

h6, .h6{
	font-size : 110%;
	text-decoration : none;
	font-weight: bold;
}
h5, .h5{
	font-size : 120%;
	text-decoration : none;
	font-weight: bold;
}
h4, .h4{
	font-size : 130%;
	text-decoration : none;
	font-weight: bold;
}
h3, .h3{
	font-size : 140%;
	text-decoration : none;
	font-weight: bold;
}
h2, .h2{
	font-size : 150%;
	text-decoration : none;
	font-weight: bold;
}
h1, .h1{
	font-size : 160%;
	text-decoration : none;
	font-weight: bold;
}

.titlepage{
	padding-left: 10px;
	font-size : 130%;
	text-decoration : none;
	font-weight: bold;
	width: 480px;
	background-color: #000000;
	color: #ffffff;
	text-alignment: right;
}	
.small {
	font-size : 90%;
	text-decoration : none;
}
.vsmall {
	font-size : 80%;
	text-decoration : none;
}

a {text-decoration: none;}


div {
	font-size: 100%;
}

.padded{padding:10px}
.bigpadded{padding:20px}
.notpadded{padding:0px}
.thinborder{border: 1px solid;}
.thinbordertop{border-top: 1px solid;}

/*                                                    end the basics*/


/*                                                        the structure              */


#supertop {
	width: 100%;
	height: 20px;
	color: #87b8dc;
	background: #000000;
}

#supertopcontent {
	margin: 0px auto;
	width: 792px;
	text-align: right;
	height: 20px;
}
	
#wrapper {
	margin: 0px auto;
	width: 792px;
	background: #ffffff;
}

#header {
	margin: 0px;
	width: 792px;
	height: 335px;
}
#headerlogo {
	width: 244px;
	height: 264px;
	/*background: url("imatges/backmenu.gif");*/
}
#headerpic {
	margin-top: 0px;
	width: 701px;
	height: 335px;
	float: left;
}

#navmenu{
	margin-top: 0px;
	text-align: left;
	background: #000000;/*url("imatges/backmenu2.gif");*/
	background-repeat: repeat-y;
	
}

#navmenu a{
	text-decoration:none;
	font-style: normal;
	color: #ffffff;
	}
#navmenu2 a{
	text-decoration:none;
	font-style: normal;
	color: #87b8dc;
	}
#navmenu font {
	text-decoration:none;
	color: #ffffff;
	}
#submenu a{
	text-decoration:none;
	font-style: normal;
	color: #ffffff;
	}

#navmenu a:hover {
	color: #87b8dc;
}
#navmenu2 a:hover {
	color: #87b8dc;
}
#submenu a:hover {
	color: #ffff00;
}
#navmenuNOT a:visited {
	color: #87b8dc;
}


#contentwrapper {
	margin: 0px auto;
	width: 792px;
	/*background: #ffffff; url("imatges/back2.jpg")*/
	display: block;
	text-align: center;
}

#maintext {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	text-align: justify;
	clear: right;
	color: #000000;/**/
	/*background: #ffffff;*/
}
#middle { 
	width: 390px;
	float: left;
	background: #dd0000;
}
#middlewide { 
	width: 594px;
	float: left;
	background: #ffffcc;
}


#topbreadcrumbs {
	background: url("imatges/topbreadcrumbs_back.gif");
	width: 565px;
	height: 33px;
	float: left;
}

#footer {
	margin: 0px auto;
	width: 792px;
	clear: both;
	color: #ffffff;
}

#footer a, #footer a:visited{
		color:#ffffcc;
	}

#gallery {
		background: #ffffcc;
		padding: 10px;
		margin: 00px auto;
		}

/*                                                  Google maps*/

#map{

	width:520px;
	height:300px;
	font-size: 80%;
	background:#595959;
	text-align:left;	
}

/*                                                  END Google maps*/
/*                                                    end the structure            */


/* Navigations --------------- */
/* Navigations --------------- */
/* Navigations --------------- */
/* Navigations --------------- */

/* Primary Nav */
nav#primary { clear: both; padding: 0px 0 0 0px; }
nav#primary ul { height: 25px;list-style-type: none;}
nav#primary ul li { float: left; height: 25px; width: auto; margin-left: 0px;margin-right: 10px;}
nav#primary ul li { border-left: 1px solid #fefefe;}
nav#primary ul li.last { border-right: 1px solid #fefefe; padding-right: 0}
nav#primary ul li a#selected { color: #000000; background-color:#666666;}
nav#primary ul li a { display: block; height: 30px; padding: 0px 0 0 10px; font-size: 16px; color: #ffffff; font-weight: normal; text-decoration: none; }
nav#primary ul li a:hover { color: #dd0000; }
nav#primary ul li a em { font-weight: normal; font-style: normal; font-size: 12px; color: #3b3b3b; display: block; }

/* Secondary Nav */
nav#secondary { clear: both; padding: 5px 0 0 0px; }
nav#secondary ul { height: 25px; list-style-type: none; background-color:#666666;}
nav#secondary ul li { float: left; height: 25px; width: auto; margin-right: 10px; }
nav#secondary ul li { border-left: 1px solid #fefefe;}
nav#secondary ul li.last { border-right: 1px solid #ffffff; padding-right: 0; }
nav#secondary ul li a#selected { color: #ffffff; }
nav#secondary ul li a { display: block; height: 25px; padding: 0px 0 0 5px; font-size: 16px; color: #ffffff; font-weight: normal; text-decoration: none; }
nav#secondary ul li a:hover { color: #cccccc; }
nav#secondary ul li a em { font-weight: normal; font-style: normal; font-size: 12px; color: #3b3b3b; display: block; }

/* Other Nav */
nav#other { clear: both; padding: 5px 0 0 0px; }
nav#other ul { height: 25px;list-style-type: none;}
nav#other ul li { float: left; height: 25px; width: 120px; margin-left: 0px;margin-right: 0px;}
nav#other ul li { border-left: 1px solid #fefefe;}
nav#other ul li.last { border-right: 1px solid #fefefe; padding-right: 0}
nav#other ul li a#selected { color: #000000; background-color:#666666;}
nav#other ul li a { display: block; height: 25px; padding: 0px 0 0 5px; font-size: 16px; color: #ffffff; font-weight: normal; text-decoration: none; }
nav#other ul li a:hover { color: #dd0000; }
nav#other ul li a em { font-weight: normal; font-style: normal; font-size: 12px; color: #3b3b3b; display: block; }

/*   reserva button          */
#reserva {
	width: 261px;
	height: 39px;
	display: table-cell;
	vertical-align: middle;
	background-color: #ffffcc;
	}
#excursions {
	width: 219px;
	height: 39px;
	display: table-cell;
	vertical-align: middle;
	background-color: #ffffcc;
	padding:0px;
	}
/*               END  Navigations --------------- */
/*               END  Navigations --------------- */
/*               END  Navigations --------------- */
/*               END  Navigations --------------- */


/*											javamenu								*/
/*											javamenu								*/
/*											javamenu								*/
/*											javamenu								*/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	/*float: left;*/
	font: bold 13px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 177px;
	color: #ffffff;
	text-align: right;
	text-decoration: none}

#sddm li a:hover
{	background: #ffffff}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: -25 0 0 199 ;
	padding: 0;
	background: #ffffff;
	color: #000000;
	/*border: 1px solid #999999;*/}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: 145px;/*auto;*/
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000000;
		color: #ffffff;
		font: 13px arial}

	#sddm div a:hover
	{	background: #ffffff;
		color: #000000}
/*														END javamenu								*/
/*														END javamenu								*/
/*														END javamenu								*/
/*														END javamenu								*/


/*                                                        the specials             */
.bold{
	font-weight: 900;
}
.langlink a:link { /*normal*/
	color:#ffffff;
}
.langlink a:focus { /*post click*/
	color:#000000;
	text-decoration: underline;
}
.langlink a:active { /*whilst clicked*/
	color:#ffffff;
}
.langlink a:hover {
	color:#ffffff;
	text-decoration: underline;
}
.langlink a:visited {
	color:#87b8dc;
}

#maintext hr { color: #dd0000; background-color: #dd0000; height: 1px;}

#maintext a, #maintext h4, #maintext h3, #maintext h2, #maintext h1{
	color:#dd0000;
}


#prices {
	color: #000000;
	text-align: right;
	font-weight: bold;
	border-left-color:#595959;
	border-left-width:1px;
	border-left-style:solid;
	border-right-color:#595959;
	border-right-width:1px;
	border-right-style:solid;
}

.blackedge{
	border-left-color:#595959;
	border-left-width:1px;
	border-left-style:solid;
	border-right-color:#595959;
	border-right-width:1px;
	border-right-style:solid;
}



/*                                                   end  the specials*/

/*                                                        the admin*/
/*                                                        the admin*/
/*                                                        the admin*/
/*                                                        the admin*/




/*                                                    end the admin*/
/*                                                    end the admin*/
/*                                                    end the admin*/
/*                                                    end the admin*/

/* //////////////////////  Contacte ////////////////////// */
/* //////////////////////  Contacte ////////////////////// */
/* //////////////////////  Contacte ////////////////////// */
/* //////////////////////  Contacte ////////////////////// */


/* //////////////////////  end Contacte ////////////////////// */
/* //////////////////////  end Contacte ////////////////////// */
/* //////////////////////  end Contacte ////////////////////// */
/* //////////////////////  end Contacte ////////////////////// */