/*
  **************************************************************************************
  *  Hotel La Parada del Compte - Torre del Compte - Teruel               general.css  *
  *  HOTEL ****                                                                        *
  *  Xavi Agut - juliol de 2010                                                        *
  *  Site que publique informació sobre l'Hotel                                        *
  **************************************************************************************
*/

/* 
  **************************************************************************************
  *  Etiquetes HTML                                                                    *
  **************************************************************************************
*/



/* 
  **************************************************************************************
  *  Fons per a la web                                                                 *
  **************************************************************************************
*/

.capa_fonsweb {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#cpafonsweb {
	background-color: white;
	z-index: 0;	
}

/* 
  **************************************************************************************
  *  Fons per al contingut                                                             *
  **************************************************************************************
*/

.capa_fonscontingut {
   width: 797px;
	height:auto;
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -383px;
   margin-top: 0px;
}

#cpafonscontingut {
	background-image: url(../imatges/general/fondosmbr.jpg);
	background-position: top;
	background-repeat: repeat-y;
	z-index: 10;
}

/* 
  **************************************************************************************
  *  Encapçalament                                                                     *
  **************************************************************************************
*/

.capa_encapsalament {
	width: 767px;
	height: 110px;
	position: relative;
	top: 0px;
	left: 15px;
	background-color: transparent;
}

#cpaencapsalament {
	z-index: 100;
}

.capa_encaplogo {
	width:231px;
	height:110px;
	position:absolute;
	top:0px;
	left:0px;
}

#cpaencaplogo {
	background-image: url(../imatges/general/logo.gif);
}

.capa_encapnom {
	width:536px;
	height:110px;
	position:absolute;
	top:0px;
	left:231px;
}

#cpaencapnom {
	background-color: transparent;
}

.capa_encapimgnom {
	width:500px;
	height:100px;
	position:absolute;
	top:5px;
	left:20px;
}

#cpaencapimgnom {
	background-color: transparent;
}

/* 
  **************************************************************************************
  *  Menu i Contingut                                                                  *
  **************************************************************************************
*/

.capa_mnuicontingut {
	width: 767px;
	position: relative;
	top: 0px;
	left: 15px;
}

/* Capa lateral per a menus i altres informacions */
.capa_lateral {
	width:231px;
	height:450px;;
	position:absolute;
	top:0px;
	left:0px;
}

#cpalateral {
	background-color: transparent;
}

/* Menu en les seccions de la web */
.capa_menu {
	width:231px;
	height:290px;
	position:relative;
	top:0px;
	left:0px;
}

#cpamnu {

}

/* Separador de menus */
.capa_separadormenus {
	width:130px;
	height:5px;
	position:relative;
	top:0px;
	left:50px;
	margin-top:12px;
}

#cpaseparadormnus {
	border-top: 1px solid #AC7D86;
}

/* Menu d'altres continguts de la web */
.capa_menualtres {
	width:231px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:10px;
}

#cpamnualtres {

}

/* Opcio del menu */
.capa_opcmenualtres {
	width: 231px;
	position: relative;
	text-align: center;
	text-decoration: underline;
}

/* Opcions */
#cpaopcmnualtres_1 {
	top:0px;
	left:0px;
}

a.opcmenualtres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #6b1c42;	
}

a.opcmenualtres:hover {
	color: black;
}

/* Informacio i reserves */
.capa_infoireserves {
	width: 231px;
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b1c42;
	text-align: center;
	line-height: 17px;
}

#cpainfoireserves {

}

/* Contingut de cada seccio */
.capa_contingutseccio {
	width: 536px;
	height:auto;
	position: absolute;
	top: 0px;
	left: 231px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6b1c42;
	text-align: justify;
}

#cpacontsec {
	z-index: 100;
}

/* 
  **************************************************************************************
  *  Contingut variable                                                                *
  **************************************************************************************
*/

.capa_contvariable {
	width: 767px;
	height:auto;
	position: relative;
	top: 0px;
	left: 15px;
}

#cpacontvariable {
	z-index: 100;
	border-top: 1px solid #AC7D86;
	background-color: transparent;
}

/* 
  **************************************************************************************
  *  Peu de la pagina                                                                  *
  **************************************************************************************
*/

.capa_peu {
	width: 767px;
	height: auto;
	position: relative;
	top: 0px;
	left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6b1c42;
	text-align: center;
	border-top: 1px solid #AC7D86;
}

#cpapeu {
	z-index: 100;
}