/* CSS Document */
body{padding:0px; margin:0px; background:#f6f6f6; color:#848484; font:11px/14px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, h5, h6, h7, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
 
.clear {clear: both; margin: 0px; height:0}
 
p a{font:11px/14px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
p a:hover{ color:#000; text-decoration:none;}
 
p a.a2{font:10px/14px Tahoma, Geneva, sans-serif; color:#000; text-decoration:none;}
p a.a2:hover{ color:#848484; text-decoration:none;}
 
.headline{font:12px/14px Arial, Helvetica, sans-serif; color:#fe6400; font-weight:bold}
.headline1 a{font:12px/14px Arial, Helvetica, sans-serif; color:#FF0198; font-weight:bold}
.headline1 a:hover{font:12px/14px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; text-decoration:underline}
 
#container{width:753px; margin:0 auto; border:#ededed 1px solid; border-top:none; background:#FFF}
#incontainer{width:735px; margin:0 auto; }
 
/* HEADER */
 
#header{width:735px; height:360px; position:relative; background:url(../images/b_header.png) 0 0 no-repeat; margin-bottom:10px; z-index:1;}
 
#header img#logo{position:absolute; top:17px; left:15px}
 
#header ul.ico{position:absolute; top:28px; left:540px; width:200px;}
#header ul.ico li{float:left; height:18px; margin-right:16px}
#header ul.ico li a{height:18px; padding:0 0 0 0; font:11px Arial; color:#fff; text-decoration:none;}
#header ul.ico li a:hover{text-decoration:underline;}
 
#header ul.ico li.lineico {width:1px; background:url(../images/line1.gif) 0 0 no-repeat; }
 
ul.btn_lastminute{
position: absolute;
top:27px;
left:249px;
width: 189px;
}
ul.btn_lastminute li{ background:url(../images/arrow1.gif) 0 6px no-repeat; padding-left:8px;}
ul.btn_lastminute li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#fff; text-decoration:none; font-weight:bold; text-decoration:none;}
ul.btn_lastminute li a:hover{ text-decoration:underline;}
 
#slogan{width:431px; height:70px; background:url(../images/slogan.gif) 0 0 no-repeat; position:absolute; top:112px; left:32px; position:relative}
 
ul.btn_presentation{
position: absolute;
top:132px;
left:105px;
width: 145px;
}
ul.btn_presentation li{ background:url(../images/arrow2.gif) 0 6px no-repeat; padding-left:8px}
ul.btn_presentation li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#FFF; text-decoration:none; font-weight:bold;}
ul.btn_presentation li a:hover{ text-decoration:underline;}
 
.najave{
	float:left;
	font-family: Arial;
	font-size: 12px;
	margin: 0px 0px 0 30px;
	color: #FFFFFF;
}
.najave a{
	text-decoration: none;
	color: #FF99CC;
	font-weight: bold;
}
.najave a:hover{
	color: #FFFFFF;
	font-weight: bold;
}
 
/* CONTENT */
 
#content{width:735px; position:relative; z-index:0;}
 
#leftPan{width:230px; position:relative; float:left; margin:0 21px 0 0;}
#rightPan{width:484px; position:relative; float:left; margin-top:10px}
 
#spotlight{width:190px; margin:0 0 20px 0; background:#fefefe url(../images/b_spotlight.png) 0 0 repeat-x; padding:18px 20px 0 20px}
#spotlight h2{height:35px; width:190px; background:url(../images/h_spotlight.png) 0 0 no-repeat; margin-bottom:18px; border-bottom:#afafaf 1px dotted}
#spotlightvijesti{width:190px; margin:0 0 0 0; background:#fefefe url(../images/b_spotlight.gif) 0 0 repeat-x; padding:18px 20px 0 20px}
#spotlightvijesti h2{height:35px; width:190px; background:url(../images/h_spotlightvijesti.png) 0 0 no-repeat; margin-bottom:15px; border-bottom:#afafaf 1px dotted}
.spotItem{margin-bottom:14px;}
.spotItem img{float:left; margin-right:18px}
.spotItem p{float:left; width:140px}
.spot{width:200px; float:right; background:url(../images/servis/mikrofinlogo.png) 20px 0 no-repeat; z-index:0;}
#ad{width:230px; height:105px; background:url(../images/b_ad1.jpg) 0 0 no-repeat; position:relative}
#ad2{width:230px; height:105px; background:url(../images/b_ad2.jpg) 0 0 no-repeat; position:relative}

#ad h2{width:123px; height:124px; background:url(../images/h_ad.gif) 0 0 no-repeat; position:absolute; top:11px; left:15px}
#ad2 h2{width:123px; height:124px; background:url(../images/h_ad.gif) 0 0 no-repeat; position:absolute; top:11px; left:15px}
#ad1{width:230px; height:100px; position:relative}
#ad3{width:230px; height:100px; position:relative}
 
ul.btn_clickhere{position: absolute; top:161px; left:25px; width:77px; height:22px; background:url(../images/b_btn1.gif) 0 0 no-repeat}
ul.btn_clickhere li{ padding:3px 0 0 0; text-align:center}
ul.btn_clickhere li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
ul.btn_clickhere li a:hover{ text-decoration:none;}
 
#welcome{width:480px; margin:0 0 25px 0;}
#welcome h2{height:29px; position:relative; background:url(../images/h_welcome.png) 0 0 no-repeat; margin-bottom:6px;}
#welcome p{margin-left:3px; margin-bottom:10px}
#onama h2{height:29px; position:relative; background:url(../images/h_onama.gif) 0 0 no-repeat; margin-bottom:6px;}
#onama {position:relative; margin-bottom:6px; padding-right:20px}
#grupna h2{height:29px; position:relative; background:url(../images/h_grupna.gif) 0 0 no-repeat; margin-bottom:6px;}
#grupna {position:relative; margin-bottom:6px; padding-right:20px}
#info h2{height:29px; position:relative; background:url(../images/h_info.gif) 0 0 no-repeat; margin-bottom:6px;}
#info {position:relative; margin-bottom:6px; padding-right:20px}
#wellness h2{height:29px; position:relative; background:url(../images/h_wellness.gif) 0 0 no-repeat; margin-bottom:6px;}
#wellness {position:relative; margin-bottom:6px; padding-right:20px}
#kontakt h2{height:29px; position:relative; background:url(../images/h_kontakt.gif) 0 0 no-repeat; margin-bottom:6px;}
#kontakt {position:relative; margin-bottom:6px; padding-right:20px}
#srbija h2{height:29px; position:relative; background:url(../images/h_srbija.gif) 0 0 no-repeat; margin-bottom:6px;}
#srbija {position:relative; margin-bottom:6px; padding-right:20px}
#info h3{height:29px; position:relative; background:url(../images/h_vize.png) 0 0 no-repeat; margin-bottom:6px;}
#info {position:relative; margin-bottom:6px; padding-right:20px}
#info h4{height:29px; position:relative; background:url(../images/h_osiguranje.png) 0 0 no-repeat; margin-bottom:6px;}
#info {position:relative; margin-bottom:6px; padding-right:20px}
#info h5{height:29px; position:relative; background:url(../images/h_stanje.png) 0 0 no-repeat; margin-bottom:6px;}
#info {position:relative; margin-bottom:6px; padding-right:20px}
#info h6{height:29px; position:relative; background:url(../images/h_krediti.png) 0 0 no-repeat; margin-bottom:6px;}
#info {position:relative; margin-bottom:6px; padding-right:20px;}
#nova h2{height:29px; position:relative; background:url(../images/h_nova.png) 0 0 no-repeat; margin-bottom:6px;}
#nova {position:relative; margin-bottom:6px; padding-right:20px;}
#zima h2{
	height:29px;
	position:relative;
	margin-bottom:6px;
	background-image: url(../images/h_ljeto.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#zima {position:relative; margin-bottom:6px; padding-right:20px;}
#svijet h2{height:29px; position:relative; background:url(../images/h_svijet.png) 0 0 no-repeat; margin-bottom:6px;}
#svijet {position:relative; margin-bottom:6px; padding-right:20px;}
#grupna h2{height:29px; position:relative; background:url(../images/h_grupna.png) 0 0 no-repeat; margin-bottom:6px;}
#grupna {position:relative; margin-bottom:6px; padding-right:20px;}
#evropa h2{height:29px; position:relative; background:url(../images/h_evropa.png) 0 0 no-repeat; margin-bottom:6px;}
#evropa {position:relative; margin-bottom:6px; padding-right:20px;}
#novosti h2{height:29px; position:relative; background:url(../images/h_novosti.png) 0 0 no-repeat; margin-bottom:6px;}
#novosti {position:relative; margin-bottom:6px; padding-right:20px;}
#proljece h2{height:29px; position:relative; background:url(../images/h_proljece.png) 0 0 no-repeat; margin-bottom:6px;}
#proljece {position:relative; margin-bottom:6px; padding-right:20px;}
 
 
ul.btn_learnmore{width:77px; height:22px; background:url(../images/b_btn2.gif) 0 0 no-repeat}
ul.btn_learnmore li{ padding:3px 0 0 0; text-align:center}
ul.btn_learnmore li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#0c292b; text-decoration:none;}
ul.btn_learnmore li a:hover{ text-decoration:none;}
 
#rleft{width:238px; position:relative; float:left; margin:0 23px 0 0;}
#rright{width:210px; position:relative; float:left;}
#rrright{ padding: 0px 0 0 30px; width:210px; position:relative; float:left;}
 
#topvacations h2{height:34px; position:relative; background:url(../images/h_topvacations.png) 0 0 no-repeat; margin-bottom:14px;}
#topvacations h3{height:34px; position:relative; background:url(../images/h_topvacations1.png) 0 0 no-repeat; margin-bottom:14px;}
.topvacItem{width:236px; margin-left:2px; margin-bottom:15px; border-bottom:#b2b2b2 1px dotted; padding-bottom:13px}
.topvacItem img{float:left; margin-right:13px}
.topvacItem p{float:left; width:148px; padding-top:7px}
.topvacItem p span{display: block; margin-bottom:6px}
.topvacItem#lastPick{margin-bottom:8px}
.topvacItem1{width:475px; margin-left:2px; margin-bottom:15px; border-bottom:#b2b2b2 1px dotted; padding-bottom:13px}
.topvacItem1 img{float:left; margin-right:0px}
.topvacItem1 p{float:left; width:210px; padding-top:7px}
.topvacItem1 p span{display: block; margin-bottom:6px}
 
ul.btn_allpicks{margin-left:161px}
ul.btn_allpicks li{ background:url(../images/arrow3.gif) 0 6px no-repeat; padding-left:8px}
ul.btn_allpicks li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#848484; text-decoration:none;}
ul.btn_allpicks li a:hover{ text-decoration:none;}
 
#rright ul{margin-left:2px}
#rright ul li{background:url(../images/arrow3.gif) 0 5px no-repeat; height:18px; padding:0 0 0 11px;}
#rright ul li a{font:10px/14px Tahoma, Geneva, sans-serif; color:#666666; text-decoration:none;}
#rright ul li a:hover{text-decoration:none; color:#fff; background:#666666}
 
#topHotels{margin:0 0 15px 0;}
#topHotels h2{height:34px; position:relative; background:url(../images/h_tophotels.png) 0 0 no-repeat; margin-bottom:12px;}
#topHotels ul{margin-left:8px;}
 
#topHotels2{width:95px; position:absolute; top:45px; left:110px;}
#topHotels2 ul{margin-left:8px;}
 
#corporate h2{height:34px; position:relative; background:url(../images/h_corporate.png) 0 0 no-repeat; margin-bottom:9px;}
#corporate img{float: left; margin-right:11px;}
#corporate p{float:left; width: 127px}
#corporate .clear{height:10px}
#corporate ul{margin-left:8px}
 
.clear#end{height:9px}
 
 
/* FOOTER */
 
#footer{width:735px; height:90px; margin:0 auto}
#footer p{padding: 33px 0 0 0; font:11px/16px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#FFF;}
#footer p span{ font:11px/16px Tahoma, Geneva, sans-serif; color:#FFF;}
#footer p a{color:#FFF; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#000; color:#fff}
#footer p a.selected{text-decoration:none; background:#000; color:#fff}
 
/* CONTENTPAGE */
 
#contentpage{width:735px; height:400px;  position:relative; text-align:center; background:url(../images/b_content.gif) 0 0 repeat-x}
#contentpage p{padding-top:200px; font-weight:bold}
 
/* ----- Section: 1 red ----- */
 
.section0 {
	margin: 10px 0px;
	padding: 10px 10px 10px 10px;
	width: 457px;
	height: 95px;
	border: 1px #999 solid;
	background: #FFF;
}
.section0 .newphototitle{
	padding: 10px 0px 10px 50px;
	background: url(images/newphoto_icon.gif) left center no-repeat;
}
.section0 .subsection {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 114px;
	height: 100px;
	text-align: center;
}
.section0 .subsection a img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;	
}
.section0 .subsection a:hover img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FC029A;	
}
/* ----- Section: 2 reda ----- */
 
.section1 {
	margin: 10px 0px;
	padding: 10px 10px 10px 10px;
	width: 457px;
	height: 195px;
	border: 1px #999 solid;
	background: #FFF;
}
.section1 .newphototitle{
	padding: 10px 0px 10px 50px;
	background: url(images/newphoto_icon.gif) left center no-repeat;
}
.section1 .subsection {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 114px;
	height: 100px;
	text-align: center;
}
.section1 .subsection a img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;	
}
.section1 .subsection a:hover img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FC029A;	
}
/* ----- Section: 3 reda ----- */
.section2 {
	margin: 10px 0px;
	padding: 10px 10px 10px 10px;
	width: 457px;
	height: 500px;
	border: 1px #999 solid;
	background: #FFF;
}
.section2 .newphototitle{
	padding: 10px 0px 10px 50px;
	background: url(images/newphoto_icon.gif) left center no-repeat;
}
.section2 .subsection {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 114px;
	height: 100px;
	text-align: center;
}
.section2 .subsection a img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;	
}
.section2 .subsection a:hover img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FC029A;	
}
 
/* ----- Section 4 reda ----- */
.section3 {
	margin: 10px 0px;
	padding: 10px 10px 10px 10px;
	width: 457px;
	height: 395px;
	border: 1px #999 solid;
	background: #FFF;
}
.section3 .newphototitle{
	padding: 10px 0px 10px 50px;
	background: url(images/newphoto_icon.gif) left center no-repeat;
}
.section3 .subsection {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 114px;
	height: 100px;
	text-align: center;
}
.section3 .subsection a img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;	
}
.section3 .subsection a:hover img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FC029A;	
}
/* ----- Section: kontakt ----- */
.section_kontakt {
	margin: 10px 0px;
	padding: 10px 10px 20px 10px;
	width: 457px;
	height: 295px;
	border: 1px #999 solid;
	background: #FFF;
}
.section_kontakt .newphototitle{
	padding: 10px 0px 10px 50px;
	background: url(images/newphoto_icon.gif) left center no-repeat;
}
.section_kontakt .subsection {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 455px;
	height: 100px;
	text-align: center;
}
.section_kontakt .subsection a img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;	
}
.section_kontakt .subsection a:hover img{
	float: none;
	margin: 0px;
	padding: 0px;
	border: 2px solid #FC029A;	
}
 
/* ----- Slide Show ----- */
.inner-content-slideshow{
	float: left;
	padding: 85px 0 0 0;
}