@charset "utf-8";



td img {
	max-width: 100%;
	height: auto;
}


#uzivanje .content {
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 28px;
	text-align: center;
}

#uzivanje h2 {
	margin-top: 65px;
	margin-bottom: 28px;
}

#uzivanje .content > table {
	margin-left: auto;
	margin-right: auto;
	width: 49%;
}

#uzivanje .content > table > tbody > tr > td:first-child {
	width: auto;
	padding-right: 0;
}
#uzivanje .content > table > tbody > tr > td:last-child {
	padding-left: 0;
}


#doziranje {
	background-color: #f1f1f1;
}

#doziranje .content {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

#doziranje h2 {
	margin-bottom: 48px;
}


#stranski-ucinki .content {
	padding-top: 40px;
	padding-bottom: 40px;
}


#vsebnost .content {
    padding-top: 40px;
    padding-bottom: 40px;
}

#vsebnost td {
	padding-left: 0;
	padding-right: 0;
}


#sestava {
	position: relative;
}

#sestava > .background {
    width: 50%;
    height: 100%;
}

#sestava .content {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
}

#sestava .content > .background {
	width: 59%;
	height: 100%;
}

#sestava .content > img {
	position: absolute;
	top: 55px;
	right: -85px;
}


#kljucne-sestavine .content {
	padding-top: 40px;
	padding-bottom: 40px;
}

#kljucne-sestavine .content > h2 {
	margin-bottom: 28px;
}

#kljucne-sestavine .content table h3 {
	margin-top: 40px;
	margin-bottom: 36px;
	color: black;
}

#kljucne-sestavine .content td:first-child {
	padding-right: 2%;
}
#kljucne-sestavine .content td:last-child {
	padding-left: 2%;
}


#ucinek-1 .content {
	padding-top: 40px;
	padding-bottom: 40px;
}

#ucinek-1 .content > table > tbody > tr > td:first-child {
	width: 74%;
}
#ucinek-1 .content > table > tbody > tr > td:last-child {
	width: 26%;
}


#ucinek-2 {
	position: relative;
}

#ucinek-2 > .background {
    left: auto;
    right: 0px;
	width: 100%;
    height: 100%;
}

#ucinek-2 .content {
	padding-top: 40px;
	padding-bottom: 40px;
}


#ucinek-3 .content {
	padding-top: 40px;
	padding-bottom: 40px;
}

#ucinek-3 .content {
	text-align: center;
}

#ucinek-3 table {
	margin-top: 70px;
	text-align: left;
}

#ucinek-3 td:first-child {
	padding-right: 2%;
}

#ucinek-3 td:last-child {
	padding-left: 2%;
}


#ucinek-4 {
	background-color: #f1f1f1;
}

#ucinek-4 .content {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
}

#ucinek-4 td:first-child {
	padding-right: 2%;
}

#ucinek-4 td:last-child {
	padding-left: 2%;
}

#ucinek-4 td h3 {
	margin-bottom: 38px;
	color: black;
}

#ucinek-4 .content > img {
	position: absolute;
	right: 0px;
	bottom: -130px;
}


#koristi-izdelka {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f1f1f1;
}

#koristi-izdelka .content {
}

#koristi-izdelka h1 {
	margin-bottom: 80px;
}

#koristi-izdelka ul {
    list-style-image: url('/images/list_style_square.jpg');
    padding-left: 25px;
}

#koristi-izdelka li {
	font-size: 18px;
	line-height: 34px;
}


#ucinek-5 .content {
	padding-top: 40px;
	padding-bottom: 40px;
}

#ucinek-5 td:first-child {
	padding-left: 0;
	padding-right: 0;
}


#stranski-ucinki .content {
	line-height: 28px;
	text-align: center;
}


#nastanek .content {
	padding-top: 40px;
    padding-bottom: 40px;
	line-height: 28px;
	text-align: center;
}


#faq .content {
	padding-top: 40px;
	padding-bottom: 40px;
}

#faq h3 {
	margin-top: 70px;
	color: black;
}

#faq p {
	line-height: 28px;
}


#kontakt {
	position: relative;
	margin-top: 100px;
}

#kontakt > .background {
    left: auto;
    right: 0px;
    width: 50%;
    height: 100%;
}

#kontakt .content {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 700px;
}

#kontakt .content > .background {
    left: auto;
    right: 0px;
    width: 75%;
    height: 100%;
}

#kontakt ul {
	line-height: 28px;
}
#kontakt ul:nth-child(3) {
	margin-top: 50px;
}

#kontakt ul a {
	text-decoration: none;
}

#kontakt .color-orange {
	margin-right: 8px;
} 


#contact-form {
	position: absolute;
	top: 75px;
	right: 30px;
	width: 64%;
	max-width: 730px;
}

#contact-form h2 {
	margin-bottom: 18px;
}

#contact-form .row > div:nth-child(n+3) {
	margin-top: 10px;
}
#contact-form .row > div:nth-child(6) {
	margin-top: 35px;
}
#contact-form .row > div:last-child {
	margin-top: 55px;
}

#contact-form .left {
	padding-right: 15px;
	width: 50%;
}

#contact-form .right {
	padding-left: 15px;
	width: 50%;
}

#contact-form .column {
	width: 100%;
}

#contact-form label {
	font-size: 14px;
	line-height: 28px;
}
#contact-form label.checkbox {
	margin-top: 28px;
	line-height: normal;
}
#contact-form label.checkbox:first-child {
	margin-top: 0;
}

#contact-form input[type="text"] {
	border: 1px solid #acacac;
	max-width: 350px;
	height: 48px;
	background-color: transparent;
	font-size: 18px;
}

#contact-form textarea {
	border: 1px solid #acacac;
	height: 96px;
	background-color: transparent;
	font-size: 18px;
}

#contact-form .msg-ok {
	margin-left: 25px;
}




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

#sestava .content > img {
	right: 0px;
	width: 49%;
}


#ucinek-1 td img {
	margin-top: 0 !important;
	margin-left: 0 !important;
}


#ucinek-2 .content > .background {
    width: 50%;
}

#ucinek-2 td img {
	margin-left: 0 !important;
}


#ucinek-4 .content > img {
	max-width: 468px;
	height: auto;
}


#koristi-izdelka td img {
	margin-top: 0 !important;
	margin-left: 0 !important;
}

}



@media (min-width: 0px) and (max-width: 767px) {

#uzivanje .content > table:nth-child(4) {
	margin-top: 35px;
}

#uzivanje .content > table:nth-child(4) td:nth-child(2) img {
	margin-top: 45px !important;
}

#uzivanje .content > table:nth-child(5) {
	margin-bottom: 20px;
}

#uzivanje .content > table:nth-child(6) td {
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

#uzivanje img {
	margin-left: auto !important;
	margin-right: auto !important;
}

#uzivanje h2 {
	margin-top: 32px;
	margin-bottom: 14px;
}


#stranski-ucinki td {
	padding-top: 25px;
}
#stranski-ucinki td:first-child {
	padding-top: 0;
}


#sestava > .background {
    width: 100%;
}

#sestava .content > .background {
	width: 100%;
}

#sestava .content > table {
	width: 100%;
}

#sestava .content > table > tbody > tr > td {
	display: table-cell !important;
}

#sestava .content > table:nth-child(5) {
	margin-top: 20px;
}

#sestava .content > table > tbody > tr > td:first-child {
	width: 40% !important;
}

#sestava .content > table > tbody > tr > td:last-child {
	width: 60% !important;
}

#sestava .content > img {
	position: static;
	top: auto;
	right: auto;
	float: none !important;
	margin-top: 25px;
}


#kljucne-sestavine .content table h3 {
    margin-top: 25px;
    margin-bottom: 18px;
}


#ucinek-1 img {
	display: block;
	margin-top: 25px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}


#ucinek-2 > .background {
    width: 100%;
}


#ucinek-2 .content > .background {
    width: 100%;
}

#ucinek-2 h2 {
	width: 100%; 
	max-width: none;
}

#ucinek-2 img {
	display: block;
	margin-top: 0 !important;
	margin-bottom: 25px;
	margin-left: auto !important;
	margin-right: auto !important;
}


#ucinek-3 table {
	margin-top: 35px;
}


#ucinek-4 .content > img {
	bottom: -100px;
	max-width: 188px;
}

#ucinek-4 td h3 {
	margin-bottom: 19px;
}

#ucinek-4 td {
	padding-top: 56px;
}


#ucinek-5 img {
	display: block;
	margin-top: 25px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}


#koristi-izdelka h1 {
	margin-bottom: 40px;
}

#koristi-izdelka td img {
	margin-top: 45px !important;
	margin-left: 0 !important;
}

#kontakt {
	margin-top: 50px;
}

#kontakt > .background {
    width: 100%;
}

#kontakt .content {
	min-height: 0;
}

#kontakt .content > .background {
    width: 100%;
}

#kontakt ul {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}

#kontakt ul:nth-child(3) {
	margin-top: 25px;
}


#contact-form {
	position: static;
	top: auto;
	right: auto;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 350px;
}

#contact-form .row > div:nth-child(2) {
	margin-top: 10px;
}

#contact-form .left {
	padding-right: 0;
	width: 100%;
}

#contact-form .right {
	padding-left: 0;
	width: 100%;
}

#contact-form .msg-ok {
	display: block;
	margin-left: 0;
	padding-top: 4px;
}
	
}