/*
  **************************************************************************************
  *  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: 120px;
	position: relative;
	top: 0px;
	left: 15px;
	margin-top:15px;
}

#cpaencapsalament {
	/*background-color: #90ee90;*/
	z-index: 100;
	border-bottom: 1px ridge black;
}

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

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

/* Nom de l'Hotel */
.capa_encapnom {
	width:434px;
	height:112px;
	position:absolute;
	top:0px;
	left:0px;
}

#cpaencapnom {
	background-color: transparent;
	background-image: url(../imatges/general/nomhotel.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* Panel en telefonos i reserves */
.capa_encapinforeserves {
	width:320px;
	height:110px;
	position:absolute;
	top:0px;
	left:440px;
}

#cpaencapinforeserves {
	background-image: url(../imatges/general/informacioreserves.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* Boto per a les reserves */
.capa_encapreservesboto {
  width:160px;
  height:40px;
  position:absolute;
  top:65px;
  left:80px;	
  cursor:pointer;
}

#cpaencapreservesboto {
	background-image: url(../imatges/general/botoreserves.png);
	background-position: center;
	background-repeat: no-repeat;
}

#cpaencapreservesboto_res {
	background-image: url(../imatges/general/botoreservesres.png);
	background-position: center;
	background-repeat: no-repeat;
	display:none;
}

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

#cpaencapimgnom {
	background-color: transparent;
	background-image: url(../imatges/general/txthotelparadadelcompte.gif);
	background-position: center;
	background-repeat: no-repeat;
}

/* 
  **************************************************************************************
  *  Imatges de l'Hotel                                                                *
  **************************************************************************************
*/

.capa_imatgeshotel {
	width: 767px;
	height: 150px;
	position: relative;
	top: 0px;
	left: 15px;
}

#cpaimatgeshotel {
	/*background-color: #90ee90;*/
	z-index: 100;
	border-bottom: 1px ridge black;
	background-color: transparent;
}

/* 
  **************************************************************************************
  *  Descripció de l'Hotel                                                             *
  **************************************************************************************
*/

/* Descripcio de l'Hotel */
.capa_descripciohotel {
	width: 767px;
	height: 150px;
	position: relative;
	top: 0px;
	left: 15px;
	margin-top:20px;
	margin-bottom:10px;
}

#cpadescripciohotel {
	z-index: 100;
	background-color: transparent;
	background-image: url(../imatges/principal/fonsdescripciohotel.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* Texte descriptiu de l'Hotel */
.capa_descripciohoteltexte {
	width:700px;
	height:110px;
	position:absolute;
	top:20px;
	left:30px;
}

#cpadescripciohoteltexte {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-align: justify;	
	color: #6b1c42;		
}

/* Tancat per Vacances */
.capa_tancatpervacances {
	width:700px;
	height:110px;
	position:absolute;
	top:20px;
	left:30px;	
}

#cpatancatpervacances {
	
}

.capa_tancatpervacancestitul {
	width:700px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:0px;
	margin-left:0px;
}

#cpatancatpervacancestitul {
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: black;
	text-decoration: underline;
}

.capa_tancatpervacancesdates {
	width:700px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:10px;
	margin-bottom:10px;	
	margin-left:0px;
}

#cpatancatpervacancesdates {
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	color: black;
}

.capa_tancatpervacancestexte {
	width:700px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:0px;
	margin-left:0px;	
}

#cpatancatpervacancestexte {
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #6b1c42;
}

/* 
  **************************************************************************************
  *  Accesos generals                                                                  *
  **************************************************************************************
*/

/* Descripcio de l'Hotel */
.capa_accesosgenerals {
	width: 767px;
	height: 30px;
	position: relative;
	top: 0px;
	left: 15px;
	margin-top:0px;
	margin-bottom:10px;
}

#cpaaccesosgenerals {
	border-top: 1px solid #6b1c42;
	border-bottom: 1px solid #6b1c42;	
}

a.accesweb_general {
	width: 75px;
	height: 15px;
	position: absolute;
	top: 7px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #6b1c42;
	text-align: center;
	text-decoration: underline;
	background-image: url(../imatges/principal/icono_home.png);
	background-position: left;
	background-repeat: no-repeat;
}

a.accesweb_general:hover {
	color: black;
}

#acceswebgeneral_inici {
	left:25px;
}


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

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

/* Capa lateral per a menus i altres informacions */
.capa_lateral {
	width:231px;
	height:900px;;
	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 {
	background-color: transparent;
}

/* 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_menureserves {
	width:231px;
	height:51px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:10px;
}

#cpamnureserves {
	background-image: url(../imatges/reserves/boton_reservas.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* Menu de les Xarxes Socials */
.capa_menuxarxessocials {
	width:231px;
	height:30px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:10px;
}

#cpamnuxarxessocials {

}

.capa_menuxarxessocialsiconos {
	width:145px;
	height:30px;
	position:absolute;
	top:0px;
	left:44px;
}

#cpamnuxarxessocialsiconos {
	background-color: transparent;
}

.capa_menuxarxessocials_icono {
	width:25px;
	height:25px;
	position:absolute;
	top:3px;
}

#cpamnuxarxessocials_facebook {
	left: 0px;
	background-image: url(../imatges/xarxessocials/boton_facebook.png);
	background-position: center;
	background-repeat: no-repeat;
}

#cpamnuxarxessocials_twitter {
	left: 30px;
	background-image: url(../imatges/xarxessocials/boton_twitter.png);
	background-position: center;
	background-repeat: no-repeat;
}

#cpamnuxarxessocials_linkedin {
	left: 60px;
	background-image: url(../imatges/xarxessocials/boton_linkedin.png);
	background-position: center;
	background-repeat: no-repeat;
}

#cpamnuxarxessocials_flickr {
	left: 90px;
	background-image: url(../imatges/xarxessocials/boton_flickr.png);
	background-position: center;
	background-repeat: no-repeat;
}

#cpamnuxarxessocials_blog {
	left: 120px;
	background-image: url(../imatges/xarxessocials/boton_blog.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* 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_reservesonline {
	width:231px;
	height:60px;
	position:relative;
	top:0px;
	left:0px;
}

#cpareservesonline {
	background-color: transparent;
}

/* Boto de reserves online */
.capa_reservesonlineboto {
	width:160px;
	height:60px;
	position:absolute;
	top:0px;
	left:35px;
	cursor:pointer;
}

#cpareservesonlineboto {
	background-image: url(../imatges/reserves/botoreserves.png);
	background-position: center;
	background-repeat: no-repeat;
}

#cpareservesonlineboto_res {
	background-image: url(../imatges/reserves/botoreservesres.png);
	background-position: center;
	background-repeat: no-repeat;
	display:none;
}


.capa_infoireserves {
	width: 231px;
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 5px;
}

#cpainfoireserves {

}

/* Titul */
.capa_inforeservestitul {
	width:231px;
	height:20px;
	position:relative;
	top:0px;
	left:0px;
}

#cpainforeservestitul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6b1c42;
	text-align: center;
	font-weight: bold;
}

/* Telefons */
.capa_inforeservestelefons {
	width:190px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:10px;
}

#cpainforeservestelefons {
	color: #6b1c42;
	text-align: right;
	line-height: 25px;
}

.texte_inforeservestelefonsliteral {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

.texte_inforeservestelefonsnumero {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}

/* 
   -------------------------------------------------------------
    Informar d'averia al telefon fixe per a que criden al movil 
   -----------------------	-------------------------------------
*/

.capa_telefonmovil {
	width: 191px;
	position: relative;
	top: 0px;
	left: 10px;
	margin-top: 5px;
}

#cpatelefonmovil {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color: white;
	text-align: left;
	line-height: 17px;
	border: 2px ridge black;
	background-color: #8b0000;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

/* 
   -------------
    Logo SICTEC
   -------------
*/

.capa_logosictec {
	width:231px;
	height:102px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:10px;
}

#cpalogosictec {
	background-color: transparent;
}

.capa_logosictecimatge {
	width:150px;
	height:102px;
	position:absolute;
	top:0px;
	left:40px;
}

#cpalogosictecimatge {
	background-image: url(../imatges/principal/SICTEC_logo.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* 
   -------------
    Logo NATIVE
   -------------
*/

.capa_logonative {
	width:231px;
	height:170px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:10px;
}

#cpalogonative {
	background-color: transparent;
}

.capa_logonativeimatge {
	width:140px;
	height:170px;
	position:absolute;
	top:0px;
	left:45px;
}

#cpalogonativeimatge {
	background-image: url(../imatges/principal/NATIVE-logo.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* 
   -----------------------------
    Cartell TANCAT PER VACANCES
   -----------------------------
*/

.capa_infotancatpervacances {
	width:170px;
	height:150px;
	position:relative;
	top:0px;
	left:30px;
	margin-top:5px;
}

#cpainfotancatpervacances {
	background-color: white;
	border: 2px ridge #8b0000;
}

.capa_infotancatpervacancescartell {
	width:150px;
	height:80px;
	position:relative;
	top:0px;
	left:10px;
}

#cpainfotancatpervacancescartell {
	background-image: url(../imatges/general/cerradoporvacaciones.png);
	background-position: center;
	background-repeat: no-repeat;
}

.capa_infotancatpervacancestexte {
	width:150px;
	position:relative;
	top:0px;
	left:10px;
}

#cpainfotancatpervacancestexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #62240d;
	text-align: center;
	line-height: 19px;
}

/* 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: 30px;
	margin-bottom: 10px;
	padding-top:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6b1c42;
	text-align: center;
	border-top: 1px solid #AC7D86;
}

#cpapeu {
	z-index: 100;
}