/* realizzazione-sito-web.com - layout */

html{ margin:0; padding: 0;  }
body { margin: 0; padding: 0; background: url("../img/bg-body.png") repeat-x 0 0; text-align: center; }

body, input { font-family: "Lucida Grande", Verdana, "Tahoma", "Luxi Sans", Arial, Helvetica, sans-serif; }

img { margin: 0; padding: 0; border: 0; }
.sprite { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
a .sprite { cursor: pointer;}

.rss { padding-left: 18px; background: url("../img/ico-rss.png") no-repeat 0 50%; }

.searched-term { font-weight: bold; background: #FFF9C7; text-decoration: inherit; }

/* Skip navigation */
#nav-skip { font-weight: bold; text-align: left; text-decoration: none; display: block; position: absolute; top: 0; left: -2000px; width: 300px; }
#nav-skip a:focus, #nav-skip a:active {position: absolute; left: 2000px; top: 0px; height: 1.5em; display: block; width: 20em;}

/* Layout */
#mother { width: 900px; text-align: left; margin: 0 auto; position: relative; }
#content { background: white;  min-height: 450px; padding-bottom: 20px; position: relative;  }

.body-shade { background: url(../img/bg-bodyshade.png) no-repeat 50% 217px; } 

.home-shadow-l { position: absolute; width: 7px; height: 277px; top: 390px; top: 32.5em; left: -7px; background: url(../img/bg-home-shadow-l.png) no-repeat 0 0;}
.home-shadow-r { position: absolute; width: 7px; height: 314px; top: 370px; top: 30.8em; left: 600px; background: url(../img/bg-home-shadow-r.png) no-repeat 0 0; }

.col-content { width: 600px; float: left; }
.col-side { width: 300px; float: right; overflow:hidden; position: relative; line-height: 1.416; }
.top { background: #002439 url("../img/bg-top.png") repeat-x 0 100%; border-top: 3px solid #004770; color: white; overflow: hidden; width: 100%; }

.fullsize .col-content { width: 900px; }

.content-spc { padding: 0 30px; margin: 20px 0; clear: both; }

/* Header */
#header { overflow: hidden; }
#logo { float: left; margin: 0; padding: 0; font-size: 100%; }
#logo img { margin: 23px 0 0 30px; padding: 0; border: 0; font-size: 230%; color: #003453; font-weight: bold; }

/* Footer */
#footer { background: #E8F6FD; border-top: 3px solid #B6D8EB; }
#footer .spc { padding: 12px 25px; overflow: hidden; line-height: 1.7; }
#footer .spc p { margin-bottom: 0.3em; }
#footer .spc .l { float: left; width: 38%; }
#footer .spc .r { float: right; width: 60%; }
#footer .spc .r .footer-menu { float: right; }

#footer ul.footer-menu { font-size: 92%;  }
#footer ul.footer-menu li { list-style: none; float: left; margin: 0; padding: 0 8px; background: url("../img/bg-footer-menu-bar.png") repeat-y 0 0;  }
#footer ul.footer-menu li:first-child { background: none; padding-left: 0; }

/* Search box */
#search-box { position: absolute; right: 0; top: 14px; background: url("../img/bg-search-box.png") repeat-y 100% 0; padding: 8px; }
#search-box form { margin: 0; }
.btn-submit { background: #C6E528; border-width: 1px; font-weight: bold; color: #333333; text-transform: lowercase; padding: 1px 13px; border-color: #E7F49F;}
#search-box #q { width: 13em; }

/* Search results */
#content .search-results ul { margin: 15px 150px 15px 0; padding: 0; list-style: none; }
#content .search-results ul li { margin: 0 0 1.8em 50px; padding: 0 0 0 0; background: none; }
#content .search-results ul li .number { color: #FF7800; font-size: 169%; font-weight: bold; float: left; width: 60px; margin: -0.3em 0 0 -75px;  text-align: right; font-family: Arial, Helvetica, sans-serif; position: relative;}
#content .search-results ul li h3 { margin: 0 0 0.3em 0; display: inline; }
#content .search-results ul li p { margin: 0 0 0.3em 0; }
#content .search-results ul li .desc { margin: 0.3em 0 0 0; }
#content .search-results ul li .item-section { font-size: 92%; text-align: right; display: inline;  padding-left: 12px; margin-left: 12px; border-left: 1px solid #ADADAD; color: #666666;}
#content .search-results ul li .url a { color: #008000;}

/* Signpost */
.signpost { background: #DAF1FD url(../img/bg-signpost2.png) repeat-y 0 0; overflow: hidden; border: 1px solid #B7D5E4; border-top: 0; zoom: 1;}
.signpost ul { float: left; width: 100%; background: url(../img/bg-signpost-bottom2.png) no-repeat 50% 100%; margin: 0; padding: 0; }
.signpost ul li { float: left; width: 299px; margin: 0; padding: 0; background: none; /*min-height: 12em; _height: 12em;*/}
.signpost ul li ul { float: none; width: auto; margin: 13px 30px 15px 90px; background: none; }
.signpost ul li ul li { float: none; width: auto; xxbackground: url(../img/bullet-signpost.png) no-repeat 0 0.5em; xxpadding-left: 20px; margin: 0 0 0.7em 0; background: url("../img/bg-h2-border.png") repeat-x 0 0; margin: 0; padding: 5px 0; /*min-height: 0; _height: auto;*/}
.signpost ul li ul li a { xxcolor: #002439; xxfont-size: 125%; xxfont-family: Calibri, "Luxi Sans", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.222; }
.signpost ul li ul li a:hover { color: #058AD7; color: #06A4FF; }

.signpost ul li ul li:first-child { background: none; }
.signpost ul li ul li { background: expression(this.parentNode.firstChild == this ? "none" : "url(../img/bg-h2-border.png) repeat-x 0 0"); }

.signpost ul li.ico-s-webdesign { background: url(../img/ico-ss-webdesign.png) no-repeat 13px 1.5em; }
.signpost ul li.ico-s-marketing { background: url(../img/ico-ss-marketing.png) no-repeat 13px 1.5em; }
.signpost ul li.ico-s-kreativni { background: url(../img/ico-ss-kreativni.png) no-repeat 13px 1.5em; }

/* Main menu */ 
#main-menu {  font-size: 116%; margin-top: 60px; float: right;}
#main-menu ul { margin: 0; padding: 0; list-style: none;  }
#main-menu ul li { margin: 0; padding: 4px 0 0 0; list-style: none; float: left; margin-left: 1px; }
#main-menu ul li a { display: block; background: #166999 url("../img/bg-mainmenu.png") repeat-x 0 100%; padding: 10px 16px; border-top: 1px solid #4494C3; color: white; text-decoration: none; float: left; }
#main-menu ul li.active a { background: #4AA8DF url("../img/bg-mainmenu-active.png") repeat-x 0 100%; border-top-width: 5px; margin-top: -4px; border-color: #6EBCEB; }
#main-menu ul li a:hover { background: #4AA8DF url("../img/bg-mainmenu-active.png") repeat-x 0 100%; }

/* Content (WYSIWYG) */
.content { margin: 10px 0; } 
.content-spc .img { float: left; padding: 0 20px 5px 0; margin: 0; }
.content-spc .img img { padding: 1px; border: 7px solid #D1E7F4; }
.content .testimonial-box { width: 264px; float: right; margin-right: -6px; margin-left: 20px; }
.content .testimonial-box h2 { margin-top: 0; }

/* Breadcrumb */
#breadcrumb { margin: 0; padding: 8px 30px 8px 30px; border-top: 3px solid #004770; background: #053F61; color: white; }
#breadcrumb p { margin: 0; }
#breadcrumb a { padding-right: 15px; background: url("../img/bullet-arrow1.png") no-repeat 100% 50%; margin-right: 3px; }

/* Claim (homepage) */
.top h1.claim { margin: 0; padding: 35px 0 0 40px; font-size: 24px; letter-spacing: -1px; width: 300px; float: left; line-height: 1; color: white; }
.top h1.claim q { quotes: none; }
.top h1.claim em { font-style: normal; color: #FF9900; }
.top .desc { padding: 30px 59px 25px 0; width: 450px; float: right; line-height: 1.5;}
.top .desc p{ margin: 0;}

/* Prologue */
#prologue { position: relative; padding-bottom: 1px; }
#prologue .spc { padding: 10px 30px 1px 30px; }
#prologue .spc h2 { margin-top: 0; }
#prologue .spc .annot { margin-bottom: 10px; font-weight: normal; }
#prologue .spc .annot-calendar { margin-left: 50px; }
#prologue .spc .annot-img { margin-left: 120px; }

#prologue .img { float: left; }

#prologue .annot-img .img { float: left; margin: 0 15px 3px -120px;}

/* Featured reference (homepage) */
#prologue.featured-ref {  }
#prologue.featured-ref .spc { overflow: hidden; padding-bottom: 15px; padding-top: 25px;}
#prologue.featured-ref .img { float: left; }
#prologue.featured-ref .col-desc { margin-left: 257px; line-height: 1.385; background: #F6FBFE; padding: 1px 15px 1px 20px; min-height: 175px; }
#prologue.featured-ref img { margin: 0; padding: 1px; border: 7px solid #D1E7F4; }

/* Reference detail (homepage) */
#prologue.ref-detail { }
#prologue.ref-detail .spc { }
#prologue.ref-detail img { margin: 0; padding: 1px; border: 7px solid #D1E7F4; float: left; }
#prologue.ref-detail .params { margin: 0 0 0 280px; }
#prologue.ref-detail .params h2 { font-size: 142%; }
#prologue.ref-detail .params h2.border { width: 100%; overflow: hidden; letter-spacing: 0; }
#prologue.ref-detail .params ul li { padding: 0; background: none; margin-bottom: 0.5em; }

.ico-big-ext { background: url("../img/ico-big-ext.png") no-repeat 0 50%; padding: 5px 0 5px 30px; display: block;}

/* Services (homepage) */ 
.services h2 { margin-top: 24px; }
.services { background: #E8F6FD; padding: 1px 25px; background: #E8F6FD url("../img/bg-sidemenu.png") repeat-y 0 0; min-height: 220px; }
.services ul li { background: url("../img/bullet-services.png") no-repeat 0 60%; padding-left: 20px; font-size: 100%; font-weight: bold; margin-bottom: 0.5em; }

/* Side menu */ 
#side-menu h2 { margin-top: 24px; }
#side-menu { background: #E8F6FD; padding: 1px 25px 8px; background: #E8F6FD url("../img/bg-sidemenu.png") repeat-y 0 0; }
#side-menu ul { }
#side-menu ul li { background: url("../img/bg-h2-border.png") repeat-x 0 0; padding: 4px 0 3px; margin: 0; }
#side-menu ul li a { text-decoration: none; display: block; padding: 0 0 0 14px; background: url(../img/bullet-services.png) no-repeat 0 55%; }
#side-menu ul li a span { display: block; padding: 2px 10px 2px 3px; }
#side-menu ul li a:hover { background-color: #E8F6FD;  }
#side-menu ul li a:hover span { background-color: #058AD7; color: white; }
#side-menu ul li.active a span, #side-menu ul li.active a:hover span { background-color: #003453; color: white; }

/* News (homepage) */
.col-side .news { padding: 25px 25px 1px; margin-top: 0; }
.col-side .news h2 { margin-top: 0px; margin-bottom: 0;}
.col-side .news h3 { margin-top: 0px; }
.col-side .news ul { margin-left: 0; }
.col-side .news ul li { background: none; padding: 0; border-top: 1px solid #E8E8E8; margin-left: 0; padding-top: 10px;}
.col-side .news ul li:first-child { border-top: 0; }

.col-side .spc { padding: 1px 25px; margin-top: 10px; }
.col-side .spc h2 { margin-top: 30px; }

/* News */
.news ul li { background: none; margin-left: 0; padding-left: 0;}
.news ul li.has-date { padding-left: 50px; }
.news ul li h2 { margin-top: 0; margin-bottom: 0.25em; }


/* Date (calendar) box */
.date-calendar { float: left; margin-left: -50px; width: 34px; height: 37px; text-align: center; margin-top: 5px; padding-top: 11px; word-spacing: -2px;line-height: 1; background: url(../img/bg-calendar-small.png) no-repeat 0 0;  font-weight: bold; font-size: 83%; font-family: Arial, Helvetica, sans-serif;}
.date-calendar .day { line-height: 1; margin-top: 12px; }
.date-calendar .month { line-height: 1; }
.date-calendar .year { display: block; }

.col-side .news ul li .date-calendar { margin-left: 0; margin-right: 12px; }

/* --- 
.date-calendar { }
.date-calendar .day { font-size: 10px; font-weight: bold;  display: inline; color: #333333; font-family: Arial;}
.date-calendar .month, .date-calendar .year { font-family: Arial; font-size: 10px; font-weight: bold;}
*/


/* Jobs (homepage) */
.col-side .jobs { padding: 1px 25px; margin-top: 24px; }
.col-side .jobs h3 { font-size: 100%; margin: 0; font-family: "Lucida Grande", Verdana, "Tahoma", "Luxi Sans", Arial, Helvetica, sans-serif; font-weight: normal; }
.col-side .jobs ul li { padding: 6px 0 6px 20px; margin: 0; background: url(../img/bullet-services.png) no-repeat 0 50%; }

/* Archive homepage */
.col-side .archive { padding: 1px 25px; margin-top: 24px; }
.col-side .archive h2 { margin-top: 0; margin-bottom: 0.25em; }
.col-side .archive h3 { margin: 0; font-weight: normal; }
.col-side .archive ul li { padding: 3px 0 6px 20px; margin: 0; background: url(../img/bullet-services.png) no-repeat 0 0.9em;  border-top: 1px solid #E8E8E8; margin-left: 0; }
.col-side .archive ul li:first-child { border-top: 0; }
.col-side .archive ul li .news-count { color: #999999; font-size: 92%; margin: 0; }


/* Reference list */
.ref-list ul, .att-images ul { margin: 0; padding: 0; list-style: none; clear: left; }
.ref-list ul li, .att-images ul li { margin: 0 0 25px 35px; padding: 0; list-style: none; float: left; width: 146px; background: none; display: inline;}
.ref-list ul li:first-child, .att-images ul li:first-child { margin-left: 0;}
.ref-list ul li a, .att-images ul li a { text-decoration: none; display: block;  }
.ref-list ul li a:hover, .att-images ul li a:hover { color: #068AD7; }
.ref-list ul li a img, .att-images ul li a img { margin: 0; padding: 5px; border: 3px solid #D1E7F4; display: block;  }
.ref-list ul li a:hover img, .att-images ul li a:hover img { border-color: #B8CCD7; }
.ref-list ul li .name { background: #F6FBFE; display: block; padding: 5px; text-decoration: underline; font-size: 92%; }
.ref-list ul li br { display: none; }

.paging { margin-bottom: 20px; margin-top: 0; position: relative; background: #F6FBFE; background: #E8F6FD; padding: 6px; overflow: hidden; }
.paging .page-number { margin-right: 10px; float: left; }
.paging .pages { margin-right: 0px; float: right; }
.paging .pages a, .paging .pages strong { padding: 3px 6px; background: white; border: 1px solid #E3EFF6; text-decoration: none; }
.paging .pages a:hover { text-decoration: underline; }

/* Related refs */
.related-refs ul { margin-left: 0; }
.related-refs ul li { background: #F6FBFE none; border-bottom: 1px solid #DBF1FE; margin-right: -25px; margin-left: -25px; padding: 10px 15px 10px; }
.related-refs ul li h3 { margin-top: 0;} 
.related-refs ul li h3 a .name { display: block; margin-bottom: 5px; text-decoration: underline;}
.related-refs ul li h3 a img { float: left; margin-right: 15px; margin-bottom: 3px; padding: 1px; border: 3px solid #D1E7F4;}
.related-refs ul li h3 a:hover img { border-color: #B8CCD7; }
.related-refs ul li p { font-size: 92%; }

/* Attachements */
.ref-list, .att-images, .att-files, .att-refs, .att-links { margin: 0 30px; }
.ref-list { margin-top: 10px; }
.att-files, .att-refs, .att-links { padding-bottom: 15px; }
.att-images h2, .att-files h2, .att-refs h2, .att-links h2 { margin-top: 0; }

/* Testimonial */
.testimonial { margin: 0 -15px 1em -15px; background: url(../img/bg-testimonial.png) repeat-y 100% 0; }
.testimonial .spc { background: url(../img/bg-testimonial-bottom.png) no-repeat 100% 100%; padding: 20px 23px; }
.testimonial blockquote { margin: 0; padding: 0; font-style: italic; position: relative; font-size: 92%; line-height: 1.455; }

.bdquo, .ldquo { padding: 0; line-height: 20px; }

.bdquo span, .ldquo span{ height: 16px; padding: 0 20px 0 0; white-space: nowrap;}

.bdquo span { background: url("../img/bg-bdquo.png") no-repeat 0 100%; }
.ldquo span { background: url("../img/bg-ldquo.png") no-repeat 70% 100%; }

/* File icons */
ul.list-files li { background-repeat: no-repeat; background-position: 0 0; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}
ul.list-files { list-style: none; margin: 0 0 1em 0; padding: 0; }

/* File icons */
.dm {background-image: url("../img/fileico/fico-sm-3dm.gif");}
.ai {background-image: url("../img/fileico/fico-sm-ai.gif");}
.avi {background-image: url("../img/fileico/fico-sm-avi.gif");}
.bmp {background-image: url("../img/fileico/fico-sm-bmp.gif");}
.cdr {background-image: url("../img/fileico/fico-sm-cdr.gif");}
.doc {background-image: url("../img/fileico/fico-sm-doc.gif");}
.dxf {background-image: url("../img/fileico/fico-sm-dxf.gif");}
.exe {background-image: url("../img/fileico/fico-sm-exe.gif");}
.gif {background-image: url("../img/fileico/fico-sm-gif.gif");}
.html {background-image: url("../img/fileico/fico-sm-html.gif");}
.jpg {background-image: url("../img/fileico/fico-sm-jpg.gif");}
.mp3 {background-image: url("../img/fileico/fico-sm-mp3.gif");}
.pdf {background-image: url("../img/fileico/fico-sm-pdf.gif");}
.png {background-image: url("../img/fileico/fico-sm-png.gif");}
.ppt {background-image: url("../img/fileico/fico-sm-ppt.gif");}
.psd {background-image: url("../img/fileico/fico-sm-psd.gif");}
.rtf {background-image: url("../img/fileico/fico-sm-rtf.gif");}
.qt {background-image: url("../img/fileico/fico-sm-qt.gif");}
.ra {background-image: url("../img/fileico/fico-sm-ra.gif");}
.swf {background-image: url("../img/fileico/fico-sm-swf.gif");}
.tif {background-image: url("../img/fileico/fico-sm-tif.gif");}
.txt {background-image: url("../img/fileico/fico-sm-txt.gif");}
.xls {background-image: url("../img/fileico/fico-sm-xls.gif");}
.zip {background-image: url("../img/fileico/fico-sm-zip.gif");}
.unknown {background-image: url("../img/fileico/fico-sm-unknown.gif");}

.top-link { position: absolute; top: 0; right: 0; }
.col-side .news .top-link { top: 29px; right: 0; }
.featured-ref .top-link { top: 29px; right: 15px; }

/* Forms */
.form-box { padding: 1.5em 1.5em 0.5em 1.5em; margin-bottom: 1.25em; background: #E8F6FD; border-bottom: 1px solid #B4DCF3;}
.form-box form { margin: 0; padding: 0; }

.ico-envelope { width: 88px; height: 61px; background: url(../img/ico-envelope.png) no-repeat 0 0; position: relative; top: -35px; left: 445px; }
  
#contact-form { position: static; }
#contact-form form { margin: 0; padding: 2.5em 1.5em 0.5em 1.5em; background: #E8F6FD;  border-bottom: 1px solid #B4DCF3; position: static; }
#contact-form form .inp-text, #contact-form form textarea { border: 1px solid #B6D8EB; }
#contact-form form textarea { width: 99%; }
.inp-text { padding: 2px 0; }

form .inp-text:focus { border-color: #003453 !important; }

#poptavka-form { position: relative; }
#poptavka-form h2, #contact-form h2 { margin-right: 90px; }
#poptavka-form form { margin: 0; padding: 2.5em 1.5em 0.5em 1.5em; background: #E8F6FD;  border-bottom: 1px solid #B4DCF3; position: relative; }
#poptavka-form form .inp-text, #poptavka-form form textarea { border: 1px solid #B6D8EB; }
#poptavka-form form textarea { width: 99%; }
.inp-text { padding: 2px 0; }

.form-intro-text { margin-right: 90px; }

fieldset {border: 0; margin: 0 0 0.5em 0; padding: 0; }
legend {font-weight: bold; font-size: 108%; border: 0; margin: 0 0 0.9em 0; padding: 0; position: relative; display: block; }
.fieldset-box p {margin-bottom: 0.3em; }

label { font-weight: bold; }

/* Widths */
.w-full { width: 100%; }
.w-half { width: 50%; }
.w-third { width: 33%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

.error { color: #FF0000; }
.error-message, .ok-message { color: red; font-size: 116%; font-weight: bold; margin: 15px 0; background: #FDF5F1 url(../img/bullet-cross.png) no-repeat 10px 50%; padding: 5px 5px 5px 35px; border: 1px solid #F3D2D2; }
.ok-message { color: green; background: #F6FBDC url(../img/bullet-tick.png) no-repeat 10px 50%; border: 1px solid #C6E528;}

/* Content Tabs: */
.anchors { list-style: none; margin: 0; padding: 0; clear: both; float: left; width: 100%;}
.anchors li { float: left; margin:0 0 0 5px; background: none; padding: 0; }
.anchors li.selected { margin-bottom: -1px; position: relative; }
.anchors a { display: block; position: relative; border: 1px solid #4494C3; border-bottom: 0; padding: 4px 10px; color: #003453 !important; text-decoration: none; float: left; background: #D8E9F3 url(../img/bg-contab.png) repeat-x 0 0; }
.anchors .selected a { border-bottom: 1px solid white; border-top-width: 4px; margin-top: -3px; font-weight: bold; background: none; }
.anchors a:focus,.anchors a:active { outline:none; }
.anchors .selected a,.anchors a:hover,.anchors a:focus,.anchors a:active{  }
.anchors .selected a:link,.anchors .selected a:visited { cursor: text; }
.anchors a:hover,.anchors a:focus,.anchors a:active { cursor: pointer; }
.tabs-hide { display: none; }
.fragment { padding: 10px 10px; border-top: 1px solid #4494C3; border-bottom: 1px solid #4494C3; clear:both; }

ul.content-services li { float: left;}

.diggs { background: #E8F6FD; border-left: 12px solid #B6D8EB; overflow: hidden; }
.diggs ul li { background: url(../img/bg-diggs-item.png) no-repeat 0 50%; float: left; font-size: 92%; margin: 0; padding: 5px 15px; }
.diggs ul li:first-child { background: none; }

.ico-linkuj, .ico-jagg, .ico-delicious, .ico-digg  { padding: 3px 0 3px 20px; }
.ico-linkuj { background: url(../img/ico-linkuj.png) no-repeat 0 50%; }
.ico-jagg { background: url(../img/ico-jagg.png) no-repeat 0 50%; }
.ico-delicious { background: url(../img/ico-delicious.png) no-repeat 0 50%; }
.ico-digg { background: url(../img/ico-digg.png) no-repeat 0 50%; }