/*
Theme Name: Virkom
Author: 1dva
Author URI: http://www.jedandva.hr
Description:
Version: 1.0
*/

/* =Struktura
-------------------------------------------------------------- */
@import 'http://fonts.googleapis.com/css?family=Open+Sans:400,300,800,700&subset=latin,latin-ext';
body {
	font-family: "Open Sans", Tahoma; color: #495255;  font-size: 14px;
	background-image: url("images/bg.jpg");
	background-repeat: repeat;
}

h2 {
	font-size: 21px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600
}

a:link {
	color: #474747;
	text-decoration: none;
	font-weight: 600
}
a:visited {
	color: #474747;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #0baec3;
}
a:active {
	color: #474747;
	text-decoration: none;
}
#primary h3 {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400
}
#page {
	width: 940px;
	background-color: #f1f1f1;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 0px 2px 21px rgba(71, 48, 38, 0.46);
	-moz-box-shadow:    0px 2px 21px rgba(71, 48, 38, 0.46);
	box-shadow:         0px 2px 21px rgba(71, 48, 38, 0.46);
	border-radius: 10px;
}
#page-second {
	background-color: #FFF;
	width: 850px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	border-radius: 5px;

}
#primary {
	float: left;
	width: 550px;
}
#primary-single {
	float: left;
	width: 780px;
	margin-left: 35px;
}
#primary-page {
	float: left;
	width: 780px;
	margin-left: 5px;
}
#primary-contact{
	float: left;
	width: 440px;
	margin-left: 5px;
}
#contact-right {
	float: right;
	width: 400px;
}
#content {
	margin-left: 30px;
}
#main .widget-area {
	float: left;
	margin-left: 15px;
	background-color: #0faac6;
	border-radius: 10px;
	width: 260px;
	color: #0D0D0D;
	margin-top: 15px;
}
#main .widget-area ul{
	list-style-type:none;
	margin-left: -20px;
}
#main .widget-area li
{
    border-bottom:1px solid #21b6ce;
	width: 200px;
    padding:5px;
    margin:2px;
}
#main .widget-area a {
	display:block;
	color: #0D0D0D;
font-size: 13px;
}
#main .widget-area a:hover {
	display:block;

	font-size: 13px;
	color: #3bdef8;
}
#main .widget-single {
	margin-left: 13px;
	background-color: #0faac6;
	border-radius: 10px;
	width: 850px;
	color: #FFF;
	margin-top: 15px;
}
#main .widget-area h3 {
	margin-left: 35px;
	font-size: 16px;
	margin-top: 30px;
	font-weight: 400
}
#kap {
	background-image: url('images/kap.png'); background-repeat: no-repeat;
	height: 26px;
	margin-left: 25px;
}
.hr {
	clear: both;
	border-bottom: 1px solid #21b6ce;
	height: 1px;
}
.alignnone .size-full .wp-image-9 {
   border:5px solid #d8d8d8;
}
#colophon {
	clear: both;
	display: block;
	width: 850px;
	color: #0D0D0D;
	margin-left: auto; margin-right: auto;
}

/* buttons */
#textfield-contact {
	width: 350px;
	height: 35px;
	border-style: solid; border-width: 2px;
	border-color: #08889d;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
}
#textfield-message {
	width: 350px;
	height: 100px;
	border-style: solid; border-width: 2px;
	border-color: #088499;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
}

.button-contact {
	-moz-box-shadow:inset 0px 1px 0px 0px #0aacc5;
	-webkit-box-shadow:inset 0px 1px 0px 0px #0aacc5;
	box-shadow:inset 0px 1px 0px 0px #0aacc5;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1bbbd4), color-stop(1, #0aacc5) );
	background:-moz-linear-gradient( center top, #1bbbd4 5%, #0aacc5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1bbbd4', endColorstr='#0aacc5');
	background-color:#1bbbd4;
	float: right;
	margin-right: 55px;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border: 1px solid #118799;
display: inline-block;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
font-weight: normal;
font-style: normal;
height: 35px;
line-height: 33px;
width: 100px;
text-decoration: none;
text-align: center;
text-shadow: 1px 1px 0px #168799;
cursor: pointer;
}
.button-contact:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0aacc5), color-stop(1, #1bbbd4) );
	background:-moz-linear-gradient( center top, #0aacc5 5%, #1bbbd4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0aacc5', endColorstr='#1bbbd4');
	background-color:#0aacc5;
}.button-contact:active {
	position:relative;
	top:1px;
}

/* box */
#box {
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	background-color: #0faac6;
	overflow: hidden;
	border-radius: 10px;
	color: #FFF;
}
#box-right {
	width: 340px;
	float: right;
	padding-top: 15px; padding-bottom: 15px; padding-right: 30px;
}
#box-left {
	width: 250px;
	float: left;
	padding-top: 15px; padding-bottom: 15px; padding-left: 40px;
}
#box ul{
	list-style-type:none;
	margin-left: -45px;
}
#box li
{
    border-bottom:1px solid #21b6ce;
	width: 325px;
    padding:5px;
    margin:2px;
}
#box a {
	display:block;
	color: #FFF;
	font-size: 13px;
	font-weight: 400
}
#box a:hover {
	display:block;
	color: #3bdef8;
	font-size: 13px;
	font-weight: 400
}
#box h3 {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600
}


/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
	overflow: hidden;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#site-header
{
  height: 136px; 
}

#site-title {
	margin-left: 70px;
	margin-bottom: 15px;
	width: 300px;
}

/* h styles */
h2 .a {
	text-decoration: none;
}


/* =Header
-------------------------------------------------------------- */
#header-logo {
	width: 850px;
	margin-left: auto; margin-right: auto;
	height: 50px;
}

/* =Menu
-------------------------------------------------------------- */

#nav {
	height: 90px; width: 850px;
	background-color: #52584b;
	border-radius: 7px;
	margin-top: -30px; margin-bottom: 15px;
	text-align: right;
	margin-left: auto; margin-right: auto;
	list-style-type:none;
}
#navig {
	height: 80px; width: 700px;
	float: right;
	list-style-type:none;
	font-weight: 600;
}
ul#navig { padding-bottom: 5px; list-style-type: none; margin-top:10px;}
ul#navig li { float: left; /*padding-left: 15px;*/ position: relative; list-style-type:none;}
ul#navig > li:first-child { padding: 0; list-style-type:none; height: 32px;}
ul#navig li a {
    text-align: center;
    display: block; float: left; color: #fff; border: 0;
    font-family: 'Open Sans', sans-serif; font-size: 17px;
	list-style-type: none;
}
ul#navig li a.active, ul#navig li a:hover, ul#navig li a:focus {
    text-decoration: underline; list-style-type:none;
}

/* =Search
-------------------------------------------------------------- */

#search {
	float: right; width: 205px; height: 40px;
	margin-top: 20px;
	background-color: #FFF;
	border-radius: 5px; border-color: #7fd3de; border-width: 2px;
	border-style: solid;
}

#search input[type="submit"] {
    background: url("images/povecalo.png") no-repeat 0 0;
    border: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-top: 5px;
}
#search input:focus{
	outline: none !important;
}
#search input[type="text"] {
	background-color: #FFF;
	height: 30px;
	width: 145px;
	font-size: 13px;
	color: #aeaeae; font-weight: normal;
	border: none;
	float: left;
}
#search fieldset { border:0px;}

/* =Content
-------------------------------------------------------------- */

.sticky {
}
.entry-meta {
	clear: both;
	display: block;
}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}

/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: -5px; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img,
.wp-caption {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}


/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */

article.comment {
	display: block;
}
#respond input[type=text] {
	display: block;
	width: 60%;
}
#respond textarea {
	display: block;
	margin: 0 0 1em;
	width: 80%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}


/* =Widgets
-------------------------------------------------------------- */

.widget {
	display: block;
}
.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}


/* =Footer
-------------------------------------------------------------- */

#colophon {
	padding: 1em 0 0;
	height: 85px;
	font-size: 13px;
	line-height: 90%;
	margin-top: 25px;
}
#left {
	width: 500px;
	float: left;
	color: #424B4D;
	margin-left: 35px;
}
#right {
	width: 270px;
	float: right;
	color: #bdc3c7;
	margin-top: -30px;
}
#footer-line {
	border-top: 1px solid #bdc3c7;
	width: 290px;
	margin-top: 5px; margin-bottom: 5px;
}
.prostor {
	height: 30px;
}


/* CSS MENU */
.hovering{
	background-color: #2F5070;
	color: #fff !important;
}
#cssmenu ul {
  margin: 0;
  padding: 0;
}
#cssmenu li {
  margin: 0;
  padding: 0;
}
#cssmenu a {
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu a {
  text-decoration: none;
}
#cssmenu {
	height: 64px;

}
#cssmenu > ul > li {
  float: left;
  position: relative;
}
#cssmenu > ul > li.first_entry a{
	padding-left: 0px !important;
	text-indent: -99999px;
	background-image: url("images/home.png");
	background-repeat: no-repeat;
	background-size: 21px;
	background-position: 15px 17px;
	width: 50px;
	border-left: 1px solid #376086;
	box-sizing: border-box;
}
#cssmenu > ul > li.first_entry > a:hover{
	background-color: #2F5070 !important;
	background-image: url("images/home.png");
	background-repeat: no-repeat;
	background-size: 21px;
	background-position: 15px 17px;
	width: 50px !important;
}
#cssmenu > ul > li > a {
  color: #FFF;
  font-family: inherit;
  font-size: inherit;
  text-align: center;
  float: left;
  box-sizing: border-box;
  padding: 0px 12px;
  border-right: 1px solid #fff;
}
#cssmenu > ul > li > a:hover {
  color: #fff;
/* kriix  border-bottom: 1px solid #fff !important; */
  text-decoration: underline;
}
.current-menu-item{
/* kriix	border-bottom: 1px solid #fff !important; */
 text-decoration: underline;
}
#cssmenu > ul > li > ul {
  opacity: 0;
  visibility: hidden;
  padding: 15px 0 20px 0;
  background-color: white;
  text-align: left;
  position: absolute;
  top: 55px;
  left: 50%;
  margin-left: -125px;
  width: 250px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  color: #34495e;
}
#cssmenu > ul > li:hover > ul {
	opacity: 1;
	top: 40px;
	visibility: visible;
}
#cssmenu > ul > li > ul:before {
  content: '';
  display: block;
  border-color: transparent transparent white transparent;
  border-style: solid;
  border-width: 10px;
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
}
#cssmenu > ul ul > li {
  position: relative;
}
#cssmenu ul ul a {
  color: #fff;
  font-family: inherit;
  font-size: 18px;
  padding: 7px 5px 7px 16px;
  display: block;
/* kriix
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  transition: background-color 0.1s;*/
}

#cssmenu ul ul ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -15px;
  left: -36px;
  padding: 15px 0 20px;
  background-color: #2F5070;
  text-align: left;
  width: 250px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
}
#cssmenu ul ul ul:before{
	/*content: '';
	display: block;
	position: absolute;
	left: 0px;
	margin-left: -20px;
	top: 25px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid #2F5070;*/
}
#cssmenu ul ul > li:hover > ul {
  opacity: 1;
  left: 250px;
  visibility: visible;
}
#cssmenu ul ul a:hover {
  color: #376086;
}
.item-has-submenu:before{
	content: '';
	display: block;
	position: absolute;
	right: 0px;
	margin-right: -20px;
	top: 8px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #376086;
	border-right: 10px solid transparent;
	z-index: 50;
}

/* kriix */
#cssmenu {
	text-align: right;
	float: right;
}
#branding {
	position: relative;
	z-index: 3;
}

#main {
	position: relative;
	z-index: 2;
	text-align: center;
}

#cssmenu > ul > li:hover > ul > li {
	width: 100%;
	text-align: left;
}
#cssmenu > ul > li:hover > ul > li > a {
	color: #34495e;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
#cssmenu > ul > li:hover > ul > li:hover {
   background-color: #e6e7e2;
}



.home .hr:last-child {
display: none;
}

#cssmenu > ul > li {
height: 60px;
}

#cssmenu > ul > li:last-child a {
border-right: none;
}

#page-second {
	display: inline-block;
	text-align: left;
}

/* Contact 7 Forms
--------------------------------------------- */

.wpcf7-form{
    background: #fff;
    overflow: hidden;
    margin: 0px 0px; 
    border: 2px solid #fff;
}
.wpcf7-form h2{
    font-size : 50px;
    text-align: center;
}
.wpcf7-form input, .wpcf7-form textarea {
    border-color: #D4D4D4;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    line-height: 16px;
    font-size: 18px;
    font-family: "Open Sans", Tahoma;
    width: 350px;
    height: 30px;
    float: none;
    border-radius: 3px;

}
.wpcf7-form textarea {
    line-height: 16px;
    font-size: 14px;
    height: 120px;
}
.wpcf7-form p{
    font-size : 14px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 290px;
    padding: 0 0 10px;
    color: #484848;
}

/* Contact 7 Forms - Pošalji
--------------------------------------------- */
input.wpcf7-form-control.wpcf7-submit{
margin-bottom: 20px;
background-color: #f1f1;
width: 50%;
height: 50px;
border-radius: 5px;
}

input.wpcf7-form-control.wpcf7-submit input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover {
background-color: #d6d3d3;
}