@import url('css/open-iconic/font/css/open-iconic-bootstrap.min.css');

body {
    font-family: 'trebuchet ms', arial, sans-serif;
    padding: 0px;
    margin: 0px;
    font-size: .80em;
    background: #ff0000 url(back.png);
    color: #555;
}

p {
    margin: 0px;
    padding: 0px 0px 16px 0px;
    line-height: 1.7em;
}

h1, h2, h3, h4, h5, h6 {
    color: #362C20;
    padding: 0 0 5px 0;
}

h1, h4 {
    font: normal 175% "century gothic", arial;
    margin: 0 0 15px 0;
    padding: 15px 20px 5px 0;
    color: #444;
}

h2, h5 {
    padding: 0 0 5px 0;
    font: normal 110% arial;
    text-transform: uppercase;
    letter-spacing: 0;
}

h3, h6 {
    color: #888;
    font: normal 95% arial;
    letter-spacing: 0;
    padding: 0 0 15px 0;
}

h4 {
    color: #362C20;
}

h5, h6 {
    color: #129991;
}

img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

a, a:hover {
    border-bottom: 1px dotted;
    color: #444;
    outline: none;
    text-decoration: none;
}

    a:hover {
        border-bottom: 1px solid;
    }

form {
    padding: 0;
    margin: 0;
}

.left {
    float: left;
    width: auto;
    margin-right: 10px;
}

.right {
    float: right;
    width: auto;
    margin-left: 10px;
}

.center {
    display: block;
    text-align: center;
    margin: 20px auto;
}

blockquote {
    margin: 20px 0;
    padding: 10px 20px 0 20px;
    border: 1px solid #E5E5DB;
    background: #FFF;
}

ul {
    margin: 2px 0px 18px 16px;
    padding: 0px;
}

    ul li {
        list-style-type: square;
        margin: 0px 0px 6px 0px;
        padding: 0px;
    }

ol {
    margin: 8px 0px 0px 24px;
    padding: 0px;
}

    ol li {
        margin: 0px 0px 11px 0px;
        padding: 0px;
    }

#header, #logo, #menubar, #panel, #site_content, #footer {
    margin-left: auto;
    margin-right: auto;
}

#header {
    height: 102px;
    background: url(back.png) repeat-x;
}

.headerfondo {
  
    background-color:bisque;
}

#logo {
    width: 870px;
    position: relative;
    height: 107px;
    
}

    #logo #logo_text {
        position: absolute;
        top: 15px;
        left: 0;
    }

    #logo h1 {
        font: normal 300% "century gothic", arial, sans-serif;
        border-bottom: 0;
        text-transform: none;
        letter-spacing: 0.1em;
        padding: 12px 0 0 26px;
        color: #FFF;
        margin: 0;
    }

#menubar {
    width: 870px;
    height: 45px;
    padding-left: 5px;
}

ul#menu {
    float: left;
    margin: 0;
}

    ul#menu li {
        float: left;
        margin: 10px 0 0 0;
        padding: 0 0 0 14px;
        list-style: none;
    }

        ul#menu li a {
            letter-spacing: 0.1em;
            font-size: 105%;
            display: block;
            float: left;
            height: 20px;
            text-decoration: none;
            padding: 8px 26px 5px 12px;
            text-align: center;
            color: #FFF;
            border: none;
        }

        ul#menu li.tab_selected a {
            height: 38px;
            padding: 8px 26px 5px 12px;
        }

        ul#menu li.tab_selected {
            margin: 10px 0 0 0;
            background: url(tabs.png) no-repeat 0 0px;
        }

            ul#menu li.tab_selected a {
                background: url(tabs.png) no-repeat 100% 0px;
                color: #A2AB3B;
            }

                ul#menu li.tab_selected a:hover, ul#menu li a:hover {
                    color: #A2AB3B;
                }

#panel {
    width: 792px;
    height: 154px;
    border: 15px solid #E9E4C7;
}

#site_content {
    width: 875px;
    /*overflow: hidden;*/
    background: #FFF url(site_content.png) repeat-y;
    padding-top: 20px;
}

#site_content_bottom {
    width: 875px;
    height: 5px;
    clear: both;
    background: url(site_content_bottom.png) no-repeat;
}

.sidebar {
    float: right;
    width: 178px;
    padding: 20px 25px 15px 15px;
}

    .sidebar ul {
        border-top: 1px solid #D6D9C9;
        width: 178px;
        padding-top: 4px;
        margin: 4px 0px 30px 0px;
    }

    .sidebar li {
        list-style: none;
        padding: 0px 0px 4px 0px;
        border-bottom: 1px solid #D6D9C9;
    }

        .sidebar li a, .sidebar li a:hover {
            text-decoration: none;
            padding: 0px 0px 0px 18px;
            display: block;
            background: transparent url(arrow.png) no-repeat left center;
            color: #555;
            border: none;
        }

            .sidebar li a.selected, .sidebar li a:hover, .sidebar li a.selected:hover {
                background: transparent url(arrow_select.png) no-repeat left center;
            }

#content {
    text-align: left;
    width: 597px;
    padding: 20px 10px 15px 26px;
}

#footer {
    width: 730px;
    height: 40px;
    padding: 18px 20px 4px 20px;
    text-align: center;
    color: #444;
}

.alternate_colour {
    color: #A2AB3B;
}

.form_settings {
    margin: 15px 0 0 0;
}

    .form_settings p {
        padding: 0 0 4px 0;
    }

    .form_settings span {
        float: left;
        width: 200px;
        text-align: left;
    }

    .form_settings input, .form_settings textarea {
        padding: 2px;
        width: 299px;
        font: 100% arial;
        border: 1px solid #E5E5DB;
        background: #FFF;
        color: #47433F;
    }

    .form_settings .submit {
        font: 100% arial;
        border: 1px solid;
        width: 99px;
        margin: 0 0 0 206px;
        height: 26px;
        padding: 2px 0 3px 0;
        cursor: pointer;
        background: #3B3B3B;
        color: #FFF;
    }

    .form_settings textarea, .form_settings select {
        font: 100% arial;
        width: 299px;
    }

    .form_settings select {
        width: 304px;
    }

    .form_settings .checkbox {
        margin: 4px 0;
        padding: 0;
        width: 14px;
        border: 0;
        background: none;
    }

.separator {
    width: 100%;
    height: 0;
    border-top: 1px solid #D9D5CF;
    border-bottom: 1px solid #FFF;
    margin: 0 0 20px 0;
}



.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }