﻿.imagewithtext {
font-family: "Times New Roman", serif;
font-weight: normal;
width: 200px;
float: left;
display: inline;
border-color: #ccc #222 #222 #ccc;
border-width: 5px;
border-style: dotted;
margin: 0 10px 5px 0;
padding: 0 10px 10px;
text-align: center;
}
.red {color:red}
p {
font-size: 19px;
}

.imt {
margin-left:-500px;
position: absolute;
width: 250;
height: 120;
}
.imt1 {
margin-left:170px;
position: absolute;
width: 350;
height: 120;
}

.popup {
position: relative;
z-index: 1;
}

.popup:hover {
background-color: transparent;
z-index: 2;
}

.popup span {
position: absolute;
visibility: hidden;
}

.popup span img {
border-width: 0;
padding: 2px;
}
A:link.popup {color: black; text-decoration: none;}

.popup:hover span {
visibility: visible;
top: -50;
left:3 px;
}
body{
margin:10px;
	background: #FFF;
}

.popup1 {
position: relative;
z-index: 1;
}

.popup1:hover {
background-color: transparent;
z-index: 2;
}

.popup1 span {
position: absolute;
visibility: hidden;
}

.popup1 span img {
border-width: 0;
padding: 2px;
}
A:active.popup1 {color: blue;}
A:link.popup1 {color: red; }
A:visited.popup1{color: indigo;text-decoration: none;}
A:hover.popup1 {color: lime; text-decoration: none;font-weight: bold}
.popup1:hover span {
visibility: visible;
top: 0;
left:3 px;
}

.popup2 {
position: relative;
z-index: 1;
}

.popup2:hover {
background-color: transparent;
z-index: 2;
}

.popup2 span {
position: absolute;
visibility: hidden;
}

.popup2 span img {
border-width: 0;
padding: 2px;
}
A:active.popup2 {color: blue;}
A:link.popup2 {color: lime; }
A:visited.popup2{color: indigo;text-decoration: none;}
A:hover.popup2 {color: lime; text-decoration: none;font-weight: bold}
.popup2:hover span {
visibility: visible;
top: -350;
left: -300;
}


#footer {
background-image:url(fon/363606949.gif);
color : #000;
font-size : 50%;
padding : 5px;
clear : both;
}

#footer a {
color : #00BFFF;
}

#footer a:hover {
color : #f00;
}

#footer p {
padding : 2px;
color : #000;
text-align : center;
font-size: 12px;
}
.tooltip{
	position:absolute;
	width:250px;
	background-image:url();
	background-position:left center;
	color:#333333;
	padding:5px 5px 5px 8px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	background: ##ffff00;
	background: -o-linear-gradient(top , #ffff00, #FFFFFF);
    background: -ms-linear-gradient(top , #ffff00, #FFFFFF);
	background: -moz-linear-gradient(top , #ffff00, #FFFFFF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffff00), to(#FFFFFF));
	border-style: solid;
	border-width: 3;
	border-color: #666666;
}	
.tooltip-image{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:3px;
}	
.tooltip span{
   font-weight:700;
   color:#0066FF;
}
hr.gor {
width: 1px;
height: 150;
}