/* ----------------------- FONTS ---------------------*/
/*@font-face {
    font-family: 'robotolight';
    src: url('roboto-light-webfont.eot');
    src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-light-webfont.woff2') format('woff2'),
         url('roboto-light-webfont.woff') format('woff'),
         url('roboto-light-webfont.ttf') format('truetype'),
         url('roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.eot');
    src: url('roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff'),
         url('roboto-regular-webfont.ttf') format('truetype'),
         url('roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('roboto-bold-webfont.eot');
    src: url('roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-bold-webfont.woff2') format('woff2'),
         url('roboto-bold-webfont.woff') format('woff'),
         url('roboto-bold-webfont.ttf') format('truetype'),
         url('roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabregular';
    src: url('robotoslab-regular-webfont.eot');
    src: url('robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotoslab-regular-webfont.woff2') format('woff2'),
         url('robotoslab-regular-webfont.woff') format('woff'),
         url('robotoslab-regular-webfont.ttf') format('truetype'),
         url('robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_slabbold';
    src: url('robotoslab-bold-webfont.eot');
    src: url('robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('robotoslab-bold-webfont.woff2') format('woff2'),
         url('robotoslab-bold-webfont.woff') format('woff'),
         url('robotoslab-bold-webfont.ttf') format('truetype'),
         url('robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/*------------------------------------ FONTS END ----------------------*/

.page{
	/*font-family:'verdana'!important;*/
	color:#606060!important;
}

h1 {
	/*font-family:'roboto_slabbold';*/
}

h2 {
	/*font-family:'roboto_slabbold';*/
}

h3 {
	/*font-family:'roboto_slabregular';*/
}

h4 {
	/*font-family:'roboto_slabregular';*/
}

.left {
	text-align: left;
}

.main-menu .list__item{
	padding:15px 10px 15px 10px;
	line-height: 20px;
}

.main-menu .list{
	font-size: 15px;
}

.main-menu .page--menu-page__content{
	background: #009e58;
	box-shadow: 		inset -5px 0px 10px 0px rgba(50, 50, 50, 0.3);
	-webkit-box-shadow: inset -5px 0px 10px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    inset -5px 0px 10px 0px rgba(50, 50, 50, 0.3);
	padding-right:5px;
}
.main-menu .bottom-menu-item{
	border-color: #007c45;
	color: #fff;
	font-family:'roboto_slabregular';
}

.main-menu .bottom-menu-item:first-child{
	border-color: #007c45;
	color: #fff;
}
.main-menu .bottom-menu-item:last-child{
	border-color: #007c45;
	color: #fff;
}

.main-menu .bottom-menu-list{
	border-color: #007c45;
}

.navigation-bar__left{
	font-size: 12px;
	color:rgba(255,255,255,0.7)
}

.page__content img{
	width:70%;
	margin: 0% 0 0 15%;
}

.page__content h2{
	text-align: center;
	font-size: 28px;
	color: #009e58;
	margin:25% 20px 25% 20px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.page__content {
	/*background: #ffffff;*/
	/*background:url(../IMG/light_wool.png) repeat;*/
	background:url(../IMG/doctor.jpg) no-repeat;
	background-position:right 20px;
	background-size:cover;
}

.page__content h3{
	text-align: center;
	font-size: 20px;
	color: #009e58;
	margin:20px 20px 0 20px;
	line-height: 22px;
}

.page__content .ons-col-inner{
	padding:10px;
	font-size: 12px;

}

.page__content .ons-col-inner h4{
	font-size: 15px;
	line-height: 15px;
	color: #009e58;
	margin:20px 0 5px 0;
	text-align: left;
}

.page__content .col-prva{
	background:rgba(0,158,88,0.1);
	margin: 4px 5px 0 10px;
}
.page__content .col-druga{
	background:rgba(0,158,88,0.2);
	margin: 4px 5px 0 0;
}
.page__content .col-tretja{
	background:rgba(0,158,88,0.3);
	margin: 4px 5px 0 0;
}
.page__content .col-cetrta{
	background:rgba(0,158,88,0.4);
	margin: 4px 5px 0 0;
}
.page__content .col-peta{
	background:rgba(0,158,88,0.5);
	margin: 4px 5px 0 0;
}
.page__content .col-sesta{
	background:rgba(0,158,88,0.6);
	margin: 4px 5px 0 0;
}
.page__content .col-sedma{
	background:rgba(0,158,88,0.7);
	margin: 4px 5px 0 0;
}
.page__content .col-osma{
	background:rgba(0,158,88,0.8);
	margin: 4px 5px 0 0;
}
.page__content .col-last {
	margin: 4px 10px 0 0px;
}
.navigation-bar{
	background:rgba(0,158,88,1);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.3);
	border-bottom:#606060;
}

navigation-bar__right{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.navigation-bar--transparent{
	display:none;
}

.toolbar-button{
	color:rgba(255,255,255,0.7);
}


/* SCROLLERJI */
#scroller0 img {
    width:100%;
    margin:0%;
    margin-top:20px;
}

/*240 - 320*/
@media (min-width: 320px) {
    #scroller0 {
	height: 800px;
	width: 600px;
    }
    #scroller1 {
	height: 500px;
	width: 570px;
    }
    #scroller2 {
	height: 600px;
	width: 400px;
    }
    #scroller3 {
	height: 250px;
	width: 600px;
    }
    #scroller4 {
	height: 220px;
	width: 510px;
    }
    #scroller6 {
	height: 325px;
	width: 590px;
    }
    #scroller7 {
	height: 290px;
	width: 700px;
    }
    #scroller10 {
	height: 500px;
	width: 570px;
    }
    
}
/*320 - 480*/
@media (min-width : 480px) {
    #scroller0 {
	height: 800px;
	width: 600px;
    }
    #scroller1 {
	height: 530px;
	width: 570px;
    }
    #scroller2 {
	height: 910px;
	width: 400px;
    }
    #scroller3 {
	height: 260px;
	width: 600px;
    }
    #scroller4 {
	height: 230px;
	width: 510px;
    }
    #scroller6 {
	height: 315px;
	width: 590px;
    }
    #scroller7 {
	height: 310px;
	width: 700px;
    }
    #scroller10 {
	height: 530px;
	width: 570px;
    }
}

@media (min-width : 1080px) {
    #scroller0 {
	height: 1300px;
	width: 1080px;
    }
}