/************************* ELEMENTOS ****************************/

body
{
	text-align: center;
	margin: 10px 10px 10px 10px;
	background-color: #D9E6E7;
	font-family: Arial, Helvetica, sans-serif;
	scrollbar-face-color: #D9E6E7;
    scrollbar-arrow-color: #006666;
    scrollbar-highlight-color: #D9E6E7;
    scrollbar-3dlight-color: #006666;
    scrollbar-shadow-color: #006666;
    scrollbar-darkshadow-color: #D9E6E7;
    scrollbar-track-color: #D9E6E7;
}


H1
{
	display: inline;
}

SELECT
{
	font-size: 8pt;
}

P, UL, LI
{
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}

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

/************************* ESTRUCTURA ***************************/

#centered
{
	margin: 0px auto;
	width: 980px;
}

#container 
{
	width: 980px;
	background-color: #fff;
	float: left;
}

#margin 
{
	width: 980px;
	padding-top: 13px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

#footer
{
	width: 980px;
	float: left;
	margin-top: 6px;
	margin-bottom: 3px;
	text-align: center;
}

#leftpanel
{
	float: left;
	width: 219px;
	margin-right: 6px;
}

#header
{
	float: left;
	width: 725px;
	height: 35px;
}

#content
{
	width: 725px;
	float: left;
}

#logo
{
	float: left;
	width: 219px;
	height: 85px;
	background-color: #fff;
}

#menu
{
	float: left;
	width: 219px;
	background-color: #006666;
	height: 264px;
}

#form
{
	margin-top: 6px;
	float: left;
	width: 219px;
	background-color: #D9E6E7;
	height: 170px;
}

#telf
{
	margin-top: 6px;
	float: left;
	vertical-align: text-bottom;
	width: 219px;
}

#formborder
{
	width: 219px;
	height: 170px;
	border: solid 1px #A8BCBA;	
}

#ajaxpanel
{
	background-color: #D9E6E7;
	width: 670px;
	height: 490px;
	position: absolute;
	margin-left: 25px;
	display: none;
	z-index: 1000;
	top: 55;
}

#imagepanel
{
	background-color: #D9E6E7;
	width: 670px;
	height: 490px;
	position: absolute;
	margin-left: 25px;
	display: none;
	z-index: 1000;
	top: 55;
}

#ajaxpanel_loading, #ajaxpanel_content
{
	width: 670px;
	height: 490px;
}

#contentpanel {
	width: 650px;
	height: 430px;
	overflow: auto;
	position: relative;
}

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

/*************************** CLASES *****************************/

.tarifasbackground
{
	background-color: #D9E6E7;
}

.imgli
{
	position: relative;
	top: -2px;
	z-index: 0;
}

.redlabel
{
	color: red;
	font-size: 8pt;
	font-weight: bold;
}

.greenlabel
{
	color: 009933;
	font-size: 8pt;
	font-weight: bold;
}

.notalabel
{
	color: #006666;
	font-size: 7pt;
}

.label
{
	color: #006666;
	font-size: 8pt;
}

.mediumlabel
{
	color: #006666;
	font-size: 9pt;
}

.biglabel
{
	color: #006666;
	font-size: 10pt;
}

.biglabelselected
{
	color: #006666;
	font-size: 10pt;
	font-weight: bold;
}

.bigbiglabel
{
	color: #006666;
	font-size: 11pt;
}
.bigbiglabelad
{
	color: #b08200;
	font-size: 11pt;
}

.label a, .label a:visited, .label a:active, .label a:hover, .mediumlabel a, .mediumlabel a:visited, .mediumlabel a:active, .mediumlabel a:hover, .biglabel a, .biglabel a:visited, .biglabel a:active, .biglabel a:hover, .notalabel a, .notalabel a:visited, .notalabel a:active, .notalabel a:hover, .biglabelselected a, .biglabelselected a:visited, .biglabelselected a:active, .biglabelselected a:hover
{
	color: #006666;
	text-decoration: none;
}

.softlabel
{
	color: #92B7BD;
	font-size: 8pt;
}

.softmediumlabel
{
	color: #92B7BD;
	font-size: 9pt;
}

.softlabel a, .softlabel a:visited, .softlabel a:active, .softlabel a:hover, .softmediumlabel a, .softmediumlabel a:visited, .softmediumlabel a:active, .softmediumlabel a:hover
{
	color: #92B7BD;
	text-decoration: none;
}

.menulabel, .menulabel a, .menulabel a:visited, .menulabel a:active, .menulabel a:hover
{
	color: #92B7BD;
	font-size: 10pt;
	text-decoration: none;
}

.menulabel2, .menulabel2 a, .menulabel2 a:visited, .menulabel2 a:active, .menulabel2 a:hover
{
	color: #B0E3EB;
	font-size: 10pt;
	text-decoration: none;
}

.menulabel3, .menulabel3 a, .menulabel3 a:visited, .menulabel3 a:active, .menulabel3 a:hover
{
	color: #B0E3EB;
	font-size: 12px;
	text-decoration: none;
}

.selectedmenulabel, .selectedmenulabel a, .selectedmenulabel a:visited, .selectedmenulabel a:active, .selectedmenulabel a:hover
{
	color: #fff;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
}

.selectedmenulabel2, .selectedmenulabel2 a, .selectedmenulabel2 a:visited, .selectedmenulabel2 a:active, .selectedmenulabel2 a:hover
{
	
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.headerlink, .headerlink a, .headerlink a:visited, .headerlink a:active, .headerlink a:hover
{
	color: #CC6633;
	font-size: 9pt;
	text-decoration: none;
}

.headerlinksmall, .headerlinksmall a, .headerlinksmall a:visited, .headerlinksmall a:active, .headerlinksmall a:hover
{
	color: #CC6633;
	font-size: 8pt;
	text-decoration: none;
}


.softlinkhover, .softlinkhover a, .softlinkhover a:visited, .softlinkhover a:active
{
	color: #999999;
	font-size: 9pt;
	text-decoration: none;
}
.softlinkhover a:hover
{
	color: #006666;
	font-size: 9pt;
	text-decoration: none;
}

.softlink
{
	color: #999999;
	font-size: 9pt;
	text-decoration: none;
}
.softlink a, .softlink a:visited, .softlink a:active, .softlink a:hover
{
	color: #006666;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

.softsmalllinkad
{
	color: #b08200;
	font-size: 8pt;
	text-decoration: none;
}

.softsmalllink, .softsmalllink a, .softsmalllink a:visited, .softsmalllink a:active
{
	color: #999999;
	font-size: 8pt;
	text-decoration: none;
}

.softsmalllink a:hover
{
	color: #006666;
	font-size: 8pt;
	text-decoration: none;
}

.softnota, .softnota a, .softnota a:visited, .softnota a:active
{
	color: #999999;
	font-size: 7pt;
	text-decoration: none;
}

.softnota a:hover
{
	color: #006666;
	font-size: 7pt;
	text-decoration: none;
}

.vdotline
{
	width: 1px;
	background-image: url(../Img/vdotline.gif);
}

.hdotline
{
	height: 1px;
	background-image: url(../Img/hdotline.gif);
}
.hline
{
	height: 1px;
	background-image: url(../Img/line.gif);
}
.hlinead
{
	height: 1px;
	background-image: url(../Img/linead.gif);
}

H1.title
{
	color: #006666;
	font-size: 12pt;
	font-weight: bold;
}
H1.titlead
{
	color: #b08200;
	font-size: 12pt;
	font-weight: bold;
}

.subtitle
{
	color: #006666;
	font-size: 12px;
	font-weight: bold;
}

.titleContainer
{
	height: 50px;
}

.xstooltip 
{
    visibility: hidden;
    position: absolute; 
/*    width: 510px;
    _width: 543px; */
    z-index: 2; 
    
	color: #FFFFFF;
	background-color: #12636b;
    font: normal 9pt Arial;
    padding-left: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    border: solid 1px;
}
.xstooltipimage
{
	position: relative;
	width: 100%;
	height: 30px;
	top: 7px;
	left: 0px;
	z-index: 3;
	text-align: right;
}
.xstooltipimage img
{
	position: relative;
	width: 16px;
	height: 16px;
	z-index: 3;
	cursor: hand;
}

.reenviabackground1
{
	width: 494px;
	height: 332px;
	background-image: url(../Img/bg_missatge01.jpg);
	background-repeat: no-repeat;
}
.reenviabackground2
{
	width: 494px;
	height: 332px;
	background-image: url(../Img/bg_missatge02.jpg);
	background-repeat: no-repeat;
}
.reenviatexttitle
{
	font-family: Arial;
	font-weight: bold;
	font-size: 34px;
	letter-spacing: -1px;
	color: #FFFFFF;
}
.reenviatextsubtitle
{
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: -1px;
	color: #FFFFFF;
}
.reenviatextfield
{
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0px;
	color: #FFFFFF;
}
.reenviatextmed
{
	font-family: Arial;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 22px;
	color: #FFFFFF;
}
.reenviatextmedb
{
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 22px;
	color: #FFFFFF;
}


INPUT.textbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #92B7BD;
	color: #006666;
}

TEXTAREA.textbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #92B7BD;
	color: #006666;
}

INPUT.requiredtextbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #92B7BD;
	color: #006666;
	background-color: #FFFFCC;
}

TEXTAREA.requiredtextbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px solid #92B7BD;
	color: #006666;
	background-color: #FFFFCC;
}

INPUT.button
{
	color: #fff;
	font-size: 10pt;
	background: url(../Img/button.gif) no-repeat right;
	border-style: none;
	height: 22px;
}

A.button
{
	text-decoration: none;
	display: block;

	width: 85px;
	height: 22px;
	cursor: hand;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background: url(../Img/button.gif) no-repeat right;
	border-style: none;
	vertical-align: bottom;
	line-height: 21px;
}
A.buttonad
{
	text-decoration: none;
	display: block;

	width: 85px;
	height: 22px;
	cursor: hand;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background: url(../Img/buttonad.gif) no-repeat right;
	border-style: none;
	vertical-align: bottom;
	line-height: 21px;
}
A.submitreenviar
{
	text-decoration: none;
	display: block;
	width: 100%;
	height: 29px;
	cursor: hand;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-style: none;
	line-height: 14px;
	padding-top: 8px;	
}


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


html #contenedor, body #contenedor, #contenedor div, #contenedor span, #contenedor applet, #contenedor object, #contenedor iframe,
#contenedor h1, #contenedor h2, #contenedor h3, #contenedor h4, #contenedor h5, #contenedor h6, #contenedor p, #contenedor blockquote, #contenedor pre,
#contenedor a, #contenedor abbr, #contenedor acronym, #contenedor address, #contenedor big, #contenedor cite, #contenedor code,
#contenedor del, #contenedor dfn, #contenedor em, #contenedor font, #contenedor img, #contenedor ins, #contenedor kbd, #contenedor q, #contenedor s, #contenedor samp,
#contenedor small, #contenedor strike, #contenedor strong, #contenedor sub, #contenedor sup, #contenedor tt, #contenedor var,
#contenedor b, #contenedor u, #contenedor i, #contenedor center,
#contenedor dl, #contenedor dt, #contenedor dd, #contenedor ol, #contenedor ul, #contenedor li,
#contenedor fieldset, form #contenedor, #contenedor label, #contenedor legend,
#contenedor table, #contenedor caption, #contenedor tbody, #contenedor tfoot, #contenedor thead, #contenedor tr, #contenedor th, #contenedor td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}

body #contenedor{
	font-family: "Lucida Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	/*background-color: #167349;*/
	background-image: url(../Img/bg.gif);
	background-repeat: repeat-x;
	font-size: 12px;
}

#contenedor ol, #contenedor ul {
	list-style: none;
}
#contenedor blockquote, #contenedor q {
	quotes: none;
}
#contenedor blockquote:before, #contenedor blockquote:after,
#contenedor q:before, #contenedor q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
#contenedor :focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
#contenedor ins {
	text-decoration: none;
}
#contenedor del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
#contenedor table {
	border-collapse: collapse;
	border-spacing: 0;
}

body #contenedor{
	background-color: #71bce6;
}
#contenedor #topo {
	float: left;
	height: 348px;
}
#contenedor #texto {
	float: left;
	height: 330px;
	width: 603px;
	.width: 683px;
	background-image: url(../Img/bg_texto.jpg);
	padding-left: 80px;
	padding-top: 18px;
}
#contenedor #consulte {
	padding-left: 80px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
}
#contenedor #pie {
	background-image: url(../Img/pie.jpg);
	height: 144px;
	clear: both;
}
#contenedor {
	width: 1059px;
	margin-top: 30px;
	margin-left: 30px;
}
#contenedor .foto {
	clear: both;
}
#contenedor h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #59a4ce;
	font-weight: normal;
}
#contenedor h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}
#contenedor .ofe {
	background-color: #65b0da;
	color: #FFFFFF;
	font-size: 12px;
	margin-top: 12px;
	width: 115px;
	padding: 3px;
}
#contenedor .titulo {
	color: #5e5e5e;
	margin-bottom: 6px;
}
#contenedor .varios {
	float: left;
	width: 250px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contenedor .varios2 {
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 300px;
}
#contenedor .varios2 p {
	color: #666666;
}
#contenedor .separador {
	clear: both;
	height: 10px;
}
#contenedor p {
	font-family: Arial, Helvetica, sans-serif;
	color: #8f8d8d;
	font-size: 13px;
	line-height: 16px;
}
#consulte a:link {
	color: #65b0da;
}
#consulte a:visited {
	color: #65b0da;
}
#consulte a:hover {
	color: #666666;
	text-decoration: none;
}
#contenedor #ofpie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 45px;
	float: left;
	font-weight: normal;
}
#contenedor #reserva {
	float: right;
}