HTML {
    background-color: #7B87B6;
}

BODY {
	width: 800px;
	margin: auto;
    margin-top: 10px;
	padding: 0px;
    position:relative;
    background-color:white;
}

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

A {
    outline: none;
}

IMG {
    border: 0px;
}

#website-contents-area {
    border: 1px solid #596594;
}

#nomenu-center {
    width: 490px;
    margin: 10px 20px 10px 20px;
    text-align:justify;
}

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

#notfound-title {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 20px;
    background-color: #6A76A5;
    color: white;
    padding: 10px 10px 10px;
    margin: 20px 0px 30px 0px;
    border-bottom: 3px solid #FF956A;
}

/* 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: 20px 4% 30px 5%;
    margin: 20px 1% 0px 0%;
}

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

#notfound-col-1 a, #notfound-col-2 a {
    color: #FF956A;
    text-decoration: none;
    font-weight: bolder;
}

#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;
}

#website-title {
    background-image:url("../img/banner.jpg");
    height:150px;
    line-height:150px;
    margin:0px 0px 0px 0px;
    padding:0px;
    text-indent: -100em;
	overflow: hidden;
    clear:both;
}

#website-menu {
    margin: 0px;
    width: 798px;
    display: block;
    height: 41px;
    _line-height: 19px;
    padding: 0px;
    background-color: #6A76A5;
    border-bottom: 3px solid #FF956A;
}

#website-menu li {
    float:left;
    margin: 0px;
    display:block;
}

#website-menu li a:hover {
    background-color: #FF956A;
}

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

#mainmenu li {
    color: #ffffff;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 4px 0px 4px;
}

#mainmenu li a {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bolder;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    margin: 10px 0px 0px 0px;
    padding: 7px 8px 10px 8px;
    font-variant: small-caps;
}

/* tools y lang */

#website-tools-bar-area, #page-footer-spacer {
    width: 100%;
    background-color: #7B87B6;
    height: 20px;
}

#website-tools-bar {
    float: right;
    margin: 0px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
}

#website-tools-bar ul {
    list-style:none;
    display: block;
    float:left;
}

#website-tools-bar ul li {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: block;
    float: left;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: white;
}

#website-tools-bar ul li a {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: white;
}

#website-tools-bar ul li a:hover {
    text-decoration:underline;
}

#lang-menu {
    padding: 0px 0px 0px 18px;
    margin: 0px;
}

#tools-menu {
    margin: 0px;
    padding: 0px;
}

#lang-menu li, #lang-menu li a {
    color: #6A76A5;
}

#tools-menu li, #tools-menu li a {
    color: #666666;
}

/* CONTENTS */
#center-table {
}

#center-table tr td {
    vertical-align:top;
}

#center-table tr #news-table-column {
    background-color: #EFEFF7;
}

#page-body {
    width: 509px;
    margin: 27px 22px 10px 25px;
    padding:0px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

#news-column {
    width: 209px;
    padding: 27px 15px 10px 16px;
    margin: 2px 0px 0px 2px;
}

/* CENTRO */

H2, #page-intro, #page-text, #page-footer, A, DIV, SPAN, P, INPUT, LABEL, LI {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #333333;
}

H2 {
    padding:0px 0px 0px 6px;
    margin:0px 0px 20px 0px;
    font-size: 15px;
    font-weight: bolder;
    border-left: 4px solid #FF956A;
    display: block;
    position:relative;
    left:-10px;
    color: #000000;
    font-variant: small-caps;
}

#page-intro {
    font-size: 12px;
    font-style: italic;
    color: #666666;
}

#page-text {
    font-size: 12px;
    color: #444444;
}

#page-footer {
    border-top: 4px solid #FF956A;
    padding: 10px 0px 10px 0px;
    font-size: 10px;
    color: #444444;
    text-align:center;
}

#aviso-legal-link {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    color: #444444;
    
}

#module-body {
    padding: 10px 0px 10px 0px;
}

#attachment-title {
    margin: 20px 0px 3px 0px;
    padding: 0px;
    font-size: 12px;
    border-bottom: 1px solid #6A76A5;
    color: #6A76A5;
    width: 40%;
}

#attachment-list-id {
    margin: 0px;
    padding: 0px 0px 0px 25px;
}

#attachment-list-id li {
    margin: 0px;
    padding: 3px 0px 0px 0px;
}

#attachment-list-id a {
    text-decoration: none;
}

#attachment-list-id a:hover {
    
    text-decoration: underline;
}

/* Novedades */
#news-title, #next-event-title, #next-forecast-title {
    font-size: 14px;
    border-left: 4px solid #FF956A;
    padding:0px 0px 0px 6px;
    margin: 0px 0px 15px 10px;
    color: #444444;
    font-weight: bolder;
    font-variant: small-caps;
}

.next-event-separator {
    border-top: 1px solid #CCCCCC;
    margin-top: 5px;
}

#next-event-title {
    margin-top:3px;
}

#news-list {
    list-style:none;
    margin:0px 20px 0px 10px;
    padding:0px;
}

#next-event-list, #next-forecast-list {
    list-style:none;
    margin: 0px 20px 15px 10px;
    padding:0px;
}

#news-list li {
    margin: 0px 0px 10px 0px;
}

#next-forecast-list li {
    margin: 0px 0px 6px 0px;
}

#news-list li a, #next-event-list li a, #next-forecast-list li a {
    font-size: 12px;
    display: block;
    color: #444444;
    text-decoration: none;
    font-weight: bolder;
    margin: 0px 0px 4px 0px;
}

#news-list li a:hover, #next-event-list li a:hover, #next-forecast-list li a:hover {
    color: #FF7900;
}

#news-list li div {
    font-size: 10px;
    color: #444444;
}

/* NEWS ITEM */

#news-item-date dt {
    margin: 0px;
    padding:0px;
    font-weight: bolder;
}

/* MAPS */

#vending-machine-map, #directory-map {
    width: 100%;
    height: 400px;
}

#directory-details-map {
    height: 300px;
    width: 100%;
}


/* CONTACT */
.form-input-class {
    width:100%;
    margin: 0px 0px 10px 0px;
    border: 1px solid #222222;
}

.public-form-button {
    font-weight: bolder;
    color: white;
    border: 0px;
    padding: 3px 8px 3px 8px;
    background-color: #6A76A5;
    cursor:pointer;
}

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

.public-form-error {
    padding: 5px 10px 5px 10px;
    border: 2px solid #990000;
    font-weight: bolder;
    margin: 0px 0px 10px 0px;
    color: #990000;
}

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

#contact-text-input-id {
    height:150px;
}

#contact-name-area, #contact-surname-1-area, #contact-phone-area {
    margin: 0px 10px 0px 0px;
}

#contact-name-area, #contact-surname-1-area, #contact-surname-2-area {
    float: left;
    width: 162px;
    _width: 151px;
}

#contact-phone-area {
    float: left;
    width: 168px;
}

#contact-email-area {
    float: left;
    width: 328px;
    _width: 308px;
}

#contact-subject-area, #contact-text-area {
    clear: left;
}

/* Search */
#search-results-title {
    font-size: 13px;
}

H4 {
    font-size: 12px;
}

#search-query-field {
    border: 1px solid #222222;
    padding: 3px 0px 3px 0px;
    margin: 0px 10px 0px 0px;
    width: 412px;
}

#search-label {
    display: block;
    margin: 0px 0px 2px 0px;
}

#websearch-results ol {
    margin: 0px 0px 0px 35px;
    padding: 0px;
}

#websearch-results li {
    margin: 2px 0px 2px 0px;
    color: #6A76A5;
    font-weight: bolder;
}

#websearch-results a {
    display: block;
    color: #6A76A5;
    font-weight: bolder;
}

#websearch-results a:hover {
    color: #FF956A;
}

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

/* WEBMAP */
#webmap-area, #webmap-area a {
    color: #222222;
    text-decoration: none;
}

#webmap-area div {
    padding: 0px 0px 2px 0px;
}

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

/* productos */

#gallery-list, #gallery-list-no-link {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#gallery-list li {
    float: left;
    padding: 5px 6px 5px 6px;
    margin: 0px 5px 10px 0px;
    background-color: #DEDEE6;
    display: block;
    height: 150px;
    cursor:pointer;
    border: 1px solid #BCBCC4;
}

#gallery-list-no-link li {
    float: left;
    padding: 3px 3px 3px 3px;
    margin: 0px 5px 10px 0px;
    background-color: #DEDEE6;
    display: block;
    height: 88px;
    border: 1px solid #BCBCC4;
}

#gallery-list li:hover {
    background-color: #FF956A;
    border: 1px solid #DD7348;
}

#gallery-list a {
    text-decoration: none;
    display: block;
    margin: 0px 0px 3px 0px;
    font-weight: bolder;
}

#gallery-list img {
    display: block;
}

/* product list */

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

#product-list li {
    margin: 0px 0px 15px 0px;
    background-color: #DEDEE6;
    display: block;
    cursor:pointer;
    border: 1px solid #BCBCC4;
    
}

#product-list li:hover {
    background-color: #FF956A;
    border: 1px solid #DD7348;
}

#product-list li a {
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    display: block;
}

.products-summary-title {
    font-size: 14px;
    font-variant: small-caps;
    font-weight: bolder;
}

.products-summary-items {
    font-size: 11px;
    color: #666666;
}

/* pictures */

.picture-date {
    font-size: 10px;
    padding: 2px 0px 0px 0px;
    text-align:right;
}

#scroll-page-list {
    margin: 0px;
    padding: 0px;
}

#scroll-pre-post-area {
    width: 100%;
    padding: 0px 0px 15px 0px;
    display: block;
    margin: 0px;
    list-style:none;
}

#scroll-page-pre {
    float: left;
}

#scroll-page-post {
    float: right;
}

#scroll-page-pre, #scroll-page-post, #scroll-page-list a {
    color: #6A76A5;
    font-weight: bolder;
    text-decoration: none;
}

#scroll-page-pre:hover, #scroll-page-post:hover, #scroll-page-list a:hover {
    color: #FF956A;
    text-decoration: underline;
}

#contact-province-area {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 250px;
}

#contact-country-area {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 245px;
}

#contact-town-area, #contact-province-area {
    margin: 0px 10px 0px 0px;
}

#contact-town-area, #contact-citycouncil-area {
    float: left;
    width: 248px;
    _width: 241px;
}

#contact-town-area input {
    padding: 2px 0px 2px 0px;
}

#photo-description-ca-label-id {
    clear:left;
    display: block;
}

.form-title-class {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    font-size: 14px;
    border-bottom: 2px solid #6A76A5;
    color: #6A76A5;
    font-weight: bolder;
}

/* Event Table */

#event-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -30px;
}

#club-event-list {
    position: relative;
    top: -50px;
}

#event-list li {
    margin: 0px 0px 10px 0px;
}

#event-body, #attach-top-40 {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -40px;
}

.event-month-title {
    border-bottom: 1px solid #6A76A5;
    color: #6A76A5;
    padding: 0px 0px 0px 5px;
    font-weight: bolder;
    font-size: 14px;
    margin: 0px 0px 3px 0px;
    font-variant: small-caps;
}

.event-list-link {
    text-decoration: none;
    margin: 0px 0px 3px 10px;
    display: block;
}
.event-list-link:hover {
    text-decoration: underline;
}

.event-pictures-title a {    
    text-decoration: none;
    font-weight: bolder;
    color: #6A76A5;
}

#events-title {
    float: left;
    width: 400px;
}

#events-logo {
    float: left;
    width: 85px;
    height: 85px;
    position:relative;
    top: -17px;
    display: block;
}

.event-pictures-title a:hover {
    text-decoration: underline;
}

/* Directory */
ADDRESS {

    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-style: normal;
}

#directory-phone {
    margin: 10px 0px 0px 0px;
}

/* upload photo form */
#photo-input-id {
    background-color: white;
    margin-top: 5px;
}

#photo-upload-link {
    color: #6A76A5;
    text-decoration: none;
    display: block;
    font-weight: bolder;
    margin: 0px;
    padding: 0px;
}

#photo-upload-link:hover {
    text-decoration: underline;
}

#machine-products-title {
    padding: 20px 0px 10px 0px;
    color: #6A76A5;
    font-weight: bolder;
}