@charset "utf-8";

/*
Theme Name: Biomax.hr
Description: Službena WordPress tema.
Author: Alen Pros
Author URI: http://www.alenpros.com
Version: 0.1 stable release
*/

/* reset */
*:focus { 
	outline: none;
}
html {
	margin:0;
	padding:0;
	border:0;
}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, figure, footer, header, hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* general */
body {
    background-color: #FFFFFF;
    font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-image: url('img/bodybg.png');
	background-repeat: repeat;
}
a.translow { 
	transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	-webkit-transition-duration: 300ms;
	-o-transition-duration: 300ms;
}
.clear { 
	clear: both;
}
.translucent {
    opacity: 0.4;
    filter: alpha(opacity = 40);
}
/* navbar */
#navbar { 
	height: 130px;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 100;
	border-bottom: 3px solid #000000;
	-webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.6);
}
#navbar-top { 
	height: 30px;
	background-color: #000000;
}
#navbar-bottom {
	height: 100px; 
	background: -webkit-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -moz-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -ms-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -o-linear-gradient(#FBFBFB, #E7E7E7);
  	background: linear-gradient(#FBFBFB, #E7E7E7);
}
#navbar-top-content, #navbar-bottom-content {
	position: relative;
	width: 1020px; 
	margin: 0px auto 0px auto;
}
#navbar-top-content { 
	height: 30px;
}
#languages { 
	float: right;
	list-style-type: none;
	display: inline-block;
	background-color: #FBFBFB;
	padding: 4px 12px 4px 12px;
	margin-left: 20px;
}
#languages li { 
	width: 30px;
	height: 20px;
	display: inline;
	margin-left: 4px;
	margin-right: 4px;
}
.croatian-flag, .english-flag { 
	display: inline-block;
	width: 30px;
	height: 20px;
	background-position: center top;
	background-repeat: no-repeat;
}
.croatian-flag { 
	background-image: url('img/hrvatski.png');
}
.croatian-flag:hover { 
	background-position: center bottom;
}
.english-flag { 
	background-image: url('img/english.png');
}
.english-flag:hover { 
	background-position: center bottom;
}
#quick-contact { 
	float: right;
	width: 300px;
	padding: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	font-family: "Century Gothic", Tahoma, Verdana, Helvetica, Arial, sans-serif;
}
#quick-contact span:first-child { 
	margin-right: 10px;
}
#quick-contact a:link, #quick-contact a:visited, #quick-contact a:active {
	text-decoration: none;
	color: #FFFFFF; 
}
#quick-contact a:hover { 
	color: #EDEDED;
}
#quick-contact img { 
	vertical-align: middle;
}
#navbar-bottom-content { 
	height: 100px;
}
#site-info { 
	float: left;
	width: 330px;
	height: 100px;
	border-right: 1px solid #000000;
}
#logo {
	width: 300px;
	height: 40px;
	margin-top: 12px;
	margin-bottom: 10px;
}
#logo a:link, #logo a:visited, #logo a:active { 
	display: block;
	height: 50px;
	width: 300px;
	background-image: url('img/biomax-logo.png');
	background-position: 0% 0%;
	background-repeat: no-repeat;
}
#logo a:hover { 
	background-position: 0% 0%;
}
#site-description { 
	font-size: 14px;
	font-weight: bold;
	font-family: "Century Gothic", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
}

/* main menu */
#main-menu { 
	float: right;
	height: 100px;
	width: 680px;
	position: relative;
}
#main-menu .menu { 
	display: inline-block;
	list-style-type: none;
	position: absolute;
	bottom: 45px;
}
#main-menu .menu li {
	float: left;
	position: relative;
}
#main-menu .menu li:last-child { 
	margin-right: 0px;
}
#main-menu .menu li a:link, 
#main-menu .menu li a:active, 
#main-menu .menu li a:visited {
	bottom: 0px;
	padding: 14px 10px 44px 10px; 
	color: #314448;
	font-size: 12px;
	font-weight: bold;
	font-family: "Century Gothic", Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 3px solid #000000;
}
#main-menu .menu li a:hover {
	color: #0090DC;
	border-bottom: 3px solid #0090DC;
}
#main-menu .current-menu-item a { 
	border-bottom: 3px solid #0090DC !important;
	color: #0090DC !important;
}
#main-menu .current-menu-item ul li a { 
	border-bottom: none !important;
	color: #000000 !important;
}
#main-menu .current-menu-item ul li a:hover { 
	color: #0090DC !important;
}
#main-menu .menu li:hover > ul { 
	display: block;
}
#main-menu .menu ul { 
	display: none;
	position: absolute;
	top: 67px;
	z-index: 99999;
	list-style-type: square;
	list-style-position: inside;
	border-top: 0px;
}
#main-menu .sub-menu li { 
	display: block;
	width: 140px;
	background-color: #E7E7E7;
	border: 1px solid #000000;
	border-top: none;
	padding: 10px;
}
#main-menu .sub-menu li:first-child { 
	border-top: 1px solid #000000;
}
#main-menu .sub-menu li a:link { 
	padding: 0px;
	margin: 0px;
	border: 0px;
}
#main-menu .sub-menu .current-menu-item a {
    border-bottom: none !important;
}
#main-menu .menu ul ul {
	position: absolute; 
	top: -1px;
	left: 160px;
}

/* container */
.container {
	min-width: 1018px;
	max-width: 1018px;
	margin: 20px auto 0px auto;
	position: relative;
	top: 116px;
}

/* featured */
#featured-container {
	width: 740px; 
	height: 430px; 
}
#featured-carousel { 
	float: left;
	width: 740px;
	height: 386px;
}
.featured-links { 
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	float: left;
	width: 740px;
}
.featured-link { 
	padding: 2px 55px;
	border: 1px solid #000000;
	background-color: #FBFBFB;
	background: -webkit-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -moz-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -ms-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -o-linear-gradient(#FBFBFB, #E7E7E7);
  	background: linear-gradient(#FBFBFB, #E7E7E7);
  	text-decoration: none;
  	color: #000000;
}
.previous-link { 
}
.previous-link:hover {
	color: #0090DC; 
}
.next-link { 
}
.next-link:hover { 
	color: #0090DC;
}
.featured { 
	float: left;
	height: 386px;
	width: 740px;
	margin: 0px;
}
.featured img { 
	border: 3px solid #000000;
}
.featured-info { 
	position: absolute;
	width: 734px;
	display: none;
	bottom: 3px;
	left: 3px;  
	background: rgba(3, 172, 240, .8);
}
.featured-info h1 {
	padding: 10px 30px 4px 30px;
	color: #FFFFFF;
	font-size: 22px;
}
.featured-info h1 a:link, .featured-info h1 a:visited, .featured-info h1 a:active { 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.featured-info h1 a:hover {
	color: #000000;
}
.featured-info p { 
	font-size: 16px;
	font-style: italic;
	color: #FFFFFF;
	padding: 0px 30px 10px 30px;
	line-height: 1.2; 
}
.featured-info p a:link, .featured-info p a:visited, .featured-info p a:active,
.featured-info p a:hover { 
	color: #FFFFFF;
	text-decoration: none;
}

/* content container */
#content-container, #single-container { 
	border-top: 0px;
	background-color: #FFFFFF;
	overflow: visible;
}
/* main content */
#main-content, #text-container { 
	float: left;
	width: 740px;
	margin-top: 34px;
}
#tax-title { 
	background-color: #000000;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 30px;
	margin-bottom: 14px;
	padding: 2px 0px 2px 16px;
}
#tax-title h1 { 
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #EDEDED;
	padding: 4px 10px 4px 10px;
}
#articles { 
	margin-top: 10px;
}
.article { 
	min-height: 180px;
	margin-bottom: 22px;
	border-bottom: 1px dotted #314448;
	background-color: #FBFBFB;
	background: -webkit-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -moz-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -ms-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -o-linear-gradient(#FBFBFB, #E7E7E7);
  	background: linear-gradient(#FBFBFB, #E7E7E7);
	padding-bottom: 10px;
}
.article-thumb { 
	float: left;
	width: 242px;
}
.article-thumb img { 
	border: 1px solid #314448;
}
.article-title { 
	float: right;
	width: 478px;
}
.article-info, .article-excerpt { 
	float: right;
	width: 498px;
}
.article-title { 
	padding: 4px 10px 4px 10px;
	background-color: #0090DC;
	border-top-right-radius: 40px;
}
.article-title span {
}
.article-title span a:link, .article-title span a:visited, .article-title span a:active { 
	color: #EDEDED;
	font-size: 16px;
	text-decoration: none;
}
.article-title span a:hover { 
	color: #FFFFFF;
}
.article-info p { 
	padding: 8px 14px 0px 14px;
	margin-bottom: 14px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}
.article-info p a:link, .article-info p a:visited, .article-info p a:active { 
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.article-info p a:hover { 
	text-decoration: underline;
}
.article-excerpt { 
	font-family: Arial, Helvetica, sans-serif;
}
.article-excerpt p {
	font-family: Arial, Helvetica, sans-serif; 
	padding: 0px 14px 14px 14px;
}
.readmore {
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	text-align: right;
	margin-bottom: 10px;
	margin-right: 10px;
}
.readmore a:link, .readmore a:visited, .readmore a:active { 
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.readmore a:hover { 
	text-decoration: underline;
}
#posts-navigation { 
	margin-bottom: 10px;
}
.newer-posts { 
	float: left;
}
.newer-posts a {
    border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
.older-posts {
	float: right;
}
.older-posts a { 
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px; 
}
#posts-navigation a:link, #posts-navigation a:visited, #posts-navigation a:active { 
	padding: 4px 10px;
	display: block;
	background-color: #000000;
	width: 160px;
	color: #EDEDED;
	text-decoration: none;
	text-align: center;
}
#posts-navigation a:hover { 
	color: #FFFFFF;
}

/* sidebar & widgets */
#sidebar { 
	float: right;
	width: 260px;
	min-height: 600px;
}
#sidebar-dynamic {
	margin-top: 36px; 
	width: 260px;
	min-height: 600px;
	background: -webkit-linear-gradient(#58C7F6, #0090DC);
  	background: -moz-linear-gradient(#58C7F6, #0090DC);
  	background: -ms-linear-gradient(#58C7F6, #0090DC);
  	background: -o-linear-gradient(#58C7F6, #0090DC);
  	background: linear-gradient(#58C7F6, #0090DC);
  	border-top-left-radius: 40px;
  	padding-top: 30px;
}
.widget-box { 
	margin-bottom: 20px;
}
.widget-box h1 { 
	padding: 10px 4px 10px 4px;
	margin-bottom: 10px;
	background-color: #E7E7E7;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	text-align: left;
	text-transform: uppercase;
}
.widget-box h1 a:link, .widget-box h1 a:visited, .widget-box h1 a:active {
	font-weight: bold; 
	color: #000000;
	text-decoration: none;
}
.widget-box h1 a:hover { 
	text-decoration: underline;
}
.widget-box ul { 
	list-style-type: square;
	list-style-position: inside;
	padding: 4px 6px 4px 6px;
}
.widget-box ul li {
	font-size: 14px;
	color: #000000;
	padding: 4px 14px 4px 14px; 
	border-bottom: 1px dotted #000000; 
}
.widget-box ul li:last-child { 
	border-bottom: none;
}
.widget-box ul li a:link,
.widget-box ul li a:visited,
.widget-box ul li a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
.widget-box ul li a:hover {
	color: #FFFFFF
}
.widget-box form, select { 
	padding: 4px 6px 4px 6px;
}
.widget-box select { 
	margin: 4px 6px 4px 6px;
	border: 1px solid #022A3E;
	width: 240px;
	color: #022A3E;
}
.post-date, .rss-date { 
	font-size: 10px;
	display: block;
	margin: 4px 0px 4px 0px;
}
#certificate-img { 
	text-align: center;
}
/* calendar */
#calendar_wrap { 
	font-size: 14px;
	color: #000000;
	text-align: center;
} 
#wp-calendar {
	margin: 0px auto 0px auto;
	width: 220px; 
}
#wp-calendar caption { 
	font-family: DroidSansBold;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
#wp-calendar th { 
	font-weight: bold;
}
#today { 
	font-weight: bold;
}
#wp-calendar a:link,
#wp-calendar a:visited,
#wp-calendar a:active { 
	color: #EDEDED;
	font-weight: bold;
	text-decoration: none;
}
#wp-calendar a:hover { 
	text-decoration: underline;
}
/* text */
.textwidget { 
	font-size: 14px;
	color: #000000;
	padding: 4px 6px 4px 6px
}
/* tag cloud */
.tagcloud { 
	font-size: 14px;
	color: #000000;
	padding: 4px 6px 4px 6px;
}
.tagcloud a:link,
.tagcloud a:visited,
.tagcloud a:active { 
	color: #000000;
	text-decoration: none;
}
.tagcloud a:hover { 
	color: #EDEDED;
}
/* search form  */
#search-box { 
	background-color: #000000;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 30px;
	margin-top: -5px;
	padding: 2px 0px 2px 16px;
}
#s { 
	width: 140px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #0090DC;
	color: #000000;
	font-size: 12px;
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #EDEDED;
}
#search-button { 
	background-color: #58C7F6;
	color: #FFFFFF;
	border: 1px solid #0090DC;
	padding: 2px 4px 2px 4px;
	font-size: 12px;
	font-weight: bold;
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#search-button:hover { 
	background-color: #0090DC;
	cursor: pointer;
	font-size: 12px;
}
/* news widget */
.news { 
	height: 250px;
	overflow: hidden;
	border-bottom: 1px dotted #FFFFFF;
	margin: 10px;
}
.news img {
	border: 1px solid #FFFFFF; 
}
.news p {
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF; 
}
.news h1 {
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px; 
	background: none;
}
.news h1 a:link, .news h1 a:visited, .news h1 a:active { 
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.news h1 a:hover { 
	text-decoration: underline;
}
.news-links {
	margin-top: 20px;
	padding-bottom: 10px;
	text-align: center; 
}
.news-link {
	padding: 2px 50px;
	border: 1px solid #000000;
	background-color: #E7E7E7;
	background: -webkit-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -moz-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -ms-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -o-linear-gradient(#FBFBFB, #E7E7E7);
  	background: linear-gradient(#FBFBFB, #E7E7E7);
  	text-decoration: none;
  	color: #000000;
}
.news-link:hover { 
	color: #0090DC;
}
/* sales widget */
#sales-widget { 
	margin-top: 10px;
	margin-bottom: 30px;
}
.sales-content {
	margin: 10px; 
	border: 1px solid #000000;
	padding: 14px 10px;
	padding-left: 64px;
	background-color: #FBFBFB;
	background-image: url('img/cart.png');
	background-repeat: no-repeat;
	background-position: 4px 4px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.sales-content:hover { 
	background-color: #E7E7E7;
	cursor: pointer;
}


/* single page */
#single-title { 
	background-color: #000000;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 30px;
	margin-bottom: 14px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #EDEDED;
	padding: 6px 10px 6px 10px;
}
#single-info {
	font-size: 11px;
	color: #0090DC;
	padding: 0px 10px 10px 10px;
	border-bottom: 1px dotted #562250;
}
#single-info a:link, #single-info a:visited, #single-info a:active {
	color: #0090DC; 
	font-style: italic;
	text-decoration: none;
}
#single-info a:hover {
	text-decoration: underline;
}
#single-content {
	color: #000000; 
	font-size: 14px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
	padding: 20px;
}
#single-content p { 
	margin: 10px 0px 16px 0px;
}
#single-content a:link, #single-content a:visited, #single-content a:active { 
	text-decoration: none;
	color: #0090DC;
}
#single-content a:hover { 
	text-decoration: underline;
}
#single-content a:link, #single-content a:visited, #single-content a:active { 
	text-decoration: none;
	color: #0090DC;
}
#single-content a:hover { 
	text-decoration: underline;
}
#single-content ul { 
	list-style-type: square;
	list-style-position: inside;
	margin-left: 4px;
	padding-left: 1em;
	text-indent: -1em;
}
#single-content h1, #single-content h1, #single-content h3, #single-content h4, #single-content h5, #single-content h6 { 
	font-weight: bold;
}
#single-content h6 { 
	font-size: 14px;
}
#single-content h5 { 
	font-size: 16px;
}
#single-content h4 { 
	font-size: 18px;
	margin-bottom: 2px;
}
#single-content h3 { 
	font-size: 20px;
	margin-top: 2px;
	margin-bottom: 4px;
}
#single-content h2 { 
	font-size: 22px;
	margin-top: 4px;
	margin-bottom: 6px;
}
#single-content h1 {
	font-size: 24px;
	margin-top: 6px;
	margin-bottom: 8px;
}
.alignleft { 
	vertical-align: top;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
}
.alignright { 
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
	float: right;
}
#single-content em { 
	font-style: italic;
}
#single-content table { 
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: 1px solid #000000;
	border-spacing: 2px;
}
#single-content table th, #single-content table td { 
	border: 1px solid #BABABA;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

/* contact form */
.wpcf7-form { 
}
.wpcf7-form br { 
	display: none;
}
.wpcf7-form label { 
	display: block;
	float: left;
	width: 280px;
	padding-bottom: 8px;
	margin-right: 40px;
	border-bottom: 1px dotted #BABABA;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { 
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #BABABA;
	width: 330px;
	padding: 4px;
}
.wpcf7-form-control-wrap textarea { 
	width: 330px;
	height: 85px;
	resize: none;
}
.wpcf7-form-control-wrap input[type="radio"] { 
	width: 10px;
}
.wpcf7-submit { 
	border: 1px solid #000000;
	background-color: #E7E7E7;
	background: -webkit-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -moz-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -ms-linear-gradient(#FBFBFB, #E7E7E7);
  	background: -o-linear-gradient(#FBFBFB, #E7E7E7);
  	background: linear-gradient(#FBFBFB, #E7E7E7);
	padding: 6px 16px 6px 16px;
	margin-left: 575px;
	font-family: "Century Gothic", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}
.wpcf7-submit:hover { 
	color: #0090DC;
	cursor: pointer;
}
.wpcf7-response-output { 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0090DC;
	border: none;
}
.wpcf7-not-valid-tip { 
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #CA2018;
}
div.wpcf7-validation-errors { 
	color: #CA2018;
	border: 0px;
	padding-left: 150px;
}
div.wpcf7-validation-errors:before {
	content: '* '; 
}
div.wpcf7-mail-sent-ok { 
	border: 0px;
	padding-left: 150px;
}
div.wpcf7-mail-sent-ok:before { 
	content: '* ';
}

/* footer */
footer { 
	background-color: #000000;
}
#footer { 
	width: 1022px;
	margin: 0px auto 0px auto;
}
footer p {
	padding: 10px; 
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
}
footer p a:link, footer p a:visited, footer p a:active {
	color: #FFFFFF; 
	font-weight: bold;
	text-decoration: none;
}
footer p a:hover { 
	color: #EDEDED;
}