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

html, body {
	background		: #ffbc1c;
}




#contenidor {
	width			: 930px;
	padding			: 0 10px;
	margin			: 0 auto 0 auto;
	overflow		: hidden;
	background		: url(../img/back_body.png) left top repeat-y;
}

#cabe {
	width			: 910px;
}


#grupPag {
	background		: url(../img/back_grup_pagina.png) left top repeat-y #1e1e1e;
	width			: 910px;
	overflow		: hidden;
}

/*---------------------------------------------
//  cabecera
//---------------------------------------------
*/
#grupCabe{
	height			: 400px;
	position		: relative;
	overflow		: hidden;
	background		: url(../img/back_cabe_default.jpg) left top no-repeat;
	border-bottom	: 1px solid #e2e1e1;
}

#grupIdiomes{
	background		: url(../img/back_logo_valldaro.png) 282px top no-repeat;
	padding			: 0 628px 0 0;
	behavior		: url(css/iepngfix.htc); /* per ie&*/
	border-bottom	: 1px solid #e2e1e1;
}

#idiomes {
	background		: #481a16;
	border			: 1px solid #3b1716;
	padding			: 4px 5px 3px 25px;
}

#idiomes a img {
	border			: 1px solid #FFF;
	margin			: 0 12px 0 0;

}

#idiomes a.selected {
	cursor			: text;
}

#idiomes a.selected img{
	
}

#botones{
	background		: #e00a00;
	border			: 1px solid #bb0500;
}


#botones a{
	display			: block;
 	font			: normal bold 20px "Arial Narrow", Arial, Helvetica, sans-serif;
	padding			: 6px 5px 10px 45px;
	text-transform	: uppercase;
	color			: #FFF;
	border-top		: 1px solid #ff402a;
	border-bottom	: 1px solid #bb0500;
}


.menuReserva {
	background		: url(../img/ico_reserva.png) 4px 50% no-repeat;
}

.menuInfo {
	background		: url(../img/ico_info.png) 4px 50% no-repeat;
}

#cabe h1 {
 	font			: normal bold 40px "Trebuchet MS", Trebuchet, times, serif;
	color			: #fff;
	text-transform	: uppercase;
	position		: absolute;
	bottom			: 25px;
	left			: 48px;
}


/*---------------------------------------------
//  menu Lateral
//---------------------------------------------
*/

#menuLateral{
	font-size		: 12px;
	width			: 282px;
	margin			: 0 0 0 0;
	float			: left;
	height			: 100%; /* per ie*/
}

#menu a {
	color			: #afafaf;
}


#menu li a strong {
	color			: #1e1e1e;
}

#menu li strong{
 	font			: normal bold 20px "Arial Narrow", Arial, Helvetica, sans-serif;
	display			: block;
}

#menu li.selected a strong {
	color			: #bb0500;
}
#menu li {
	border-bottom	: 1px dotted #afafaf;
	padding			: 8px 0 10px 48px;
}

#menu li.selected  {
	background		: url(../img/back_menu_selected.png) left 8px no-repeat;
}

#menu li li {
	border-bottom	: none;
	padding			: 0 0 0 10px;
}

#menu li.selected li {
	background		: none;
}

#menu li.selected li.selected a  {
	color			: #bb0500;
}
/* estils especials per ofertes, erserves i info */

#menu #menu27 a strong{
	color			: #126100;
}

#menu #menu25 a strong{
	color			: #e5a60f;
}

#menu #menu26 a strong{
	color			: #038cff;
}

/* *ofertes i novetats no monstren submenu */
#menu li#menu27.selected li,
#menu li#menu30.selected li{
	display			: none;
}


.banners{
	text-align		: center;
	padding			: 20px 0 20px 0;
}
/*---------------------------------------------
//  pagina
//---------------------------------------------
*/

#pagina{
	margin			: 0 0 0 287px;
	/*overflow		: hidden; no funciona en chrome*/
	padding			: 25px 20px 20px 20px;
	color			: #FFF;
	height			: 100%;	/* per ie*/
}


#pagina.tour {
	padding			: 25px 5px 20px 5px;
}



#titPagina {
	border-bottom	: 1px solid #878686;
}


#titPagina h1, .ofertes h2{
	color			: #e5a60f;
	font			: normal bold 30px  "Trebuchet MS", Trebuchet, Times, serif;
	padding			: 0 0  15px 0;
	letter-spacing	: 2px;
}



.imgBottom {
	max-width		: 580px;
	overflow		: hidden;
	text-align		: center;
	padding			: 10px 0 10px 0;
}

.imgTop{
	float			: right;
	max-width		: 580px;
	overflow		: hidden;
	margin			: 0 0 20px 25px;
}

.imgTop img, .imgBottom img{
	border			: 3px solid #868686;
}

#textePagina{
	width			: 580px;
	overflow		: hidden;
	padding			: 16px 0 0 0;
}

#pagina.tour #textePagina {
	width			: 600px;
}

#textePagina embed{
	float			: right;
	margin			: 0 0 0 20px;
}

#textePagina h2	{
	color			: #ba122b;
	text-transform	: uppercase;
	font-weight		: bold;
}

#textePagina ul{
	margin			: 10px 10px 20px 10px;
}

#textePagina li{
	padding			: 2px 0 5px 20px;
	background		: url(../img/ico_texto_li.png) no-repeat left 5px;
}

#textePagina p{
	margin			: 0 0 20px 0;
}

#textePagina p strong {
	color			: #e5a60f;
}

#textePagina h1{}

#textePagina h3{
	font-weight		: bold;
	text-transform	: uppercase;
	color			: #e5a60f;
}

#textePagina cite{
	background		: url(../img/back_cite.png) 0 0 no-repeat;
	padding			: 15px 15px 0 15px;
	margin			: 0 50px;
	font-size		: 11px;
	text-transform	: uppercase;
	display			: block;
	text-align		: right;
}

#textePagina cite em {
	font			: italic normal 16px Arial, Helvetica, sans-serif;
	display			: block;
	text-transform	: none;
	text-align		: left;
}

.direccio{
	background		: url(../img/back_img_top.png) center bottom no-repeat #FFF;
	text-align		: center;
	padding			: 10px 0 42px 0;
}

blockquote{
	font			: italic bold 16px Arial, Helvetica, sans-serif;
}

.aloja {
	clear			: both;
	margin			: 10px 0 0 10px;
	padding			: 10px 0 0 10px;
	border-top		: 1px solid #878686;
}

.aloja a, .aloja a:link, .aloja a:active, .aloja a:visited {
	display			: inline-block;
	background		: #e5a60f;
	color			: #000;
	padding			: 4px 10px 5px 10px;
	margin			: 0 0 5px 5px;
	border			: 1px solid #bd8704;
	font			: normal bold 14px "Trebuchet MS", Trebuchet, Times, serif;
}

.aloja a:hover{
	border			: 1px solid #bb0500;
	background		: #e00a00;
	text-decoration	: none;
}

.texteNadal{
	background		: url(../img/back_darona.png) right top no-repeat;
	padding			: 40px 325px 0 20px;
	margin			: 0;
}

.videoNadal {
	text-align		: center;
	float			: none;
	padding			: 20px;
}

.videoNadal object,  .videoNadal embed {
	text-align		: center;
	margin			: 0 0 20px 0;
}

#condicions {
	font			: normal normal 11px/12px Arial;
	border			: 1px solid #FFF;
	padding			: 10px;
	margin			: 20px 0 0 0;
}

#condicions h2 {
	font			: normal bold 14px/18px Arial;
	color			: #e5a60f;
	padding			: 0 0 10px 0;
}

/*---------------------------------------------
//  formularis
//---------------------------------------------
*/

.googleForm{
	border 			: 10px solid #FFF;
	background		: #FFF;
}

form .text1 {
	padding			: 5px;	
}

form .titol3 {
	color			: red;
	font-weight		: bold;
}

/*---------------------------------------------
//  ofertes i enllacos
//---------------------------------------------
*/


.enllac h3{
	color			: #e5a60f;
	font			: normal bold 14px  "Trebuchet MS", Trebuchet, Times, serif;
	padding			: 0 0 5px 0;
}

.grupEnllac h4{
	color			: #FFF;
	font			: normal bold 20px  "Trebuchet MS", Trebuchet, Times, serif;
}

.ofertes {
	padding			: 0 0 20px 0;
	border-bottom	: 1px solid #ba122b;
	width			: 560px;
	overflow		: hidden;
	margin			: 0 0 20px 0;
}

.ofertes img {
	float			: right;
	border			: 3px solid #868686;
	margin			: 20px 0 10px 20px;
	max-width		: 250px;
}

.ofertes .tarifes img {
	float			: none;
	border			: none;
	margin			: none;
	max-width		: none;
	vertical-align	: middle;
}

#textePagina .ofertes h2{
	text-transform	: none;
	font-size		: 20px;
	padding			: 0 0 0 0;
	letter-spacing	: 1px;
}


.grupEnllac {
	width			:260px;
	float			: left;
	border-bottom	: 1px solid #878686;
	margin			: 0 20px 20px 0;
}


.enllac a, .enllac a:link, .enllac a:active, .enllac a:hover, .enllac a:visited{
	color			: #ba122b;
}



/*---------------------------------------------
//  embeds
//---------------------------------------------
*/


iframe{
	margin			: 0 0 20px 0;
	overflow		: hidden;
	text-align		: center;
}

embed{

}


/*---------------------------------------------
//  tarifes
//---------------------------------------------
*/

.grupCalendaris{
	width			: 500px;
	margin			: 0 auto;
}

.calendari td{
	padding			: 1px 2px;
	text-align		: right;
	font-size		: 11px;
}

.titMes{
	text-align		: center;
	text-transform	: uppercase;
	
}

.titDia{
	text-align		: center;
	font-weight		: bold;
}


.t1{
	background		: #ffff99;
	color			: #000;
}

th.t1{
	color			: #ffff99;
	background		: none;
	border-top		: 1px solid #ffff99;
}

.t2{
	background		: #ffcc00;
}

th.t2{
	color			: #ffcc00;
	background		: none;
	border-top		: 1px solid #ffcc00;
}

.t3{
	background		: #1270cd;
}

th.t3{
	color			: #1270cd;
	background		: none;
	border-top		: 1px solid #1270cd;
}

.t4{
	background		: #cc0000;
}

th.t4{
	color			: #cc0000;
	background		: none;
	border-top		: 1px solid #cc0000;
}

.t5{
	background		: #ffdd77;
	color			: #000;
}

th.t5{
	color			: #ffdd77;
	background		: none;
	border-top		: 1px solid #ffdd77;
}

.t6{
	background		: #990066;
}

th.t6{
	color			: #990066;
	background		: none;
	border-top		: 1px solid #990066;
}

.t7{
	background		: #33cc66;
	
}

.t8{
	background		: #3366cc;
	color			: #FFF;
}

.t9{
	background		: #66cc99;
}


.tarifes td{
	padding			: 2px;
	border-bottom	: 1px solid #000;
}
.tarifes td.t1, .tarifes td.t2, .tarifes td.t3, .tarifes td.t4, .tarifes td.t5, .tarifes td.t6 {
	text-align		: right;
	font-size		: 14px;
	padding			: 0 15px 0 0;
}
.tarifes th{
	font-weight		: bold;
	font-size		: 12px;
	line-height		: 11px;
	padding			: 4px;
	vertical-align: middle;
}


.tarifes p{
	font-size		: 11px;
	line-height		: 13px;
}

.tarifes .subcabe{
	padding			: 20px 5px 0 5px;
	background		: #292929;
	text-align		: center;
}

#form1 .text1{
	padding			: 5px;
}

#form1 .titol3{
	color			: red;
}


/*---------------------------------------------
//  peu
//---------------------------------------------
*/
#peu {
	width			: 910px;
}

#peu address{
	font-size		: 12px;
	clear			: both;
	padding			: 10px 0 15px 10px;
	color			: #FFF;
	background		: #e00a00;
	border			: 1px solid #bb0500;
	text-align		: center;
}


#peu a{
	color			: #FFF;
	text-decoration	: underline;
}

#menuInferior{
	padding			: 8px 2px;
	background		: #481a16;
	border-bottom	: 1px solid #3b1716;
	border-top		: 1px solid #3b1716;
	text-align		: center;
}

#menuInferior a, #menuInferior a:link, #menuInferior a:active, #menuInferior a:visited{
	text-decoration	: none;
	padding			: 2px 7px 1px 7px;
	display			: inline-block;
	border-left		: 1px solid #FFF;
}

#menuInferior a:first-child {
	border			: none;	
}

#menuInferior a:hover {
	background		: #6d4845;
	text-decoration	: none;
}

#oferta{
	background-color: #FFBC1C;
	padding: 5px;
	color: #F00;
	text-align: center;
}