/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author: b-online.ba
========================================================================== */
body{min-width: 960px;}.container_12{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_3{width:220px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_6{width:460px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_9{width:700px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_12 .grid_12{width:940px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_3{padding-left:240px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_6{padding-left:480px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_9{padding-left:720px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_3{padding-right:240px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_6{padding-right:480px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_9{padding-right:720px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_3{left:240px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_6{left:480px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_9{left:720px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_3{left:-240px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_6{left:-480px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_9{left:-720px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_12:before,.container_12:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_12:after{clear:both}.clearfix,.container_12{zoom:1}
body{ /*background:transparent url(../images/bg_top.jpg) repeat-x 0 0;*/ font-weight:400; color:#6d6c6d/*737373*/; word-wrap: break-word !important;}
body bold{ font-weight:700;}
a{text-decoration:none; color:#0D606E;
-moz-transition: all 0.418s;
-ms-transition: all 0.418s;
-o-transtion: all 0.418s;
-webkit-transition: all 0.418s;
transition: all 0.418s;}
a:hover{ color:#e07e27;}
body, h3.heading span.info{ font-family: 'PT Sans', Tahoma, Geneva, sans-serif;}
h1, h2, h3, h4, h5, h6, .btn_orange, .btn_blue, .popular, .gallery-menu, .btn_sivi{font-family:'Bitter', Georgia, "Times New Roman", Times, serif; font-weight:700;}
a.btn_orange, .btn_orange, .btn_blue, .btn_sivi{ font-weight:400; }
.right{float:right;}
.captcha-hints{ font-style:italic;}
.heading, #side h5.heading{ color:#e07e27; font-size:24px; font-weight:400; padding:0 0 10px 0; border-bottom:1px solid #e07e27;text-transform:uppercase; margin:0 10px 15px 10px;}
h3.heading a.btn_orange, .btn_orange{ float:right; width:210px; font-size: 16px;background-color:#e07e27; color:#fff; text-decoration:none; text-align:center; padding: 6px 5px; margin-top: 8px;
background:#e07e27;
background: -moz-linear-gradient(top, #ec9a19 0%, #cc7622 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec9a19), color-stop(100%,#cc7622)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec9a19 0%,#cc7622 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec9a19 0%,#cc7622 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ec9a19 0%,#cc7622 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9a19', endColorstr='#cc7622',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ec9a19 0%,#cc7622 100%); /* W3C */
/*border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: 1px solid #2b3d4f;*/
-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
text-shadow: -1px -1px 1px rgba(0,0,0,0.3);}
h3.heading a.btn_orange:hover, .btn_orange:hover{color:#fff;
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
.btn_sivi{font-size: 16px; color:#054750; background-color:#e6e7e8; text-decoration:none; text-align:center; padding: 6px 5px; margin-top: 8px; border:none;
-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);}
#newsletter h3.heading, #follow-us h3.heading, .links-list h3.heading{margin:0 0 15px 0;}
h3.heading span.text{float: right;font-size: 14px;margin-top: 10px;}
h3.heading span.info{float: right; font-size:14px; color:#6d6c6d; text-transform:none;margin-top: 20px;}
a.btn_blue, .btn_blue{width:210px; display:block; font-size: 16px;background-color:#0d606e; color:#fff; text-decoration:none; text-align:center; padding: 6px 5px; margin-top: 8px;
background:#0d606e;
background: -moz-linear-gradient(top, #278fa1 0%, #0d606e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#278fa1), color-stop(100%,#0d606e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #278fa1 0%,#0d606e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #278fa1 0%,#0d606e 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #278fa1 0%,#0d606e 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278fa1', endColorstr='#0d606e',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #278fa1 0%,#0d606e 100%); /* W3C */
-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
text-shadow: -1px -1px 1px rgba(0,0,0,0.3);}
a.btn_blue:hover, .btn_blue:hover{
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
a.popular{color: #E07E27; float: left;font-weight: 400;margin: 14px 20px 0 0;font-size: 18px;}
a:hover.popular{ color:#0D606E;}
#top-banner{ position:relative;}
#left-banner{ position:absolute; left:-190px;}
#right-banner{position:absolute; right:-190px;}
#top-banner img{ margin:2px auto 0; background-color:#b1ccd0;}
#top-banner ins{ background-color:#044750 !important; }
header{ border-top:3px solid #0d606e; border-bottom:3px solid #0d606e; padding:30px 0; margin:0 10px;}
#search{float:right; width:231px; height:32px; position: relative;}
#search .input{ border:none;border-bottom:1px solid #578891; color:#0d606e; padding: 6px; width: 218px; height: 18px; margin-top: -8px; outline:none;}
#search .btn_search{ position:absolute; right:0; top:0; margin-top: -8px;}
nav{ float:right; height:40px;}
nav ul li{float:left;}
nav ul li.log-in{ color:#e07e27; margin-left:16px; position:relative;}
nav ul li.log-in a{color:#e07e27;margin-right:30px;}
nav ul li a{ font-size:14px; font-family:'PT Sans', arial, sans-serif; color:#0d606e; margin-right:16px; text-decoration:none; text-transform:uppercase;}
nav ul li a:hover{color:e07e27;}
#login{ color:#fff; background-color:#0d606e; padding:10px 6px; width:260px; position:absolute; right:0; display:none; z-index: 100;
box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);}
/*#login form{clear: both; display:block;}
#login form::before, #login form::after {content: "";display: table;}*/
#login label{float:right; font-size:10px;}
#login input{ margin:0 0 10px 10px; padding:6px;width: 180px;}
#login .checkbox{float: left;margin: 0 0 5px 0;}
#login .checkbox input{ width:auto;margin-left: 64px;}
#login .checkbox label{ float:left; margin:0 0 6px 10px;}
#login .btn_orange{border: none;width: 194px;font-size: 13px;}
#forgot_password{display:block;text-transform: none; color:#82BDC5;font-size: 12px;margin: 0 0 10px 20px;}
#intro{ background-color:#fff; padding: 0 0 10px 0; color:#0d606e; /*margin-bottom:10px; position:relative; padding-bottom:30px;
border-bottom: 2px solid #0D606E;*/}
#intro article{padding-bottom:50px; position:relative;}
#intro img{ float:left;}
#intro h1{ width: 610px; padding:10px 10px 10px 10px; background-color:#fff; font-size:36px; font-weight: 700; float:left; margin:-35px 0 10px 310px;line-height: 104%;}
#intro h1 a{ display:block;}
#intro h1 a span.subtitle{ display:block; position:relative;font-size: 16px; text-transform: uppercase; line-height: 100%;}
#intro hr{clear: both; color:#fff; border-top:1px solid #0d606e;}
#intro span{ font-size:16px; font-family:'PT Sans', arial, sans-serif; position:absolute;}
#intro .entry_date{ left:10px;}
#intro .entry_category{ /*left:100px;*/ position:relative; font-weight:bold;}
#intro .entry_author{left:330px;}
#intro .entry_views{ right:10px;}
#main{ background-color:#fff; padding-bottom:20px;}
#main section{ margin-bottom:20px;}
#banner3, #banner2{ margin:20px 0;}
#articles-list{}
#gallery-list{}
.links-list{ margin-bottom:20px; min-height: 460px;}
.links-list ul{ margin:0; padding:0; list-style-type:none;}
.links-list ul li{ border-bottom:1px dotted #e07e27;}
.links-list ul li a{ color:#0d606e; display:block; padding:15px 0 6px 0; font-size:13px;}
.links-list ul li a:hover{ color:#e07e27;}
.list-pic{}
.list-pic article, .list-horizontal article .pic-wrapper{ height:184px; width: 220px; display: inline; position:relative; margin-bottom:20px; overflow:hidden;}
.list-pic article h2{position:absolute; bottom:30px; left:0;}
.list-pic article h2, .list-horizontal article h2{ font-size:16px; width:220px; height:154px; background-color:rgba(0, 0, 0, 0.5); margin:0; z-index:2;}
.list-pic article h2 a{ padding:15px;height:124px; display:block;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}
.list-pic article h2 a:hover{color:#fff;}
.list-pic article img{ z-index:1;}
.list-pic article p, .list-horizontal article .pic-wrapper p{ height:30px; padding:0 10px; background-color:#0d606e; color:#fff;font-family:'Bitter', Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:400; margin:0; line-height:30px; z-index:300; display:block; position: absolute;width: 200px;bottom: 0;}
.list-pic article a, .list-horizontal article .pic-wrapper p a{ text-decoration:none; color:#fff;}
.list-pic article a:hover, .list-horizontal article .pic-wrapper a:hover{ color:#e07e27;}
.list-pic article p span.hits, .list-horizontal article .pic-wrapper span.hits{ float:right;}
span.hits span{ color:#6fbfb6;}
.list-horizontal{}
.list-horizontal article{ display:block; width:620px; border-bottom:1px dotted #0d606e; margin-bottom:10px; position:relative;}
.list-horizontal article .pic-wrapper{float:left; margin:0 20px 10px 0;}
.list-horizontal article h2{ position:relative; background-color:transparent; width:auto; height:auto;}
.list-horizontal article p{ margin-bottom:30px; margin-left: 240px;}
.list-horizontal article .entry_date{position:absolute; left:240px; bottom:10px;}
.pagination{ font-size:14px; text-align:right;border-bottom: 1px solid #E07E27;padding: 8px;}
.pagination.grid_12{width: 924px;}
.pagination a { padding: 2px 5px; margin-right: 2px; /*border: 1px solid #0d606e;*/ text-decoration: none; color: #0d606e;}
.pagination a:hover{ color:#E07E27;}
.pagination strong { padding: 2px 5px; margin-right: 2px; border: 1px solid #0d606e; font-weight: bold; background-color: #0d606e; color: white;}
#content{padding: 10px 0;}
#content h3{margin: 10px 0 15px 0;}
#content .heading{margin: 10px 0 15px 0;}
#content .preview{ color:#0d606e; font-size:20px;font-weight: bold;line-height: 110%;margin-bottom: 20px;text-align:justify;}
#content .single-entry{ font-size:14px; border-bottom:3px solid #0E6471;padding-bottom: 10px;}
#content .single-entry h2, #content .single-entry h3, #content .single-entry h4, #content .single-entry h5, #content .single-entry h6{color:#0E6471;font-weight: bold;line-height: 140%; font-family: 'PT Sans', Tahoma, Geneva, sans-serif;}
/*#content .single-entry h2 a, #content .single-entry h3 a, #content .single-entry h4 a, #content .single-entry h5 a, #content .single-entry h4 a, #content .single-entry .preview a { text-decoration:underline; }*/
#content .single-entry a{ text-decoration:underline !important; }
#content .single-entry h2{ font-weight:20px; margin:20px 0 25px 0;}
#content .single-entry h3{ font-weight:18px; margin:18px 0 23px 0;}
#content .single-entry h4{ font-weight:16px; margin:16px 0 20px 0;}
#content .single-entry p{ line-height:130%; text-align:justify; margin: 18px 0;}
#content .single-entry img{ max-width:100% !important; height:auto; margin-bottom:11px; width: 100%; /* SKINUTI */}
.img-copyright{ font-size:11px; color:#5d5d5d;line-height:13px; display:block;text-align:justify;} /* #content .single-entry */
#content .single-entry blockquote{ text-align:center; color:#0d606e; font-size: 18px;/* font-family: 'Bitter', Georgia, "Times New Roman", Times, serif;*/font-family: 'PT Sans', Tahoma, Geneva, sans-serif; margin:30px 160px; line-height: 150%;}
#content .share{ padding:10px 0;margin-bottom: 20px;}
#content .share p{color: #0D606E; margin:0 40px 0 0; background-color:#ecf2f6; padding:10px 18px; float:left;}
#content .share .share-buttons{ float:right;padding-top: 6px;}
#content #articles-related{}
#content #articles-related article{ height:127px; margin-bottom:0;}
#content #articles-related h2{ width:140px; height:97px; font-size:12px;}
#content #articles-related h2 a{ padding:10px;}
#content #articles-related p{ width:120px;}
#content #articles-related .hits{font-size: 10px;}
#comments h6{ margin:0 0 15px 0;}
#comments ul{margin: 0 0 20px 0; padding: 0; list-style: none; list-style-image: none;}
#comments ul li{padding: 25px 35px;}
#comments ul li.even{background-color:#edf4f4;}
#comments ul li.odd{ background-color:#dce9e9;}
#comments ul li .user{ float:left; width:110px;}
#comments ul li .user .username{ color:#0D606E; font-weight:bold; font-size:14px;}
#comments ul li .user .comment_date{ font-size:10px;}
#comments ul li .comment{ float:right; width:430px;}
#comments ul li .comment p{ margin-top:0; text-transform:none;}
#comments .comment-form{}
#comments .comment-form .warning{ font-size:14px;}
#comments .comment-form .top{ width:100px; text-align:right;}
#comments .comment-form textarea{ background-color:#e4eeee; border:none;width:99% /*500px*/; max-width:502px;}
#comments .comment-form textarea:focus{ border:1px solid #dce9e9;}
#comments .comment-form .btn_orange{text-transform: uppercase;font-family: 'Bitter', Georgia, "Times New Roman", Times, serif; border:none; margin-top:0;}
#newsletter, #follow-us{ /*height:300px;*/ overflow:hidden; margin-bottom:30px;}
#newsletter label{display:block; margin:12px 0 8px 0;}
#newsletter input{ padding:4px; width: 97%/*212px*/; height:25px; background-color:#ececec; border:none;}
#newsletter .btn_orange{ width:100%/*220px*/; padding:10px 0;height: 39px; text-transform:uppercase;font-family: 'Bitter', Georgia, "Times New Roman", Times, serif;}
#newsletter.manji{ border:0;width: 220px; padding:0;}
#wallpapers-list{}
#wallpapers-list article a.btn_blue{ position:absolute; left:0; bottom:0; margin-top:0; text-transform:uppercase;}
#wallpapers-list{}
#side{padding: 10px 0;}
#side #category, #newsletter, #social, #submit_art, #contact_block {padding:20px 30px;margin-bottom:16px;}
p.info{ margin-top:0;}
#side h5.heading{ border-bottom:none; margin:0;/*padding: 0 0 23px 0;*/}
#side #category{ background-color:#eff5f6;}
#side #category ul{ margin:0; padding:0;list-style: none;list-style-image: none;}
#side #category ul li a{ font-size:14px; padding:7px 0 5px 0; display:block; border-bottom:1px dotted #0e6471;}
#side #category ul li a.selected{color: #E07E27;}
#side #category ul li a.selected:before{ content:"> "; padding-left:16px;}
#newsletter, #social, #submit_art, #contact_block{ width:238px; border:1px solid #c0c0c0;}
#newsletter h5.heading, #social h5.heading, #submit_art h5.heading{ border-bottom:none; margin:0;}
#newsletter input.btn_orange{float: left;}
#social{position:relative; height: 257px /*270px/* 264px*/;}
#social ul{ width: 299px; margin:0; padding:0;list-style: none;list-style-image: none; border-top:1px dotted #6d6c6d;/*margin-left: -30px;*/ position:absolute; top: 116px /*132px 122px*/; left:0;}
#social ul li a{ color:#6d6c6d; display:block; font-size:16px; font-family:'Bitter', Georgia, "Times New Roman", Times, serif; font-weight:400; width: 269px;height:60px; line-height: 60px; padding-left:30px;}
#social ul li a:hover{color: #E07E27;}
#social ul li{border-bottom:1px dotted #6d6c6d;}
#social ul li:last-child{border:none;}
#social ul li a img{float: right;margin-top: 14px;margin-right: 1px;}
#submit_art{height: 257px;}
#submit_art .btn_orange{width:100%; padding:10px 0; margin-top:22px; text-transform:uppercase;}
#contact_block{position: relative; height: 300px; font-family: 'Bitter', Georgia, "Times New Roman", Times, serif; font-weight:400;}
#contact_block ul{ width: 299px; margin:0; padding:0;list-style: none;list-style-image: none; position:absolute; top: 0; left:0;}
#contact_block ul li{border-bottom:1px dotted #6d6c6d; height:82px;}
#contact_block ul li img{ margin:18px 14px; vertical-align: middle; float: left;}
#contact_block ul li span.title{display: block; font-size:15px; padding-top: 23px;}
#contact_block ul li span.info{display: block; font-size:11px;}
#contact_block p{ margin-top:249px;}
#gallery-list{ position:relative;}
#float-menu{ position: absolute;top: 0;right: 10px;}
#float-menu .btn_orange{margin-top: 7px; text-transform:uppercase;}
#float-menu .btn_orange span.ico{ width:20px; height:21px; float:right; background:transparent url(../images/ico_strelica_dole.png) no-repeat right 0;}
#float-menu .cat-list{ width:220px; position:absolute; top: 40px; right: 0; z-index: 400;font-family: 'PT Sans', Tahoma, Geneva, sans-serif; font-size:14px; background-color:#0d606e; padding-bottom:4px; display:none;
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
box-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
#float-menu .cat-list a{ display:block; padding:5px 5px 5px 20px; color:#fff; text-transform:none;}
#float-menu .cat-list a:hover, #float-menu .cat-list a.selected { background-color:#3e9092;}
#gallery-content{padding: 10px 0; margin-bottom: 20px;}
.gallery-menu{ height: 31px; text-align:right; border-bottom: 1px solid #E07E27; margin:10px 10px 17px 10px;/*padding: 10px 0;*/}
.gallery-menu a{color: #E07E27;font-size: 14px; font-weight: 400; padding:0 18px 14px 18px; border-right: 1px solid #E07E27;text-transform: uppercase;}
.gallery-menu a:hover{color: #0D606E;}
#gallery-author{}
#gallery-author h1{ font-size:20px; color:#e07e27; font-weight:400;}
#gallery-content hr{border-bottom: 3px solid #E07E27; border-top:none; width: 960px; margin:0; margin-top: 10px;}
#gallery{margin-bottom: 26px; position:relative; /*overflow:hidden;*/}
#gallery a{
-moz-transition: all 0.200s;
-ms-transition: all 0.200s;
-o-transtion: all 0.200s;
-webkit-transition: all 0.200s;
transition: all 0.200s;}
#gallery img{ margin-bottom:10px; max-width:100%; height:auto; /*position:absolute;*/}
#gallery .img-copyright{width: 460px;}
#gallery span.cta{font-size: 18px; position: absolute; top: 50%;left: 50%; background-color: rgba(0, 0, 0, 0.8);color: white;padding: 8px 10px; margin-left: -98px; margin-top: -19px;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;}
#gallery a:hover span.cta{background-color: rgba(0, 0, 0, 1.0);}
#gallery .btn_orange{/*position: absolute; top: 704px; right: 0;*/ float:right; margin: 0;text-transform: uppercase;}
/* SHOP */
.parola-shop{ color:#6d6d6c; padding:28px 0 24px 33px; border-bottom:1px solid #e07e27; margin:0 10px 60px 10px; background:transparent url(../images/payments.gif) no-repeat right center;}
.parola-shop .page-title{color:#E07E27;font-size:24px; font-family:'Bitter',Georgia, "Times New Roman", Times, serif; font-weight:400;}
#shop-subnav{ border-bottom:5px solid #E07E27; padding-bottom:3px; margin-bottom:30px;}
.border{ border-bottom:1px solid #E07E27;}
p.border{ padding-bottom:10px;}
#shop-subnav a{font-size: 14px; color:#054750; background-color:#e6e7e8; text-decoration:none; text-align:center; padding: 10px 20px; float:left; font-family:'Bitter',Georgia, "Times New Roman", Times, serif; font-weight:400;
-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);}
#shop-subnav a.active, #shop-subnav a:hover{background-color:#e07e27; color:#ffffff;
background:#e07e27;
background: -moz-linear-gradient(top, #ec9a19 0%, #cc7622 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec9a19), color-stop(100%,#cc7622)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ec9a19 0%,#cc7622 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ec9a19 0%,#cc7622 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ec9a19 0%,#cc7622 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9a19', endColorstr='#cc7622',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ec9a19 0%,#cc7622 100%); /* W3C */
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#shop-subnav a:hover{text-shadow: -1px -1px 1px rgba(0,0,0,0.6);}
#shop-subnav a.right{float:right;}
#shop-list article{ margin-bottom:30px;}
#shop-list article img:hover, #pics div.thumbs img:hover, #main_pic{
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
box-shadow: 2px 2px 4px rgba(0,0,0,0.4);}
#shop-list article img{ margin-bottom:20px;}
#shop-list article .title{ font-size:14px; color:#054750; display:block; margin-bottom:10px;}
#shop-list article .price{color: #E07E27;font-size: 20px;/*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);*/}
#shop-list article .price strike{ color:#999;font-size: 16px; text-shadow:none;}
.shop_header_wrapper{position:relative;margin-bottom: 40px;}
.shop_header_wrapper .comment_link{font-size: 14px; position: absolute; top: 10px; right:0; /*left: 480px;*/}
.shop_header_wrapper .comment_link a{ text-decoration:underline;}
.shop_header_wrapper .entry_rating{position: absolute; top: 10px;left: 680px;}
#pics{}
#main_pic{ margin-bottom:38px;}
#pics div.thumbs{margin-bottom:30px;}
#pics div.thumbs img{ margin-right:3px; margin-bottom:10px;}
#pics .btn_orange{ float:none; padding:12px 25px;}
#product_details{}
#product_details h4{ color:#054750; font-size:20px; border-bottom: 1px solid #E07E27;font-weight: 400; padding-bottom:10px; margin-bottom:19px;}
#product_details .add_cart{ background-color: #E6E7E8; font-size:16px; padding:12px; color:#054750; margin-top:30px; position: relative;
-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);}
#product_details .add_cart .price strike{ color:#999; font-size:13px;}
#product_details .add_cart .btn_orange{width: 150px; position: absolute; top: 0;margin-top: 0;right: 0;line-height: 30px;}
#product_details #comments ul li{position:relative;}
#product_details #comments ul li .comment{width: 270px;}
#cart{}
#cart table{ margin:30px 0 0 0;}
#cart table td{ padding:10px;}
#cart table tbody td { font-size:16px;}
#cart table thead, #cart table tfoot{ color:#054750; font-size:14px; font-family:'Bitter', Georgia, "Times New Roman", Times, serif; font-weight:400; background-color:#e6e7e8;}
#cart table thead td, #cart table tfoot td{padding:14px 17px;
-moz-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);
box-shadow: inset 0px 4px 4px rgba(0,0,0,0.3);}
#cart table tfoot td{ font-size:16px;}
#cart table td img{ float:left; margin-right:10px;}
#cart .btn_sivi{ float:right; margin-right:230px; width: 180px;}
#cart .btn_orange{ margin-top:-31px; float:right;}
#cart table thead .btn_orange{ float:none; margin:0; width:auto; text-align:left;}
/* OSTALE */
.parola{ color:#6d6d6c; text-align:center; padding:28px 0; font-size:20px; font-family:'Bitter',Georgia, "Times New Roman", Times, serif; font-weight:400; border-bottom:1px solid #e07e27; margin-bottom:15px;}
#iam_team{ margin-bottom:30px;}
#iam_team h4.heading{ margin: 0 0 15px 0;}
#iam_team .grid_4 strong{ color:#e07e27; margin:20px 0 8px 0; font-size:14px; text-transform:uppercase; display:block; font-family:'Bitter', Georgia, "Times New Roman", Times, serif; font-weight:400;}
#iam_team .grid_8 h2{color:#e07e27; font-size:18px; font-family:'PT Sans', Tahoma, Geneva, sans-serif; font-weight:400;}
#iam_team .grid_8 h2 span{ font-size:12px;}
.links{ list-style-type:none;padding: 0; margin-top:26px;}
.links a{ border-bottom:1px dotted #0d606e; padding:2px 0 12px 0; margin-bottom:20px; display:block;}
footer{font-size: 12px; padding:17px 0; color:#0d606e; border-top:3px solid #0d606e; width:960px; margin: 0 auto;}
footer a{ color:#0d606e;}
footer ul{margin: 0; padding: 0;list-style-type: none;}
footer li{float: left; margin-right:16px;}
footer ul li a{font-weight:bold; font-family:'PT Sans', Tahoma, Geneva, sans-serif;text-transform:uppercase;}
footer .grid_1 a{ text-transform:uppercase; font-weight:700; font-family:'Bitter', Georgia, "Times New Roman", Times, serif;/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);*/}
footer p{ margin-top:4px;}
footer p a{ font-weight:bold;}
footer .grid_1 img{vertical-align:middle; margin-left:5px;}
.banner1-300{ margin-bottom:16px;}
#contact_form{}
#contact_form label, #user_edit label, #register_member_form label{ display:block; color:#6c6c6b; font-size:16px; font-family:'Bitter', Georgia, "Times New Roman", Times, serif; font-weight:400; margin:26px 0 6px 0;}
#contact_form input, #contact_form textarea, #user_edit input, #register_member_form input{ background-color:#e6eced; border:none; padding:12px; width: 98%; max-width: 590px;}
#contact_form .btn_orange{ text-transform:uppercase; width:140px; padding:6px 5px;float: left;}
#contact_form p.info{font-family:'Bitter', Georgia, "Times New Roman", Times, serif; font-weight:400; float:right; margin-top: 20px; font-size:16px; color:#6c6c6b;}
#user_edit .btn_orange, #register_member_form .btn_orange{ width:auto; float:none;}
#register_member_form input{ max-width:920px;}
/* form error */
form label .error{font-family: arial, sans-serif;font-size: 12px;color: red; display:none;}
/***
**** FCKING IE #$%$#$"%#!
*/
/* ie6 */
* html #left-banner{ left:-1400px;}
* html #right-banner{ left:750px;}
* html #intro h1{ margin-left:160px;}
* html #intro img{ margin:0px;}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}