HTML {background-color:#767a7d}
HTML.blanc  BODY {background-color:#FFF}
HTML.blanc TD {font-size:12px;padding-top:2px;padding-bottom:1px}
BODY {font-family:Arial, Helvetica, Verdana;background-color:#767a7d;font-size:11px;text-align:center}
TD { font-family: Arial, Helvetica,Verdana;font-size:11px }
INPUT, SELECT, TEXTAREA {font-family: Arial, Helvetica,Verdana, sans-serif;font-size:12px;border:1px solid #BBB;margin:2px}
table {border-collapse: separate;border-spacing:0px}
A:visited { text-decoration: none}
A:link { text-decoration: none}
A:hover { color:orange}
a img {border:0px; text-decoration: none}
img {border:0px;padding:0px;margin:0px}
.sup {vertical-align:text-top;font-size:8px}

INPUT#provincia:disabled {background-color:#FFF}

.menu {color:#89b8a8;font-weight:bold}
.menu:hover { color: #fd9a33; }
.espacio { line-height: 14pt; }
p.espacio {line-height:13pt;}
TD.esp {line-height:20px;}

#flashcontent {padding-left:15px;position:relative;width: 630px;height: 492px;}


#frame {width:976px;background:url('../imatges/bg.jpg') top repeat-y;margin-left:auto;margin-right:auto;display:block;overflow:auto}
#framebottom {height:10px;width:976px;background:url('../imatges/cuabg.jpg') top repeat-y;margin-left:auto;margin-right:auto;display:block;overflow:hidden}
#cap {width:960px;margin-left:auto;margin-right:auto;clear:both}
#cua {width:960px;margin-left:auto;margin-right:auto;clear:both;margin-bottom:15px}
#cua .bottomleft {float:left;color:#FFF}
#cua .bottomright {float:right;color:#FFF}
#cua .bottomright a, #cua .bottomleft a {color:#FFF;text-decoration:underline;padding-left:3px;padding-right:3px}

#header-logo{padding:7px 0px;display:block;border-bottom:1px solid #ADBBC8;background-color:#FFF}
#header-logo .logo {width:1001px;display:block;margin:auto;text-align:left}
#header-logo .logo img {margin-left:30px}

#topmenu {font-family:"Arial Narrow";width:960px;height:35px;background:url('../imatges/topmenubg.jpg') top repeat-x;margin-left:auto;margin-right:auto;margin-bottom:15px}
#topmenu ul.menuopt li {float:left;font-weight:bold;}
#topmenu ul.menuopt li a {color:#666;font-size:17px;padding:7px 10px;display:block}
#topmenu ul.menuopt li a:hover {color:#0048ad;background:url('../imatges/topmenubgsel.jpg') top repeat-x;padding:7px 10px}
#topmenu ul.menuopt li a.sel {color:#0048ad;background:url('../imatges/topmenubgsel.jpg') top repeat-x}

#topmenu ul.menulang {float:right;padding-right:5px;font-size:12px}
#topmenu ul.menulang li {float:right}
#topmenu ul.menulang li a {color:#666;padding:13px 5px;display:block}
#topmenu ul.menulang li a:hover {color:#666}
#topmenu ul.menulang li.sel a {color:#0048ad;text-decoration: underline;}
#topmenu ul.menulang li.sep {color:#666;padding:13px 0px}

.logmenu {background-color:#E6E6E6;width:240px;margin-left:auto;margin-right:auto;padding:10px;padding-top:15px;margin-top:10px;font-size:12px;display:block;text-align:left}
.logmenu h1 {color:#0048ad;font-size:15px;font-weight:bold;line-height:15px}
.logmenu TABLE {margin-left:auto;margin-right:auto}
.logmenu TABLE TR TD {color:#666;vertical-align:middle}
.logmenu TABLE TD INPUT {border:1px solid #9b9b9b}
.logmenu #submit {border:1px solid #666;background-color:#999;color:#333;padding:3px}
.logmenu a {color:#0048ad;background:url('../imatges/fletxa_blava_menu.gif') no-repeat;padding-left:10px;margin:10px 0px;font-size:12px}
.logmenu a:hover {color:#666}
.logmenu li {margin-top:3px;margin-bottom:3px}

.logmenu .sep {clear:both;height:0px;overflow:hidden}

TABLE.content {background-color:#FFF;width:960px;margin-left:auto;margin-right:auto;}
TABLE.content TD {vertical-align:top}

.dayquote {color:#666;font-style:italic;font-size:13px;margin-left:24px;margin-right:20px;text-align:left}
a.backButton {width:250px;height:23px;background:url('../imatges/backbutton.gif') no-repeat;color:#FFF;display:block;font-size:13px;padding-top:3px}
a.backButton:hover {color:#FFF}


h1 {font-size:34px;font-family:"Arial Narrow";color:#004896;font-weight:normal;margin-bottom:20px;line-height:45px}
h3 {font-size:28px;font-family:"Arial Narrow";color:#004896;font-weight:normal;margin-bottom:15px;line-height:35px}
h2 {font-size:13px;color:#004896}

TABLE.frame {margin-right:6px}
TABLE.frame TD {font-size:13px;color:#333;text-align:left}
TABLE.frame TD a.dot {color:#003d88;background:url('../imatges/fletxa_blava_menu.gif') no-repeat;padding-left:10px;margin:10px 0px}

TD.cua {border-top:1px solid #DFDFDF;color:#999;font-size:10px;padding-left:5px;padding-top:3px;padding-bottom:3px;overflow:auto;text-align:left}
TD.cua .leftbox {width:262px;text-align:right}
TD.cua SELECT {color:#999;font-size:10px}


#submit {border:1px solid #666;background-color:#999;color:#333;padding:3px}
.lsubmit {border:1px solid #666;background-color:#F0F0F0;color:#000;padding:3px}
#submit_button {border:1px solid #666;background-color:#999;color:#333;padding:3px}

.legaltext {background-color:#EFEFEF;font-size:10px;padding:10px;width:90%;margin-left:auto;margin-right:auto}

.container {padding:3px;margin:3px}
.container TD {padding:2px;margin:2px}
.container INPUT.submit {cursor:pointer}

.foot {font-size:9px;}
.foot a {color:#804040;text-decoration:underline;}

ul.uldata li {list-style:inside;list-style-type:disc}
ul.subli li {padding-left:10px;list-style-type:circle}

a.el:link {color:#333;text-decoration:underline}
a.el:hover {color:#333}
a.el:visited {color:#333;text-decoration:underline}
a.redlink {color:#0048ad;text-decoration:underline}

.bluetable {width:100%;background-color:#28448d;border:0px;padding:2px}
.bluetable TD {vertical-align:top;color:#FFF;padding-left:20px}

.dotted_table {border:1px dotted rgb(187, 187, 187);padding: 4px;font-size:12px}
.dotted_table caption {background-color:rgb(187,187,187);color:#000;text-align:center}
.dotted_table th {color:#000;font-weight:bold}
.dotted_table td {color:#333}
.dotted_table tr.sep th,
.dotted_table tr.sep td {border-top:1px solid rgb(187,187,187)}
.dotted_table td a {color:#000;font-weight:normal;text-decoration:none}
.dotted_table td a:hover {text-decoration:underline;font-weight:normal}

.formtable {border:1px dotted rgb(187, 187, 187);padding:5px;width:500px}
.formtable TD {padding:2px}

ul.listado li {float:left;padding:5px 20px;list-style:none}

SPAN.blue {color:#0048ad;}
A.blue {color:#0048ad}

.back {float:right;clear:both}
.back a {background:url('../imatges/flecha_tras.jpg') left no-repeat;padding-left:10px;text-decoration:underline}
.back a:hover {color:#666}

TABLE.results {margin-left:auto;margin-right:auto}
TABLE.results tr.data td {padding-top:2px;padding-bottom:1px}
TABLE.results th {background-color:#33599e;font-size:12px;text-align:center;padding:2px}
TABLE.results th a {color:#FFF;font-weight:normal;padding:0px 3px}
TABLE.results td {padding:0px 6px;text-align:right}

.bpop {display:none}
.bpop table {padding:0px;margin:0px;border:0px}
.bpop table th {background-color:#33599e;color:#FFF;font-size:11px;padding-left:3px;}
.bpop table td {background-color:#bbecee;padding:3px;text-align:left}

#popCentro,
#popEnvio,
#popAno,
#popUnidades,
#popLitros,
#popTotUnidades,
#popTotLitros {position:relative;text-decoration:none;color:#FFF;overflow:auto}

#popCentro:hover .bpop,
#popEnvio:hover .bpop,
#popAno:hover .bpop,
#popUnidades:hover .bpop,
#popLitros:hover .bpop,
#popTotUnidades:hover .bpop,
#popTotLitros:hover .bpop {display:block;position:absolute;left:2px;top:17px;cursor:pointer;width:155px;background-color:#333399;border:1px solid #33599e;font-size:11px}

.itr {position:relative;text-decoration:none;color:#000;}
.itr:hover .bpop {display: block;position:absolute;left: 5em;top: 1.5em;;cursor:pointer;width:180px;background-color: #333399;border: 1px #33599e solid;font-size: 0.8em}

a.inline_policy {color:#000;text-decoration:underline}