/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
        margin: 0;
        padding: 0;
        font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
        color: #666;
}

a {
        color: #333;
}

a:hover {
        text-decoration: none;
        color: #111;
}

a img
{
        border:none;
}

a.extern
{
        padding-right:15px;
        background: transparent url('images/external.png') no-repeat right;
}
/* Header */

#header {
        background-repeat:repeat-x;
        background-size:1px 203px;
        width: 100%;
        height: 203px;
        z-index: 3000;
}
#header_content {
        max-width: 778px;
        margin: 0 auto;
}

/* Logo */

#logo {
        float: left;
}

#logo a
{
        text-decoration:none;
}

#logo * {
        margin: 0;
        padding: 0;
        text-transform: lowercase;
        color: #FFF;
}

#logo h1 {
        padding: 100px 0 0 0;
        letter-spacing: -3px;
        font-size: 3.5em;
}

#logo h2 {
        letter-spacing: 1px;
        font-size: 1em;
}

#logo h2 a {
        display: block;
}

/* Menu */

#menu {
        float: right;
}

#menu ul {
        margin: 0;
        padding: 154px 0 0 0;
        list-style: none;
}

#menu li {
        display: block;
        float:left;
        height:29px;
}

#menu li:hover ul{
        display:block;
}

#menu li ul{
        padding: 0px;
        display:none;
        position:absolute;
        width: 165px;
        top:182px; /*154+29*/
}

#menu li ul li{
        background-color: #660000;
        display: block;
        width: 165px;
        height: auto;
}
#menu li ul li a
{
        height:auto;
        display: block;
        width:125px;
}


#menu a {
        display: block;
        float: left;
        padding: 5px 20px;
        text-decoration: none;
        /* text-transform: lowercase; */
        font-size: 1em;
        font-weight: bold;
        color: #DDD;
}

#menu a:hover, #menu a.active {
/*        padding: 4px 19px;*/
        background: linear-gradient(to top, #d07373, #b28888); /* #D0E5E5 url(images/img2.gif) repeat-x left top; */
        border: 1px solid #E1EFEF;
        border-right-color: #859292;
        border-bottom-color: #859292;
        color: #000;
        padding: 4px 19px;
}

#butmenu {
        display: none;
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        background: no-repeat 50% 50%;
        padding: 5px;
        top: calc(203px - 10px - 40px - (2 * 5px));
        border-radius: 15%;
}


.vss #butmenu {
        display: block;
}
.sm.vss #butmenu {
}
.vss:not(.sm) #menu {
        display: none;
}

.vss #menu > ul {
        display: block;
        padding: 0px;
        margin: 0px;
        width: 100%;
        position: absolute;
        top: 203px;
}
.vss #menu ul li:hover ul {
        display: block;
        width: 100%;
        top: 0px;
        position: relative;
}
.vss #menu li {
        width: 100%;
}
.vss #menu li a {
        width: calc(100% - 42px);
}

.vss #menu > ul > li {
        height: auto;
}
.vss #menu {
        position: absolute;
        width: 100%;
}

.vss #butmenu, .vss #menu {
        display: block;
}

.sm.vss #butmenu {
}

.vss:not(.sm) #menu {
        display: none;
}

/* Content */

#content {
        max-width: 778px;
        margin: 0 auto;
        padding: 20px 0 0 0;
}

a[name] {
        margin-top:calc(138px - 203px);
        padding-top:calc(203px - 138px);
}

/* Column One */

#colOne {
        float: left;
        max-width: 500px;
}

#colOne h1 {
        font-size: 200%;
}

#colOne h2 {
        font-size: 170%;
}

#colOne h3 {
        font-size: 140%;
}

#colOne p, #colOne ul, #colOne ol {
        line-height: 160%;
}

#colOne .plus {
    float: right;
}

#colOne .credits {
        margin-bottom: 50px;
        padding:0;
        background: #FEDEDD;
/*      background: #210000;*/
        border-left: 2px solid #F97577;
}

#colOne .credits.plus,
#colOne .credits p {
        margin:0;
        padding: 5px;
        padding-left:8px;
        line-height: normal;
}

/*
 #colOne .t_img img
{
        width:100%;
}

#colOne .t_img img:hover
{
        width:500px;
}
*/

.bx-wrapper {
    width: 80%;
}
.bx-wrapper ul {
      padding:0;
}

.bx-wrapper li > a {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.bx-wrapper li > a > * {
    display: inline;
    max-width: 100%;
}

/**
 * BXImage fullscreen
 */
.bx-wrapper.fullscreen *{
    margin: 0px;
    padding: 0px;
}
.bx-wrapper.fullscreen .bx-viewport, .bx-wrapper.fullscreen{
    position:fixed;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
    z-index:4000;
}
.bx-wrapper.fullscreen .bxslider, .bx-wrapper.fullscreen .bxslider li{
    height: 100% !important;;
}
.bx-wrapper.fullscreen .bxslider li{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.bx-wrapper.fullscreen .bx-viewport{
    border: none !important;
}

#colOne .goto_top
{ 
        text-align: right
}

#colOne .comp .bg_mark
{
        width:100px;
        height:23px;
        background: transparent url('../images/unmarks.png') no-repeat top left;
        float:right;
}

#colOne .comp .mark
{
        height:23px;
        float:left;
        background: transparent url('../images/marks.png') no-repeat top left;
        color: transparent;
}

/* Column Two */

#colTwo {
        float: right;
        width: 248px;
}

#colTwo ul {
        margin: 0;
        padding: 10px 0 0 0;
        list-style: none;
}

#colTwo li {
        margin-bottom: 20px;
}

#colTwo li li {
        margin-bottom: auto;
}

#colTwo li ul {
        padding-left: 20px;
        list-style: square inside;
}

#colTwo h2:before {
        content: "";
        float: left;
        width: 9px;
        height: 9px;
        margin-top: 6px;
        margin-right: 6px;
        margin-left: 5px;
        border-radius: 3px;
        background-image:linear-gradient(#F88, #F00);
}

#colTwo h2 {
        padding-bottom: 5px;
        font-size: 1em;
        color: #000;
        border-bottom: 1px solid;
        border-bottom-color: #D3D3D3;
}


/* Footer */

#footer {
        clear: both;
        width: 100%;
        height: 60px;
        margin: 0 auto;
        padding: 0;
        background-repeat: repeat-x;
        background-size: 1px 60px;
        border-top-width: 3px;
        border-top-style: solid;
}

#footer a {
        color: #fff;
        color: inherit;
}

#footer p {
        margin: 0;
        padding: 20px 0;
        text-align: center;
        font-size: smaller;
        color: #FFF
}