﻿
/* --- Container configuration ---------------------------------------------------------- */
.viewport {
    width: 212px;
    height: 148px;
    overflow: hidden;
    position: relative;
    float: right;
}
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;
    text-decoration: none;
}

.viewport a img {
    height: 146px;
    left: 0px;
    position: relative;
    top: 0px;
    width: 210px;
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
    display: none;
    font-size: 3.0em;
    font-weight: bold;
    height: 100%;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
}
.viewport a span em {
    display: block;
    font-size: 1.0em;
    font-weight: normal;
    text-align: center;
}

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
    background-color: rgba(15, 200, 15, 0.6);
    color: #fff;
    text-shadow: #000 0px 0px 20px;
}
.dark-background em {
    color: #ccc;
}

/* -------------------------------------------------------------------------------------- */
div.logo1 {
    text-align: center;
	margin: 0px 0px 10px 0px;
	vertical-align: top;
	text-align:center;
	font-size: 10pt;
	border: 1px maroon solid ;
	border-radius:10px 10px 0px 0px;

}
