/* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 5, 2016 */

@font-face {
    font-family: 'cormorant_uprightbold';
    src: url('cormorantupright-bold-webfont.woff2') format('woff2'),
         url('cormorantupright-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cormorant_uprightbook';
    src: url('cormorantupright-book-webfont.woff2') format('woff2'),
         url('cormorantupright-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cormorant_uprightlight';
    src: url('cormorantupright-light-webfont.woff2') format('woff2'),
         url('cormorantupright-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cormorant_uprightregular';
    src: url('cormorantupright-regular-webfont.woff2') format('woff2'),
         url('cormorantupright-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cormorant_uprightsemibold';
    src: url('cormorantupright-semibold-webfont.woff2') format('woff2'),
         url('cormorantupright-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
	margin: 0 !important;
	padding: 0 !important;
	background-color: #fff;
	overflow-x:hidden; 
}
.container {
	background-color: #fff;
}
.kontejner {
	width:100%;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #fff;	
}
textarea {
	resize:none;
	overflow: auto;
}
a, a:hover, a:active, a:focus, a:visited, a:after {
	text-decoration: none;
}
.header {
	text-align: center;
	background-color: #fff;
}
.middle{
	background-color: #fff;
	margin-bottom: 40px;
}
.middle p {
	font-size: 16px;
	line-height: 150%;
}
.middle_kontakt{
	padding: 10px;
	margin: 40px 0px 40px 0px;
}
.galerija{
	padding: 5px;
	margin: 10px;
	border-radius: 1px;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}
.label {
	margin-right: 10px;
	padding: 6px;
	background-color: #b6b6b6;
}
.sidebar_header>h3>.glyphicon{
	float: right;
	color: #f57c00;
}
.sidebar_text>p>.glyphicon{
	color: #727272;
}
.vesti{
	text-align: justify;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 20px 30px 20px 30px;
	color: #727272;
}
.vesti ol {
	font-weight: bold;
}
.pravila {
	margin: 40px 80px 40px 80px;
}
.cene {
	margin-left: 80px;
	margin-right: 80px;
	text-align: justify;
}
.gurui {
	margin-bottom: 40px;
}
.slika_guru {
	min-height: 350px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin: 20px 0px 30px 0px;
}
.ime_guru {
	text-align: center;
}
.tekst_guru {
	padding: 20px;
}

.slika_guru_1 {
	background-image: url(../images/guru_1.jpg);
}
.slika_guru_2 {
	background-image: url(../images/guru_2.jpg);
}
.slika_guru_3 {
		background-image: url(../images/guru_3.jpg);
}
.tekst_vesti p {
	margin-top: 20px;
}
.slika_vesti {
	min-height: 450px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.slika_vesti_1 {
	background-image: url(../images/laruga_glaser_2.jpg);
}
.slika_vesti_2 {
	background-image: url(../images/sharat_i_ranko_level_2.jpg);
}
.slika_vesti_3 {
	background-image: url(../images/yoga_1.jpg);
}
.slika_vesti_4 {
	background-image: url(../images/yoga_4.jpg);
}
.slika_vesti_laruga_2017 {
	background-image: url(../images/laruga_belgrade_workshop_2017.jpg);
}
.slika_vesti_laruga_2018 {
	background-image: url(../images/laruga_belgrade_workshop_2018.jpg);
}
.slika_vesti_laruga_2018_1 {
	background-image: url(../images/galerija/laruga_2018/laruga_2018.jpg);
}
.slika_vesti_laruga_2019 {
	background-image: url(../images/laruga_belgrade_workshop_2019.jpg);
}
.slika_vesti_laruga_2019_1 {
	background-image: url(../images/laruga_belgrade_workshop_2019_1.jpg);
}
.slika_vesti_laruga_2020 {
	background-image: url(../images/laruga_belgrade_workshop_2020.jpg);
}
.slika_vesti_laruga_2017_1 {
	background-image: url(../images/laruga_belgrade_workshop_2017_1.jpg);
}
.slika_vesti_ranko_2017 {
	background-image: url(../images/ranko_pelion_workshop_2017.jpg);
}
.slika_vesti_ranko_2017_1 {
	background-image: url(../images/ranko_belgrade_workshop_2017.jpg);
}
.slika_vesti_ranko_2017_2 {
	background-image: url(../images/ranko_workshops_2017.jpg);
}
.slika_vesti_poland_2017 {
	background-image: url(../images/workshop_poland_2017.jpg);
}
.slika_vesti_stockholm_2017 {
	background-image: url(../images/stockholm_2017.jpg);
}
.slika_vesti_gabriele_severini_2018 {
	background-image: url(../images/gabriele_severini_2018.jpg);
}
.slika_vesti_gabriele_severini_2020 {
	background-image: url(../images/gabriele_severini_2020.jpg);
}
.slika_radionice_1 {
	background-image: url(../images/laruga_glaser_1.jpg);
}
.slika_radionice_2 {
	background-image: url(../images/david_swenson_1.jpg);
}
.slika_radionice_3 {
	background-image: url(../images/saraswathi_jois_1.png);
}
.slika_radionice_4 {
	background-image: url(../images/swami_sivamurti_1.jpg);
}
.slika_vesti_led_class_18_11_2017 {
	background-image: url(../images/led_class_18_11_2017.jpg);
}

.carousel-inner {
overflow: hidden;
margin: 0 auto;
}
.karusel{
	overflow: hidden;
	margin: 0 auto;
	background-color: #fff;
	width: 100%;
	margin-right: auto;
    margin-left: auto;
}
img {
	margin: 0 auto;
}
.wrapper{
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 0px;
}
.wrapper_nav {
	border-top: 1px solid #f57c00;
	border-bottom: 1px solid #f57c00;
	margin: 0 auto;
}
#carousel-example-generic{	
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 60px;
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 5px 10px 5px;
}
.dimmer{
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index:1000;
	text-align: center;
	display: none;
}
.dimmer img {
	display: block;
}

.tmb {
	width: 15%;
	height: 15%;
	cursor: pointer;
	padding: 10px;
}
.footer{
	padding: 0px 20px 10px 20px;
	font-size: 14px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	color: #727272;
	min-height: 190px;
}
.top {
border-top: 1px solid #f57c00;
text-align: right;
padding-right: 20px;
padding-top: 10px;
}
.vrh {
	width: 15px;
	height: 15px;
	background-image: url(../images/scroll-top.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 2px;
	float: right;
}
.mapa_sajta{
margin-top: 100px;
text-align: right;
line-height: 250%;
float: right;
}
.mapa_sajta>li {
	display: inline;
	float: left;
}
.mapa_sajta a{
font-size: 12px; 
}
.citat{
	padding-right: 10px;
}
.copyright {
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	padding-right: 20px;
	float: right;
}
.adresa{
	padding-left: 20px;
	text-align: left;
}
.adresa_tekst {
	padding-left: 5px;
}

#jezik {
	font-size: 12px;
	text-align: right;
	padding: 20px;
}
.logo {
	width: 320px;
	height: 250px;
	background-image: url(../images/lotos.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-left: 40px;
	margin-bottom: 20px;
}
.navigacija  {
	position: relative;
	margin: 0 auto;
}
ul {
	padding: 0px;
}
ul li {
	list-style-type: none;
	text-align: center;
	position: center;
}
.nav ul li {
	list-style-type: none;
	text-align: center;
	position: center;
	color: #212121;
}
h1 {
	color: #f57c00;
	font-family: 'cormorant_uprightregular', serif;
	font-size: 65px;
}
.header h1 {
	padding-top: 20px;
	text-align: right;	
	margin-right: 50px;
	line-height: 140%;
}
.centar h2 {
	padding-top: 20px;
	text-align: center;	
	margin: 0 auto;
	line-height: 140%;
}
h2 {
	font-size: 25px;
	text-align: right;	
	font-family: 'cormorant_uprightlight', sans-serif;	
	color: #212121;
	margin-right: 50px;
}
h3 {
	font-size: 18px;
	padding: 20px 10px 20px 0px;
	margin: 0;	
}
.asistenti {
	color: #f57c00;
}
.asistenti_1 {
	color: #f57c00;
	font-size: 16px;
}
.asistenti_2 {
	font-size: 16px;
	font-weight: bold;
}
.sidebar_header h3 {
	color: #f57c00;
}
.centar p {
	padding-bottom: 20px;
	padding-top: 10px;
	text-align: center;	
	margin: 0 auto;
	line-height: 150%;
	color: #f57c00;
	font-size: 16px;
}
h4 {
	color: #727272;
	font-weight: bold;
}
.podnaslov {
	text-align: center;
	margin: 20px 0px 20px 0px;
}
.podnaslov p {
	font-size: 16px;
	color: #727272;
	font-weight: bold;
}
.naslov_vesti {
	padding-bottom: 10px;
}
.naslov_vesti h5{
	line-height: 1.5;
}

.podnaslov_galerija h5 {
	padding: 40px 0px 10px 15px;
}
.nav {
	list-style:none;
    margin:0 auto;
    max-width: 700px;
    padding:0;
    text-align:center;
}
a {
	color: #727272;
	font-size: 14px;
	cursor: pointer;
}
a:hover, a:focus {
	color: #f57c00;
	text-decoration: none;
	border: none;
	outline: none;
}


a.sidebar_link:hover {
	color: #727272;
}

a.sidebar_link>h3:hover {
	color: #727272;
}

.item1{
	width: 25%;
	padding: 5px;
	border: 1px solid #626164;
	margin:5px;
	text-align: center;
}

.item1 p {

color: #626164;
padding-top: 5px;
}

.item1 img {
width:80%;
}

.input-group{
	margin-top:5px; 
	margin-left: 10px;
	padding-bottom: 5px;
}

#container{
	height: 100%;
	padding: 5px;
}

#nav
{
	margin: 0 auto;
	text-align: center;

}

.nav>li {
	display: inline;
	float: left;
}


.nav>li.active>a, .nav>li.active>a:hover, .nav>li.active>a:focus{
	color: #f57c00;
	border: none;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #fff;
}

.nav{
	padding: 0px;
}

.sidebar_izdanja {
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	padding: 10px 30px 10px 30px;
	margin-bottom: 20px;
	margin-top: 10px;
	line-height: 100%;
	min-height: 295px;
	color: #727272;
}

.sidebar_izdanja:hover {
	background-color: #f1f1f1;
	-webkit-transition: background-color 200ms ease 0.2s;
    -moz-transition: background-color 200ms ease 0.2s;
    -o-transition: background-color 200ms ease 0.2s;
    transition: background-color 200ms ease 0.2s;
}

.sidebar_izdanja:hover .sidebar_header {
	background-color: #f1f1f1;
	-webkit-transition: background-color 200ms ease 0.2s;
    -moz-transition: background-color 200ms ease 0.2s;
    -o-transition: background-color 200ms ease 0.2s;
    transition: background-color 200ms ease 0.2s;
}



.table-bordered{
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	color: #727272;
}

.pdf {
	width: 35px;
	height: 35px;
	margin: 0 auto;
	background-image: url(../images/pdf_file.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.7;
}
.pdf:hover {
	opacity: 1;
	-webkit-transition: opacity 200ms ease 0.2s;
    -moz-transition: opacity 200ms ease 0.2s;
    -o-transition: opacity 200ms ease 0.2s;
    transition: opacity 200ms ease 0.2s;
}
.sidebar_izdanja p {
	line-height:150%;
	font-size: 14px;
}

.sidebar_header {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;

}

.sidebar_text, .tekst_vesti {
	padding: 20px 0px 0px 0px;
	text-align: justify;
}

.sidebar_image {
	margin: 0px;
	min-height: 220px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

}

.sidebar_image_radionice {
	background-image: url(../images/david_swenson_2.jpg);
}

.sidebar_image_info {
	background-image: url(../images/yoga_1.jpg);
}


.sidebar_image_ranko {
	background-image: url(../images/ranko.jpg);
}

.sidebar_image_video {
	background-image: url(../images/yoga_2.jpg);
}

.sidebar_image_mediji {
	background-image: url(../images/yoga_3.jpg);

}
.media-heading {
	margin-bottom: 20px;
	margin-top: 20px;
}

.thumbnail{
	height: 150px;
	width: 150px;
}
.thumbnail img{
	padding: 5px;
}
#old {
	height: 150px;
}
#kontakt{
	font-size: 14px;
	color: #727272;
}

h5 {
	color: #727272;
	font-size: 18px;
}

.subtitle {
	color: #727272;
	font-weight: bold;
}

.carousel-indicators{
	opacity: 0;
}
/*harmonika - pocetak*/

dl {
	width: 90%;
	margin: 15px; 
	float: left;

}
dd, dt {
	margin:1px 0 1px 0;
	color: #727272;
	font-size: 14px;
}
dd {
	padding-top: 20px;
}

dt {
	text-align: left;
	background-color: #dddcd7;
	cursor: pointer;
	height: 50px;
	transition: background-color 0.5s, color 0.5s;
	line-height: 5px;
	padding: 20px 30px 20px 30px;
}
dt:hover {
	background-color: #c4c4c4;
	color: #212121;
	transition: background-color 0.5s, color 0.5s;
	
}


dd {
	/*display: none;*/
}

/*harmonika - kraj*/

table {
	font-size: 16px;
}
.tabela_links {
	width: 70%;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
} 

.tabela_tekstovi {
	width: 85%;
	padding-top: 20px;
}

.tabela_links tr>td>a {
	text-align: left;
	line-height: 60px;
} 

.tabela_links tr:hover {
	background-color: #f1f1f1;
} 
.tabela_links tr:hover a {
	color: #f57c00;
}

.links_image {
	text-align: center;
}

/*social icons - START*/
.social {

}
.social ul {
	list-style-type: none;
	margin: 0px;
	text-decoration: none;

}
.social ul a li {
	display: inline;
	float: left;
	cursor: pointer;
	padding: 30px 5px 10px 0px;

}
.facebook, .twitter, .linkedin, .instagram {
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	border: 2px solid transparent;
	padding: 4px;
}
.facebook:hover, .twitter:hover, .linkedin:hover, .instagram:hover {
	border: 1px solid #f57c00;
	background-color: #fff;
	-webkit-transition: 200ms ease 0.2s;
    -moz-transition: 200ms ease 0.2s;
    -o-transition: 200ms ease 0.2s;
    transition: 200ms ease 0.2s;
}
.facebook {
	background-image: url(../images/soc_facebook.png);

}
.twitter {
	background-image: url(../images/soc_twitter.png);

}
.linkedin {
	background-image: url(../images/soc_linkedin.png);

}
.instagram {
	background-image: url(../images/soc_instagram.png);

}
/*social icons - END*/

/*new gallery - START*/
.square_photo 
{
	background-image: url(../images/yoga_1.jpg);
	padding: 10px;
	min-height: 350px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: 20px 0px 30px 0px;
}

.square_photo:hover
{
opacity: 0.8;
}
.square_photo p
{
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	padding: 20px;
}

.square_photo_1 
{
	background-image: url(../images/square_photo/square_photo_1.jpg);
}
.square_photo_2 
{
	background-image: url(../images/square_photo/square_photo_2.jpg);
}
.square_photo_3 
{
	background-image: url(../images/square_photo/square_photo_3.jpg);
}
.square_photo_4 
{
	background-image: url(../images/square_photo/square_photo_4.jpg);
}
.square_photo_5 
{
	background-image: url(../images/square_photo/square_photo_5.jpg);
}
.square_photo_6 
{
	background-image: url(../images/square_photo/square_photo_6.jpg);
}
/*new gallery - END*/

/*moon phases calendar - START*/
.moon_phases {
	text-align: justify;
	padding-bottom: 15px;
}
/*moon phases calendar - END*/



/*animations*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

/*Fade In Left*/

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}


/*Fade In Right*/
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

/*Fade In Down*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

/*zoomIn*/
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}


/*media query*/


@media (min-width: 1024px){
	.zbornik_tekst ul li {
		width: 70%;
		margin: 0 auto;
	}	
	
}
@media (max-width: 991px){

	h1, h2 {
		margin-left: 40px;
	}
	.header h1 {
		text-align: center;
	}

	.citat h2 {
		text-align: center;
	}
		table {
		font-size: 12px;
	}
	.logo {
		margin: 0 auto;
		margin-top: 20px;
	}
	.mapa_sajta {
		float: left;
		padding-left: 0px;
		margin-top: 40px; 
	}
	.copyright {
		float: left;
	}
	.middle_zbornik {
		padding-left: 50px;
		padding-right: 50px;
	}
	.tabela_links {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	} 

	.tabela_tekstovi {
	width: 100%;
	padding-top: 20px;
	}

	.tabela_links tr>td>a {
	text-align: left;
	line-height: 20px;
	} 
	.sidebar_image {
	min-height: 350px;
	} 
	.cene {
	margin-left: 0px;
	margin-right: 0px;
	text-align: justify;
	} 
	.vesti {
		margin-left: 0px;
		margin-right: 0px;
	}
	.middle {
		margin-left: 0px;
		margin-right: 0px;

	}

}

@media (max-width: 320px){
	h1, h2 {
		text-align: left;
		margin-left: 40px;
	}
	.citat {
		float: left;
	}
	table {
		font-size: 12px;
	}
	.tabela_links {
		width: 100%;
		margin: 0 auto;
	}	
	.mapa_sajta {
		float: left;
		padding-left: 0px;
		margin-top: 40px; 
	} 
	.tabela_links {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	} 

	.tabela_tekstovi {
	width: 100%;
	padding-top: 20px;
	}
	.tabela_links tr>td>a {
	text-align: left;
	line-height: 20px;
	}
	.cene {
	margin-left: 0px;
	margin-right: 0px;
	text-align: justify;
	} 
	.vesti {
		margin-left: 0px;
		margin-right: 0px;
	}
	.middle {
		margin-left: 0px;
		margin-right: 0px;

	}
}

/* === KATHAK – self contained section === */

.kathak-section {
  max-width: 820px;
  margin: 40px auto;
  padding: 28px 32px;
  background: #fffaf2;
  border-left: 5px solid #d4a017;
  box-sizing: border-box;
  font-family: "Georgia", "Times New Roman", serif;
  color: #222;
}

.kathak-title {
  margin: 0 0 16px 0;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: 0.5px;
}

.kathak-intro {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 1.6;
}

.kathak-info {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.kathak-info li {
  padding-left: 18px;
  margin-bottom: 8px;
  position: relative;
  line-height: 1.5;
}

.kathak-info li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #b07a00;
  font-size: 18px;
  line-height: 1;
}

.kathak-highlight {
  margin-top: 20px;
  padding: 14px 16px;
  background: #fff3cd;
  border-left: 4px solid #e0a800;
  font-style: italic;
  line-height: 1.6;
}

/* === Traditional Yoga Section === */

.traditional-yoga {
  max-width: 860px;
  margin: 60px auto;
  padding: 0 20px;
  line-height: 1.7;
  font-size: 16px;
  color: #222;
}

.traditional-yoga h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px;
  text-align: center;
}

.traditional-yoga p {
  margin-bottom: 18px;
}

.traditional-yoga p strong {
  font-weight: 600;
}

.traditional-yoga ol {
  margin-top: 30px;
  padding-left: 22px;
}

.traditional-yoga ol li {
  margin-bottom: 28px;
}

.traditional-yoga ol li strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}

.traditional-yoga em {
  font-style: italic;
}

/* === Responsive tweak === */
@media (max-width: 600px) {
  .traditional-yoga h2 {
    font-size: 24px;
  }

  .traditional-yoga ol li strong {
    font-size: 17px;
  }
}