/************************* 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;	
}


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


/* reset.css */
#wrapper body,
#wrapper div,
#wrapper dl,
#wrapper dt,
#wrapper dd,
#wrapper ul,
#wrapper ol,
#wrapper li,
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6,
#wrapper pre,
#wrapper code,
#wrapper form,
#wrapper fieldset,
#wrapper legend,
#wrapper input,
#wrapper textarea,
#wrapper p,
#wrapper blockquote,
#wrapper th
{
	margin:0;
	padding:0;
}
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6
{
	font-size:100%;
	font-weight:normal;
}
#wrapper a { border: 0; outline:none; color:#232f37; text-decoration:none;}
#wrapper a:hover { text-decoration: underline;}
#wrapper a:active { position:relative; top: 1px;}

/* modules.css */
#wrapper { width: 947px; margin-left: auto; margin-right: auto;}
#wrapper .artwork { height: 415px; overflow: hidden; background: #FFF; }
#wrapper .topbox { width: 300px; float: right; margin-right: 63px; position: relative; z-index: 10; top: -367px;}
#wrapper .artwork .fx { float: left; top: -416px; position: relative; z-index: 5 ;}
#wrapper .artwokimg { float:left; position: relative; top: 0px;}
#wrapper .logo { float:right; top: 0px; }
#wrapper .topos { float: right; position: relative; top: 85px;}
#wrapper .content { padding-left: 72px; padding-right: 63px; background-color: #FFF;}
#wrapper .content h1 { font-size: 40px; color: #71b3ba; display:block; }
#wrapper .content p { font-size: 13px; padding-bottom: 10px; clear: both; display:block; }
#wrapper .content p.big { font-size: 15px; margin-bottom: 18px; color: #000; }
#wrapper .content p.small { font-size: 11px; margin-bottom: 18px;}
#wrapper .content p.label { padding: 5px; background: #71b3ba; font-size: 12px; text-transform: uppercase; color: #FFF; display: inline; font-weight: 600;}
#wrapper .content p.colum { float: left; margin-left: 30px; clear:none; width: 225px;}
#wrapper .content h2 { color: #71b3ba; font-size: 15px; margin: 12px 0; display:block; }
#wrapper .blue { color: #71b3ba;}
#wrapper .content a { color: #aa0000; text-decoration: underline;}
#wrapper .content a:hover { color: #aa0000; text-decoration: none;}
#wrapper .final { clear: both; height: 88px; width: 100%; background: center left scroll url(/Img/line-final.jpg) no-repeat; }
#wrapper .final img { position: relative; float: right; margin-right: 10px;}
#wrapper #footer { clear: both; padding-bottom: 50px;}