html,body,div,input,select,textarea,span,object,iframe,hr,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,var,strong,sub,sup,var,b,i,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,caption,section,summary,time,mark,audio,video,button,a,ul,ol {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight: normal;font-style: normal;}

html{color:#000;background-color:#fff;padding-bottom:1px;}

div,hr,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;clear:both;overflow: hidden;}

blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}

a,a:hover, .label label, .submit input, button, .checkbox input, .radio input{cursor:pointer;}
a,a:hover {text-decoration:none;color:inherit;font-weight: inherit;font-style: inherit; font-size: inherit; font-family: inherit;}
a:focus {outline: none;}

ins,mark {background-color:#ff9;color:#000;}
ins {text-decoration:none;}
mark {font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr,acronym {border:0;font-variant:normal;}
abbr[title],dfn[title] {border-bottom:1px dotted #ccc;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {height:1px;border-top:1px solid #ccc;}
input,select {vertical-align:middle;}
strong {font-weight:bold;}
em,em span {font-style:italic;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
caption,th {text-align:left;}

sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

.preloader {display: block;width: 100%; height: 100%; background-color: #fff; position: absolute; top:0; left:0;z-index: 999;background: #fff url(/Assets/cdn/themes/zaradni/img/preloader.gif) 50% 50% no-repeat;}
a.more em,a.more:hover em,#breadcrumb li em {font-family: Arial,sans-serif; font-style: normal; line-height: inherit; font-size: 9px;}

.hidden,.form legend {display:none;}

.checkbox input, .radio input {width:13px;height:13px;background-color:#fff;border:1px solid #000;}
.input input,.select select,.textarea textarea {padding:8px;}
.submit button {border:0;float:left;background:transparent;}

header ul, header li, footer ul, footer li, nav li, .nav li, nav ul, .nav ul, .fl {float: left;clear:none;}
header ol, footer ol, nav ol, .nav ol, .fr {float: right;clear:none;}

.odd,li.odd {clear:both;}

/* form reset */
.label, .control {float: left;clear: none;}
.field {width:100%;float:left;clear:both;}
.label em {visibility: hidden;}
.required .label em {visibility: visible;}
.form fieldset {clear:both;float:left;width:100%;}
.submit input, button {display: block;overflow: hidden; text-align: center;}
.submit input.disabled, button.disabled {cursor:default;}
.checkbox-rule .label {font-size:13px; line-height:15px;text-align:left;width:316px;padding:0;}
.checkbox-rule .control {width:30px;margin-left:183px;}

/* text */

.text {font-size: 14px; line-height: 24px;}
.text .description {font-size: 18px; line-height: 29px;}
.text p, .text ul, .text ol { margin:2px 0 10px 0;}
.text img {margin-top: 20px;}
.text sup,.text sub { line-height:5px;font-size:10px;}
.text i,.text em { font-style:italic;}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { margin-top:22px;margin-bottom:5px;}
.text h1,.text h1 a,.text h1 a:hover { font-size:31px;line-height:40px; }
.text h2,.text h2 a,.text h2 a:hover { font-size:26px;line-height:35px; }
.text h3,.text h3 a,.text h3 a:hover { font-size:20px;line-height:30px; }
.text h4,.text h4 a,.text h4 a:hover { font-size:18px;line-height:25px;}
.text h5,.text h5 a,.text h5 a:hover { font-size:16px;line-height:14px;}
.text h6,.text h6 a,.text h6 a:hover { font-size:14px;line-height:13px;}
.text small { line-height:19px; font-size:11px; }
.text big { line-height:19px; font-size:17px;}
.text em { font-style:italic;}
.text blockquote { margin: 30px 0; text-indent:20px; font-style:italic; outline: none;}
.text table {margin-bottom: 20px;}

/* msg message */
.msg {background:#D6FAD4; width:100%; text-align:center; color:#fff; float:left; color:#888; font-size: 14px; text-align:left; margin: 20px 0 10px 0; line-height: 17px; padding: 5px 10px;}

/* .box */
.box, .box- {top:0;left:0;width: 100%;height: 100%; z-index: 97;}
.box, .box-, .box-- {position: absolute;}
.box- {background-color: #fff;z-index: 98;opacity: 0.9;position: fixed;}
.box-- {z-index: 99;}
.box, .box * {overflow: visible;}




.share-it {width: 360px;}
.share-it, .share-it > div {height: 35px; float: left; clear: none;}
.share-it > div {margin: 15px 19px 0 0;}
.share-it > .twitter {width: 90px;overflow: hidden;}

.index #content article.main .howtos {width: 720px;height: 540px;position: relative;}

html{background-color:#cccccc;}
body{font-size: 12px;line-height: 20px;font-family: Verdana,sans-serif;}
a:hover, .form .checkbox .label label a:hover {text-decoration: underline;}
.form .checkbox .label label a {color:#00A8FF;}
hr {border-top:2px solid #e6e6e6;margin-bottom: 10px;margin-top: 5px;float: left;width: 100%;}

small {font-size: 10px; line-height: 13px; color:#808080;}

/* grid */
#ak {min-height:100%;height:auto !important;height:100%;}
body > header,#content,#copyrights,#bar,#extra {background-color:#fff;}
#shortcuts {background-color:#231f20;}
.grid {width:960px;margin:0 auto;}
.spis .grid-right, article {width: 720px;float: right; clear:none;}
aside {width: 240px;float: left; clear:none;}


.spis .grid-right article.main:first-child, .spis .grid-right article:first-child, .spis .grid-right article {margin-top: 20px;}
.spis .grid-right article.main {margin-top: 0;}

.form .howto-add-legals .input input, .form .howto-add-legals .label label, .textarea .focus, .textarea .filled, .input .howto-add {font-size:12px;font-family: Verdana, sans-serif;}

.grid-flipmode article {float: left;}
.grid-flipmode aside {float: right;}

/* category - categories coloes */

  .category, .category * {border-color:#ff8a00;}
  .category .ico, .category .layer, .category .meta span, .category h1 {background-color:#ff8a00;}
  .menu li.category, .category hgroup .ico, .category hgroup h2 {background-color: #ffa913;}
  
  .category hgroup h1, .category hgroup h2, .category hgroup h3 {color:#fff; font-size: 18px; height: 50px; line-height: 50px; padding: 0 13px;}
  .category hgroup h3 { color: #ffa913;}

  /* breadcrumbs */
  .category .crumb h3 {background-color:#ff8a00;color:#fff}
  .category .crumb h1 { color: #ffa913;background-color: transparent;}
  /* breadcrumbs end*/

  
  .category-1 .ico {background-position: 0 0;}
  .category-2 .ico {background-position: -50px 0;}
  .category-3 .ico {background-position: -100px 0;}
  .category-4 .ico {background-position: -150px 0;}
  .category-5 .ico {background-position: -200px 0;}
  .category-6 .ico {background-position: -250px 0;}
  .category-7 .ico {background-position: -300px 0;}
  .category-8 .ico {background-position: -350px 0;}
  .category-9 .ico {background-position: -400px 0;}
  .category-10 .ico {background-position: -450px 0;}
  .category-12 .ico {background-position: -550px 0;}
  .category-13 .ico {background-position: -600px 0;}
  .category-14 .ico {background-position: -650px 0;}
  .category-15 .ico {background-position: -700px 0;}
  .category-16 .ico {background-position: -750px 0;}
  .category-17 .ico {background-position: -800px 0;}
  .category-18 .ico {background-position: -850px 0;}


/* ico */
.ico, .ico-f-done em {width:50px;height:50px;background-image: url(/Assets/cdn/themes/zaradni/img/sprite.png);text-indent: -9999px;float: left;display: block;overflow: hidden;text-align: left;}
.ico-edit-grey {background-position: -50px -100px;}
.ico-edit-green {background-position: -100px -100px;}

.ico-30 {width: 30px;height: 30px;}
.ico-30-fb {background-position: -270px -206px;}
.ico-30-tw {background-position: -300px -206px;}

.ico-m {width: 40px;height: 40px;}
.ico-m-hand {background-position: 0 -166px;}
.ico-m-go {background-position: -40px -166px;}
.ico-m-write {background-position: -80px -166px;}
.ico-m-idea {background-position: -120px -166px;}
.ico-m-close {background-position: -160px -166px;}
.ico-m-gallery-mode {background-position: -150px -206px;width:28px; height: 28px;}
a:hover .ico-m-gallery-mode, a.selected .ico-m-gallery-mode {background-position: -120px -206px;width:28px; height: 28px;}
.ico-m-list-mode {background-position: -210px -206px;width:28px; height: 28px;}
a:hover .ico-m-list-mode, a.selected .ico-m-list-mode {background-position: -180px -206px;width:28px; height: 28px;}
.ico-m-fl {background-position: -200px -166px;}
.ico-m-up {background-position: -400px -166px;}
.ico-m-down {background-position: -360px -166px;}
.ico-m-eye {background-position: -440px -166px;}
.ico-m-reply {background-position: -480px -166px;}

.ico-s, .ico-f-done em {width: 16px;height: 16px;}
.ico-s-checked {background-position: 0 -150px;}
.ico-s-form {background-position: -16px -150px;}
.ico-s-mail {background-position: -32px -150px;}
.ico-s-urgent {background-position: -48px -150px;}
.ico-s-info  {background-position: -64px -150px;}
.ico-s-edit  {background-position: -80px -150px;}
.ico-s-edit-2  {background-position: -544px -150px;}
.ico-s-remove  {background-position: -96px -150px;}
.ico-s-down  {background-position: -528px -150px;}



.ico-s-add  {background-position: -112px -150px;}
.ico-s-idea  {background-position: -128px -150px;}
.ico-s-bq  {background-position: -144px -150px;}
a:hover .ico-s-bq  {background-position: -176px -150px;}
.ico-s-bq-re  {background-position: -160px -150px;}
a:hover .ico-s-bq-re  {background-position: -192px -150px;}
.ico-s-bold  {background-position: -208px -150px;}
a:hover .ico-s-bold  {background-position: -224px -150px;}
.ico-s-italic  {background-position: -240px -150px;}
a:hover .ico-s-italic  {background-position: -256px -150px;}
.ico-s-list  {background-position: -272px -150px;}
a:hover .ico-s-list  {background-position: -288px -150px;}
.ico-s-camera  {background-position: -368px -150px;}
.ico-s-href {background-position: -608px -150px;}
a:hover .ico-s-href {background-position: -624px -150px;}

.ico-s-bottom-red {background-position: -386px -150px;}
.ico-s-up-red {background-position: -402px -150px;}
.ico-s-comments {background-position: -416px -150px;}
.ico-s-delete  {background-position: -432px -150px;}
.ico-s-ok  {background-position: -448px -150px;}
.ico-f-phone  {background-position: -464px -150px;}
.ico-f-nip  {background-position: -480px -150px;}
.ico-f-place  {background-position: -496px -150px;}
.ico-f-account  {background-position: -512px -150px;}
.ico-f-name  {background-position: -352px -150px;}
.ico-s-arrow  {background-position: -560px -150px;}

.ico-3, .ico-pag {width: 30px;height: 30px;}
.ico-pag-next {background-position: 0 -206px !important;}
.ico-pag-prev {background-position: -60px -206px !important;}
a:hover .ico-pag-next {background-position: -30px -206px !important;}
a:hover .ico-pag-prev {background-position: -90px -206px !important;}

.ico-sort-desc {width:8px;height:4px;background-position: -50px -340px;margin:5px 0 0 5px;}
.ico-sort-asc {width:8px;height:4px;background-position: -50px -344px;margin:5px 0 0 5px;}
.iconn span {float: left;}


.ico-3-plus {background-position: -240px -206px;}

.input .ico-f-done {position: relative;}
.ico-f-done input {padding-left: 34px;}
.ico-f-done em {position: absolute; left:11px; top:12px;}
.ico-f-zoom {background-position: -304px -150px;}
.ico-f-mail {background-position: -320px -150px;}
.ico-f-lock {background-position: -336px -150px;}
.ico-f-user {background-position: -352px -150px;}

.ico-add-photo {width:50px;height:30px;background-position: 0 -340px;}

/* pag */
.pag {float: right;}
.pag li {margin-left: 1px;}
.pag a, .pag a:hover {width:30px;height: 30px;display:block;text-align: center;line-height: 31px;font-size: 20px;background-color: #ccc; color: #fff;}
.pag a:hover, .pag a.current:hover {text-decoration: underline;}
.pag a.current {background-color: #00a8ff;color:#fff !important;}


/* header */
body > header {padding-bottom: 8px;}
body > header .logo {width:250px;height:103px;display: block;float:left;margin-top: 14px;}
body > header .logo a, body > header .logo a:hover {text-indent: -9999px;display: block;overflow: hidden;width:100%;height: 100%;background: transparent url('/Assets/cdn/themes/zaradni/img/h1.png') 0 0 no-repeat;}
body > header .logo a:hover {background-position: 100% 100%;}

/* search */
.search {width:520px;float: right;clear:none;margin-top: 46px;}
.search .label {display: none;}
.search .field {float: left;clear: none;}
.search .input {width: 400px;}
.search .input .control {width: 400px;}
.search .input input {background: transparent url(/Assets/cdn/themes/zaradni/img/search-input.gif) 0 100% no-repeat;line-height: 41px;height: 38px; color:#ccc; font-size: 20px; width:520px;padding:0 40px;border:0;border-bottom: 2px solid #00a8ff;}
.search .submit, .search .submit button {float:left;width:120px;background-color: #00A8FF;}
.search .submit:hover, .search .submit .hover {background-color: #ff8900 !important;}
.search .submit button span, .search .submit button.hover span, .search .submit button:hover span {padding-right: 0;}


/* breadcrumbs nav */
.breadcrumbs ul {margin: 10px 0 5px 1px;}
.breadcrumbs span, .breadcrumbs li {float: left;}
.breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a span, .breadcrumbs a:hover span {color:#808080;font-size: 10px;line-height: 21px;}
.breadcrumbs .current:hover span, .breadcrumbs a:hover span {text-decoration: underline;}

.breadcrumbs li em {width:11px;height: 11px;display:block;text-indent:-9999px;background: transparent url(/Assets/cdn/themes/zaradni/img/sprite.png) -120px -340px no-repeat;float: left;padding-right:5px;margin-top:5px;}
.breadcrumbs li:first-child em {width:11px;height: 11px;background-position: -100px -340px;}

/* wcag nav */
.bar {background-color: #231f20;font-size: 12px; line-height: 31px; color:#fff;}
.bar ol {float: left;}
.bar li {margin: 0;}
.bar a {display: block; height: 31px; float: left; padding: 0 20px;text-transform: uppercase;line-height: 31px;}
.bar .white {background-color: #efefef;color: #231f20;}
.bar .blue {background-color: #00a8ff;}
.bar .gray {background-color: #3d3638;}
.bar .simple {text-transform: none;color: #00a8ff;}


/* popular */
.popular .item {position: relative; clear: both; width: 350px; height: 220px; margin-bottom: 30px;}
.popular h2 strong, .popular h2 a, .popular h2 a:hover {background: #ec008c !important;}

.popular .bookmark, .popular .bookmark:hover {width: 100%; height: 100%; display: block; position: absolute;}
.popular .bookmark span, .popular .bookmark img {position:absolute;top:0;left:0;z-index: 1;float:left}
.popular .bookmark img {float:left;display:block;overflow: hidden; position: relative;}
.popular span {font-size:14px; line-height: 21px;color:#fff;padding: 4px 9px;}
.popular .bookmark span, .popular .bookmark span span {z-index: 3;font-size: 20px; line-height: 25px;background-color:#00a8ff; clear: both; float:left;padding-left:8px;color: #fff}
.popular .bookmark span.split {width: 100%;background: transparent;padding: 0;}
.popular .bookmark span.split span {display: inline;position:static;float: left;clear: none;padding:4px 0;}
.popular .bookmark:hover span.split span {text-decoration: underline;}
.popular .bookmark span.split .l {padding-left: 12px;}
.popular .bookmark span.split .r {padding-right: 12px;}
.popular .meta {position: absolute;z-index: 4;}
.popular .meta:hover span {text-decoration: underline;}
.popular .meta img {width:29px;height:29px;float:left;}
.popular .meta span, .popular .meta:hover span {font-size:14px; line-height: 21px;text-decoration:underline;float:left;padding: 4px 9px;}
.popular .category:hover span {display: block;}

/* howtos nav */
.main .howtos .popular, .main .howtos .popular .bookmark img {height:270px}
.main .howtos .popular .bookmark span {top:29px;}
.howtos .howto {clear: none;width:240px;float:left;}
.howtos .odd {clear: both;}

.howtos .howto h3 {font-size: 15px; line-height: 19px;}
.howtos .howto h3 a span {padding: 0 0 0 10px;float: left;color:#231f20;width:180px;}
.howtos .howto h3 a:hover span { text-decoration:underline;}
.howtos .howto h4, .howtos .howto p {border-left-width: 2px; border-left-style: solid;padding: 10px 10px 0 10px;clear: both;width:210px;float:left;}
.howtos .howto h4 {font-size: 20px; line-height: 25px; margin-top: 10px;padding-top: 0;}
.howtos .howto ul {margin: 10px 20px;}
.howtos .howto ul, .howtos .howto li {clear: both;float:left;}
.howtos .howto li {margin: 3px 0;}


/* guides nav */
.guides {clear:none;width:240px;float:left;border-bottom-width: 2px; border-bottom-style:  solid; background-color: #efefef;padding-bottom: 15px;}
.main .guides .popular {margin-bottom: 10px;padding:0;}
.guides  {float: left;clear:none;}
.guide {padding: 5px 15px 5px 15px;width:209px;color: #777;}
.guide a em, .read-now a em {color:#ccc;display: block; float: left; margin: 0 5px 0 0; font-style: normal;}

/* menu nav */
.menu h2 {margin: 11px 0 4px 1px;}
.menu h2 a, .menu h2 a:hover em {font-family:Verdana, sans-serif;color:#808080;font-size: 10px;line-height: 21px;font-weight: normal;}
.menu h2 a:hover {text-decoration: underline;}
.menu ul, .menu .content {background-color: #f2f2f2; line-height: 25px; padding: 10px 0 5px 0;}
.index .menu ul {height: 525px;}
.menu .content ul {padding: 0;}
.menu ul, .menu li, .menu ul a {clear: both; float: left; width:100%; display: block;}
.menu ul a {padding-left:20px;width:195px;line-height: 19px; padding-top: 5px; padding-bottom: 5px;}
.menu ul a.current, .menu ul a:hover {background-color:#ff8a00;color:#fff !important;}

/* important */
.important {font-size: 20px;line-height: 50px;}
.important header, .important .content {float: left;clear:none;}
.important header {background: #ff8a00;color: #fff;width:250px;}
.important .content {width:690px;padding: 0 10px;color:#231f20; background-color: #efefef;}
.important h2 {width: 100%;display: block;height: 50px;}
.important h2 span, .important h2 a {display: block;float:left;padding-left:20px;}
.important h2 em {width:50px;height:50px;display:block;float:right;background: transparent url(/Assets/cdn/themes/zaradni/img/sprite.png) 0 -100px no-repeat;text-indent: -9999px;}
.important h2 a:hover { color:#000 !important; }

/* socials */
.socials {padding: 0 15px 20px 15px;}
.socials .facebook {margin-bottom:14px;}
#extra .grid {position: relative;}

.socials .likes {width: 210px; margin: 0 auto;}
.socials .likes div {float:left;clear: none;margin:0 10px 0 0;width: 60px;}
.socials .likes .ico {width:60px; height: 60px;}
.socials .likes .fb {color:#3b5998;}
.socials .likes .fb .ico {background-position: 0 -236px;}
.socials .likes .tw {color:#45b0e3;}
.socials .likes .tw .ico {background-position: -60px -236px;}
.socials .likes .go {color:#d30000;}
.socials .likes .go .ico {background-position: -120px -236px;}
.socials .likes a {float:left;clear:none;}
.socials .likes a span {font-size: 16px; line-height: 27px;}
.socials .likes a:hover span {text-decoration: underline;}

/* article header */
article header {color: #231F20;float: left;clear: both;width:100%;}
article header h1 {background-color: #00a8ff;font-size: 40px;line-height: 54px;padding: 14px 20px 10px 20px; margin-bottom: 20px; color: #fff;float:left; font-weight: normal !important;}

article.flat header h1 {font-weight: bold !important; font-size: 24px; line-height: 31px; padding:20px 20px 10px 20px; margin-bottom: 0; background-color: transparent;color:#00a8ff;}

article header .split {background-color: transparent;padding: 0;}
article header .split span {background-color: #00a8ff;padding: 21px 9px 16px 0;float:left;line-height: 30px;}
article header .split span.l {padding-left:18px;clear: both;}
article header .split span.r {padding-right:18px;}
header h1, header h2, header h3 {float: left;}
article header h2 {font-size: 24px;line-height: 49px;font-weight: bold;}
article header h3 {font-size: 18px;line-height: 39px;}
article section {margin-bottom: 20px;float:left;width:700px;}

article section header, article section footer {width: 700px;}
.single article section header, .single article section footer {width: 640px;}
.main section, .main section > * {margin: 0;}
#content a:hover, a:hover, a:hover span { text-decoration: underline !important;}
.main .howtos header, .main .comments header {margin-top: 30px;}
article section footer {margin-top: 12px;margin-bottom: 20px;float:left;}
article, article section, article div, article footer, article header {overflow: visible;}
article > header .description {clear: both;float:left;margin: 0 0 20px 20px;}
header ul {float: left;}
header ol {float: right;}
body > header li {font-size: 12px; line-height: 29px;}
article header li {margin-top: 20px;font-size: 10px; line-height: 15px;} 
header .meta {margin-left: 20px;}
header ol li {margin-left: 20px;}
header ul.meta li {margin-top: 2px;}
article header .buttons li {margin-top: 0;}
article header li a {color:#00a8ff;}
article header li a:hover {color:#000;}
article > * {margin-left: 20px;}
article.main .howtos {width: 720px;}
article.main > *, article > .table {margin-left: 0;}
article > header {border-bottom: 2px solid #e8e8e8; margin: 0 0 20px 0;width: 718px;}
article.main > header {border:0; margin:20px 0 10px 0;width:100%;}
article > header h2 {margin-left: 18px;font-size: 24px;line-height: 34px;padding-top: 6px;padding-bottom: 3px;}
article.main > header h2 {margin: 0;padding:0;}
article > header .button, article > header .button:hover {font-size: 14px; line-height: 31px; height: 30px; margin-top: 13px;font-style: normal !important; color:#fff !important;}
article > header .button span, article > header .button:hover span {padding:0 12px;}


/* profil */
.profil header h2 {width:220px;margin: 0;padding-top:4px;padding-left:20px;font-size: 24px; line-height: 41px;background-color: #00a8ff; color:#fff;}
.profil h3 a {color:#00a8ff;font-weight: bold;padding-left: 20px;width: 195px;display: block;}
.profil ul {margin-bottom: 20px;}

.related-items .profil header h2 {background-color: transparent; padding-top: 20px; padding-left:0;line-height:34px;color:#ccc;}

/* comment */
.comment {margin-bottom: 20px;width:700px;float:left;}
.main .comment {width:720px;}
.comment .discusses {color:#808080;font-size:10px;margin-left:60px;}
.comment .discusses strong {color:#231f20;}
.comment .discusses a {color:#00A8FF;}
.comment .discusses a:hover, .comment .comment-meta .vcard:hover span {color:#FFA914;}
.comment-meta .ico-s-arrow {position: absolute;left:-26px;top:-1px;z-index: 1;}
.active .comment-meta .ico-s-arrow {background-position: -576px -150px;}
.comment-meta {overflow: visible;}
.comment-meta ul {width: 500px;}
.comment-meta, .comment-text {width: 618px; float: right; padding:4px 10px 2px 10px;}
.main .comment-meta, .main .comment-text {width: 638px;}
.comment-meta {background-color: #efefef; border:1px solid #e4e4e4;}
.comment-info {background-color: #fff;color:#808080;}
.comment-info a {color:#00A8FF;}
.comment-info a:hover {color:#000;}
.comment-meta ol li {margin-left: 10px;}
.comment-meta ol li a {color: #00a8ff;}
.active .comment-meta ol li a {color: #623500;}
.comment-meta ul li {margin-right: 15px;}
.comment-info ul li {margin-right: 0; padding-right: 5px;border:0;}
.comment .vcard {position: relative;}
.comment .comment-meta .vcard span {position: relative; color:#404040; font-size: 15px; line-height: 15px;}
.comment .comment-meta span {color:#808080;font-size: 10px;}
.comment .photo {position: absolute;z-index:2;left: -70px; top: -7px;width:50px;height:50px;display: block;text-indent:-9999px; }
.comment em.photo, .comment em.photo strong {text-indent: 0;font-style: normal;font-size:10px;line-height:33px;color:#231F20;}
.comment em.photo strong {font-size:14px;}
.comment-text {border:1px solid #e4e4e4;padding:4px 10px 4px 10px;margin-top: 4px;}
.comment-text p {padding-bottom: 10px;color:#808080;}
.comment-text p:first-child {padding:0;}

.comment .comment {margin-top:20px;clear: both;float: right;}
.comment .comment .comment-meta, .comment .comment .comment-text {width: 560px;}
.main .comment .comment .comment-meta, .main .comment .comment .comment-text {width: 580px;}

.comments .active .comment-meta, .comments .active .comment-meta li {border-color: #ff8a00}
.comments .active .comment-meta, .comments .active .comment-meta span {background-color: #ffa914; color:#623500;}
.comments .active .comment-meta a:hover span {color: #000;}
.comments .iconn em {margin: 5px 0 0 3px;}

.comments-topics .comment-meta, .comments-topics .comment-meta span,.comments-topics .comment-meta .vcard span {background-color:#00a8ff; color:#fff;}
.comments-topics .ico-s-comments {margin: 3px 5px 0 0;}
.comments-topics .fl {width: 230px;}
.comments-topics-mini .fl {width:100px;}
.comments-topics div.fr {width: 230px;}
.comments-topics-mini div.fr {width:600px;}
.comments-topics div.fr .comment-text {width: 388px;}
.comments-topics div.fr .comment-text a {color: #00a8ff;}
.comments-topics-mini div.fr .comment-text {width: 510px;position: relative;}
.comments-topics div.fr .comment-meta {width: 448px;}
.comments-topics-mini div.fr .comment-meta {width: 570px;}
.comments-topics div.fr .photo {left:-10px;bottom:-60px; top: auto;}
.comments-topics-mini div.fr .photo {top:0;left:-60px;bottom:auto;}
.comments-topics div.fr .comment-meta ul {width:380px;}
.comment-no-photo div.fr {width: 700px;}
.comment-no-photo div.fr .comment-meta{width: 678px;}
.comment-no-photo div.fr .comment-text{width: 620px;}
.comments-topics-mini .ico-s-arrow {top:31px;left:34px;background-position: -592px -150px;}
.comments-topics-mini .fr .ico-s-arrow {left: -16px;position: absolute;top: 4px;}
.comments-topics-mini .comment-no-photo .ico-s-arrow {left:32px;}
.comments-topics-blue .ico-s-arrow {top:31px;left:34px;background-position: -592px -150px;}


/* article */
article .text, article .form {color:#3d3638;}


/* text */
.text img {float: left;margin:0 9px 0 0;}
.text a, .description a {color:#00a8ff;}
.text a:hover, .description a:hover {color:#000;}
.text blockquote {color:#00a8ff;font-size: 30px; line-height: 34px; font-family: Georgia, Arial, sans-serif;padding-left: 30px; text-indent: 20px;background: transparent url(/Assets/cdn/themes/zaradni/img/blockquote.gif) 0 1px no-repeat;}
.text table th {background: #EFEFEF;}
.text table td, .text table th {border:1px solid #E4E4E4;padding: 5px 10px;}
.text table caption {margin-left: 10px;font-size: 10px;line-height:21px;color:#808080;}
.text h1, .text h2, .text h3, article .header h2 {border-bottom: 1px solid #e5e5e5;padding-bottom: 4px;margin-bottom: 20px;}
.text p {font-size: 12px; line-height: 20px;}
.text p span {color:#b2b2b2;}
.text p.reg {margin-top:20px;float:left;clear:both;width:700px;}
  .text p.reg em {background-color: #ff8a00;font-size: 40px;line-height: 49px;color: #fff;font-style: normal;padding: 3px 15px 5px 15px;float: left;margin:6px 15px 0 0; }
.description {font-size: 16px; line-height: 21px;}
 
/* msg */
.msg404 {font-size: 250px; line-height: 300px; position: relative;overflow: visible;width: 100%; height: 100px;}
.msg404 span {position: absolute;top:-230px;right:-10px;color: #b2b2b2;}

/* contact */
.contact {margin-top: 30px;}
.contact ul, .contact ol {list-style:none;margin:0;padding:0;float: left; width: 400px;}
.contact ol {float: right; width: 300px;}
.contact span {color:#808080;font-size: 13px;}

/* form */
.field {margin-bottom: 15px;margin-top: 5px;}
.field .label, .field .control {clear: both;float:left;}
.search .field .control {margin-top: 0;}
.label label {color:#808080;font-size: 18px; line-height: 31px;}
.input input, .textarea textarea {border:2px solid #e6e6e6;width: 350px;font-size: 18px; line-height: 21px;color:#808080;height:20px;float: left;}
.textarea textarea {width: 680px;height: 100px;}
.submit button, .submit button.hover, .button, .button:hover {height:40px;background-color: #00a8ff;font-size:19px;line-height: 41px;color:#fff;float:left;font-weight: normal !important;}
.submit button span, .submit button.hover span, .button span, .button:hover span {padding-left:19px;padding-right: 19px;font-weight: normal !important;}
.submit .ico, a.fr, a.fr:hover {float: right;clear:none;}
.submit button.hover span, .button:hover span {color: #fff;}
.field .meta span {color:#808080;}
.field .meta span.fl {margin-left: 11px;}
.submit button.hover, .submit button:hover {background-color: #ff8900 !important;}

.field .meta {margin-bottom: 4px;}
.field .meta li a {color:#00a8ff;}

.submit .hover, .button:hover {background-color: #ff8a00;}
.submit span, .button span {float:left;}
.submit .hover .ico, .button:hover .ico-button-hand {background-position: -40px -166px;}
.button-black {background-color:#231f20; }
.button-grey {background-color:#e6e6e6;color:#00a8ff; }
.button-white {background-color: #fff; color: #b2b2b2;}
.button .ico-3-plus {background-color: #ccc;}

article footer.fr {width: auto;}
article footer.fr a, .form footer.fr .field {margin:0 0 0 10px;}
.form footer.fr .field {clear: none;float: left;width: auto;}

.form .input .label, .form .select .label, .form .textarea .label {display: none;}
.form .legend h3 {color:#00a8ff;font-size: 18px; line-height: 25px;}
.form-compact .fields, .form-compact .legend {float: left; clear: none;}
.form-compact label {display: none;}
.form-compact div.field {float: left;clear: none; width:auto; margin-right: 20px;}

.form .checkbox .control {width: 20px;float:left;}
.form .checkbox .label {float: left;clear: none; width: 400px;}
.form .checkbox .label label {font-size: 12px;line-height: 15px; padding-top: 3px; float: left; cursor: pointer;}

.form .error input {border-color:#cb2962;color:#cb2962;}
.howto-add-categories .error {border-color:#cb2962;}
.form-compact .field .control {width:auto;}
.howto-add-categories label {width:260px;}

.field .msg {display: block;width: 340px;float: right;clear: none;margin:0;padding: 0; background: transparent;height: 40px; overflow: hidden;}
.field .msg span {color:#fff; font-size: 12px; line-height: 41px; display: block; float: left; width:300px; height: 40px;overflow: hidden;}
.field .msg-error {display: block;}
.field .msg-error span {background-color: #cb2962; }
.field .msg-error .ico-m-fl {background-position: -200px -166px;}
.field .msg-info span {background-color: #e6e6e6;color:#231f20;}
.field .msg-info .ico-m-fl {background-position: -280px -166px;}
.field .msg-warning span {background-color: #00a8ff;}
.field .msg-warning .ico-m-fl {background-position: -240px -166px;}

.invite-friends-import .fl .input input {width: 280px;} 
.form .invite-friends-import .fl .field {margin-left: 0;}

.form header h3 {border-bottom:1px dotted #b2b2b2;text-transform: uppercase;width: 100%; margin-bottom: 10px;}

/* table */
.table > * {margin-left: 20px;}
.table table {border-top: 2px solid #e8e8e8;width: 718px;margin-left: 2px;}
.table td, .table th {padding: 5px;border-bottom:1px solid #dcdcdc; text-align: right;}
.table th {padding-top: 13px; }
.table td, .table a:hover {color:#3d3638;}
.table .td1 {padding-left: 13px;text-align: left;}
.table caption, .table th {color: #808080;}
.table table a {color: #00a8ff;}
.table4a td.td4, .table .summary td {font-weight: bold;}
.table .summary td {background-color: #f2f2f2;}
.table caption {font-size: 12px; margin: 0 0 10px 18px;}
.table td .ico {float: left;margin: 1px 0 0 5px;}
.table .td1 .ico {margin: 1px 5px 0 0;}
.table .popular {background-color: #00a8ff; color:#fff;}
.table .content {margin:0;}
.table .form-compact .legend h3 {line-height: 39px;}
.table .form-compact .field {margin: 0 0 0 20px;}
.table .form-compact, .table header {margin-bottom: 20px;width: 700px;float: left;}
.table .form label {display: none;}
.table .parent {background-color: #f2f2f2;}
.table .hover {background-color: #00a8ff;}

.table3a table {border-top:0;line-height: 17px;}
.table3a img {float: left; margin: 4px 10px 10px 0; }
.table3a .td1 {width:320px;}
.table3a .td2 {width: 320px; text-align: left;}
.table3a td.td2 {font-size: 10px; color: #808080;}
.table3a td.td3 {text-align: right;}
.table3a td.td2 .ico {margin:0 5px 0 0;}
.table3a td.td2 em {font-style: normal;}
.table3a td.td2 em.ok {color: #67b719;}
.table3a td.td2 em.remove {color: #ed2121;}
.table3a td.td2 em.info {color: #55b6e8;}


.table6a .td1 {width:270px;}
.table6a .td2 {width:80px;}
.table6a .td3 {width:120px;}
.table6a .td4 {width:50px;}
.table6a .td5 {width:40px;}
.table6a .td6 {width:90px;}
.table6a .td4 .ico, .table6a .td5 .ico, .table6a .td6 .ico {float: right;}
.table6a .td6 {padding-right: 0;}

.nav-links {margin-bottom: 10px;float: left;width: 100%;}
.nav-links li {margin-right: 20px;}

/* footer */
body > footer {font-size:10px;color: #808080;}
#copyrights {color:#999;padding: 10px 0;}
#copyrights ol li {margin-left: 20px;}
#bookmarks h2 {color:#231f20;font-size: 20px; line-height: 29px;margin-bottom: 7px;}
#bookmarks {padding-bottom: 20px; }
#bookmarks .bookmarks {float:left;clear:none;width:213px;border-left:1px solid #d1d1d1; padding: 0 15px;margin-top:20px;font-size:13px;line-height: 17px;}
#bookmarks .bookmarks li {clear:both;float:left;width:100%;margin-bottom: 7px;}
#bookmarks .first {padding-left: 0;border-left: 0;}
#bookmarks .last h2 {margin: 0 0 3px 0}
#bookmarks .last {line-height: 24px;}
footer .field {margin-top: 0;}

.page404 {overflow: hidden;}
.page404 .text p {margin-left: 20px;}



/* box */
.box- {background-color: #00a8ff;}
.box-- {width: 560px;top:110px;}
.box-title .ico {background-color: #666;}
.box-close, .box-close:hover {float: right;}
.box-header .box-close .ico {background-color: #ccc;}
.box-close:hover .ico {background-color: #ff8a00;}
.box-title:hover {cursor: default;}
.box-title span, .box-title:hover span {float: left; display: block; height: 40px;background-color: #231f20; color:#fff; font-size: 24px; line-height: 41px; padding: 0 20px;}
.box-content {background-color: #fff; padding: 20px; width:440px; margin-left: 40px;}
.box-content p {margin-bottom: 10px;}
.box-content p.h2 {font-size: 18px; line-height: 21px; margin-bottom: 0; margin-top: 10px; clear: both; float: left; width: 100%; }
.box-content .box-content-title {color:#b2b2b2;font-size: 18px; line-height: 23px;border-bottom: 2px solid #e8e8e8;padding-bottom: 10px}
.box-content-links {font-size: 10px; line-height: 13px; padding-top: 2px;}
.box-content-links a, .box-content-title a {color: #00a8ff;}
.box-content-links a:hover, .box-content-title a:hover {color: #ff8a00;}
.box .textarea textarea {width:420px;}
.box-- .dk_toggle {width: 100% !important;}
.box-content {float: left;}


/* tabs */
.main .tabs {margin-top: 40px;}
.tabs ul, .tabs li {float: left;}
.tabs li {margin: 5px 0 0 5px;}
.tabs header {background-color: #3d3638; width:100%; height: 35px;}
.tabs header a { height: 30px; display: block; float: left; background-color: #00a8ff; color: #fff;}
.tabs header ul a {font-size: 15px; line-height: 31px; padding:0 10px;}
.tabs header a.selected {background-color: #f2f2f2; color: #231f20; cursor: default;}
.tabs header ol {margin-right: 5px;}
.tabs .tab {background-color: #f2f2f2;}
.tabs .guides {width: 100%;}
.main .tabs .guide {float: left; clear: none;}
.main .hot-topics .guide {width: 239px;}
.main .tabs .guides {border:0;padding:0;}
.main .tabs .guides .popular {margin-bottom: 0;}
.main .tabs .guides .popular span {top:50px;}

/* topten */
.top-ten {width:240px;float:left;}
.top-ten .slider {height: 300px;overflow: hidden;}
.top-ten .slide {height: 245px;overflow: hidden;margin:10px 0;}

/* hot-topics */
article.main .hot-topics{margin-left:2px;}
.hot-topics {width:478px;float:left;clear:none;}

.text p small {font-size: 12px;}

.roll {border:2px solid #e6e6e6; overflow: hidden;overflow-y: scroll;height: 200px;}
.roll .checkbox .control input {margin-top: 1px !important;}

.single header .meta li {float: left;font-size: 10px; line-height: 13px; color: #b2b2b2;padding: 0 10px; border-left: 1px solid #b2b2b2; margin: 22px 0 13px 0; height: 12px;}
.single header .meta li:first-child {border:0;}
.single header .meta li a {color: #808080;}
.single header .meta li.comments {background: transparent url(/Assets/cdn/themes/zaradni/img/meta-comment.gif) 8px 2px no-repeat; padding-left: 23px;}
.single .author header, .single .author {width: 640px;}
.single .author .content {background-color: #e6e6e6; overflow: hidden; padding: 20px;}
.single .author .fl {float: left; width: 120px;}
.single .author .fr {float: right; clear: none; width: 480px;}
.single .author .fr p {margin-top: 10px;}
.single .author .fr p:first-child {margin-top: 0;}
.single .author h3 {color:#00a8ff;font-size: 18px; line-height: 21px;}
.single .author small {margin-bottom: 10px;float: left; width: 100%; display: block;}
.single header .meta li.user-meta {padding: 0; margin: 12px 0 0 0;}
.user-meta span, .user-meta img {float: left;}
.user-meta span {font-size: 18px; color: #fff; background-color: #ff8a00; padding: 6px 8px 4px 8px; line-height: 20px;}
.user-meta a:hover span{background-color: #00a8ff;}


.stars {height: 20px;width: 240px;}
.stars ul, .stars ul span {float: left; clear:none; overflow: hidden;}
.stars ul {width: 60px;}
.stars ul li.stars-voted a, .stars ul li a:hover, .stars ul span {background-position: 0 -12px;text-indent: -9999px;}
.stars ul li a:hover {background-position: 0 -24px;}
.stars ul li {width: 12px; height: 12px;margin-right: 3px;}
.stars ul a, .stars ul span {background: transparent url(/Assets/cdn/themes/zaradni/img/starsb.gif) 0 0 repeat;}
.stars ul li a, .stars ul li a:hover {display:block;text-indent:-9999px;width:100%;height:100%;}
.stars-1 span {width:12px;} .stars-2 span {width:24px;} .stars-3 span {width:36px;} .stars-4 span {width:48px;} .stars-5 span {width:60px;}
.stars-span {color:#d22661;float:left;}
.howto-meta .stars ul {margin-top: 3px;margin-left: 7px;}

/* single */
.single article .adv {margin-left: 0;}
.single article > header {margin-left: 0; width: 640px; border-bottom: 0;margin-bottom: 2px; }
.single aside {width:300px;}
.single section, .single article {width:640px; margin-left: 0;}
.single .text, .single .howto-meta {padding-left: 20px; width: 620px; border-top: 2px solid #e8e8e8; margin-top: 9px; padding-top: 9px;}
.single .comment-meta ul {width: 400px;}
.single .howto-meta ol li {margin-left: 13px;}
.single .text {border:0;}
.single .comment {width: 640px;}
.single .comment-text, .single .comment-meta {width: 560px;}
.single .comment .comment {width: 520px;}
.single .comment .comment .comment-text, .single .comment .comment .comment-meta {width: 500px;}

.read-nows > header h2 .ico {width:20px;height: 20px;background-position: 0 -310px; margin: 11px 10px 0 0;}
.read-nows > header h2 {font-size:18px; color:#231f20;}
.read-now {margin: 0 0 5px 10px;}
.read-now a, .read-now a:hover {padding-left: 6px;}
.read-now span {color:#d22661;font-weight: bold;}
.read-now a:hover span {color: #00a8ff;}
.read-now a em {background-color: #ff8300;}

.howto-photos .content .howto-photo {display: none;}
.howto-photos .content .howto-photo:first-child {display: block;}
.howto-photos header em {font-size: 18px; color: #808080; font-style: normal;}
.single article .howto-photos header, .howto-photo span {margin: 0 0 0 20px; width:620px;}
.howto-photos header h2 {line-height: 37px;}
.howto-photo span {float: left; display: block;font-size: 18px; line-height: 23px;}
.howto-photos .prev {background-color: #ccc;}
.howto-photos .ico-pag-prev, .howto-photos .ico-pag-next {margin:5px;}
.howto-photos .prev span {padding-left: 0; padding-right: 19px;}
article .howto-photos header ol li {margin: 0;}
article .howto-photos header {height: 40px;}


.single aside section {margin-top: 13px; width: 300px;}
.single aside section:first-child {margin-top: 0;}
.single aside header {border-bottom: 1px solid #e5e5e5; margin-bottom: 9px;}
.single aside h2 {font-size: 20px; line-height: 31px; color:#ccc;}

/* tags */
aside .tags li {float: left; *float: none;*display: inline;zoom: 1;margin: 0 3px 3px 0;}
aside .tags a {font-size: 10px; line-height:17px; color:#808080; background-color: #b2e5ff; padding: 0 4px;float:left;}
aside .tags a:hover {color:#fff !important; background-color: #00a8ff;}
aside .tags .edit, .tags .edit:hover {background-color: transparent;}
aside .tags .edit:hover {color:#ff8a00 !important;}

/* related */
.related-items .related-item {color:#00a8ff; font-weight: bold; margin-top: 15px;}
.related-items .related-item:first-child {margin-top: 0;}
.related-items .related-item img {float: left; margin-right: 9px;}

.related-items-group .related-item {display: none;}
.related-items-group h3 {font-size: 18px; line-height: 29px; color:#d22661;display: block;overflow: hidden;}
.related-items-group h3, .related-items-group h3 a {width: 100%;}
.related-items-group h3 a {display: block;}
.related-items-group {border-top:1px solid #e5e5e5; padding: 7px 0; width:230px;padding-right: 10px;}
.related-items-group:first-child {border:0;}
.grid-flipmode .related-items-group {width: 290px;}
.related-items-group .show {display: block;}
.related-items-group h3 span {float: left;}
.grid-flipmode .related-items-group h3 span {width:274px;}
.related-items-group h3 .ico {float: right; margin-top: 5px;}
.related-item a span, .related-item a:hover span, .related-items-group h3 a span, .related-items-group h3 a:hover span {font-weight: bold;display: block;}

/* others */
.others a {color:#d22661;font-weight: bold;}
.others .other {border-bottom: 1px solid #e5e5e5; padding-bottom: 9px; margin-bottom: 9px;}
.others small {clear: both; float: left; width: 100%;margin-top: 3px;}

.howto-slider .slider- {width: 540px; height: 60px;overflow: hidden;position: relative;}
.howto-slider .slider-- {position: absolute;width:540px;height:60px;float: left; top:0;left:0;}
.howto-slider .slider-, .howto-slider .control, .howto-slider .slide {float: left;clear:none;}
.howto-slider .control {background-color: #ccc;}
.howto-slider .control a {padding: 15px 10px;display: block;float: left;}
.howto-slider .slide {margin-left: 10px;}
.howto-slider .slider- .slide:first-child {margin-left: 0;}
.howto-slider .slide {width: 100px;height: 60px; position: relative;}
.howto-slider .slide img, .howto-slider .slide span, .howto-slider .slide .layer {position: absolute; top:0; left:0;}
.howto-slider .slide img {z-index: 1;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
.howto-slider .slide a:hover img {filter:none;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;}
.howto-slider .slide a:hover .layer {display: none;}
.howto-slider .slide .layer {z-index: 2;background-color: #D22661; width: 100%; height: 100%;}
.howto-slider .slide span {z-index: 3;font-size: 18px; color: #fff; line-height: 21px; height: 20px; background-color: #d22661; padding: 0 5px;}

.comments-add-submit div, .comments-add-submit a {float: left;clear:none;width: auto;}
.comments-add-submit a.fr {float: right;}
.form .comments-add-submit .input .label {display:block;}
.form .comments-add-submit .input .label label {font-size:12px;color:#231f20;line-height: 23px;}
.comments-add-submit {width: 640px;}
.comments-add-submit label {display: block;}
.comments-add-submit .input input {width: 230px;margin-right: 10px;}
.comments-add-submit .button {margin-top: 28px;}
.comments-add-submit .checkbox {margin:0 0 10px 0;width:450px;}
.comments-add-submit .add-photo span {font-size: 12px; line-height: 31px; color: #808080; padding-left: 5px;}
.comments-add-submit .add-photo:hover span {color: #00a8ff;}
.comments-add-submit .add-photo {position: relative; bottom:100px; left: 246px;}
.comments-add .textarea textarea {width: 620px;}

.form .fl {margin-right: 25px;}

article section.user-howtos {margin-left: 0;width: 720px;}
.user-howtos .user-howto {float: left;clear: both;width: 100%;border-top:1px solid #dfdfdf;padding-top: 10px;}
.user-howtos .user-howto:first-child {padding-top: 0;border:0; }
.user-howto .fl, .user-howto .fr {width:220px;position: relative;}
.user-howto .fl {height: 132px;}
.user-howto .fr {width: 480px;}
.user-howto .fr .meta {position: absolute;bottom:0;left:0;}
.user-howto .fl .user, .user-howto .fl .howto {position: absolute;top:0;left:0;z-index:2;}
.user-howto .fl .howto {z-index: 1;}
.user-howto .fr {width: 500px;}
.user-howto p, .user-howto .user, .user-howto .howto {float: left;clear: both; display: block;}
.user-howto .user img {width: 25px;height: 25px;float: left;}
.user-howto .user span {display: block;float: left;padding:0 13px;font-size: 15px;line-height: 26px;background-color:#ff8a00; color:#fff;}
.user-howto .user:hover span {color:#000;}
.user-howto .howto img {width:220px;height:130px;float: left;}
.user-howto .howto span {background-color: #00a8ff; color: #fff; font-size: 20px; line-height: 31px;display: block;float: left;padding:0 13px;}

.user-howto .howto span.split {background-color: transparent;padding:0;}
.user-howto .howto span.split span {background-color: #00a8ff;padding: 0 13px 0 0;}
.user-howto .howto span.split span.l {padding-left: 13px;}

.user-howto .howto:hover span {color:#000;}
.user-howto p {margin: 10px 10px 2px 10px;width:460px;}
.user-howto .meta li {float: left;font-size: 10px; line-height: 13px; color: #b2b2b2;padding: 0 10px; border-left: 1px solid #b2b2b2; margin: 5px 0; height: 12px;}
.user-howto .meta li:first-child {border:0;}
.user-howto .meta li a {color: #808080;}
.meta li.comments {background: transparent url(/Assets/cdn/themes/zaradni/img/meta-comment.gif) 8px 2px no-repeat; padding-left: 23px;}
.user-howto-no-photo .fl {height: 25px;}
.user-howto-no-photo .fr {width: 720px;}
.user-howto-no-photo p {width:700px;}


.tooltip {position: relative;overflow: visible;}
.tooltip b {background:transparent url(/Assets/cdn/themes/zaradni/img/tooltip.png) 8px 100% no-repeat; position: absolute;display: block;z-index: 999;float: none;left: -9px;bottom:20px;width: 200px; height: auto;}
.tooltip i {background-color: #808080;color:#fff;text-indent: 0;padding: 5px 10px;float: left;margin-bottom: 9px; line-height: 15px; font-weight: normal; font-style: normal; }


header.popular hgroup {font-size: 24px;float: left; line-height: 50px;}
header.popular hgroup h1 a, header.popular hgroup h2 a {color: #fff; padding: 0 20px;}
header.popular hgroup h1 a:hover, header.popular hgroup h2 a:hover {color: #000 !important;}
header.popular nav {float: right; clear: none;}

header ol li.icon, header ul li.icon {margin-top: 8px; margin-left: 10px;}

.desc strong, .desc span {font-size: 12px; line-height: 15px; font-style: normal; color: #231f20; font-weight: normal;}
.desc span {color: #b2b2b2;margin-left: 13px;}
.desc p {font-size: 10px; line-height: 15px; color: #b2b2b2;}


.ingredients {background-color: #fff7c2;color: #808080;padding: 13px 0;}
.ingredients .ico {background-position: -50px -356px;width: 14px; height: 14px; margin: 2px 10px 0 0;  }
.ingredients ul {border-bottom: 1px solid #eae1a7;width: 600px;display: block;overflow: hidden;float: left;margin: 0 20px;}
.ingredients ul:last-child {border: 0;}
.ingredients li {padding: 7px 20px 0 0;float: left;width: 280px;}

.steps {color:#808080;}
.steps .step {margin-top: 20px; float: left;width:100%;}
.step-image {font-size: 10px; color:#b2b2b2; background-color: #e6e6e6; width: 220px;overflow: hidden; margin: 10px 10px 10px 0; float: left;}
.step-image img {width: 220px; height: 130px;float:left;}
.step-image span {padding: 5px 10px;width: 200px; float: left; display: block; }
.step-no {background-color: #d22661; color: #fff; font-size: 18px; line-height: 20px; height: 20px; float: left; padding: 0 5px;margin-right: 10px;}
.step h2 {color:#231f20; font-size: 16px;line-height: 23px;}
.step p {margin-bottom: 10px;}
.step li {float: left; width: 600px; clear: both; margin: 0 10px 10px 10px;}
.step .ico {width: 10px; height: 10px; background: #d22661; margin: 5px 10px 0 0;}
.step .apla {background-color: #d22661;color: #fff; padding: 2px 5px;}
.single .step-images {width: 660px;}
.step-images .step-image {float: left;clear: none;margin: 0;}

.step-images p {color:#808080;padding:10px 30px;float:left;clear:both;width:600px;}
.step-images p strong {color:#00a8ff;}

.guides-fl, .guides-fc, .guides-fr {float:left;clear:none;width:240px;}

.forum .guide a em {width:16px;height: 16px;background: transparent url(/Assets/cdn/themes/zaradni/img/sprite.png) 0 0 no-repeat;margin:2px 5px 15px 0 ;}
.forum .category a em {background-position: 0 -380px;}

.dyskusje-dyskusja .profil header h2 {background-color: #231f20; color: #fff;}
.dyskusje-dyskusja article header h1 {background-color: #e6e6e6;}
.dyskusje-dyskusja article > header .description {color:#00a8ff; font-size: 24px; line-height: 31px; font-weight: bold;}

.checkbox input, .radio input {margin-top: 9px;}

.description {font-weight: normal;}
.single .howto-meta ul {width:250px;}
.single .howto-meta ul ul {width: auto;}
.single .howto-meta ol {float: right;clear:none;width: 350px;text-align: right;height: 26px; overflow: hidden; display: block;}
.single .howto-meta ol li {float: right; }

.comments-topics-mini-comment {width:700px;margin-bottom: 20px;float: left;}
.comments-topics-mini-comment .comment-meta ul {width:620px;}
.comments-topics-mini-comment .fn {font-weight: bold;}
.comments-topics-mini-comment .comment-meta {width: 680px;}
.comments-topics-mini-comment .comment-text {position: relative;}
.comments-topics-mini-comment img, .comments-topics-mini-comment .ico-s-arrow {position: absolute;top:0;left:-62px;}
.comments-topics-mini-comment .ico-s-arrow {left:-16px;}

.user-howtos-poradnik .user-howto .fr {width: 420px;}
.user-howtos-poradnik .user-howto-no-photo .fr, .user-howtos-poradnik .user-howto {width: 640px;}


#eu {background: #fff;padding: 20px 0 30px 0;}
#eu .eu-info {width: 938px; margin: 10px auto;}

.single .user-howtos-poradnik .user-howto p {width: 400px;} 

.nav-flat {background: #ebebeb; padding: 10px 20px; width: 920px;}
.nav-flat li {float: left; width:230px; }
#nav .nav-flat li {width: 215px;}
.nav-flat a, .nav-flat a:hover {color:#3d3638 !important; font-size: 18px; line-height: 37px; width:100%; height: 100%; display: block;float: left;}



/* fonts */
.gfx-promo, .related-item-title a, .related-item-title a:hover, .nav-flat a, .nav-flat a:hover, .category hgroup h1, .category hgroup h2, .category hgroup h3, .flat .guides .promoted .bookmark span, .newest .item-big span, .recommended span, .flat h2, #nav, #sqsqFeedback, .dk_container span.dk_label, .user-meta span, .step h2, .step-no, header.popular hgroup, .single .author h3, .howto-slider .slide span, .howto-photos .button, .howto-photo span, .related-items-group h3, aside h2, .user-howto .howto, .user-howto .user, .submit button.hover span, .button:hover span, .tabs header, .howtos h3, .howtos h4, .button, button, #bar, .box-content p.h2, .box-content-title, .box-title,.box-title:hover, .socials .likes, .menu h2, .pag a, .comment em.photo strong, .msg404 span, .text p.reg em, .description, .text h1, .text h2, .text h3, .bar a, article header h1, article header h2, .popular .bookmark span, .input input, .textarea textarea, #bookmarks h2, .form .legend h3, .comment em.photo, .textarea .label label, .select .label label, .input .label label, .text h4, .text h5, .text h6, .comment .vcard span, article header h3, .popular .meta span, .input input, .submit input {font-family: 'Signika', sans-serif; font-weight: bold;}

.related-item-title a, .related-item-title a:hover {color:#686264; font-size: 20px; line-height: 27px;}
.related-item-title a:hover {color:#ff8a00;}

.flat-guides {margin-bottom: 17px;}
.flat-guides .content {padding: 10px 13px 17px 13px; border-bottom: 2px solid #efecea;}


#nav {background: #ebebeb; height: 50px;}
#nav a, #nav a:hover {font-size: 18px; line-height: 49px; font-weight: bold; color: #3d3638 !important;}
#nav li {margin-right: 15px;}
#nav ol li {margin-right: 0; margin-left: 15px;}
#nav a.more {color:#e089a5;}

section.flat > h2 {width:100%;height: 30px; margin-top: 20px; }
section.flat h2 strong, section.flat h2 a, section.flat h2 a:hover {background: #ff8a00; color: #fff; text-transform: uppercase; font-size: 15px; height: 30px; line-height: 31px; padding: 0 15px; float: left; }

.recommended .item {width: 469px; float: left; clear: none;}
.recommended .odd {margin-left: 20px;}
.newest img, .recommended .item img {float: left;}
.newest .item-big span, .recommended span {color:#00a8ff; font-size: 20px; padding: 20px; float: left; width: 427px; border: 1px solid #e0e0e1; display: block; overflow: hidden; line-height: 29px;}
.newest a:hover span, .recommended a:hover span {text-decoration: underline;}

.newest .item-big span {font-size: 28px; width: 548px; line-height: 39px;}

.flat-left {width: 350px; float: left;}
.flat-right {width: 590px; float: right; clear: none;}

.newest .user-howto {margin-top: 30px; border-bottom: 2px solid #efecea; padding-bottom: 30px; border-top: 0; padding-top: 0;}
.newest .user-howtos .user-howto:first-child {border-bottom: 2px solid #efecea; }
.newest .user-howtos .user-howto:last-child {border-bottom: 0; }
.newest h2 strong, .newest h2 a, .newest h2 a:hover {background: #00a651 !important;}
.newest .user-howto .user img {width: 30px; height: 30px;}
.newest .user-howto .user span {background: #fff; color: #000; line-height: 30px;}
.newest .user-howto .fr {width: 370px;}
.newest .user-howto .howto span { color:#00a8ff; background: transparent; font-size: 20px; font-weight: bold;  }
.newest .user-howto p {margin: 10px 10px 2px 12px;width: 350px;}

.newest .user-howto-no-photo .fl{width: 100%}
.newest .user-howto-no-photo .fr{width: 100%}
.newest .user-howto-no-photo .fl span {color: white;background: #ff8a00;line-height: 30px;opacity: 1 !important;}
.newest .user-howto-no-photo .fr p { width: 590px;}

.flat-guides h2 strong, .flat-guides h2 a, .flat-guides h2 a:hover {background:#ff0000 !important;}
.flat-guides h2 a:hover {color:#000 !important;}
.flat .guides .promoted {padding:0;width:240px;}
.flat .guides .promoted .bookmark, .flat .guides .promoted .bookmark:hover {display: block; position: relative; width: 240px; height: 144px; float: left;}
.flat .guides .promoted .bookmark img, .flat .guides .promoted .bookmark span {position: absolute; top:0; left: 0; z-index: 1;}
.flat .guides .promoted .bookmark span {z-index: 2; line-height: 25px;}
.flat .guides .promoted .bookmark span.split span.l {padding-left: 13px;}
.flat .guides .promoted .bookmark span.split span {display: inline;position: static;clear: none;padding-left: 0;}
.flat .guides .promoted .bookmark span, .flat .guides .promoted .bookmark span span {z-index: 3;font-size: 20px;line-height: 25px;background-color: #5b5b5a;clear: both;padding-left: 8px;color: #fff;}
.flat .guides .promoted .bookmark span.split {width: 100%;background: transparent;padding: 0;}
.flat .guides {background: transparent;border:0;}

.flat .guides a, .flat .guides span {color:#00a8ff; font-weight: bold;}
.flat .guides a:hover span {font-weight: bold;}
.flat .guide {padding:10px 10px 0px 10px;}

.gfx-promo {background: #fff url(/Assets/cdn/themes/zaradni/img/gfx-promo.jpg) 0 0 no-repeat;width: 292px; height: 162px; border:5px solid #ebebeb; padding: 24px; margin-bottom: 30px;}
.gfx-promo a, .gfx-promo a:hover {display: block;width: 100%; height: 100%;}
.gfx-promo strong {color: #00a8ff; font-size: 24px; line-height: 29px;}
.gfx-promo em {font-size: 18px; line-height: 23px; padding-top: 5px;  color: #231f20; font-style: normal; display: block;}
.gfx-promo a:hover {text-decoration: none;}
.gfx-promo em:hover { text-decoration: underline;}
.gfx-promo a:hover strong {text-decoration: none;}

.guide .bookmark em {float: left; display: block; }
.guide .bookmark span {float: right; display: block; width: 194px; clear: none;}
.guide .bookmark:hover span {text-decoration: underline;}

.guides .promoted .bookmark span {width: auto; float: left; padding-top: 4px; padding-bottom: 4px;}
.guides .promoted .bookmark span.l {padding-left: 12px;}
.guides .promoted .bookmark span.r {padding-right: 12px;}

article.flat > .howto-photo {margin-left: 0;}

header.category {border-top:1px solid #ebebeb;}

#nav-flat-hover {display: none; position: absolute; z-index: 9; background-color: #e892b0;}
#content #nav-flat-hover {bottom:0; left:0; }
#nav #nav-flat-hover {top:50px; left:0;}
.more-gt span {display: block; float: left; height: 50px; padding-right: 13px;}
.more-gt em, .more-gt-active em {background: #e892b0 url(/Assets/cdn/themes/zaradni/img/more-gt.gif) 50% 50% no-repeat; display: block; width: 50px; height: 50px; text-indent: -9999px; float: right;}
.more-gt-active em {background-image: url(/Assets/cdn/themes/zaradni/img/more-gt-active.gif)}

header.relative {position: relative;overflow: visible;}

.recommended .bookmark, .recommended .bookmark:hover {display: block; float: left; position: relative; width: 470px; height: 282px; }
.recommended .bookmark img, .recommended .bookmark span {position: absolute; bottom:0;left: 0;z-index: 1;}
.recommended .bookmark span {z-index: 2;background: #fff;height:58px;}

.newest .bookmark, .newest .bookmark:hover {display: block; float: left; position: relative; width: 590px; height: 354px; }
.newest .bookmark img, .newest .bookmark span {position: absolute; bottom:0;left: 0;z-index: 1;}
.newest .bookmark span {z-index: 2;background: #fff;}

.bar span {display: block;height: 31px;float: left;padding: 0 20px;text-transform: uppercase;line-height: 31px;font-family: 'Signika', sans-serif;font-weight: bold;}
.nav-flat a.current{color: #ff8a00 !important}


div[itemscope] iframe{margin-top:20px}
#StepGallery div{overflow:hidden;margin-left:5px;display:inline-block}
#StepGallery li{display:inline-block}
#left{float:left;margin-right:30px;padding:20px 0 0 10px}
#left ul{padding-left:0}
#left ul ul{padding-left:10px}
input[readonly]{background-color:#e1e0df;color:#bbb}
#content .verified{font-weight:bold;color:#4cff00;font-size:16pt}
#content .not.verified{color:red}
#content p label{display:block}
#content .dataTables_wrapper input[type="text"],#content .dataTables_wrapper select{font-size:10px;width:auto;height:auto}
#content select[multiple='multiple']{height:180px}
#content ul#Steps img,input[name='photoUploaderGallery']+img{display:block}
#content.SiteMap ul ul{margin-left:10px}
#profileMenu ul{list-style-type:none}
#profileMenu ul li:first-child{font-weight:bold;font-size:18px}
.tag1{font-size:10px}
.tag2{font-size:14px}
.tag3{font-size:18px}
#tag-cloud{width:200px}
ul#Steps li input[type='text']{width:426px}
em{font-style:italic}
.stepitem{margin-top:13px}
.stepitem .txt span.fr{display:block;float:right}
.stepitem .txt,.stepitem .step{width:608px;float:left;clear:none;margin:0;padding:0}
.stepitem .step{width:27px;margin-right:11px;display:inline;margin-top:7px}
.steps,.stepitem{clear:both;float:left;width:100%}
.txt{width:608px;float:left;clear:none;margin:0;padding:0}
#report,#addAdvice,#addSection,#descEdit{width:550px;padding:10px}
#addAdvice{height:300px}
table#adviceBookList tbody tr.adviceBook:nth-child(odd) td{background-color:#a6ceff}
table#adviceBookList tbody tr.advice td{background-color:#f0ffff}
table#adviceBookList tbody tr.advice td:first-child{padding-left:20px}
table#adviceBookList tbody tr td:first-child,.visible{display:table-cell!important}
table#adviceBookList tbody tr.adviceBook td{text-align:center}
table#adviceBookList tbody tr.adviceBook td:nth-child(2){text-align:left}
table#adviceBookList thead tr td:first-child{width:50px!important}
table#adviceBookList thead td.name{width:250px!important}
table#adviceBookList thead td.date{width:80px!important}
table#adviceBookList tbody tr.adviceBookInfo td,table#adviceBookList tbody tr.advice td{display:none}
#adviceBookList em.ico-s-info+strong{cursor:pointer}
#addNew{padding:20px}
.contentMatch{width:50px}
#subscription{border:#000 1px solid;margin:2px;padding:10px}
.quotation{border:1px #000 dotted;margin:10px}
.quotation p{font-style:italic}
#new-comment-reply{display:none}
#new-post-reply{display:none}
#comments li{margin:20px;padding:5px}
.comment-answer{padding-left:20px!important}
.post-answer{padding-left:20px!important}
.innerDetails p span{margin-left:20px}
#wait{position:relative;top:-165px;left:50%}
#stats{height:254px}
#box-stepPhoto .box-content img{display:block}
.box-content textarea{width:420px;resize:vertical}
article.admin-verification{float:left;width:100%}
article.admin-verification table{width:100%}
article.admin-verification .field .control{width:149px}
article.admin-verification input[type=submit]{cursor:pointer;color:#00a8ff}
article.admin-verification input[type=text]{width:129px;height:10px;font-size:12px}
article.admin-verification>header{width:100%}
article.administrator-payouts input[type=text]{height:10px;width:200px;font-size:12px}
article.administrator-payouts label{font-size:12px;line-height:15px}
article.administrator-payouts div.field{margin-top:-4px}
article.administrator-payouts section.table{margin-bottom:0}
span.stats{margin-left:10px}
span.stats:before{content:'PLN/1k: '}
div.field.textarea.howto-add-step div.footer.nav input[type=file],fieldset.howto-add-gallery input[type=file]{opacity:0;width:112px;position:relative;left:-112px;cursor:pointer}
div.field.textarea.howto-add-step div.footer.nav a span,fieldset.howto-add-gallery a span{cursor:pointer}
div.field.textarea.howto-add-step div.footer.nav img{display:block}
.form .howto-add-tags ul.tagit{border:1px solid #e6e6e6;width:321px;height:208px;margin:0}
.howto-add-tags .ui-widget-content{background:transparent}
.meta.error span{color:#cb2962;margin-left:0!important}
.form .error textarea,.field.checkbox.error,.field.footer.nav.error,div.roll.error,form input.error{border-color:#cb2962;color:#cb2962;border-width:2px;border-style:solid}
.field.select.error .control{border-color:#cb2962;border-width:2px;border-style:solid}
textarea{resize:vertical}
#frmNew .box-content{width:703px}
.poor{background-color:#cb2962!important}
.tooltip b{width:450px!important}
em b i span{margin-top:10px;display:block}
.dk_toggle{width:100%!important}
.ico-m-del{background-image:url(/Assets/css/images/trash.png)}
#frmRegister .maxlength-feedback,#invite .maxlength-feedback{font-weight:normal}
section.author ol.meta li.user-meta img,section.comments-add ol.meta li.user-meta img{height:30px}
.step-image img{cursor:pointer}
div.profiler-results{overflow:visible!important}
.all-forums{font-weight:bold}
.attachmentsgroup{left:420px;top:-30px;position:relative}
.attachmentsgroup img{width:50px}
.fb_edge_widget_with_comment{height:20px;overflow:visible}
.step ul{display:inline-block}
.adsbygoogle{background:white}
.googleAd1{margin:0;padding:10px;margin-left:0}
.googleAd3{float:left;margin-top:10px}
.googleAd4{float:right;margin-top:10px}
.googleAdvices{width:650px;height:290px;position:relative;margin:0 auto}
#content .step p a, #content .step p a:hover {color: #00A8ff !important;}

ul.tagit {
    padding: 1px 5px;
    overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
    padding: .2em 18px .2em .5em;
    position: relative;
    line-height: inherit;
}
ul.tagit li.tagit-new {
    padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
    cursor: pointer;
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
    display: block;
    float: left;
    margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    border: none;
    margin: 0;
    padding: 0;
    width: inherit;
    background-color: inherit;
    outline: none;
}