@font-face {
	font-family: 'OpenSansSemibold';
	src: url('../fonts/OpenSans-Semibold.eot');
	src: local('OpenSansSemibold'), 
		url('../fonts/OpenSans-Semibold.svg#webfontOpenSansSemibold') format('svg'),
		url('../fonts/OpenSans-Semibold.woff2') format('woff2'), 
		url('../fonts/OpenSans-Semibold.woff') format('woff'), 
		url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../fonts/OpenSans-Regular.eot');
	src: local('OpenSansRegular'), 
		url('../fonts/OpenSans-Regular.svg#webfontOpenSansRegular') format('svg'),
		url('../fonts/OpenSans-Regular.woff2') format('woff2'), 
		url('../fonts/OpenSans-Regular.woff') format('woff'), 
		url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'OpenSansLight';
	src: url('../fonts/OpenSans-Regular.ttf');
	src: local('OpenSansLight'), 
		url('../fonts/OpenSans-Light.ttf') format('truetype');
}
body {background: url(../img/bg-purple.gif) repeat top left;font-family: 'OpenSansRegular',sans-serif,"Helvetica Neue",Helvetica,Arial;color:#000;-webkit-font-smoothing: antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004);font-weight:normal;}
a {cursor:pointer;outline:none;}
a:hover, a:active, a:focus {outline: none;color:inherit;}
h1, .h1, h2, .h2, h3, .h3 {margin: 0;}
h1 {font-size:21px;letter-spacing:-0.02em;line-height:23px;font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;}
h2 {font-size:14px;line-height:17px;letter-spacing:0.02em;}
h3 {font-size:16px;line-height:20px;letter-spacing:-0.02em;font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;}
h1 a, h2 a, h3 a {color:#000;}
.section-title {font-family: 'OpenSansLight',sans-serif,"Helvetica Neue",Helvetica,Arial;background-color:#dce7ff;text-align:center;color:#000;text-transform: uppercase;font-size: 24px;line-height:45px;margin:15px 0;}
.section-title-homepage {font-family: 'OpenSansLight',sans-serif,"Helvetica Neue",Helvetica,Arial;background-color:#dce7ff;text-align:center;color:#000;text-transform: uppercase;font-size: 24px;line-height:45px;margin:15px 0 0 15px;}

.container {background-color:white;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
img {width:100%;height:auto;}
img.img-original,.pages-body img {width: auto !important; }
.pages-body img.left_image {
	float:left;
	padding:0 15px 5px 0;
}
.custom-page-image {
	margin:15px 0;
}
header {padding:15px 0 0;}
input {border:1px solid #7f9db9;}



.banner1 {width:728px;height:90px;float:right;}
.banner2 {
	width:998px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#f8fbff;
	position:relative;
	z-index:20000;
}
.banner3 {width:300px;}
.banner5 img {
	max-width:468px;
}
.logo {padding-top:25px;}
.navbar-default {background-color: transparent;border-color: transparent;}
.navbar {border: 0;margin-bottom: 0;min-height: 0;position: static;}
.navbar-collapse {padding:0;overflow-x: hidden;}
.margin-bar {padding-top:10px;clear:both;display:block;}
.navbar-default .navbar-nav > li > a {color:#000;}
.navbar-nav > li > a {text-transform:uppercase;}
.nav > li > a {display: block;padding: 10px 10px;position: relative;line-height: 19px;font-size:12px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: #f1f7ff;color:#000;}
.navbar-default .navbar-nav > .link-blue > a, .navbar-default .navbar-nav > .link-blue > a:hover, .navbar-default .navbar-nav > .link-blue > a:focus {background-color: #e2edff;}
.navbar-default .navbar-nav > .link-green > a, .navbar-default .navbar-nav > .link-green > a:hover, .navbar-default .navbar-nav > .link-green > a:focus {background-color: #eaeed4;}
.navbar-default .navbar-nav > .link-pink > a, .navbar-default .navbar-nav > .link-pink > a:hover, .navbar-default .navbar-nav > .link-pink > a:focus {background-color: #f9cdf6;}
.navbar-default .navbar-nav > .link-search > a, .navbar-default .navbar-nav > .link-search > a:hover, .navbar-default .navbar-nav > .link-search > a:focus {background-color: #b5cef9;padding:11px 10px 10px;}
.navbar-default .navbar-nav > .link-search, .form-search-desktop {background-color: #b5cef9;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #000;background-color: #f1f7ff;/*box-shadow: inset 0px 0px 8px 4px rgba(201,225,253,0.3);*/}
.subnav-holder {background:#fff url(../img/bg-container.png) repeat-x top left;width:100%;padding:13px 10px 10px;}
.subnav-holder > li > a {text-transform: none; }

.nav > li.link-themes {width:18.9%;margin:0 5px; border-radius: 3px;}
.nav > li.link-themes > a > img {padding-right:8px;}
.nav > li.link-themes > a {display: block;padding: 0 10px;position: relative;font-size:12px;}
.link-tema-kalendar-trudnoce {background-color:#e6ffde;}
.link-tema-vesti {background-color:#fedbd7;}
.link-tema-vasa-prica {background-color:#f8ceff;}
.link-tema-imena-beba {background-color:#e3deff;}
.link-tema-forum {background-color:#c1e9ff;}

.navbar-default .navbar-nav > li.link-subnav > a:hover,
.navbar-default .navbar-nav > li.link-subnav > a:focus,
.navbar-default .navbar-nav > li.link-subnav > a.active {color: #000;background-color: #dbe4f0;/*box-shadow: inset 0px 0px 8px 4px rgba(201,225,253,0.3);*/border-radius: 3px;}
.nav > li.link-subnav {margin:0 3px; border-radius: 3px;}
.nav > li.link-subnav-small {margin:0; border-radius: 3px;}
.nav > li.link-subnav > a {display: block;padding: 0 10px;position: relative;font-size:11px;text-transform: uppercase;line-height:32px;}


.search-input-field {width:180px;}
.form-search-desktop {position:absolute;padding:16px 16px 15px;width:300px;margin-left:-263px;display:none;z-index:1000;}
.btn-lg, .btn-group-lg > .btn {border-radius: 6px;font-size: 11px;line-height: 1.33333;padding: 2px 5px;text-transform: uppercase;}
.search_submit {margin-left:10px;}
.dropdown:hover .dropdown-menu {display: block;}
.content-container {background-color:#f8fbff;padding:0;}

.box_breadcrumb {
	color:#c3c3c3;
	margin:0 15px;
	padding: 0 15px 0 5px;
	font-size:10px;
	text-transform: uppercase;
}
.box_breadcrumb a {
	color:#c3c3c3;
	padding: 0 10px;
	text-transform: none;
}
.box {margin-top:15px;-moz-box-shadow: 5px 5px 5px rgba(192, 199, 209,0.5);-webkit-box-shadow: 1px 1px 2px rgba(230, 233, 237, .5);box-shadow: 0px 0px 6px rgba(192, 199, 209, .5);border-bottom:1px solid #e3deff;background-color:#fff;}
.box > img {margin-bottom:5px;}
.banner3 > img {margin-bottom:0px;}
.box-no-shadow {margin-top:15px;}
.box1 {height:220px;}
.box1 h2 {padding:5px 7px;}
.box2 {height:380px;position:relative;}
.box2 h1 {padding: 7px 15px;}
.box2 h2 {padding:5px 15px;}
.box3 {height:140px;}
.box3 img {height:139px;width:auto;margin-right:15px;}
.box3 h2 {height:109px;padding:15px;vertical-align:middle;}
.box4, .box6 {height:125px;}
.box4 img {
	height:125px;
	width:auto;
	margin-right:15px;
}
.box4 h3, .box6 h3 {
	padding:15px 10px 5px;
}
.box5 {height:110px;padding:10px 0;border-bottom:1px solid #d0ccef;}
.box5 img {
	height:90px;
	width:auto;
	margin-left:-30px;
}
.box5 .window {
	width:90px;
	height:90px;
	text-align:center;
	overflow:hidden;
	margin-right:15px;
}
.box5 h3 {
	padding:15px 10px 5px;
}
.linkovi {
	width:33%;
	float:left;
	padding:0 10px;
}
.linkovi_dete {
	width:50%;
	float:left;
	padding:0 10px;
}
.linkovi_full {
	width:100%;
	float:left;
	padding:0;
}
.linkovi_active {
	background-color:#fcf1f0;
}
.link_box {
	text-align:left;
	padding-bottom:10px;
}
.link_box a {
	color:#333;
	font-size:13px;
	line-height:30px;
	padding-left:10px;
}
.link_box a:hover {
	text-decoration:none;
	color:#ce837d;
}
.link_box_title {background-color:#ffdad7;padding:10px;font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;margin-bottom:5px;}
.link_box .link_box_title a {
	text-transform: uppercase;font-size:15px;line-height:18px;
}

.bigger-padding {
	padding:15px 0;
}

.w300 {width:300px;}

.col-md-8 {width:683px;}
.col-md-4 {width:300px;}
#pos {
	margin:15px 40px;
}
#pos a {
	color:#fff;
}
#pos1.col-md-10 {width:450px;margin-right:15px !important;}
#pos2.col-md-12, #pos6.col-md-8, #pos7.col-md-8 {width:653px;margin-left:15px !important;}
#pos3.col-md-2 {width:188px;margin-left:15px;}
#pos8 {
	margin-bottom:48px;
}
#pos9, #pos10, #pos11, #pos13 {
	float:right;
	margin-right:15px;
}
#pos9 .col-xs-4, #pos9 label {
	float:right;
}
#pos9 label {
	font-weight:normal;
	font-size:13px;
	padding:0 4px;
	line-height:24px;
}
#pos6cat {
	margin:0 15px;
}
#pos12 ul {
	margin:0;
	padding:0;
}
#pos12 li {list-style:outside none none;padding:5px 15px;line-height:20px;font-size:13px;margin:1px;}
#pos12 li a {color:#000;}
.theme1 {background-color:#e6ffde;}
.theme2 {background-color:#ffdad7;}
.theme3 {background-color:#fedeed;}
.theme4 {background-color:#f8ceff;}
.theme5 {background-color:#e3deff;}
.theme6 {background-color:#d5ceff;}


.headline-title-box {
	background-color:#fff;
	position: absolute;
	bottom:0;
	height:160px;
	margin:0 15px;
	width:420px;
	overflow: hidden;
}
.headline-title-box > .path {
	background-color:#97bdff;
	padding:2px 15px;
}
.headline-title-box > .path a {
	line-height:13px;
	font-size:10px;
	color:#fff;
}
.box3 .path, .box1 .path, .box4 .path, .post-related-box .path {
	position:absolute;
	margin-top:0px;
	background-color:#97bdff;
	padding:2px 15px; 
}
.box3 .path a, .box1 .path a, .box4 .path a, .post-related-box .path a {
	line-height:13px;
	font-size:10px;
	color:#fff;	
}
.box1 .path, .post-related-box .path {
	margin-top:-17px;
	margin-top:0;
}
.pos14-container {
	padding: 0 15px;
}
.video_image_holder {
	width:160px;height:125px;overflow:hidden;float:left;margin-right:15px;
}
.video_play {
	position:absolute;
	padding:45px 63px;
} 
.names {
	float:left;
	width:25%;
	line-height:34px;
	font-size:18px;
}
.names_smaller {
	float:left;
	width:25%;
	line-height:34px;
	font-size:16px;	
}
.names a {
	color:#333;
}
.padding5 {
	padding:10px;
}
img.size25 {
	width:25px;
	height:25px;
}
.letters {
	position:absolute;
	right:80px;
	padding-top: 15px;
}
#important-notice {
	font-size:12px;
	line-height:13px;
	background-color:#fff;
}
.important-notice-header {
	background-color:#e7dbff;
	padding:10px 15px;
	border-bottom:1px solid #e6cdf4;
	text-transform:uppercase;
	font-size:13px;
	line-height:25px;
}
#important-notice p {
	margin: 10px;
}
img.zjdnca { height:29px; margin-right: 15px; width: auto; }
.copyright { font-size: 12px; text-align: center; padding: 5px 5px 20px; }
.partner_logos {padding:5px;}
.partner_logos ul {padding-left:0px;}

iframe[src^="https://www.youtube"] {
  height: auto;
  min-height: 380px;
  width: 100% !important;
}

 
/**********************/
/*		NEWSLETTER		 */
/**********************/
.newsletter-header {
	background-color:#c9deff;
	padding:10px 15px;
	border-bottom:1px solid #bbd2f5;
	text-transform:uppercase;
	font-size:13px;
	line-height:25px;
}
.form-content, #form-messages {
	padding:10px 15px;
	font-size:12px;	
}



/*******************************/
/*					TABS				 */
/*******************************/

#najTab .nav-pills, #najTab2 .nav-pills, #najTab3 .nav-pills {background-color: #d0d9ff;padding:15px 15px 0;}
#najTab .nav-pills > li > a, #najTab2 .nav-pills > li > a, #najTab3 .nav-pills > li > a {border-radius: 0;background:#e8ecff url(../img/bg-inactive-tab.png) repeat-y top left;text-transform: uppercase;color:#000;font-size:13px;letter-spacing: 0.02em;border-bottom: 1px solid #d0ccef;width:135px;text-align:center;}
#najTab .nav-pills > li:first-child > a, #najTab2 .nav-pills > li:first-child > a, #najTab3 .nav-pills > li:first-child > a {background:#e8ecff url(../img/bg-inactive-tab-right.png) repeat-y top right;}
#najTab .tab-content, #najTab2 .tab-content, #najTab3 .tab-content {color : #000;background-color: #fff;padding : 5px 15px;}
#najTab .nav-pills > li.active > a, #najTab .nav-pills > li.active > a:hover, #najTab .nav-pills > li.active > a:focus,
#najTab2 .nav-pills > li.active > a, #najTab2 .nav-pills > li.active > a:hover, #najTab2 .nav-pills > li.active > a:focus,
#najTab3 .nav-pills > li.active > a, #najTab3 .nav-pills > li.active > a:hover, #najTab3 .nav-pills > li.active > a:focus {background: #fff;color: #000;border-bottom: 1px solid #fff;}
.nav-pills > li + li {   margin-left: 0;}
#najTab .nav > li > a, #najTab2 .nav > li > a, #najTab3 .nav > li > a {padding: 10px 25px;}
.tab-content h2 {font-size:13px;}

/*******************************/
/*				SOCIAL				 */
/*******************************/

.social-header {background-color:#c9deff;padding:10px 5px;border-bottom:1px solid #d0ccef;z-index:10;}
.social-button {width:16.666%;text-align:center;float:left;}
.circle {width: 32px;height: 32px;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;margin:0 auto;}
.social-fb {background:#3460a1 url(../img/social-fb.png) no-repeat center center;}
.social-tw {background:#28aae1 url(../img/social-tw.png) no-repeat center center;}
.social-pn {background:#cc2127 url(../img/social-pn.png) no-repeat center center;}
.social-gp {background:#de5543 url(../img/social-gp.png) no-repeat center center;}
.social-ln {background:#136d9d url(../img/social-ln.png) no-repeat center center;}
.social-em {background:#ef548f url(../img/social-em.png) no-repeat center center;}

.social-content > div {
	height:49px;
	position:absolute;
	padding: 15px;
	text-transform:uppercase;
	font-size:12px;
	border-bottom:1px solid #d0ccef;
	background:#fff url(../img/bg-social-content.png) repeat-x top left;
	width:100%;
	display: none;
}
.social-content > div.active > a {
	text-transform: none;
}
.social-content div.active {
	display:block;
}
.social-content div.active > div {
	display: inline-block;
}
.social-content div.active::before {
	border-color: #ebe9f2 transparent;
   border-style: solid;
   border-width: 0 6px 6px;
   top: -6px;
   content: "";
   display: block;
   position: absolute;
   width: 0;
}
.social-content .social-fb-content::before {left:7.5%;}
.social-content .social-tw-content::before {left:23.5%;}
.social-content .social-pn-content::before {left:39.5%;}
.social-content .social-gp-content::before {left:56.5%;}
.social-content .social-em-content::before {left:88%;}



.post-sharing a {
	display: inline-block;
}
.default-sharing {
	display: inline-block;
	margin: 25px 0 25px 15px;
	vertical-align: middle;
}
.post-sharing {
	color: #222222;
	font-family: "Open Sans",arial,sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 10px;
	clear: both;
}
.post-share-title {
	margin-right: 20px;
	position: relative;
	vertical-align: middle;
}
.social-sharing-buttons {
	border-radius: 3px;
	color: #ffffff;
	font-size: 11px;
	height: 32px;
	margin-right: 6px;
}
.social-sharing-buttons:hover {
	color:#fff;
	opacity: 0.9;
	text-decoration:none;
}
.social-facebook {
	background-color: #516eab;
}
.social-twitter {
	background-color: #29c5f6;
}
.social-google {
	background-color: #eb4026;
}
.social-pinterest {
    background-color: #ca212a;
}
.td-sp {
	background-image: url("../img/elements.png");
	background-repeat: no-repeat;
	display: block;
}
.td-social-but-text {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0 9px;
	position: relative;
	top: -12px;
}
.td-sp-facebook {
	background-position: -20px -20px;
	height: 32px;
	width: 32px;
}
.td-sp-twitter {
	background-position: -20px -436px;
	height: 32px;
	width: 32px;
}
.td-sp-googleplus {
	background-position: -20px -280px;
	height: 32px;
	width: 32px;
}
.td-sp-pinterest {
	background-position: -20px -72px;
	height: 32px;
	width: 32px;
}
.social-sharing-buttons div {
	display: inline-block;
}
.sharing-likes {
	margin-left:15px;
}


/*******************************/
/*		KALENDAR OVULACIJE		 */
/*******************************/

.ovulacija-header {
	background-color:#e7dbff;
	padding:10px 15px;
	border-bottom:1px solid #e6cdf4;
	text-transform:uppercase;
	font-size:13px;
	line-height:25px;
}
.ovulacija-header button {
	margin-left:15px;
	background: #008ee5; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#00c0f1, #008ee5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#00c0f1, #008ee5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#00c0f1, #008ee5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#00c0f1, #008ee5); /* Standard syntax */
	border-radius: 4px;
	border:1px solid #008ee5;
	padding:2px 15px;
	font-size:10px;
	text-transform:uppercase;
	font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;
	color:#fff;
}
.ovulacija-content {
	padding:10px 15px;
	font-size:12px;	
}
#pos9 .col-md-6 {
	float:left;width:50%;
}
table.calendar { padding: 0px; border: none;}
table.calendar td.head{ text-align:center; font-weight:bold; font-size:14px; color:#F30000; height:16px;}
table.calendar td { font-size: 10px; border: none; border:1px solid #E6E7E9;vertical-align: top; padding: 5px; text-align:center; height:70px;background-color:#fff;
 }
td.nema { background:url(/themes/yumama_responsive/img/8.gif) bottom center no-repeat;}
td.mesecnica{background:url(/themes/yumama_responsive/img/2.gif) bottom center no-repeat;}
td.plodno{background:url(/themes/yumama_responsive/img/4.gif) bottom center no-repeat;}
td.jakoplodno{background:url(/themes/yumama_responsive/img/3.gif) bottom center no-repeat;}
td.najplodnije{background:url(/themes/yumama_responsive/img/9.gif) bottom center no-repeat;}
td.krv, td.urin {background:url(/themes/yumama_responsive/img/1.gif) bottom center no-repeat;}
td.sledecamesecnica{background:url(/themes/yumama_responsive/img/7.gif) bottom center no-repeat;}
td.kasni{background:url(/themes/yumama_responsive/img/5.gif) bottom center no-repeat;}

/********************************/
/*          FORMS               */
/********************************/

.form-control {
	font-size: 12px;
	height: 24px;
	padding:0 3px;
}
.input-group-addon {
    padding: 3px 12px;
}

/********************************/
/*         PAGINATION           */
/********************************/

#box_pagination {
	text-align:center;
	font-size:11px;
}
#box_pagination_right {
	text-align:right;
	font-size:11px;
}
.pg_button {
	background-color:#5a92cd;
	color:#fff;
	line-height:25px;
	margin:0;
	padding: 10px;
	text-transform: uppercase;
	border-radius: 4px;	
}
.pg_button:hover {
	color:#fff;
	text-decoration:none;
	background-color:#477db5;
}
.pg_num, .pg_curr {
	line-height:25px;
	padding: 8px 6px;
	text-align:center;
	border-radius:4px;
	margin: 0 2px;
}
.pg_curr {
	background-color:#fff;
	border:1px solid #e5e5e5;
}
.pagination_custom {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: center;
	margin-bottom:20px;
	width:100%;
	float:left;
}
.pagination_custom a {
	padding: 3px 10px;
	background: #b9d2ef none repeat scroll 0 0;
	background: #e7dbff none repeat scroll 0 0;
	border-radius: 5px;
	color: #764a81;
	display: inline-block;
	font-size: 15px;
	margin: 0 0.1em 0.3em;
	text-decoration:none;
	
	font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;
}
.pagination_custom a.pg_custom_active {
	background: #477db5 none repeat scroll 0 0;
	background: #c6a6e2 none repeat scroll 0 0;
}
.pagination_custom a:hover {
	background: #a9c6e6 none repeat scroll 0 0;
	background: #d5ceff none repeat scroll 0 0;
	
}

/********************************/
/*          ARTICLES            */
/********************************/

#article-content {
	padding:0 15px;
}
h1.article-title {
	font-size:28px;
	padding: 15px 0;
	line-height:32px;
}
h1 span.article-subtitle {
	color:#858484;
	font-size:20px;
	font-family: 'OpenSansLight',sans-serif,"Helvetica Neue",Helvetica,Arial;
}
h1.special-category-title {
	font-size:28px;
	padding: 15px 0 15px 15px;
	line-height:32px;
}
p.article-abstract {
	font-size:17px;
	line-height:22px;
	font-family: 'OpenSansLight',sans-serif,"Helvetica Neue",Helvetica,Arial;
}
.article-image-caption {	
	color:#858484;
	font-size:9px;
	line-height:16px
}
.article-gallery-link {
	position:absolute;
	float:right;
	margin-top:-160px;
	right:15px;
	background-color:#5a92cd;
	opacity: 0.9;
	padding:25px;
	color:#fff;
	font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;
}
.article-gallery-link a {
	color:#fff;
	font-size:14px;
	text-transform: uppercase;
	line-height:24px;	
}
.article-gallery-link:hover {
	background-color:#fff;
	color:#5a92cd;
}
.article-gallery-link a:hover, .article-gallery-link:hover a {
	color:#5a92cd;
	text-decoration:none;
}

.article-gallery-link-arrow {font-size:24px;line-height:24px;}
.article-gallery-images img {
	width:80px;
}
.gallery-img-thumbs {
	margin:6px;
}


.article-body {font-size:16px;}
.article-body p {margin: 23px 0;}
.article-body li {margin: 10px 0;}
.article-body img.left_image, .article-body div.left_image, .article-body span.left_image, .article-body p.left_image {float: left;padding:8px 15px 8px 0;width:50%;display: inline;}
.article-body img.right_image, .article-body div.right_image, .article-body span.right_image, .article-body p.right_image {float:right;padding:8px 0 8px 15px;width:50%;display: inline;}
.article-body h1 {font-size:23px;letter-spacing:-0.02em;font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;color:#666;line-height:25px;}
.article-body h2 {font-size:20px;letter-spacing:-0.02em;font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;color:#666;line-height:22px;}

.inserted_link {background-color:#f1f7ff;}
.inserted_link .up {background: url(../img/inserted_link_up.png) repeat-x top left;height:15px;}
.inserted_link .down {background: url(../img/inserted_link_down.png) repeat-x bottom left;height:15px;}

.inserted_link img {margin:0 15px;width:auto;}
.inserted_link h2 {
	margin:0 15px;
}
.inserted_link h2 a {
	font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;
	color:#337ab7;
	font-size:16px;
	line-height: normal;
}

.article-source {
	font-size:12px;
	line-height:20px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:20px;
}
.article-note {
	background:#f1f1f1 url(../img/star.png) no-repeat top left; 
	padding:15px 15px 15px 20px;
	font-size:13px;
	color:#666;
	font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;
}
.quote_left, .quote_right {
	background-color: #fff;
   border-bottom: 1px solid #e3deff;
   box-shadow: 0 0 6px rgba(192, 199, 209, 0.5);
   width:200px;
   padding:10px;
   font-size:14px;
   color:#333;
   margin-bottom:5px;
   margin-top:5px;
}
.quote_left {
   margin-right: 15px;
   float:left;
}
.quote_right {
	margin-left: 15px;
   float:right;
}
.quote_left img, .quote_right img {
	width:100%;
}


/********************************/
/*      ARTICLE COMMENTS        */
/********************************/

.comments {
/*	margin-right:15px;*/
}
.fb-comments span {
	background-color:#fff;
}

/********************************/
/*        ARTICLE RELATED       */
/********************************/

.post-related-box {
	width:33.33%;
	float:left;
	height:220px;
	overflow:hidden;
}
.post-related-box h2 {
	padding-top:5px;
	font-size:13px;
}

/*******************************/
/*					TAGS				 */
/*******************************/

.article-tags {
	padding: 20px 0;	
}
.post-tags-title {
	font-family: 'OpenSansLight',sans-serif,"Helvetica Neue",Helvetica,Arial;
	background-color:#f1f1f1;
	text-align:center;
	color:#000;
	text-transform: uppercase;
	font-size: 14px;
	line-height:30px;
	margin:5px 0;
}
.article-tags a {
	color: #333;
	background-color:#ebeef5;
	background-color: transparent;
	border-right:1px solid #e7eff8;
	border-bottom:1px solid #e7eff8;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-radius: 3px;
	display:inline-block;
	padding:3px 10px;
	font-size:12px;
	margin:0 5px 5px 0;
}
.article-tags a:hover {
	text-decoration:none;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #e7eff8;
	border-top:1px solid #e7eff8;
}



/*******************************/
/*				FOOTER   			 */
/*******************************/

footer {
	margin-top:15px;
	clear:both;
	padding-bottom:20px;
}
footer a {
	color:#666;
}


/*******************************/
/*				RECIPES   			 */
/*******************************/

.recipes_ingridients {
	float:left;
	width:35%;
	font-size:13px;
	/*background: url(../img/recepti_sastojci_title.png) no-repeat top left;
	padding:45px 15px 0 5px;*/
	line-height:25px;
}
.recipes_steps {
	float:right;
	width:65%;
	/*background: url(../img/recepti_priprema_title.png) no-repeat top left;
	padding:45px 0 0 15px;*/
	padding-left:25px;
	font-size:15px;
}
.recipes_ingridients strong, .recipes_steps strong {
	font-size:18px;
	line-height:40px;
	font-weight:normal;
	font-style:italic;
}




/*******************************/
/*			EXPERTS BLOG 			 */
/*******************************/

#active_expert_box, #inactive_expert_box, #expert_box {
	margin-bottom:15px;
}
.active_expert_outer_holder {
	width:50%;
	float:left;
}
.expert_outer_holder {
	width:100%;
}
.active_expert {
	height:100px;
}
.expert, .active_expert {
	padding:5px;
	margin:5px;
	background-color:#fff;
}
.active_expert img, .expert img {width:80px;height:80px;-webkit-border-radius: 40px;-moz-border-radius:40px;border-radius: 40px;margin:0 auto;float:left;margin-right:15px;margin-top:5px;}
.active_expert h3, .expert h3 {font-size:14px;}
.active_expert h2, .expert h2 {font-size:12px;line-height:14px;letter-spacing: -0.02em;}
.expert h2 {
	padding-left:95px;
	padding-top:10px;
}
.expert h2 a {
	color: #337ab7;
}
.sidebar_active_expert {
    border-bottom: 1px solid #f4f4f4;
    height: 70px;
    padding: 10px 0;
}
.sidebar_inactive_expert {
    border-bottom: 1px solid #f4f4f4;
    height: 30px;
    padding: 5px 0;
}
.sidebar_active_expert img {
	height: 50px;
	width: auto;
	-webkit-border-radius: 25px;-moz-border-radius:25px;border-radius: 25px;margin:0 auto;float:left;	
	margin-right:15px;
}


.no-border {
	border:none;
}

#desna_kolona_home {
	float:right;
	margin-right:15px;
}
#desna_kolona_home #pos9,
#desna_kolona_home #pos5,
#desna_kolona_home #pos10,
#desna_kolona_home #pos11,
#desna_kolona_home #pos13 {
	margin-right:0;
}


@media (min-width: 992px) {
  .container {width: 992px;}
}
@media (min-width: 1024px) {
	.container {width: 998px;}
	.hide {display: block !important;}
}
@media (min-width: 768px) {
	.navbar-right {margin-right: 0;}
}


@media (max-width: 768px) {
	body {min-height: 2000px;}
	header {padding:0;}
	.container {padding:0;}
  	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {margin-left: 0;margin-right: 0;}
	.banner1, .banner2 {width:100%;height:auto;clear:both;}
	.banner1 {background-color:#fff;padding-bottom:3px;}
	.logo {padding:12px 15px 15px;margin-left:auto;margin-right:auto;}
	.navbar-collapse {padding-left: 10px;padding-right: 10px;}
	.search-input-field {display:block;}
	.margin-bar {padding-top:0;display:none;}
	.subnav-holder {background:none;width: auto;padding:0;}
	.nav > li.link-themes {width:auto;margin:2px 0;}
	.navbar-default .navbar-nav > .link-search > a, .navbar-default .navbar-nav > .link-pink > a,.navbar-default .navbar-nav > .link-green > a,.navbar-default .navbar-nav > .link-blue > a {background-color: #fff;}
	.navbar-default .navbar-nav > .link-blue > a:hover, .navbar-default .navbar-nav > .link-blue > a:focus,
	.navbar-default .navbar-nav > .link-green > a:hover, .navbar-default .navbar-nav > .link-green > a:focus,
	.navbar-default .navbar-nav > .link-pink > a:hover, .navbar-default .navbar-nav > .link-pink > a:focus {background-color: #f1f7ff;}
	.navbar-right {border-top:1px solid #e7e7e7;}
	.navbar-default .navbar-toggle {margin-top:15px;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #fd28c5;border:0;}
	.navbar-toggle .icon-bar {border-radius: 3px;display: block;height: 6px;width: 25px;-moz-box-shadow: 1px 1px 2px rgba(255, 255, 255,0.5);-webkit-box-shadow: 1px 1px 2px rgba(255, 255, 255, .5);box-shadow: 1px 1px 2px rgba(255, 255, 255, .5);}
	.navbar-default .navbar-toggle, .navbar-default .navbar-collapse, .navbar-default .navbar-form {border: 0;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
	.mobile-container {background:#e2edfd url(../img/bg-header-mobile.png) repeat-x bottom left;}
	.navbar-nav {background-color:#fff;padding: 7.5px 10px;margin: 0 -15px;}
	#pos9 .col-md-6 {float:left;width:50%;}
	.ovulacija-header {padding:5px 15px;}
	#pos9, #pos10 {float:left;	margin-left:15px;}
	#pos11 {float:right;}
	.play_page iframe {
		width:710px;
		height:400px;
	}
	#pos13 {
		float:none;
		margin: 0 auto;
		clear:both;
	}
	#pos12 {
		margin-left:15px;
	}
	iframe[src^="https://www.youtube"] {
    	min-height: 320px;
	}
	#desna_kolona_home {
		float:none;margin-right: 0;margin-left:auto;margin-right:auto;
	}
	#desna_kolona_home #pos4,
	#desna_kolona_home #pos9,
	#desna_kolona_home #pos10 {
		margin-left:auto;
		margin-right:auto;
	}
	#leva_kolona_home #pos4 {
		margin-left:auto;
		margin-right:auto;
		float:none;
		margin-top:15px;
		position: static;
	}
	#leva_kolona_home #pos20 {
		width:100%;
	}
	
}
@media (min-width: 500px) and (max-width: 768px) {	
	.col-md-8 {width: 750px;}
	#pos1.col-md-10 {width:480px;margin-right:15px !important;}
	#pos3.col-md-2 {width:218px;margin-left:15px;}
	#pos6.col-md-8, #pos7.col-md-8 {width:720px;margin-left:15px !important;}
	#pos8 {margin-left:0;float:left;}
	#pos5.col-md-4, #pos11.col-md-4 {margin-right:15px;}
	.box1 {height:233px;}
	.box2 {height:420px;position:relative;}
	/*.box3 {height:150px;}*/
	.box3 img {height:139px;width:auto;margin-right:15px;}
	.box5 {height:100px;padding:10px 0;border-bottom:1px solid #d0ccef;}
	.box5 img {height:80px;width:auto;margin-left:-30px;}
	.box5 .window {width:80px;height:80px;text-align:center;overflow:hidden;margin-right:15px;}
	.no-border {border:none;}
	.video_img_1 {height: 270px;overflow: hidden;width: 480px;}
	
	#pos12 {
		margin-left:5px;
	}
	#pos9 {
		margin-right:0;
		margin-left:15px;
	}
	#pos10 {
		margin-left:15px;
		margin-right:0;
	}
	#pos14 {
		width:100%;
	}
	#pos14 > .box {
		margin-left:15px;
		margin-right:15px;
	}
	#pos14 .box5 {
		float:left;
		width:25%;
		border-bottom:none;
		height:210px;
		padding:10px 5px;
		overflow:hidden;
	}
	#pos14 .important-notice-header {
		padding: 7px 15px;
		line-height:20px;
	}
	#pos14 .box5 .window {
		width:100%;
		margin-right:0;
		height:90px;
		margin-bottom:5px;
	}
	#pos14 .box5 .window img {
		height:100px;
		margin-left:0;
	}
	.pos14-container {
		padding: 0;
	}
	#pos14 h2 {
		font-size:13px;
		padding:0 10px;
		letter-spacing: normal;
	}
	#important-notice {
		width:100%;
	}
	#important-notice > .box {
		margin-left:15px;
		margin-right:15px;
	}
}

@media (width: 640px) {
	
	.col-md-8 {width: 608px;}
	#pos {
		margin-right:25px;
	}
	#pos1.col-md-10 {width:390px;margin-right:0 !important;}
	#pos3.col-md-2 {width:188px;margin-left:15px;}
	#pos6.col-md-8, #pos7.col-md-8 {width:595px;margin-left:15px !important;}
	#pos2.col-md-12 {
		width:100%;
	}
	#pos5.col-md-4, #pos11.col-md-4 {
		/*width:280px;*/
	}
	#pos6cat {
		margin:0 0 0 15px;
	}
	#najTab .nav-pills, #najTab2 .nav-pills, #najTab3 .nav-pills {padding: 10px 15px 0;}
	#najTab .nav-pills > li > a, #najTab2 .nav-pills > li > a, #najTab3 .nav-pills > li > a  {width:auto;}
	#najTab .nav > li > a, #najTab2 .nav > li > a, #najTab3 .nav > li > a {padding: 7px 25px;}
	.box1 {height:220px;}
	.box2 {height:380px;position:relative;}
	.box3 {height:140px;}
	.box3 img {height:139px;width:auto;margin-right:15px;}
	.box5 {
		height:65px;
		overflow: hidden;
	}
	.box5 h2 {
		font-size:12px;
		line-height:auto;
	}
	.headline-title-box {
		width:360px;
		height:180px;
	}
	.video_img_1 {
    	height: 220px;
    	overflow: hidden;
    	width: 390px;
	}
	.section-title-homepage {
		margin:15px 0 0 15px;
	}
	.play_page iframe {
		width:580px;
		height:325px;
	}
	#pos2 {
		margin-bottom:15px;
	}
	#pos4 {
		float:none;
		clear:both;
		margin-left:auto;
		margin-right:auto;
	}
	.ovulacija-content {
		padding:25px 15px;
		font-size:12px;	
	}
}

@media (max-width: 800px) {
	.navbar-header {float: none;}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	#desna_kolona_home {
		clear:both;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	#leva_kolona_home #pos4 {
		margin-left:auto;
		margin-right:auto;
		float:none;
		margin-top:15px;	
	}
	#leva_kolona_home #pos20 {
		padding:0 15px;
		width:100%;
	}
	#leva_kolona_home #pos20 .box {
		width:100%;
	}
}

@media (max-width: 500px) {
	.col-md-8 {width:100%;}
	.col-md-4 {width:100%;}
	#pos1.col-md-10 {width:100%;margin-right:auto !important;margin-left:auto !important;}
	#pos2.col-md-12, #pos6.col-md-8, #pos7.col-md-8, #pos9 {width:100%;margin-left:auto !important;margin-right:auto !important;}
	#pos3.col-md-2 {width:100%;margin-left:auto;margin-right:auto;}
	#pos2 img.img-original {width:100% !important;}
	#pos9, #pos10, #pos11 {
		margin-right:0;
		margin-left:0;
	}
	.post-related-box {
		float:none;
		width:100%;
		padding:0 !important;
		margin-top:15px;
		-moz-box-shadow: 5px 5px 5px rgba(192, 199, 209,0.5);
		-webkit-box-shadow: 1px 1px 2px rgba(230, 233, 237, .5);
		box-shadow: 0px 0px 6px rgba(192, 199, 209, .5);
		border-bottom:1px solid #e3deff;
		background-color:#fff;
	}
	.box1, .post-related-box {height:110px;}
	.box1 img, .post-related-box img {	height: 109px;	width:auto;	margin-right:15px;}
	.box1 h2, .post-related-box h2 {height:99px;padding:15px 10px;line-height:17px;font-size:14px;}
	.box2 {height:380px;}
	.box2 h1 {padding: 7px 15px;}
	.box2 h2 {padding:5px 15px;}
	.box3 {height:110px;}
	.box3 img {height:109px;width:auto;margin-right:15px;}
	.box3 h2 {height:99px;padding:15px 10px;vertical-align:middle;line-height:17px;font-size:14px;}
	.box4, .box6 {height:110px;}
	.box4 img {height: 109px;	width:auto;	margin-right:15px;}
	.box4 h2, .box6 h2 {display:none;}
	.box4 h3, .box6 h3 {padding:15px 10px;vertical-align:middle;font-family: 'OpenSansRegular',sans-serif,"Helvetica Neue",Helvetica,Arial;font-size:14px;line-height:17px;letter-spacing:0.02em;}
	.headline-title-box {margin:0;width:100%;height:auto;}
	.banner3 {margin: 15px auto 0;}
	.box1 .path, .post-related-box .path {
		margin-top:0;
	}
	#pos6cat {
		margin:0;
	}
	.video_image_holder {
		width:145px;height:109px;overflow:hidden;float:left;margin-right:15px;
	}
	.video_img_1 {
    	padding-top: 50%;
    	overflow: hidden;
    	width: 100%;
    	height:50%;
	}
	.video_play {
		position:absolute;
		padding:35px 55px;
	}
	.play_page iframe {
		width:450px;
		height:254px;
	}
	.comments {
		margin-right:0px;
	}
	.post-sharing-title {
		display: none;
	}
	.default-sharing {
		margin: 15px 0;
	}
	.sharing-likes {
    	margin-left: 5px;
	}
	.social-sharing-buttons {
		margin-right: 3px;
	}
	.names {
		width:47%;
		margin-left:3%;
	}
	#pos13 {
		clear:both;
		float: none;padding-top:15px;text-align:center;
	}
	.section-title-homepage {
		margin:15px 0 0 0;
	}
	#pos12 {
		margin-left:0;
	}
	.article-body h2 {font-size:20px;letter-spacing:-0.02em;font-family: 'OpenSansSemibold',sans-serif,"Helvetica Neue",Helvetica,Arial;color:#666;line-height:22px;}
	.active_expert_outer_holder {
		width:100%;
		float: none;
	}
	.active_expert {
		height:90px;
	}
	.active_expert img {margin-top:0;}
	.experts .path {	
		right:0;
	}
	.experts h3 {
		padding-top:25px;
	}
}

@media (max-width:360px) {
	iframe[src^="https://www.youtube"] {
  		min-height: 228px;
	}
	.quote_left, .quote_right {
   	width:140px;
	}
	.recipes_ingridients {
		float:none;
		width:100%;
	}
	.recipes_steps {
		float:none;
		width:100%;
		padding-left:0;
	}
}

@media (max-width: 320px) {
	.headline-title-box {
		height:auto;
		margin:0;
	}
	.box2 {height:320px;position:relative;}	
	.box2 h1 {padding: 7px 15px;font-size:18px;line-height:21px;}
	.box2 h2 {padding:5px 15px;font-size:13px;line-height:16px;}
	.box3, .box1, .box4, .box6 {height:90px;overflow:hidden;}
	.box3 img, .box1 img, .box4 img {height:89px;width:auto;margin-right:15px;}
	.box3 h2, .box1 h2, .box4 h3, .box6 h3 {height:79px;padding:5px;vertical-align:middle;line-height:15px;font-size:13px;}
	.video_img_1 {
    	padding-top:50%;
    	height:50%;
    	overflow: hidden;
    	width: 100%;
	}
	.video_play {
		position:absolute;
		padding:30px 55px;
	}
	.play_page iframe {
		width:296px;
		height:166px;
	}
	.sharing-likes {
    	margin-left: 0;
    	padding-top:5px;
	}
	.social-sharing-buttons {
		margin-right: 1px;
	}
	.comments div.naslov, .recommendation div.naslov {
		font-size:28px;
	}
	.recommendation div.naslov {
		padding-top:15px;
	}
	#pos13 {
		clear:both;
		float: none;padding-top:15px;text-align:center;
	}
	.experts h3 {padding-top:25px;}
}