﻿/* RESET
------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

div.thumbs ul li a img.thumb {width:79px; height:53px;}

/* GENERAL STYLES
------------------------------ */
/* elements */
body {font:normal 62.5% Arial,Helvetica,serif;color:#000000;padding:0 0 2em;text-align:center;background:transparent url(../images/back.gif) left top repeat-x;}
a {color:#000000;}
a:hover {text-decoration:none;}
p {margin:0 0 1em;}
button {cursor:pointer;}
h1, h2, h3, h4, h5, h6, h7, p, blockquote {padding:0;}
h1 {font-size:1.5em; color:#2C80FF; margin:20px 0 10px 0;}
h1.balkan {margin: 20px 0 0 20px;}
h3 {font-size:1.1em;margin-bottom:5px;color:#6da2f2;}

ul { margin-bottom:10px;}
ul li {background:url(../images/bullet-content.gif) no-repeat 0 5px; margin:0; padding:2px 0 2px 10px;}

/* basic layout */
#site {font-size:1.2em;width:980px;text-align:left;;margin:0px auto;}
#header {color:#c4c8cb;height:121px;}
#header a.logotype, #header a.logotype:hover{font-size:24px;color:#ffffff;font-style:italic;float:left;display:block;text-decoration:none;margin:4px 0px 0px 16px !important; margin-left:8px;font-weight:normal;}
#header .headpic {float:left;}
#header p {text-align:right; padding:15px 30px 0 0; margin:0 0 5px 0;}
#header p a {color:#fff; font-size:0.9em; font-weight:bold; text-decoration:none;}
#header p a:hover {text-decoration:underline;}
#header #contact {float:right;margin:20px 20px 0px 0px;font-size:1.2em;}
#header #contact .tel {margin-right:15px;}
#header #search {float:right;width:182px;margin:0px 10px 0px 0px;}
#header #search .searchInput {font-size:0.9em;color:#868689;padding:3px 0px 0px 3px;border:1px solid #c4c8cb;float:left;height:14px;width:138px;margin-right:3px;background:transparent url(../images/search-input-bg.gif) no-repeat scroll right top;}
#header #search .searchButton {background:transparent url(../images/btn-search.gif) no-repeat scroll 0 0;border:medium none;float:left;height:25px;text-indent:-9999px;width:25px;display:block;cursor:pointer;}

#content ul li {background:url(../images/bullet-content.gif) no-repeat 0 7px; padding:2px 0 2px 10px; margin:0 0 0 10px; zoom:1;}
#content ul {margin:10px 0;}
#content h1 {width:600px;}
#content ol {margin:10px 0;}
#content ol li {list-style:decimal; list-style-position:outside; margin-left:30px;}

#Banner {width:980px;height:236px;background:transparent url(../images/back-home-banner.jpg) no-repeat scroll left bottom;margin-bottom:10px;}
#InsBanner {width:980px;height:235px;background:transparent url(../images/bannerIns.jpg) no-repeat scroll left top;}

#front-keyvisual {
float:left;
position:relative;
width:100%;
}

#front-keyvisual a {
color:#000000;
}

ul.kv {
height:216px;
position:relative;
margin:0 !important;
}

ul.kv li {
padding:0 !important;
background:none !important;
margin:0 !important;
}

ul.kv li.cont1, ul.kv li.cont2, ul.kv li.cont3 {
display:none;
left:0;
position:absolute;
top:0;
}

ul.kv img.keyvisual {
float:left;
margin-left:68px;
}

ul.kv .cms {
float:left;
padding:12px;
width:333px;
color:#000;
}

ul.kv .cms .text {float:left;width:190px;padding-left:24px;}
ul.kv .cms .text p {margin:0;}
#body ul.kv .cms .text h3{margin:0px 0px 10px 0px;font-size:1.2em;}
ul.kv .cms .quote {width:100px;font-size:1.5em;font-weight:bold;float:left;}
ul.kv .cms .quote .narekovaj {float:left;width:9px;}
ul.kv .cms .quote p {font-size:0.6em;margin-left:8px;}
#body ul.kv .cms .quote h2 {margin-bottom:8px;float:left;width:91px;font-size:0.9em;color:#000000;font-weight:bold;}

ul.kv li.selected {
display:block;
}

ul#keyvisualSwitch {
bottom:0px;
height:50px;
position:absolute;
right:0px;
width:370px;
margin:0px;
padding:0px;
}

ul#keyvisualSwitch .line {
	width:312px;
	margin-left:10px;
	border-top:1px solid #66553b;
	height:1px;
	overflow:hidden;
}

ul#keyvisualSwitch li {
float:left;
background:none;
padding:0;
margin:0;
}

ul#keyvisualSwitch li.selected a {
color:#FFFFFF;
background:transparent url(../images/btn-banner.gif) no-repeat scroll 0 0;
height:28px;
width:82px;
}

ul#keyvisualSwitch li a {
color:#FFFFFF;
display:block;
height:28px;
padding:10px 6px 0px 12px;
text-decoration:none;
width:82px;
line-height:12px;
margin-right:20px;
background:transparent url(../images/btn-banner-off.png) no-repeat scroll 0 0
}

ul#keyvisualSwitch #sw3 a {
margin:0px;
}

ul#keyvisualSwitch li a:hover {
background:transparent url(../images/btn-banner.gif) no-repeat scroll 0 0;
cursor:pointer;
}

ul.kv .cms .more:hover {
text-decoration:underline;
}
ul.kv .cms .more {
background:transparent url(../images/link-more.gif) no-repeat scroll right 2px;
font-size:0.9em;
padding-right:10px;
float:right;
text-decoration:none;
}

/*HOMETOURS MAPS */
div.hometours div.selected {
	display:block;
}

div.hometoursmaps {
	float: left;
	width: 246px;
}

#body {width:980px;position:relative;}
#body p.d {margin:20px 0 10px 20px;}
#body h2 {font-size:1.2em;margin-bottom:5px;color:#5794f0}
#content {width:940px;float:left;padding:0px 0px 0 0; font-size:1em; margin-left:15px !important; margin-left:7px;}
#contentHome {width:710px;float:left;padding:0px 0px 0 0; font-size:1em; margin-left:20px;display:inline;}
#contentTour {width:940px;float:left;padding:0px 0px 0 0; font-size:1em; margin-left:20px !important; margin-left:10px;}
#staticContent {width:700px; float:left; padding-right:15px;}
#middleIns {width:695px;float:left; font-size:1em; padding-right:20px;}
#middleIns h2 {font-size:1.3em; color:#5197ff;}
#middleIns p {margin:1em 0;}
#middleTour {width:953px;padding:0px 0px 0 20px; font-size:1em;}
#middleTour h2 {font-size:1.3em; color:#5197ff;}
#middleTour p {margin:1em 0;}

#body div.home {padding-top:25px;}
#sidebar {width:190px;float:left;padding:0px 0px 0px 15px; margin-left:10px; border-left:1px solid #ccc;}
#sidebar p {margin:1em 0;}
#sidebar h2 {margin:10px 0 0 0;float:left;display:inline;width:100%;}
#sidebar ul.newsList {float:left;}
#rightIns {width:190px;float:left;padding:0 10px 0px 20px; margin-top:-30px;border-left:1px solid #ccc;}
#rightIns p {margin:1em 0;}
address {font-style:normal;}
#bottom {margin:10px auto;width:980px;text-align:left;}
#footer {width:940px;margin:15px 20px 0 20px;padding:10px 0px;border-top:1px solid #ccc;font-size:0.8em;}

ul.navFooter {padding:0px 5px 10px;border-bottom:1px solid #ccc;float:left;width:930px;}
ul.navFooter li {float:left;width:145px;}
ul.navFooter li.last {width:60px;}
ul.navFooter li a {font-weight:bold;font-size:1.1em; text-decoration:none;}
ul.navFooter li a:hover {text-decoration:underline;}
ul.navFooter li ul {margin-top:5px;float:left;}
ul.navFooter li ul li {float:none;width:auto;}
ul.navFooter li ul li a {text-decoration:none;font-weight:normal;}
ul.navFooter li ul li a:hover {text-decoration:underline;}

#footer .copyright{float:left;margin:10px 0px;color:#999999;}
#footer .copyright a, #footer .production a{color:#999999;}
#footer .production{float:right;margin:10px 0px;color:#999999;}
#footer .production a.creatim {text-decoration:none;}
#footer .links{float:left;color:#999999;padding-bottom:5px;border-bottom:1px solid #ccc;}
#footer .links{float:left;color:#999999;padding-bottom:5px;border-bottom:1px solid #ccc;}
#footer .links a {color:#999999;}
#footer .links a:hover {color:#999999;}

ul.news {margin: 0 0 0 0 !important;padding-right:10px;float:left;}
ul.news a{color:#2C80FF;}
ul.news li {margin:7px 0 0 0 !important; padding:0 0 7px 0 !important; font-size:0.9em; background:url(../images/border-news.gif) no-repeat 0 100% !important;float:left;}
ul.news .date {font-weight:normal;}
ul.news a:hover {text-decoration:none;}


ul.tours {width:450px;float:right; margin:0 !important;}
ul.tours li{width:203px;float:left; padding:3px 10px 3px 3px !important; background:url(../images/bg-li.gif) no-repeat 0 0 !important; margin:0 0 13px 0px !important;}
ul.tours li.selected{background:url(../images/bg-li-selected.gif) no-repeat 0 0 !important;}
ul.tours li.first {margin:0 10px 0 0 !important;}
ul.tours li img {float:left;}
ul.tours li a{color:#2C80FF;text-decoration:none;display:block; font-weight:bold; font-size:0.9em;}
ul.tours li a.more{color:#2C80FF;text-decoration:none;font-size:0.8em; float:right; margin:0 5px 0 0;}
ul.tours li span {font-size:0.9em; margin:0 0 0 107px; display:block}
ul.tours li a.font{color:#2C80FF;text-decoration:none;display:block; margin:0 0 0 107px;}
ul.tours li a:hover{text-decoration:underline;}
#content ul.tours li h2 {color:#cecb02;font-size:0.9em;margin:0px;}

#sidebar a.btnBrochure, #rightIns a.btnBrochure {width:107px; height:25px; display:block; color:#fff; background:url(../images/btn-brochure.gif) no-repeat 0 0; padding:14px 0 0 80px; font-weight:bold; margin: 0 0 10px 0; float:left;}
#sidebar a.btnMail, #rightIns a.btnMail {width:107px; height:25px; display:block; color:#fff; background:url(../images/btn-mail.gif) no-repeat 0 0; padding:14px 0 0 80px; font-weight:bold; margin: 0 0 10px 0; float:left;}
#sidebar a.btnContact, #rightIns a.btnContact {width:107px; height:25px; display:block; color:#fff; background:url(../images/btn-contact.gif) no-repeat 0 0; padding:14px 0 0 80px; font-weight:bold; margin-bottom:10px; float:left;}
#sidebar a.btnMail:hover, #right a.btnBrochure:hover, #rightIns a.btnMail:hover, #rightIns a.btnBrochure:hover, #rightIns a.btnContact:hover {text-decoration:none;}
#sidebar a.btnFB, #rightIns a.btnFB {width:107px; height:25px; display:block; color:#fff; background:url(../images/btn-facebook.gif) no-repeat 0 0; padding:14px 0 0 80px; font-weight:bold; float:left;}

#sidebar a.btnBook, #rightIns a.btnBook {width:107px; height:25px; display:block; color:#fff; background:url(../images/btn-book.gif) no-repeat 0 0; padding:14px 0 0 80px; font-weight:bold; margin-bottom:10px; float:left;}


#sidebar a.btnArticles, #rightIns a.btnArticles {width:107px; height:25px; display:block; color:#fff; background:url(../images/btn-article.gif) no-repeat 0 0; padding:14px 0 0 80px; font-weight:bold; margin: 10px 0 10px 0;}

#packe {height:21px;margin-left:166px;margin-top:195px;position:absolute;vertical-align:bottom;width:438px;z-index:1;}

#buttons {width:100%; float:left;}
#buttons a.btnContact {width:107px; height:25px; display:block; color:#fff; background:url(../images/btn-contact.gif) no-repeat 0 0; padding:14px 0 0 80px; font-weight:bold; margin-bottom:10px; float:right; margin-left:15px;}
#buttons a.btnBook {width:107px; height:25px; display:block; color:#fff; background:url(../images/btn-book.gif) no-repeat 0 0; padding:14px 0 0 80px; font-weight:bold; margin-bottom:10px; float:right;}


.fll {float:left;}
.imgLeft {float:left;margin:0 5px 5px 0;padding:1px; border:solid 2px #99C5F2;}
.imgLeftNoBorder {float:left;margin:0 5px 5px 0;padding:1px;}
.imgRight {float:right;margin:0 0 5px 5px;padding:1px; border:solid 2px #99C5F2;}

/*breadcrumbs
--------------------------------*/
ul.breadcrumbs {margin:0 0 0 10px !important;}
ul.breadcrumbs li {color:#0D6DFF; font-size:0.9em; float:left; margin:0 !important; padding:0 5px !important; height:14px; background:none !important;}
ul.breadcrumbs li a {text-decoration:none;}
ul.breadcrumbs li a:hover {text-decoration:underline;}
ul.breadcrumbs li.last {border-right:none;}

/*BULLETS
--------------------------------*/
#middleIns ul {margin-top:1em; margin-left:15px;}
#middleIns ul li {padding:2px 10px; background:url(../images/bullet-content.gif) no-repeat 0 7px;}

/*TABLE
--------------------------------*/
table {width:400px; border:0; margin-bottom:1em;}
table th {background:#CEDEF7; border:1px solid #fff; padding:4px 5px 4px 10px; text-align:left;}
table td {border-bottom:1px solid #cedee7; padding:2px 5px 2px 10px; text-align:left;}
table th.center, table td.center {text-align:center;}

/*WIDE TABLE
--------------------------------*/
table.wideTable {width:600px; border:0; margin-bottom:15px;}
table.wideTable th {background:#CEDEF7; border:1px solid #fff; padding:4px 5px 4px 10px; text-align:left;}
table.wideTable td {border-bottom:1px solid #cedee7; padding:2px 5px 2px 10px; text-align:left;}
table.wideTable th.center, table.wideTable td.center {text-align:center;}

/*WIDE TABLE
--------------------------------*/
table.wideTableSto {width:100%; border:0; margin-bottom:15px;}
table.wideTableSto th {background:#CEDEF7; border:1px solid #fff; padding:4px 5px 4px 10px; text-align:left;}
table.wideTableSto td {border-bottom:1px solid #cedee7; padding:2px 5px 2px 10px; text-align:left;}
table.wideTableSto th.center, table.wideTableSto td.center {text-align:center;}
table.wideTableSto tr.year td {background:#eef4fe;}
table.calendar tr:hover td {background:#CEDEF7;}

/*NAVIGATION
--------------------------------*/
ul#navigation {float:left;background:transparent url(../images/back-home-banner.jpg) no-repeat scroll left top;border:0 none;margin:2px 0px 0px 0px;width:100%;height:54px;padding-top:5px; z-index:50;position:relative;}
ul#navigation li {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;float:left; background:none;width:140px;position:relative;}
ul#navigation a {display:block;height:40px;width:120px;}
ul#navigation li a {text-indent: -9999px;text-decoration: none; padding-bottom:14px;}
ul#navigation li ul {display:none; z-index:1000;width:160px; position:absolute; background:#fff;opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9; margin:0; top:54px; left:0;}
ul#navigation li:hover ul {display:block;}
ul#navigation li ul li {width:135px; /*background:none ! important;*/ color:#000; height:100%; border-bottom:#3578DD solid 1px; padding:5px 0 0 25px; background:url(../images/bullet.gif) no-repeat 13px 8px;}
ul#navigation li ul li a {text-decoration:none; display:block;text-indent:0; color:#2763bc; font-weight:bold; width:140px; height:100%; margin:0; padding:0 0 5px 0; }
ul#navigation li ul li a:hover {text-decoration:underline; color:#003D97;}
ul#navigation li ul li:hover a,ul#navigation li ul li a {background:none ! important;}

ul#navigation li#nav1 {background: transparent url(../images/menu.gif) 6px 0px no-repeat; width:100px;}
ul#navigation li#nav1 a {width:80px;}
ul#navigation li#nav1 ul li a {width:120px;}
ul#navigation li#nav2 {background: transparent url(../images/menu.gif) -95px 0px no-repeat;}
ul#navigation li#nav3 {background: transparent url(../images/menu.gif) -260px 0px no-repeat;}
ul#navigation li#nav4 {background: transparent url(../images/menu.gif) -400px 0px no-repeat;}
ul#navigation li#nav5 {background: transparent url(../images/menu.gif) -555px 0px no-repeat;}
ul#navigation li#nav6 {background: transparent url(../images/menu.gif) -710px 0px no-repeat;}
ul#navigation li#nav7 {background: transparent url(../images/menu.gif) -855px 0px no-repeat;}

/*ul#navigation li#nav2 a {}
ul#navigation li#nav3 a {}
ul#navigation li#nav4 a {}
ul#navigation li#nav5 a {}
ul#navigation li#nav6 a {}
ul#navigation li#nav7 a {}*/

ul#navigation li#nav1:hover {background: transparent url(../images/menu.gif) 6px -55px no-repeat;}
ul#navigation li#nav2:hover {background: transparent url(../images/menu.gif) -95px -55px no-repeat;}
ul#navigation li#nav3:hover {background: transparent url(../images/menu.gif) -260px -55px no-repeat;}
ul#navigation li#nav4:hover {background: transparent url(../images/menu.gif) -400px -55px no-repeat;}
ul#navigation li#nav5:hover {background: transparent url(../images/menu.gif) -555px -55px no-repeat;}
ul#navigation li#nav6:hover {background: transparent url(../images/menu.gif) -710px -55px no-repeat;}
ul#navigation li#nav7:hover {background: transparent url(../images/menu.gif) -855px -55px no-repeat;}


ul#navigation li#nav1:hover ul {margin-left:0;}
ul#navigation li#nav2:hover ul, ul#navigation li#nav3:hover ul, ul#navigation li#nav4:hover ul, ul#navigation li#nav5:hover ul, ul#navigation li#nav6:hover ul, ul#navigation li#nav7:hover ul {margin:0px;}


/*COURSE
--------------------------------*/
#mainpic {width:980px; height:176px; /*position:absolute;*/ background:url(../images/mainpicIns.png) no-repeat 0 0;}
#mainpic p {margin:0 0 0 710px; padding-top:20px; font-size:1.3em; font-weight:bold; width:235px;}
#mainpic span {margin:0 0 0 710px; font-size:0.9em; margin-top:5px;}
#mainpic a.moreMainpic {float:right; padding-right:50px; text-decoration:none; font-weight:bold; position:relative;}
#mainpic a.moreMainpic:hover {text-decoration:underline;}
#wrap {width:980px; height:176px; position:relative;}
#wrap img.pic {position:absolute; z-index:100; top:0; left:0;}


/*TOUR MENU
--------------------------------*/
#tourMenu {width:943px; background:url(../images/bg-tourMenu.jpg) no-repeat 0 15px; height:55px; margin-left:20px;}
#tourMenu ul {list-style:none; margin:15px 0 0 15px; padding-top:7px; float:left;}
#tourMenu ul li {float:left; padding:0 5px; border-right:solid 1px #1F1F1F; line-height:13px; background:none; font-size:1.1em; margin:0;}
#tourMenu ul li.last {border-right:none;}
#tourMenu ul li a:hover {text-decoration:none;}
#tourMenu ul li.selected {font-weight:bold;}
#tourMenu a.bookNow {display:block; width:58px; height:59px; text-indent:-9999px; background:url(../images/book-now.jpg) no-repeat 0 0; float:right; margin-right:23px;}

/*banners_mali*/

#tourMenu a.contact-us {float:right; width:96px; height:27px; display:block; background:url(../images/contactus.png) no-repeat 0 0; margin-top:10px; margin-right:10px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#FFF; padding:10px 0 0 15px; cursor:pointer;}
#tourMenu a.book-now {float:right; width:84px; height:25px; display:block; background:url(../images/top_banner.png) no-repeat 0 0; margin-top:12px; margin-right:10px; font-size:1.2em; font-weight:bold; text-decoration:none; color:#FFF; padding:8px 0 0 13px; cursor:pointer;}
#tourMenu a.send-friend {float:right; width:102px; height:25px; display:block; background:url(../images/top_banner1.png) no-repeat 0 0; margin-top:12px; margin-right:10px; font-size:1.1em; font-weight:bold; text-decoration:none; color:#FFF; padding:8px 0 0 8px; cursor:pointer;}
/*tour
--------------------------------*/
#tour {width:342px; float:left;}

/*info
--------------------------------*/
#info {width:364px; float:left; padding:18px 10px 15px 15px;}
#info ul.infoLinks {list-style:none; margin:-3px 0 0 0;}
#info ul.infoLinks li {float:left; background:none; border-right:solid 1px #1f1f1f; padding:0 5px; margin:0;}
#info ul.infoLinks li.last {border-right:none;}
#info ul.pics {margin:10px 0 10px 0;}
#info ul.pics li {float:left; width:183px; background:none; margin:0 0 5px 0; padding:0;}
#info ul.pics li.first {margin-right:9px;}


/*DATA
--------------------------------*/
#data {background:#cedef7 url(../images/bg-data.jpg) repeat-x 0 0; width:342px; margin:20px 0 0 0; padding:5px 0px 0px 0px; float:left;}
#data .head {height:40px;}
#data span {font-size:1.2em; font-weight:bold; float:left; margin-left:20px;}
#data span.price {float:right; font-size:1.2em; margin-right:20px; margin-left:0px;}
#data ul.dataIns {margin:0 0 0 10px; width:320px; float:left;}
#data ul.dataIns li {padding:7px 0 9px 0; background: url(../images/data-li.png) no-repeat 0 100%;}
#data ul.dataIns li.last {background:none;}
#data ul.dataIns li ul {padding:0; margin:0 0 3px 0;}
#data ul.dataIns li ul li {padding:0 0 0 10px; background:none; background:url(../images/bullet-content.gif) no-repeat 0 5px; margin:0 0 0 5px;}
#data ul.dataIns li p {margin:0;}
#data ul.dataIns li h3 {color:#2a71dc; font-size:1.2em; margin-bottom:3px;}

#data ul.dataInsR {margin:0 0 0 0; width:240px; float:right;}
#data ul.dataInsR li {padding:7px 0 9px 0; background: url(../images/data-li.jpg) no-repeat 0 100%;}
#data ul.dataInsR li.last {background:none;}
#data ul.dataInsR li ul {padding:0; margin:0 0 3px 0;}
#data ul.dataInsR li ul li {padding:0 0 0 10px; background:none; background:url(../images/bullet-content.gif) no-repeat 0 5px; margin:0 0 0 5px;}
#data ul.dataInsR li p {margin:0;}
#data ul.dataInsR li h3 {color:#2a71dc; font-size:1.2em; margin-bottom:3px;}

#tour h2.testimonails {margin-top:15px; float:left; width:340px;}

/*star*/
#star {float:left; width:342px; background:#e9f0fc; border-top:1px solid #fff; margin-top:10px;height:40px; padding:3px 0 0 0;}
#star ul li {float:left; width:114px; text-align:center; background:none; padding-left:0;}
#star ul li .star1 {background:url(../images/star1.gif) no-repeat 50% 0; width:114px; height:16px; margin-top:2px;}
#star ul li .star2 {background:url(../images/star2.gif) no-repeat 50% 0; width:114px; height:16px; margin-top:2px;}
#star ul li .star3 {background:url(../images/star3.gif) no-repeat 50% 0; width:114px; height:16px; margin-top:2px;}
#star ul li .star4 {background:url(../images/star4.gif) no-repeat 50% 0; width:114px; height:16px; margin-top:2px;}
#star ul li .star5 {background:url(../images/star5.gif) no-repeat 50% 0; width:114px; height:16px; margin-top:2px;}

/*banners*/
#links {float:left; width:302px; padding:0 20px;}
a.book {display:block; width:97px; height:17px; background:url(../images/book.jpg) no-repeat 0 100%; color:#fff; font-weight:bold; float:left; margin-right:37px; text-align:center; padding-top:6px; text-decoration:none;}
a.gallery{display:block; width:97px; height:17px; background:url(../images/contactUs.jpg) no-repeat 0 100%; color:#fff; font-weight:bold; float:left;margin-right:50px; margin-left:25px!important; margin-left:12px; text-align:center; padding-top:6px; text-decoration:none;}
a.sendTo {display:block; width:97px; height:17px; background:url(../images/contactUs.jpg) no-repeat 0 100%; color:#fff; font-weight:bold; float:left;margin-right:37px; text-align:center; padding-top:6px; text-decoration:none;}
a.tourPDF {display:block; width:74px; height:17px; background:url(../images/tourPDF.gif) no-repeat 0 100%; color:#fff; font-weight:bold; float:left; padding:6px 0 0 23px; text-decoration:none;}

a.book:hover, a.contactUs:hover, a.sendTo:hover, a.tourPDF:hover {text-decoration:underline;}

img.mapTour {border:5px solid #99c5f2; margin-top:10px; float:left;}
#info ul.tab{margin:0 0 20px 0; padding:0; font-size:1em; float:left;}
#info ul.tab li {float:left; margin:0; padding:0;}
#info ul.tab li.tab1 {background:url(../images/info-ul.gif) no-repeat 0 0; width:91px; height:19px; padding:2px 0 0 7px;}
#info ul.tab li.tab2 {background:url(../images/info-ul2.gif) no-repeat 0 0; width:125px; height:19px; padding:2px 0 0 0;}
#info ul.tab li a {font-weight:bold; text-decoration:none; color:#fff;}
#info ul.tab li a:hover, #info ul.tab li a.tabSelected {font-weight:bold; text-decoration:none; color:#000;}

/*COURSE
--------------------------------*/
#tour p.duration {font-weight:bold; margin:0 0 10px 0;}
#tour ul.course {margin:0 0 15px 0 !important; width:420px;}
#tour ul.course li { background:none; margin:0; padding:0;}
#tour ul.course li a.day {display:block; text-decoration:none; font-weight:bold; text-align:right; padding:2px 4px 0 0; border-bottom:1px solid #cedef7; width:63px; height:17px; float:left;}
#tour ul.course li a.week {display:block; text-decoration:none; font-weight:bold; text-align:center; padding:2px 0 0 0; border-bottom:1px solid #fff; width:90px; height:17px; background:#cedef7; float:left;}
#tour ul.course li a.place {display:block; text-decoration:none; text-align:left; padding:2px 0 0 7px; border-bottom:1px solid #cedef7; width:227px; height:17px; float:left;}

#contentTour ul.courseDay {margin:0 30px 15px 20px !important; margin-left:10px; width:350px; float:left;}
#contentTour ul.courseDay li {background:none; margin:0; padding:0 0 0 0;}
#contentTour ul.courseDay li a.day {display:block; text-decoration:none; font-weight:bold; text-align:center; padding:2px 0 0 0; border-bottom:1px solid #fff; width:90px; height:17px; background:#cedef7; float:left;}
#contentTour ul.courseDay li a.place {display:block; text-decoration:none; text-align:left; padding:2px 0 0 7px; border-bottom:1px solid #cedef7; width:247px; height:17px; float:left;}
#contentTour ul.courseDay li:hover a.place {text-decoration:underline;}

/*testimonials
--------------------------------*/
a.moreT {font-size:0.9em; color:#5197FF; float:right; margin:-15px 0 10px 0;}

/*testimonials
--------------------------------*/
#detail {width:480px; padding:20px; background:#E3EDFB; float:left;}
#detail strong {line-height:20px;}
#detail ul.picsDet li {float:left; margin:10px 20px; padding:0; background:0;}
div.dayfor {background:#c3daf9; width:510px; padding:5px; float:left;}
a.next { float:right; font-wight:bold;}
a.next, a.prev {text-decoration:none;}
a.next:hover, a.prev:hover {text-decoration:underline;}

/*TOUR TABLE
--------------------------------*/
#price {width:720px; float:left; margin:20px 0;}
#pic {width:205px; float:left; padding:0 0 0 15px; text-align:right; margin:0 0 0 0; }
#pic ul li {margin:5px 0; background:none; padding:0;}
table.tourTable {width:100%; margin:0;}
table.tourTable td {text-align:center;}
table.tourTable td.left {text-align:left;}
table.tourTable td ul li {background:url(../images/bullet-content.gif) no-repeat 0 5px; margin:0; padding:2px 0 2px 10px; white-space:nowrap; font-weight:bold; margin:0 !important;}

/*BIKE TABLE
--------------------------------*/
table.bikeTable {width:100%; margin:0;}
table.bikeTable td, table.bikeTable th {text-align:center;}
table.bikeTable td.left {text-align:left;}

/* PICS
--------------------------------*/
#pics {text-align:right; width:207px; float:left; padding-top:20px;}
#pics ul {margin:0;}
#pics ul li {background:none; margin:7px 0; padding:0;}
#pics ul li img {padding:1px; border:solid 2px #99C5F2;}


/* TOURMAPS HOME
--------------------------------*/
.hometoursmaps p {background:#cee4fe; font-size:0.9em; padding:0; margin:0 0 0 0; display:block; padding:208px 7px 5px 7px; width:228px; border:2px solid #a7c27f; position:realtive; height:29px;}
.hometoursmaps img {position:absolute;}

span.error {margin-left:10px; color:#ff0000;}

/* FORM SEND TO FRIEND
--------------------------------*/
#sendtofriendForm ol li {margin:5px 0;}
#sendtofriendForm ol li label {display:block; width:100px; float:left; text-align:right; padding-right:8px;}

/* FORM BOOK TOUR
--------------------------------*/
#booktourForm {width:710px; float:left;}
#booktourForm ol li {margin:8px 0;}
#booktourForm ol li label {display:block; width:145px; float:left; text-align:right; padding:0 8px 5px 0;}

.yearsofridingexperiences {margin-top:25px !important;}
.motorcycleinsurance, .gpsnavigation, .ownandrideamotorcycler {height:auto; margin-bottom:0 !important;}
#booktourForm ol li input.radioButton {float:left;}
#booktourForm ol li label.radioLabel {width:auto;}
.ownandrideamotorcycler input#ownandrideamotorcycler_0, .tourcancellationinsurance input#tourcancellationinsurance_0 {margin-top:15px;}
.ownandrideamotorcycler label.radioLabel, .tourcancellationinsurance label.radioLabel {margin-top:15px;}
#tourcancellationinsurance_1, #motorcycleinsurance_1, #gpsnavigation_1, #ownandrideamotorcycler_1 {margin-left:158px;}
#booktourForm ol li.tourcancellationinsurance {margin-bottom:0 !important; height:36px;}
#booktourForm ol li.radioButtonNo {margin:0 !important; width:100%; height:25px;}

.milesriddeninthepastyear {width:100%;}
.ownmotorcyclemodel {height:30px;}

.tourdates {height:30px;}
#booktourForm ol li.okvir1 {border-left:1px solid #a5c3ed; border-top:1px solid #a5c3ed; border-right:1px solid #a5c3ed; width:700px; padding:5px 5px 0 5px; float:left;}
#booktourForm ol li.okvir2 {border-left:1px solid #a5c3ed; border-right:1px solid #a5c3ed; width:700px; margin:0; padding:0 5px;float:left;}
#booktourForm ol li.okvir3 {border-left:1px solid #a5c3ed; border-bottom:1px solid #a5c3ed; border-right:1px solid #a5c3ed; width:700px; margin-top:0; padding:0px 5px 5px 5px;float:left;}

/* FORM CONTACT
--------------------------------*/
#contactForm ol li {margin:10px 0;}
#contactForm ol li label {display:block; width:135px; float:left; text-align:right; padding-right:8px;}

#contactForm ol li#contactForm_w6 {margin:0;}
#contactForm ol li#contactForm_w5 {margin-bottom:0;}
#contactForm ol li span.smallNote {margin-left:143px; font-size:0.9em;}
#question {font-family:Arial, Helvetica, sans-serif; font-size:1em;}

/* GALLERY
--------------------------------*/
#content .thumbs ul li {float:left; background:none; padding:1px; margin:10px; border:2px solid #99C5F2; width:79px;}
#content .thumbs ul li a {display:block; height:53px;}

/* DAY BY DAY PICS
--------------------------------*/
#picsDet ul li {float:left; padding:8px 16px; background:none;}
#picsDet ul li img {padding:1px; border:solid 2px #99C5F2;}

/* CALLENDAR
--------------------------------*/
.calendar table {border:1px solid #c3def7;}
.calendar table thead {background:#c3def7;}
.calendar table thead td {border-bottom:solid 1px #fff;}
.calendar table thead tr.daynames td {font-weight:bold;}
.calendar table tbody {background:#fff;}
.calendar table tfoot {background:#c3def7;}
.calendar table tbody tr.daysrow td {cursor:pointer;}
.calendar table thead tr.headrow td {cursor:pointer;}
.calendar table tbody tr.daysrow td.wn {cursor:default;}

/* OTHER
--------------------------------*/
strong.person {color:#2C80FF; padding-top:5px;}
span.tourName {font-style:italic;}
#contentHome h1.homtTitle {margin:0 0 10px 0;}
ul.includedText li {background:url(../images/bullet-content.gif) no-repeat 0 7px; padding:2px 0 2px 10px; margin:0 0 0 10px;}
ul.includedText {margin:10px 0;}

/* NA�TEVANNJE
------------------------------ */
ol.count {margin:5px 0 15px 35px;}
ol.count li {list-style:decimal; padding:2px 0;}

a.faq {font-weight:bold;}
#faq0, #faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9, #faq10, #faq11, #faq12, #faq13, #faq14, #faq15, #faq16, #faq17, #faq18, #faq19, #faq20, #faq21, #faq22, #faq23, #faq24, #faq25, #faq26 {margin-bottom:10px; margin-top:-10px; background:#d5e3f8; padding:10px;}
hr {height:1px; border-left:none; border-bottom:none; border-right:none; border-top:1px solid #5794F0;}
#changeView {background:url(../images/changeView.gif) no-repeat 0 0; display:block; padding:3px 0; width:86px; text-align:center; margin-bottom:-7px; margin-left:615px;}

#content .form ol li {list-style:none;}

/* Self guided tours 
------------------------------ */
ul#selfGuided {margin:0;}
ul#selfGuided li {background:none; margin:0; padding:0;}
ul#selfGuided li a {background:url(../images/selfGuidedA.gif) no-repeat 0 0; margin:0; padding:4px 0 0 0; display:block; width:188px; height:16px; text-align:center; font-size:0.9em; text-decoration:none;}
ul#selfGuided li:hover a {text-decoration:underline;}
ul#selfGuided li a.selfSlovenia {background:url(../files/pic/slovenia-tour.jpg) no-repeat 0 0; margin:0 0 10px 0; padding:0; display:block; width:184px; height:82px; text-align:center; font-size:0.9em; text-decoration:none; border:2px solid #cee4fe; text-indent:-9999px;}
ul#selfGuided li a.selfDolomites {background:url(../files/pic/slovenia-dolomites-tour.jpg) no-repeat 0 0; margin:0 0 10px 0; padding:0; display:block; width:184px; height:82px; text-align:center; font-size:0.9em; text-decoration:none; border:2px solid #cee4fe; text-indent:-9999px;}
ul#selfGuided li a.selfCroatia {background:url(../files/pic/slovenia-croatia-tour.jpg) no-repeat 0 0; margin:0 0 10px 0; padding:0; display:block; width:184px; height:82px; text-align:center; font-size:0.9em; text-decoration:none; border:2px solid #cee4fe; text-indent:-9999px;}
ul#selfGuided li a.selfBalkan {background:url(../files/pic/slovenia-balkan-tour.jpg) no-repeat 0 0; margin:0 0 10px 0; padding:0; display:block; width:184px; height:82px; text-align:center; font-size:0.9em; text-decoration:none; border:2px solid #cee4fe; text-indent:-9999px;}

table.wideTableSto td.dayTable {background:#CEDEF7; border-bottom:1px solid #fff;}

/* MOTORCYCLE RENTAL
--------------------------------*/
ul$rental {margin:0; width:100%;}
ul#rental li img {float:left; margin-right:20px;}
ul#rental li {float:left; height:130px; width:460px; padding:0;margin:10px 10px 20px 0;}
ul#rental li table {width:280px;}

/* CALLENDAR
--------------------------------*/
.errorMessages {color:#ff0000;}

/* CALLENDAR
--------------------------------*/
#content ul.guidedTours li {margin:0 10px 10px 0; padding:10px; background:url(../images/guidedBack.gif) no-repeat 0 0; height:130px; width:440px; float:left;}
#content ul.guidedTours ul{margin:-2px 0 0 0;}
#content ul.guidedTours li ul li{background:none; height:auto; width:auto; float:none; padding:0; margin:2px 0;}
#content ul.guidedTours li .guidedImg {float:left; width:98px; height:130px; margin-right:10px;}
#content ul.guidedTours li a.font {color:#2763bc; font-weight:bold; font-size:1.1em; text-decoration:underline;}
#content ul.guidedTours li a.font:hover {text-decoration:none;}
#content h2.topic {display:block; width:910px; float:left; background:url(../images/guidedH2.gif) no-repeat 0 0; height:23px; color:#fff; padding:6px 0 0 20px; margin:15px 0 10px 0;}
#content h2.guidedAdriatic {margin:5px 0 10px 0;}

a.guidedGallery{display:block; width:97px; height:17px; background:url(../images/contactUs.jpg) no-repeat 0 100%; color:#fff; font-weight:bold; float:left; text-align:center; padding-top:6px; text-decoration:none;}

div.thumbs {width:700px;}

ol.newsletterprijava {background:#E3EDFB; width:500px; padding:10px 0;}

#gidToursList {width:165px;}


/* DEVELOPMENT
------------------------------ */
.hidden {display:none;}

.text h3 {color:#000;}

/* DEVELOPMENT
------------------------------ */
a.myLink10 img {border:none}
{! needed for IE !}
a:hover img {filter:none;}
{! size div which contains space for links AND images to show on hover !}
div.fishDiv {width:700px; height:150px; position:relative; top:0px; left:0px;}
{! size each link !}
a.myLink10, a.myLink10 span.span10 {width:200px; height:20px;}
{! render images not displayed; I use same class for each image div !}
a.myLink10 div.myHimg {display:none;}
{! style hover so that only the instance of the class which is being hovered shows !}
a.myLink10:hover div.myHimg {display:block; position:absolute; top:20px; right:0px;}

a.fr {float:left; width:700px; text-align:right; margin-top:0px; display:block; font-size:0.9em; padding-right:10px;}
h2.width {width:100%;}


a.namelink {display:block; width:100%; margin-top:15px; text-decoration:none;}
a.namelink:hover {text-decoration:underline;}
div.boximp {background:#E3EDFB; padding:10px 10px 5px 10px;}

#content .gall {float:left; width:259px; margin-right:30px; background:url(../images/gallery.gif) no-repeat 0 0; height:85px; padding-right:20px;}
#content .gall img {float:left; margin:8px 13px 0 10px; border:2px solid #fff;}
#content .gall a {text-decoration:none;}
#content .gall p {margin-top:10px; line-height:21px;}

/*FB LIKE*/
#fblike {position:absolute;top:185px;left:697px;width:260px;}

/* HACKS
------------------------------ */
.clear {display:inline-block;}

/* priceList */
#body .priceList { overflow : hidden; padding : 10px 2px 2px 2px; margin : 7px 10px 20px 0; background : #6497D6; -moz-border-radius : 5px; -webkit-border-radius : 5px; border-radius : 5px; }
#body .priceList h2 { padding : 0 0 5px 11px; color : #fff; }
#body .priceList table { width : 100%; margin-bottom : 0; line-height : 1.6em; border-bottom : 1px solid #CEDEF7; }
#body .priceList table tr th { line-height : 1.4em; padding : 10px; border : none; vertical-align : bottom; }
#body .priceList table tr th strong { font-size : 1.2em; }
#body .priceList table tr th span { font-size : 1.0em; font-weight: normal; }
#body .priceList table tr td { padding : 5px 10px; background : #fff; border-bottom : 1px solid #CEDEF7; }
#body .priceList table tr td.type { font-weight : bold; color : #2D609F; }
#body .priceList table tr td.price, #body .priceList table tr:hover td.price { vertical-align : middle; font-size : 1.0em; }
#body .priceList table tr td.box { background : #FAFEFF; border-left : 1px solid #CEDEF7; }
#body .priceList table tr td.box table { border-bottom : none; }
#body .priceList table tr td.box table td { background : none; border-bottom : 1px solid #CEDEF7; font-size : 1.0em; }
#body .priceList table tr td.box table td.noborder { border-bottom : none; }
#body .priceList table tr td.type a { display : block; padding-left : 10px; text-decoration : none; color : #2D609F; background : url(../images/dot_li.gif) no-repeat scroll 0 7px transparent; }
#body .priceList table tr td.type a:hover { text-decoration : underline; }
.textRight { text-align : right; }
.price { white-space : nowrap; }
.clear:after, ul.breadcrumbs:after, #tourMenu ul:after, #data:after, ul.infoLinks:after, ul.pics:after, ul.course li:after,ul.courseDay:after,ul.courseDay li:after, ul.tab:after, #footer:after, .thumbs ul:after, #picsDet ul:after, #contentHome:after, p.smallText:after, ul#rental:after, #booktourForm ol li:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
