@charset "UTF-8";
/******************************* FONTS *******************************/
@import url(http://fonts.googleapis.com/css?family=Unica+One&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext);

/******************************* RESET *******************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
html {overflow-y: scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:0; background-color: #c7c7c7; border-top: 1px solid #c7c7c7; border-left:0; border-right:0; border-bottom: 1px solid #FFF; margin:1em 0; padding:0;}
*+html hr {height: 2px;}

/******************************* BASIC ELEMENTS *******************************/
* { margin: 0; padding: 0;}
img { border: 0; }

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.clearfix { width:100%; height: 0; clear: both; }

header, nav, article, footer, address { display: block; }
header, footer { width: 100%; clear: both; padding: 0; margin: 0; }

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justfy {text-align: justify;}

a {color: ; text-decoration: underline;}
a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}

/******************************* BODY *******************************/
body {font-family: 'Open Sans', sans-serif; font-size: 14px; background: url('../images/bg.gif'); color: #2d2d2d;}

.prva-stran {background: url('../images/bg.jpg') no-repeat center top;}
.podstran {background: url('../images/bg-podstran.jpg') no-repeat center top;}

.wrapper {margin: 0 auto; width: 990px;}

/******************************* HEADER *******************************/
header {width: 100%; height: 644px; color: #FFF;}
header .cankar {height: 644px; background: url('../images/cankar.png') no-repeat 78px bottom;}
.main-logo { text-align: center; }
.main-logo img { width: 150px; margin-top: 40px;}
.menu {display: inline-block; width: 950px; font-family: 'Unica One', cursive; margin: 0px 0 0 30px; background: url('../images/line-v3.png') no-repeat center 121px; position:relative; z-index:1000;}
.menu > ul > li {float: left; list-style: none; margin-left: 28px; font-size: 20px;}
.menu > ul > li > a {float: left; color: #FFF; text-decoration: none;}
.menu > ul > li.link > a {padding-top: 10px; text-transform: uppercase;}
.menu > ul > li.active > a {color: #ffcf01;}
.menu > ul > li > a:hover {color:#ccc;}

.dropd {position: absolute; display: block; margin-top: 50px; background: #73082f; border: 1px #ffdb00 solid; padding: 20px; width: 160px;}
*+html .dropd {margin-left: -110px;}
.dropd a {display: block; color: #ffdb00; font-family: 'Open Sans', sans-serif; font-size: 14px; padding: 7px 0; text-decoration: none;}
.dropd a:hover {color:#fff;}

.head-text {float: right; width: 470px; margin-top: 20px;}
.head-text h1 {color: #ffcf01; font-size: 30px; padding-bottom: 15px; font-style: italic; font-weight: 300;}
.head-text a {color: #ffcf01; text-decoration: underline;}
.head-text a:hover {text-decoration: none;}
.head-text p {padding-bottom: 30px; line-height: 22px;}

/******************************* CONTENT *******************************/
.items {display: block; overflow: auto; margin-top: 20px; padding-bottom: 70px;}
.items h3 {font-size: 32px; font-weight: 300; padding-bottom: 5px; margin-bottom: 30px;}
.items .levo h3 {border-bottom: 1px #ecc59e solid; color: #e56600; text-transform:uppercase;}
.items .desno h3 {border-bottom: 1px #d6abb1 solid; color: #92083a; text-transform:uppercase;}
.items .levo h2, .items .levo a {color: #e56600;}
.items a {font-size: 14px;}
.items h2 a {text-decoration: none;}
.items .desno h2, .items .desno a {color: #92083a;}
.datum {display: inline-block; margin: 10px 0; color: #616161; font-size: 12px;}
.items p {font-size: 12px; padding-bottom: 20px;}

.items div.pics {height:200px;}

.levo {float: left; width: 470px;}
.desno {float: right; width: 470px;}

.more {position: relative; margin-top: 30px; display: inline-block; width: 100%;}
.more a {font-size: 16px;}
.lm {position: absolute; left: 0; top: 0;}
.dm {position: absolute; right: 0; top: 0;}
.cent {display: block; width: 126px; background: url('../images/bg.gif'); text-align: center; margin: 0 auto; margin-top: 6px; text-transform:uppercase;}
.levo .more {background: url('../images/or-line.gif') repeat-x left 17px;}
.desno .more {background: url('../images/or-line.gif') repeat-x left 17px;}

.lemon {width: 100%; padding: 10px 0; background: #FFF; position: relative; -webkit-box-shadow:  0px 0px 4px 4px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 4px 4px rgba(0, 0, 0, 0.2);}
.slider img {float: left; margin-right: 7px;}
.controls {position: absolute; top: 0; left: 0; width: 100%;}
.prev-slide {position: absolute; top: 70px; left: 10%;}
.next-slide {position: absolute; top: 70px; right: 10%;}

/* Necessary CSS */
.slider    { overflow:hidden; position:relative; }
.slider ul { margin:0; padding:0; }
.slider li { float:left; margin:0 5px 0 0; list-style:none; }
/* IE6 issues */
.slider ul { width:100%; }
.pics div {background: url('../images/bg.gif');}

/******************************* FOOTER *******************************/
footer {width: 100%; height: 100px; padding-top: 0px; background: #FFF; text-align: center;}
footer h3 {font-size: 24px; color: #868686; font-weight: 300; padding-bottom: 30px;}

.podpis {width: 100%; height: 47px; font-size: 13px; color: #868686; padding-top: 40px; margin-top: 40px; background: url('../images/podpisbg.gif') repeat-x;}
.podpis .izdelava {color: #868686; font-size: 12px; padding-right: 90px; background: url('../images/novisplet.png') no-repeat right 4px; text-decoration: none;}
.podpis .izdelava:hover {text-decoration: underline;}

/******************************* PODSTRAN *******************************/
.main {display: block; padding: 80px 0; min-height:250px; height:auto !important; height:250px;}
.podstran header {height: 263px;}
.naslov {display: block; width: 100%;}
.ribbon {display: block; position: absolute; margin-top: 14px; left: 50%;}
.ribbon  h2{float: left; padding: 5px 0; display: inline-block; font-weight: normal; font-size: 36px; color: #ffcf01;  background: url('../images/fl.gif') repeat-x; font-family: 'Unica One', cursive;}
.rlevo {float: left; display: inline-block; width: 38px; height: 53px; background: url('../images/l-pl.png') no-repeat;}
.rdesno {float: left; display: inline-block; width: 38px; height: 53px; background: url('../images/d-pl.png') no-repeat;}
.ribb {float: right; margin: 10px 0 10px 30px;}
.main p {text-align: justify; line-height: 24px; padding-bottom: 20px; color: #2d2d2d;}
.main p.small {font-size: 13px; color: #2d2d2d; line-height: 18px;}
.main h1 {font-size: 32px; color: #92083a; font-style: italic; padding-bottom: 20px;}
.main h2 {font-size: 26px; color: #92083a; padding-bottom: 20px;}
.main h3 {font-size: 22px; color: #92083a; padding-bottom: 16px;}
.main h4 {font-size: 18px; color: #92083a; padding-bottom: 12px;}
.main table {width: 100%; text-align: left; margin: 10px 0;}
.main table th {border-bottom: 2px #bb7a1f solid; background-color: #e2cea9;}
.main table th, .main table td {padding: 4px;}
.main table tr:nth-of-type(even) { background-color: #e2cea9; }
.main a {color: #92083a;}
.main ul {padding:0 0 20px 0; margin-top:-10px;}
.main ul li {background:url('../images/bullet8.gif') no-repeat 0 9px; padding:0 0 2px 16px;}

#slider1 ul { margin:0; padding:0; width:100%; }
#slider1 li { float:left; list-style:none; background:none; padding:0 0 0 16px; }
#slider1 li img {clear:left; float:left; width:300px; height:200px;}
#slider1 li p.picount {float:left; width:300px; padding:0 0 6px 0; font-size:11px; line-height:12px; color:#999; text-align:center;}
#slider1 li p.picdesc {clear:left; float:left; width:300px; padding:6px 0 0 0; font-size:13px; line-height:16px;}

.main article {display: block; border-bottom: 2px #e0cca8 solid; padding: 40px 0; overflow: auto;}
.main article:first-child {padding-top: 0;}
.main article h2 {font-size: 20px; color: #92083a; padding-bottom: 0;}
.main article h2 a {text-decoration:none;}
.main article h2 a:hover {color:#000;}
.main article .datum {font-size: 12px; color: #6e6e6e;}
.main article p {font-size: 13px; color: #2d2d2d; line-height: 18px;}
.main article img.fr {margin: 10px 0 0 30px;}
.vec {background: #92083a; color: #FFF!important; text-decoration: none; font-size: 13px; padding: 3px 10px;}
.vec:hover {color: #ffcf01!important;}

.main .pagination {margin-top: 30px;}
.main .pagination li {float: left; margin-right: 15px; background:none; padding:0;}
.main .pagination li a {color: #2d2d2d; font-size: 17px; text-decoration: none; background: #e0cca8; padding: 2px 7px;}
.main .pagination li a:hover, .main .pagination li.active a {color: #FFF; background: #92083a;}

.fnaslov {width: 100%; padding-bottom: 20px; text-align: center; color: #e56600;}
.fnaslov h3 {font-size: 24px; font-weight: 300; letter-spacing: 4px;}
.novica {padding-bottom: 20px;}
.novica .datum {display: block;}
.novica h2 {font-size: 28px; padding-bottom: 0;}
.novica p {font-size: 13px; line-height: 20px;}
.slika {float: right; margin: 0 0 0 30px;}