/*-------------------------------------------------
baseline
-------------------------------------------------*/

/*
html, body, #contents {
	width: 100%;
	text-align: center;  
	margin: 0 auto;
	padding: 0;
	font-family: verdana;	
}*/

/*html>body, html>body #contents {
	height: auto; 
}*/

#contents {
/*	position: absolute;
	top: 0;
	left: 0; 
	text-align: center;*/
}

#pre_peu {
	width: 100%;
	clear: both;
	min-height: 5px;
	/*background-color: Lime;*/
	margin-bottom: 50px;
	margin-top: 10px;
}


body {
	background: #fff url(/images/topbluefade.gif) repeat-x;	
	width: 100%;
	text-align: center;  
	padding: 0;
	font-family: verdana;	
	margin: 0 auto;
}

p, li {
	font-size: 12px;
	line-height: 1.4em;
	font-family: verdana;
	margin: 0 0 20px 0;
	font-weight: normal;
}

ul {
	margin: 10px 0;
	padding: 0 0 0 25px;
}

li {
	margin: 0;
}

h1 {
	font-size: 24px;
	margin: 0 0 4px 0;
	font-family: verdana;
	clear:right;
	width: 100%;
}
/*
h2 {
	font-family: verdana;
	line-height: 1.2em;
	font-size: 14px;
	margin: 0 0 3px 0;
	clear:right;
}*/

h2 {
	font-size: 22px;
	margin: 0 0 4px 0;
	font-family: verdana;
	clear:right;
	width: 100%;	
	margin-bottom: 20px;
}



h3 {
	margin: 0 0 2px 0;
	font-family: verdana;
	font-size: 16px;
	margin-bottom: 8px;
}

a {
	color: #3252b2;
}

a img {
	border: 0;
}

blockquote {
	line-height: 1.4em;
	font-family: georgia;
}

cite {
	font-family: verdana;
	font-size: 10px;
}

div.container {
	width: 750px;	
	text-align: center;	
	margin: 0 auto;
/*	background-color: Fuchsia;*/
	clear: both;
}

span.highlight {
	background-color: #ffc;
}

td, th {
	vertical-align: top;
	font-family: verdana;
}

div.colorless {
	background-color: transparent;
}

.red {
	color: red;
}

.green {
	color: green;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


DIV#titol h1 {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 32px;
	color: #0064C4;/*#7F0000;*/
}

DIV#titol h2 {
	font-size: 14px;
}


DIV#te_damos_frontal {
	float: right;
	width: 180px;
	/*border: 1px solid gray;*/
	margin: 0 auto;
   margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-top: 10px;
}

DIV#te_damos_frontal h2 {
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}


DIV#te_damos_frontal p {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}


/* comentaris de clients  */
DIV#comentari_frontal {
	float: right;
	width: 180px;
/*	border: 1px solid gray;*/
	margin: 0 auto;
   margin-top: 25px;
	margin-bottom: 0px;
	padding: 3px;
}

DIV#comentari_frontal cite {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;	
	margin-bottom: 4px;
}

DIV#comentari_frontal p.autor {
	font-family: Verdana;
	font-size: 9px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 2px;
}

IMG.frontal {
float: left;
margin-left: 0px;
/*text-align: center;*/
margin-bottom: 35px;
}

IMG.frontal2 {
float: right;
margin-top: 5px;
margin-right: 20px;
/*text-align: center;*/
}

/*-------------------------------------------------
header
-------------------------------------------------*/

div#header {
	height: 20px;
	margin: 15px auto;
	width: 750px; /*750px;*/
	text-align: right;
	margin-bottom: 5px;
	padding-left: 5px;
}

div#header p {
	padding-top: 2px;
	font-size: 11px;
	font-family: verdana;
	text-align: left;
}

div#header img.logo {
	float: right;
	padding-top: 2px;
	margin-top: 0px;
	margin-right: 18px;
}

div#header a img {
	border: 0;
}

/*-------------------------------------------------
footer
-------------------------------------------------*/

div#footer {
  /* position: absolute;*/
	bottom: 0;
	width: 100%;		
	text-align: center;
	background-color: #000;
	font-family: verdana;
	color: #999;
	padding: 15px 0;
	font-size: 10px;
	line-height: 1.4em;
	margin-top: 20px;	
	clear: both;
}


div#footer a {
	/*color: #fff;*/
	color: #999;
	text-decoration: none;
}

div#footer a: hover {
	/*color: #fff;*/
	text-decoration: underline;
}


/*-------------------------------------------------
top
-------------------------------------------------*/

div.band {
	padding: 10px 0;
	text-align: center;
	margin-top: 0px;
	
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 30px;
	
	/*background-color: #fff9d8;*/
/*	background-color: #d0eaf1;
	background-color: white;
	border-top: 1px solid #ffe8cd;
	border-bottom: 1px solid #ffe8cd;	
*/
		
	/*background-color: #F0E68C;
	border-top: 1px solid #CC9933;
	border-bottom: 1px solid #CC9933;
	background: #fff url(/images/deg_banda.png) repeat-x; 
	height: 421px; */
}

div.band h1 {
	float: left;
	width: 100%;
	font-size:35px;	
	margin-bottom: 5px;
	margin-top: 5px;
}

div.band h2 {
	width: 100%;
	font-size:22px;
	margin-bottom: 14px;
}

div.band h3 {
	width: 65%;
	font-size:14px;
background-color: #9ACD32;
	margin: auto;
	padding: 3px;
}


div.band div.te_damos {
	text-align: center;
/*	border: solid 2px gray;*/
	width: 80%;	
	margin: 0 auto;
	margin-top: 40px;	
	padding: 20px;
	background-color: #ffcc99; /*#FFE640;*/
}

div.band div.te_damos p.pre_texto {
	width: 100%;
	text-align: center;
	font-weight: bold;	
	font-size: 16px;
	margin-bottom: 10px;
}

div.band div.te_damos div.descargate {
	width: 100%;
	font-size: 9px;
	text-align: center;
	margin-top: 10px;
}

div.band h2 a {
	font-size: 10px;
	text-decoration: underline;
	font-weight: normal;
}



/*-------------------------------------------------
content
-------------------------------------------------*/

div.content {
	margin: 40px auto;
	width: 750px;
	min-height: 300px;

}

div.wide {
	width: 750px;
}

div.wide div.left, div.wide div.right {
	width: 350px;
}

body.home div.content h2 {
	text-transform: uppercase;
	font-family: Verdana;
	font-size: 16px;
	text-align: left;
	margin-bottom: 5px;
}

body.home div.content p, div.letter p {
	font-family: georgia;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0pt 0pt 20px;	
	text-align: left;
	min-height: 80px;
}

div.left, div.right, div.center {
	width: 325px;
	margin-bottom: 25px;
}

div.left {
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	width: 260px;
}

div.right {
	float: left;
	padding-left: 10px;
	padding-right: 5px;
	width: 260px;
}


div.barra_ofertes {
	float: right;
	width: 180px;
	/*background-color: white;	*/
	background: url(/images/fondo_ofertes.png) repeat-x;
	
}

div.barra_ofertes h3 {
	background-color: gray;
	color: white;
	font-family: Verdana;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4em;
	margin: 0pt 0pt 5px;	
	text-align: center;
	/*min-height: 80px;	*/
	padding-left: 5px;
	padding-top: 5px;
	text-transform: none;
	background: url(/images/cap_ofertes.png) repeat-x;
}

div.barra_ofertes h5 {
	margin-top: -5px;
	font-family: Verdana;	
	font-size: 10px;
	font-weight: normal;
	width: 90%;
}

div.barra_ofertes img {
	margin-top: 15px;
/*	margin-left: 45px;*/
}

div.center {
	border-top: 1px solid #dbc0ae;
	border-bottom: 1px solid #dbc0ae;
	padding: 20px 20px 0 20px;
	clear: both;
	margin: 0 auto;
	width: 425px;
}




/*-------------------------------------------------
legal
-------------------------------------------------*/
IMG.front_image {
margin-left: 0px;	
margin-top: 0px;
float: left;
}

/**
*   contacto
**/
A.contacto {
	font-size: 12px;
}


/**
* ciutats de destinació 
**/

DIV#destinacions {
	width: 753px;
	/*margin: 0 auto;*/
	text-align: center;
	margin-top: 35px; 
	/*border: 1px solid #ADD8E6;*/
	padding: 0px; /* 10 */
	padding-left: 0px; /* 20 */		
	margin-bottom: 10px;		
	padding-bottom: 25px;
	background: #fff url(/images/top_divisio2.gif) no-repeat;
	min-height: 215px;		
}

DIV#destinacions h2 {
	font-weight: bold;	
	padding-top: 15px;
	margin-top: 5px;
	padding-left: 34px;
	margin-bottom: 22px;
	text-align: left;
	width: 720px;
	float: left;
	/*border: 1px solid green;*/
}

DIV#destinacions DIV.ciutat {	
	float: left;
	text-align: center;
/*	border: 1px solid yellow; */
	width: 180px;
/*	margin-top: 10px;*/
	margin-bottom: 10px;
	margin-left: 5px;
}

DIV#destinacions SPAN.en_preparacio {
	vertical-align: sup;
	color: Gray;
	font-size: smaller;	
	font-size: 12px;
}

DIV#destinacions DIV.leyenda_preparacio {
	clear: both;	
	font-size: 9px;
	text-align: left;
	color: gray;
	width: 100%;
	margin-top: 0px;
}

DIV#destinacions DIV.cont_img {
	width: 100%;
	clear: both;
	min-height: 88px;
	text-align: center;
	margin: 0 auto;
}

DIV#destinacions DIV.cont_desc_citutat {
	width: 100%;	
}


DIV#destinacions IMG {
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid gray;
	border-top: 1px solid gray;
	clear: both;
	margin-bottom: 3px;
	margin-top: 0px;
	margin-left: 0px;
}


DIV#destinacions DIV.ciutat A {	
	width: 160 px;
	margin-top: 0px;	
	font-size: 14px;
}

DIV#destinacions P {
	float: left;
	/*border: 1px solid red;*/
	width: 160px;  /* 120 */
	margin-top: 0px;	
	font-size: 14px;
	width: 100%;
}

/**
* a la banda de dalt, contenidor de l'imatge 
*/
DIV#concepto_img {
	width: 340px;
	float: left;	
	text-align: right;
/*	border: 1px green solid;		*/
	padding-top:0px;
/*	padding-top:16px;  */
/*	visibility: hidden;*/
}


DIV#concepto_texto {
	width: 400px;
	float: right;
	text-align: center;	
/*	border: 1px yellow solid;	*/
}



/**
* arguments de venta
**/

DIV#arguments {
	margin-top: 25px;
/*	border: 1px solid #ADD8E6;*/
	width: 100%;
	text-align: center;
	padding: 10px;
	padding-left: 20px;		
	margin-bottom: 15px;
/*	background: #fff url(/images/topbluefade.gif) repeat-x;	*/
	background: #fff url(/images/top_divisio.gif) no-repeat;
	min-height: 320px;
	clear: both;
}

DIV#arguments h2 {
	font-weight: bold;
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
	font-size: 16px;
	margin-bottom: -5px;
}

DIV#arguments DIV.argument {
	width: 310px;
	float: left;
	text-align: left;
	margin-top: 20px;
	padding-right: 45px;
	padding-left: 20px;
/*	border: 1px solid #ffcc99;*/
	margin-right: 3px;
	min-height: 140px;
}

DIV#arguments DIV.argument h2 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 16px;
}

DIV#arguments DIV.argument p {
	font-family: Georgia;	
	font-size: 16px;
}

/**
* paràgaf de text a pàgina
*/
DIV.paragraf {
	width: 80%;
	text-align: left;
}