@charset "utf-8";
/* CSS Document */

body {
	margin: 0 0 0 0;
	background-image:url(images/fondo_all.jpg);
	background-repeat: repeat-x;
	background-color: #6b481c;
	font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

a{
	text-decoration: none;
	color: #666;
}

#contenedor{
 width:980px;
 margin: 0px auto;
 background-image:url(images/fondo_ppal.png); 
}

#contenedor2{
 width:980px;
 margin: 0px auto;
 background-image:url(images/fondo_ppal_2.png); 
}

#cabecera {
	position:relative;
	background-image:url(images/banner.png); 
	width: 980px;
	height: 258px;
}

#cabecera .cabeceratxt{
	text-decoration: none;
	color: #000;
	padding-left: 50px;
}

#cabecera .cabeceratxt a{
	text-decoration:none;
	color: #03C;
}

#cabecera2{
	position:relative;
	background-image:url(images/banner2.png); 
	width: 980px;
	height: 258px;
}

#cabecera2 .cabeceratxt{
	text-decoration: none;
	color: #000;
	padding-left: 50px;
}

#cabecera2 .cabeceratxt a{
	text-decoration:none;
	color: #03C;
}

#izquierda {
	 float:left;
	 position:relative;
	 width:160px;
	 padding: 0px 0px 0px 20px;
}

#menu{
	width: 158px;
	background-color: #eee;
	padding: 40px 20px 40px 20px;
}

#dentro {
	float:left;
	position:relative;
	width: 750px;
	padding: 0;
	margin: 0;
}

#centro {
	float:left;
	position:relative;
	width:255px;
	padding: 0;
	margin: 0;
}

#derecha {
	float:left;
	position:relative;
	width:545px;
}

#pie1{
	clear:both;
	width:100%;
	height:81px;
	background-image:url(Images/fondo_ppal.png);
	color: #ffffff;
	text-align:center; 
	padding-top: 20px;
}

#pie2{
	clear:both;
	width:100%;
	height:159px;
	background-image:url(Images/footer.png);
	background-repeat:no-repeat;
	color: #ffffff;
	text-align:center; 
	font-size: 0.85em;
}

#pie22{
	clear:both;
	width:100%;
	height:159px;
	background-image:url(Images/footer2.png);
	background-repeat:no-repeat;
	color: #ffffff;
	text-align:center;
	font-size: 0.85em;
}

.abco{
	color: #FFFFFF;
	text-decoration: underline;
}

/******************************************************/


#dentro2{
	padding: 0px 20px 0px 50px;
}

#dentro2 .col{
	min-height: 300px;
	float: left; 
	width: 155px;
	/*border-right: 1px solid #cccccc;*/
	padding: 5px 5px 5px 5px;
	line-height: 20px;
}

#dentro2 .col2{
	float: left; 
	width: 155px;
	padding: 5px;
	line-height: 20px;
}

#dentro2 h2{
	color: #6b481c;
	border-bottom: 2px solid #6b481c;
	font-size: 1.6em;
}

#dentro2 h3{
	color: #000000;
	font-size: 1.6em;
	height: 30px;
	background-image:url(Images/logo_mini.jpg);
	background-repeat:no-repeat;
	padding-left: 40px;
	padding-top: 5px;
}

#dentro2 a{
	text-decoration: none;
	color: #000000;
}

#dentro2 a:hover{
	text-decoration: underline;
	color: #000000;
}

/******************************************************/


#dentrotxt{
	padding: 0px 20px 20px 60px;
	text-align:justify;
}

#dentrotxt table{
	color: #333333;
	font-size: 1em;
}

#dentrotxt h2{
	color: #6b481c;
	border-bottom: 2px solid #6b481c;
	font-size: 1.6em;
}

#dentrotxt h3{
	color: #000000;
	font-size: 1.2em;
}

#dentrotxt .subtit{
	color: #6b481c;
	font-weight: bold;
}

#dentrotxt .bono{
	text-decoration: underline;
	color: #6b481c;
	font-weight:bold;
}

#dentrotxt .bono:hover{
	text-decoration: underline;
	color: #000000;
}

/************************/

#dentro .img{
	border: 1px solid #666666;
	margin: 0px 20px 5px 0px;
	padding: 2px;
}

#dentro .img2{
	border: 1px solid #666666;
	margin: 0px 20px 5px 0px;
	padding: 2px;
	width: 250px;
	height: 350px
}

#dentro .imgsin{
	margin: 0px 20px 5px 0px;
	padding: 2px;
}

#dentro .imgtxt{
	padding: 2px;
}

#dentrotxt a{
	text-decoration: none;
	color: #000000;
}

#dentrotxt a:hover{
	text-decoration: underline;
	color: #000000;
}

#dentrotxt li a{
	text-decoration: none;
	color: #000000;
}

#dentrotxt li a:hover{
	text-decoration: underline;
	color: #000000;
}


/******************************************************/

#noticias{
	width: 255px;
	text-align:left;
}

#noticias .top{
	/*background-image:url(Images/tit_calendario.jpg);
	background-repeat:no-repeat;*/
	height: 45px;
}

#noticias .bajo{
	background-image:url(Images/noticias_bajo.jpg);
	background-repeat:no-repeat;
	height: 63px;
	cursor:pointer;
}

#noticias .med{
	background-image:url(Images/noticias_med.jpg);
	padding: 0px 20px 0px 20px;
}

#noticias a{
	text-decoration: none;
	color: #666666;
}

#noticias a:hover{
	text-decoration: underline;
	color: #000000;
}

.imggal{
	border: 1px solid #666666;
}

#noticias .titulo{
	text-transform: uppercase;
	color: #000000;
	font-weight:bold;
}

.titnot{
	font-size: 1.4em;
	font-weight:bold;
}

.btvolver{
	padding: 5px 10px 5px 10px;
	background-color: #F6EBDE;
	border: 1px solid #E4C399;
}

/****************************************************************************************/

#botones{
	width: 158px;
	margin: 0 auto;
}

#botones .inicio{
	background-image:url(Images/inicio.png);
	background-repeat:no-repeat;
	height: 303px;
}

#botones .inicio:hover{
	background-image:url(Images/inicio_a.png);
	background-repeat:no-repeat;
	height: 30px;
	cursor:pointer;
}

#botones .aventura{
	background-image:url(Images/aventura.png);
	background-repeat:no-repeat;
	height: 30px;
}

#botones .aventura:hover{
	background-image:url(Images/aventura_a.png);
	background-repeat:no-repeat;
	height: 30px;
	cursor:pointer;
}

#botones .rocodromo{
	background-image:url(Images/rocodromo.png);
	background-repeat:no-repeat;
	height: 30px;
}

#botones .rocodromo:hover{
	background-image:url(Images/rocodromo_a.png);
	background-repeat:no-repeat;
	height: 30px;
	cursor:pointer;
}


#botones .outdoor{
	background-image:url(Images/outdoor.png);
	background-repeat:no-repeat;
	height: 31px;
}

#botones .outdoor:hover{
	background-image:url(Images/outdoor_a.png);
	background-repeat:no-repeat;
	height: 31px;
	cursor:pointer;
}

#botones .noticias{
	background-image:url(Images/noticias.png);
	background-repeat:no-repeat;
	height: 30px;
}

#botones .noticias:hover{
	background-image:url(Images/noticias_a.png);
	background-repeat:no-repeat;
	height: 30px;
	cursor:pointer;
}

#botones .otras{
	background-image:url(Images/otras.png);
	background-repeat:no-repeat;
	height: 30px;
}

#botones .otras:hover{
	background-image:url(Images/otras_a.png);
	background-repeat:no-repeat;
	height: 30px;
	cursor:pointer;
}


#botones .equipo{
	background-image:url(Images/equipo.png);
	background-repeat:no-repeat;
	height: 30px;
}

#botones .equipo:hover{
	background-image:url(Images/equipo_a.png);
	background-repeat:no-repeat;
	height: 30px;
	cursor:pointer;
}

#botones .contacto{
	background-image:url(Images/contacto.png);
	background-repeat:no-repeat;
	height: 30px;
}

#botones .contacto:hover{
	background-image:url(Images/contacto_a.png);
	background-repeat:no-repeat;
	height: 30px;
	cursor:pointer;
}


#botones .otro{
	background-image:url(Images/otro.png);
	background-repeat:no-repeat;
	width: 158px;
	height: 30px;
}

#botones .casa{
	background-image:url(Images/casa.png);
	background-repeat:no-repeat;
	width: 118px;
	height: 30px;
}


#botones .arriba{
	background-image:url(Images/arriba.png);
	background-repeat:no-repeat;
	width: 158px;
	height: 51px;
}

#botones .resto{
	background-image:url(Images/resto.jpg);
	background-repeat:no-repeat;
	width: 118px;
	height: 121px;
}

#botones .casa{
	background-image:url(img/logo_casa_tramuntana.png);
	background-repeat:no-repeat;
	width: 158px;
	height: 64px;
}

/*************************************************************/

#iportada{
	width: 545px;
	height: 415px;
	margin: 0 auto;

}

#iportada .bajo{
	clear:both;
	background-image:url(Images/portada_bajo.jpg);
	width: 545px;
	height: 44px;
}

#iportada .izq{
	float: left;
	background-image:url(Images/portada_izq.jpg);
	width: 32px;
	height: 371px;
}

#iportada .img{
	float: left;
	width: 483px;
	height: 371px;

}

#iportada .der{
	float: left;
	background-image:url(Images/portada_der.png);
	width: 30px;
	height: 371px;
}

#iportada .txt{
	background-color:#9f6512;
	width: 400px;
	margin-left: 50px;
	border: 1px solid #6b481c;
	padding: 30px 20px 30px 20px;
	text-align: justify;
	color: #ffffff;
}

#iportada a{
	color: #000000;
	text-decoration: none;
	font-weight:bold;
}

#iportada a:hover{
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
}


/*********************************/

.fadein { position:relative; height:520px; width:400px; }
.fadein img { position:absolute; left:0; top:0; }

/*************************************/

#aviso{
	background-color: #F6EBDE;
	padding: 5px 10px 5px 10px;
	margin: 20px 0 20px 0;
	border: 1px solid #E4C399;
}