/* General Styles */

body {
  background:url('../img/bg-body.gif') repeat-x top left;
  margin:0 auto;
}

body.home {
  background:url('../img/bg-body-home.gif') repeat-x top left;
}

body, div, table td, input, select, textarea, ul li {
  color:#566363;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
}

img {
  border:none;
}

a {
  color:#82499b;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

.clear {
  clear:both;
}

.dotted-line {
  background:url('../img/bg-dotted_line.png') repeat-x top left;
  height:1px;
  margin:5px 0;
  padding:0;
}

.dotted-line.padding {
  margin-top:10px;
  padding:20px 0 0 0;
}

.f11px {
  font-size:11px; 
}

small {
  font-size:11px;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}

.aligncenter {
  text-align:center;
}

/* Headlines */

h1, h2, h3, h4, h5 {
  color:#82499b;
  font-family:Arial Narrow, Helvetica, sans-serif;
}

#sidebar h1 {
  color:#566363;
  font-size:27px;
  font-weight:normal;
  margin:0 0 10px 0;
  padding:0;
}

#content h2,
.single-product-container h2 {
  font-size:28px;
  font-weight:normal;
  margin:0;
  padding:0;
}

#content .post h2 {
  font-size:18px;
  margin:0;
  padding:10px 0 0 0;
}

#content .post h2.novice-in-mediji {
  font-size:28px;
  width:530px;
}

h3.minor-subtitle {
  color:#566363;
}

.content-menu-container .text h3,
.storitve-menu-container h3 {
  font-size:18px;
  font-weight:normal;
  margin:0;
  padding:0 0 5px 0;
}

.content-menu-container .text h3 {
  padding:0 0 2px 0;
}

.storitve-menu-container h3 {
  padding:15px 5px 0 15px;
  overflow:hidden;
  height:45px;
}

.storitve-menu-container h3 a {
  text-decoration:none;
}

.storitve-menu-container h3 a:hover {
  text-decoration:underline;
}

.product-container .text h3 {
  font-size:18px;
  margin:0;
  padding:0 0 5px 0;
}

.product-container .text h3 a {
  font-weight:normal;
  text-decoration:none;
}

.product-container .text h3 a:hover {
  text-decoration:underline;
}

.single-product-container h3 {
  font-size:20px;
  font-weight:normal;
  margin:0;
  padding:20px 0 0 0;
}

.product-filter h3 {
  color:#566363;
  font-size:23px;
  font-weight:normal;
  margin:0;
  padding:15px 15px 0 20px;
}

.product-filter h3 span {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

#content .page h3 {
  font-size:22px;
  font-weight:normal;
  margin:0;
  padding:15px 0 0 0;
}

.additional-info h4 {
  background:url('../img/bg-dotted_line.png') repeat-x bottom left;
  color:#566363;
  font-size:20px;
  padding:0 0 3px 0;
  margin:10px 13px 10px 13px;
}

#content .page h5 {
  color:#566363;
  font-size:16px;
  margin:0;
  padding:25px 0 0 0;
}

/* Layout */

.content-bg-left {
  background:url('../img/bg-content-left.png') no-repeat top left;
  position:absolute;
  height:191px;
  width:292px;
  z-index:1;
  top:0;
  left:0;
  margin-top:178px;
}

.content-bg-left.home {
  margin-top:367px;
}

.content-bg-right {
  background:url('../img/bg-content-right.png') no-repeat top right;
  position:absolute;
  height:427px;
  width:657px;
  z-index:1;
  top:0;
  right:0;
  margin-top:178px;
}

.content-bg-right.home {
  margin-top:367px;	
}

#page-wrap {
  margin:0 auto;
  width:960px;
  position:relative;
  z-index:2;
}

#header {
}

#sidebar {
  float:left;
  margin:0 0 30px 8px;
  width:150px;
}

#content {
  float:left;
  padding:35px 0 70px 10px;
  width:792px;
}

#content.home {
  padding:50px 0 70px 5px;
  width:auto;
}

#content.single {
  padding:35px 0 70px 5px;
  width:auto;
}

#content.storitve {
  background:url('../img/bg-storitve.png') no-repeat top right;
}

#content.cidesco {
  background:url('../img/bg-storitve-cidesco.png')  no-repeat bottom right;
  padding-bottom:280px;
  margin-bottom:30px;
}

#footer {
  border-top:1px solid #bcbcbc;
  padding:0 0 30px 16px;  
}

#footer .footer-container {
  margin:20px auto;
  width:960px;
}

/* Header */

#header .logo {
  float:left;
  width:157px;
}

#header .header-menus {
  float:right;
}

.top-menu {
  float:right;
  margin:15px 0 0 0;
  padding:0;
}

.top-menu li {
  color:#797c7a;
  float:left;
  list-style-type:none;
}

.top-menu li a {
  color:#797c7a;
  text-decoration:none;
}

.top-menu li a:hover {
  text-decoration:underline;
}

.main-menu {
  margin:0;
  padding:10px 0 0 0;
}

.main-menu li,
.main-menu li a {
  font-family:Arial Narrow, Helvetica, sans-serif;
  font-size:23px;
}

.main-menu li {
  background:url('../img/main-menu-sep.gif') no-repeat bottom right;
  float:left;
  list-style-type:none;
  padding:9px 20px;
}

.main-menu li a {
  color:#566363;
  text-decoration:none;
}

.main-menu li a:hover,
.main-menu li a.selected {
  color:#82499b;
  text-decoration:underline;
}

/** Slideshow (additional styles are located in /css/jquery.jcarousel.css **/

.slideshow-container {
}

.slideshow-container .slideshow-border {
  float:left;
  width:88px;
}

.slideshow-container .slideshow-border img {
  padding:30px 0 0 60px;
}

.slideshow-container .slide-number {
  color:#fff;
  font-size:19px;
  font-weight:bold;
  position:absolute;
  top:353px;
  left:188px;    
  width:20px;
  z-index:100; 
}

/* Content */

.content-menu-container {
  background:url('../img/bg-product_container-main.png') no-repeat top left;
  cursor:pointer;
  float:left;
  margin:0 12px 20px 0;
  height:150px;
  width:310px;
}

.last-in-row {
  margin:0;
}

.content-menu-container .image {
  float:left;
  padding:8px 5px 0 10px;
  height:130px;
  width:130px;
}

.content-menu-container .text {
  background:url('../img/bg-content_menu.png') no-repeat bottom right;
  margin:5px 20px 0 0;
  overflow:hidden;
  height:133px;
}

.content-menu-container .text p {
  margin:0;
  padding:0;
}

.page samp {
  font-family:Arial, Helvetica, sans-serif;
  display:block;
  float:left;
  overflow:visible;
  height:1px;
  width:110px;
}

/** Products Menu **/

.menu-izdelki-container {
  float:right;
	margin:-40px 5px 0 0;
	height:42px;
}

.menu-izdelki-container .menu-item {
	float:left;
	margin:0;
}

.menu-izdelki-container .menu-item a {
	background:url('../img/button-izdelki.gif') no-repeat 0 -35px;
	color:#566363;
	cursor:pointer;
	display:block;
	font-size:23px;
  font-family:Arial Narrow, Helvetica, sans-serif;
  padding:0 0 0 40px;
  margin-left:-50px;
  text-decoration:none;
	height:35px;
	width:240px;
}

.menu-izdelki-container .menu-item a:hover,
.menu-izdelki-container .menu-item a.selected {
	background:url('../img/button-izdelki.gif') no-repeat 0 -1px;
	color:#82499b;
}

.menu-izdelki-container .menu-item span {
	color:#797c7a;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:-8px 0 0 -9px;
}

/** Products List **/

.product-container {
  background:url('../img/bg-product_container.png') no-repeat top left;
  cursor:pointer;
  float:left;
  margin:0 6px 30px 0;
  overflow:visible;
  height:190px;
  width:390px;
}

.product-container .image {
  float:left;
  margin:18px 20px 0 14px;
  height:153px;
  width:153px;
}

.product-container .akcija {
  position:absolute;
  margin:25px 0 0 125px;
}

.product-container .text {
  background:url('../img/bg-product-container-icon.png') no-repeat bottom left;
  float:left;
  margin:15px 0 0 0;
  height:155px;
  width:190px;
}

.product-container .text p {
  margin:0;
  padding:0;
}

.product-container .permalink-bottom {
  position:absolute;
  margin:145px 0 0 188px;
  width:190px;
}

.product-container .extra-text {
  color:#82499b;
  font-size:11px;
  padding:15px 10px 0 5px;
}

/** Products (single) **/

.single-product-container {
  height:570px;
  overflow:visible;
}

.single-product-container .image {
  background:url('../img/bg-single_product.png') no-repeat top left;
  float:left;
  padding:5px 0 0 15px;
  position:relative;
  z-index:1;
  height:274px;
  width:309px;
}

.single-product-container .image img {
  padding-bottom:20px;
}

.single-product-container .akcija {
  margin:15px 0 0 245px;
  position:absolute;
  z-index:2;
}

.single-product-container .text {
  float:left;
  width:630px;
}   

.single-product-container .text p {
  margin:0;
  padding:10px 0 0 0;
}  

.additional-info {
  background:url('../img/bg-product_container-main.png') no-repeat top left;
  float:left;
  margin:20px 8px 0 -15px;
  height:150px;
  width:310px;
}

.additional-info .text {
  margin:0 13px 0 13px;
}

.additional-info .text.sestavine {
  height:83px;
  padding-right:5px;
  width:280px;
}

.additional-info .text.sestavine.scroll {
  height:83px;
  overflow: -moz-scrollbars-vertical;
  overflow-y:scroll;
  padding-right:5px;
  width:280px;
}

.additional-info .text a {
  text-decoration:none;
}

.additional-info .text a:hover {
  text-decoration:underline;
}

.text ul {
  margin:20px 0 0 18px;
  padding:0;
}

/** Products Filter **/

.product-filter {
  background:url('../img/bg-products_filter.png') no-repeat top left;
  margin:8px 0 0 0;
  height:197px;
  width:945px;
}

.filter-title {
  background:url('../img/bg-dotted_line.png') repeat-x bottom left;
  color:#566363;
  font-family:Arial Narrow, Helvetica, sans-serif;
  font-size:23px;
  margin:0 0 10px 0;
  padding:20px 0 5px 0;
}

.filter-title ul {
  float:right;
  margin:10px 15px 0 0;
  padding:0;  
  position:relative;
}
        
.filter-title ul li {
  font-size:13px;
  list-style-type:none;
}

.filter-title ul li:hover>ul {
  display:block;
}

.filter-title ul ul {
  display:none;
  position:absolute;
  top:-50px;
  left:-260px;
  z-index:3;
}

.filter-title .podlage {
  color:#9aa1a1;
}

.filter-title .maske {
  color:#bbc1c1;
}

.filter-title ul ul li {
  background:url('../img/bg-explanation.png') no-repeat top left;
  height:173px;
  width:258px;  
}

.filter-title ul ul li p {
  padding:12px 20px;
}
          
.product-filter ul {
  border-right:1px solid #566363;
  float:left;
  margin:15px 0 0 20px;
  padding:0 60px 0 0;
}

.product-filter ul.no-border {
  border:none;
}

.product-filter ul li {
  list-style-type:none;
  padding-bottom:5px;
}

.product-filter ul li.title {
  font-weight:bold;
  height:15px;
}

.product-filter div {
  padding:5px 0 0 20px;
}

/** Storitve Menu **/

.storitve-menu-container {
  background:url('../img/bg-storitve_container.png') no-repeat top left;
  cursor:pointer;
  float:left;
  margin:20px 20px 0 0;
  height:180px;
  width:250px;
}

.storitve-menu-container.last {
  margin-right:0;
}

.storitve-menu-container img {
  margin:0 0 0 13px;
}

/** Storitve (single) **/

.storitve-single-container {
  width:780px;
}

.storitve-background-1 {
  background:url('../img/bg-storitve-1.png') no-repeat;
  float:right;
  margin:-278px 0 0 0;
  position:relative;
  text-align:right;
  height:278px;
  width:459px;
}

.storitve-background-2 {
  background:url('../img/bg-storitve-2.png') no-repeat;
  float:right;
  margin:-286px 0 0 0;
  position:relative;
  text-align:right;
  height:286px;
  width:491px;
}

.storitve-single-container .top,
.store-list .top {
  background:url('../img/table-storitve-top.png') no-repeat top left;
  overflow:hidden;
  height:45px;
  width:780px;
}

.storitve-single-container .background,
.store-list .background {
  background:url('../img/table-storitve-bg.png') repeat-y top left;
  overflow:auto;
  margin:0;
  padding:0;
} 

.storitve-single-container .bottom,
.store-list .bottom {
  background:url('../img/table-storitve-bottom.png') no-repeat top left;
  height:30px;
  width:780px;
}

.storitve-single-container table,
.store-list table {
  border-collapse:collapse;
  margin:10px 15px 0 25px;
}

.storitve-single-container table th,
.storitve-single-container table td,
.store-list table th,
.store-list table td {
  vertical-align:top;
}

.storitve-single-container table th,
.store-list table th {
  color:#82499b;
  font-family:Arial Narrow, Helvetica, sans-serif;
  font-size:15px;
  font-weight:normal;
  padding:0;
  text-align:left;
}

.storitve-single-container table .storitev {
  padding:0 50px 0 0;
  width:700px;
}

.storitve-single-container table .cena {
  padding:0 20px 0 0;
  text-align:right;
  width:240px;
}

.store-list table .storitev {
  padding:0 50px 0 0;
  width:250px;
}

.store-list table .cena {
  padding:0 20px 0 0;
  width:400px;
}
.storitve-single-container table td span {
  font-size:14px;
  font-weight:bold;
}

.seznam-storitev {
  margin:30px 0 0 30px;
  padding:0;
}

.seznam-storitev li {
  font-size:14px;
  line-height:30px;
}

/** Novice & Mediji **/

.post {
  padding:8px 0 0 0;
}

.post .date {
  font-size:10px;
}

.post .entry {
  float:left;
  width:auto;
} 

.post .entry.image {
  width:520px;
}

.post .image-container {
  float:right;
  margin:-45px 0 0 0;
}

.post .image-container .frame {
  background:url('../img/bg-post-image.png') no-repeat top left;
  height:225px;
  width:240px;
  position:relative;
  z-index:2;
}

.post .image-container .image {
  margin:-215px 0 0 10px;
  position:absolute;
  z-index:1;
  height:200px;
  width:215px;
  overflow:hidden;
}

.meta-data {
  color:#777;
  font-size:11px;
  font-style:italic;
}

/** Strokovnjak svetuje **/

.faq-container {
  float:left;
  width:450px;
}

.faq-categories {
  float:right;
}

.faq-categories .budno-oko-zdenke-kahne {
  background:url('../img/pic-strokovnjak2.png') no-repeat top left;
  margin:-15px 0 -20px 5px;
  position:relative;
  height:242px;
  width:270px;
}

.faq-categories .budno-oko-zdenke-kahne .ask-a-question {
  display:block;
  font-weight:bold;
  position:absolute;
  top:25px;
  left:10px;
  font-size:14px;
  text-decoration:underline;
}

.faq-categories .budno-oko-zdenke-kahne .ask-a-question:hover {
  text-decoration:none;
}

.faq-categories ul {
  background:url('../img/bg-faq.png') no-repeat top left;
  margin:0;
  padding:25px 0 0 0;
  height:234px;
  width:284px;
}

.faq-categories ul li {
  list-style-type:none;
  margin-left:-3px;
  padding:0 0 8px 0;
}

.faq-categories ul li a {
  color:#566363;
  display:block;
  height:20px;
  font-size:14px;
  margin:1px 0 0 10px;
  padding:3px 0 0 20px;
  text-decoration:none;
}

.faq-categories ul li a:hover {
  background:url('../img/bg-faq-hover.png');
  margin:1px 7px 0 10px;
  padding:3px 0 0 20px;
}

.faq-categories ul .current-cat a {
  background:url('../img/arrow-faq.png') no-repeat top left;
  color:#82499b;
  margin:0;
  padding:3px 0 0 30px;
  font-weight:bold;
}

.faq-categories ul .current-cat a:hover {
  background:url('../img/arrow-faq.png') no-repeat top left;
  margin:0;
  padding:3px 0 0 30px;
}

.q-category {
  float:right;
  background:url('../img/bg-faq.png') no-repeat top left;
  margin:0;
  padding:25px 0 0 0;
  height:234px;
  width:284px;
}

.tip-vprasanja {
  display:block;
  margin-top:10px;
}

.wpcf7-list-item {
  display:block;
  width:250px;
}

/** Kartica zvestobe **/

.kartica-container {
  background:url('../img/bg-kartica_ugodnosti.png') no-repeat top left;
  padding-top:30px;
  height:470px;
  width:780px;
}

.kartica-container.vprasanje .form-container,
.kartica-container.vprasanje .ugodnosti-container {
  margin-top:20px;
} 

#content .kartica-container h2 {
  color:#566363;
  font-size:29px;
  font-weight:normal;
  margin:0;
  padding:20px 0 0 30px;
}

.kartica-container p {
  margin:0;
  padding:0;
}

.form-container {
  float:left;
  margin:0 0 0 30px;
  width:360px;
}

.form-container h4,
.ugodnosti-container h4 {
  color:#566363;
  font-size:23px;
  font-weight:normal;
  margin:0;
  padding:0 0 20px 0;
}

.form-container h4 span {
  color:#566363;
  display:inline;
  float:none;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  padding-left:20px;
}

.form-container p.names {
  display:block;
  float:left;
  margin-bottom:10px;
  width:150px;
}

.form-container p.fields {
  width:auto;
}

.form-container .form-input {
  border:1px solid #566363;
  padding:3px;
  margin-top:-4px;
  width:199px;
}

.form-container select {
  border:1px solid #566363;
  margin:-4px 2px 0 0;
  padding:2px;
}

.form-container .ugodnosti {
  margin:0 0 10px -4px;
}

.form-container .datum-dan select {
  width:53px;
}

.form-container .datum-mesec select {
  width:90px;
}

.form-container .datum-leto select {
  width:60px;
}

.ugodnosti-container {
  float:left;
  margin:0 0 0 30px;
  width:330px;
}

.ugodnosti-container ul {
  margin:0 0 0 20px;
  padding:0;
} 

.ugodnosti-container ul li {
  padding-bottom:10px;
}

/* Extra styles for static pages */

.map {
  font-size:10px;  
  position:absolute;
  margin:80px 0 0 480px;
  width:300px;
}

/* Sidebar */

#sidebar ul {
  margin:40px 0 0 0;
  padding:0;
}

#sidebar ul li {
  font-size:18px;
  font-family:Arial Narrow, Helvetica, sans-serif;
  color:#797c7a;
  list-style-type:none;
  padding-bottom:10px;
}

#sidebar ul li a {
  color:#82499b;
  display:block;
  text-decoration:none;
}

#sidebar ul li a:hover {
  text-decoration:underline;
}

#sidebar ul li.selected a {
  font-weight:bold;
}

#sidebar ul .current_page_item,
#sidebar ul .current_page_parent,
#sidebar ul .current_page_parent ul .current-cat a,
#sidebar ul .current-cat {
  font-weight:bold;
}

#sidebar ul .current_page_parent ul li a {
  font-weight:normal;
}

/** Menu (2nd Level) **/

#sidebar ul li ul {
  margin:14px 0 0 10px;
  padding:0;
}

#sidebar ul li ul li {
  font-size:13px;
  padding-bottom:8px;
}

#sidebar ul li.selected ul li a {
  font-weight:normal;
}

#sidebar ul li.selected ul li.selected a {
  font-weight:bold;
}

.sidebar-contact {
  line-height:20px;
  margin-top:30px;
}

.sidebar-contact a {
  text-decoration:none;
}

.sidebar-contact a:hover {
  text-decoration:underline;
}

/* Footer */

#footer ul {
  float:left;
  margin:0 65px 0 0;
  padding:0;
}

#footer ul li {
  font-size:13px;
  font-weight:bold;
  list-style-type:none;
}

#footer ul li a {
  color:#566363;
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
}

#footer ul li a:hover {
  text-decoration:underline;
}

.contact {
  border-left:1px solid #bcbcbc;
  float:right;  
  margin-top:-19px;
  padding:19px 0 50px 0;
  width:310px;
}

.contact span {
  display:block;
  font-size:17px;
  padding:0 0 10px 10px;
}

.contact .small-text {
  display:block;
  float:left;
  font-size:11px;
  padding-top:3px;
  width:90px;
}

.contact .big-text {
  display:block;
  float:left;
  font-size:15px;
  width:200px;
}

.contact a {
  text-decoration:none;
}

.contact a:hover {
  text-decoration:underline;
}

.contact .lang {
  padding:5px 0 0 10px;
}

.contact .lang a {
  display:block;
  font-size:11px;
  float:left;
  padding-right:10px;
}