/* WEATHER */
#weather { padding-left: 2px ;}
#w2locationnameheader { font-size: 11px!important ;}
#w2forecastheader { padding: 5px 9px!important ;}
.thheaders {font-weight: normal!important ; padding: 2px!important ; font-size: 10px!important ;}
#w2forecasttable td { font-size: 9px!important ;}
.pluginwindspeed { font-size: 10px!important ;}
#w2forecastholder img { width: 80%!important ; height: 80%!important ;}
#w2forecastbottom p { font-size: 9px!important ;}
#w2forecastbottom { display: none!important ;}
.lastWeather #w2forecastbottom { display: block!important ;}
.veryLastWeather { display: none!important ;}

.weather_item { width: 150px ; margin: 0 auto 8px auto ; padding: 4px ; border: solid 1px #ccc ;}
.weather_item span { display: block ; text-align: left ; padding: 0 0 3px 4px ; color: #FF7800 ; font-weight: bold ;}


/* General turist iframe */
#GT_frame { margin: 0 0 0 0 ;}

/* Exchange rate */
.ExchangeRate { width: 160px ; margin: 0 auto ;}
.ExchangeRate .Types { font-size: 10px ;}
.ExchangeRate .List { width: 100% ;}
.ExchangeRate .List TD , .ExchangeRate .List TH { font-size: 10px ;	font-weight: normal ;	padding: 2px 6px ; vertical-align: middle ;}
.ExchangeRate .List TR:hover { background-color: #FFF ;	cursor: default ;}
.ExchangeRate TH { color: #cf1b23 ;}
.ExchangeRate .Up {	color: #3e5e89 ;}
.ExchangeRate .Down { color: #c01818 ;}
.ExchangeRate .NormalDropDown {	font-size: 11px ;}
.ExchangeRate .NormalTextBox { width: 70px ; font-size: 11px ; padding: 1px 2px ; margin-right: 10px ;}
.ExchangeRate .Types { margin-top: 10px ; text-align: center ;}
.ExchangeRate .Types SPAN {	margin: 5px ;}
.ExchangeRate .NormalDropDown:focus , .ExchangeRate .NormalTextBox:focus { background-color:#fffbe4 ;}
.ExchangeRate .calcHolder {	display: block ;}
.ExchangeRate .iconCalc:link , .ExchangeRate .iconCalc:visited , .ExchangeRate .iconCalc:hover { font-size: 10px ;	text-align: right ;	display: block ; padding: 3px 5px 0 5px ;}
.ExchangeRate .Calc { margin: 5px 0 ; width: 100% ;}
.ExchangeRate  .Calc .Start , .ExchangeRate  .Calc .End { text-align: center ;}
.ExchangeRate .Calc TD { padding: 2px ;	font-size: 10px ;}
.sponsorlogo { border-bottom: 1px #FFF solid ; margin: 10px 0 0 0 ;	text-align: center ;}

/* Svasta */
.mainContent .paSearchButton , #tblContactFormDesign .CommandButton , .apartmaniCell3 a:link , .apartmaniCell3 a:visited , .apartmaniCell3 a:hover , .charterCell3 a:link , .charterCell3 a:visited , .charterCell3 a:hover , .tblPropertySearchSmall p input , .feedback_form a.CommandButton {
background-color:#FF7800;
border-color:#FEFEFE #A0630B #A0630B #FEFEFE;
border-style:solid!important;
border-width:2px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding: 2px 15px;
margin: 20px 0 0 0 ;
text-decoration: none ;}
.main h2 { font-size: 16px ; margin-bottom: 20px ;}
.main h3 { font-size: 14px ; color: #FF7800 ; font-weight: bold ; padding-top: 10px ;}
.main p { margin-bottom: 15px ;}
.ponudaHolder { margin: 5px 0 0 0 ;}
.ponudaHolder ul li { list-style: none ; font-size: 11px ; font-weight: bold ; padding: 7px 0 ;}
.ponudaHolder ul li a:hover { color: #ff7800 ;}
.ponudaHolder img { padding: 1px ; border: solid 1px #ff7800 ;}
.mainTable td { padding: 5px ; font-size: 11px ;}
.topKontaktTable { float: right ; font-size: 13px ; color: #FF7800 ; font-weight: bold ;}
.topKontaktTable img { margin-right: 5px ;}
/*.contentPaneHolder .main { float: left ; width: 100% ;}*/
.naslovna .contentPaneHolder .main { float: left ; width: auto ;}
.contentPaneHolder h2 span , .middlePaneHolder h2 span , .sidePaneHolder h2 span { font-family: Verdana, Arial, Helvetica, sans-serif ; display: block ; padding: 4px 8px ; background: #FF7800 ;  font-size: 13px ; font-weight: bold ; color: #fff ; border: solid 1px #c8c8c8 ;}
.kolone2 .mainContent h2 span { font-family: Verdana, Arial, Helvetica, sans-serif ; display: block ; padding: 4px 8px ; background: #FF7800 ;  font-size: 13px ; font-weight: bold ; color: #fff ; border: solid 1px #c8c8c8 ;}
.kolone2 .mainContent .main { clear: both ;}
.sidePaneHolder .main { padding-left: 5px ;}

.naslovna #dnn_rightPaneBottom2 p { font-size: 11px ;}

/* Naslovna razno */
.naslovna #dnn_middlePane br { line-height: 8px ;}
.avioKarte { background: url(images/avioKarte.jpg) left top no-repeat ; width: 132px ; height: 67px ; padding: 20px 5px 0 105px ; font-weight: bold ; line-height: 17px ; color: #ff7800 ; text-align: right ; border: solid 1px #C8C8C8 ; font-size: 11px ; font-family: Tahoma , Arial ;}
.avioKarte span { color: #000 ;}
.cruises { width: 232px ; height: 23px ; background: url(images/cruises.jpg) left top no-repeat ; font-weight: bold ; line-height: 17px ; color: #ff7800 ; padding: 122px 0 0 10px ; border: solid 1px #C8C8C8 ;}
.cruises span { color: #000 ;}
.fotogalerija { width: 232px ; height: 23px ; background: url(images/fotoaparat.jpg) left top no-repeat ; font-weight: bold ; line-height: 17px ; color: #ff7800 ; padding: 122px 0 0 10px ; border: solid 1px #C8C8C8 ;}
.fotogalerija span { color: #000 ;}
.b2b { width: 350px ;}

#dnn_middlePane1 .main { width: 252px ; padding-top: 83px ; background: url(images/brela.jpg) left top no-repeat ; margin: 0 5px ;}
#dnn_middlePane2 .main { width: 252px ; padding-top: 83px ; background: url(images/auto_kamp_3.jpg) left top no-repeat ;}
#dnn_middlePane1 .main h2 , #dnn_middlePane2 .main  h2 { margin-bottom: 7px ;}
#dnn_middlePane2 .main .content  img { padding: 1px ; border: solid 1px #FF7800 ;}
#dnn_middlePane2 .main .content  img:hover { padding: 0px ;border: solid 2px #FF7800 ;}

/* Right pane Naslovi */
.weather h2 { background: url(images/weatherBg.gif) 3% center no-repeat ;}
.money h2 { background: url(images/moneyBg.gif) 3% center no-repeat ;}
.rightSidebar h2 span { font-size: 11px ; color: #000 ; text-transform: uppercase ; font-weight: bold ; padding: 5px 0 8px 0 ; display: block ; text-align: center ;}


/* APARTMANI */

.apartmaniListingTable { border-bottom: solid 1px #ff7800 ; margin: 0 10px ;}
.apartmaniListingTable td { vertical-align: top ; padding: 20px 0 12px 0 ;}
.apartmaniCell1 { width: 120px ; vertical-align: middle ;}
.apartmaniCell1 img { border: solid 2px #ff7800 ; padding: 1px ;}
.apartmaniCell1 img:hover { border: solid 3px #ff7800 ; padding: 0 ;}
.apartmaniListingTable .apartmaniCell2 { width: 230px ; padding: 20px 5px 12px 5px ; font-size: 11px ;}
.apartmaniCell3 { width: 260px ;}
.apartmaniCell3 span { display: block ; float: right ; font-weight: bold ; font-size: 11px ;}
.apartmaniCell3 img { float: right ; padding: 0 8px 0 3px ;} 
.apartmaniCell3 a:link , .apartmaniCell3 a:visited , .apartmaniCell3 a:hover { font-weight: bold ;}
.apartmaniCell3 table td { vertical-align: middle ; padding: 5px 0 ;}
.apartmaniCell3 em { font-size: 20px ; color: #ff7800 ;}
.apartmaniCell3 .c2 { text-align: right ;}

.apartmaniViewTable { font-size: 12px ;/* margin-top: 20px ;*/}
.apartmaniViewTable td { vertical-align: top ;}
.apartmaniViewTable table { width: 100% ; margin-bottom: 10px ;}
.apartmaniViewTable table td { vertical-align: middle ; padding: 5px 0 ;}
.apartmaniViewTable .c1 { width: 100px ; background: #F0F3F8 ; border-bottom: solid 2px #fff ; padding-left: 10px ; font-weight: bold ;}
.apartmaniViewTable .c2 { font-size: 14px ; color: #ff7800 ; padding-right: 10px ; text-align: right ; background: #F0F3F8 ; border-bottom: solid 2px #fff ;}
.apartmaniViewTable .c2 em { font-weight: bold ;}
.apartmaniViewTable .kontaktForma { margin: 50px 0 0 10px ;}
#tblContactFormDesign input , #tblContactFormDesign textarea { width: 95%!important ; margin-left: 7px ;}
#tblContactFormDesign .CommandButton { margin-left: 68px ;} /* Vridi i za charter */
.aViewData { padding-right: 10px ;}
.aViewPhoto { text-align: center ; width: 50% ;}
.aViewPhoto table { margin: 20px auto 0 auto ;}
.aViewPhoto img { border: solid 2px #ff7800 ; padding: 1px ;}
.aViewPhoto img:hover { border: solid 3px #ff7800 ; padding: 0 ;}
.aViewPhoto .imgLarge { width: 300px ;}
.apartmaniViewTable .kalendari {width: 140px ; float: left ; margin: 0 6px 0 7px ;}
.apartmaniViewTable .cal_data { display: none ;}
.apartmaniViewTable .kalendari .cal_title { font-weight: bold ; color: #FF7800 ; background: none ; border-bottom: solid 1px #FF7800 ;}
.apartmaniViewTable .kalendari .cal_week { font-weight: bold ; border-bottom: dotted 1px #FF7800 ;}
.apartmaniViewTable .kalendari table td { font-size: 11px ; background: #F0F3F8 ;}
.apartmaniViewTable .kalendari .zauzeto { background: #FF7800 ;}
.apartmaniViewTable .kalendari .cal_today { background: #fff ;}
.apartmaniViewTable br.clr { margin: 10px 0 ; display: block ;}
.apartmaniViewTable .kalendar_kazalo { clear: both ; margin: 20px 0 20px 8px ; text-align: left ; font-size: 11px ;}
.apartmaniViewTable .kalendar_kazalo th  { width: 30px ; height: 25px ; background: #F0F3F8 ;}
.apartmaniViewTable .kalendar_kazalo td { padding-left: 10px ;}
.apartmaniViewTable .kalendar_kazalo .zauzeto { background: #FF7800 ;}
.kolone3 .tblPropertySearchSmall { margin: 0 auto ;}
.isti_objekt { display: block ; background: url(images/icon_house.gif) left center no-repeat ; padding: 7px 0 7px 30px ; font-weight: bold ;}

/* PaSearch Apartmani Naslovna */
.tblPropertySearchSmall td { padding-bottom: 2px ;}
.paSearchHolder { width: 230px ; padding: 3px ; margin-right: 20px ; float: left ; border: solid 1px #C8C8C8 ;}
.paSearch { padding: 10px 6px 20px 6px ; background: #f0f3f8 ;}
.tblPropertySearchSmall input , .tblPropertySearchSmall select { border: solid 1px #c8c8c8 ; background: #fff ; margin-bottom: 1px ;}
.tblPropertySearchSmall label { display: block ; font-weight: normal ; color: #003366 ; font-size: 11px ;}
.paSearchLink { background: url(images/paSearchBg.gif) left top no-repeat ;}
.paSearchLink a { display: block ; float: left ; text-indent: -9999px ; height: 50px ; padding: 3px 5px 0 5px ; width: 96px ;}


/* paLatest Apartmani Naslovna */
.paLatestApartmani td { padding: 6px 3px 0 3px ; font-size: 11px ; color: #000 ; vertical-align: top ;}
.paLatestApartmani img { padding: 1px ; border: solid 1px #ff7800 ;}
.paLatestApartmani img:hover { padding: 0 ; border: solid 2px #ff7800 ;}
.paLatestApartmani span { font-weight: bold ; color: #003366 ;}
.paLatestApartmani a { color: #ff7800 ;}

/* Charter brodovi */
.pa_charter_search_top { margin-top: -20px ;}
.pa_charter_search_top p { font-size: 11px ; padding-right: 20px ;}

.charterListingTable td { vertical-align: top ; padding: 20px 5px ;}
.charterCell1 { width: 120px ; vertical-align: middle ;}
.charterCell1 img { border: solid 2px #ff7800 ; padding: 1px ;}
.charterCell1 img:hover { border: solid 3px #ff7800 ; padding: 0 ;}
.charterCell2 { width: 220px ; font-size: 11px ;}
.charterCell3 { width: 260px ; text-align: right ;}
.charterCell3 span { display: block ; float: left ; font-weight: bold ;}
.charterCell3 img { float: left ; padding: 0 8px 0 3px ;} 
.charterCell3 .cijena { padding: 0 0 10px 30px ;}
.charterCell3 .cijena strong { padding-top: 5px ;}
.charterCell3 .cijena em { font-size: 18px ; color: #ff7800 ; padding: 0 0 0 5px ; clear: right ;}

.charterViewTable { font-size: 12px ; /*margin-top: 20px ;*/}
.charterViewTable td { vertical-align: top ;}
.charterViewTable table td { vertical-align: middle ; padding-bottom: 5px ;}
.charterViewTable .innerCharter { width: 95% ;}
.charterViewTable .c2 { font-size: 16px ; font-weight: bold ; text-align: right ; color: #ff7800 ;}
.charterViewTable .kontaktForma { margin: 30px 0 0 0 ; text-align: left ;} 
.charterViewTable #tblContactFormDesign label { display: block ;}
.charterViewData { width: 50% ;}
.charterViewPhoto { text-align: center ; width: 50% ;}
.charterViewPhoto .imgLarge { width: 300px ;}
.charterViewPhoto table { margin: 20px auto 0 auto ;}
.charterViewPhoto img { border: solid 2px #ff7800 ; padding: 1px ;}
.charterViewPhoto img:hover { border: solid 3px #ff7800 ; padding: 0 ;}


.technical-data { width: 270px ;}
.technical-data td , .technical-data th , .prices-per-week td , .prices-per-week th  {
border-bottom:1px solid #B8C5D4;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:20px;
vertical-align:middle;}
.technical-data th { color: #3969A3 ; padding-left: 12px ; background: url(images/garr.gif) left center no-repeat ;}
.technical-data td { text-align: right ;}

.prices-per-week { width: 270px ;}
.prices-per-week th { color: #3969A3 ; padding-left: 12px ;}
.prices-per-week td { text-align: right ;}

.technical-data caption , .prices-per-week caption { font-size: 14px ; color: #000 ; font-weight: bold ; border-bottom:1px solid #B8C5D4; padding: 3px 0 ;}

/* Kontakti */
.feedback_form { clear: both ;}
.feedback_form .button_holder { padding: 15px 0 ;}
.adress_table { margin: 10px 0 ;}
.adress_table td , .adress_table th { padding: 7px ; background: #F0F3F8 ; border: solid 2px #fff ;}
.adress_table th { font-weight: bold ;}

/* Oglasivaci forma */
.FormLabelCell { width: 220px ; padding: 10px 0 ; font-size: 11px ;}
.FormControlCell .FormTextBox { border: none ; padding: 3px ; border-bottom: solid 1px #3366FF ; background: #d7d7d7 ; width: 220px ;}
.FormSubmit { margin-left: 220px ; cursor: pointer ; font-size: 11px ; font-weight: bold ; padding: 3px 5px ;}

/* Kampovi galerije */
.sg_holder {clear:both;}
.sg_holder table , .RandomView {text-align: center ; margin: 10px auto 0 auto ;}
.sg_title {font-size: 11px ;}
.sg_pager { border-top: dotted 1px #aaa ; padding-top: 7px ; margin-top: 7px ;}
.sg_pager , .sg_pager a { font-size: 10px!important ;}
.sg_pager a { color: #ff7800!important ;}
.auto_kamp_table { margin: 0 auto ;}
.auto_kamp_table th  { padding: 7px 12px ; color: #000 ; background: #F0F3F8 ; border-bottom: solid 2px #fff ; vertical-align: middle ;}
.auto_kamp_table td { padding: 7px 12px ; text-align: center ; background: #F0F3F8 ;border-bottom: solid 2px #fff ;vertical-align: middle ;}
.auto_kamp_head td , .auto_kamp_head th { font-weight: bold ;}

/* Avio karte */
.kolone2 .mainContent .avio_karte  { text-align: center ; padding: 0 0 0 60px ;}