/* -------------------------------------------------------------- 

   * Styles oglasi
   
   *reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
  line-height: 1.5;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
table, td, th {
  vertical-align: middle;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
a img {
  border: none;
}


 /* == STRUCTURE: ========================
   * Page width:            936 px
   * Number of columns:     20
   * Column width:          24 px
   * Margin width:          24 px
  ======================================
   
  By default, the grid is 936px wide, with 20 columns 
  spanning 24px, and a 24px margin between columns.
  
  If you need fewer or more columns, use this formula to calculate
  the new total width: 
  
  Total width = (number_of_columns * column_width) - margin_width
-------------------------------------------------------------- */

/* A page container should group all columns. */

body { min-width: 960px; }
#page { width:936px;margin:0 auto; }

/* Columns
-------------------------------------------------------------- */
/*.section {float: left;margin-right: 24px;}*/

/* Use these classes to set the width of a column. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.third, div.sixth, div.article, div.aside, #footer .search  {float:left;margin-right: 24px;}

/* The last column in a row needs this class. */
.last, div.last, div.aside, #footer .search {margin-right:0;}
.span-1  { width: 24px;}
.span-2  { width: 72px;}
.span-3  { width: 120px;}
.sixth   { width: 136px;}
.span-4, #footer .search  { width: 168px;}
.span-5  { width: 216px;}
.span-6, .aside { width: 264px;}
.third   { width: 296px;}
.span-7  { width: 312px;}
.span-8  { width: 360px;}
.span-9  { width: 408px;}
.span-10 { width: 456px;}
.span-11 { width: 504px;}
.span-12 { width: 552px;}
.span-13 { width: 600px;}
.span-14, .article { width: 648px;}
.span-15 { width: 696px;}
.span-16, .sitenav { width: 744px;}
.span-17 { width: 792px;}
.span-18 { width: 840px;}
.span-19 { width: 888px;}
.span-20, div.span-20 { width: 936px; margin: 0; }


/*---------------------------------------------
  Common styles
---------------------------------------------*/
/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}
embed,object{max-width:100% !important;}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
applet {z-index:0;}
hr.space {background:#fff; color:#fff;}

/* Clearing floats without extra markup */
.section:after, .clear:after, #mainmenu:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear,* html .section { height: 1%; }
.clear, .section { display: block; clear:both; }
a[rel='nofollow'] { text-decoration: none; color: inherit; }

/* global */
.article {font-size: 106%;line-height:1.4;min-height:420px;}
.article ol {list-style-position:outside;padding:0 0 0 5px;}
#home #header,#brand {display:none;}
#header h2 {margin-top:.1em;margin-bottom:.75em;}
ul {list-style-image:url('bullet.png');}

/* top menu */
#nav ul#mainmenu {list-style:none inside none;padding:0 130px 0 26px;margin:0 0 16px -14px;background: url('meni.png') no-repeat 100% 0;height:70px;min-height:70px;height:auto !important;position:relative;z-index:998;}
#nav ul#mainmenu li a {max-height:45px;}
#nav li {color:#fff;background:transparent url('meni.png') -60px -20px;position:relative;float:left;margin-top:21px;list-style-image: none;}
#nav li a {display:block;line-height:45px;padding:0 15px;color:#fff;text-decoration:none;white-space:nowrap;}
#nav li a:hover, #nav li.on ul a:hover, #nav li.on a, #nav li a:focus, #nav li a.sffocus, #products #nav .menu-products, #news #nav .menu-news, #discover #nav .menu-discover, #addons #nav .menu-addons, #developer #nav .menu-developer, #support #nav .menu-support, #about #nav .menu-about, #jobs #nav .menu-jobs, #business #nav .menu-business {background:transparent url('meni_over.png');text-shadow: #000 0px 1px 2px;}

/* Top menu dropdowns */
#nav li ul {position:absolute;z-index:999;min-width:150px;background:#00313E;color:#fff;opacity:0.95;top:45px;list-style:none;border-top:1px solid #aad4ff;margin:0 0 0 -999em;padding:0;background-image:none;}
#nav li:hover ul, #nav li.sfhover ul {margin-left:0;}
#nav li ul li {float:none;margin:0;padding:0;white-space:pre;border-bottom:1px solid #aad4ff;background-image:none;background:transparent;height:2.3em;}
#nav li ul a, #nav li.on ul a {height:auto;color:#fff;border:0px;line-height:2.3em;display:block;background-image: none;float:none;width:80%;}
#nav li ul li:hover, #nav li ul a:hover, #nav li ul a:focus, #nav li ul a.sffocus {color:#fff;background-color:transparent;}

/* Footer */
#footer {border-top:1px solid #ddd;padding:1em 0;margin-top:1.5em;clear:both;}
#footer ul {margin:.5em 24px 0 0; list-style:none;}
#footer li {display:inline;padding-right: 1em;}
#footer a {color:inherit;text-decoration:none;}
#footer a:hover {color:#00AAD4;text-decoration:none;}
#footer li + li {border-left:1px solid #ddd;padding-left: 1em;}

.sitenav {float:left;}
.sitenav fieldset {display:inline;padding:0;margin:0;}
.footer-logo {float:left;margin:-4px 5px 0px 0px;padding:0px;clear:both;}
.footer-logop {float:right;margin:4px 5px 0px 0px;padding:0px;}

/* Helper classes */
.hide, .handheld {display:none;}
.show {display:block;}
.showin {display:inline;}
.tright {text-align:right;}
.tcenter {text-align:center;}
.vmiddle {vertical-align: -20%;}
.separator {border-top:1px solid #ddd; padding-top:18px;}
.separatora {border-top:1px dotted #00AAD4; padding-top:18px;}
.separator-no {padding-top:1.5em;}
.caps {text-transform:uppercase;}
.yank {display:block;position:absolute;left:-999em;}

.nobullet {list-style:none;margin-left:0px; }
.nobullet li {list-style:none; list-style-image:none;margin:0;padding:0; }
.numbers {list-style:decimal;margin-left:0px; list-style-position:inside;}

.lclear {clear:left;}
.rclear {clear:right;}
.nobreak, .nowrap {white-space:nowrap;}

.getmore {height:33px; background:#f2f2f2; display:block; line-height:33px; margin:2em 0; padding:0 16px; text-align:right;}
.getmore a {color:#666; text-decoration:none;}
.getmore a:hover {color:#333;}
.getmore a:active {color:#29abe2;}

.nomargin {margin:0;}

/* -------------------------------------------------------------- 
   
   * typography
  
-------------------------------------------------------------- */

/* Font size definition: the line-heights and vertical margins 
   are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px) */

body {
  font-size: 75%;
  color: #222;
	background: #fff; /*#eee url(/bitmaps/common/background.png) repeat-y 50% 0;*/
  font-family: "helvetica neue", "lucida grande", helvetica, arial, sans-serif;
}

html > body {font-size:12px;}

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4 {
  font-weight: normal;
  color: #222;
  font-family: "myriad pro", "trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;
}

/*h1 {font-size: 2.2em;line-height:1; margin-bottom:.5em;}*/
/*h2 {font-size: 1.8em;line-height:1.3;margin-bottom:0.3em;line-height:1.2em;}*/
/*h3 {font-size: 1.5em;line-height:1;margin-bottom:0.5em;}*/

h1 {font-size:3em; line-height:1; margin-bottom:0.1em;}
h2 {font-size:2.1em; line-height:1.3; margin-bottom:0.3em;}
h3 {font-size:1.6em; line-height:1; margin-bottom:0.7em;}
h4 {font-size:1.3em; font-weight:bold; line-height:1.25; margin-bottom:0.3em;}
h5 {font-size:1em; font-weight:bold; margin-bottom:0.5em;}
h6 {font-size:1em; font-style:italic;}

h4 + h5 {margin-top:-0.6em;}

/* Text elements
-------------------------------------------------------------- */

p, object     { margin:0 0 1.5em; }
div img       { margin:0 0 1.5em; padding:0; }
p img, li img { margin:0; padding:0; vertical-align: text-bottom;}
td ul         { margin-bottom: 0; }
img.right	  { float:right; margin:0 0 1.5em 1.5em;}
img.left      { float:left; margin:0 1.5em 1.5em 0; }
img.center    { display:block; margin:0 auto 1.5em; }
.tright       { text-align: right; }
.inline       { display:inline; }

a:focus,
a:hover       { color:#66ffff; }
a             { color:#00AAD4; text-decoration:underline; }

h4 a {color:inherit;}

blockquote    { margin:1.5em; color:#666; font-style:italic; }
/*blockquote p  { font-size: 1em;line-height:1.5em; margin-left:3em;color:#666;}
blockquote > p:first-of-type:before {content:'Ò';font-family:times,serif;color:#ccc;font-size:5.5em;display:block;float: left;margin:.3em .1em -.3em -.6em;}
blockquote > p:first-of-type:after {content:'Ó';font-family:times,serif;color:#ccc;font-size:5.5em;vertical-align:-.5em;margin:0 0 -.3em .1em;line-height:0;}
blockquote p cite {color:#000;display:block;text-align:right;}*/
/*blockquote > p:first-of-type {margin-bottom: 0;}*/

strong        { font-weight:bold; }
em,dfn        { font-style:italic; }
dfn           { font-weight:bold; }
sup,sub       { line-height:0; }
address       { margin:0 0 1.5em; font-style:italic; }
del           { color:#666; }

pre           { max-width:100%; 
                overflow:auto; 
                padding:8px; 
                background:#efefef;
                border: 1px solid #ddd;
                margin:1.5em 0;
                line-height:1.5;
                }
pre,code,
tt,kbd        { font-family:'andale mono','lucida console',monospace;} /*inconsolata,*/
pre code, * code { font-size:100%; }
kbd           { 
                color: #000;
                background-color:#ddd;
                outline: 1px solid #bbb;
                border: 1px solid #bbb;
                border-top-color: #fff;
                border-left-color: #fff;
                min-width:1em;
              }
li ul,li ol   { margin:0 1.5em; }
ul,ol         { margin:0 0 1.5em 1.5em; }
ul            { list-style-type:disc; }
ol            { list-style-type:decimal; }
dl            { margin:0 0 1.5em 0; }
dl dt         { font-weight:bold; }
dd            { margin-left:1.5em; }
cite		  { margin-bottom:1em; }

/* Tables
-------------------------------------------------------------- */

table         { margin-bottom:1.4em; width:100%; border-collapse:collapse; }
th            { font-weight:bold; background-color:#f0f0f0; }
th,td         { border:1px solid #dddddd; padding:.33em .67em; vertical-align: top; }
tr.even td    { background-color:#f7f7f7; }
tr.even th	  { background-color:#e8e8e8; }
tfoot         { font-style:italic; }
caption       { background-color:#eee; }
/* Use this if you use span-x classes on th/td. */
table .last   { padding-right: 0; } 

/* Generic styles
-------------------------------------------------------------- */

.small,.minor,
#footer       { font-size:0.95em; margin-bottom:1em; line-height:1.58em; }
.large,.intro { font-size:1.2em; margin-bottom:1.5em; }
.introduction { font-size:1.2em; font-weight:normal; line-height:1.4em; margin-top:0.3em; margin-bottom:0.8em; }
.path-menu    { background-color: #eee; padding:0 .3em 0 .3em; }
.center		  { text-align:center }

/*.hide-handheld,*/
.hide         { display:none; }
.quiet, #footer, .secondary{ color:#666; }
.loud         { color:#000; }
.highlight    { background:#ff0; }

.added        { background:#060; color:#fff; }
.removed      { background:#900; color:#fff; }
.first        { margin-left:0; padding-left:0; }
.last         { margin-right:0; padding-right:0; }
.top          { margin-top:0; padding-top:0; }
.bottom       { margin-bottom:0; padding-bottom:0; }

.red          { color: #C80000; }
.green        { color: #008200; }

/* Html Pages 
-------------------------------------------------------------- */
html {background: url('bg-body.png') repeat-x 0 0;}
body {background: transparent url('bg-pozadina.png') no-repeat 50% 0;}
#presto {float:left;margin-right: 1em;}
.box {background:transparent;padding:20px 0 0;}
h1 {font-size:4em;font-weight:bold;}
h2 {font-weight: normal;font-size:160%;letter-spacing: .15em;}
h3 {margin-bottom:0.5em;}
.last {margin-right:0;float:right}
.clear:after {display: block; content:'.'; clear: both; height: 1px;visibility: hidden;}
.pad {margin: 2em 0 1em;}
.copy {margin-top:2em;padding-top:1ex;border-top:1px #fff solid; opacity:0.5;}
div.welcome {padding-right: 450px;text-shadow: #fff 0 0 4px;}