﻿/*-----------------------Globals styles----------------------*/
* 
{
  margin:0;
  padding:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body
{
    font-family: Arial;
    font-size: 9pt;
}

#wrapper {
  position:relative;
  padding: 30px 0 30px 0;
}

#canvas
{
    position: relative;
    width: 973px;
    margin: 0px auto 0px auto;
}

a
{
    text-decoration: none;
    color: Black;
}
a:visited
{
    color: Black;
}
a:hover
{
    text-decoration: underline;
}
a.clean:hover
{
	text-decoration: none;
}
/* ---------------- HEADER ---------------- */ 
.nzskTitle
{
    width: 100%;
}
.title
{
    width: 100%;
}
.title div
{
    padding: 10px 0 8px 0;
    float: left;
    text-align: center;
    font-size: 12pt;
}

#descr
{
    border-top: solid 2px;
    text-align: center;
    width: 100%;
}


.museumLangStrip
{
    border-top: solid 2px;
    border-bottom: solid 2px;
    width: 100%;
}
.nzSKmuseums
{
    float: left;
    width: 60%;
    padding-left: 3px;
}
.langSelector
{
    float: right;
    padding-right: 4px;
}
.langSelector a
{
    border-left: solid 2px;
    text-decoration: none;
    padding-left: 4px;
}

.siteMap
{
    width: 13em;
    float: right;
    border-left: solid 2px;
    text-align: center;
}

.imgBar
{
    width: 100%;
    /*height: 247px;*/
}
.imgBar div
{
    float: left;
    border-right: solid 2px;
}


.museumBar 
{
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
}
.museumBar div
{
    text-align: center;
    padding: 5px 0 5px 0; 
    float: left;
    margin-right: 2px;
    width: 193px;   /* 973/5 */
}

/* ---------------- CONTENT ---------------- */ 

#content
{
	text-align: justify;
    width: 100%;
    border-top: solid 2px;
    padding-top: 20px;
}

table
{
    border-collapse: collapse;
}

td.cont
{
    border-left: solid 2px;
    padding: 50px;
    padding-top: 0px;
    font-family: Tahoma;
    font-size: 12pt;
    max-width: 678px;
}

/* ---------------- FOOTER ---------------- */ 

#footer
{
    /*position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /*height: 100px;*/
}

#breadCrumbs
{
    /*height: 20px;*/
    border-top: solid 2px;
    border-bottom: solid 2px;
    padding-left: 5px;
}



/* ------ common ------- */
/* Margins
------------------------------ */
.m-5 { margin:5px; }
.m-10 { margin:10px; }
.m-15 { margin:15px; }
.m-20 { margin:20px; }

.mt-5 { margin-top:5px; }
.mt-10 { margin-top:10px; }
.mt-15 { margin-top:15px; }
.mt-20 { margin-top:20px; }

.mb-5 { margin-bottom:5px; }
.mb-10 { margin-bottom:10px; }
.mb-15 { margin-bottom:15px; }
.mb-20 { margin-bottom:20px; }

.mr-5 { margin-right:5px; }
.mr-10 { margin-right:10px; }
.mr-15 { margin-right:15px; }
.mr-20 { margin-right:20px; }

.ml-5 { margin-left:5px; }
.ml-10 { margin-left:10px; }
.ml-15 { margin-left:15px; }
.ml-20 { margin-left:20px; }

/* Paddings
------------------------------ */
.p-5 { padding:5px; }
.p-10 { padding:10px; }
.p-15 { padding:15px; }
.p-20 { padding:20px; }

.pt-5 { padding-top:5px; }
.pt-10 { padding-top:10px; }
.pt-15 { padding-top:15px; }
.pt-20 { padding-top:20px; }

.pb-5 { padding-bottom:5px; }
.pb-10 { padding-bottom:10px; }
.pb-15 { padding-bottom:15px; }
.pb-20 { padding-bottom:20px; }

.pr-5 { padding-right:5px; }
.pr-10 { padding-right:10px; }
.pr-15 { padding-right:15px; }
.pr-20 { padding-right:20px; }

.pl-5 { padding-left:5px; }
.pl-10 { padding-left:10px; }
.pl-15 { padding-left:15px; }
.pl-20 { padding-left:20px; }


.fr { float: right; }
.fl { float: left; }

.w-100 { width: 100% }
.w-70 { width: 70% }
.w-50 { width: 50% }

.button
{
    padding: 4px 9px 4px 9px;
    font-size: 12pt;
}

a img {border:none;}
