@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,300,200);

@font-face {  font-family: 'Droid Sans';  font-style: normal;  font-weight: normal;  src: local('Droid Sans'), local('DroidSans'), url('http://themes.googleusercontent.com/font?kit=s-BiyweUPV0v-yRb-cjciC3USBnSvpkopQaUR-2r7iU') format('truetype');}
@font-face {  font-family: 'Droid Sans 700';  font-style: normal;  font-weight: bold;  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('http://themes.googleusercontent.com/font?kit=EFpQQyG9GqCrobXxL-KRMfEr6Hm6RMS0v1dtXsGir4g') format('truetype');}
@font-face {  font-family: 'Droid Serif';  font-style: normal;  font-weight: bold;  src: local('Droid Serif Bold'), local('DroidSerif-Bold'), url('http://themes.googleusercontent.com/font?kit=QQt14e8dY39u-eYBZmppwZ_TkvowlIOtbR7ePgFOpF4') format('truetype');}
::selection {	background:#ccff33;	color:#fff;}
::-moz-selection {	background:#ccff33;	color:#fff;}
::-webkit-selection {	background:#ccff33;	color:#fff;}


*{margin:0;padding:0;}
body{background:#000 url(/NYC.jpg) no-repeat top center;color:#fff;font-family: Droid Sans, Helvetica, Arial, sans-serif;height:100%;}
img{border:none;vertical-align:middle;}
a{text-decoration:none;color:#fff;font-weight:bold;}
a:hover{background:transparent url(http://static.webarto.com/gfx/pixel.ccff33.png) repeat;color:#fff;}
a.clean:hover{background:none;}
h1,h2,h3{background:transparent url(http://static.webarto.com/gfx/pixel.ccff33.png) repeat;padding:5px;color:#fff;font-family:Droid Sans Bold,Georgia,serif;margin-bottom:10px;}
input,select,textarea{border:2px #333 solid;padding:5px;margin:5px 0;background:transparent url(http://static.webarto.com/gfx/pixel.offset.png) repeat;color:#fff;font-weight:bold;font-size:14px;}
input:hover,select:hover,textarea:hover{background:transparent url(http://static.webarto.com/gfx/pixel.ccff33.png) repeat;}
ul{list-style-type:none;}
td{vertical-align:top;}

#okvir{background:transparent url(http://static.webarto.com/gfx/okvir.png) no-repeat top center;width:960px;margin:0 auto;}

#gore{padding:0;height:80px;background:#000;border-bottom:1px solid #111;margin-bottom:20px;}
#gore a:hover{background:none;}

#logo{opacity:1.0}
#dole{background:#000;padding:10px;margin-top:20px;font-size:12px;border-top:1px solid #111;}
#dole ul{float:right;}
#dole li{float:left;}
#dole li a{padding:5px;}
#dole li a:hover{background:transparent url(http://static.webarto.com/gfx/pixel.ccff33.png) repeat;}

#lijevo{float:left;width:700px;}
#lijevo .box img{max-width:680px;}
#lijevo .box img.bordura{max-width:660px;}
#desno{float:right;width:250px;}

#meni{float:right;height:100px;}
#meni ul{}
#meni li{float:left;}
#meni a{display:block;float:left;padding:25.5px 10px;text-decoration:none;text-align:center;color:#fff;font-size:24px;font-weight:bold;width:180px;font-family:Yanone Kaffeesatz;letter-spacing:1px;text-transform:uppercase;}
#meni a:hover{background:transparent url(http://static.webarto.com/gfx/menu.hover.png) no-repeat bottom center;color:#ccff33;}
#meni .atm{background:none;color:#fff;}

#intro{background:transparent url(http://static.webarto.com/gfx/pixel.png) repeat;padding:10px;margin-bottom:10px;}

#lang{position:absolute;z-index:10;width:960px;text-align:right;}

.box{background:transparent url(http://static.webarto.com/gfx/pixel.png) repeat;padding:10px;margin-bottom:10px;}
.red{background:transparent url(http://static.webarto.com/gfx/pixel.ff3333.png) repeat;font-weight:bold;padding:10px;margin-bottom:10px;}
.lime{background:transparent url(http://static.webarto.com/gfx/pixel.ccff33.png) repeat;font-weight:bold;padding:10px;margin-bottom:10px;}

.dugme{padding:5px;background:#abdc28 url(http://static.webarto.com/gfx/dugme.png) repeat-x top center;color:#000;font-weight:bold;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.dugme{background:#abdc28;}

.portfolio{background:transparent url(http://static.webarto.com/gfx/pixel.png) repeat;float:left;margin:0 11px 10px 0;width:300px;height:200px;padding:6px;}
.portfolio img{opacity:0.5;}
.m00100{margin:0 0 10px 1px;}

.hidden{visibility:hidden;clear:both;}

.lista{}
.lista li{}
.lista a{display:block;border-bottom:1px dashed #333;padding:5px;font-size:12px;}

.bordura{border:10px solid #333;}
.opacity{opacity:0.5;}

#kontakt{cursor:pointer;}

#paketi{padding:50px 0 100px 0;text-align:center;height:300px;}
#paketi img{opacity:0.5;position:relative;margin:0 10px}

pre{background:transparent url(http://static.webarto.com/gfx/pixel.offset.png) repeat;font-size:12px;line-height:16px;word-wrap:break-word;white-space:pre-wrap;display:block;border:10px solid #333;font-family:Verdana;}
pre code {  color: #f8f8f8;}
pre {  background:transparent url(http://static.webarto.com/gfx/pixel.offset.png) repeat;}
code .shebang,code .comment,code .template_comment,code .javadoc {  color: #7c7c7c;}
code .keyword,code .tag,code .ruby .function .keyword,code .tex .command {  color: #96CBFE;}
code .function .keyword,code .sub .keyword,code .method,code .list .title {  color: #FFFFB6;}
code .string,code .attribute .value,code .cdata,code .filter .argument,code .attr_selector,code .apache .cbracket,code .date {  color: #A8FF60;}
code .subst {  color: #DAEFA3;}
code .regexp {  color: #E9C062;}
code .function .title,code .sub .identifier,code .pi,code .decorator,code .ini .title,code .tex .special {  color: #FFFFB6;}
code .class .title,code .constant,code .smalltalk .class,code .javadoctag,code .yardoctag,code .phpdoc,code .nginx .built_in {  color: #FFFFB6;}
code .symbol,code .ruby .symbol .string,code .ruby .symbol .keyword,code .ruby .symbol .keymethods,code .number,code .variable,code .vbscript,code .literal {  color: #C6C5FE;}
code .css .keyword {  color: #96CBFE;}
code .css .rule .keyword,code .css .id {  color: #FFFFB6;}
code .css .class {  color: #FFF;}
code .hexcolor {  color: #C6C5FE;}
code .number {  color:#FF73FD;}
code .tex .formula {  opacity: 0.7;}