html {

    border: 0px none;
    margin: 0px;
    padding: 0px;
    color: black;
    background-color: #FFFFCC;
    font-family: serif;
    font-weight: normal;
    -webkit-text-size-adjust: none;
}

body {
    width: 90%;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}

/*
 * DIV
 */
div.image {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 600px;
}

div.infowindow {
	font-family: sans-serif;
	font-size: 70%;
}

div.mapcontainer {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    max-width: 800px;
}

div.map {
    border: 1px solid black;
    width: 100%;
    height: 600px;
    max-width: 800px;
    max-height: 600px;
    margin-bottom: 10px;
}

div.legenda {
    border: 1px solid black;
    width: 100%;
}

div.legenda div {
    vertical-align: middle;
    display: inline-block;
    padding: 10px;
    text-align: left;
    font-size: 75%;
}

div.legenda div div.legendabox {
    vertical-align: middle;
    display: inline-block;
    margin: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0px;    
    border: 1px solid black;
    width: 30px;
    height: 20px;
}

div.video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	/*max-width: 600px;*/
	margin-left: auto;
	margin-right: auto;
}

div.video iframe, div.video object, div.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
 * Hn
 */

h1,h2,h3,h4 {
    font-family: sans-serif;
    color: #700000;
}

h1,h2.subtitle,h3.subtitle {
    text-align: center;
}

h4 {
    margin-bottom: 2px;
}

/*
 * P
 */

p {
	text-align: justify;
}

p.navbar {
	text-align: center;
	font-size: 75%;
}

p.copy {
	color: #909090;
	padding-top: 5ex;
	text-align: center;
	font-size: 70%;
}

p.subtitle {
	font-family: sans-serif;
	color: #700000;
	font-size: 105%;
}


/*
.image2 {
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}*/

div.image p, div.mapcontainer p {
    margin-top: .7em;
    /*text-align: center;*/
    font-style: italic;
    font-family: serif;
}

.caption {
    margin-top: .7em;
    text-align: center;
    font-style: italic;
    font-family: serif;
}

.tiny {
	font-size: 8pt;
}

img.photo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: inherit; /* IE7, IE8 */
    max-width: 100%;
    height: auto;
}

a, dl a, h3 a {
	color: #202090;
	text-decoration: none;
}

a:visited, dl a:visited {
	color: #303030;
	text-decoration: none;
}

h3 a:visited {
	color: #700000;
}

a:active,a:hover,dl a:active, dl a:hover {
	text-decoration: underline;
}

a img {
	border: 2px solid #FFFFCC;
}

a:active img,a:hover img {
	border: 2px solid #202090;
}
blockquote {
        background-color: #E0E0B0;
}
blockquote p {
        margin-top: 0em;
        margin-bottom: 0em;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	font-style: italic;
}
blockquote p.author {
	font-style: normal;
	text-align: right;
	font-size: 80%;	
}
dl dt {
        font-weight: bold;
	margin-top: 1ex;
	margin-bottom: 0.5ex;
}
dl.history dt {
        font-weight: normal;
        color: #700000;
}
dl.history dd ul {
    list-style-type: none;
    padding-left: 0px;
}
dl dd {
	text-align: justify;
}

table.real, table.real td, table.real th {
    font-family: sans;
    border: 1px solid black;
    border-collapse: collapse;
}

table.real td, table.real th {
    font-size: 80%;
    padding: 5px;
}

ul.frontpage {
    text-align: center;
    width: 100%;
    padding: 0px;
    list-style-type: none;
}

ul.frontpage li {
    display: inline-block; 
    vertical-align: top; 
    width: 20em;
    max-width: 100%;
    text-align: left;
    /*border: 1px solid black;*/
}

span.nowrap {
    white-space: nowrap;
}