@charset "utf-8";
* {
	margin:0;
	padding:0
}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}
@font-face {
	font-family: HEINEKEN;
	src: url('http://www.e-seo.info/HEINEKEN.TTF');
}


body {
	font: 11px Verdana, Geneva, sans-serif;
	background:#fff;
	color:#333;
}
.body {
	background:url(vrnjacka-banja-images/background.jpg) repeat-x #cccccc;
	height:1115px;
}
a, a:link, a:visited {
	outline:none;
	color:#A1C718;
	text-decoration:none;
	font-weight:bold;
	
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4, h5 {
	margin:0;
	font-weight:bold;
	font: 24px Verdana, Geneva, sans-serif;
}
h1 {
	color:#F5F5F5;
	margin:20px 0 0 90px;
	font-family:HEINEKEN;
	font-size:28px;
}
h2 {
	font-size:20px;
	color:#333;
	text-decoration:underline;
	margin-bottom:10px;
}
h3,h4 {
	color:#A1C718;
	margin:0;
	font-size:18px;
	background:url(images/h.jpg) no-repeat;
	height:30px;
	padding-left:35px;
	padding-top:3px;
}
h4{margin-top:30px;}
h5,h6 {
	font-size:18px;
	color:#333;
	margin-bottom:10px;
	margin-top:15px;
}
ul {
	padding:0px;
	margin:0px
}
li {
	list-style:none
}
img {
	border:0
}
p {
	margin:5px 0 0 0;
	line-height:15px;
}
#top, #middle, #end {
	display:table;
}
/*header------------------------------------------------- */
#top {
	background:url(images/header.jpg) top center repeat-x;
	width:100%;
	height:412px;
margin-top:-15px;
}
#top #header {
	margin:auto;
	clear:both;
	width:900px;
	height:389px;
}
#header .left {
	float:left;
	width:480px;
	height:203px;	
margin-left:0px;
	margin-top:80px;
	font-size:22px;
		font-family:HEINEKEN;
	font-size:50px;
	color:#666;
	line-height:60px;
	text-shadow: 1px 1px 1px #FFF;
}
*html #header .left {
	margin-left:10px;
}
#header .right {
	float:right;
	width:380px;
	height:200px;
	margin-top:30px;
	font-weight:bold;
	color:#888;
	font-size:12px;
}
#header .right ul {
	margin-top:10px;
}
#header .right ul li{margin-bottom:5px;}

/* content--------------------------------------------------------- */

#middle {
	background:#F6F6F6;
	width:100%;
}
#middle #content {
	margin:auto;
	clear:both;
	width:900px;
	display:table;
	margin-top:20px;
	margin-bottom:30px;
}
#middle #content .left {
	float:left;
	width:500px;
	
}
#middle #content .left img{border:1px solid #690; margin-right:8px; margin-bottom:8px;}
#middle #content .left a img { cursor:pointer;}

#middle #content .left ul{margin-top:10px; }
#middle #content .left ul li{margin-bottom:10px; font-size:11px;list-style:circle; margin-left:20px; le }
#middle #content .right {
	float:left;
	width:385px;margin-left:15px;
}
*html #middle #content .right{margin-left:14px;}
#middle #content .right h4{margin-top:0px;}

.seo{background:url(images/usluge.jpg) no-repeat;
width:365px;
height:205px;
margin-bottom:15px;
display:table;
padding-left:20px;
}

.seo ul{float:left;
width:165px;
height:80px;}

.seo ul li{background:url(images/seo.jpg) no-repeat; height:18px; margin-bottom:7px;padding-left:10px; padding-top:4px; font-weight:bold;}

.seo ul li a{color:#FFF; text-decoration:none;}
.seo ul li a:hover{ color:#333;}

#div-1 ul li a{color:#FFF; text-decoration:none;}
#div-1 ul li a:hover{ color:#333;}

.seo h1{ font-size:17px;margin-left:0px; margin-top:0px;}
.seo h1 a{text-decoration:none; color:#A1C718;}

/*usluge jS */
.seo #usluge-1,#usluge-2,#usluge-3,#usluge-4,#usluge-5{float:left; width:165px;height:135px; border-left:1px dashed #666; padding-left:10px;}

.seo .seo_savetnik h1{ font-size:16px; font-weight:bold; color:#333; margin-left:0px; margin-top:0px;}
.seo .seo_savetnik{float:left; width:150px;height:135px;}

.seo table{ float:left; margin-left:10px;width:180px;}
.seo table td{vertical-align:top; font-weight:bold;}
.seo form{margin:0px;}
.seo input{width:120px; height:15px; margin-bottom:5px; margin-left:4px; border:1px solid #ccc;}
.seo textarea{width:120px; height:50px; margin-left:4px; margin-bottom:10px;  border:1px solid #ccc;}
.seo .submit{height:21px; width:68px; float:right; background:url(images/send.jpg) no-repeat; border:none; cursor:pointer;}

/* footer----------------------------------------------------- */
 #end {
	background:url(images/footer.jpg) top center repeat-x;
	width:100%;
	height:109px;
	;
}
#end #footer {
	margin:auto;
	clear:both;
	width:900px;
	color:#ccc;
	height:28px;
	padding-top:75px;
	font-size:11px;
}
#footer .right {
	float:right;
	width:395px;
	height:108px;
	margin-top:-80px;
	display:table;
}
*html #footer .right {
	margin-top:-95px;
}
#footer .right a {
	color:#CCC;
	text-decoration:none;
	font-weight:normal;
}
#footer .right a:hover {
	text-decoration:underline;
	color:#A1C718;
}
#footer .right ul {
	float:left;
	margin-right:15px;
	margin-top:28px;
}
#footer .right .valid {
	float:right;
	margin-top:18px;
	margin-right:0px;
	width:80px;
	margin-top:70px;
}



#header .seo_navigacija {
	float:right;
	margin-top:15px;
}

.seo_navigacija ul {
	width:380px;
	list-style-type:none;
}
.seo_navigacija ul li{
	float:left;
	display:inline;
}
.seo_navigacija ul li a{
	display:block;
	text-decoration:none;
	text-align:center;
	font-size:10px;
	/*line-height:170px;*/
}
li#item-1 span{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spannormal.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-1 span:hover{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-1 span.selected{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}

li#item-1{
	width:75px;
	height:72px;
	background:url(images/home.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-1.selected{
	width:75px;
	height:72px;
	background:url(images/home_a.jpg) top left repeat-x;
cursor:pointer;

}
li#item-1:hover{
	background:url(images/home_a.jpg) top left repeat-x;
	cursor:pointer;

}
li#item-2 span{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spannormal.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-2 span:hover{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-2 span.selected{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-2{
	width:75px;
	height:72px;
	background:url(images/eseo.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-2.selected{
	width:75px;
	height:72px;
	background:url(images/eseo_a.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-2:hover{
	background:url(images/eseo_a.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-3 span{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spannormal.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-3 span:hover{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-3 span.selected{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-3{
	width:75px;
	height:72px;
	background:url(images/eusluge.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-3.selected{
	background:url(images/eusluge_a.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-3:hover{
	background:url(images/eusluge_a.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-4 span{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spannormal.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-4 span:hover{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-4 span.selected{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-4{
	width:75px;
	height:72px;
	background:url(images/reference.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-4:hover{
	background:url(images/reference_a.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-4.selected{
	background:url(images/reference_a.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-5 span{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#838383;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spannormal.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-5 span:hover{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-5 span.selected{
	width:70px;
	height:22px;
	margin:0px auto;
	color:#FFF;
	font-weight:bold;
	line-height:20px;
	display:block;
	padding-top:80px;
	background:url(images/spanhover.jpg) bottom center no-repeat;
	cursor:pointer;
}
li#item-5{
	width:75px;
	height:72px;
	background:url(images/contakt.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-5:hover{
	background:url(images/contakt_a.jpg) top left repeat-x;
	cursor:pointer;
}
li#item-5.selected{
	background:url(images/contakt_a.jpg) top left repeat-x;
	cursor:pointer;
}

/*kontakt*/
.map_canvas{width: 500px; height: 340px; margin-top:15px; float:left;}