@charset "utf-8";
/* Programi */

.programi-page {
	height:4000px;
	padding-top:50px;
}

.programi-page h3 {
	font-size:26px; 
	font-weight:600; 
	color:#FFF;
	padding-left:5px;
}

.programi-page p {
	font-size:14px;
	line-height:20px;
	color:#FFF;
	text-align:justify;
}

.programi-page ul {
	font-size:14px;
	line-height:20px;
	list-style:disc;
	color:#FFF;
	list-style-position: inside;
    padding-left: 1.5em;
    text-indent: -1em;
}

.wrap-left {
	width:960px; 
	margin:0 auto;
	padding:50px 50px 50px 115px; 
}

.wrap-right {
	width:960px; 
	margin:0 auto;
	padding:50px 110px 50px 50px; 
}

.predsolski {
	background-color:#e6c549; 
	width:95%; 
	min-height:200px; 
	float:left;
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.predsolski:after {
	content: "";
	display: table;
	clear: both;
}

.atletika {
	background-color:#7fb4e0; 
	width:95%; 
	min-height:200px; 
	float:right; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.atletika:after {
	content: "";
	display: table;
	clear: both;
}

.rolanje {
	background-color:#ea9643; 
	width:95%; 
	min-height:200px; 
	float:left; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.rolanje:after {
	content: "";
	display: table;
	clear: both;
}

.telovadni-rojstni-dan {
	background-color:#a1be5f; 
	width:95%; 
	min-height:200px; 
	float:right; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.telovadni-rojstni-dan:after {
	content: "";
	display: table;
	clear: both;
}

.krozna-vadba {
	background-color:#f67c79; 
	width:95%; 
	min-height:200px; 
	float:left; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.krozna-vadba:after {
	content: "";
	display: table;
	clear: both;
}

.vadba-zenske {
	background-color:#62c49e; 
	width:95%; 
	min-height:200px; 
	float:right; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.vadba-zenske:after {
	content: "";
	display: table;
	clear: both;
}

.vadba-nosecnice {
	background-color:#a78dca; 
	width:95%; 
	min-height:200px; 
	float:left; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.vadba-nosecnice:after {
	content: "";
	display: table;
	clear: both;
}

.fitnes-moski {
	background-color:#a1be5f; 
	width:95%; 
	min-height:200px; 
	float:right; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.fitnes-moski:after {
	content: "";
	display: table;
	clear: both;
}

.seniorji {
	background-color:#598bd6; 
	width:95%; 
	min-height:200px; 
	float:left; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.seniorji:after {
	content: "";
	display: table;
	clear: both;
}

.rekreacija-mladi {
	background-color:#d7bd5b; 
	width:95%; 
	min-height:200px; 
	float:right; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.rekreacija-mladi:after {
	content: "";
	display: table;
	clear: both;
}

.zdravavadbaabc {
	background-color:#70b9bc; 
	width:95%; 
	min-height:200px; 
	float:right; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.zdravavadbaabc:after {
	content: "";
	display: table;
	clear: both;
}

.zdravhrbet {
	background-color:#f0b0a1; 
	width:95%; 
	min-height:200px; 
	float:left; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.zdravhrbet:after {
	content: "";
	display: table;
	clear: both;
}


.tekaski-treningi {
	background-color:#f2ab66; 
	width:95%; 
	min-height:200px; 
	float:left; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.tekaski-treningi:after {
	content: "";
	display: table;
	clear: both;
}

.individualna-vadba {
	background-color:#82c462; 
	width:95%; 
	min-height:200px; 
	float:right; 
	margin:10px 0 50px 0; 
	padding-bottom: 50px;
}

.individualna-vadba:after {
	content: "";
	display: table;
	clear: both;
}



@media only screen and (min-width:1281px) {
	
.wrap-left {
	width:960px; 
	margin:0 auto;
	padding:50px 50px 50px 130px; 
}

.wrap-right {
	width:960px; 
	margin:0 auto;
	padding:50px 160px 50px 50px; 
}
	
}


/*TABLET*/
@media all and (min-width: 1024px) and (max-width: 1200px) {

.wrap-left {
	width:960px; 
	margin:0 auto;
	padding:50px 0; 
}

.wrap-right {
	width:960px; 
	margin:0 auto;
	padding:50px 0; 
}

.predsolski {
	width:100%; 
}

.atletika {
	width:100%; 
}

.rolanje {
	width:100%; 
}

.telovadni-rojstni-dan {
	width:100%; 
}

.krozna-vadba {
	width:100%;
}

.vadba-zenske {
	width:100%; 
}

.vadba-nosecnice {
	width:100%; 
}

.fitnes-moski {
	width:100%; 
}

.seniorji {
	width:100%; 
}
	
.rekreacija-mladi {
	width:100%; 
}	

.tekaski-treningi {
	width:100%; 
}

.individualna-vadba {
	width:100%; 
}
	
.zdravavadbaabc {
	width:100%; 
}

.zdravhrbet {
	width:100%; 
}	

}

@media all and (min-width: 768px) and (max-width: 1023px) {

.programi-page {
	height:6700px;
}

.programi-page h3 {
	font-size:22px; 
}

.programi-page p {
	font-size:13px;
	line-height:18px;
}

.programi-page ul {
	font-size:13px;
	line-height:20px;
	list-style:disc;
	color:#FFF;
	list-style-position: inside;
    padding-left: 1.5em;
    text-indent: -1em;
}

.wrap-left {
	width:740px; 
	margin:0 auto;
	padding:50px 0; 
}

.wrap-right {
	width:740px; 
	margin:0 auto;
	padding:50px 0; 
}

.predsolski {
	width:100%; 
	height:850px; 
}

.atletika {
	width:100%; 
	height:320px; 
}

.rolanje {
	width:100%; 
	height:320px; 
}

.telovadni-rojstni-dan {
	width:100%; 
	height:730px; 
}

.krozna-vadba {
	width:100%; 
	height:570px; 
}

.vadba-zenske {
	width:100%; 
	height:320px; 
}

.vadba-nosecnice {
	width:100%; 
	height:610px; 
}

.fitnes-moski {
	width:100%; 
	height:530px; 
}

.seniorji {
	width:100%; 
	height:380px; 
}

.rekreacija-mladi {
	width:100%; 
	height:560px; 
}	
	
.tekaski-treningi {
	width:100%; 
	height:600px; 
}

.individualna-vadba {
	width:100%; 
	height:390px; 
}
	
.zdravavadbaabc {
	width:100%;
	height:1400px;
}

.zdravhrbet {
	width:100%;
	height:570px;
}	
	

}

/*MOBILE*/
@media all and (min-width: 500px) and (max-width: 767px) {
/*disable text sizing on orientation change*/
	html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr, .produkti, .content,. main {
		-webkit-text-size-adjust:none;
	}
	.m_hide{display: none;} /*hide on mobile*/
	
	.col_1, .col_2, .col_3, .col_4 , .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 { width: 97.92%; }
	
.programi-page {
	height:11000px;
	padding-top:100px;
}

.programi-page h3 {
	font-size:22px; 
}

.crop {
	overflow: hidden;
	width:489.6px;
	height:348.583px;
}

.wrap-left {
	width:500px; 
	padding:50px 0; 
}

.wrap-right {
	width:500px; 
	padding:50px 0; 
}

.predsolski {
	width:100%; 
	height:1630px; 
}

.atletika {
	width:100%; 
	height:680px; 
}

.rolanje {
	width:100%; 
	height:650px; 
}

.telovadni-rojstni-dan {
	width:100%; 
	height:1120px; 
}

.krozna-vadba {
	width:100%; 
	height:990px; 
}

.vadba-zenske {
	width:100%; 
	height:600px; 
}

.vadba-nosecnice {
	width:100%; 
	height:990px; 
}

.fitnes-moski {
	width:100%; 
	height:880px; 
}

.seniorji {
	width:100%; 
	height:730px; 
}
	
.rekreacija-mladi {
	width:100%; 
	height:1020px; 
}	

.tekaski-treningi {
	width:100%; 
	height:1000px; 
}

.individualna-vadba {
	width:100%; 
	height:780px; 
}
	
.zdravavadbaabc {
	width:100%;
	height:1950px;
}

.zdravhrbet {
	width:100%;
	height:950px;
}	

}

/*MOBILE*/
@media only screen and (max-width:499px) {
/*disable text sizing on orientation change*/
	html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr, .produkti, .content,. main {
		-webkit-text-size-adjust:none;
	}
	.m_hide{display: none;} /*hide on mobile*/
	
	.col_1, .col_2, .col_3, .col_4 , .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 { width: 97.92%; }
	
.programi-page {
	height:11000px;
	padding-top:100px;
}

.programi-page h2 {
	font-size:23px; 
}

.programi-page h3 {
	font-size:18px; 
}

.crop {
	overflow: hidden;
	width:293.75px;
	height:209.15px;
}

.wrap-left {
	width:300px; 
	margin:0 auto;
	padding:50px 0; 
}

.wrap-right {
	width:300px; 
	margin:0 auto;
	padding:50px 0;  
}

.predsolski {
	width:100%; 
	height:1600px; 
}

.atletika {
	width:100%; 
	height:560px; 
}

.rolanje {
	width:100%; 
	height:540px; 
}

.telovadni-rojstni-dan {
	width:100%; 
	height:1350px; 
}

.krozna-vadba {
	width:100%; 
	height:1120px; 
}

.vadba-zenske {
	width:100%; 
	height:530px; 
}

.vadba-nosecnice {
	width:100%; 
	height:1120px; 
}

.fitnes-moski {
	width:100%; 
	height:950px; 
}

.seniorji {
	width:100%; 
	height:740px; 
}
	
.rekreacija-mladi {
	width:100%; 
	height:1050px; 
}	

.tekaski-treningi {
	width:100%; 
	height:1090px; 
}

.individualna-vadba {
	width:100%; 
	height:780px; 
}
	
.zdravavadbaabc {
	width:100%;
	height:2400px;
}

.zdravhrbet {
	width:100%;
	height:1150px;
}	

}