@charset "utf-8";
@import url(sidebar-style.css);
@import url(glavni-vodoravni-meni.css);
/* CSS Document */

/* vključeni fonti */
@font-face {
	font-family: 'Segoe Print';
	src: url('fonti/segoepr.eot');
	src: local('˘'), url('fonti/segoepr.woff') format('woff'), url('fonti/segoepr.ttf') format('truetype'), url('fonti/segoepr.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-variant:normal;
}

/*
Theme Name: UdobnoPoSvetu
Author: Peter Osterversnik
Author URI: http://www.udobnoposvetu.si
Description: 
Version: 3.0
*/

/* = osnovne HTML definicije
-------------------------------------------------------------- */

h1 {
	color: #59770e;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	font: normal 1.5em/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}

h1 a, h1 a:visited {
	color: #59770e;
	text-decoration: none;
}
h1 a:hover {
	color: #FF6600;
	text-decoration: none;
}

h2 {
	font: normal 160%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 35px 0 10px 0;
}

h3 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 30px 0 0 0;
}

h4 {
	font: normal 110%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 25px 0 0 0;
}

a {
	color: #CC6600;
	text-decoration: none;
}
a:visited {
	color: #CC6633;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
img {
	border: none;
}
p {
	padding: 15px 0 0 0;
	margin: 0px;
}

/* =Structure
-------------------------------------------------------------- */

*{ 	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	text-decoration: none;
}

.clearfix { clear: both;
}

body {	background-color: rgb(14,69,138);
	background-image: url(slike/sinje_modro.gif);
	background-repeat: repeat-x;	
	font: normal 1em/1.5 'Lucida Grande', Verdana, Geneva, sans-serif;
}

#page {			 	/* okvir celotne strani */
	display: block;
	width: 980px;		/* sirina strani vkljucno s stranskimi robovi za prehode */ 
	clear: both;
	margin: 0 auto;		/* sredinska poravnava */
}

.vsebina-strani {		/* sredinsko polje z vsebino */
	background: url(slike/ozadje_z_zelenim_stolpcem.png);
	width: 980px;
	float: left;	
	position: relative;	/* pomembno zaradi lebdečega polja z absolutno pozicijo */
} 

.rob-pod-menijem-modri {
	background: url(slike/rob_pod_menijem_moder.png);
	width: 958px;
	float: left;	
	margin: 0 0 0 11px;
	height: 3px;
	background-position: bottom;
}

.rob-pod-menijem-zelen {
	background: url(slike/rob_pod_menijem_zelen.png);
	width: 958px;
	float: left;	
	margin: 0 0 0 11px;
	height: 3px;
	background-position: bottom;
}

#primary {			/* stolpec z vsebino */
	float: left;
	margin: 0 0 0 10px; 	/* zunanja meja okoli vsebine */
	width: 658px;		/* sirina primarnega polja z vsebino */ 
}

#secondary {			/* stranski stolpec */	
	float: left;
	margin: 0 11px 0 0;
	width: 300px;		/* sirina primarnega polja z vsebino */ 
}

#content {			/* vsebina znotraj primarnega polja */
	margin: 0 35px 0 35px;	
}

#main .widget-area {
	background: url(slike/sencenje_stolpca_zeleno.png) repeat-x;
	float: right;
	overflow: hidden;
	width: 300px;		/* širina stranskega stolpca */
	min-height: 450px;
}

#main .widget-area-single-post {
	background: url(slike/sencenje_stolpca_zeleno.png) repeat-x;
	float: right;
	overflow: hidden;
	width: 300px;		/* širina stranskega stolpca */
}


/* 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,
.section-heading {
  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;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* = glava strani
-------------------------------------------------------------- */

.logotip {		/* glava strani z logotipom */
	background: url(slike/glava_strani.png);
	width: 980px;
	height: 220px;
	float: left;
}

.logo-sporocilo {		
	width: 607px;
	height: 220px;
	float: left;	
}

.promocijske-fotografije {		
	width: 372px;
	height: 220px;
	float: right;	
}

#site-title {
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
}
#site-description {
	font-size: 1em;
	font-weight: normal;
	margin: 0 0 1em;
}

/* = oblikovanje članka
-------------------------------------------------------------- */

.glava-clanka {
	width: 590px;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 40px;
}

.naslovno-polje-clanka {
	float: left;
	margin-left: 10px;
	width: 530px;
}

.koledarcek {
	width: 45px;
	height: 49px;
	float:left;
    	position: relative;
	overflow: hidden;
	background: url(slike/date-bg.gif) no-repeat;
}

.koledarcek span.mesec {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}

.koledarcek span.dan {
	font-size: 18px;
	text-transform: uppercase;
	color: #999999;
	text-align: center;
	display: block;
	line-height: 18px;
	padding-top: 7px;
	margin-left: -3px;
}

.koledarcek div.dan {
    color: #999999;
    display: block;
    font-size: 18px;
    left: 30px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0px;
}

.koledarcek .leto {
    	color: #CDCDCD;
    	font-size: 1.5em;
    	left: -20px;
    	top: 15px;
    	position: absolute;
}

.kategorija-clanka {
	background: url(slike/mini-category.gif) no-repeat;
	margin-left: 10px;
	padding-left: 20px;
	float:left;
	font-size: 0.7em;
	color: #999999;
}
.avtor-clanka {
	background: url(slike/ikonica-avtor.png) no-repeat;
	padding-left: 20px;
	float:left;
	font-size: 0.7em;
	color: #999999;
}
.post-comments {
	background: url(slike/mini-comments.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 0.7em;
}
.post-calendar {
	background: url(slike/mini-calendar.gif) no-repeat;
	padding-left: 20px;
	float: right;
	font-size: 95%;
	color: #999999;
}

.mini-add-comment {
	background: url(slike/mini-down-arrow.gif) no-repeat;
	padding-left: 18px;
	float: right;
	font-size: 0.7em;
}

.entry-meta {
	clear: both;
	display: block;
	font-size: 0.8em;
	border-top: 1px dotted #747474;
	border-bottom: 1px dotted #747474;
	margin-top: 10px;
	padding: 2px;
	color: #747474;
}

.vsebina-clanka {
	clear: both;
	color: #333333;
	font-size: 0.85em;
	line-height: 1.4em;
	text-align: justify;
}

.vsebina-clanka ul {
	margin: 10px 0 10px 30px;
	text-align: left;
}

#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 {
	margin: 0 0 1em;
}

/* 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%;
}

.error404 .entry-content {
	margin-left: 30px;
	margin-right: 30px;
}

/* 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;
}

/* Aside Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin-right: 1em;
}

/* = oblikovanje strani
-------------------------------------------------------------- */

.entry-title {
	width: 750px;
        height: 33px;
        overflow: hidden;
	color: #59770e;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	font: bold 2.2em/100% 'Segoe Print', 'Lucida Grande', Verdana, Geneva, sans-serif;
	padding-bottom: 0px;
}

.entry-title-senca {
	font: normal 12px/1.5 'Segoe Print';
	color: #4077d1;
	margin-top: 0px;
	text-align: right;
}

/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* 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 {
	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=submit]{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 24px;
    color: #FFF;
    padding: 5px 50px 5px 50px;
    border: 1px solid #999;
 
    text-shadow: 0px 1px 1px #666;
    text-decoration: none;
 
    -moz-box-shadow: 0 1px 3px #111;
    -webkit-box-shadow: 0 1px 3px #111;
    box-shadow: 0 1px 3px #111;
 
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
 
    background: #64a724;
    background: -moz-linear-gradient(top, #64a724 0%, #579727 50%, #58982a 51%, #498c25 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#64a724), to(#498c25), color-stop(0.4, #579727), color-stop(0.5, #58982a), color-stop(.9, #498c25), color-stop(0.9, #498c25));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a724', endColorstr='#498c25', GradientType=0 );
 
    cursor: pointer;
}

input[type=submit]:hover {
    border: 1px solid #FFF;
}

input[type=text],
input#s {
	margin: 0 1em 0 0;
	border: 1px solid #203346;
	width: 80%;
	padding: 4px 5px 0px 5px;
	border: 1px solid #bed881;
	background: #fff;
	color: #000000;
	font-weight: normal;
}

textarea {
	border:1px solid #203346;
	width: 80%;
	padding: 4px 5px 0px 5px;
	border: 1px solid #bed881;
	background: #fff;
	margin-right: 2px;
	color: #000000;
	font-weight: normal;
}

/* 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;
}


/* = noga strani
-------------------------------------------------------------- */

.zakljucek-vsebinskega-dela {
	background: url(slike/zgornji_rob_noge.png);
	margin-left: 11px;
	margin-top: 10px;	/* preseldek pod zadnjo vrstico besedila do prehoda na footer */
	float: left;
	width: 958px;
	height: 46px;
}

.zakljucek-stolpca {
	background: url(slike/roka_z_zemljo.png);
	float: right;
	position: relative;
	bottom: 100px;		/* del roke nad footerjem v gornji del stolpca */
	width: 209px;
	height: 170px;
 }

#noga-strani {			/* definicija za footer */
	clear: both;
	display: block; 	/* za IE da prikaze senčena robova */
	width: 100%;
	height: 401px;
	background: url(slike/ozadje_robovi_strani.png);
	margin-bottom: 30px;
}

.vsebina-noge{
	float: left;
	margin: 0 11px 1px 11px;
	width: 958px;
	height: 400px; 		/* začasna višina */
	border-bottom: 1px solid #171711;
	background-image: url(slike/ozadje_noge_osnovno.png);
	-moz-background-image: url(slike/noga_strani_sencenje.png), url(slike/ozadje_noge_osnovno.png);
}

/* = plavajoč reklamni listek desno
-------------------------------------------------------------- */

#box	{
	position: absolute;
	right: -170px;
	width: 170px;
	height: 265px;
	border: 0px;
	padding: 10px 0 0 10px;
	background: url('slike/listek.png') no-repeat top left;
	font-size: 10px;
	line-height: 1.4em;
	}

#box div {margin: 0 0;}

/* = fiksna reklama levo
-------------------------------------------------------------- */
.oglas-levo { 
	padding:0px; 
	margin: 0px; 
	border:0px; 
	z-index: 500; 
	position:fixed; 
	top:150px; 
	left:0;
}

.info-ikona {
	padding:0px; 
	margin: 0px; 
	border:0px; 
	z-index: 500; 
	position:fixed; 
	top:418px; 
	left:0;
}

/* = povdarjeni tekst v člankih
-------------------------------------------------------------- */
blockquote p {
	border-left: 5px solid #3FA4DA;
	color: #64AB24;
	font-family: Segoe Print;
	font-size: 1.3em;
	line-height: 1.5em;
	margin: 20px 30px 20px 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-align: left;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

xsmall {
	font-family: 'Courier New', Courier, Monaco, monospace;
	font-size: 0.9em;
	line-height: 1.2em;
}
	
/* oblikovanje polja z informativno ceno 
-------------------------------------------------------------- */

.polje-s-ceno {
	position: relative;
	font-family: Segoe Print;
	color: #64AB24;
	width: 590px;
	height: 88px;
	background: url(slike/info_cena_ozadje.png) no-repeat left;
	margin-bottom: 100px;
	margin-top: 20px;
}	

.cena {	
	position: absolute;
	right: 30px;
	top: 35px;
	font-size: 1.6em;
	font-weight: bold;
	text-shadow: #FFF 0px 0px 1px;
}

.informativna-cena {
	position: absolute;
	padding-left: 10px;
	padding-top: 6px;
	font-size: 1.3em;
	text-shadow: #FFF 0px 0px 1px;
}

.listek {
    	position: absolute;
    	right: -10px;
    	top: 60px;
	width: 101px;
	height: 69px;
	background: url(slike/info_cena.png) no-repeat left;
}

.poklicite-za-ponudbo {
	position: absolute;
	top: 35px;
	left: -15px;
	height: 74px;
	width: 350px;
	background: url(slike/info_telefon.png) no-repeat left;
}

.besedilo-za-klic {
	color: #4077d1;
	margin-top: 43px;
	margin-left: 75px;
	text-align: left;
	font-size: 12px;
}

#pisemska-ovojnica {
    	position: absolute;
	left: 300px;
    	top: 50px;
	width: 58px;
	height: 66px;
	background: url(slike/info_pismo.png) no-repeat left;
}

.besedilo-za-formular {
	color: #4077d1;
	margin-top: 48px;
	margin-left: -80px;
	width: 120px;
	text-align: left;
	font-size: 12px;
}

/* = komentarji
-------------------------------------------------------------- */

.commentlist {
	padding-left: 25px;
}

.commentlist li {
	padding-top: 15px;
}

.comment-author {

}

.comment-meta {
	font-size: 11px;
}

.comment-content {
	font: normal 1em/1.5 "Segoe Print", "Trebuchet MS", Tahoma, Arial;
	color: #444444;
}

/* = promo-polje
-------------------------------------------------------------- */

.promo-pano-polje {
	width: 654px;
	height: 220px;
	margin-left: 2px;
	margin-top: 1px;
	margin-bottom: 30px;
	font-family: "Segoe Print", "Trebuchet MS", Tahoma, Arial;
	background: url(slike/promo-pano-vsebina.png) no-repeat top left;
}

.promo-pano-polje .vsebina {
	height: 150px;
	width: 590px;
    	padding: 25px 32px 0 32px;
	color: #FFF;
	font: normal 1.2em/1.5 "Segoe Print", "Trebuchet MS", Tahoma, Arial;
}

.promo-pano-polje .vsebina em {
	color: #ea0a0a;
}

.promo-pano-polje .naslov em {
	color: #ea0a0a;
}

.promo-pano-noga {
	width: 654px;
	height: 67px;
	z-index: 100;
	top: 200px;
	position: absolute;
	background: url(slike/promo-pano-noga.png) no-repeat top left;
}

.promo-pano-polje .naslov {
	height: 47px;
	width: 590px;
    	padding: 20px 32px 0 32px;
	margin-top: -18px;
	color: #fce203;
	font: normal 1em/1.5 "Segoe Print", "Trebuchet MS", Tahoma, Arial;
}

.noga-kontaktni-formular {
	margin-left: 35px;
	margin-right: 45px;
	width: 300px;
	display: inline;
	float: left;
}

.noga-kontaktni-formular textarea, .noga-kontaktni-formular input[type=text], .noga-informacije input[type=text] {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #464636;
    border-color: #568D9E #98BFCB #98BFCB;
    border-radius: 4px 4px 4px 4px;
    border-right: 1px solid #98BFCB;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 2px #262622 inset;
    font: 10px/16px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    padding: 5px;
	width: 285px;
}

.noga-kontaktni-formular input[type=submit], .noga-informacije input[type=submit] {
    font-size: 14px;
    padding: 5px 30px 5px 30px;
}

.noga-kontaktni-formular input[type=submit]:hover, .noga-informacije input[type=submit]:hover {
    border: 1px solid #FFF;
}

.noga-informacije {
	width: 300px;
	display: inline;
	float: left;
}

.noga-tagi {
	width: 210px;
	margin-left: 45px;
	display: inline;
	float: left;
}

.widget {
	margin: 0 0 35px 0;
}

.vsebina-noge h1 {
    border-bottom: 1px dashed #55554D;
    color: #AAC20D;
    font: 1.5em/100% Segoe Print,"Trebuchet MS",Tahoma,Arial;
    margin: 0 0 2px;
    padding: 1px 0 0 6px;
}

.vsebina-noge .scfw h1 {
    border-bottom: 1px dashed #55554D;
    color: #AAC20D;
    font: 1.5em/100% Segoe Print,"Trebuchet MS",Tahoma,Arial;
    margin-bottom: 20px;
    padding: 1px 0 0 6px;
}

.vsebina-noge .telefonska {
    color: #FFF;
    font: 1.5em/100% Segoe Print,"Trebuchet MS",Tahoma,Arial;
    margin-top: 20px;
}

.vsebina-noge .footer-novice {
    color: #55554D;
    font: 1em/150% "Trebuchet MS",Tahoma,Arial;
}

.wpcf7-quiz-label {
    color: #55554D;
    font: 0.8em/150% "Trebuchet MS",Tahoma,Arial;
}

.dnevnik-potepanja {
    	font: 1.5em/100% Segoe Print,"Trebuchet MS",Tahoma,Arial;
	color: #59770e;
	margin: 20px 0px 0px 5px;
	text-align: right;
}

.potepanje {
    	font: 0.6em/100% Segoe Print,"Trebuchet MS",Tahoma,Arial;
	color: #0066cc;
	margin: 20px 0px 0px 5px;
}

/* nastavitev, da se ikona za statistiko ne prikazuje */
img#wpstats{display:none}

.size-thumbnail {
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    border-color: #AAAAAA;
    border-radius: 2px 2px 2px 2px;
}

.alignleft {
    margin-right: 10px;
}
