/*

Theme Name: beogradnocu
Theme URI: http://www.pixelspire.com
Description: The theme for beogradnocu.com.
Author: Bokche and Boogie
Author URI: http://www.pixelspire.com/
Version: 1.0

*/

@charset "utf-8";
/* CSS Document */

/* Imports */
@import url("assets/css/reset.css");
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 28, 2012 03:58:37 AM America/New_York */
@font-face {
    font-family: 'Droid Sans';
    src: url('assets/fonts/DroidSans-webfont.eot');
    src: url('assets/fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/DroidSans-webfont.woff') format('woff'),
         url('assets/fonts/DroidSans-webfont.ttf') format('truetype'),
         url('assets/fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Sans Bold';
    src: url('assets/fonts/droidsans-bold-webfont.eot');
    src: url('assets/fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/droidsans-bold-webfont.woff') format('woff'),
         url('assets/fonts/droidsans-bold-webfont.ttf') format('truetype'),
         url('assets/fonts/droidsans-bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal !important;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Serif Italic';
    src: url('assets/fonts/DroidSerif-Italic-webfont.eot');
    src: url('assets/fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/DroidSerif-Italic-webfont.woff') format('woff'),
         url('assets/fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('assets/fonts/DroidSerif-Italic-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal !important;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('assets/fonts/BebasNeue-webfont.eot');
    src: url('assets/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/BebasNeue-webfont.woff') format('woff'),
         url('assets/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('assets/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* General */
body {background:#fff url(assets/images/pic-top.jpg) top center no-repeat; font-family:'Droid Sans', sans-serif;}
h1, h2, h3, h4, h5, span.header4, span.h2 {font-family:'BebasNeueRegular', sans-serif; font-weight:normal;}
p {font-family:'Droid Sans', sans-serif; font-size:0.750em;}
h5 {font-size:2.125em; color:#3b3b3b;}
.wrraper {width:960px; margin:0 auto; position:relative;}
.clear {clear:both;}
strong, b {font-weight:700; color:inherit;}
.marginrighr {margin-right:0px !important;}

/* header */
#logo {padding:10px 0;}

/* top menu */
#topmenu {background:url(assets/images/bgmenu-back.jpg); height:54px;}
#topmenu p, #topmenu ul>li a {font-family:'BebasNeueRegular', sans-serif;}
/*#topmenu ul li ul li a {font-family:Arial, Helvetica, sans-serif; font-size:14px !important; font-weight:bold; text-transform:uppercase; padding: .625em 0.938em .625em;} */
#topmenu nav {width:960px; margin:0 auto;}

/******/
.sf-menu {float:left; width: 905px;}
/*.sf-menu a {padding:.85em 12px .7em; margin-left:1px; margin-right:1px; text-decoration:none;}*/
/*.sf-menu a, .sf-menu a:visited  {color: #afafaf; font-size:1.188em;}*/
.sf-menu li {background: none;}
.sf-menu li:hover ul, .sf-navbar, .sf-navbar li:hover, .sf-navbar li.sfHover, .sf-navbar ul li.current,
.sf-navbar>li>ul>li {background-color: transparent;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    top: 30px;
}
.sf-navbar {margin-bottom: 0px;}
.sf-navbar:before {background-color: transparent;}
.sf-navbar>li>a {padding: 4px 10px; color: #fff; font-size: 1.375em; 
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s;
}
.sf-navbar a > .sf-sub-indicator {display: none;}
.sf-navbar>li>ul{width: 960px;}
.sf-navbar>li>ul>li {width: auto; background-color: transparent;}



.sf-navbar>li>ul>li>a {padding: 4px 9px 2px; color: #fff; font-size: 1.125em; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.sf-navbar>li>ul>li:hover{background-color: transparent;}
.sf-navbar>li>ul>li>a:hover, .sf-navbar li ul li.current-menu-item a {color: #000 !important; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s;}

.sf-navbar>li.novo > a {background-color: #93c01f;}
.sf-navbar>li>ul>li.novo > a {background-color: #fbb900;}
.sf-navbar>li>a:hover, li.sfHover>a, li.current_page_item a {background-color: #0192D1 !important; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s;}
.pocetna a {text-indent: -9999px; background: url('assets/images/home-kuca.png') center center no-repeat !important; width: 15px;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {z-index: 9450;}

/*.sf-menu li.sfHover ul a {background:#fafafa; margin-left:0px; margin-right:0px; font-size:14px !important; border-top:1px solid #fff; border-bottom:1px solid #dcdcdc; font-family:Arial, Helvetica, sans-serif !important; font-weight:bold; display:block; padding: .625em 0.938em .625em;} /*  
.sf-menu li.sfHover ul a:hover {background:url(assets/images/menu-background.jpg); border-left:none; border-right:none;}
.sf-menu li.sfHover ul li {}
.sf-menu li.sfHover ul li:last-child a {border-bottom:none;}
.sf-menu li.sfHover ul li:first-child a {border-top:solid 1px #dcdcdc; background:#fafafa url(assets/images/menu-ul-back.png) repeat-x;}
.sf-menu li.sfHover div div ul li:first-child a{border-top:solid 1px #dcdcdc;}
.sf-menu li.sfHover ul li:first-child a:hover {background:url(assets/images/menu-background.jpg) repeat;}
.sf-menu li.sfHover ul li.current-menu-item a{border-left:none; border-right:none;}
.sf-menu li ul li.current-menu-item a {background:none !important; color:#afafaf;}*/
/******/


#languge {float:right; margin-top:5px;}
#languge a, #languge p {font-family:'BebasNeueRegular', sans-serif; color:#fff;}	
#languge p { font-size:1.375em;}
#languge p span, #languge a:hover {color:#424242;}

/* callcenter */
#callcenter {margin-top:14px;}
.callbluebox { width:960px; height:57px; background: #e92c92; position: relative;}

.callbluebox a.rezervisi {position:absolute; top:0px; right:0px; font-size:24px; line-height:2.5em; height: 100%; background-color: #b0cd13; background-image: none; width: 306px; text-shadow: none;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.callbluebox a.rezervisi:hover {background-color: #82a91c; -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;}

.callbluebox p {font-size:1.5em; color:#fff; padding-top:16px; font-family:'BebasNeueRegular', sans-serif; margin-left:67px;}
.callbluebox p span {color:#1d1d1b;}
#callcgirl { position:absolute; top:0px; left:0px;}
#loginstatus {float:right; margin-top:-57px; background:url(assets/images/callcentar-black-background.png) no-repeat top left; height:57px; width:31%; text-align:right;}
#loginstatus p {font-family:'BebasNeueRegular', sans-serif; font-size:1.5em; color:#46bef6; margin-top:18px; margin-right:18px;}
#loginstatus p span, #loginstatus p a {color:#fff;}
#loginstatus p a:hover {color:#46bef6;}
.sticky {z-index:999; width:100%;}
.sticky2 {z-index:989; width:960px; margin:0 auto !important;}

/* Slideshow */
#slidersec {margin-top:15px;}

#slides { position:relative; width:638px; z-index:100; float:left;}
.slides_container {width:637px; overflow:hidden; position:relative; display:none;}
.slides_container div.slide {width:637px; height:351px; display:block;}
/*	Next/prev buttons  */
#slides .next,#slides .prev {position:absolute; top:136px; width:54px; height:53px; display:block; z-index:101; display:none;}
#slides .next:hover, #slides .prev:hover {background-position:0 -53px;}
#slides .next {right:0px; background:url(assets/images/right.png);}
#slides .prev {background:url(assets/images/left.png) no-repeat; left:0px; }
/*	Pagination */
.pagination { display:none;}
/* 	Caption */
.caption {z-index:500; position:absolute; bottom:-351px; left:0; height:351px; padding:0px 7px 0 0px; width:637px; font-size:1.3em; color:#fff; text-shadow:none;}

.caption h3 {font-family: 'BebasNeueRegular', serif; color:#FFF; font-size:	1.250em; position:absolute; bottom:27px;}
.caption h3 span{display:inline-block;background:rgba(0,0,0,0.7);padding:5px;}
.caption h3 span.titletop {padding-bottom:4px; line-height:90%; font-size:2em;}
.caption h3 span.titlebottom {color:#4ec7f7;/*32aaee 89e4e9*/ line-height:0.5em !important; padding:10px 10px 10px 5px;}



/* inner box */
#slidertextbox {float:right; width:306px; height:351px; background:#44befb url(assets/images/bacground-bluegrain.jpg) repeat; position:relative;}
#slidertextbox h2 {font-size:3em; margin:10px 12px 0px 11px; color:#1d1d1b; text-shadow:0 1px 0 #7ed0ff;}
#slidertextbox h4 {font-size:1.750em; color:#fff; margin:0px 5px 0px 11px; letter-spacing:0px; line-height:95%;}
#slidertextbox p {font-size:0.875em; margin:7px 5px 0px 11px; color:#142831; text-shadow:0 1px 0 #96dbff; line-height:135%;}
#slidertextbox .addthis_default_style {position:absolute; bottom:8px; left:10px;}



.socialblock { float:right; margin-top:11px; height:19px; width:120px;}

.addthis_toolbox.addthis_default_style span {line-height: 16px;}
.at_a11y {
    height: 1px !important;
    left: -10000px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: auto !important;
    width: 1px !important;
}
.at16nc.at16t_facebook {background-position: 0 -288px;}
.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs {float: left;}
.at15t_facebook {background-position: 0 -1680px;}
.at16nc {display: block; height: 16px;
    line-height: 16px !important;
    overflow: hidden;
    width: 16px;
}
.at300bs {
    display: block;
    height: 16px;
    line-height: 16px !important;
    overflow: hidden;
    width: 16px;
}
.at300b, .at300bo, .at300m, .at300bs {
    cursor: pointer;
}
.addthis_button_facebook { background: url(assets/images/facebook-share-buttons.png) no-repeat; width:57px; height:18px; margin-right:6px;}
.addthis_button_twitter { background: url(assets/images/twitterbutton.png); width:52px; height:18px;}

/* End Slideshow */

/* product menu */
#productmenu {margin-top:40px; width:960px; margin-bottom:-40px;}
#productmenu ul { border-bottom:solid 3px #009fe3; overflow:hidden; height:53px;}
#productmenu ul li {float:left; width:135px; border-left: solid 1px #303030; border-right:1px solid #191919; background:url(assets/images/meni-bottom-noactive.jpg) repeat-x; height:53px; text-align:center; font-weight: bold; color:#fff; font-size:0.813em;}
#productmenu ul li:first-child {border-left:none;}
#productmenu ul li:last-child, .pmlastchild {border-right:none; width:138px;}

#productmenu ul li a {display:block; font-family:Arial, Helvetica, sans-serif; padding:15px 10px; color:#fff; background:url(assets/images/menu-bottom-active.jpg) repeat-x;}
#productmenu ul li a:hover, #productmenu ul li a.selected {background:url(assets/images/menu-bottom-hover.jpg) repeat-x;}
#productmenu ul li span { font-size:0.923em;}
#productmenu ul li a.noactive {background:none;}
#productmenu ul li a.noactive:hover {background:none;}
.sticky3 {z-index:288; width:960px; margin:0 auto !important;}
/* end product menu */

/* title */
.titlehead header h2, .titlehead header h4, .titlehead header h1, .titlehead header span.h2, span.header4 {color:#3b3b3b; font-size:34px; float:left;}
.titlehead header h2 a, .titlehead header h4 a, .titlehead header h1 a {color:#bbbbbb; font-size:0.824em; position:relative; /*padding-right:1em;*/}
.titlehead header h2 a:hover, .titlehead header h2 .current-menu-item a {color:#3b3b3b;}
.titlehead header h2 ul li {float:left;}
.titlehead header h2 ul li a{padding-right:0px; font-size:1em;}
.titlehead header h2 a span, .titlehead header h4 a span {font-family: 'Droid Sans', sans-serif; font-size:70%; display:block; position:absolute; top:4px; margin-left:0px;/*10*/ right:-30px;}
.titlehead header {border-bottom:#000 solid 3px; overflow:hidden; position:relative; margin-bottom:5px;}
.titlehead header .producttoggle, .titlehead header .producttoggle2 {
    position:absolute; right:0px; bottom:0px; width:32px; height:20px; background-image:url(assets/images/box-top.png); background-repeat:no-repeat; background-position:10px -19px;}
.titlehead header .producttoggle:hover, .titlehead header .producttoggle2:hover {cursor:pointer;}
.producttoggleclose {background-position:10px 4px !important;}


/* title */

/* product */
.product {margin:65px auto 0px; width:972px;}

.productlist {width:972px;}
.productlist article, .productlista article {border:1px solid #dbdbdb; width:223px; margin:15px 9px 0px; float:left;    min-height: 293px;}
.productlist article:hover, .productlista article:hover {cursor:pointer;}
.productlist article .innerglow, .productlista article .innerglow {width:215px; border:1px solid #fff; padding:5px 3px; display:block; position:relative;}
.productlista article {height:224px;}
.productlista article .innerglow {height:212px;}

.productlist article h3 {color:#060606; font-size:2.125em; margin-top:7px; line-height:0.875em !important;margin-left: 4px;}
.productlista article h3, .productlista article h2 {color:#060606; font-size:2.125em; margin-top:5px; line-height:0.875em !important;margin-left: 4px;margin-right: 4px;}
.productlist article h4, .productlista article h4 {color:#727b87; font-size:1.250em; margin-top:2px;margin-left: 4px;}
.productlist article p, .productlista article p { font-size:0.750em; color:#050505; margin-top:1px; line-height:1.5em;display:none;}
.productlist .textcontent {background:#fff; width:100%;}
.productlista .textcontent {position:absolute; top:159px; background:#fff;width:215px; height:64px;}
.block {width:100%;}
/* end product */

/* gallery */
#galleryslider {margin:65px auto 60px; width:972px;}
/* end gallery */

/* news */
.vesti {width:960px; margin-top:67px;}
#newscateorylist {margin-bottom:20px;}
#newscateorylist ul {background:#2d2e2e; overflow:hidden;}
#newscateorylist ul li {float:left;}
#newscateorylist ul li a {padding:10px 33px; color:#fff; text-shadow:0 1px 0 #000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:.750em; border:1px solid #232425; border-right-color:#454545; display:block; border-bottom-width:2px; text-transform:uppercase;
	/* fallback */ 
	/*background-color: #2b2b2b; 
	background: url(assets/images/linear_bg_2.png); 
	background-repeat: repeat-x; */
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2f3031), to(#2b2b2b)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #2f3031, #2b2b2b); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #2f3031, #2b2b2b); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #2f3031, #2b2b2b); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #2f3031, #2b2b2b);}
#newscateorylist li a:hover, #newscateorylist li.active a { border-color:#f000b0;
	/* fallback */ 
	/*background-color: #dd005a; 
	background: url(assets/images/linear_bg_2.png); 
	background-repeat: repeat-x; */
	/* Safari 4-5, Chrome 1-9 */ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f000b0), to(#dd005a)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #f000b0, #dd005a); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #f000b0, #dd005a); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #f000b0, #dd005a); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #f000b0, #dd005a);}
.newslist {overflow:hidden;}
.newslist article {float:left; width:306px; height:340px; margin:11px 21px 30px 0px; border-bottom:1px solid #d3d3d3; position:relative;}
.newslist article header {border:none; margin-bottom:14px;}
.newslist article header h3 a, .newslist article header h2 a {font-family: 'BebasNeueRegular', sans-serif; font-size:1.625em; color:#848d9a; font-weight:normal; position: absolute;}
.newslist article header h2 a {font-size: 0.824em;}
.newslist article header p {color:#848d9a; font-family:'Droid Sans', sans-serif; font-size:0.813em; margin-top:55px; text-transform:capitalize;}
.newslist article header p a {font-family:'Droid Sans Bold', sans-serif; color:#848d9a; font-weight:normal;}
.newslist article .body img {width:100%; height:auto;}
.newslist article .body p {margin-top:12px; line-height:1.6em; font-size:0.750em; color:#65696f; text-align:justify;}
.newslist article .body a.readmorenewslist {position:absolute; bottom:0px; right:0px; display:block; padding:7px 10px; background:url(assets/images/aside-accoerdion-header-back.jpg); font-family:'Droid Sans', sans-serif; font-size:0.813em; color:#595959; border:1px solid #d3d3d3; border-bottom:none;}
.newslist article a:hover {color:#e6007e;}
.newslist article .body a.readmorenewslist:hover {background:#e6007e !important; color:#fff;}

.marves {margin-bottom:-66px;}
.marvest {margin-top: -20px;}


.hov a.readmorenewslist {background-image:none !important; background-color:#e6007e !important; color:#fff !important;}
.hov h3 a {color:#e6007e !important;}

aside.sidebar {width:306px; float:right; margin-top: 5px;}
aside.sidebar .widget {margin-top:10px !important; position: relative;}
aside .newslist article {margin-right:0px; margin-bottom:41px; margin-top:0px; height:340px;}
aside .newslist {margin-bottom:-41px;}
aside .newslist>header {margin-bottom:16px; border-color:#e6007e;}
aside .newslist article header h3 a {/*font-size:1.5em;*/}
aside .newslist header h4 {font-size:1.875em;}
aside .newslist .body p {margin-top:9px;}


aside .newslist article:last-child{border-bottom: none;}
aside .newslist article header h3 a {position: relative; min-height: 52px;}
aside .newslist article header h3 {min-height: 52px;}
aside .newslist article header p {margin-top: 4px;}
aside .newslist article {height: auto;}
aside .newslist .body p {margin-bottom: 40px;}
/* end news */

/* postcontent */
#postcontent {float:left; width:65.625%; margin-top:0px;}
#postcontent a:hover {color:#e6007e;}
#postcontent header {border-bottom:none; margin-top:10px;}
#postcontent header h2, #postcontent header h1 {font-size:1.875em; color:#848d9a;}
#postcontent footer {margin:15px 0 20px 0;}
#postcontent footer p {color:#848d9a; font-family: 'Droid Sans', sans-serif; font-size:0.813em; text-transform:capitalize;}
#postcontent footer p a {font-family:'Droid Sans Bold', sans-serif; color:#848d9a;}
#postcontent div p {color:#474747; font-size:0.875em; font-family:'Droid Sans', sans-serif; line-height:1.5em; margin:0.875em 0 0.75em;; text-align:justify;}
#postcontent div p em {font-family:'Droid Serif Italic', serif;}
#postcontent div img {width:100%; height: auto;}
#postcontent div blockquote {background:url(assets/images/blockquote-back.png) no-repeat top left; margin:1.563em 8.41% 2.2em 9.52%;} 
#postcontent div blockquote p {margin-left:8%; color:#707981; font-family:'Droid Serif Italic', serif;}

.threecoll, .twocoll {overflow:hidden;}
.twocoll div {width:47.62%; margin-right:4.75%; float:left; overflow:hidden;}
.threecoll div {margin-right:4.75%; width:30.16%; float:left; overflow:hidden;}

.last {margin-right:0px !important;}
/* end postcontent */
.botmin {margin-top:-6px;}
.marg1 { margin-bottom:35px; clear:both;}
.marg6 {margin-bottom:4px;}
/* pagination */
.paginationbox{
	overflow:hidden;
	margin: 24px 0 61px 5px;
}
.newslist .paginationbox {
	margin-left:-1px;
}
.paginationbox a, .paginationbox span{
	background: #f9f9f9 url(assets/images/paginator-back.jpg) repeat; -webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.30); -moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.30); box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.30); 	-moz-border-radius: 5px; 	-webkit-border-radius: 5px;	border-radius: 5px;	padding: 9px 14px; text-align: center; color:#717171; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:0.875em; font-weight: bold; margin:5px 3px; position:relative; display: inline-block;}

.paginationbox a span.left {height:14px; width:22px; background:url(assets/images/paginator-left.png); position:absolute; top:50%; left:50%; margin:-7px 0 0 -11px;}
.paginationbox a.left:hover span {background-position:0 -14px;}
.paginationbox a.right span {height:14px; width:22px; background:url(assets/images/paginator-right.png); position:absolute; top:50%; left:50%; margin:-7px 0 0 -11px;}
.paginationbox a.right:hover span {background-position:0 -14px;}

.paginationbox a:hover, .paginationbox a.current, .paginationbox span.current { color:#2694db;}

/* End pagination */

/* footer */
footer#footer {background:url(assets/images/pic-bottom.jpg) center bottom no-repeat; margin-top:50px; padding-bottom:26px; overflow:hidden;}

#footer aside {float:left; width:49.479%; margin-bottom:67px;}
#footer aside section {margin-top:20px;}
aside.news {margin-right:1.042%;}

#footerlogo {position:relative; width:29.2%; height:116px; float:right; overflow:hidden !important; margin-top:23px;}
#footerlogo img{position:absolute; top:0px; right:0px;}
img.apsolut {}
img.a {z-index:9999;}

.copy {text-align:right;}
.copy p {color:#1d1d1b; font-size:0.750em; margin-top:15px; margin-right:5px;}
.copy ul { float: right;}
.copy ul li {float:left; font-family:'Droid Sans', sans-serif; font-size:0.750em; margin-left:5px;}
.copy ul li a:hover {color:#e6007e !important;}
.copy ul li a:hover span {color: #1d1d1d; cursor: default;}
/* end footer */

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* #breadcrumbs */
#breadcrumbs {width:958px; height:27px; margin-top:27px; margin-bottom:-38px; font-family:'Droid Sans Bold', sans-serif;}
#breadcrumbs img {float:left;}
#breadcrumbs ul {float:left; height:25px;}
#breadcrumbs ul li {font-size:0.813em; color:#747474; text-shadow:0 1px 0 #fff; height:25px; line-height:25px; background:url(assets/images/breadc-separator.png) right center no-repeat; margin-left:20px; padding-right:34px; float:left;}
#breadcrumbs ul li:last-child {background:none;}
#breadcrumbs ul li a {color:#747474;}



/* Single object */
#singleobject {margin-top:60px;}
.singleobject {overflow:hidden; margin-top:20px;}
.singleobject .contentbox {float:left; width:66%; position:relative; margin-top:-2px;}
.singleobject aside {float:right; width:31.25%;}
.singleobject p {color:#474747; font-size:0.875em; line-height:1.57em; text-align:justify; margin-bottom:10px;}
.contentbox strong {color:#11100b;}
.contentbox em {font-style: italic;}
.contentbox hr {/*border-top:solid 1px #dbdbdb; */ background-color:#dbdbdb; border:none; margin-bottom:0px; height:1px;} 
 /*margin-top:20px;*/
.contentbox ul, .contentbox ol{margin: 10px 10px 10px 20px;}
.contentbox ul li{margin-bottom: 5px; list-style: disc; list-style-position: inside; font-size: .875em; color: #474747;}
.contentbox ol li{margin-bottom: 5px; list-style: decimal; list-style-position: inside; font-size: .875em; color: #474747;}
.contentbox a {font-weight: 600; -webkit-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}
.contentbox a:hover{color: #792182; -webkit-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}
.contentbox h3, .contentbox h4, .contentbox h5, .contentbox h6 {
    font-family: 'Droid Sans', sans-serif; font-weight: 700; color: #474747; margin-bottom: 0.3em; margin-top: .4em;
}
.contentbox h2 {font-size: 1.875em;}
.contentbox h3 {font-size: 1.75em;}
.contentbox h4 {font-size: 1.5em;}
.contentbox h5 {font-size: 1.25em;}
.contentbox h6 {font-size: 1.125em;}

p.reservetext {color:#11100b; font-family:'Droid Sans Bold', sans-serif; margin-bottom:-2px;}

/* Icons  */

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;}
.ui-icon { width: 14px; height: 9px; background-image: url(assets/images/aside-arrow.png) /*{iconsContent}*/; }
.ui-icon-circle-arrow-e { background-position: 0px -9px; }
.ui-icon-circle-arrow-s { background-position: 0px 0px; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ui-accordion {border:1px solid #d1d0d0; border-top:none; border-bottom:none;}
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; padding: 0.875em; zoom: 1; background:url(assets/images/aside-accoerdion-header-back.jpg) repeat; border-bottom:1px solid #d1d0d0; border-top:1px solid #fff;}
.ui-accordion .ui-accordion-icons { padding-left: 0.875em; }
.ui-accordion .ui-accordion-noicons { padding-left: 0.875em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; right: .5em; top: 50%; margin-top: -4px; }
.ui-accordion .ui-accordion-content { padding: 1em 2em; border-top: 0; overflow: auto; zoom: 1; }

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #e6e6e6/*{bgColorDefault}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-header {background: #fdfdfd url(assets/images/aside-accordion-topheader-back.jpg) repeat !important/*{bgColorHover}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #000/*{bgColorActive}*/ url(assets/images/aside-accoerdion-header-back.jpg) repeat !important; font-weight: normal/*{fwDefault}*/; color: #212121; cursor:default !important;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* accordion sidebar */
#accordion div {text-align:center; border-bottom:1px solid #d1d0d0; display:none;}
#accordion p {text-shadow: 0 1px 0 #fff; margin-bottom:0px;}
#accordion h3 {font-family: Arial, Helvetica, sans-serif !important; color:#424242; font-size:0.813em; text-shadow: 0 1px 0 #fff; padding-right:27px; line-height:130%;}
#accordion h3 strong {color:#424242; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.077em !important;}
a.rezervisi {display:inline-block; font-family: 'BebasNeueRegular', sans-serif; background:url(assets/images/reserve-btn.png); width:178px; height:43px; text-align:center; font-size:1.625em; line-height:2.1em; margin-left:25px; color:#fff; text-shadow:1px 1px 0 #698e11; font-weight:normal !important;}
a.rezervisi:hover {background-position:0 -43px;}

.noeventclub {border:solid 1px #d1d0d0;}
.noeventclub p {margin:10px;}

#headerprogram {border:1px solid #d1d0d0; background:url(assets/images/aside-accordion-topheader-back.jpg) repeat;}
.headbacknew {background:url(assets/images/aside-accoerdion-header-back.jpg) repeat !important; border-color:#dbdbdb; margin-bottom:1px;}
#headerprogram h4 { padding:0.5em .500em 0.4em; text-shadow:0 1px 0 #fff; font-size:1.625em; line-height:1em; color:#3b3b3b;}






/* addresblock */
.addresblock {border:1px solid #dbdbdb; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.2); background: url(assets/images/box-patern.jpg) repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin:8px 0 22px 10px; display:block; height:294px;}

.addresblock ul {margin:16px 5px 0px 70%;}
.addresblock ul li { padding: 14px 0 14px 36px; font-size:0.875em; text-shadow:0 1px 0 #fff; border-bottom:solid 1px #dfdede; border-top:solid 1px #fff;}
.addresblock ul li:first-child {border-top:none;}
.addresblock ul li a, .addresblock ul li {color:#52565c;}
.addresblock ul li a:hover {color:#060606; text-decoration:underline;}
.addresblock ul li.address { background: url(assets/images/ico-home.png) no-repeat left center;}
.addresblock ul li.address2 {background:url(assets/images/ico-maps.png) no-repeat left center;}
.addresblock ul li.bookprice {background:url(assets/images/ico-book.png) no-repeat left center;}
.addresblock ul li.room {background:url(assets/images/ico-key.png) no-repeat left center;}
.addresblock ul li.clock {background:url(assets/images/ico-clock.png) no-repeat left center;}
.addresblock ul li.glasses {background:url(assets/images/ico-glasses.png) no-repeat left center;}
.addresblock ul li.zanr {background:url(assets/images/ico-zanr.png) no-repeat left center;}
.addresblock ul li.izvodjac {background:url(assets/images/ico-izvodjac.png) no-repeat left center;}
.addresblock ul li.karta {background:url(assets/images/ico-karta.png) no-repeat left center;}
.addresblock ul li.kapacitet {background:url(assets/images/ico-kapacitet.png) no-repeat left center;}
.addresblock ul li.petfriendly  {background:url(assets/images/ico-pet-friendly.png) no-repeat left center;}
.addresblock ul li.kuhinja  {background:url(assets/images/tip-kuhinje-ikonica.png) no-repeat left center;}
/*.addresblock ul li:hover {background-position:left -56px;}*/
.addresblock ul li ul {margin:0px !important;}
ul.galleryprice {border-top:solid 1px #fff; margin-top:0px;}
ul.galleryprice li {border:none;}


.clublogopic { background:url(assets/images/klub-single-cover-back.png) no-repeat -3px 0px; padding:3px 5px 5px 1px; position:absolute; top:0px; left:0; height:306px;}
.clubcover {position:absolute; right:5px; top:50%; margin-top:-32px;}


/* calendar */
#calendartitlebox {display:block; height:46px; background:url(assets/images/calendar-month-back.jpg) repeat;}
.leftmounth {width:6.875%; /*border-right: ridge 2px #f0eeee;*/ float:left; height: inherit; position:relative;}
.leftmounth span {display:block; position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-7px; width:13px; height:22px; background:url(assets/images/calendar-left.png);}
.leftmounth:hover {background:url(assets/images/calendar-nav-back.jpg); cursor:pointer;}
.leftmounth:hover span {background-position:0 -22px;}
.rightmounth {width:6.875%; /*border-left:groove 2px #f0eeee;*/ float: right; height: inherit; position:relative;}
.rightmounth span {display:block; position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-7px; width:13px; height:22px; background:url(assets/images/calendar-right.png);}
.rightmounth:hover {background:url(assets/images/calendar-nav-back.jpg); cursor:pointer;}
.rightmounth:hover span {background-position:0 -22px;}

.calendarmounth {width:84%; margin:0 auto; text-align:center;}
.calendarmounth p {font-family: 'BebasNeueRegular', sans-serif; color:#3b3b3b; /*text-shadow:0 1px 0 #fff;*/ font-size:26px !important; padding-top:10px;}

#caledarboxtop {width:960px; overflow:hidden; height:190px;/* Calendar height!!! */ background:#FFFFFF url(assets/img/loading.gif) center center no-repeat;}
.calendarbox {margin-top:65px; font-family: 'BebasNeueRegular', sans-serif; font-size:1.625em; color:#656565; /*text-shadow:0 1px 0 #fff;*/ margin-bottom:-45px;}
.calendar {width:100%; border-width: 3px; border-spacing: 0px; border-style: none;}
.calendar thead tr {vertical-align:middle; height: 36px; border-bottom:1px solid #dfdede; border-left:1px solid #FFF !important; border-top:1px solid #fFF;}
.calendar thead tr th {vertical-align:middle; color:#3b3b3b; font-size:22px;}

.calendar tbody tr {height:48px; border-left:1px solid #dfdede !important;}
.calendar tbody tr td {text-align:center; vertical-align:middle; background:#FFF url(assets/images/menu-background.jpg) 1px 1px no-repeat;  border-bottom:solid 1px #dfdede; border-right:solid 1px #dfdede;}
.calendar tbody tr td:hover {background: url(assets/images/calendar-noactive-hover.jpg) repeat;}
.calendar tbody tr td a {display: block; padding:10px 1px 11px 0; color:#656565; background: url(assets/images/calendar-link.png) no-repeat; margin:2px 0 0px 1px;}
.calendar tbody tr td a:hover, .calendar tbody tr td a.activdate {background: url(assets/images/calendar-link.png) no-repeat 0 -48px; border:1px solid #faab00; margin:1px 0 0 0px; padding:10px 0; color:#FFF;}
.nothismonth {color:#c9c9c9;}

/* gallery list */
.gallerylist {margin-top:15px;}
.gallerylist li {float:left; position:relative; background:url(assets/css/gallery/galley-back.png); width:239px; margin:0 2px 7px; height:264px;}
.gallerylist img {margin:11px 0 0 12px; background:#000;}
.gallerylist h4 {position:absolute; bottom:112px; left:6px; display:inline-block;background:rgba(0,0,0,0.8);padding:1px 10px 1px 6px;line-height:90%; color:#fff; font-size:1.875em; margin-right:7px;}
.gallerylist p {margin:6px 12px; font-size:0.813em; color:#727b87; line-height:120%; text-shadow:0 1px 0 #fff;}


.gallerylists li {border:1px solid #dbdbdb; width:223px; margin:17px 9px 0px; float:left; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow:    0px 0px 5px rgba(0, 0, 0, 0.2); box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.2); background: url(assets/images/box-patern.jpg) repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}

.gallerylists li .innerglow {width:215px; border:1px solid #fff; padding:3px 3px 0px; display:block; position:relative;}
.gallerylists li .innerglow img {}
/* end gallery list */

.pagebg {width:960px; margin-top:60px;}
.pagebg header {border-color:#004899;}
.pagebg div h2 {font-size: 2.125em; border-bottom: solid 3px #004899; margin-top: 61px; margin-bottom:20px; display:block; color:#3B3B3B;}


/* hoteli i hosteli */
.hotelsstars {display:block; height:14px; margin:2px 0;}
.hotelsstars span {display:block; float:left; width:14px; height:14px; margin-right:5px; background:url(assets/images/stars-blue-s.png);}
.starapso { position:absolute; top:138px; left:8px;}

.addresblock .hotelsstars {display:inline-block; margin-left: 71%; height:19px; margin-top:15px;}
.addresblock .hotelsstars span {width:19px; height:19px; background:url(assets/images/stars-blue.png) no-repeat; margin-right:7px;}

.starbox {display:block; margin:20px 6px 5px; border:solid 1px #dbdbdb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.starbox .innerborder {border:solid 1px #f9f9f9; display:block; padding:17px 0; background:url(assets/images/box-patern.jpg); position:relative;}
.starbox .innerborder p {margin:0 11px; font-size:14px; color:#3b3b3b;}
.titlestarbox {font-size:28px !important; font-family:'BebasNeueRegular', sans-serif;}
.starsclick {position:absolute; right:10px; top:50%; margin-top:-16px; height:32px;}
.starsclick a {text-indent:-9999px; height:32px; width:33px; background:url(assets/images/stars.png) center top no-repeat; display:block; padding:0 3px;}
.starsclick li {float:left;}

li.bluestar a, li.activestar a, .starsclick li.ratings_over a, .starsclick a:hover {background-position:center -32px;}
li.graystar a {background-position:center 0px !important;}

/* End hoteli i hosteli */

/* gslerija slika na stranama */
.galleryaldbum {margin-left:-8px; overflow:hidden; margin-top:2px;}
.galleryaldbum a {float:left; display:block; margin-bottom:0px !important; margin-left:9px; margin-top:6px !important;}
.galleryaldbum a, .galleryaldbum a img {}
.rezboxhot {margin-top:6px !important; text-align:center;}
.rezboxhot a.rezervisi {margin-left:0px; margin:8px 0; font-size:1.375em !important; font-weight:normal;}

#dayblock {display:block; overflow:hidden; margin-top:66px; margin-bottom:-25px;}
.dogday {float:left; width:466px; height:307px; overflow: hidden; margin-top:15px; margin-right:27px; margin-bottom:25px;}
p.dayinweek {color:#792182; font-family:'BebasNeueRegular', sans-serif; font-size:32px;}
.dogday h4 {font-size:26px; font-family:'BebasNeueRegular', sans-serif; color:#888888; margin-top:12px;}
.dogday div {margin-top:12px; height:228px;}
.dogday div p {font-family:'Droid Sans', sans-serif; font-size:13px; color:#3b3b3b; line-height:21px; text-align:justify; height:228px;}
.dogday img {float:left; margin-right:20px; margin-top:4px;}
#dayblock .block2 {display: none; height: 20px;}

#localabout{display: block;
overflow: hidden;
margin-top: 66px;
margin-bottom: -15px;}
#localabout.singleobject .contentbox{
    float: none;
    display: block;
    width: 100%;
    margin-top: 17px;
} 

.margintop {margin-top:60px;}
.margintop2 {margin-top:60px;}


.kok {float:left; margin:0 5px 0 -17px;}
.tax-kategorijahotela .hh-menu li:first-child a { color:#3b3b3b;}
.hh-menu li {}
/*.hh-menu li a, .hh-menu li {font-size:34px !important;}*/
.hh-menu li:last-child { background:none !important;}
.hh-menu .sepa {display:inline-block;}
.hh-menu .sepa p {font-size:34px; color:#3b3b3b !important;}
.hh-menu .menu-item-last .sepa {display:none;}


.page-template-template_vesti-php #galleryslider {margin-top:62px !important;}
/* title bottom border */
aside.news header {border-color:#e6007e;}
aside.facebook header {border-color:#009fe3;}

.kafane header {border-color:#336f82;}
.galleryslider header {border-color:#fbb900 !important;}

.klubovi header, .kafane header, .splavovi header, .kafei header, .restorani header, .barovi header, .striptizbarovi header, .desavanja header, .kazina header, .putovanja header {border-color:#792182;}
.klubovi header .producttoggle, .kafane header .producttoggle, .splavovi header .producttoggle, .kafei header .producttoggle, .restorani header .producttoggle, .barovi header .producttoggle, .striptizbarovi header .producttoggle, .desavanja header .producttoggle,  .kazina header .producttoggle, .putovanja header .producttoggle, 
#dayblock .producttoggle2, #gmaps .producttoggle2, #poslednje-vesti .producttoggle2, #komentari .producttoggle2  {background-color:#792182 !important;}
.klubovi header .producttoggle:hover, .kafane header .producttoggle:hover, .splavovi header .producttoggle:hover, .kafei header .producttoggle:hover, .restorani header .producttoggle:hover, .barovi header .producttoggle:hover, .striptizbarovi header .producttoggle:hover, .desavanja header .producttoggle:hover, .kazina header .producttoggle:hover, .putovanja header .producttoggle:hover, 
#dayblock .producttoggle2:hover, #gmaps .producttoggle2:hover, #poslednje-vesti .producttoggle2:hover, #komentari .producttoggle2:hover {background-color:#5B005B !important;} 
.single-klubovi #breadcrumbs ul li a:hover, .single-kafane #breadcrumbs ul li a:hover, .single-splavovi #breadcrumbs ul li a:hover, .single-kafei #breadcrumbs ul li a:hover, .single-restorani #breadcrumbs ul li a:hover, .single-hosteli #breadcrumbs ul li a:hover, .single-hotelihosteli #breadcrumbs ul li a:hover, .tax-kategorijahotela #breadcrumbs ul li a:hover {color:#792182;} /* .clubs (body class) for custum page single club and club list */

#poslednje-vesti h2 a:hover{color: #792182;}

.galleryslider header .producttoggle, .producttoggle2 {background-color:#fbb900;}
.galleryslider header .producttoggle:hover, .producttoggle2:hover {background-color:#C89914;}
.galleryslider div.gale {overflow:hidden; margin-bottom:55px;}
.galleryslider div.gale .block {margin-top:15px;}
.galleryslider div.gale .block2 { display:none; height:7px;}
.galleryslider div.gale .block ul {margin-top:0px;}
.galleryslider header h4 a:hover {color:#fbb900;}

.vesti header {border-color:#e6007e;}
.news header h4 a:hover {color:#e6007e;}
.single-post #breadcrumbs ul li a:hover {color:#e6007e;}
.page-template-template_galerija-php #breadcrumbs ul li a:hover {color:#fbb900;}

.pp_gallery {display:none !important;}

.displaynone{display: none;}
.novagodinapoz{background: url(assets/images/paginator-back.jpg) !important;}
.novagodinatexthome{position: absolute; bottom: 30px; left: 0px; font-family:'BebasNeueRegular', sans-serif; text-shadow: none !important; margin: 0px !important;}
.novagodinahomemaintext{font-size: 36px; color: #FFF; display: inline-block; background: rgba(0, 0, 0, .8); padding: 15px 10px;}
.novagodinahomesubtetext{font-size: 24px; color: #ff2d50; display: inline-block; background: rgba(0, 0, 0, .9); padding: 5px 10px;}
.crvena>a{color:#BD1627 !important;}

.novagodinahomemaintext{background: rgba(0, 159, 227, .8);}
.novagodinahomesubtetext{background: rgba(251, 185, 0, .8); color: #1d1d1b;}
.widget .novagodinatexthome{font-size: 0.875em;
margin: 7px 5px 0px 11px;
color: #142831;
text-shadow: 0 1px 0 #96dbff;
line-height: 135%;}

.cenovnik {
    width: 100%;
    z-index: 55;
}
.cenovnikbackbroundlogo{
    z-index: 1;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    background: #FFF;
}
.cenovnik h1{
    color: #2c3e50;
    font-size: 32px;
    text-align: center;
    padding-top: 30px;
    z-index: 99;
}
.cenovnik h2{
    color: #35aadc;
    font-size: 29px;
    text-align: center;
    padding-top: 30px;
}
.cenovnik h3{
    color: #35aadc;
    font-size: 26px;
    padding-top: 20px;
    margin-left: 12px;
}
.cenovnik .cenovniklista {
    margin: 0 45px 0;
}
.cenovnik ul{
    border:  1px solid #ecf0f1;
    border-bottom: none;
    margin-top: 18px;
}

.cenovnik ul li{
    border-bottom:  1px solid #ecf0f1;
    overflow: hidden;
}

.cenovnik ul li .cenovnik-title{
    float: left;
    width: 80%;
}
.cenovnik ul li .cenovnik-title p{
    color: #313131;
    font-size: 14px;
    margin: 8px 10px;
    font-weight: 700;
    line-height: 20px;
}
.cenovnik ul li .cenovnik-title span {
    color: #505050;
    font-weight: normal;
    
}

.cenovnik-cena{
    float: left;
    width: 20%;
}
.cenovnik-cena p{
    color: #313131;
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    margin-top: 12px;
    margin-right: 15px;
}
.cenovnik-cena p.ims{
    margin-top: 22px;
}

#selectorbox{display: block; text-align: right; margin-top: 21px; padding-bottom: 26px;}
#selectorbox select {display: inline-block; font-size: 13px; color: #95a5a6; padding: 6px; width: 165px; margin-right: 25px; border-color: #d7dade; margin-left: 4px; background: url('assets/images/input-back.jpg') left top repeat-x;}
#selectorbox label {color: #3b3b3b; font-size: .813em;}
#selectorbox button {background: #99c224; border: none; border-bottom: 3px solid #80a220; border-radius: 0px; height: 32px; vertical-align: top; margin-top: 2px; margin-right: 6px; font-size: 18px; font-family: 'BebasNeueRegular', sans-serif; line-height: 1.75em; color: #FFF; width: 120px; -webkit-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}
#selectorbox button:hover {border-color: #99c224; cursor: pointer; -webkit-transition:all .3s ease-out 0s; transition:all .3s ease-out 0s;}



/*.cenovnik ul li:hover{
    background-color: rgba(53, 170, 220, .8);
}
.cenovnik ul li:hover p{
    color: #FFF;
}*/

#homeaddons {margin-top: 15px; overflow: hidden;}
#homeaddons #topfive{
    width: 418px;
    height: 400px;
    background: #333333 url('assets/images/topfive-bg-list.jpg') repeat-x;
    float: left;
}
#homeaddons #topfive .mainnavbox {
    background-color: #fbb900;
    width: 100%;
    height: 70px;
}
#homeaddons #topfive .mainnavbox div {
    width: 300px;
    height: 100%;
    text-align: center;
    display: table;
    margin: 0 auto;
}
#homeaddons #topfive .mainnavbox p{
    vertical-align: middle;
    display: table-cell;
    height: 100%;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.125em;
    line-height: 1.125em;
}
#imageofthe{
    width: 527px;
    height: 400px;
    background: #009fe3;
    float: right;
    position: relative;
}
#imageofthe .imageofthenav{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding-top: 8px;
}
#imageofthe .imageofthenav div {
    border-left: 1px solid  #00abf4;
    background: #009fe3;
    border-right: 1px solid  #0092d1;
    width: 130px;
    height: 50px;
    float: left;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    position: relative;
}
#imageofthe .imageofthenav div p {
     text-transform: uppercase;
     font-family: Arial, Helvetica, sans-serif;
     margin-top: 20px;
     font-weight: 700;
     color: #fff;
}
#imageofthe .imageofthenav div.fi {
    border-left: none !important;
}
#imageofthe .imageofthenav div.la{
    border-right: none !important;
    width: 130px;
}

#imageofthe .imageofthenav div:hover, #imageofthe .imageofthenav div.active{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #008cc8;
    cursor: pointer;
}
#imageofthe .imageofthenav div::before{
    content: '';
    width: 24px;
    height: 0px;
    background: url('assets/images/slikadana-arrow.png') center 0 no-repeat;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#imageofthe .imageofthenav div:hover::before,
#imageofthe .imageofthenav div.active::before{
    top: -8px;
    height: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.homeprikazisve{
    color: #bbbbbb;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: .8em;
    margin-left: 1em;
}
.homeprikazisve:hover{
    color: #792182 !important;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.homeprikazisve.disabled{
    display: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.nolokal {
    display: none;
}

#gmaps {display:block; overflow:hidden; margin-top:66px; margin-bottom:62px;}
#gmaps #map_canvas {margin-top: 20px; height: 450px;}

#komentari {display:block; overflow:hidden; margin-top:66px; margin-bottom:-16px;}
#komentari .fb-comments {width: 100%;}
#komentari .block {margin-top: 20px;}
.addthis_native_toolbox {margin-top: 20px;}

.linklist header {border-color: #40B8F5;}
.linklist aside {
    width: 100% !important;
    float: none !important;
}
.linklist ul{
    overflow: hidden;
    display: block;

}
.linklist ul li {
    float: left;
    margin: 6px 15px 0 0;
}

.linklist ul li a{
    color: #888888;
    font-size: .75em;
    text-transform: uppercase;
    font-weight: 400;
    padding: 4px 0px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
ul#menu-cloud-meni>li {
    margin-top: 13px;
    
}
ul#menu-cloud-meni>li>a {
    font-weight: 700;
    font-size: .875em;
    color: #40B8F5 !important;
}
.linklist ul li a:hover{
    color: #40B8F5;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.baner{
    margin-bottom: 21px;
}
.baner a:hover img{
    opacity: .6;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.baner .novagodinahomemaintext {
    padding: 8px 10px;
    line-height: .85em;
}

.inpromobox{
    margin-bottom: 21px;
}
.newswidgetbox h4 {
    color: #fff;
    font-size: 22px;
    margin-left: 59px;
    padding-top: 20px;
}
.newswidgetbox p {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 14px;
    padding-bottom: 18px;
}

.newsletter{
    background: #9900cc url(assets/images/inbaner-newsletter.png) 14px 12px no-repeat;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.androidapp{
    background: #93c01f url(assets/images/inbaner-androidapp.png) 14px 12px no-repeat;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    margin-top: 10px;
}
.androidapp h4 {
    font-style: 21px;
}
.inpromobox a:hover div, #homeinnerbanner a:hover div {
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.inpromobox a:hover .newsletter, #homeinnerbanner a:hover .newsletter {
    background-color: #bb00ff;
}
.inpromobox a:hover .androidapp, #homeinnerbanner a:hover .androidapp {
    background-color: #82a91c;
}

#homeinnerbanner {
    margin-top: 15px;
    overflow: hidden;
}
#homeinnerbanner div {
    width: 472px; float: right;
    background-position: 20px 12px;
}

#homeinnerbanner .androidapp {
    background-position: 20px 15px;
    float: left;
    margin-top: 0px;
}

#homeinnerbanner .newswidgetbox h4 {
    padding-top: 12px;
    margin-left: 64px;
    font-size: 20px;
}
#homeinnerbanner .newswidgetbox p {
    margin-left: 64px;
    margin-top: 3px;
    padding-bottom: 11px;
}

.mc4wp-form label {
    font-family: 'Droid Sans Bold', sans-serif;
    font-size: 13px;
    display: block;
    color: #202c34;
    font-weight: normal !important;
    margin: 10px 0 4px !important;
}
.mc4wp-form label span{
    color: #ef1c4e;
}
.mc4wp-form input[type="email"] {
    padding: 5px 10px !important;
    background: #FFF url(../images/input-back.jpg) repeat-x;
    border: 1px solid #d7dade;
    color: #474747;
    font-size: 15px !important;
    height: 22px;
    width: 388px !important;
}

#topmenu nav #top_menu li:hover ul{
    visibility: visible;
    display: block;
    opacity: 1;
}
.price-black{
    color: #000;
}
.video-container{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}