<style type="text/css">
.fotgal {border:1px; border-thickness: 1px; border-color: #007ba5;
border-style: solid;}
A:hover, A:active {color: #007ba5}
A:hover .fotgal, A:active .fotgal {border:1px; border-thickness: 1px;
border-color: #fff; border-style: dashed}

.fotgalblack {border:1px; border-thickness: 1px; border-color: #B4BF91;
border-style: solid;}
A:hover, A:active {color: #fff}
A:hover .fotgalblack, A:active .fotgalblack {border:1px; border-thickness: 1px;
border-color: #000; border-style: dashed}

.navigation {border:1px; border-thickness: 1px; border-color: #000;
border-style: solid;}
A:hover, A:active {color: #fff}
A:hover .navigation, A:active .navigation {border:1px; border-thickness: 1px;
border-color: #fff; border-style: dashed}


.align-right { float:right; margin: 0 0 5px 5px; }

.align-left { float:left; margin: 0 5px 5px 0; }
.frame { padding: 5px; border: 1px solid #aaa; } 


a.info{text-decoration: none; border-bottom: 1px dotted}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

div.container {
	position: relative;
	margin: -350;
	width: 700px;
	height: 2000px;
	left: 50%;
	top: 320;
}

div.readable {
font-family: Century Gothic;
text-align: justify;
border-color: black;
padding:1px;
font-size: 10pt;
}

div.dots {
border-color: black;
border:1px dashed black;
}


verdana {font-family: verdana}
arial {font-family: arial}
helvetica {font-family: helvetica}
tahoma {font-family: tahoma}
lucida {font-family: Lucida Sans Typewriter}
century {font-family: Century Gothic}
</style>
