/* defaults */
body {
    margin: 0;
    padding: 0;
}
a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
}

/* grid system */
.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding-bottom: 20px;
    max-width: 960px;
    padding-left: 60px;
    padding-right: 60px;
    overflow: hidden;
    text-align: center;
}
.col3 {
    width: 300px;
    display: inline-block;
    margin: 8px;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.col2 {
    width: 460px;
    display: inline-block;
    margin: 9px;
    position: relative;
    overflow: hidden;
    text-align: left;
}
.col1 {
    width: 940px;
    display: inline-block;
    margin: 10px;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.w-33 {
    width:316px; 
    padding-top: 20px;
    display: inline-block;
    margin: 10px;
    position: relative;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.w-66 {
    width:600px; 
    padding-top: 20px;
    display: inline-block;
    margin: 10px;
    position: relative;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.w-100 {width:100%;}

/* background colors */
.modra {background-color: #044966;}
.rdeÄa {background-color: #ed1c24;}
.rdeca {background-color: #ed1c24;}
.bg-red {background-color:none;}
.txt-white{color:white;}
.meni-crna {background-color: #282828;}
.siva {background-color: #faf8f7;}
.ice {background-color: #63c2c8;}
.ice-40 {background-color: #c1e7e9;}
.ice-20 {background-color: #e0f3f4;}
.bela {background-color: #ffffff;}
.red {color: #ed1c24}

/* uvoz pisav (Chevin Medium, Chevin DemiBold)*/		
@font-face {
    font-family: 'Roboto-Light';
    src: url('../font/Roboto-Light.eot');
    src: url('../font/Roboto-Light.eot?iefix') format('eot'),
         url('../font/Roboto-Light.woff') format('woff'),
		 url('../font/Roboto-Light.ttf') format('truetype'),
         url('../font/Roboto-Light.svg#webfontZam02nTh') format('svg');
		font-weight: normal ; 
		font-style: normal;
}	

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../font/Roboto-Medium.eot');
    src: url('../font/Roboto-Medium.eot?iefix') format('eot'),
         url('../font/Roboto-Medium.woff') format('woff'),
		 url('../font/Roboto-Medium.ttf') format('truetype'),
         url('../font/Roboto-Medium.svg#webfontZam02nTh') format('svg');
		font-weight: normal ; 
		font-style: normal;
}	

@font-face {
    font-family: 'Roboto-Light';
    src: url('../font/Roboto-Light.eot');
    src: url('../font/Roboto-Light.eot?iefix') format('eot'),
         url('../font/Roboto-Light.woff') format('woff'),
		 url('../font/Roboto-Light.ttf') format('truetype'),
         url('../font/Roboto-Light.svg#webfontZam02nTh') format('svg');
		font-weight: normal ; 
		font-style: normal;
}	


@font-face {
    font-family: 'Roboto-Regular';
    src: url('../font/Roboto-Regular.eot');
    src: url('../font/Roboto-Regular.eot?iefix') format('eot'),
         url('../font/Roboto-Regular.woff') format('woff'),
		 url('../font/Roboto-Regular.ttf') format('truetype'),
         url('../font/Roboto-Regular.svg#webfontZam02nTh') format('svg');
		font-weight: normal ; 
		font-style: normal;
}


/* fonts */
body,p  {font-family: "Roboto-Light"; font-size: 14px; line-height: 16px; font-weight: normal; color: #044966;}
body  {background: #ed1c24 url("../../assets/img/JUB_CMS_Background_1920x1180.jpg") top center no-repeat fixed; background-size:cover;}
.meni, .main-menu ul li {font-family: "Roboto-Regular"; font-size: 13px; line-height: 14px; color: #044966; font-weight: normal;}
h1 {font-family: "Roboto-Light"; font-size: 50px; line-height: 50px; color: #044966; margin: 0; font-weight: normal;}
h2 {font-family: "Roboto-Light"; font-size: 38px; line-height: 38px; color: #044966; margin: 0; font-weight: normal;}
h3 {font-family: "Roboto-Regular"; font-size: 18px; line-height: 20px; color: #044966; margin: 0; font-weight: normal;}
h4 {font-family: "Roboto-Medium"; font-size: 14px; line-height: 17px; color: #044966; margin: 10px; font-weight: normal;}
.footer  p{font-family: "Roboto-Regular"; font-size: 15px; line-height: 18px; font-weight: normal; color:white}
.h1-image.qr-code p {font-family: "Roboto-Light"; font-size: 24px; line-height: 24px; color: #ffffff; font-weight: normal;}
.bg-slider .slideshow h3, .bg-slider .slideshow p {color:white}
ol.list li{font-family: "Roboto-Regular"; font-size: 18px; line-height: 20px;padding-bottom:7px}
.h1-image{ font-family: "Roboto-Light"; font-size: 24px; line-height: 24px; margin-bottom:8px }
/******************************************************************************/

/* header */
.ursa-klub {
    position: absolute; 
    top:0; 
    left: 70px; 
    z-index: 9;
}
.header {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding: 20px 60px 10px 60px;
    overflow: visible;
    position: relative;
    background-color: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 999;
	
}
.menu-container {
    max-width: 920px;
    margin: 10px;
    position: relative;
}
.topbar {float: right; margin-top: 10px;}
.topbar h3, .topbar img {display: inline; color: #9196af; padding-right: 20px;}
.main-menu {color: #232f61; position: relative;}
.main-menu ul {list-style: none; margin: 20px 0 0 0; padding: 0; z-index: 9; float: right;}
.main-menu ul li {float: left; vertical-align: top; border-right: 1px solid white; cursor: pointer; margin-left: -1px; padding-right: 1px; color: white; }
.main-menu ul li:last-child {border-right: none;}
.main-menu ul li a {padding: 5px 10px; line-height: inherit; display: block; text-align: center; text-decoration:none}
.main-menu ul li:hover { color: #ffffff; }

.main-menu ul li ul {display: none; margin-top: 0; padding-bottom: 10px; position: absolute; background-color: #232f61; margin-right: -1px; padding-top: 8px;}
.main-menu ul li:hover ul {display: block;}
.main-menu ul li ul li {float: none; vertical-align: top; border-right: 0; padding-right: 0px; margin: 0px; color: #9196af;}
.main-menu ul li ul li a {display: block; text-align: left;}


/* subheader */
.subheader {
   
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    position: relative;
}
.subheader .col1, .subheader .col2, .subheader .col3 {padding-top: 110px; padding-bottom: 20px; color: #232f61;}

/* QR koda okvircek */
.qr-code {
    border-radius: 30px;  
    vertical-align: middle; 
    padding: 30px;
    background-color: rgba(0,0,0,0.8); 
	position: relative;
    z-index: 2;
}
.qr-code img, .qr-code2 img {display: inline-block; vertical-align: middle;}
.qr-code p, .qr-code2 p {display: inline-block; color: #ffffff; padding: 20px; font-size: inherit; vertical-align: middle; margin: 0; text-align: left; line-height: inherit; width: 462px;}
.qr-btn {display: inline-block; width: 150px; vertical-align: middle; margin: 0 10px 0 80px; z-index: 99;}
.qr-code2 .qr-btn {margin: 0 20px 0 180px;}
.qr-btn a {display: block; margin: 5px 0; border-radius: 18px; width: 141px;}
.qr-btn a:hover img {background-color: transparent !important}

.bg-red.bg-none .container
{
	padding-top:0px
}

.container.qr-holder
{
	margin-top:-140px
}

/* button */
.button {
    display: block;
    clear: both;
    font-family: "Roboto-Medium"; 
    font-size: 18px; 
    line-height: 21px; 
    color: #ffffff; 
    background-color: #EE432C;
    padding: 10px 40px;
    margin: 60px auto; 
    max-width: 200px;
}
.button:hover {background-color: #232f61;}

/* title */
.title {text-align: center; float: none; margin-bottom: 40px;}
.title img {width: 40px;}
.title:after {content: ''; display: block; width: 150px; border-bottom: 3px dotted #232f61; margin-left: auto; margin-right: auto; margin-top: 10px;}
.title.fp:after {content: ''; display: block; width: 150px; border-bottom: 3px dotted white; margin-left: auto; margin-right: auto; margin-top: 10px;}

/* slideshow */
.slideshow img {width: 100%;}
.slideshow .col2 {text-align: center; padding: 0 30px; width: 360px; float: none;}
.slideshow-arrow {background-color: black; width: 40px; height: 100px;}

/* navodila slideshow */
.slideshow-navodila img {width: auto; margin: 0 auto;}
.slideshow-navodila h3 {padding-bottom: 10px;}
.slideshow-navodila ul {padding: 12px;}
.slideshow-navodila ul li {padding-bottom: 10px; /*padding-left: 20px;*/}

/* nagrade */
.nagrade {position: relative; min-height: 420px; vertical-align: top; padding: 10px;}
.nagrade img {display: inline-block; padding-bottom: 10px; vertical-align: top; padding-top: 3px;}
.nagrade .full-width {margin-left: -10px; width: 108%}
.nagrade h4 {display: inline-block; margin: 0; padding-left: 10px; overflow: hidden; vertical-align: top; top: 10px; left: 20px; padding-bottom: 10px;}
.more {bottom: 10px; position: absolute;}
.nagrade a {color: #9196af;}
.nagrade a:hover {color: #000000;}

/* nagrade single */
.nagrade-single {display: block; width: 620px;}

/* nagradimo vas 2x */
.stylish-circles {text-align: center; margin: 0 auto; float: none;}
.stylish-circles a {line-height: 0; vertical-align: top;}
.stylish-circles a:hover {opacity: 0.75; transition-duration: 0.3s;}
.stylish-circles img {vertical-align: top;}

/* harmonika */
.accordion-content {display: none; padding: 20px 40px;}
.accordion-toggle:hover {background: #232f61; background-size: 21px;}
.accordion-toggle:hover h3 {color: #ffffff;}
.accordion-toggle {background: #EBF4F4; background-size: 21px; padding: 10px 20px; margin: 10px 0; border-radius: 20px; cursor: pointer; overflow: hidden;}
.accordion-toggle img {display: inline-block; vertical-align: middle; width: 16px; float: right; padding-top: 6px;}
.accordion-toggle h3 {display: inline-block; vertical-align: middle;}

/* footer */
.footer {min-height: 200px; margin-left: auto; margin-right: auto; max-width: 960px; overflow: hidden; padding: 0 60px; text-align: center;}
.footer img {display: inline-block; vertical-align: top; padding-top: 10px;}
.footer div { vertical-align: top; color: #9196af; padding-top: 10px;}
.footer div p {margin: 0; vertical-align: top; padding-left: 15px;}
.footer .www {color: #ea4740; margin-top: 20px; display: block;}
.footer a:hover {color: #ffffff;}
.footer p {color: white; padding-bottom:5px}

/* map */
.shenky-map-info {width: 200px;}

/* ursa klub */
.klub img {display: block;}
.klub {margin-bottom: 0;}
.qr-klub {margin-top: 0;}

/* AleÅ¡ */
.no-padding{padding:0;}
.no-margin{margin:0;}
.no-margin-top{margin-top:0;}
.txt-left{text-align:left;}
.txt-center{text-align:center;}
.center{margin:0 auto}
.mt-80{margin-top:80px;}
.mt-10{margin-top:10px;}
.mb-80{margin-bottom:80px;}
.pt-80{padding-top:80px;}
.mb-20{margin-bottom:20px;}
.mb-10{margin-bottom:10px;}
.pt-80{padding-top:80px;}
.pt-40 {padding-top:40px;}
.p-40 {padding:40px;}

.w-50{width:50%;}
.left{float:left;}
.right{float:right;}
.bela{background:#fff;}


/* /AleÅ¡ */


input.input-text-ursa{
margin-bottom: 10px;
border-color: #232f61;
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:100%;
padding:8px;
font-family:"Roboto-Light";
font-size:16px;
}
input.input-submit-ursa, input.input-reset-ursa, .form-horizontal .control-group .controls button.btn{
color: #fff; 
background: #232f61;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:12px 15px !important;
height:auto;
margin-top:10px;
font-family:"Roboto-Light";
font-size:16px;
width:33%;
text-align:center
} 

input.input-submit-ursa
{width:64%;
 text-align:center;
 background-image: url(/assets/img/home/arrow.png);
 background-position: 97% center; 
background-repeat: no-repeat;
background-size: 3%;
 }


a.input-reset-ursa
{
background:#f1f1ee;
 color:#8892aa;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:12px 15px;
height:auto;

margin-top:10px;
font-family:Chevin Medium;
font-size:16px;
} 


.form-horizontal .control-group .controls button.btn-success
{
color:#fff !important; 
width:65%;
 text-align:left;
 background-image: url(/assets/img/home/arrow.png);
 background-position: 97% center; 
background-repeat: no-repeat;
background-size: 3%;
}


input.input-reset-ursa,
.form-horizontal .control-group .controls button.btn
{background-color:#f1f1ee; color:#8892aa}


input.input-submit-ursa,
.form-horizontal .control-group .controls button.btn-success
{background-color:#EE432C}


input.input-reset-ursa:hover, a.input-reset-ursa:hover,
.form-horizontal .control-group .controls button.btn:hover{background:#7d7e9e;color:white}

input.input-submit-ursa:hover,
.form-horizontal .control-group .controls button.btn-success:hover{
background-color:#B7232A;
/* background-image: url(/assets/img/home/arrow.png);
 background-position: 97% center; 
background-repeat: no-repeat;
background-size: 3%;*/
}


.form-horizontal .control-group .controls {margin:0}

span.red p {color:red}

button.ok 
{
color: #fff; 
background: #232f61;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:12px 15px;
height:auto;
margin-top:10px;
font-family:Chevin Medium;
font-size:18px;
float:right;
border:0;
}

.modal-body h3 p {font-size:18px;line-height:21px}
label.control-label{font-size:14px;}

.no-vertical-center{vertical-align:top;}


.slideshow h3 {margin-bottom:10px;}
/* responsive menu */
.menu-btn {display: none;}
.intro-txt{width:216px;margin-top:20px; color:}
.bg-slider {
	background: url(../img/home-background.png);
    background-size: cover;
    background-repeat: no-repeat;
	margin-top:0;
	padding-top:50px
	}

.container{
	margin-top:0;
	padding-top:50px
	}

.svetlo-zelena {background-color:#ecf5f5}	
.valign-middle{vertical-align:middle}
.inline{display:inline}
.margin-20{margin:20px; margin-left:0}
.margin-10{margin:10px}
a.valign-middle{text-decoration:underline}
.dokumenti {border-right:10px dotted white;padding:20px;}
.no-padding-tb{padding-top:0;padding-bottom:0}


table.cenik {width:100%; border-spacing: 15px 10px; border-collapse: separate;}
table.cenik tr td {width:33%; background-color: #ecf5f5; padding:10px 15px }
table.cenik tr.font-h4 td {font-family: "Roboto-Medium"; font-size: 14px; line-height: 17px; padding:15px 20px}
table.cenik tr:first-child td {text-align:left; padding:20px;color:white}
table.cenik tr td a:hover{color:white;}


.bg-table-first {background:#82a4b2 !important;}
.bg-table-secound {background:#044966 !important;}
.bg-table-third{background:#ef432c !important;}
.left{float:left}
.right{float:right}
.txt-center{text-align:center}
.block{display:block}
.relative{position:relative}
.txt-right{text-align:right}
.bold{font-weight:bold}
.col2.dokumenti {width:43%}

.tbl-responsive {display:none}
.non-responsive {display:table}
.no-padding{padding:0; overflow:visible}
ul.tou li {color: #044966;}
a.sniff:hover{color:white !important; text-decoration:none;} 
a.button:hover{color:white !important; text-decoration:none;} 
.logo-responsive{display:none;}


/* responsive */
@media (max-width: 1080px) {
 .qr-code p {text-align: center; line-height: inherit; width: auto;}
   
	
	.navbar-fixed-top{display:none}
	.bg-none{background:¸none}
    /* defaults */
    body {padding-top: 100px;}
    
    /* menu */
    .menu-btn {display: inline;} 
    .menu-btn {cursor: pointer; font-size: 22px; position: fixed; right:30px; top:35px; z-index: 1000; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
    .menu-btn img {width: 25px;}
    .pushy ul {padding-left: 0px; margin: 0; list-style-type:none}
	
    .pushy ul ul {padding-left: 20px;}
    
    /* header */
    .header {position: fixed; padding: 0; width: 100%; height: 118px; top: -25px; max-width: none; backface-visibility: hidden; -webkit-backface-visibility: hidden;}
    .menu-container {display: none;}
    .ursa-klub {left: 10px; width: 100px; top: 30px;}
    .subheader {background: none !important; height: auto !important; text-align: center; padding: 0; width: 100%; margin-top: 15px;}
    .subheader .col1, .subheader .col2, .subheader .col3 {padding-bottom: 0; padding-top: 0;}
    
    /* grid */
    .container {padding: 0px;}
    .col1 {width: 90%; margin: 5%;}
    .col2 {width: 90%; margin: 5%;}
    .col3{width: 90%; margin: 5%; overflow:visible}
    .w-33 {width: 90%; margin: 5%;}
    .w-66 {width: 90%; margin: 5%;}
    
    /* fonts */
    h1 {font-size: 32px; line-height: 40px; font-family: "Roboto-Light"; text-rendering: auto !important; }
    h2 {font-size: 24px; line-height: 28px; font-family: "Roboto-Light"; text-rendering: auto !important; margin-top:5px}
    h3 {font-size: 16px; line-height: 20px; font-family: "Roboto-Regular"; text-rendering: auto !important;}
    
    /* slideshow */
    .slideshow {margin: 0; width: 100%;}
    .slideshow .col2 {width: 92%; padding: 0; margin: 4%;}
    .slideshow-navodila {margin: 0; width: 100%;}
    .slideshow-navodila img {width: 100%;}
    .slideshow-navodila .slick-prev, .slideshow-navodila .slick-next {top: 10% !important;}
    .slideshow-navodila ul {padding: 3%;}
    .slideshow-navodila .slick-dots {width: 94% !important;}
    
    /* nagradimo vas 2x */
    .stylish-circles img {width: 90px;}
    
    /* ursaklub */
    
    
    /* QR koda okvircek */
    .qr-code {width: 90%; padding: 0; margin: 5%; height: auto;}
    .qr-code p, .qr-code2 p {width: 40%; font-size: 18px; padding:20px 10px 20px 20px}
    .qr-code > img {display: none;}
    .qr-btn {margin: 10px;  width:40%}
    .qr-klub.qr-code {margin-top: 60px;}
    .qr-code.mt-80 {margin-top: 60px;}
	.qr-btn a {width:auto;} 
	.qr-btn img {width:100%;} 
    
    /* footer */
    .footer {padding: 0;}
    
    /* nagrade single */
    .nagrade-single img {width: 100%;}
    
    /* AleÅ¡ */
    .mt-80 {margin-top: 0;}
    .pt-80 {padding-top: 0 ;}
	
	
	input.input-submit-ursa, input.input-reset-ursa{width:100%;}
	/*input.input-submit-ursa, input.input-reset-ursa, .form-horizontal .control-group .controls button.btn{margin-top:0px}*/
	
    input.input-text-ursa{height:auto !important}
	
	.w-50{width:auto;}
	.p-40{margin:20px}
	

	/*#myModal, #myRegistration, #myActivation, #myLostPassword
	{margin:0 6%;width:100%;}
	*/
	
	.nagrade {min-height:0;}
	.more {position:static;margin-top:10px}
	.nagrade .full-width {width:100%; margin-left:0px}
	ul.slick-dots {margin:0 !important} 

		
	.slick-prev::before{content:url("../img/swipe_arrow_levo_resp.png") !important}
	.slick-next::before{content:url("../img/swipe_arrow_desno_resp.png") !important}

	.slick-prev:hover::before{content:url("../img/swipe_arrow_levo_blue_resp.png") !important}
	.slick-next:hover::before{content:url("../img/swipe_arrow_desno_blue_resp.png") !important}	
	
	
	.intro-txt{color:#EE432C;width:100%}
	.h1-image.qr-code p { font-size:20px;line-height:20px}
	ol.list li {font-size:14px;line-height:17px;}
	
	.col2.dokumenti {width:80%} 
	.w-33.txt-right div.txt-right{text-align:center}
	
	.tbl-responsive {display:table}
	.non-responsive {display:none}
	table.cenik tr:first-child td {text-align:left; padding:20px;color:white}
	
	.modal
	{width:90%;left:0;margin-left:0; margin:0 auto;right:0}
	
	.modal input[type=text] {width:90%}
	
}


@media (max-width: 410px) {

    .container.qr-holder
    {
        margin-top:0px
    }

    .pull-left, .pull-right
    {
        float:none;
    }

    .logo-responsive
    {
        display:block;
    }

    .logo-responsive img
    {
            left: 15px;
    width: 150px;
    top: 40px;
    }


}