@charset "utf-8";
/* Author: Spiro@DesignSpiro.com */

html, body {
	margin: 0px;
	padding: 0px;	
}

body {
	background: url("sliki/DS5897435.png") repeat-x;	
	background-color: #c7c7c7;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

a img {
	border:none;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#eeeeee;
    color:#000;
    text-decoration:none;
padding:5px;}

a.info:hover{z-index:25; background-color:/*#ff0*/ #eeeeee}

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
}
*/

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:80px; left:-3px;
    border:1px solid /*#0cf*/ #555;
    background-color:/*#cff*/ #fff; color:#0066cc;
    text-align: center;
    padding:3px;
}

.clearall {
	clear:both;
}

#container {
	position: relative;
	display: block;
	margin: 0px auto;
	width: 760px;
	height: 617px;
}

#header {
	position: relative;
	display: block;
	height: 110px;
}

#header .LadenjeLogo {
	position: absolute;
	top: 17px;
	left: 30px;
}

#header .LadenjeLogo {
	position: absolute;
	top: 18px;
	left: 30px;
}

#header .contact-ladenje {
	position:absolute;
	display:block;
	top:17px;
	right:30px;
}

#main {
	position: relative;
	margin: 0px auto;
	display: block;
	width: 734px;
	height: 508px;
	background: url(sliki/DS83778345.png) repeat-x;
}

#main .left {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 26px;
	height: 508px;
	background: url(sliki/DS09485874.png) no-repeat;
	margin-left: -26px;
}

#main .right {
	position: absolute;
	display: block;
	top: 0px;
	right: 0px;
	width: 26px;
	height: 508px;
	background: url(sliki/DS83778937.png) no-repeat;
	margin-right: -26px;
}

#main .slika {
	position: absolute;
	bottom: -13px;
	left: 0px;
	width: 173px;
	height: 97px;
	z-index: 999;
}

#main .slika img{
	width:67%;
	height:67%;
}

#main .slika a:hover img {
	border-bottom:2px dotted #676767;
}

#navigation {
	position: absolute;
	display: block;
	left: -18px;
	width: 132px;
	height: 508px;
	background: url(sliki/DS6836495.png) no-repeat;
	padding-left: 15px;
	padding-right:15px;
	color:#777;
	font-weight:bold;
}

#navigation .loc {
	color:#000000;
	font-weight:normal;
}
#navigation .loc a{
	color:#000000;	
	text-decoration:none;
}

#navigation .loc a:hover{
	text-decoration:underline;
}

#navlang {
	position: relative;
	display: block;
	margin:0px auto;
	width: 73px;
	height: 20px;
	text-align: center;
	padding-top: 20px;
}

#navlang a img{ border: 2px solid #d1d1d1; }
/*#navlang a:hover img{ border-bottom: 2px dotted #6e98c4; }*/
#navlang a:hover { padding-bottom: 1px; border-bottom: 2px dotted #676767; }

#navigation .navbtn {
	position: relative;
	display: block;
	width: 131px;
	height: 49px;	
	margin-top: 10px;
	margin-left: 11px;
	text-decoration: none;
}

#navigation .navbtn a{
	border: none;
	text-decoration: none;
}

#navigation .navbtn a:hover{
	border: none;
	text-decoration: none;
}

#navigation .navbtn a img{
	border: 1px solid #e1e1e1;
	text-align: right;
}

#navigation .navbtn a:hover img {
	width: 151px;
	height: 49px;
	margin-left: 0px;
	border: 1px solid #f2f2f2;
}

#navigation .navbtn span img {
	width: 151px;
	height: 49px;
	margin-left: 0px;
}

#navigation .navbtn_text {
	position: relative;
	display: block;
	width: 133px;
	height: 34px;
	color: #6f6f6f;
	margin-top: -49px;
	padding-top: 15px;	
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

#navigation .navbtn_text a{
	border: none;
	text-decoration: none;
}

#navigation .navbtn_text a:hover{
	border: none;
	text-decoration: none;
}

#buttons {
	position: absolute;
	right: 5px;
	bottom: -7px;
	width: 323px;
	height: 33px;
	overflow:hidden;
}

#buttons .btn{}

#buttons .btn a{
	float: left;
	width: 106px;
	width:100px;
	height: 29px;
	display: block;	
	text-align: center;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0066CC;
	text-decoration: none;
	padding-top: 4px;
	padding-right:6px;
	background: url(sliki/DS5673983.png) no-repeat;
}

#buttons .btn a:hover{
	background-position: 0px -33px;
	height: 30px;
	color:white;
}
#buttons .btn a:active{
	background-position: 0px -99px;
	height: 30px;
	color:white;
}

#buttons .btn span a{
	background-position: 0px -33px;
	height: 29px;
	color:white;
}

/* FUNKCIONIRA, NO SCROLLOT ODI VNATRE - VRZ SLIKATA DOLU DESNO
#maintext {
	position: absolute;
	display: block;
	top: 10px;
	left: 167px;
	width: 747px;
	height: 483px;
	border: 1px solid #CC9900;
	z-index: 99;
	overflow: auto;
}
*/

/*
#maintext {
	position: absolute;
	display: block;
	top: 10px;
	left: 180px;
	width: 563px;
	height: 483px;
	border: 1px solid #CC9900;
	z-index: 99;
	overflow: auto;
	text-align: left;
}

#maintext .tekst1{
	position: relative;
	display: block;
	margin: 0px auto;
	width: 270px;
	border: 0px solid #0066CC;
	padding-right: 30px;
	padding-top: 47px;
}

#maintext .tekst2{
	position: relative;
	display: block;
	margin: 0px auto;
	width: 270px;
	border: 0px solid #0066CC;
	padding-right: 30px;
	padding-top: 130px;
	color: #FFFFFF;
}
*/

#maintext {	
	position: absolute;
	display: block;
	top: 8px;
	left: 145px;
	width: 599px;
	height: 486px;
	border: 0px solid #CC9900;
	z-index: 99;
	overflow: auto;
color:#000;
}

#maintext .content-float{
	position: relative;
	display: block;
	float:left;
	width: 179px;
	height: 446px;
	/*background:#999999;*/
	border:0px dotted green;
	padding:10px;
	padding-top:30px;
	text-align:center;
}

#maintext .content-float-img a img {
	position:relative;
	display:block;	
	border:2px solid #aaa;
	margin:0px auto;
	margin-top:10px;
}

#maintext .content-float-img a:hover img {
	border:2px solid #575757;
}

#footer {
	position: relative;
	margin: 0px auto;
	height: 10px;
	width: 760px;
	text-align: right;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	color: #777777;
}
#footer span{
	padding-left: 267px;
}
#footer a{text-decoration:none;color: #777777;}
#footer a:hover{color:#333333; border-bottom:1px dotted #333333;}

.Europe-Macedonia-Map {
	position: absolute;
	display: block;
	width: 540px;
	height: 279px;
	top: 33px;
	left: 0px;
	z-index: 0;
}

.Ladenje-Map {
	position: absolute;
	display: block;
	width: 309px;
	height: 435px;
	top: 20px;
	left: 400px;
	z-index: 2;
}

.Map-Sunbeams {
	position: absolute;
	display: block;
	width: 309px;
	height: 435px;
	top: 20px;
	left: 291px;
	z-index: 1;
}

.login_form {
	position: absolute;
	display: block;
	width: 267px;
	height: 167px;
	top: 67px;
	left: 250px;
	z-index: 0;
}

.login_tekst {
	top: 40px;
	left: 20px;
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #766b62;
}

.login_form span input {
	width: 167px;
	height: 20px;
	padding-top: 5px;
	text-indent: 5px;
	color: #766b62;
	font-weight: bold;
}

.login_form .btn {
	margin-left: 177px;
}

.login_form2 {
	position: absolute;
	display: block;
	width: 567px;
	height: 167px;
	top: 37px;
	left: 150px;
	z-index: 0;
}

.login_form2 .btn {
	background: url(sliki/submit_button.png) no-repeat;
	width: 104px;
	height: 21px;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	padding-left: 5px;
}

.login_form2 .btn:hover {
	background-position: 0px -21px;
}

.login_form2 .btn:active {
	background-position: 0px -42px;
}

#maintext .DS5883975{
	position: relative;
	display: block;
	margin: 0px auto;
	width: 470px;
	border: 0px solid #0066CC;
	padding-right: 30px;
	padding-top: 7px;
	line-height: 21px;
}

#maintext .DS5883975 a{
	color: #FFFFFF;
}

#maintext .tekstm {
	position: absolute;
	display: block;
	height: 100px;
	top: 373px;
	left: 10px;
	color: #FFFFFF;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-weight: bold;
}

#maintext .tekstm a:link, .tekstm a:visited{color: #FFFFFF;}
#maintext .tekstm a:hover {color: #999AA4;}
#maintext .tekstm span{font-size: 15px;}

#maintext .tekstdm {
	position: absolute;
	display: block;
	height: 20px;
	top: 333px;
	right: 33px;
	color: #FFFFFF;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-weight: bold;
}

#maintext .tekstdm a:link, .tekstdm a:visited{color: #FFFFFF;}
#maintext .tekstdm a:hover {color: #999AA4;}

#maintext .googleMap {
	position: relative;
	display: block;
	width: 521px;
	height: 457px;
	border: 1px solid #0099FF;
	top: 500px;
}