/*---------------------------------------------
//  estructura
//---------------------------------------------
*/

html {

}

body {
	background			: url(../img/back_body.jpg) top left repeat-x #8abe01;
	color				: #3b3b3b;
}

#contenidor {
	width				: 950px;
	margin				: 0 auto;
}

#menuLateral {
	width				: 215px;
	float				: left;
}

#grupPag {
	float				: left; /* Flota per evitar el bug de 3px de ie6 */
	clear				: right;
	overflow			: hidden;
	width				: 735px; /* 950-215, per firefox */
}


#peu {
	margin				: 0 0 0 215px;
	clear				:both;
}

/*---------------------------------------------
//  Menu Lateral
//---------------------------------------------
*/

#logo {
	margin				: 25px 0 60px 0;	
}


#menuLateral ul{
	border-bottom		: 1px solid #bfec48;
	border-top			: 1px solid #516f01;
}

#menuLateral ul ul{
	border				: none;
}

#menuLateral li{
	border-top			: 1px solid #bfec48;
	border-bottom		: 1px solid #516f01;
	font				: normal normal 14px Arial, Helvetica, sans-serif;
	background			: url(../img/back_menu_li.png) 5px 8px no-repeat;
}


#menuLateral li li{
	border				: none;
	font				: normal normal 12px Arial, Helvetica, sans-serif;
}

#menuLateral li a {
	color				: #384d01;
	display				: block;
	height				: 1%; /* per ie 6 */
	padding				: 7px 5px 7px 20px;
}

#menuLateral li li a {
	padding				: 2px 2px 2px 25px;
}

#menuLateral a:hover {
	background-color	: #81b101;
	text-decoration		: none;
}

#menuLateral li.selected{
	background-color	: #9acb19;
	background			: url(../img/back_menu_selected.png) left top repeat-y #9acb19;
}

#menuLateral li.selected li{
	background-image	: none;
}

a#bannerReservas, a#bannerInfo {
	display				: block;
	height				: 98px;
	position			: relative;
	color				: #FFF;
	margin				: 10px 0 20px 15px;
}

a#bannerReservas strong, a#bannerInfo strong {
	display				: block;
	top					: 72px;
	left				: 20px;
	position			: absolute;
}

a#bannerReservas:hover, a#bannerInfo:hover {
	color				: #bfec48;
	background			: none;
}

/*---------------------------------------------
//  Cabe
//---------------------------------------------
*/

#idiomes {
	text-align			: right;
	padding				: 4px 0 6px 0;
	font-size			: 11px;
	line-height			: 11px;
}

#idiomes a {
	color				: #FFF;
	padding				: 0 0 0 15px;
}

#idiomes img {
	padding				: 3px;
	vertical-align		: middle;
}

#logoTipo {
	padding				: 15px 0 15px 0;	
}

#cabeFlash {
	background			: url(../img/cabe_temp.jpg) left top no-repeat;
	height				: 250px;
	border				: 1px solid #337344;
	width				: 733px;
	overflow			: hidden;
}



/*---------------------------------------------
//  Pagina
//---------------------------------------------
*/

#pagina {
	background			: #FFF;
	min-height			: 400px;
	border-left			: 1px solid #337344;
	border-right		: 1px solid #337344;
	border-bottom		: 10px solid #337344;
	padding				: 30px 50px 50px 50px;
}


#titPagina h1 {
	font				: normal bold 40px "Arial Narrow", Helvetica, sans-serif;
	color				: #75b0fe;
	padding				: 0 0 10px 0;
}


.imgTop {
	float				: right;
	margin				: 0 0 10px 15px;
}

.imgTop img{
	padding				: 2px;
	border				: 1px solid #c7c7c7;
	max-width			: 350px;
}

.imgBottom {
	text-align			: center;
}

.imgBottom img{
	max-width			: 600px;
}

.apartamentos th[scope=col]{
	font-weight			: bold;
	border-bottom		: 2px solid #337344;
	padding				: 5px 0 2px 4px;

}

.apartamentos th[scope=row]{
	font-weight			: bold;
	border-bottom		: 1px solid #337344;
	padding				: 5px 0 2px 4px;

}

.apartamentos td{
	padding				: 5px 0 2px 4px;
	border-bottom		: 1px solid #337344;
}

.llistat{
	padding				: 0 0 15px 0;
	border-bottom		: 2px solid #337344;
	margin				: 0 0 15px 0;
	overflow			: hidden;
	width				: 100%; /* per ie &*/
}

.llistat h2 {
	font				: normal bold 20px "Arial Narrow", Helvetica, sans-serif;
	padding				: 5px 0 10px 0;
}

.llistatTop {
	float				: right;	
}

.llistatTop img {
	max-width			: 250px;
	padding				: 2px;
	border				: 1px solid red;
	margin				: 0 0 5px 15px;
	border				: 1px solid #c7c7c7;
}

.llistatBottom {
	text-align			: center;
}

a.linkReserves{
	display				: inline-block;
	border				: 2px solid #337344;
	font				: normal bold 18px/22px "Arial Narrow", Helvetica, sans-serif;
	padding				: 5px 25px 7px 25px;
	margin				: 10px 20px 0 0;
	color				: #FFF;
	text-decoration		: none;
	background			: #8abe01;
}


a.linkReserves:hover {
	background			: red;
	text-decoration		: none;
	background			: #aed34f;
}

/*---------------------------------------------
//  Peu
//---------------------------------------------
*/


#peu address{
	color				: #FFF;
	text-align			: center;
}