BODY {
	width: 800px;
	margin: auto;
	padding: 10px 0px 10px 0px;
}

HR {
    line-height:0px;
    height:0px;
    visibility:hidden;
    display:none;
}

.clear-bar {
    height: 0px;
    line-height: 0px;
    width: 100%;
    clear:both;
}

#home-banner {
    margin-top: 60px;
    display: block;
}

#page-header-ca, #page-header-es {
    height:133px;
    line-height:133px;
    margin:5px 0px 0px 0px;
    padding:0px;
}

#page-header-ca {
    background-image:url("../img/banner-ca.gif");
}

#page-header-es {
    background-image:url("../img/banner-es.gif");
}

#website-title {
    display: none;
}

H1 {
    color: #444444;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 25px;
    font-weight: bolder;
    display: block;
    margin: 15px 0px 25px 0px;
}

/* 404 */
#notfound-col-1, #notfound-col-2 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    float: left;
    width: 40%;
    background-color: #EEEEEE;
}

#notfound-col-1 {
    padding: 30px 4% 30px 5%;
    margin: 30px 1% 0px 0%;
}

#notfound-col-2 {
    padding: 30px 5% 30px 4%;
    margin: 30px 0% 0px 1%;
}

#notfound-col-1 a, #notfound-col-2 a {
    color: #00386B;
    text-decoration: none;
}

#notfound-col-1 a:hover, #notfound-col-2 a:hover {
    text-decoration: underline;
}

#e-campo-for-es, #e-campo-for-en {
    margin: 2px 0px 4px 0px;
}

/* Tools */

#tools-menu {
    padding:102px 0px 0px 565px;
    margin:0px;
    display:block;
    list-style:none;
    float: left;
}

#tools-menu li {
    margin: 0px 5px 0px 5px;
    padding: 0px;
    display: block;
    float: left;
}

#tools-menu a {
    display: block;
    width: 25px;
    height: 25px;
    margin: 0px;
    text-indent: -100em;
	overflow: hidden;
    background-color:white;
    padding: 0px;
}

#tool-mode {
    background-image: url("../img/user.png");
}

#tool-home {
    background-image: url("../img/home.png");
}

#tool-search {
    background-image: url("../img/search.png");
}

#tool-map {
    background-image: url("../img/map.png");
}

/* LANG */

#lang-menu {
    padding: 107px 0px 0px 15px;
    margin:0px;
    display:block;
    list-style:none;
    float: left;
}

#lang-menu li {
    float: left;
    margin: 0px 5px 0px 5px;
}

#lang-menu li a {
    display: block;
    width: 25px;
    height: 16px;
    margin: 0px;
    text-indent: -100em;
	overflow: hidden;
    background-color:white;
    padding: 0px;
}


#lang-es {
    background-image:url("../img/es.gif");
}

#lang-ca {
    background-image:url("../img/ca.gif");
}

/* Menu */

#website-menu {
    background-color: #06162F;
    border-top: 1px solid white;
}

#obs-mainmenu, #info-mainmenu {
    list-style:none;
    margin: 0px;
    padding:0px;
    float:left;
}

#info-mainmenu {
    border-top: 1px solid white;
}

#obs-mainmenu li, #info-mainmenu li {
    display: block;
    float: left;
    
}

#info-mainmenu li {
    border-left: 1px solid white;
}

#obs-mainmenu li {
    border-right: 1px solid white;
}

#obs-mainmenu li a, #info-mainmenu li a {
    display: block;
    height: 20px;
    text-align:center;
    color:#FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bolder;
    font-size: 14px;
    text-decoration: none;
    padding: 7px 5px 0px 5px;
    font-variant: small-caps;
}

.info-mainmenu-class-column-1 a, .obs-mainmenu-class-column-1 a,
.info-mainmenu-class-column-2 a, .obs-mainmenu-class-column-2 a,
.info-mainmenu-class-column-3 a, .obs-mainmenu-class-column-3 a,
.info-mainmenu-class-column-4 a, .obs-mainmenu-class-column-4 a {
    width: 105px;
}

.info-mainmenu-class-column-5 a, .obs-mainmenu-class-column-5 a {
    width: 185px;
}

#obs-mainmenu li a, #obs-label {
    background-color: #06162F;
}

#info-mainmenu li a, #info-label {
    background-color: #868A96;
}

#obs-mainmenu li a:hover {
    background-color: #E69319;
}

#info-mainmenu li a:hover {
    background-color: #A44445
}

#info-label {
    border-top: 1px solid white;
}

#obs-label {
    border-right: 1px solid white;
}

.mainmenu-label {
    display: block;
    width: 140px;
    height: 20px;
    float:left;
    text-align:center;
    color:#FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bolder;
    font-size: 14px;
    text-decoration: none;
    padding: 7px 0px 0px 0px;
    font-variant: small-caps;
}

/* CENTER */

#body-center, #center-full, #body-news {
    margin: 20px 0px 0px 0px;
    color: #222222;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

#table-center {
    vertical-align:top;
    border-right: 1px solid #D5D6D9;
    margin: 0px; padding:0px;
}

#table-news {
    vertical-align:top;
    margin:0px;
    padding:0px;
}

#body-center {
    width:501px;
    padding: 0px 20px 20px 15px;
}

#body-news, #body-helps {
    width: 223px;
    padding: 0px 20px 20px 20px;
}

H2 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bolder;
    color: #00386B;
    margin: 0px;
    padding:0px;
}

#body-center a {
    color: #00386B;
    text-decoration: none;
}

#body-center a:hover {
    text-decoration: underline;
}

#page-intro {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: italic;
    color: #444444;
}

#page-text {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #222222;
    padding: 10px 0px 10px 0px;
}

#page-footer {
    border-top: 1px solid #D5D6D9;
    padding: 10px 0px 20px 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #444444;
    text-align:center;
}

#center-full {
    padding: 0px 20px 0px 20px;
}

#module-area {
    margin: 15px 0px 15px 0px;
}

/* CONTACT */
.form-label-class {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bolder;
    font-size: 12px;
    margin: 0px;
    padding:0px;
    display: block;
    color: #444444;
}

.form-input-class {
    width:100%;
    margin: 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    display:block;
    border: 1px solid #444444;
}

.public-form-button {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    background-color: #00386B;
    padding: 2px 9px 2px 9px;
    cursor:pointer;
    color: #00386B;
    color: white;
    border: 0px;
}

.public-form-button:hover {
    background-color: black;
}

.public-form-error {
    padding: 5px 10px 5px 10px;
    border: 2px solid #990000;
    font-weight: bolder;
    margin: 0px 0px 20px 0px;
    color: #990000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

.public-form-error li {
    color: #990000;
}

.public-form-asterisk {
    color: #990000;
    font-size: 11px;
    font-weight: bolder;
}

#public-form-asterisk {
    color: #990000;
}

/* NEWS */

#body-news ol, #body-helps ol {
    list-style:none;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    display: block;
}

#body-news ol li, #body-helps ol li {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    display: block;
    border-bottom: 1px solid #666666;
}

#body-news ol li a, #body-helps ol li a {
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #222222;
    font-weight: normal;
}

#body-news ol li a:hover, #body-helps ol li a:hover {
    color: #990000;
}

#body-news ul li div {
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color:  #444444;
}

/* SEARCH */
#search-query-field {
    border: 1px solid #06162F;
    width: 141px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0px 5px 0px 0px;
    padding: 1px 0px 2px 0px;
    width: 432px;
}

#search-label {
    display: none;
}

#search-results {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #222222;
}

/*--*/

#search-results ol {
    padding: 0px 0px 0px 25px;
}

#search-results li {
    margin: 2px 0px 2px 0px;
    color: #990000;
    font-weight: bolder;
}

#search-results a {
    display: block;
    color: #990000;
    font-weight: bolder;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration:none;
}

#search-results a:hover {
    text-decoration: underline;
}

.search-item-summary {
    margin: 0px 0px 6px 0px;
    color: #222222;
    font-weight: normal;
}

/* WEB-MAP */

#webmap-area, #webmap-area a {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    color: #222222;
    text-decoration: none;
}

#webmap-area a:hover {
    text-decoration:underline;
}

/* External aplication - vt_news_list.php */
#vt-news-list {
    width: 510px;
    float: left;
    margin: 0px 15px 0px 0px;
}

#vt-tools {
    float: left;
}

#vt-thesaurus-selector, #vt-search, #vt-alert-create {
    width: 220px;
    margin: 0px 0px 15px 13px;
    background-color: #D8D7D2;
    border: 1px solid #06162F;
}

#li-lista-pags {
    text-align: right;
    float:left;
    width: 33%;
}

#li-lista-pags a {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color:  #444444;
    text-decoration: none;
    color: #00386B;
}

#ii-listado {
    margin:10px 0px 0px 0px;
    padding:0px;
    list-style:none;
}

.ii-titulo, .ii-fuente, .ii-resumen, .ii-url, .ii-clasificacion {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.ii-titulo {
    color: #990000;
}

#ii-listado a {
    color: #00386B;
}

/* */

#concept-list {
    margin: 10px 10px 10px 10px;
    padding: 0px;
    display: block;
    list-style: none;
}

#concept-list li {
    margin: 3px 0px 2px 0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #222222;
}


#concept-list a {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    display: block;
    color: #00386B;
    text-decoration: none;
    font-weight: bolder;
}
#concept-list a:hover {
    text-decoration: underline;
}


#vt-tools h3 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bolder;
    color: #00386B;
    margin: 0px;
    padding: 5px 0px 5px 10px;
    background-color: #06162F;
    color: white;
}

#vt-alert-create-text {
    margin: 10px 10px 10px 10px;
    font-size: 10px;
}

#vt-alert-create-text a {
    display: block;
    margin: 5px 0px 0px 0px;
    color: #990000;
    text-decoration: none;
    font-weight: bolder;
}

#vt-alert-create-text a:hover {
    text-decoration: underline;
}

/* */

#search-form {
    margin: 10px 10px 10px 10px;
}

#vt-search-query {
    border: 1px solid #06162F;
    width: 141px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin: 0px 5px 0px 0px;
}

#search-form label {
    display: none;
}

#vt-search-button {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: white;
    background-color: #06162F;
    border: 1px solid #06162F;
    padding: 0px 5px 0px 5px;
    cursor:pointer;
}

#ii-no-elements {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #222222;
    margin-top: 10px;
    display: block;
}

/* RSS-READER */
#rss-reader-area ol {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#rss-reader-area ol li {
    color: #06162F;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px dotted #444444;
}

#rss-reader-area ol li a {
    text-decoration: none;
    font-weight: bolder;
    color: #990000;
    margin: 0px 0px 2px 0px;
}

#rss-reader-area ol li span {
    font-weight: bolder;
    color: #222222;
    display: block;
}

#rss-reader-area ol li a:hover {
    text-decoration: underline;
}

/* ---- */

#clausule-area {
    font-size: 10px;
    clear:both;
}

.clausule-label {
    font-weight: bolder;
}

#clausule-field {
    border: 1px solid red;
    display: block;
    float: left;
    margin: 0px 5px 0px 0px; padding: 0px;
}

#user-name-area, #user-surname-1-area,
#user-street-area, #user-number-area, #user-floor-area,
#user-town-area, #user-citycouncil-area, #user-province-area,
#user-phone-area, #user-fax-area, #user-country-area, #user-password-area {
    padding: 0px 10px 0px 0px;
}

#user-name-area, #user-surname-1-area, #user-surname-2-area, #user-phone-area, #user-fax-area, #user-email-area {
    float: left;
    width: 160px;
}

#user-street-area {
    float: left;
    width: 245px;
}

#user-number-area, #user-floor-area, #user-door-area {
    float: left;
    width: 75px;
}

#user-town-area {
    clear: left;
    float: left;
    width: 313px;
}

#user-citycouncil-area {
    float: left;
    width: 160px;
}

#user-province-area {
    clear: left;
}

#user-province-area, #user-country-area, #user-zipcode-area {
    float: left;
}

#user-zipcode-area {
    width: 110px;
}

#user-phone-area, #user-password-area {
    clear: both;
}

#user-citycouncil-area SELECT,  #user-province-area SELECT, #user-country-area SELECT {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

#user-password-ch-area, #user-password-area {
    float: left;
    width: 245px;
}

.register-title-class {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border-bottom: 2px solid #A44445;
    color: #A44445;
    font-size: 13px;
    font-weight: bolder;
    clear:left;
}

#company-contact-title-id {
    padding: 15px 0px 0px 0px;
}

#login-email-area, #login-password-area {
    float: left;
    width: 200px;
    margin: 0px 10px 0px 0px;
}

#login-send-button {
    margin: 13px 0px 0px 0px;
}

/* EVENT */
#new-filter-name {
    border: 1px solid #06162F;
    width: 131px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin: 10px 5px 3px 0px;
}

#new-filter-button {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: white;
    background-color: #06162F;
    border: 1px solid #06162F;
    padding: 0px 5px 0px 5px;
    cursor:pointer;
}

.alert-message {
    margin-left: 25px;
}

#concept-selected a {
    color: #990000;
    display: block;
    font-weight: bolder;
}

#filter-list {
    color: #990000;
    font-weight: bolder;
    float:left;
    width: 67%;
}

/* DT */

#center-full-nomargin {
    margin: 0; padding: 0; margin: 0;
}

#dt-menu {
    width: 180px;
    min-height: 300px;
    padding: 10px 5px 10px 0px;
    float: left;
}

#dt-submenu, #dt-submenu li a, #dt-submenu li {
    font-size: 13px;
    color: #666;
    text-decoration: none;
    list-style: none;
    margin: 0; padding: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
}

#dt-submenu {
    margin: 10px 5px 10px 0px;
    padding: 0;
}

#dt-submenu li a {
    padding: 10px 5px 5px 15px;
    display: block;
    border-bottom: 1px solid #DDD;
}

#dt-submenu li a:hover {
    background-color: #868A96;
    color: white;
}

#dt-area {
    padding: 25px 10px 10px 25px;
    float: left;
    width: 579px;
    font-family:  Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: #444;
    border-left: 1px solid #D5D6D9;
    min-height: 300px;
}

#dt-area-body {
    margin: 10px 10px 10px 0px;
}

#dt-ficha-area {
    margin: 15px 0px 15px 0px;
}

#dt-area-body form input, #dt-area-body form select {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

#dt-area-body form {
    margin: 5px 0px 5px 0px;
}

#dt-ficha-title {
    font-weight: bolder;
    margin: 10px 0px 5px 0px;
    font-size: 13px;
    color: #00386B;
    border-bottom: 1px solid #00386B;
    display: block;
}

#dt-ficha-area div {
    margin-bottom: 7px;
}

#dt-area-body form label {
    width: 70px;
    display: block;
    float: left;
    margin: 3px 5px 0px 0px;
    text-align:right;
    font-weight: bolder;
}

#dt-area-body form select {
    width: 350px;
}

#dt-filters {
    padding: 7px 0px 7px 0px;
    background-color: #EEE;
}

/* attachments */

#attachment-title {
    border-bottom: 1px solid #444;
    margin-top: 20px;
}

#attachment-list-id li a {
    color: #444;
}

#attachment-list-id li a:hover {
    color: black;
}

/* logos */

#logos {
    width: 100%;
    text-align: center;
    padding: 5px 0px 10px 0px;
}

#logos img {
    margin-right: 16px;
    border: 0;
}

#logos a {
    text-decoration: none;
}