/*************************************** Estructura General *************************/
body{
	background-color:#e6e3dc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1c1c1c;
	text-align:justify;
}

em {
	font-style:italic;
}

/* necessito donar un position relative (o absolute) per tal de fer funcionar els z-index i que els menús desplegables em surtin per sobre de la resta de capes en IE 6 i IE 7*/
#capsalera {
	position: relative;
	z-index:5;
}

#container_central {
	width:960px;
	position:relative;
	left:50%;
	margin-left:-480px;
	min-height:300px;
	padding-bottom:15px;
	margin-top:50px;
}

#container_central_intern {
	/*width:884px;
	margin-left:39px;*/
}

#neteja_floats {
	clear:both;
	height:1px; /*si no, al IE8 no ho fa bé*/
}

ul#llista_general {
	margin-bottom:20px;
	list-style:none; /* per evitar l'estil per defecte de més avall*/ 
}
	ul#llista_general li{
		margin-top:2px;
		padding-left:18px;
		background-image:url(../img/llista_icono_logo.png);
		background-position:bottom left;
		background-repeat:no-repeat;
	}
	
ul#llista_fletxes_exclusivos, ul#llista_fletxes_aventura, ul#llista_fletxes_destino_esp {
	list-style:none; /* per evitar l'estil per defecte de més avall*/ 
}
	ul#llista_fletxes_exclusivos li, ul#llista_fletxes_aventura li, ul#llista_fletxes_destino_esp li{
		min-height:23px;
		margin-top:5px;
		padding:4px 0 5px 26px;
		background-image:url(../img/icona_link_taronja.jpg);
		background-position:top left;
		background-repeat:no-repeat;
	}
	ul#llista_fletxes_aventura li{
		background-image:url(../img/icona_link_gris.jpg);
	}
	ul#llista_fletxes_destino_esp li{
		background-image:url(../img/icona_link_blau.jpg);
	}

.requadre_informacio {
	padding:10px;
	background-color:#f7f7f7;
	border:1px solid #ffaa60;
}

ul {
	list-style:square inside;
}
li {
	display:list-item;
}

hr {
	margin:5px 0;
	height: 1px;
	border: none;
	background-color: #c5c4c4;	
}

/**************************** portada ******************************/
#portada_viatge_gran {
	float:left;
	width:663px;
	background-image:url(../img/fons_portada_fotos.jpg);
	background-position:center;
}

#portada_modul_1_3 { /*hotels, destins i fotògrafs */
	float:left;
	width:201px;
	margin:18px 15px 0 0;
	text-align:left;
}
	#portada_modul_1_3 img{
		margin-bottom:12px;
	}
	.text_tipus_viatges {
		min-height:340px;
	}
	
#caixa_links{
	width:201px;
	min-height:85px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-top: 15px;
	font-size:11px;
	padding:5px 0;
}
	
#calendari{
	float: right;
	width:296px;
	height:288px;
	background-image: url(../img/calendari.jpg);
}
	#titol_calendari{
		margin:15px 0 0 0;
		color:#fff;
		font-size:16px;
		width:100%;
		height:30px;
		text-align:center;
	}
	#container_mes_calendari {
		margin:5px 0 0 11px;
	}
	#mes{
		background-image: url(../img/fons_mes_calendari.jpg);
		background-repeat:no-repeat;
		width:69px;
		height:56px;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#fff;
		text-align:center;
	}
	#mes_titol {
		padding-top:5px;
	}
	#mes_foto {
		margin-top:1px;
	}
	a.link_calendari{
		text-decoration: none;
	}
	a.link_calendari:link 		{color:#fff}
	a.link_calendari:visited	{color:#fff}
	a.link_calendari:hover		{color:#fe7600}
	a.link_calendari:active		{color:#fe7600}

.box_titols { /* per ex. el títol del box noticies */
	width:100%;
	text-align:left;
	font-size:14px;
	border-bottom:1px solid #333;
}

/* ***************************** COS *************************************************************/
#container_continguts {
	width:100%;
}
	#container_continguts h1 {
		padding:4px 0 5px 15px;
		height:15px;
		color:#FFF;
		background-color:#000;
		margin-bottom:10px;
		font-size:14px;
	}
	#container_continguts div#txt {
		margin-top:15px;
		padding:15px;
		background-color:#FFF;
	}

#esquerra_general {
	float:left;
	width:635px;
}
	
#dreta_general {
	float:right;
	width:265px;
	padding:0 0 0 15px;
	background-image:url(../img/fons_moduls_dreta.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
	#partners{
		width:265px;
		border-top: 1px solid #CCC;
		font-size:11px;
		margin-top: 15px;
		padding-top: 7px;
		color: #848484;
	}

.titols_principals {
	font-size:20px;
	margin:10px 0 20px 0;
	background-image:url(../img/icono_titols_principals.gif);
	background-repeat:no-repeat;
	border-bottom:1px dotted #999;
	padding-left:40px;
}

.titols_subratllats {
	border-bottom:1px dotted #666;
	margin-bottom:15px;
}

.titol_tipus_viatge_exclusivos, .titol_tipus_viatge_aventura, .titol_tipus_viatge_destino_esp, .titol_tipus_viatge_exclusivos_gran, .titol_tipus_viatge_aventura_gran, .titol_tipus_viatge_destino_esp_gran {
	background-image:url(../img/fons_titol_exclusivos.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:36px;
	margin-bottom:15px;
	padding-top:6px;
	text-align:center;
	font-size:17px;
	color:#fff;
}
	.titol_tipus_viatge_exclusivos:hover, .titol_tipus_viatge_aventura:hover, .titol_tipus_viatge_destino_esp:hover {
		background-image:url(../img/fons_titol_exclusivos.jpg);
		background-position:0px -42px;
	}
	
	.titol_tipus_viatge_aventura {
		background-image:url(../img/fons_titol_aventura.jpg);
	}
	.titol_tipus_viatge_destino_esp {
		background-image:url(../img/fons_titol_destino_esp.jpg);
	}
	.titol_tipus_viatge_exclusivos_gran {
		width:295px;
		background-image:url(../img/fons_titol_exclusivos_gran.jpg);
	}
	.titol_tipus_viatge_aventura_gran {
		width:295px;
		background-image:url(../img/fons_titol_aventura_gran.jpg);
	}
	.titol_tipus_viatge_destino_esp_gran {
		width:295px;
		background-image:url(../img/fons_titol_destino_esp_gran.jpg);
	}

#barra_nav_continguts_esquerra {
	float:left;
	width:145px;
	margin:58px 0 0 -15px;
	text-align:left;
}
	#barra_nav_continguts_esquerra div {
		padding:12px;
		height:25px;
		vertical-align:middle;
		background-image:url(../img/fons_boto_barranav_esq.jpg);
		color:#FFF;
		border-bottom:1px solid #999;
	}
	#barra_nav_continguts_esquerra div:hover {
		background-image:url(../img/fons_boto_barranav_esq_hover.jpg);
		cursor:pointer;
		border-left:4px solid #ff7600;
	}

#continguts_amb_barra_nav_esquerra {
	float:right;
	width:480px;
}

/**************** mòduls dreta *********************/
#modul_nostres_viatges {
	margin-top:5px;
}

#modul_banner_viatge {
	margin-top:5px;
}

#modul_nuestros_fotografos {
	margin-top:5px;
}

#cursos_fotografia {
	margin-top:5px;
}

/**************** cantos RODONS per les noticies *****************/
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px; padding:0;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:5px 0 0 0;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#f7f7f7; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2;}
.xb1 {margin:0 5px; background:#b2b2b2;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#f7f7f7; border:0 solid #b2b2b2; border-width:0 1px;}
/*************** final cantos RODONS ******************************/

#box_noticies {
	/*width:259px;
	border:3px solid #b2b2b2;
	background-color:#FFF;
	margin-top:15px;*/
}
	#box_noticies div#intern {
		padding:15px;
	}
	#box_noticies div#noticia {
		width:100%;
		margin-top:10px;
		padding-bottom:5px;
		border-bottom:1px dotted #c3c3c3;
		font-size:11px;
	}

#modul_xarxes_socials {
	width:265px;
	margin-top:15px;
	text-align:right;
}
	#modul_xarxes_socials img {
		margin-right:5px;
	}

/***************** fitxa viatges ********************/
#esquerra_foto_gran {
	float:left;
	width:650px;
}
	
#dreta_foto_gran {
	float:right;
	width:250px;
	height:300px;
	background-image:url(../img/fons_resum_fitxa_viatges.jpg);
	padding:15px;
	color:#FFF;
}

h2 {
	font-size:18px;
	text-align:left;
}

.titols_amb_iconos {
	background-image:url(../img/fons_iconos.gif);
	background-repeat:repeat-x;
}
	#titols_esquerra {
		float:left;
		color:#FFF;
		padding:20px 0 0 5px;
	}
	#titols_dreta {
		float:right;
	}

.linea_separacio { /* per als botons del final de la part dreta */
	border-bottom:1px dotted #999;
	width:100%;
	margin:15px 0 15px 0;
}

/***************** fotògrafs, viatges, noticies ************************/
#llistats_container_fitxa {
	width:100%;
	margin-top:15px;
}

#llistats_foto_fitxa {
	float:left;
	width:150px;
}
	#llistats_foto_fitxa img {
		border:1px solid #999;
	}

#llistats_txt_fitxa {
	float:right;
	margin-left:15px;
	width:470px;
}

#container_noticies_esquerra {
	float:left;
}

#llistats_arxius_noticia {
	width:150px;
	margin-top:15px;
	text-align:right;
}

#viatges_esquerra, #viatges_mig, #viatges_dreta {
	float:left;
	width:295px;
	margin:0 20px 0 0;
}
	#container_viatge {
		min-height:340px;
	}

/****************************************** galeries *******************************/
#thumbs_individuals {
	/*display:table; (només per FireFox) així fem que actui com una taula i podem aprofitar la propietat vertical-align*/
	float:left;
	width: 170px;
	height: 170px;
	padding: 5px;
	margin-top:15px;
	margin-right:5px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	/*line-height:205px; /*(només per IE) amb aquesta linea fem que també funciona amb IE*/
}
	#thumbs_individuals div {
		display:table-cell; /*(només per FireFox) ja hem dit que actui com una taula, ara aquesta capa actua com una cel·la*/
		vertical-align:middle; /*(només per FireFox) ja li podem dir que faci el vertical-align com si fos una tuala*/
	}

/***************** botons ***************************/
.boto_reservar, .boto_reservar_2, .boto_preguntes {
	margin-top:12px;
	background-image:url(../img/fons_boto_reservar.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:36px; /*alçada de la img de fons 45px*/
	text-align:center;
	padding-top:2px;
	color:#4d4d4d;
	text-decoration:none;
	border:2px solid #4d4d4d;
	font-size:14px;
	font-weight:bold;
}
	.boto_reservar:hover, .boto_reservar_2:hover, .boto_preguntes:hover {
		color:#000;
		cursor:pointer;
		border:2px solid #000;
	}

.boto_reservar_2 {
	background-image:url(../img/fons_boto_reservar_2.jpg);
}

.boto_preguntes {
	background-image:url(../img/fons_boto_preguntes.jpg);
}

.botons_generics {
	margin-top:8px;
	background-image:url(../img/fons_boto_info.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:30px;
	text-align:center;
	padding-top:6px;
	color:#707070;
	text-decoration:none;
}
	.botons_generics:hover {
		background-image:url(../img/fons_boto_info_over.jpg);
		color:#fff;
		cursor:pointer;
	}

.boto_gran {
	display:block;
	width:250px;
	height:50px;
	text-indent:-9999px;
}
.boto_gran a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
}
	/*
	%%%%%%%%%%%%%%%% IMPORTANT %%%%%%%%%%%%%%%%
	 per poder variar la imatge en funció de l'idioma poso aquest troç de codi a cada pàgina on hi tinc aquests botons 
	 */
	/*.boto_gran a#inscripcio {
		background:transparent url(../img/boto_gran_inscripcio.png) no-repeat top left;	
	}
	.boto_gran a#programa {
		background:transparent url(../img/boto_gran_programa.png) no-repeat top left;	
	}
.boto_gran a#inscripcio:hover, a#programa:hover {
	background-position:0 -50px;
}*/

/***************** textes ***************************/
.proteccioDades {
	font-size:10px;
	color:#999999;
}

.color_taronja {
	color:#fe7600;
}

/***************** enllaços *************************/
a{
	text-decoration: none;
}
	a:link 		{color:#000}
	a:visited		{color:#000}
	a:hover		{color:#fe7600}
	a:active		{color:#fe7600}

a.links_info {
	text-decoration:none;
}

a.link_general{
	text-decoration: none;
}
	a.link_general:link 		{color:#000}
	a.link_general:visited		{color:#000}
	a.link_general:hover		{color:#fe7600}
	a.link_general:active		{color:#fe7600}

a.link_subratllat{
	text-decoration: underline;
}
	a.link_subratllat:link 		{color:#000}
	a.link_subratllat:visited	{color:#000}
	a.link_subratllat:hover		{color:#fe7600}
	a.link_subratllat:active	{color:#fe7600}

a.cluetip{
	text-decoration: none;
}
	a.cluetip:link 		{color:#fff}
	a.cluetip:visited	{color:#fff}
	a.cluetip:hover		{color:#fe7600}
	a.cluetip:active	{color:#fe7600}

a.link_idiomes {
	text-decoration: none;
}
	a.link_idiomes:link 	{color:#fff}
	a.link_idiomes:visited	{color:#fff}
	a.link_idiomes:hover	{color:#333}
	a.link_idiomes:active	{color:#333}

/************************** formulari i localització *******************************/
#container_formulari {
	/*float:left;
	width:400px;
	margin:15px 0 0 0;*/
}
	
	#containerFormulari p{
		line-height:normal;
		margin-bottom:10px;
		text-align:justify;
	}

.inputs{
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #333;
	width:388px;
	margin-bottom:5px;
}

.textArea{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	width:388px;
	height:80px;
	margin-bottom:3px;
}

.botons {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #676767;
	border: 1px solid #000000;
	width:150px;
}

	.botons:hover{
		color: #FFFFFF;
		cursor:pointer;
		background-color:#000;
	}

#resultat_form_error {
	width:368px;
	background-color:#fef5f4;
	border:1px solid #ff5e47;
	color:#e20025;
	padding:10px;
}

#resultat_form_ok {
	width:368px;
	background-color:#f8fff3;
	border:1px solid #58bb0f;
	color:#347305;
	padding:10px;
}