@import "content.css";
*
{
        font-size: 100%;
}
BODY
{
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background: #411242;
        font-size: 70%;
        font-family: arial, tahoma, verdana, sans-serif;
}
H2
{
        font-size: 140%;
        font-weight: normal;
        margin: 0 0 1em 0;
}
H3
{
        font-size: 110%;
        margin: 10px 0px 5px 0px;
        text-align: left;
}
P
{
        margin: 0 0 1em 0;
}
UL
{
        margin: 1em 0 1.5em 2em;
        padding-left: 0;
        list-style-type: none;
}
LI
{
        margin-bottom: 0.7em;
}
A:link
{
        color: #00501F;
}
A:hover
{
        color: #008934 !important;
}
A:visited
{
        color: #483951;
}
.noMargin
{
        margin: 0;
}

#LogoOkko
{
        position: absolute;
        top: 21px;
        left: 33px;
        width: 102px;
        height: 27px;
        border: none;
        z-index: 3;
}

#Menu
{
        position: relative;
        width: 635px;
        height: 100px;
        text-align: left;
        margin-left: 21px;
}
#Menu #Primary
{
        position: absolute;
        left: 0;
        top: 22px;
}
#Menu #Secondary
{
        position: absolute;
        left: 0;
        top: 59px;
        padding-left: 45px;
}

#Menu DIV.MenuContainer, #Menu DIV.ActiveMenuContainer, #Menu DIV.Menu2Container
{
        margin-right: 18px;
        float: left;
        width: 98px;
        height: 33px;
        text-transform: uppercase;
        background-position: center center;
}

#Menu DIV.MenuContainer
{
        background: url(../im/common/primary.gif) no-repeat;
}
#Menu DIV.Menu2Container
{
        background: url(../im/common/secondary.gif) no-repeat;
}
#Menu DIV.ActiveMenuContainer
{
        background: url(../im/common/activemenuitem.gif) no-repeat;
}

#NavMenu
{
        width: 100%;
        height: 54px;
        background-color: #CAE8CA;
        text-align: center;
        white-space: nowrap;
}
#NavMenu IMG
{
        margin-top: 18px;
        width: 26px;
        height: 22px;
        border: none;
}
#NavMenu IMG.Lang
{
        width: 26px;
        height: 22px;
        border: none;
}

#ContentBox
{
        padding: 21px 21px 0 21px;
        font-size: 120%;
}

.SubContentBox
{
        width: 25%;
        height: 4em;
        font-size: 120%;
}
.SubContent
{
        margin: 21px 21px 4em 21px;
}

#SubMenuBox
{
        padding-right: 30px;
        font-size: 110%;
}
#SubMenu
{
        background: #92948F url(../im/common/bg-submenu.gif) bottom right;
}
#SubMenuContent
{
        padding: 0 21px .4em 21px;
}
DIV.Bullet
{
        margin: .4em 0 0 10px;
        color: #FFFFFF;
        line-height: 1.1em;
        border: 0px solid red;
}
DIV.Bullet IMG
{
        width: 10px;
        height: 10px;
        margin: 0 5px 0 -15px;
        border: none;
}
DIV.Bullet DIV
{
        margin: .3em 0 .3em 21px;
        font-weight: normal;
        border: 0px solid green;
}
DIV.Bullet DIV.Selected
{
        font-weight: bold;
}
DIV.Bullet DIV.Disabled
{
        color: #CAE8CA;
}
DIV.Bullet select
{
        width: 225px;
        font-family: arial,tahoma,verdana,sans-serif;
}
.SubMenuCorners
{
        height: 14px;
}
.SubMenuCorners IMG
{
        width: 14px;
        height: 14px;
}
#SubMenu A:link
{
        color: #FFFFFF;
}
#SubMenu A:hover
{
        color: #FFE51D !important;
}
#SubMenu A:visited
{
        color: #FFFFFF;
}

#title
{
        color: #FFFFFF;
        margin: 1.5em 0 0 -4px !important;
        font-weight: bold !important;
}


#SubMenuFunBox
{
        padding: 21px 0 0 21px;
}
#SubMenuFunBox DIV.Popup
{
        margin: 0 0 1em 16px;
}
#SubMenuFunBox DIV.Popup A IMG
{
        width: 17px;
        height: 14px;
        margin: 0 6px 0 -23px;
        border: none;
}

#PromoBox
{
        padding: 0px 30px 0px 45px;
        font-size: 120%;
}
#PromoBox TD
{
        width: 50%;
        padding: 1em 2em 1em 0em;
}
#PromoBox TD IMG
{
        width: 100px;
        height: 100px;
        margin-top: -1em;
        margin-right: 0.7em;
        border: none;
}
#PromoBox A:link
{
        color: #FFFFFF;
}
#PromoBox A:hover
{
        color: #FFE51D !important;
}
#PromoBox A:visited
{
        color: #FFFFFF;
}
#TopTr
{
        height: 115px;
}
#Foot
{
        height: 100%;
        margin-right: 9px;
        font-size: 120%;
        background: url(../im/common/bg-foot.gif);
        border-top: 2px solid #50234F;
        border-left: 2px solid #50234F;
        border-right: 2px solid #50234F;
}
#FootCorners
{
        height: 24px;
}
#FootContent
{
        padding: 3px 9px 0 19px;
}
#FootContent DIV.Bullet
{
        margin: 0 0 0.4em 10px;
}
#FootContent DIV.Bullet A
{
        color: #FFFFFF;
}
#FootContent DIV.Bullet A IMG
{
        width: 10px;
        height: 10px;
        margin: 0 5px 0 -15px;
        border: none;
}
/*#LogoGNG { width: 114px; height: 16px; }*/
#Foot A:link
{
        color: #FFFFFF;
}
#Foot A:hover
{
        color: #FFE51D !important;
}
#Foot A:visited
{
        color: #FFFFFF;
}

#Copyright
{
        color: #838181;
        padding: 0px 0 10px 45px;
}
#Copyright A
{
        color: #838181;
}
#Copyright A:hover
{
        color: #FFE51D !important;
}
#Copyright IMG
{
        min-width: 90px;
        height: 37px;
        margin-right: 1em;
        border: none;
}
P.error, div.error, span.error, P.warning
{
        color: #FF0000;
}
P.message
{
        color: #008000;
}

FORM
{
        margin: 0;
}
.Form TR
{
        vertical-align: top;
}
.Form TH, .Form TD
{
        padding: 0 21px 0.5em 0;
}
.Form TH
{
        width: 25%;
        text-align: left;
        white-space: nowrap;
}
.Form TD
{
        width: 75%;
}
.Form TEXTAREA
{
        font-size: 120%;
}
.Form LABEL
{
        margin-left: 3px;
}

table.data, table.data td, table.data th
{ //border-collapse:collapse;border-spacing:0;border:0hidden;
}
table.data td, table.data th
{
        padding: 0.5em 2em 0.5em 0;
        font-weight: normal;
}
table.data td
{
        border-top: 1px solid #bbd6bb;
}
table.data p
{
        margin: 0;
        padding: 0;
}

DIV.Pages A.Current
{
        padding-right: 0.35em;
        padding-left: 0.35em;
        padding-bottom: 0px;
        color: #ffffff;
        padding-top: 0px;
        background-color: #b1cfb1;
}
DIV.Pages A
{
        font-weight: bold;
        margin: 0px 0.35em;
}
A:link
{
        color: #00501f;
}

#ContentHead
{
        margin: 0 -30px 21px 0;
        height: 24px;
        text-transform: uppercase;
        background: url(../im/common/bg-head.gif) repeat-x;
}

h4, h5
{
        font-family: Corbel, Tahoma, Sans-serif;
}
#ContentHead h4
{
        font-size: 20px;
        display: inline;
        background-color: #cae8ca;
        color: #015120;
}
#Menu div.ActiveMenuContainer h5.activeitem, #Menu div.MenuContainer h5.menuitem
{
        font-size: 10px;
        margin-left: 12px;
        margin-right: 12px;
        margin-top: 4px;
        text-align: center;
}
#Menu div.Menu2Container h5.menu2item
{
        font-size: 10px;
        margin-left: 12px;
        margin-right: 12px;
        margin-top: 2px;
        text-align: center;
}

h5.activeitem a, h5.activeitem a:hover
{
        color: #f4f7e6 !important;
        text-decoration: none;
}

h5.menuitem a, h5.menu2item a
{
        text-decoration: none;
        color: #114b2a !important;
}
h5.menuitem a:hover, h5.menu2item a:hover
{
        text-decoration: none;
        color: #102010 !important;
}

#NavMenuBox, #FunBox1, #MenuBox
{
        height: 115px !important;
}

@media print
{
        *
        {
                font-size: 9pt;
        }
        TABLE
        {
                height: auto;
        }
        #FunBox2, #MenuBox, #NavMenuBox, #SubMenuBox, #Flash, #PromoBox, #FootBox, .SubContentBox
        {
                display: none;
        }
        #FunBox2 DIV
        {
                display: none;
        }
        #FunBox2
        {
                width: 0;
        }
        #LogoOkko
        {
                position: absolute;
                top: 0;
                left: 0;
        }
        #ContentBox
        {
                width: 100%;
                padding-top: 50px;
        }
        #ContentHead, #ContentHead IMG, #ContentHead.Linked
        {
                background: none;
        }
        #Copyright
        {
                padding: 0;
        }
        #FlashContainer
        {
                display: none;
        }
        #ContentBox
        {
                width: 100%;
        }
}


.newsblockdate
{
        margin-left: 0px !important;
        color: #CCCCCC;
}
.newsblocktitle
{
        margin-left: 0px !important;
        margin-top: 20px !important; ;}

#ContentBox ul li
{
        list-style-image: url(bullet.gif);
}
#ContentBox ol
{
        margin-left: 0px;
        padding-left: 30px;
}
#ContentBox h1
{
        font-size: 18px;
        font-weight: normal;
        color: #015120;
        margin-top: 10px;
        margin-bottom: 5px;
}
#ContentBox h2
{
        font-size: 16px;
        font-weight: bold;
        color: #015120;
        margin-top: 10px;
        margin-bottom: 5px;
}
#ContentBox h3
{
        font-size: 14px;
        font-weight: bold;
        color: #015120;
        margin-top: 10px;
        margin-bottom: 5px;
}

#ContentBox table th h1
{
        font-size: 18px;
        font-weight: normal;
        color: #015120;
        margin-top: 10px;
        margin-bottom: 5px;
        font-family: corbel;
}
#ContentBox table th h2
{
        font-size: 16px;
        font-weight: bold;
        color: #015120;
        margin-top: 10px;
        margin-bottom: 5px;
        font-family: corbel;
}
#ContentBox table th h3
{
        font-size: 14px;
        font-weight: bold;
        color: #015120;
        margin-top: 10px;
        margin-bottom: 5px;
        font-family: corbel;
}

#ContentBox table, #ContentBox td, #ContentBox th
{
}
#ContentBox td
{
        padding: 10px;
}
#ContentBox td table
{
        border-collapse: collapse;
        width: 100%;
}
#ContentBox td td
{
        padding: 5px 7px;
        border-collapse: collapse;
}
#ContentBox th
{
        border-bottom: 1px solid #92948f;
        padding: 7px 7px 3px 7px;
}

#PartnersLogo
{
        margin: 0 10 10 10px;
}
#PartnersLogo td
{
        padding-left: 5px;
}
#PartnersLogo
{
        padding: 3px;
        vertical-align: middle;
        text-align: center;
}


.greyBoxWrap
{
        width: 251px;
        background: transparent url(../im/venceremos_bg.gif) top left repeat-y;
}

.greyBoxWrap .text
{
        background: transparent url(../im/venceremos_bg_top.gif) top left no-repeat;
        padding: 70px 25px 0 25px;
}

.greyBoxWrap .text p
{
        text-align: center;
}

.greyBoxWrap .bottom
{
        height: 40px; /*background: transparent url(../im/venceremos_foot.gif) top left no-repeat;*/
}
.small
{
        font-size: 80%;
}
.page_border
{
        height: 26px;
        width: 750px;
        margin: 0 0 5px 0;
}


.page_border ul
{
        float: right;
        height: 20px;
        margin: 0;
        padding: 0;
}


.page_border ul li
{
        list-style: none;
        float: left;
        margin: 0;
        padding: 7px 0 0 0;
        width: 23px;
        font-family: Tahoma;
        font-size: 12px;
        color: #000;
        font-weight: bold;
        text-align: center;
}

.page_border ul li.active
{
        background-image: url(../im/active_page.gif);
        background-repeat: no-repeat;
        height: 19px;
        width: 21px;
        text-align: center;
}
/* --------------------------------------- yui uploader--------------------------------------*/
#ContentBox input#fileNameImageName
{
        text-align: center;
        margin: 0px 0 0 0;
        overflow: hidden;
        width: 200px;
        height:25px;
        
}
#ContentBox #progressBarImageName
{
        height: 3px !important;
        width: 200px;
}
#containerImageName, .uploadFilesLink
{
        float: left;
}
.yui_imb div.uploadFilesLink
{
        margin: 4px 0 0 5px;
}
.fileProgress
{
        width: 200px;
}
table.yui_imb td
{
        padding: 0 !important;
}
div.imb_loader, div.fileProgress {float:left;}
/* --------------------------------------- end yui uploader--------------------------------------*/
/* --------------------------------------- vc --------------------------------------*/
.joke_page
{
        background-color: #cae8ca;
}
.place_table
{
        /*      background: url(../im/vc/place_table-BG.gif) repeat-y;*/
        margin-bottom: 10px;
        width: 659px;
}
.jokeplace_table
{
        background: url(../im/vc/place_table-BG.gif) repeat-y;*/
        margin-bottom: 10px;
        width: 659px;
}

.place_header
{
        height: 95px;
}
.place_header1
{
        background: url(../im/vc/place_table-header.gif) no-repeat top;
        height: 8px;
        clear: both;
}
.place_header img
{
        margin: 43px 0 0 40px;
}

.place_item
{
        font-weight: bold;
        padding: 0 0 0 50px;
        background: url(../im/vc/item-boolet.gif) no-repeat 20px 5px;
}
.signature
{
        font-weight: normal;
}
.place_separator
{
        background: url(../im/vc/place_table-separator.gif) no-repeat;
        height: 2px;
}

.place_footer
{
        background: url(../im/vc/place_table-footer.gif) no-repeat bottom;
        height: 8px;
        clear: both;
}
.photos_container
{
        padding: 40px;
}
.photos_container
{
        padding: 40px;
}
.picture_frame
{
        background: url(../im/vc/photo_frame.gif) no-repeat center top;
        width: 190px;
        height: 255px;
        float: left;
        position: relative;
}

.picture_autor
{
        padding: 0px 5px 0 18px;
        font-weight: bold;
}
.picture_name
{
        font-weight: normal;
}
.zoom_button
{
        position: absolute;
        top: 138px;
        left: 148px;
}
.zoom_button a, .zoom_button a img
{
        border: none;
}
/*.picture_frame img{
        margin:10px 0 0 25px
}*/
a img
{
        border: 0;
}
.picture_cont
{
        width: 190px;
        height: 168px;
        text-align: center;
        vertical-align: middle;
        margin: 0 0 10px 0;
        padding: 0;
}
.picture_cont img
{
        margin: auto;
        vertical-align: middle;
}
/* --------------------------------------- end vc--------------------------------------*/
.Date{
  position: relative;  
}
.Date .addthis_container{
    margin-top: -5px;
    margin-right: 15px;
    float:right;
    position: absolute;
    top: 0;
    right: 0;

}
.addthis_container{
    float: right;
}

.clear{clear:both;}