/* 
Theme Name: Runolist
Theme URL: 
Description: Tema za Runolist
Author: 
Author URI: 
Version: 1

*/
* { margin:0; padding:0; }
img { border:0; }
html, body { width: 100%; height: 100%; min-height: 100%; height: auto !important; height: 100%; position: absolute; }
body { background:#ffffff; font:12px Tahoma; color:#595656; }
.center { width:931px; margin:0 auto; }
.clear { clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px; }
ul { list-style:none; }
a { color:#ed000b; }
a:hover { color:#595656; }
/*Head*/
.head-wrap { background:url(images/trava.jpg) repeat-x; }
.head { height:195px; background:url(images/head-1.jpg) no-repeat; position:relative; width:931px; margin:0 auto; }
.logo, .page-img1, .page-img2, .page-img3, .page-img4, .page-img5, .lang { position:absolute; }
.logo { left:0px; top:62px; }
.page-img1, .page-img2, .page-img3 { bottom:0px; left:718px; }
.page-img4 { bottom:0px; left:706px; }
.page-img5 { bottom:0px; left:715px; }
.lang { left:770px; top:13px; }
.lang li { color:#ffffff; font-size:12px; height:18px; float:left; margin-right:8px; }
.l-act { background:url(images/point.png) bottom center no-repeat; }
/*Nav*/
.nav { background: url(images/nav.png) repeat-x; }
.nav2 { width:931px; margin:0 auto; position:relative; height:41px; }
.header-l { position:absolute; background:url(images/l-bg.png) no-repeat; width:155px; height:44px; top:-3px; right:20px; padding:13px 0 0 36px; font-size:17px; color:#ffffff; }
.nav2 ul { position:absolute; left:0px; top:-4px; }
.nav2 ul a, .nav span, .nav li { float:left; display:block }
.nav2 ul a { background:url(images/border.png) no-repeat center right; color:#1c2d19; font-size:17px; text-decoration:none; }
.nav2 ul span { padding:14px 12px 0 34px; height:31px; }
.nav2 ul a { padding-left:13px; }
.n1 span { background:url(images/n1.png) no-repeat 0px 4px; }
.n2 span { background:url(images/n2.png) no-repeat 0px 4px; }
.n3 span { background:url(images/n3.png) no-repeat 0px 4px; }
.n4 span { background:url(images/n4.png) no-repeat 0px 4px; }
.n5 span { background:url(images/n5.png) no-repeat 0px 4px; }
.n6 span { background:url(images/n6.png) no-repeat 0px 4px; }
.n1 a:hover span, .nav .act1 a:hover span { background:url(images/nnn1.png) no-repeat; cursor:pointer; }
.n2 a:hover span, .nav .act2 a:hover span { background:url(images/nnn2.png) no-repeat; cursor:pointer; }
.n3 a:hover span, .nav .act3 a:hover span { background:url(images/nnn3.png) no-repeat; cursor:pointer; }
.n4 a:hover span, .nav .act4 a:hover span { background:url(images/nnn4.png) no-repeat; cursor:pointer; }
.n5 a:hover span, .nav .act5 a:hover span { background:url(images/nnn5.png) no-repeat; cursor:pointer; }
.n6 a:hover span, .nav .act6 a:hover span { background:url(images/nnn6.png) no-repeat; cursor:pointer; }
.nav .act1 span { background:url(images/nn1.png) no-repeat; }
.nav .act2 span { background:url(images/nn2.png) no-repeat; }
.nav .act3 span { background:url(images/nn3.png) no-repeat; }
.nav .act4 span { background:url(images/nn4.png) no-repeat; }
.nav .act5 span { background:url(images/nn5.png) no-repeat; }
.nav .act6 span { background:url(images/nn6.png) no-repeat; }
.nav .act1 a, .nav .act2 a, .nav .act3 a, .nav .act4 a, .nav .act5 a, .nav .act6 a { background:url(images/na.png) repeat-x; color:#3f3c3c; text-decoration:none; }
.nav2 ul a:hover { background:url(images/na.png) repeat-x; color:#e53a3a; text-decoration:none; }
/*Main*/
.bg { background:url(images/bg-2.png) repeat-y center; width: 100%; height: 100%; min-height: 100%; height: auto !important; height: 100%; position: absolute; }
.main { background:url(images/bg-1.png) no-repeat center top; width: 100%; height: 100%; min-height: 100%; height: auto !important; height: 100%; }
.wrap { width:931px; margin:0 auto; padding-bottom:51px; min-height:1px; }
.left { padding:11px 0 0 21px; width:699px; float:left; }
.right { width:191px; float:left; padding:2px 0 0 0; }
/*Left*/
.f-box { background:url(images/f-box.png) no-repeat #e4e4e4; width:685px; min-height:1px; padding:8px 0 6px 5px; margin-bottom:12px; }
.f-l { width:676px; }
.f-l li { }
.f-l img { float:left; margin-right:5px; }
.f-l h2 { padding-top:9px; }
.f-l h2 a { color:#1c2d19; font-size:18px; text-decoration:none; font-weight:normal; }
.f-l h2 a:hover { color:#ed000b; text-decoration:underline; }
.f-r { width:270px; float:left; padding-top:9px; }
.desc { margin-bottom:7px; }
.f-r h2 { font-size:18px; font-weight: normal; color:#1c2d19; margin-bottom:7px; }
/*Right*/
.ban { padding-bottom:3px; border-bottom:1px solid #e5e5e5; margin-bottom:5px; }
.ban img { margin-bottom:2px; }
.header { background:url(images/header-bg.png) repeat-x; margin-bottom:2px; }
.header h3 { height:31px; padding:10px 0 0 41px; font-size:17px; color:#ffffff; font-weight:normal; }
.h31 h3 { background:url(images/header-1.png) no-repeat; }
.h32 h3 { background:url(images/header-2.png) no-repeat; padding-left:33px; }
.news-box { margin-bottom:11px; min-height:1px; }
.n-l { width:281px; float:left; }
.n-r { width:410px; float:left; padding:10px 0 0 0; }
.n-l img { border:1px solid #ebebeb; }
.n-l a:hover img { border:1px solid #fc0000; }
.news-link { min-height:1px; margin-bottom:4px; display:block; width:100%; overflow:hidden; background:#ebebeb }
.news-link a { background:#ebebeb; color:#1c2d19; padding:8px 0px 8px 9px; float:left; font-size:18px; text-decoration:none; margin-right:10px; }
.news-link a:hover { color:#ed000b; text-decoration:underline; }
.desc-2 { padding:0 0 5px 9px; }
.desc-2:hover { color:#8b8a8a; }
.go { position:relative; padding:0 0 0 9px; }
.go p { position:absolute; top:2px; right:11px; font-size:10px; color:#bbbbbb; }
.pages { padding:9px 0 0 0; border-top:1px solid #f5f5f5; height:30px; }
.pages a { display:block; margin:0 0px 0 0; color:#535353; text-decoration:none; height:16px; float:left; padding:3px 6px 0 6px; }
.pages li { float:left; }
.pages a:hover { background:#7dbf0e; color:#ffffff; }
.wrap .pr a, .wrap .pr a:hover { width:auto; height:auto; padding:0; background:#ffffff; color:#acacac; text-decoration:underline; margin-right:12px; }
.wrap .nx a, .wrap .nx a:hover { width:auto; height:auto; padding:0; background:#ffffff; color:#acacac; text-decoration:underline; margin-left:12px; }
.wrap .pr a:hover { color:#ed000b; }
.wrap .nx a:hover { color:#ed000b; }
.wrap .activ a { background:#ed000b; color:#ffffff; }.wp-caption {margin:5px}.wp-caption-text {text-align:center; margin:5px}
/*Foot*/
.foot { background:url(images/foot-bg.png) repeat-x; position:absolute; bottom:0px; left:0px; width:100%; }
.foot2 { width:931px; margin:0 auto; height:49px; background:url(images/f-bg.png) no-repeat 323px 1px; position:relative; }
.p1, .p2, .p3 { position:absolute; font-size:11px; }
.p1 { left:29px; top:18px; }
.p2 { left:600px; top:20px; display:block; color:#979797; text-decoration:none; background:url(images/rrs.png) no-repeat; padding:0 0 0 21px; height:14px; }
.p3 { top:20px; right:35px; color:#979797; }
.p3 a, .p2 a { text-decoration:none; color:#595656; }
/*Carousel*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 665px; height: 295px; }
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }
.jcarousel-skin-tango .jcarousel-container { }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 665px; height:295px; }
.jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  665px; height: 295px; }
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  665px; height: 295px; }
.jcarousel-skin-tango .jcarousel-item { width:  665px; height: 295px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 10px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 116px; right: 270px; width: 61px; height: 61px; cursor: pointer; background: url(images/but-lr.png) no-repeat; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background: url(images/but-r.png) no-repeat; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { background: url(images/but-r.png) no-repeat; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 116px; left: 0px; width: 61px; height: 61px; cursor: pointer; background: url(images/but-ln.png) no-repeat; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background: url(images/but-l.png) no-repeat; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; }
/*********************wordpres**********************/
.alignleft { float:left; margin:5px; }
.alignright { float:right; margin:5px; }
.datumposta { font-size:10px; color:#bbbbbb; }
.post { }
.post h1 { background:#ebebeb; color:#1c2d19; padding:8px 8px 8px 9px; float:left; font-size:18px; text-decoration:none; min-height:1px; margin-bottom:4px; font-weight:normal; display:block; width:672px}
.post p { line-height:140%; text-align:justify; padding-right:10px; margin-bottom:10px; }
.navigation { padding:9px 0 0 0; border-top:1px solid #f5f5f5; height:30px; }
.right img { margin-bottom:2px; }
.right hr{ margin:3px 0 5px 0; border: none; border-bottom:1px solid #e5e5e5;}
#mycarousel li img { margin-right:15px }
#mycarousel li h2 { margin-bottom:10px; margin-left:-5px; }
#mycarousel li p:hover { color:#8b8a8a; }
#preloadedImages { width: 0px; height: 0px; display: inline; background-image: url(images/nnn1.png); background-image: url(images/nnn2.png); background-image: url(images/nnn3.png); background-image: url(images/nnn4.png); background-image: url(images/nnn5.png); background-image: url(images/nnn6.png); background-image: url(); }
/***********sitemap************/
#sitemap_list { margin: 0; padding: 0; }
#sitemap_list li { padding: 0; margin: 1.5em 0; list-style-type: none; }
#sitemap_list li ul { margin: 1.5em 0 0 0; padding: 0; }
#sitemap_list li li { background: url(images/ico_level_2.png) no-repeat 0 0.5em; margin: 0.7em 0 0.7em 30px; padding: 0 0 0 25px; }
#sitemap_list li a { background-color: #ebebeb; text-indent: 0; display: block; padding: 5px 5px 5px 5px; margin-right:20px; }
#sitemap_list li li a { background: none; display: inline; padding: 0; border: none; }
#sitemap_list .posts_in_category { margin-top: -1.5em; }
#sitemap_list li li .posts_in_category { position: absolute; margin: 0; padding-left: 10px; }
#sitemap_list .posts_in_category a { background: url(images/ico_post_list.png) no-repeat center; text-indent: -9999px; display: block; width: 1.1em; height: 1.1em; border: solid 1px #ccc; margin-top: -1.5em; padding: 0; float: right; margin-right: 10px; }
#sitemap_list li li .posts_in_category a { margin: 0; float: none; }