/* white */
body.color1 {background:#fff;color:#000;height:auto !important;}

.color1 .access {background:#CFCFCF;color:#000;}
.color1 a, .color1 a:hover {color:#000;}
.color1 ul {background:#fff;}
.color1 .b-top-menu .bm-holder ul {background:#fff;}
.color1 .b-top-menu .bm-holder > ul, .b-top-menu .bm-holder > ul > li > a {background:#fff;}
.color1 .b-header-panel .b_indx {background:#CFCFCF }
.color1 .b-header-panel .b_map {background:#CFCFCF }
.color1 .b-header-panel .b_fdb {background:#CFCFCF }

/* black */
body.color2 { background:#000; color:#fff; height:auto !important;}

.color2 .access {background:#777;color:#fff;}
.color2 a, .color2 a:hover {color:#fff}
.color2 ul {background:#000;}
.color2 .b-top-menu .bm-holder ul {background:#000;}
.color2 .b-top-menu .bm-holder > ul > li > a:hover, .b-top-menu .bm-holder > ul > li:hover > a, .b-top-menu .bm-holder > ul > li > a.selected {background:#000;}

.color2 .popped{border-color:#fff;background:#000;color:#fff;}
.color2 .popped a,.color2 .access .popped a {color:#fff}
.color2 #out .font-family, .color2  #out .letter-spacing{color:#fff;border-color:#fff}
.color2 #out .here.font-family,.color2 #out .here.letter-spacing,.color2.spacing-small #out #spacing-small,.color2.spacing-normal #out #spacing-normal,.color2.spacing-big #out  #spacing-big,.color2.serif #out  #serif,.color2.sans-serif #out #sans-serif{color:#000;background:#fff}
.color2 #out .saveit a{background:#fff;border-color:#fff}
.color2 .saveit a span{border-color:#fff;color:#fff}
.color2 .pagi a:hover span {text-shadow:none;}
.color2 input, textarea { background:#000; color:#fff;}

/* blue */
body.color3 { background:#9dd1ff; color:#063462; height:auto !important;}

.color3 .access {background:#98B9DB;color:#063462;}
/*.color3 .access {background:#9dd1ff;color:#063462;}*/
/*.color3 a, .color3 a:hover {background:#9dd1ff;color:#063462}*/
.color3 a, .color3 a:hover {color:#063462}
.color3 ul {background:#9dd1ff;}
.color3 .b-top-menu .bm-holder ul {background:#9dd1ff;}
.color3 .b-top-menu .bm-holder > ul > li > a:hover, .b-top-menu .bm-holder > ul > li:hover > a, .b-top-menu .bm-holder > ul > li > a.selected {background:#9dd1ff;}
.color3 input, textarea {background:#9dd1ff; color:#063462}


/* beje */
body.color4 { background:#f7f3d6; color:#59422e; height:auto !important;}

.color4 .access {background:#ccc8ad;color:#59422e;}
.color4 a, .color4 a:hover {color:#59422e}
.color4 ul {background:#f7f3d6;}
.color4 .b-top-menu .bm-holder ul {background:#f7f3d6;}
.color4 .b-top-menu .bm-holder > ul > li > a:hover, .b-top-menu .bm-holder > ul > li:hover > a, .b-top-menu .bm-holder > ul > li > a.selected {background:#f7f3d6;}

.color4 .popped{border-color:#59422e;background:#f7f3d6;color:#59422e;}
.color4 .popped a,.color4 .access .popped a {color:#59422e}
.color4 #out .font-family, .color4  #out .letter-spacing{color:#59422e;border-color:#59422e}
.color4 #out .here.font-family,.color4 #out .here.letter-spacing,.color4.spacing-small #out #spacing-small,.color4.spacing-normal #out #spacing-normal,.color4.spacing-big #out  #spacing-big,.color4.serif #out  #serif,.color4.sans-serif #out #sans-serif{color:#f7f3d6;background:#59422e}
.color4 #out .saveit a{background:#59422e;border-color:#59422e}
.color4 .saveit a span{border-color:#59422e;color:#59422e}
.color4 input, textarea {background:#f7f3d6; color:#59422e}

/* mint */
body.color5 { background:#3b2716; color:#a9dd38; height:auto !important; }

.color5 .access {background:#594535;color:#a9dd38;}
.color5 a, .color5 a:hover {color:#a9dd38}
.color5 ul {background:#3b2716;}
.color5 .b-top-menu .bm-holder ul {background:#3b2716;}
.color5 .b-top-menu .bm-holder > ul > li > a:hover, .b-top-menu .bm-holder > ul > li:hover > a, .b-top-menu .bm-holder > ul > li > a.selected {background:#3b2716;}

.color5 .popped{border-color:#a9dd38;background:#3b2716;color:#a9dd38;}
.color5 .popped a,.color5 .access .popped a {color:#a9dd38}
.color5 #out .font-family, .color5  #out .letter-spacing{color:#a9dd38;border-color:#a9dd38}
.color5 #out .here.font-family,.color5 #out .here.letter-spacing,.color5.spacing-small #out #spacing-small,.color5.spacing-normal #out #spacing-normal,.color5.spacing-big #out  #spacing-big,.color5.serif #out  #serif,.color5.sans-serif #out #sans-serif{color:#3b2716;background:#a9dd38}
.color5 #out .saveit a{background:#a9dd38;border-color:#a9dd38}
.color5 .saveit a span{border-color:#a9dd38;color:#a9dd38}
.color5 input, textarea {background:#3b2716; color:#a9dd38}

body.fontsize-small {
    font-size: 14px;
}

body.fontsize-normal {
    font-size: 16px;
}

body.fontsize-normal .b-main-content .section-list{
    width: 695px;
    margin-right: 20px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

body.fontsize-big {
    font-size: 20px;
}

body.fontsize-big .b-main-content .section-list{
/*    font-size: 20px;*/
    width: 695px;
    margin-right: 20px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}


body.spacing-small {
    letter-spacing: 0px;
}

body.spacing-normal {
    letter-spacing: 1px;
}

body.spacing-big {
    letter-spacing: 2px;
}

body.imagesoff img{
    visibility:hidden;
}

.b-logo-text-main {
    position: absolute;
    top: 10px;
    left: 180px;
    font-size: 25px;
    font-family: Tahoma;
    font-weight: bold;
}

.b-logo-text-off {
    position: absolute;
    top: 110px;
    left: 180px;
    font-size: 14px;
    font-family: Tahoma;
}

.b-slider {
/*    border: 1px solid;*/
    margin: 20px 0;
    padding: 15px 15px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}

.b-slider-item {

}

.b-slider-item.even {
    box-shadow: inset 0 5px 10px -5px rgba(0,0,0,0.1), inset 0 -5px 10px -5px rgba(0,0,0,0.1);
}

.bs-item-date {
    padding: 0 5px 0 5px;
}

.bs-item-title {
    padding: 0 5px 0 5px;
}

.bs-item-text {
    padding: 0 5px 0 5px;
}

/* =access
----------------------------------------------- */
.access {
/*    top: 0px;
    width:100%;*/
    height: 46px;
/*    background: url(../img/acc/access.png) no-repeat 0 0;*/
/*    margin: 0 -20px;
    padding: 0 20px;*/
    font-size: 18px;
/*    color: #000;*/
/*    position: absolute;*/
/*    margin: 0px 0px 0px 0px;*/
    z-index: 1000;
    text-align: center;
}

.access a {
    outline: none
}

.a-fontsize {
    display: inline-block;
    /*margin: 10px 0 0 0;*/
    width: 250px;
}

.a-fontsize dt, .a-fontsize dd, .a-fontsize dl {
/*    float: left;
    margin-left: 10px;*/
    margin: 0 auto;
    display: inline;
}

.a-fontsize a {

}

.a-fontsize-small {
    border: 1px solid;
    border-color: transparent;
    font-size: 14px;
    padding: 2px;
}

a.a-fontsize-small:hover, .fontsize-small a.a-fontsize-small {
    border-color: black;
    padding: 2px;
}

.a-fontsize-normal {
    border: 1px solid;
    border-color: transparent;
    font-size: 16px;
    padding: 2px;
}

a.a-fontsize-normal:hover, .fontsize-normal a.a-fontsize-normal {
    border-color: black;
    padding: 2px;
}

.a-fontsize-big {
    border: 1px solid;
    border-color: transparent;
    font-size: 18px;
    padding: 2px;
}

a.a-fontsize-big:hover, .fontsize-big a.a-fontsize-big {
    border-color: black;
    padding: 2px;
}

.a-colors {
/*    float: left;*/
/*    display: inline;*/
/*    margin: 10px 0 0 10px;*/
    display: inline-block;
    width: 250px;
}

.a-colors dl, .a-colors dt, .a-colors dd {
/*    text-shadow: #fff 0 1px 0;
    float: left;
    margin-right: 10px;
    margin-left: 10px;*/
/*    float: left;*/
/*    margin-left: 10px;*/
/*    display: inline-block;*/
    margin: 0 auto;
    display: inline;
}

.a-colors a {
    /*height: 31px;
    margin-left: 5px;
    display: inline;
    float: left;
    background-image: url(../img/colors.png);
    position: relative;
    top: -5px;
    text-decoration: none;
    width: 26px;*/
}

.a-color1 {
    border: 1px solid;
    border-color: transparent;
    padding: 2px;
    color: #000 !important;
    background: #fff !important;
}

.a-color2 {
    border: 1px solid;
        border-color: transparent;
    padding: 2px;
    color: #fff !important;
    background: #000 !important;
}

.a-color3 {
    color: #063462 !important;
    background: #9DD1FF !important;
    border: 1px solid;
    border-color: transparent;
    padding: 2px;
}

.a-color4 {
    color: #59422E !important;
    background: #F7F3D6 !important;
    border: 1px solid;
    border-color: transparent;
    padding: 2px;
}

.a-color5 {
    color: #A9DD38 !important;
    background: #3B2716 !important;
    border: 1px solid;
    border-color: transparent;
    padding: 2px;
}


.a-color1:hover, .color1 .a-color1 {
    border-color: #000;
    padding: 2px;
}

.a-color2:hover, .color2 .a-color2 {
    border-color: #fff;
    padding: 2px;
}

.a-color3:hover, .color3 .a-color3 {
    border-color: #000;
    padding: 2px;
}

.a-color4:hover, .color4 .a-color4 {
    border-color: #000;
    padding: 2px;
}

.a-color5:hover, .color5 .a-color5 {
    border-color: #fff;
    padding: 2px;
}


.a-images {
    float: left;
    display: inline;
    margin: 10px 0 0 10px;
}

.a-images dl, .a-images dt, .a-images dd {
    float: left;
    margin-left: 10px;
}

.a-images a {
/*    height: 27px;
    margin-left: 5px;
    display: inline;
    float: left;
    background-image: url(../img/access/images.png);
    position: relative;
    top: -5px;
    text-decoration: none;
    width: 90px;*/
}

.a-imageson {

}
.a-imagesoff {

}

.a-spacing {
/*    float: left;
    display: inline;
    margin: 10px 0 0 10px;*/
    display: inline-block;
    width:380px;
}

.a-spacing dl, .a-spacing dt, .a-spacing dd {
/*    float: left;
    margin-left: 10px;*/
/*    display: inline-block;*/
    margin: 0 auto;
    display: inline;
}

#spacing-small.letter-spacing {
    border: 1px solid;
    border-color: transparent;
    padding: 2px;
}

a#spacing-small.letter-spacing:hover, #spacing-small.letter-spacing a#spacing-small.letter-spacing {
    border-color: black;
    padding: 2px;
}

#spacing-normal.letter-spacing {
    border: 1px solid;
    border-color: transparent;
    padding: 2px;
}

a#spacing-normal.letter-spacing:hover, #spacing-normal.letter-spacing a#spacing-normal.letter-spacing {
    border-color: black;
    padding: 2px;
}

.here.letter-spacing, .spacing-small #spacing-small, .spacing-normal #spacing-normal{
/*    background: #063462;
    color: #9ed1ff;*/
    border-color: black;
}


.a-settings {
    float: left;
    padding-left: 49px;
    /*background: url(../img/a-search.png) no-repeat 0 0;*/
    margin-top: 10px;
    padding-top: 0px;
    padding-bottom: 6px;
    margin-left: 13px;
    display: inline;
}

.a-settings {
    /*background-image: url(../img/a-settings.png);*/
}

.a-settings a {
    padding-right: 18px;
    /*background: url(../img/arr.png) no-repeat 100% 60%;*/
}

.popped {
    border: 2px solid #000;
    background: #9ed1ff;
    position: absolute;
    left: 0;
    top: 46px;
    width: 883px;
    z-index: 100;
    padding: 13px 21px 23px 21px;
    color: #063462;
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    display: none;
}

.access .popped a {
    color: #063462;
}

.popped h2 {
    font-size: 44px;
    margin-bottom: 15px;
}

.popped p span {
    font-weight: normal
}


.choose-font-family {
    margin-bottom: 10px;
}

#serif {
    font-family: "Times New roman", serif;
}

/*.font-family, .letter-spacing {
    padding: 2px 4px;
    border: 1px solid #063462;
    text-decoration: none;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #063462;
}*/

/*.here.font-family, .here.letter-spacing, .spacing-small #spacing-small, .spacing-normal #spacing-normal, .spacing-big #spacing-big, .serif #serif, .sans-serif #sans-serif {
    background: #063462;
    color: #9ed1ff;
}*/
/*
.choose-letter-spacing {
    margin-bottom: 1em;
}

#out #spacing-small {
    letter-spacing: 0px;
}

#out #spacing-normal {
    letter-spacing: 2px;
}

#out #spacing-big {
    letter-spacing: 5px;
}*/

.choose-colors {
    font-size: 22px;
    list-style: none;
}

.choose-colors a {
    display: block;
    padding: 10px 22px;
    text-decoration: none;
    zoom: 1;
}

.choose-colors a span {
    display: none
}

#color1 a {
    color: #000;
    background: #fff
}

#color2 a {
    color: #fff;
    background: #000
}

#color3 a {
    color: #063462;
    background: #9dd1ff;
    border: 6px solid #063462;
    padding: 4px 16px
}

#color4 a {
    color: #4d4b43;
    background: #f7f3d6
}

#color5 a {
    color: #a9e44d;
    background: #3b2716
}

.color1 #color1 span,
.color2 #color2 span,
.color3 #color3 span,
.color4 #color4 span,
.color5 #color5 span {
    display: inline;
    margin-right: 5px;
}

.saveit {
    width: 100%;
    overflow: hidden;
    font-size: 22px;
    font-weight: bold;
    margin-top: 15px;
    padding: 5px 0;
}

#out .saveit a {
    float: right;
    border: 4px solid #063462;
    text-decoration: none;
    color: #9dd1ff;
    background: #063462;
    margin-left: 28px;
    display: inline

}

.saveit a span {
    padding: 6px 14px;
    border: 2px solid #063462;
    float: left;
}

.color1 .popped {
    border-color: #000;
    background: #fff;
    color: #000;
}

.color1 .popped a, .color1 .access .popped a {
    color: #000
}

.color1 #out .font-family, .color1 #out .letter-spacing {
    color: #000;
    border-color: #000
}

.color1 #out .here.font-family, .color1 #out .here.letter-spacing, .color1.spacing-small #out #spacing-small, .color1.spacing-normal #out #spacing-normal, .color1.spacing-big #out #spacing-big, .color1.serif #out #serif, .color1.sans-se
rif #out #sans-serif {
    color: #fff;
    background: #000
}

.color1 #out .saveit a {
    background: #000;
    border-color: #000
}

.color1 .saveit a span {
    border-color: #000;
    color: #000
}

/* =font-size
----------------------------------------------- */
.fontsize-big .page {
    font-size: 18px
}

.fontsize-normal .page {
    font-size: 14px
}

.fontsize-small .page {
    font-size: 12px
}

/* =spacing
----------------------------------------------- */
.spacing-normal .page, .spacing-normal .popped {
    letter-spacing: 2px
}

.spacing-big .page, .spacing-big .popped {
    letter-spacing: 5px
}

.sans-serif .page, .sans-serif .nav a, .sans-serif .subnav a, .sans-serif .footer, .sans-serif #out h2, .sans-serif .popped {
    font-family: Arial, sans-serif
}

.serif .popped {
    font-family: Georgia, serif
}

.imagesoff .page img {
    display: none
}

/* blind */
#letter-form legend {
    display: block;
    font-family: Georgia,serif;
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 5px;
}

.text_only {
   height: 1px;
   left: -10000px;
   overflow: hidden;
   position: absolute;
   top: auto;
   width: 1px;
}