/***************************************************
                VIVA Travel Agency
			  made by www.krojac.com
***************************************************/
*{
	margin: 0;
	padding: 0;
	border: none;
}

html, body{
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	background: #FFF url(../pic/background.png) top left repeat-x;
}

/***************************************************
			      Global design
***************************************************/	

.clearing { height: 0; width:100%;display: inline; clear: both; overflow:hidden; }  
.hidden{overflow: hidden;visibility: hidden;}

p{
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 2px 0px;
}

a{
	color: #11B1DC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

a:hover{
	color: #999999;
}

.link{
	font-size: 12px;
	color: #40BDDC;
}

.link2{
	font-size: 14px;
	color: #333333;
}

a.link-orange{
	color:#FF9900;
}

a.link-orange:hover{
	color: #CCCCCC;
}

#head{
	position: relative;
	float: left;
	width: 1000px;
	margin: 0 auto;
	z-index: 100;
}

html>body #head{
	background: url(../pic/head-bg.png) 16px 137px no-repeat;
}/* Mozilla, Opera, IE7+ */

#logo{
	position: absolute;
	width: 140px;
	height: 82px;
	top: 13px;
	left: 8px;
	z-index: 2000;/* Mozilla */
background: url(images/logo.png) top left no-repeat;
}

html>body #logo{
	background: url(images/logo.png) top left no-repeat;
}/* Mozilla, Opera, IE7+ */

/***************************************************
			    Main containers
***************************************************/

#container{
	width: 1000px;
	position: relative;
	margin: 0 auto;
	height: 100%;
	overflow: auto;/* Mozilla, Opera */
}

#holder-flash-content{
	position: relative;
	float: left;
	width: 940px;
	margin: 156px 0 0;
	padding: 0 7px 7px;
	left: 15px;
	z-index: 100;
}

html>body #holder-flash-content{
	background: url(../pic/container-bg.png) top left repeat-y;
}/* Mozilla, Opera, IE7+ */

.holder-flash{
	position: relative;
	float: left;
	padding: 7px 8px;
	left: 12px;
	background: #F4F4F4;
}

.holder-flash-content{
	position: absolute;
	width: 355px;
	height: 274px;
	top: 17px;
	right: 39px;
	background: #333 url(../pic/holder-flash-content-bg.png) top left repeat-x;
	z-index: 1000;
	overflow: hidden;/* Opera */
	padding-top: 5px;
}

#holder-content, #holder-content2, #holder-content3{
	position: relative;
	float: left;
	width: 940px;
	left: 15px;
	padding: 10px 7px 10px 7px;
	z-index: 100;
}

html>body #holder-content, html>body #holder-content2, html>body #holder-content3{
	background: url(../pic/container-bg.png) top left repeat-y;
}/* Mozilla, Opera, IE7+ */

#holder-content2{
	width: 900px;
	padding: 15px 27px 10px 27px;
}

#holder-content3{
	width: 916px;
	padding: 0 19px 10px 19px;
}

.holder-content, .holder-content2{
	position: relative;
	float: left;
	margin: 0 9px 7px 0;
	padding: 5px;
	background: #F4F4F4;
}

.holder-content2{
	padding: 20px 20px 0 20px;
	background: none;
}

.holder-content3{
	padding: 0px 0px 5px;
	border-bottom: 1px solid #F4F4F4;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

#holder-content-left, #holder-content-left2{
	position: relative;
	float: left;
	width: 649px;
	left: 10px;
}

#holder-content-right, #holder-content-right2{
	position: relative;
	float: right;
	width: 262px;
}

#holder-content-left2, #holder-content-right2{
	width: 440px;
}

.holder-content-left3{
	position: relative;
	float: left;
	width: 425px;
	margin: 20px 40px 0px 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
}

.holder-content-left5{
	position: relative;
	float: left;
	width: 425px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
	height: 390px; 
	margin-top: 20px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#holder-content-right3{
	position: relative;
	float: right;
	width: 420px;
	margin: 25px 0 0 0;
	padding: 0 10px 0 0;
}

#holder-content-left4{
	position: relative;
	float: left;
	width: 635px;
	left: 10px;
	margin: 20px 0 20px 0;
	padding: 0 15px 0 0;
	border-right: 1px solid #F4F4F4;
}

#holder-content-right4{
	position: relative;
	float: right;
	width: 230px;
	right: 10px;
	margin: 25px 0 25px 0;
}

.holder-banner{
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	left: 0px;
}

#top-right{
	position: absolute;
	width: 358px;
	height: 404px;
	top: 39px;
	right: 1px;
	background: url(../pic/top-right-bg.gif) top right no-repeat;
	z-index: 10;
}

#bottom-left{
	position: absolute;
	width: 437px;
	height: 281px;
	bottom: 0;
	left: 0;
	background: url(../pic/bottom-left-bg.jpg) top left no-repeat;
	z-index: 10;
}

.holder-arrangement{
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 10px;
	padding: 0px;
	border-bottom: 1px solid #F4F4F4;
}

.info{
	position: absolute;
	width: 277px;
	top: 104px;
	left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
}

/***************************************************
			       GALLERY
***************************************************/

.holder-image{
	position: relative;
	margin: 0 auto;
	padding: 5px;
	background: #F4F4F4;
}

.holder-image2{
	position: relative;
	float: left;
	width: 110px;
	height: 97px;
	margin: 0px 10px 0px 0px;
	padding: 7px 8px 34px;
	background: url(../pic/holder-image-bg2.gif) top left no-repeat;
}

.holder-map{
	position: relative;
	display: block;
	width: 400px;
	padding: 5px;
	background: #F4F4F4;
	margin-top: 10px;
	margin-bottom: 10px;
}

/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h1{
	padding: 0px 0 20px 0;
	font-size: 16px;
	color: #FF5500;
}

h2{
	padding: 10px 0 10px 0;
	font-size: 14px;
	text-align: center;
	color: #666;
}

h3 {
	padding: 8px 10px 3px 10px;
	font-size: 13px;
	color: #666;
}

h4 {
	font-size: 18px;
	color: #40BDDC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
	margin-bottom: 15px;
}

h4 span{font-size:10px;
	color: #999999;}
	
	
h5{
	font-size: 14px;
	color: #40BDDC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F4F4F4;
	margin-bottom: 10px;
	padding-bottom: 3px;
}


.title{
	display: block;
	font-size: 22px;
	color: #FFF;
}

.title2, .title2b, .title3{
	padding: 0px;
	font: 18px;
	color: #40BDDC;
	text-align: left;
}

.title2b{
	padding-top: 0;
}

.title3{
	padding: 0 0 10px 0;
	font-size: 16px;
}

.title4{
	padding: 0;
	font-size: 12px;
	color: #FE6E0E;
}

.subtitle{
	display: block;
	padding: 0 0 5px 0;
	font-size: 15px;
	color: #999;
}

.text{
	display: block;
	font: 14px Arial, Helvetica, sans-serif;
	color: #FF9900;
}

.text2{
	padding: 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

.text3{
	font-size: 11px;
	color: #999;
}

.text4{
	padding: 5px 0;
	font-size: 11px;
	text-align: center;
	color: #333;
}

.date{
	display: block;
	font: 13px Arial, Helvetica, sans-serif;
	color: #999;
}

.rate{
	position: absolute;
	bottom: 0px;
	right: 10px;
	font-size: 24px;
	color: #FE6E0E;
}

.highlite{
	font-style: italic;
	color: #FF5500;
}

.highlite2{
	text-transform: uppercase;
	color: #333;
}

.napomena{
	margin: 10px 0 0 0;
	padding: 10px 0px;
	background: #F4F4F4;
}

.busevi{
	position: relative;
	float: left;
	width: 210px;
	padding: 0 0 10px;
	text-align: center;
	margin-right: 20px;
}

.align-right{
	text-align: right;
}

ol, ul{
	padding: 5px 10px;
	list-style-position: inside;
}

.ul2{
	padding: 5px 20px;
}

table{
	position: relative;
	margin: 0 auto;
}

table td{
	padding: 8px;
	background: #FFF;
}

.table{
	text-align: center;
	background: #CCC;
}

.table2{
	text-align: center;
	background: #CCC;
}

.table-title{
	text-transform: uppercase;
	color: #FFF;
	background: #666;
}

.table-title2{
	color: #FFF;
	background: #666;
}

.table-title3{
	font-size: 11px;
	color: #5DC7E1;
}

.table-text{
	font-size: 11px;
	color: #666;
}

.table3{
	margin: 5px 0px;
	background: #F4F4F4;
	font-size: 11px;
	color: #666666;
}

/***************************************************
			   PAGE NAVIGATION
***************************************************/

#page-nav-holder{
	position: absolute;
	width: 734px;
	height: 151px;
	top: 0;
	left: 0;
	z-index: 1000;
	/*padding: 110px 0 0 17px;*/
}

#holder-breadcrumbs{
	position: relative;
	width: 896px;
	padding: 8px 10px;
	color: #40BDDC;
	background: #F4F4F4;
}

/***************************************************
				      FORMS
***************************************************/

label{
	display: block;
	float: left;
	width: 80px;
	line-height: 28px;
	color: #666;
	font-size: 12px;
}/*  */

.textbox, textarea, .box-error, .textarea-error{
	float: left;
	width: 144px;
	height: 20px;
	margin: 4px 0 0 4px;
	line-height: 20px;
	font: 11px Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	background: #FFF;
	color: #666;
}/*  */

textarea, .textarea-error{
	width: 340px;
	line-height: 16px;
	height: 210px;
}

.box-error, .textarea-error{
	border:1px solid #B0D53E;
	background-color: #F9F9F2;
}

.holder-form-height, .holder-form{
	position: relative;
	float: left;
	width: 100%;
}/*  */

.holder-form{
	height: 30px;
}/*  */

.holder-button{
	position: relative;
	float: left;
	display: block;
	width: 430px;
	padding: 10px 0;
}/*  */

.sub-button{
	position: relative;
	float: right;
	width: 156px;
	height: 35px;
	margin: 0;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background: none;/* IE6 */
	color: #FFF;
	cursor: hand;
	z-index: 101;
}/*  */

html>body .sub-button{
	background: url(../pic/button.png) top left no-repeat;
}/* Mozilla, Opera, IE7+ */

input{
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #666;
}

#search{
	position: absolute;
	top: 8px;
	right: 39px;
}

.search-input{
	position: relative;
	width: 150px;
	height: 19px;
	background: url(../pic/search-button.png) top left no-repeat;
	color: #999999;
	padding-left: 5px;
	font-size: 11px;
}

/***************************************************
			        FOOTER
***************************************************/

#footer{
	position: relative;
	float: left;
	clear: both;
	width: 1000px;
	height: 154px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	z-index: 100;
	overflow: hidden;
}

html>body #footer{
	background: url(../pic/footer-bg.png) 15px 0 no-repeat;
}/* Mozilla, Opera, IE7+ */

#FooterOne{
	position: absolute;
	width: 886px;
	top: 0;
	left: 34px;
	padding: 2px 15px;
	background: #F4F4F4;
	z-index: 100;
}

#FooterTwo{
	position: absolute;
	width: 962px;
	top: 74px;
	left: -1px;
	padding: 23px 38px 48px 0;
	text-align: right;
	z-index: 100;
}

.viva{
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #FF6600;
}

.viva span{
	font-size: 9px;
	color: #333;
}

.iata{
	position: absolute;
	top: 25px;
	right: 13px;
}

a.krojac{
	color: #FF8635;
	text-decoration: none;
	font-size: 10px;
}

a.krojac:hover{
	text-decoration: underline;
}

/***************************************************
				       MENU
***************************************************/

#nav-menu{
	position: absolute;
	bottom: 0;
	left: 17px;
	padding: 0;
}

#nav-menu li{
	position: relative;
	float: left;
	list-style-type: none;
}

#nav-menu a{
	display: block;
	width: 85px;
	height: 15px;
	padding: 15px 0 13px;
	text-align: center;
	text-transform: lowercase;
	font: 12px Arial, Helvetica, sans-serif;
	background: url(../pic/nav-bg3.gif) right 15px no-repeat;
	color: #666666;
}

#nav-menu a:hover{
	color: #CCCCCC;
}

#nav-menu a#contact_link{
	background: none;
}

body#home a#home_link{
	background: url(../pic/nav-bg2.gif)  left 0px no-repeat;
	color: #CCCCCC;
	width:90px;
}

body#arrangements a#arrangements_link, 
body#destinacije a#destinacije_link, 
body#vize a#vize_link, 
body#services a#services_link, body#contact a#contact_link, 
body#rent a#rent_link{
	background: url(../pic/nav-bg.gif) top left no-repeat;color: #CCCCCC;
	width:90px;
}

body#arrangements a#home_link, body#vize a#avio-karte_link, body#contact a#action_link, body#rent a#vize_link{
	background: none;
}

body#about a#about_link, body#terms a#terms_link{
	text-decoration: underline;
}

#top-menu{
	position: absolute;
	padding: 0 0 0 0;
	top: 0;
	left: 580px;
	z-index: 2000;/* Mozilla */
}

#top-menu li{
	position: relative;
	float: left;
	padding: 10px 5px;
	list-style: none;
}

#top-menu li a{
	text-align: center;
	text-transform: lowercase;
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFF;
}

#top-menu li a:hover{
	text-decoration: underline;
}