/*
Theme Name: KAS
Author: OTC Solutions
Author URI: http://www.otc.co.rs/
Description:
*/

/* http://www.google.com/fonts/#UsePlace:use/Collection:Roboto:400,700,300|Roboto+Condensed:400,700,300|Architects+Daughter */
/* font-family: 'Roboto', sans-serif; */
/* font-family: 'Roboto Condensed, sans-serif; */
/* font-family: 'Architects Daughter', cursive; */

body { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 14px; }

a { text-decoration: none; color: inherit; }
a:hover { color: #e21b22; transition: color 0.5s; -webkit-transition: color 0.5s; }

.left { float: left; }
.right { float: right; }
.textleft { text-align: left; }
.textright { text-align: right; }
.alignleft { display: inline; float: left; margin-right: 10px; margin-bottom: 10px; }
.alignright { display: inline; float: right; margin-left: 10px; margin-bottom: 10px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.clear { clear: both; }
.none { display: none; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shadow { background: white; border: 1px solid #dcdcdc; margin: 4px; box-shadow: 0 0 4px #bbb; }
.block { display: block; }

.row { width: 960px; margin: 0 auto; overflow: hidden; }
.row-20 { margin-bottom: 20px; }
.row-40 { margin-bottom: 40px; }
.row-spacer { height: 33px; }
.row .row { margin: 0; width: auto; display: inline-block; }
.col { margin: 0; overflow: hidden; float: left; display: inline; min-height: 1px; }
.col-20 { width: 20px; }
.col-25 { width: 25px; }
.col-30 { width: 30px; }
.col-230 { width: 230px; }
.col-300 { width: 300px; }
.col-320 { width: 320px; }
.col-330 { width: 330px; }
.col-358 { width: 358px; }
.col-470 { width: 470px; }
.col-640 { width: 640px; }
.col-710 { width: 710px; }
.col-960 { width: 960px; }

/***/

#top { position: absolute; z-index: 900; }

#sitebar { background: url(img/sitebar.png); height: 40px; line-height: 40px; }
#sitebar .lang { font-family: 'Roboto', sans-serif; display: block; float: left; background: url(img/lang.png) #dee0bf; width: 38px; height: 40px; line-height: 34px; margin-right: 12px; color: #fff; text-transform: uppercase; text-align: center; font-size: 14px; }
#sitebar .lang-active { background-color: #b5d566; }
#sitebar .lang:hover { background-color: #fff; color: #e21b22; transition: background-color 1.0s, color 1.0s; -webkit-transition: background-color 1.0s, color 1.0s; }
#search { background: url(img/search.png) no-repeat; float: left; height: 40px; }
#search .input { background: transparent; width: 150px; height: 26px; padding-left: 29px; border: 0; }
#search .input:focus { outline: 0; }
#search .button { background: transparent; width: 31px; height: 26px; border: 0; }

#bg { background: #f6f7eb; background: -webkit-linear-gradient(top, rgb(248, 248, 239) 0%, rgb(228, 230, 195) 60%, rgb(215, 218, 166) 100%); background: -o-linear-gradient(top, rgb(248, 248, 239) 0%, rgb(228, 230, 195) 60%, rgb(215, 218, 166) 100%); background: -ms-linear-gradient(top, rgb(248, 248, 239) 0%, rgb(228, 230, 195) 60%, rgb(215, 218, 166) 100%); background: -moz-linear-gradient(top, rgb(248, 248, 239) 0%, rgb(228, 230, 195) 60%, rgb(215, 218, 166) 100%); background: linear-gradient(to bottom, rgb(248, 248, 239) 0%, rgb(228, 230, 195) 60%, rgb(215, 218, 166) 100%); }
#header .menu { background: url(img/header.png) top center no-repeat; }
#header .menu .col { height: 176px; position: relative; }
#header .logo { position: absolute; top: 20px; left: 0; width: 183px; height: 86px; }
#header .logo-en { background: url(img/logo-en.png) no-repeat; }
#header .logo-sr { background: url(img/logo-sr.png) no-repeat; }
#header .logo-de { background: url(img/logo-de.png) no-repeat; }
#header .header-menu { position: absolute; bottom: 11px; left: 0; right: 0; z-index: 999; }
#header .header-menu table { width: 100%; background: url(img/header-menu.png) center left no-repeat; }
#header .header-menu td { height: 33px; text-align: center; vertical-align: middle; position: relative; background: url(img/header-menu.png) center right no-repeat; }
#header .header-menu .home a { background: url(img/home.png); background-color: #788d11; text-transform: uppercase; display: inline-block; width: 30px; height: 25px; }
#header .header-menu .home a:hover { background-color: #e8292f; transition: background-color 0.5s; -webkit-transition: background-color 0.5s; }
/*#header .header-menu .home a.current-menu-item { background-color: #e8292f; }*/
#header .header-menu .link a { color: #788d11; font-size: 18px; text-transform: uppercase; }
#header .header-menu .link a:hover { color: #e8292f; transition: color 0.5s; -webkit-transition: color 0.5s; }
/*#header .header-menu .link a.current-menu-item { color: #e8292f; }*/
#header .header-menu .submenu { display: none; position: absolute; }
#header-submenu { display: none; position: absolute; top: 20px; left: 30px; padding-top: 46px; }
#header-submenu a { display: block; white-space: nowrap; height: 45px; line-height: 45px; padding: 0 20px; background: #e7eec4; color: #788d11; text-transform: uppercase; }
#header-submenu a:hover { background: #f7f8ea; color: #e8292f; transition: background-color 0.5s, color 0.5s; -webkit-transition: background-color 0.5s, color 0.5s; }
#header .breadcrumbs .col { height: 33px; line-height: 33px; border-bottom: 2px dotted #bcbe83; font-family: 'Roboto', sans-serif; }
#header .breadcrumbs a { color: #788d11; }
#header .breadcrumbs a:hover { color: #df191f; transition: color 0.5s; -webkit-transition: color 0.5s; }
#header .breadcrumbs span { color: #788d11; margin: 0 6px; }

#footer .partners { background: url(img/footer-partners.png) repeat-x; height: 312px; }
#footer .partners h2 { font-size: 22px; font-weight: 300; color: #e11a21; text-align: center; margin: 40px 0 20px 0; }
#footer .partners .partner { display: inline-block; margin: 0 0 20px 20px; }
#footer .partners .partner-1 { margin: 0 0 20px 0; }
#footer .partners .partner-8 { margin: 0 0 20px 0; }
#footer .panel { background: url(img/footer-panel.png) repeat-x; height: 459px; }
#footer .panel .contact { background: url(img/footer-contact.png) repeat-x; height: 222px; text-align: center; }
#footer .panel .contact .top a { background-color: #fff; display: block; width: 100px; height: 60px; margin: 25px auto 17px auto; }
#footer .panel .contact .top a:hover { background-color: #e21b22; transition: background-color 1.0s; -webkit-transition: background-color 1.0s; }
#footer .panel .contact .top-en a { background-image: url(img/page-top-en.png); }
#footer .panel .contact .top-sr a { background-image: url(img/page-top-sr.png); }
#footer .panel .contact .top-de a { background-image: url(img/page-top-de.png); }
#footer .footer-menu { padding: 0; margin: 20px 0; }
#footer .footer-menu a:hover { color: #fff; transition: color 0.5s; -webkit-transition: color 0.5s; }
#footer .footer-menu > li { display: block; float: left; margin-left: 75px; margin-bottom: 15px; }
#footer .footer-menu > li:first-child { margin-left: 0px; }
#footer .footer-menu > li > a { display: block; font-family: 'Architects Daughter', cursive; font-size: 18px; color: #609E23; text-transform: uppercase; }
#footer .footer-menu > li > ul { margin: 0; padding: 0; }
#footer .footer-menu > li > ul > li { display: block; margin-bottom: 5px; }
#footer .footer-menu > li > ul > li > a { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; font-weight: 300; color: #77ae80; text-transform: lowercase; }
#footer .copy { background: url(img/footer-copy.png) repeat-x; height: 44px; line-height: 44px; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 16px; color: #101a05; }
#footer .copy .producers { text-align: right; color: #609e23; }
#footer .copy .producers a { color: #609e23; }
#footer .copy .producers a:hover { color: #fff; transition: color 0.5s; -webkit-transition: color 0.5s; }

/***/

.home #header .menu .col { height: 224px; position: relative; }
.home #header .menu { background: url(img/header-home.png) top center no-repeat; }

.social { display: inline-block; }
.social:hover { transition: background-color 1.0s; -webkit-transition: background-color 1.0s; }
.social-header { width: 50px; height: 40px; background-color: #dee0bf; }
.social-footer { width: 50px; height: 50px; background-color: #729e46; }
.social-facebook:hover { background-color: #3c5b9b; }
.social-youtube:hover { background-color: #fe3432; }
.social-twitter:hover { background-color: #2daae1; }
.social-google:hover { background-color: #333230; }
.social-pinterest:hover { background-color: #cb2027; }

#slider { position: relative; width: 636px; height: 406px; }
#slider .frame { position: absolute; top: 0; left: 0; right: 0; height: 381px; background: #fff; border: 1px solid #e2e3b7; -webkit-border-radius: 6px; border-radius: 6px; margin: 0 auto; }
#slider #slides { display: none; }
#slider #slide { position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; }
#slider .image { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#slider .panel { position: absolute; height: 55px; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); }
#slider .label { position: absolute; height: 55px; line-height: 55px; left: 0; right: 0; bottom: 0; padding: 0 20px; font-family: 'Roboto Condensed', sans-serif; font-size: 30px; color: #fff; }
#slider .label a { color: #fff; }
#slider .dots { position: absolute; left: 0; right: 0; bottom: 0; height: 25px; line-height: 25px; text-align: center; }
#slider .dots span { display: inline-block; background: url(img/slider-dot.png) no-repeat; background-position: 0 0; width: 18px; height: 17px; margin: 0 2px; vertical-align: middle; }
#slider .dots .active { background-position: -18px 0; }

.widget { margin-bottom: 16px; }

.widget-news { padding-top: 3px; }
.widget-news .part-1 { font-family: 'Architects Daughter', cursive; position: relative; }
.widget-news .part-1 h2 { font-size: 24px; font-weight: normal; color: #93b544; position: absolute; top: 10px; left: 20px; height: 50px; line-height: 50px; margin: 0; }
.widget-news .part-1 .all { background: url(img/news-all.png) 0 0 no-repeat; width: 39px; height: 47px; padding: 5px 12px 5px 3px; font-size: 14px; color: #fff; position: absolute; text-align: center; line-height: 1em; }
.widget-news .part-1 .all:hover { background-position: -54px 0; }
.widget-news-wide .part-1 .all { top: -3px; right: 14px; }
.widget-news-narrow .part-1 .all { top: -3px; right: 6px; }
.widget-news .part-2 { padding: 10px 20px; }
.widget-news .part-2 .post { color: #788d11; display: block; margin: 0 2px; border-bottom: 1px dotted #788d11; position: relative; padding-bottom: 8px; margin-bottom: 8px; }
.widget-news .part-2 .post-last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.widget-news .part-2 .date { font-size: 12px; margin-bottom: 4px; }
.widget-news .part-2 h3 { font-size: 16px; font-weight: 400; margin: 0; line-height: 1.2em; overflow: hidden; }
.widget-news-wide .part-2 h3 { max-height: 38.4px; width: 230px; }
.widget-news-narrow .part-2 h3 { max-height: none; width: 170px; }
.widget-news .part-2 .more { font-size: 24px; font-weight: 400; position: absolute; top: 12px; right: 0; }
.widget-news-wide .part-1 { background: url(img/news-wide-1.png) no-repeat; height: 67px; }
.widget-news-wide .part-2 { background: url(img/news-wide-2.png) repeat-y; height: 284px; }
.widget-news-wide .part-3 { background: url(img/news-wide-3.png) no-repeat; height: 12px; }
.widget-news-narrow .part-1 { background: url(img/news-narrow-1.png) no-repeat; height: 63px; }
.widget-news-narrow .part-2 { background: url(img/news-narrow-2.png) repeat-y; }
.widget-news-narrow .part-3 { background: url(img/news-narrow-3.png) no-repeat; height: 9px; }

.home-camps-1 .camp { background: url(img/home-camps-1.png) no-repeat; color: #fff; }
.home-camps-2 .camp { background: url(img/home-camps-2.png) no-repeat; color: #788d11; }
.home-camps a { display: block; width: 470px; height: 200px; position: relative; }
.home-camps .thumbnail { position: absolute; top: 20px; left: 20px; display: block; padding: 5px; background: #fff; border: 1px solid #788d11; }
.home-camps .title { position: absolute; top: 20px; left: 195px; width: 260px; height: 110px; overflow: hidden; font-size: 24px; font-weight: 700; line-height: 1.1em; }
.home-camps .address { font-size: 16px; font-weight: 400; margin-top: 4px; line-height: 1.2em; }
.home-camps .info { position: absolute; top: 150px; left: 20px; width: 430px; height: 44px; line-height: 44px; color: #313900; }
.home-camps .info span { padding-right: 20px; display: inline-block; }
.home-camps .info .season { background: url(img/home-camp-season.png) center left no-repeat; padding-left: 30px; }
.home-camps .info .area { background: url(img/home-camp-area.png) center left no-repeat; padding-left: 35px; }
.home-camps .info .type { background: url(img/home-camp-type.png) center left no-repeat; padding-left: 25px; }

.home-badge a { display: block; width: 300px; height: 260px; background: #788d11; }
.home-badge a:hover { background: #e31c23; transition: background-color 1.0s; -webkit-transition: background-color 1.0s; }

.post-list .post { display: block; color: #788c11; padding: 0 2px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px dotted #909232; }
.post-list .post:hover { color: #46530b; }
.post-list .thumbnail { width: 150px; height: 100px; padding: 4px; background: #fff; border-top: 1px solid #dae8e0; border-bottom: 1px solid #dae8e0; margin-right: 20px; float: left; }
.post-list .thumbnail .holder { width: 150px; height: 100px; background: #78afa0; }
.post-list .date { font-family: 'Roboto', sans-serif; font-size: 14px; }
.post-list h2 { font-size: 24px; font-weight: 700; line-height: 1.2em; margin: 8px 0 10px 0; }
.post-list .excerpt { margin-left: 180px; }
.post-list .excerpt p { margin: 0; }
.pagination { font-size: 16px; }
.pagination .page-numbers { color: #788d11; border: 1px solid #909232; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; }
.pagination .page-numbers:hover { color: #e72c33; }
.pagination .current { background: #fff; color: #e72c33; }
.pagination .dots { color: #e72c33; border: 0; }
.pagination .prev { color: #e72c33; }
.pagination .next { color: #e72c33; }

.post { color: #788c11; font-family: 'Roboto', sans-serif; }
.post .date { font-family: 'Roboto', sans-serif; font-size: 16px; margin: 0 0 12px 0; }
.post h1 { font-family: 'Roboto Condensed', sans-serif; font-size: 44px; line-height: 1.2em; margin: 0 0 16px 0; }
.post .share { margin-bottom: 1em; }
.post .photo { display: inline-block; padding: 5px; background: #fff; border: 1px solid #e2e3b7; -webkit-border-radius: 6px; border-radius: 6px; width: auto; }
.post .photo img { max-width: 100%; height: auto; }
.post a { color: #46530b; }
.post a:hover { color: #e21b22; transition: color 0.5s; -webkit-transition: color 0.5s; }

.gallery { margin: 1em 0 !important; position: relative; }
.gallery dl { display: none; }
.gallery br { display: none; }
.gallery .panel { background: url(img/gallery.png); border: 1px solid #fff; -webkit-border-radius: 6px; border-radius: 6px; height: 180px; }
.gallery .header { background: url(img/camera.png) 16px center no-repeat; margin: 0 1px; padding-left: 65px; text-transform: uppercase; font-weight: 700; font-size: 22px; color: #fff; height: 35px; line-height: 35px; border-bottom: 2px dotted #fff; }
.gallery .prev { background: url(img/prev.png) no-repeat; position: absolute; top: 95px; left: 20px; width: 24px; height: 33px; cursor: pointer; }
.gallery .next { background: url(img/next.png) no-repeat; position: absolute; top: 95px; right: 20px; width: 24px; height: 33px; cursor: pointer; }
.gallery .thumbnail { width: 150px; height: 100px; padding: 5px; position: absolute; background: #fff; left: -999999px; }
.gallery .thumbnail-0 { top: 55px; left: 95px; }
.gallery .thumbnail-1 { top: 55px; left: 280px; }
.gallery .thumbnail-2 { top: 55px; left: 465px; }
.gallery .thumbnail a { display: block; width: 150px; height: 100px; background: #d8daa7; }
.gallery .thumbnail img { border: 0 !important; }

.camp-list {}
.camp-list-line { border-bottom: 2px dotted #909232; padding: 0 3px; padding-bottom: 30px; margin-bottom: 30px; }
.camp-list .camp { float: left; width: 320px; }
.camp-list .camp-0 { margin-right: 60px; }
.camp-list .camp a { color: #788d11;  }
.camp-list .camp h2 { font-size: 24px; font-weight: 700; color: #788d11; margin: 0 0 5px 0; }
.camp-list .camp .type { margin: 0 0 10px 0; }
.camp-list .camp .thumbnail { width: 300px; height: 160px; padding: 5px; background: #fff; }
.camp-list .camp .holder { width: 300px; height: 160px; background: #78afa0; }
.camp-list .camp .address { font-family: 'Roboto', sans-serif; font-size: 14px; color: #788d11; line-height: 1.2em; height: 2.4em; margin-top: 12px; }

.camp { color: #788c11; font-family: 'Roboto', sans-serif; }
.camp h1 { font-family: 'Roboto Condensed', sans-serif; font-size: 44px; line-height: 1.2em; margin: 0 0 16px 0; }
.camp .share { margin-bottom: 1em; }
.camp .photo { display: inline-block; padding: 5px; background: #fff; border: 1px solid #e2e3b7; -webkit-border-radius: 6px; border-radius: 6px; width: auto; }
.camp .photo img { max-width: 100%; height: auto; }
.camp .services { background: #fafaf3; padding: 10px 10px 10px 40px; border: 1px solid #f7f7ec; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1em; position: relative; }
.camp .services .title { position: absolute; top: 0; left: 0; bottom: 0; width: 30px; background: url('img/camp-services.png') 10px 10px no-repeat #788d11; -webkit-border-radius: 6px; border-radius: 6px; }
.camp .service { display: inline-block; width: 42px; height: 42px; margin: 10px; background-repeat: none; }
.camp .service_bar { background-image: url(img/service_bar.png); }
.camp .service_pets { background-image: url(img/service_pets.png); }
.camp .service_phone { background-image: url(img/service_phone.png); }
.camp .service_restaurant { background-image: url(img/service_restaurant.png); }
.camp .service_toilet { background-image: url(img/service_toilet.png); }
.camp .service_highway { background-image: url(img/service_highway.png); }
.camp .service_trailers { background-image: url(img/service_trailers.png); }
.camp .service_mountaineering { background-image: url(img/service_mountaineering.png); }
.camp .service_tents { background-image: url(img/service_tents.png); }
.camp .service_informations { background-image: url(img/service_informations.png); }
.camp .service_bungalows { background-image: url(img/service_bungalows.png); }
.camp .service_parking { background-image: url(img/service_parking.png); }
.camp .service_swimming { background-image: url(img/service_swimming.png); }
.camp .service_sports { background-image: url(img/service_sports.png); }
.camp .service_laundry { background-image: url(img/service_laundry.png); }
.camp .service_historical { background-image: url(img/service_historical.png); }
.camp .service_fishing { background-image: url(img/service_fishing.png); }
.camp .service_reception { background-image: url(img/service_reception.png); }
.camp .service_tennis { background-image: url(img/service_tennis.png); }
.camp .details { background: url(img/camp-info-fields.png) repeat-y #f7f7ed; border: 1px solid #f7f7ec; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 1em; }
.camp .details .col { min-height: 120px; }
.camp .details .col-a { background: url('img/camp-info.png') no-repeat; }
.camp .details .field { min-height: 16px; padding: 16px 12px 16px 72px; background: 10px center no-repeat; border-bottom: 2px dotted #ef908e; }
.camp .details .field-last { border-bottom: 0; }
.camp .details .field-address { background-image: url(img/camp-address.png); }
.camp .details .field-season { background-image: url(img/camp-season.png); }
.camp .details .field-area { background-image: url(img/camp-area.png); }
.camp .details .field-tel { background-image: url(img/camp-tel.png); }
.camp .details .field-fax { background-image: url(img/camp-fax.png); }
.camp .details .field-mob { background-image: url(img/camp-mob.png); }
.camp .details .field-email { background-image: url(img/camp-email.png); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.camp .details .field-website { background-image: url(img/camp-website.png); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.camp .details .field-gps { background-image: url(img/camp-gps.png); }
.camp .details .field-infrastructure { background-image: url(img/camp-infra.png); }
.camp a { color: #46530b; }
.camp a:hover { color: #e21b22; transition: color 0.5s; -webkit-transition: color 0.5s; }

#map-camp { font-family: 'Roboto Condensed', sans-serif; margin: 1em 0; padding: 5px; background: #fff; border: 1px solid #e2e3b7; -webkit-border-radius: 6px; border-radius: 6px; }
#map-camp #map-canvas { height: 350px; }
#map-camping { font-family: 'Roboto Condensed', sans-serif; margin: 1em 0; padding: 5px; background: #fff; border: 1px solid #e2e3b7; -webkit-border-radius: 6px; border-radius: 6px; }
#map-camping #map-canvas { height: 710px; }

.four-oh-four { color: #788d11; margin: 0; }