@import url( https://fonts.googleapis.com/css?family=Lora:400,700,400italic );
@import url( https://fonts.googleapis.com/css?family=Poly:400,400italic );

article {
    display: block;
}

aside {
    display: block;
}

audio {
    display: block;
}

canvas {
    display: block;
}

command {
    display: block;
}

datalist {
    display: block;
}

details {
    display: block;
}

embed {
    display: block;
}

figcaption {
    display: block;
}

figure {
    display: block;
}

footer {
    display: block;
}

header {
    display: block;
}

hgroup {
    display: block;
}

keygen {
    display: block;
}

meter {
    display: block;
}

nav {
    display: block;
}

output {
    display: block;
}

progress {
    display: block;
}

section {
    display: block;
}

source {
    display: block;
}

video {
    display: block;
}

mark {
    display: inline;
}

rp {
    display: inline;
}

rt {
    display: inline;
}

ruby {
    display: inline;
}

summary {
    display: inline;
}

time {
    display: inline;
}

html {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

body {
    background: rgb(33, 33, 33);
    color: rgb(155, 156, 157);
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 1010px;
}

.main {
    width: 100%;
    height: auto;
    min-height: 400px;
}

.logo {
    /*margin: 44px 0px 0px 32px; width: 230px; height: 72px; float: left; position: relative;
	margin: 12px 0px 0px 32px; width: 230px; height: 72px; float: left; position: relative;*/
    position: absolute;
    top: 6px;
}

h1 {
    font-family: "Lora", serif;
    font-weight: normal;
    display: block;
}

    h1 a {
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        letter-spacing: -1px;
        font-size: 60px;
        display: inline-block;
        text-shadow: 1px 0 #c7c7c7;
    }

    h1 span {
        margin: 13px 0px 0px 3px;
        color: rgb(113, 114, 116);
        text-transform: none;
        letter-spacing: normal;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        display: inline-block;
        text-shadow: none;
    }

h2 {
    color: rgb(43, 43, 43);
    line-height: 36px;
    font-family: "Lora", serif;
    font-size: 30px;
    font-weight: normal;
    text-shadow: 0 0 1px #a4a4a4;
}

h3 {
    color: rgb(43, 43, 43);
    text-transform: uppercase;
    line-height: 26px;
    font-family: "Lora", serif;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 1px 0 #bebebe;
}

h4 {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 20px;
    font-family: "Lora", serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #2b2b2b;
}

    h4 span {
        color: rgb(43, 43, 43);
        text-transform: uppercase;
        line-height: 20px;
        font-family: "Lora", serif;
        font-size: 14px;
        font-weight: normal;
        text-shadow: 1px 0px #2b2b2b;
    }

.txt_uppercase {
    text-transform: uppercase;
}

.txt_decor {
    text-decoration: none !important;
}

.txt_decor-und {
    text-decoration: underline;
}

.txt_al {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.txt_norm {
    text-transform: none !important;
}

.pos-relativ {
    position: relative;
}

.ff {
    font-family: "Lora", serif;
}

.font-18 {
    line-height: 26px;
    font-size: 18px;
    text-shadow: 1px 1px #999;
}

.font-11 {
    font-size: 11px;
}

.hov:hover {
    color: rgb(196, 71, 62);
}

.hov-1:hover {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

.hov-2:hover {
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

.lh {
    line-height: 30px;
}

.border-none {
    border: currentColor !important;
}

.dis-block {
    display: block;
}

.dis-inblock {
    display: inline-block;
}

.col {
    color: rgb(255, 255, 255);
}

.col-1 {
    color: rgb(43, 43, 43);
}

.col-2 {
    color: rgb(196, 71, 62);
}

.marg_bot {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.marg_top {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.marg_left-0 {
    margin-left: 0px !important;
}

.marg_right-0 {
    margin-right: 0px !important;
}

.marg-left-right-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.marg {
    margin: 0px !important;
    padding: 0px !important;
}

.marg_20 {
    margin-top: 20px !important;
}

.padding_right {
    padding-right: 0px !important;
}

.padding_left {
    padding-left: 0px !important;
}

.padding {
    padding: 0px !important;
}

.padd {
    margin: 42px 0px 0px 47px;
}

.padd-1 {
    margin: 51px 0px 0px 47px;
}

.padd-2 {
    margin: 33px 0px 5px 2px;
}

.padd-3 {
    margin: 49px 0px 45px;
}

.padd-4 {
    margin: 52px 0px 45px;
}

.padd-4-1 {
    margin: 48px 0px 45px;
}

.padd-5 {
    margin: 47px 0px 29px;
}

.padd-6 {
    margin: 47px 0px 24px;
}

.padd-7 {
    margin: 36px 0px 46px;
}

.padd-8 {
    margin-top: 32px;
    margin-bottom: 3px;
}

.top {
    top: -52px !important;
    position: relative;
}

.top-0 {
    margin-top: -100px;
}

.top-0-0 {
    margin-top: -108px;
}

.top-0-1 {
    margin-top: -5px;
}

.top-1 {
    margin-top: 53px;
}

.top-1-1 {
    margin-top: 54px;
}

.top-1-2 {
    margin-top: 46px;
}

.top-2 {
    margin-top: 40px;
}

.top-3 {
    margin-top: 15px;
}

.top-3-1 {
    margin-top: 20px;
}

.top-4 {
    margin-top: 13px;
}

.top-4-1 {
    margin-top: 9px;
}

.top-4-2 {
    margin-top: 4px;
}

.top-4-3 {
    margin-top: 10px;
}

.top-5 {
    margin-top: 33px;
}

.top-6 {
    margin-top: 24px;
}

.top-6-1 {
    margin-top: 6px;
}

.top-7 {
    margin-top: 30px;
}

.top-8 {
    margin-top: 28px;
}

.top-9 {
    margin-top: 2px;
}

.bot {
    padding-bottom: 54px;
}

.bot-1 {
    padding-bottom: 15px;
}

.bot-1-1 {
    padding-bottom: 20px;
}

.bot-1-2 {
    padding-bottom: 16px;
}

.bot-2 {
    padding-bottom: 24px;
}

.bot-2-1 {
    padding-bottom: 27px;
}

.bot-3 {
    padding-bottom: 25px;
}

.bot-3-1 {
    padding-bottom: 31px;
}

.bot-3-2 {
    padding-bottom: 33px;
}

.bot-4 {
    margin-bottom: 3px;
}

.left {
    margin-left: 47px;
}

.left-1 {
    margin-left: 2px;
}

.right {
    margin-right: 11px;
}

.right-1 {
    margin-right: 22px;
}

.div-width {
    width: 280px;
}

.div-width-1 {
    width: 230px;
}

.div-width-2 {
    width: 199px;
}

.div-width-3 {
    width: 180px;
}

.bg-top {
    border-top-color: rgb(189, 64, 56);
    border-top-width: 3px;
    border-top-style: solid;
}

a {
    text-decoration: none;
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
    }

ul {
    margin: 0px;
    padding: 0px;
    list-style-image: none;
}

.button {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1a931+0,db8f21+99 */
    background: rgb(241,169,49); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241,169,49,1) 0%, rgba(219,143,33,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(241,169,49,1) 0%,rgba(219,143,33,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(241,169,49,1) 0%,rgba(219,143,33,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1a931', endColorstr='#db8f21',GradientType=0 ); /* IE6-9 */
    padding: 14px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0px 1px 4px #111;
    text-shadow: 1px 0 #808080;
    /*background: url("../Styles/images/bg-button.jpg") repeat-x 0px 0px rgb(176, 51, 45); padding:14px; border-radius: 4px; color: rgb(255, 255, 255); text-transform: uppercase; font-family: "Lora", serif; font-size: 12px; font-weight: bold; display: inline-block; box-shadow: 0px 1px 4px #111; text-shadow: 1px 0 #808080;*/
    /*background: url("../Styles/images/bg-button.jpg") repeat-x 0px 0px rgb(219, 143, 33); padding:14px; border-radius: 4px; color: rgb(255, 255, 255); text-transform: uppercase; font-family: "Lora", serif; font-size: 12px; font-weight: bold; display: inline-block; box-shadow: 0px 1px 4px #111; text-shadow: 1px 0 #808080;*/
}

    .button:hover {
        background: rgb(204, 204, 204);
        color: rgb(0, 0, 0);
        cursor: pointer;
        cursor: hand;
    }

.button-1 {
    background: url("../Styles/images/bg-button-1.jpg") repeat-x 0px 0px rgb(34, 34, 34);
    padding: 5px 14px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0px 1px 3px #777;
    text-shadow: 1px 0 #808080;
    cursor: pointer;
    cursor: hand;
}

    .button-1:hover {
        background: rgb(204, 204, 204);
        color: rgb(0, 0, 0);
    }

.button-3 {
    background: url("../Styles/images/bg-button-3.jpg") repeat-x 0px 0px rgb(34, 34, 34);
    padding: 5px 14px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0px 1px 3px #777;
    text-shadow: 1px 0 #808080;
}

    .button-3:hover {
        background: rgb(204, 204, 204);
        color: rgb(0, 0, 0);
        cursor: pointer;
        cursor: hand;
    }

.button-4 {
    background: url("../Styles/images/bg-button.jpg") repeat-x 0px 0px rgb(219, 143, 33);
    padding: 5px 14px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0px 1px 3px #777;
    text-shadow: 1px 0 #808080;
}

.button-register {
    width: 90%;
    text-align: center;
}

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

.wrapper {
    overflow: hidden;
}

.wrapper-extra {
    overflow: hidden;
}

.extra-wrap {
    overflow: hidden;
}

.wrapper-after::after {
    height: 0px;
    clear: both;
    display: block;
    visibility: hidden;
    content: ".";
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.head {
    width: 100%; /*position: relative;*/
    z-index: 4;
    /*background: rgb(34,34,34);*/ /* Old browsers */
    /*background: -moz-linear-gradient(top, rgba(34,34,34,1) 47%, rgba(15,15,15,1) 99%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgba(34,34,34,1) 47%,rgba(15,15,15,1) 99%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgba(34,34,34,1) 47%,rgba(15,15,15,1) 99%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#0f0f0f',GradientType=0 );*/ /* IE6-9 */
    /*background: url("../Styles/images/bg-head.jpg") repeat-x 0px 0px rgb(40, 40, 40); width: 100%;*/ /*position: relative; z-index: 4;*/
}

header {
    margin: 0px auto;
    width: 1010px;
    padding-bottom: 12px;
    position: relative;
}

.main-slider {
    /*background: url("../Styles/images/shadow-1.png") repeat-x 0px 0px rgb(156, 17, 40); width: 100%;*/
}

.light {
    /*background: url("../Styles/images/light-slider.png") no-repeat center 0px;*/
}

#content {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,f2f2f2+99 */
    background: rgb(231,231,231); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(231,231,231,1) 0%, rgba(242,242,242,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(231,231,231,1) 0%,rgba(242,242,242,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(231,231,231,1) 0%,rgba(242,242,242,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
    margin: 0px;
    width: 100%;
    position: relative;
    /*background: url("../Styles/images/bg-content.jpg") repeat-x 0px 0px rgb(248, 248, 248); margin: 0px; width: 100%; position: relative;*/
}

.shadow-1 {
    background: url("../Styles/images/shadow-1.png") repeat-x 0px 0px;
    top: 0px;
    width: 100%;
    height: 9px;
    position: absolute;
    z-index: 5;
}

.main-white {
    background: rgb(255, 255, 255);
    margin: 0px auto;
    border-radius: 0px 0px 9px 9px;
    width: 1230px;
    padding-bottom: 25px;
    position: relative;
    z-index: 3;
}

.div-search {
    background: rgb(39, 39, 39);
    margin: 7px 0px 0px;
    padding: 3px 0px;
    border-radius: 3px;
    width: 220px;
}

#form-search input {
    padding: 9px 6px;
    width: 173px;
    height: 16px;
    color: rgb(113, 114, 116);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: left;
    display: inline-block;
}

#form-search .search_button {
    background: url("../Styles/images/button-search.png") no-repeat 0px 0px;
    margin: 6px 0px 0px 4px;
    border-radius: 3px;
    width: 23px;
    height: 23px;
    float: left;
    display: inline-block;
    box-shadow: 0px 0px 5px #111;
}

    #form-search .search_button:hover {
        background-position: 0px -23px;
    }

#map_canvas {
    width: 430px;
    height: 422px;
}

.adress {
    color: rgb(155, 156, 157);
    overflow: hidden;
    font-size: 12px;
    margin-top: 5px;
}

    .adress .extra-wrap {
        width: 200px;
    }

.adress {
    text-align: left;
}

    .adress a {
        color: rgb(209, 121, 115);
        font-size: 12px;
        display: inline-block;
    }

        .adress a:hover {
            color: rgb(0, 0, 0);
            text-decoration: underline;
        }

    .adress span {
        width: 69px;
        display: inline-block;
    }

    .adress strong {
        width: 39px;
        font-weight: normal;
        display: inline-block;
    }

.title1 {
    width: 200px;
    text-align: left;
    color: rgb(155, 156, 157);
    letter-spacing: 0px;
    font-size: 12px;
    margin-top: 9px;
    margin-right: 40px;
    float: left;
    display: inline-block;
}

.pp {
    margin: 20px 0px 0px;
    color: rgb(209, 121, 115);
    display: inline-block;
}

    .pp:hover {
        color: rgb(0, 0, 0);
        text-decoration: underline;
    }

figure {
    background: rgb(255, 255, 255);
    padding: 4px;
    border: 1px solid rgb(223, 223, 223);
}

.figure-1 {
    background: rgb(255, 255, 255);
    padding: 3px;
    border: 1px solid rgb(223, 223, 223);
}

.black {
    background: rgb(34,34,34); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(34,34,34,1) 47%, rgba(15,15,15,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(34,34,34,1) 47%,rgba(15,15,15,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(34,34,34,1) 47%,rgba(15,15,15,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */
    margin: 1px 0px 5px;
    padding: 16px 10px 25px;
    border-radius: 0px 0px 4px 4px;
    text-align: center;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0px 1px 6px #666;
    /*background: url("../Styles/images/bg-black.jpg") repeat-x 0px 0px rgb(32, 32, 32); margin: 1px 0px 5px; padding: 16px 10px 25px; border-radius: 0px 0px 4px 4px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-family: "Lora", serif; font-size: 14px; font-weight: bold; box-shadow: 0px 1px 6px #666;*/
}

    .black span {
        text-shadow: 1px 0 #808080;
    }

    .black p {
        color: rgb(133, 133, 133);
        text-transform: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
    }

    .black .button {
        /*margin: 13px 0px 0px;*/
    }

.bord-r {
    border-right-color: rgb(223, 223, 223);
    border-right-width: 1px;
    border-right-style: solid;
}

.font-30 {
    color: rgb(43, 43, 43);
    line-height: 30px;
    padding-bottom: 68px;
    font-family: "Lora", serif;
    font-size: 30px;
    display: block;
}

.divider {
    margin-right: 10px;
    margin-left: 10px;
    border-bottom-color: rgb(223, 223, 223);
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.bot-div {
    margin: 26px 0px 0px;
    padding: 10px 0px;
}

    .bot-div span {
        margin: 11px 0px 0px;
        width: 670px;
        color: rgb(51, 51, 51);
        overflow: hidden;
        display: inline-block;
    }

.big-button {
    background: url("../Styles/images/bg-big-button.jpg") repeat-x 0px 0px rgb(175, 51, 44);
    padding: 15px 21px 15px 24px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 14px;
    font-weight: bold;
    word-spacing: -1px;
    display: inline-block;
    box-shadow: 0px 0px 4px #999;
    text-shadow: 1px 0 #c15953;
}

    .big-button:hover {
        background: rgb(102, 102, 102);
        text-shadow: 1px 0 #333;
    }

    .big-button span {
        background: url("../Styles/images/post.png") no-repeat 0px 0px;
        margin: 3px 0px 0px 14px;
        width: 20px;
        height: 14px;
        display: inline-block;
    }

    .big-button:hover span {
        background-position: 0px -14px;
    }

.bot-div .big-button {
    float: right;
}

aside {
    background: rgb(62,62,62); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(62,62,62,1) 0%, rgba(46,46,46,1) 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(62,62,62,1) 0%,rgba(46,46,46,1) 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(62,62,62,1) 0%,rgba(46,46,46,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2e2e2e',GradientType=0 ); /* IE6-9 */
    padding-top: 102px;
    padding-bottom: 43px;
    position: relative;
    z-index: 2;
    /*background: url("../Styles/images/bg-aside.jpg") repeat-x 0px 0px rgb(45, 45, 45); width: 100%; padding-top: 102px; padding-bottom: 43px; position: relative; z-index: 2;*/
}

.block {
    width: 230px;
    margin-left: 10px;
    float: left;
}

.list {
}

    .list li {
        line-height: 39px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        border-top-color: rgb(62, 62, 62);
        border-top-width: 1px;
        border-top-style: solid;
    }

        .list li:first-child {
            border-top-color: currentColor;
            border-top-width: medium;
            border-top-style: none;
        }

        .list li a {
            color: rgb(133, 133, 133);
        }

            .list li a:hover {
                color: rgb(255, 255, 255);
            }

.number {
    background: url("../Styles/images/bg-number.png") no-repeat 0px 0px;
    width: 59px;
    height: 59px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-family: "Lora", serif;
    font-size: 30px;
    float: left;
}

    .number span {
        margin: 19px 0px 0px;
        display: inline-block;
    }

.font-14-1 {
    color: rgb(43, 43, 43);
    text-transform: uppercase;
    line-height: 20px;
    font-family: "Lora", serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 0 1px #999;
}

.font-14-1-hov:hover {
    color: rgb(189, 64, 56);
}

.list-1 {
}

    .list-1 li {
        background: no-repeat 1px 16px;
        line-height: 39px;
        padding-left: 13px;
        border-top-color: rgb(237, 237, 237);
        border-top-width: 1px;
        border-top-style: solid;
    }

        .list-1 li:first-child {
            border-top-color: currentColor;
            border-top-width: medium;
            border-top-style: none;
        }

        .list-1 li a {
            color: rgb(133, 133, 133);
        }

            .list-1 li a:hover {
                color: rgb(0, 0, 0);
                text-decoration: underline;
            }

#form1 {
    color: rgb(113, 114, 116);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

    #form1 input {
        background: rgb(249, 249, 249);
        padding: 10px 0px 8px 10px;
        border: 1px solid rgb(223, 223, 223);
        width: 288px;
        height: 15px;
        color: rgb(113, 114, 116);
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        float: left;
        position: relative;
        box-shadow: inset 1px 1px #b8b8b8;
    }

    #form1 textarea {
        background: rgb(249, 249, 249);
        padding: 10px 0px 0px 10px;
        border: 1px solid rgb(223, 223, 223);
        width: 448px;
        height: 313px;
        color: rgb(113, 114, 116);
        overflow: auto;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        float: left;
        box-shadow: inset 1px 1px #b8b8b8;
        resize: none;
    }

    #form1 label {
        width: auto;
        display: block;
        position: relative;
        min-height: 50px;
    }

        #form1 label .feed_name {
            margin: 0px;
            float: left;
            display: block;
        }

        #form1 label.message {
            padding-bottom: 0px;
            display: block;
        }

    #form1 span {
        margin: 0px 0px 6px 3px;
        float: left;
        display: block;
    }

    #form1 .error {
        text-align: left;
        color: rgb(0, 0, 0);
        display: none;
    }

    #form1 .empty {
        text-align: left;
        color: rgb(0, 0, 0);
        display: none;
    }

    #form1 .success {
        text-align: left;
        color: rgb(0, 0, 0);
        display: none;
    }

    #form1 .error {
        width: 155px;
        text-align: left;
        color: rgb(255, 14, 14);
        line-height: 12px;
        padding-top: 3px;
        font-size: 10px;
        float: left;
        display: none;
    }

    #form1 .empty {
        width: 155px;
        text-align: left;
        color: rgb(255, 14, 14);
        line-height: 12px;
        padding-top: 3px;
        font-size: 10px;
        float: left;
        display: none;
    }

    #form1 .message .empty {
        margin: 5px 0px 5px 5px;
        text-align: left;
        position: static;
    }

    #form1 .buttons2 {
        padding: 38px 0px 4px;
        position: relative;
    }

        #form1 .buttons2 .button-2 {
            background: url("../Styles/images/bg-button-1.jpg") repeat-x 0px 0px rgb(34, 34, 34);
            padding: 5px 15px;
            border-radius: 4px;
            color: rgb(255, 255, 255);
            text-transform: uppercase;
            font-family: "Lora", serif;
            font-size: 12px;
            font-weight: bold;
            margin-left: 10px;
            float: right;
            display: inline-block;
            box-shadow: 0px 1px 3px #777;
            text-shadow: 1px 0 #808080;
        }

            #form1 .buttons2 .button-2:hover {
                background: rgb(204, 204, 204);
                color: rgb(0, 0, 0);
            }

.error-empty {
    margin: 0px 0px 10px 5px !important;
    width: 155px;
    word-spacing: -1px;
    float: left !important;
    display: none;
}

footer {
    background: rgb(33, 33, 33);
    color: rgb(46, 46, 46);
    padding-top: 25px;
    padding-bottom: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

    footer .grid_3 span {
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-family: "Lora", serif;
        font-size: 18px;
        font-weight: bold;
        display: inline-block;
    }

    footer a {
        color: rgb(256, 176, 64);
        text-decoration: underline;
    }

        footer a:hover {
            color: rgb(255, 255, 255);
            text-decoration: underline;
        }

    footer .icons {
        text-align: right;
        text-transform: uppercase;
        font-family: "Lora", serif;
        font-size: 13px;
        font-weight: bold;
    }

        footer .icons a {
            margin: 0px 5px 0px 7px;
            color: rgb(255, 255, 255);
            letter-spacing: 2px;
            text-decoration: none;
            display: inline-block;
        }

            footer .icons a:hover {
                color: rgb(196, 70, 62);
            }

/***************************Luigi****************************************************************************/
/* Image Buttons

-----------------------------------------------------------*/
.ImageButtonGrid {
    height: 25px;
    width: 25px;
}

id {
    height: 25px;
    width: 25px;
}

.ImageButton {
    height: 35px;
    width: 35px;
}

    .ImageButton:hover {
        height: 35px;
        width: 35px;
        background-image:
    }

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

div.registrese {
    width: 42%;
    text-align: center;
}

div.halfscreen {
    width: 50%;
    float: left;
}
/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

.title {
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay {
    /*float: right; position: relative;*/
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 1px;
    padding-right: 10px;
    color: White;
}

    .loginDisplay a:link {
        color: White;
    }

    .loginDisplay a:visited {
        color: White;
    }

    .loginDisplay a:hover {
        color: White;
    }

.failureNotification {
    font-size: 1.2em;
    color: Red;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

/*En Proceso
----------------------------------------------------------*/

#progress_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: Gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 20000;
}

#progress_container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: transparent;
    z-index: 20001;
}

#progress_inner {
    display: block;
    top: inherit;
    text-align: center;
    width: 226px;
    height: 72px;
    margin: 25% auto 0 auto;
    background: transparent;
    color: #000000;
    font-size: large;
    z-index: 20002;
}

.TableGridHeader {
    padding: 4;
    color: #333333;
    border-width: thin;
}

    .TableGridHeader tr {
        border: thin solid #B2B2B2;
    }

    .TableGridHeader td {
        text-align: center;
        background: url("../Styles/images/bg-button.jpg") repeat-x 0px 0px rgb(219, 143, 33);
        padding: 2px;
        border-radius: 0px 0px 0px 0px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-family: "Lora", serif;
        font-size: 12px;
        font-weight: bold;
        text-shadow: 1px 0 #808080;
    }

.GridViewStyle {
    padding: 4;
    color: #333333;
    border-width: thin;
    border-color: #B2B2B2;
    background-color: White;
}

.GridViewStyleD {
    padding: 4;
    color: #333333;
    border-width: thin;
    border-color: #B2B2B2;
    background-color: White;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


table.GridViewStyle td {
    padding: 0px 4px 0px 4px;
    border: thin solid #B2B2B2;
    vertical-align: middle;
}

table.GridViewStyleD td {
    padding: 4px 4px 4px 4px;
    border: thin solid #B2B2B2;
}

tr.HeaderStyleAR {
    border: thin solid #B2B2B2;
}

    tr.HeaderStyleAR th {
        background-color: #FFB040;
        padding: 2px;
        border-radius: 0px 0px 0px 0px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-family: "Lora", serif;
        font-size: 12px;
        font-weight: bold;
        text-shadow: 1px 0 #808080;
    }

tr.HeaderStyle {
    border: thin solid #B2B2B2;
}

    tr.HeaderStyle th {
        background: url("../Styles/images/bg-button.jpg") repeat-x 0px 0px rgb(219, 143, 33);
        padding: 2px;
        border-radius: 0px 0px 0px 0px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-family: "Lora", serif;
        font-size: 12px;
        font-weight: bold;
        text-shadow: 1px 0 #808080;
    }

tr.HeaderStyleD {
    border: thin solid #B2B2B2;
}

    tr.HeaderStyleD th {
        background: url("../Styles/images/bg-button.jpg") repeat-x 0px 0px rgb(219, 143, 33);
        padding: 10px;
        border-radius: 0px 0px 0px 0px;
        color: rgb(255, 255, 255);
        text-transform: uppercase;
        font-family: "Lora", serif;
        font-size: 24px;
        font-weight: bold;
        text-shadow: 1px 0 #808080;
    }
/*display: inline-block; 
     box-shadow: 0px 1px 4px #111;*/
/*background-color:#d84e12 ;
    font-weight:600; 
    color:White; 
    text-align:center;
    padding:2px;*
    
}

.RowStyle
{
    background-color:#cbcaca;
    color:#333333;
    /*background-color:#F7F6F3;
    color:#333333;
}*/
.RowStyle a {
    color: White;
}

.AttendedRowStyle {
    background-color: #cbcaca;
    color: #333333;
}

.BatchRowStyle {
    /*background-color:#ffaa31;
    background-color:#f6e394;
    background-color:#ab9aee;*/
    background-color: #f6e394;
    color: #333333;
}

.AlternatingRowStyle {
    background-color: #F7F6F3;
    color: #333333;
    /*height:65px;
    background-color:White;
    color:#284775;*/
}

    .AlternatingRowStyle a {
        color: Black;
    }

.StampRowStyle {
    background-color: #FFE79E;
    color: #333333;
}

.PagerStyle {
    background: url("../Styles/images/bg-black.jpg") repeat-x 0px 0px rgb(32, 32, 32);
    margin: 1px 0px 5px 0px;
    padding: 2px;
    /*border-radius: 0px 0px 4px 4px; */
    text-align: center;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 12px;
    font-weight: bold;
}

    .PagerStyle a:link, a:visited, a:active {
        color: #999;
    }

    .PagerStyle a:hover {
        color: #717274;
    }

    .PagerStyle table td {
        border: none;
        padding-left: 2px;
        padding-right: 2px;
        width: 1px;
    }


.FooterStyle {
    background: url("../Styles/images/bg-black.jpg") repeat-x 0px 0px rgb(32, 32, 32);
    margin: 1px 0px 5px;
    padding: 2px;
    /*border-radius: 0px 0px 4px 4px; */
    text-align: left;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 12px;
    font-weight: bold;
    /*box-shadow: 0px 1px 6px #666;*/
    /*font-weight:bold;
   background-color:#2e5883;
   color:White;*/
}

.EditRowStyle {
    /*background-color:#999999;*/
}

.SelectedRowStyle {
    background-color: #E2DED6;
    font-weight: bold;
    color: #333333;
}

.EmptyDataRowStyle {
    height: 30px;
    text-align: center;
    font-weight: bold;
}

.SortedAscendingCellStyle {
    background-color: #F7F7F7;
}

.SortedAscendingHeaderStyle {
    background-color: #487575;
}

.SortedDescendingCellStyle {
    background-color: #E5E5E5;
}

.SortedDescendingHeaderStyle {
    background-color: #275353;
}

/* Validadores
----------------------------------------------------------*/
.validator {
    color: Red;
}

/* Error Label
-----------------------------------------------------------*/
.errormessage {
    color: Red;
    font-weight: bold;
}
/* Display  *******************************************/

/*Pop up Background
---------------------------------------------------------*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 60000 !important;
}

/*Pop up
---------------------------------------------------------*/
.modalPopup {
    min-height: 460px;
    background-color: white;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 5px;
    z-index: 60000 !important;
}


/**************************************************************/
.PanelTitle {
    text-align: center;
    vertical-align: middle;
    height: 50px;
    background-color: #d84e12;
    color: #000;
}

.CurrentCall {
    font-size: 40px;
    font-weight: bold;
    color: #202020;
    width: 100%;
}

.CurrentCallMain {
    font-size: 42px;
    font-weight: bold;
    color: Red;
    width: 100%;
}

.CurrentCallMain2 {
    font-size: 32px;
    font-weight: bold;
    width: 100%;
    line-height: 1;
}

.CurrentCallHeader {
    font-size: 20px;
    font-weight: bold;
    /*color:White;      */
}

.CurrentCallHeaderCol {
    text-align: center;
    margin-top: 14px;
    /* 
    background-color:#d84e12;
    border:1px solid White;
    */
}

.CurrentCallHeaderColMain {
    text-align: center;
    margin-top: 35px;
    /* 
    background-color:#d84e12;
    border:1px solid White;
    */
}

.CurrentCallDetailCol {
    /*
    background-color:White;
    border:1px solid #B2B2B2;
    */
}

.CurrentTurnsHeader {
    /*color:#d84e12;*/
    font-size: 30px;
    font-weight: bold;
    width: 100%;
}

.CurrentCallMainNumber {
    font-size: 140px;
    font-weight: bold;
    color: #FFB040;
    width: 100%;
    vertical-align: middle;
}

.CurrentCallMainClient {
    font-size: 60px;
    font-weight: bold;
    color: #FFB040;
    width: 100%;
    line-height: 1;
}

.CurrentCallMainMessage {
    font-size: 30px;
    font-weight: bold;
    width: 100%;
    line-height: 1;
}


.AnuncioTurnosPr {
    color: White;
}

.OfficeAdmin {
    box-shadow: 0px 1px 6px #666;
    text-align: center;
    vertical-align: middle;
}

.AdDisclaimer {
    font-size: 14px;
    font-weight: bold;
    color: #202020;
    width: 100%;
    line-height: 1;
}

/******************************** Display Horizontal ******************************/
.CurrentCallHeaderColMainH {
    text-align: center;
    margin-top: 35px;
    /* 
    background-color:#d84e12;
    border:1px solid White;
    */
}

.CurrentCallMainClientH {
    font-size: 60px;
    font-weight: bold;
    width: 100%;
    line-height: 1;
}

.CurrentCallMainMessageH {
    font-size: 40px;
    font-weight: bold;
    width: 100%;
    /*line-height:.1;*/
}
/**********************************************************************************/

/************Search***********************************************************/
.SearchBox {
    background: url("../Styles/images/bg-black.jpg") repeat-x 0px 0px rgb(32, 32, 32);
    margin: 1px 0px 5px;
    padding: 10px;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 14px;
    font-weight: bold;
}

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

/************ InfoBox ********************************************************/
.InfoBox {
    background: url("../Styles/images/bg-black.jpg") repeat-x 0px 0px rgb(32, 32, 32);
    margin: 1px 0px 5px;
    padding: 10px;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-family: "Lora", serif;
    font-size: 14px;
    font-weight: bold;
}

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

.TextBox {
    border: 1px solid #ccc;
}

.HomeBuscar {
    /*text-align:center;*/
    vertical-align: middle;
    background-color: #d84e12;
    color: #fff;
    cursor: pointer;
    cursor: hand;
    /*e.Row.Attributes["onmouseover"] += "this.originalstyle=this.style.backgroundColor;this.style.backgroundColor='#cc9b4c'";
    e.Row.Attributes["onmouseout"] += "this.style.backgroundColor=this.originalstyle";
    */
}

.EnterTurno {
    width: 50px;
    font-size: 24px;
}

.Shadow {
    box-shadow: 0px 1px 6px #666;
}

/************* Resize Dynamic ******************/

.handlecss {
    width: 20px;
    height: 20px;
    background-color: #808080;
}

.resizablecss {
    padding: 0px;
    border-style: solid;
    border-width: 2px;
    border-color: Green;
    cursor: se-resize;
}

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

.MaintHeader {
    background: url("../Styles/images/bg-button.jpg") repeat-x 0px 0px rgb(219, 143, 33);
    /*rgb(0,134,137);*/
    padding: 2px 0px 2px 0px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0px 1px 4px #111;
    text-shadow: 1px 0 #808080;
}

.MaintHeader2 {
    background: /*url("../Styles/images/bg-button.jpg") repeat-x 0px 0px rgb(219, 143, 33);*/
    rgb(0,134,137);
    padding: 2px 0px 2px 0px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0px 1px 4px #111;
    text-shadow: 1px 0 #808080;
}

.MaintHeader:hover {
    background: rgb(204, 204, 204);
    color: rgb(0, 0, 0);
    cursor: pointer;
    cursor: hand;
}

.DivisorLine {
    display: block;
    position: relative;
    padding: 0;
    margin: 8px auto;
    height: 0;
    width: 100%;
    max-height: 0;
    font-size: 1px;
    line-height: 0;
    clear: both;
    border: none;
    border-top: 1px solid #202020;
    border-bottom: 1px solid #202020;
}

.hh4 {
    color: #2B2B2B;
    font-family: "Lora",serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-shadow: 1px 0 #2B2B2B;
    text-transform: uppercase;
}

.checkboxRBl label {
    padding-left: 5px;
    margin-right: 10px;
}

.comboInsideModal {
    /*position:relative !important;*/
}

    .comboInsideModal .ajax__combobox_itemlist {
        position: absolute !important;
        left: 10px !important;
        top: 77px !important;
    }

/**************** Timer *****************/
.tCounter {
    background-color: #ffb040;
    color: white;
    font-size: 20px;
    padding: 4px;
    width: 160px;
    text-align: center;
    border-radius: 5px;
}

/*************** Turnos IN *************/
.tInHeader {
    background: url('../Styles/images/bg-button.jpg') repeat-x 0px 0px rgb(219, 143, 33);
    text-transform: uppercase;
    font-family: 'Lora', serif;
    width: 100%;
    color: #ffffff;
    min-height: 40px;
    padding-bottom: 5px;
    text-align: center;
    padding: 4px 0px 0px 0px;
}

.tInOffice {
    font-weight: bold;
    font-size: 1.6em;
}

.tInServicio {
    color: #202020;
    font-weight: bold;
    font-size: 1.2em;
    font-family: 'Lora', serif;
}

.tInMiTurno {
    font-family: 'Lora', serif;
    color: rgb(219, 143, 33);
    font-weight: bold;
    font-size: 3em;
}

.tInActual {
    font-weight: bold;
    font-size: 2em;
}

.tInTurnosBF {
    font-weight: bold;
    font-size: 3em;
}

.tInClose {
    color: red;
}

.tInAway {
    color: green;
}

.tInLabel {
    font-family: 'Lora', serif;
    font-size: 1.2em;
    font-weight: bold;
}

.tInVAlign {
    position: relative;
    top: 30%;
    transform: translateY(-50%);
}

.marquee {
    width: 100%;
    overflow: hidden;
    height: 536px;
}

/*************************** Auto Register ******************************/
.ARFrame {
    text-align: center;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.AR-Button {
    min-width: 100px;
    font-size: 30px;
    line-height: 1;
}

.AR-Textbox {
    font-size: 30px;
    min-width: 250px;
}

.AR-LabelOrange {
    color: #ffb040;
    font-family: Lora;
    font-weight: bold;
    font-size: 30px;
}

.AR-Label {
    font-family: Lora;
    font-weight: bold;
    font-size: 30px;
}
/************************************************************************/


/* FORMS ROW AND CONTAINERS - BEGIN */

.FormRow {
    width: 100%;
    padding: 3px;
    clear: both;
}

.LabelContainer {
    font-weight: bold;
    text-align: left;
    float: left;
}

.ControlContainer {
    float: left;
    text-align: left;
    min-height: 1px;
}


.modalPopup {
    background: White repeat-x;
    border: solid 2px #3F6C9A;
    /*padding: 20px;*/
    width: 250px;
}

    .modalPopup h5 {
        color: White;
        font-weight: normal;
        font-size: 11pt;
        padding: 2px;
        margin: 0px 0px 8px 0px;
        float: left;
    }

    .modalPopup div.closeButton {
        margin: 0px 3px 8px 0px;
        float: right;
    }

        .modalPopup div.closeButton a {
            color: White;
            font-size: 11pt;
            text-decoration: none;
        }

.modalBackground {
    background-color: Gray;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.modalMessage {
    padding: 35px 10px 40px 10px;
}

.modalButtons input {
    margin: 0px;
    padding: 0px;
    background: White url(../Styles/images/bg-button.jpg) repeat-x;
    width: 68px;
    height: 33px;
}

.modalBackgroundPopUp {
    background: White url(../Styles/images/bg-button.jpg) repeat-x;
}

.modalButtons {
    text-align: right;
    padding: 0px 7px 7px 0px;
}

.modalMessage span {
    margin: 0px;
    padding: 0px;
    outline: 0px;
    border: 0px currentColor;
    font-size: 100%;
    vertical-align: top;
    color: black;
}

.ServiciosPanels {
    padding: 4;
    color: #333333;
    background-color: White;
    width: 100%;
}


table.ServiciosPanels td {
    padding: 0px 4px 0px 4px;
    vertical-align: middle;
    border-collapse: collapse !important
}

    table.ServiciosPanels td span {
        font-weight: bold;
    }

table.ServiciosPanelsMargin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.FilteredTextBoxExtenderInputEnble:disabled {
    background: none;
    color: black;
}

.fixedHeader {
    font-weight: bold;
    position: absolute;
    background-color: #006699;
    color: #ffffff;
    height: 25px;
    top: expression(Sys.UI.DomElement.getBounds(document.getElementById("panelContainer")).y-25);
}

.float-right {
    float: right;
}

tr.HeaderStyle2 th {
    background-color: black;
    padding: 2px;
    border-radius: 0px 0px 0px 0px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-family: "Lora", serif;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 1px 0 #808080;
    text-align: center;
}

.TextBox2 {
    border: 1px solid #ccc;
    width: 90%;
}

#olark-wrapper svg {
    padding-top: 10px;
}

.ui-dropdownchecklist-item input[type='checkbox'] {
    margin-top: 4px;
}

.ml-10 {
    margin-left: 10px;
}

.text-left {
    float: left;
}

.text-middle {
    vertical-align: middle;
}


.ui-dropdownchecklist-dropcontainer {
    width: 180px !important;
}

.ui-dropdownchecklist-text {
    width: 151px !important;
}

.OfficeDisplay1 {
    min-height: 180px;
    border: 1px solid #202020;
    border-radius: 0px 0px 4px 4px;
}

    .OfficeDisplay1 .Service {
        text-transform: uppercase;
        font-family: 'Lora', serif;
        font-weight: 900;
        font-size: 30px;
        width: 100%;
        height: 45px;
        padding-bottom: 5px;
        text-align: center;
        padding: 8px 0px 0px 0px;
    }

    .OfficeDisplay1 .office-display-item {
        width: 100%;
        clear: both;
        font-size: 100px;
        font-weight: bold;
        color: black;
        text-align: center;
        margin-top: 20px;
    }

.modalPopup > .content-modal-breaklog {
    padding: 1em;
    text-align: center;
}

    .modalPopup > .content-modal-breaklog > .content-modal-footer-breaklog {
        padding-top: 1em;
        text-align: center
    }

        .modalPopup > .content-modal-breaklog > .content-modal-footer-breaklog > .button {
            padding: 10px !important;
        }

    .modalPopup > .content-modal-breaklog .important {
        font-size: 15px !important;
        color: rgb(255 0 0);
    }