/* $Id$ */
/* =reset.css (by Andy Clarke) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; font-family:Georgia, "Times New Roman", Times, serif; }

.clear { clear: both; font-size: 1px; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

html { height:100%; overflow:hidden; }
body { background:url(../img/bg_side.gif) left top repeat-y; overflow:hidden; height:100%; }
body a { text-decoration:none; color:red; }
body a:hover { text-decoration:underline; color:red; }

#loader { position:absolute; z-index:99; left:0px; top:0px; width:100%; height:100%; background:#000 url(../img/ajax-loader.gif) 55% 50% no-repeat; display:none; }

#loader.show { opacity:0.5; filter:alpha(opacity=50); display:block; }

#container { auto !important; min-height:100%; float:left; position:absolute; top:0px; left:0px; width:100%; height:100%; }
#side { width:187px; background:#272727; margin-right:20px; position:absolute; top:0px; left:0px;z-index:170; height:100%; }
#main_menu { padding:32px 0 0px 20px; float:left; width:165px; }
#main_menu li { float:left; width:100%; list-style:none; color:#737373; }
#main_menu li a { font-size:14px; color:#737373; display:block; width:100%; }
#main_menu li a:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; }
#main_menu li.selected a { color:#FFF; }

#main_menu ul.submenu { float:left; padding:5px 0 6px 18px; width:156px; }
#main_menu ul.submenu li { float:left; width:100%; }
#main_menu ul.submenu li a { font-size:14px; color:#737373; display:block; width:100%; text-indent:-8px; }
#main_menu ul.submenu li a:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; }
#main_menu ul.submenu li.selected a { color:#FFF; }

#main { position:absolute; left:0px; top:0px; width:100%; height:100%; }

div.index { padding:32px 20px 20px 207px; font-size:40px; color:#999; min-height:350px; height:100%; }
span.black { color:#333; }
span.orange { color: rgb(255, 120, 0); /*#F78E1E;*/ }

div.bottom_info { position:absolute; left:20px; bottom:20px; z-index:110; float:left; z-index:300; width:160px; }
* html div.bottom_info { position:relative; padding:500px 0 0 0; }
div.bottom_info a { display:block; width:90px; float:left; }
div.bottom_info p { padding:20px 0 0px 0px; display:block; width:100%; float:left; color:#737373; font-size:14px;  }
div.bottom_info p a { color:#737373; font-size:14px; width:100%; }
div.bottom_info p a:hover { color:#FFF; text-decoration:none; }

ul.bottom_works { position:absolute; left:0px; top: 0; display:block; padding:0 0 0 207px; width:100%; }
* html ul.bottom_works { bottom:60px; }
ul.bottom_works li { float:left; width:40%; list-style:none; /*border-top:1px solid #CCC;*/ padding:20px 10px 0 0; }
ul.bottom_works li img { border:none; /*1px solid #999;*/ margin-right:14px; float:left; }
ul.bottom_works li div.text { /*float:left;*/ width:60%; color:#fff; display: inline; }
ul.bottom_works li div.text h2 { /*float: left;*/ clear: right; display: inline; }
ul.bottom_works li div.text p { font-family:Arial, Helvetica, sans-serif; font-size:10pt; padding-top: 6px; }
ul.bottom_works li div.text a { text-decoration:none; color:#999; }
ul.bottom_works li.work { width:130px; border-left:1px solid #CCCCCC; padding:20px 0 0 10px; }
ul.bottom_works li.work a.finger { background: url('/img/finger_white_orange.jpg') 0px 0px no-repeat; display: block; height: 61px; width: 110px; }
ul.bottom_works li.work a.finger:hover { background: url('/img/finger_white_orange.jpg') 110px 0px ; display: block; height: 61px; width: 110px; }
ul.bottom_works li.work img { border:none; }
ul.bottom_works li div.text h2 a { font-size:24pt; color:#fff; }
ul.bottom_works li div.text h2 a:hover { text-decoration:none; color:rgb(255,120,0); /*#666;*/ }
ul.bottom_works li.work div.text { width:100%; padding:5px 0 0 0; }
ul.bottom_works li.work div.text p { font-family:Arial, Helvetica, sans-serif; font-size:10pt; margin-left: 6px; }
ul.bottom_works li.work div.text p a { font-family:Arial, Helvetica, sans-serif; font-size:10pt; }
ul.bottom_works li.work div.text p a:hover { color:/*#666;*/ rgb(255,120,0);}

div.heading { font-size:40px; color:#999; padding-bottom:32px; }
div.text { font-size:24pt; color:#333; width: 100%;/*1053;*/ padding: 0 20px 0 0;}
div.text span.alter { color:#808080; }
div.text span.small { font-family:Arial, Helvetica, sans-serif; font-size:10pt; /*12pt;*/ color:#999; display:block; padding:30px 0 0 0;}
div.text a { color:#333; }
div.text span.alter a { color:#808080; }
div.text a:hover { color:#ff5900; text-decoration:none; }
div.text span.alter a:hover { color:#ff5900; text-decoration:none; }

div.map_right { float:right; padding:0 0 0 20px; }

div.news_right { padding:0 20px 0 20px; /*font-family:Arial, Helvetica, sans-serif; font-size:12pt;*/ color:#999; }
div.news_right p { /*font-family:Arial, Helvetica, sans-serif; font-size:12pt;*/ color:#999;}
div.news_right span.more { display:block; padding:20px 0 0 0; }
div.news_right span.more a { color:#333; }

div.news_img img { border:1px solid #CCCCCC; float:left; margin:0 20px 0 0; }

div.news_text { font-size:24pt; color:#333; height:100%; }
div.news_text span.alter { color:#808080; }
div.news_text span.small { font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#999; display:block; padding:30px 0 0 0;}
div.news_text a { color:#333; }
div.news_text a:hover { color:#ff5900; text-decoration:none; }

div.map_right { float:right; padding:0 0 0 20px; }

div.news_right { padding:110px /*127px*/ 20px /*0*/ 0 20px; /*font-family:Arial, Helvetica, sans-serif; font-size:12pt;*/ color:#999; }
div.news_right p { /*font-family:Arial, Helvetica, sans-serif; font-size:12pt;*/ color:#333;}
div.news_right span.more { display:block; padding:20px 0 0 0; }
div.news_right span.more a { color:#333; }

div.news_img { padding:110px/*127px*/ 0 0 20px; float:left; } 
div.news_img img { border:1px solid #CCCCCC; float:left; margin:0 20px 0 0; }

ul.work_list li { float:left; list-style:none; width:180px; margin:0 43px 8px 0px; height:175px; }
ul.work_list li a { display:block; }
ul.work_list li a img { border:1px solid #CCC; }
ul.work_list li a span { display:block; float:left; clear:both; font-family:Helvetica, sans-serif; font-size:13px; /*11pt;*/ color:#999; /*#808080;*/ padding:5px 0px;  }
ul.work_list li a:hover { opacity:0.5; filter:alpha(opacity=50); }

#home_bottom { position:absolute; bottom:0; left:0px; width:100%; z-index:160; height:170px; /*132px;*/ background:url(../img/homepage_bg.png); opacity:1.0; filter:alpha(opacity=100); }

#bottom { position:absolute; bottom:0; left:0px; width:100%; z-index:160; height:100px; /*132px;*/ }
#bottom.news_navigation { height:100px; }
#bottom.news_navigation div.bottom_navigation  { height:100px; }
div.bottom_navigation { margin:0 0 0 187px; background:#444; height:100px;/*132px;*/ opacity:0.9; filter:alpha(opacity=90); }
div.bottom_navigation ul { min-width:1000px;  }
div.bottom_navigation li { float:left; width:33%; list-style:none; border-top:1px solid #CCC; padding:20px 0 0 0; }
a.bottom_navigation { opacity:0.9; filter:alpha(opacity=90); }

div.caption { display: none; float:left; padding:13px 0px 13px 20px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:1px solid #FFF; width:100%; background:url(../img/blt_down.gif) 96% center no-repeat; }
div.caption span,
div.caption b { font-family:Arial, Helvetica, sans-serif; }
div.caption_up { display: none; float:left; padding:13px 0px 13px 20px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border-bottom:1px solid #FFF; width:100%; }

#prvi_nivo { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; background:#FFF; clear:left; margin:0 0 0 187px; float:left; }
#prvi_nivo ul.project_list { float:left; position:absolute; top:0px; left:0px; overflow:hidden; height:100%; width:3000%;  }
#prvi_nivo ul.project_list li { float:left; list-style:none; overflow:hidden; width:100%; }
#prvi_nivo ul.project_list li img { float:left; }
#prvi_nivo div.index { padding:32px 20px 20px 20px; font-size:40pt; color:#999; min-height:350px; height:100%; }

.drugi_nivo { height:100%; overflow:hidden; width:100%; }
.drugi_nivo ul.project_list_detail { float:left;  }
.drugi_nivo ul.project_list_detail li { float:left; list-style:none; overflow:hidden; height:100%; width:100%; }

div.bottom_navigation a.none { display:none; }
div.bottom_navigation a span.text { float:left; display:block; }
.page_info { position:absolute; top:39px; left: 600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; padding:0 30px 0 0; }

a.prev_navigation { position:absolute; top:39px; /*72px;*/ left:207px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; background:url(../img/prev_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.prev_navigation:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/prev_navigation.gif) left bottom no-repeat; }

a.next_navigation { position:absolute; top:39px; /*72px;*/ right:20px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; background:url(../img/next_navigation.gif) right top no-repeat; padding:0 30px 0 0; }
a.next_navigation:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/next_navigation.gif) right bottom no-repeat; }

a.top_navigation { position:absolute; top:10px; /*53px;*/ left:600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; background:url(../img/top_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.top_navigation:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/top_navigation.gif) left bottom no-repeat; }

a.bottom_navigation { position:absolute; top:68px; /*91px;*/ left:600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; background:url(../img/bottom_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.bottom_navigation:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/bottom_navigation.gif) left bottom no-repeat; }

a.top_navigation_studio { position:absolute; top:53px; left:600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; background:url(../img/top_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.top_navigation_studio:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/top_navigation.gif) left bottom no-repeat; }

a.bottom_navigation_studio { position:absolute; top:91px; left:600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; background:url(../img/bottom_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.bottom_navigation_studio:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/bottom_navigation.gif) left bottom no-repeat; }

a.middle { left:723px; /* 746 - 20 */ }

div.news_navigation a.prev_navigation { top:39px; }
div.news_navigation a.next_navigation { top:39px; }
div.news_navigation a.top_navigation { top:20px; }
div.news_navigation a.bottom_navigation { top:60px; }

div.absolute_heading { font-size:40px; position:absolute; z-index:150; left:207px; top:32px;/*27px;*/ color:#999; }

div.project_with_text { padding:109px 0 0 0; }

/*div.detail_text { padding:0px 0 0 20px; float:none; font-size:12px; color:#999999; font-family:Arial, Helvetica, sans-serif !important; margin:0 208px 0 0; }
div.detail_text b { font-weight:bold; color:#383838; }
div.detail_text p { font-family:Arial, Helvetica, sans-serif !important; }
*/
div.detail_text { padding:0px 20px/*0*/ 0 20px; float:none; font-size:24pt; color:#333333; margin:0 0/*208px*/ 0 0; }
div.detail_text b { font-weight:bold; color:#333333; }
div.detail_text p { font-size:24pt; }
div.detail_text a { color:#333333; }
div.detail_text a:hover { color:#ff5900; text-decoration:none; }

div.feedback_text { padding:24px 20px/*0*/ 0 20px; float:none; font-size:24pt; color:#888888; margin:0 0/*208px*/ 0 0; font-style: italic }
div.feedback_text p { font-size:24pt; color: #888888; }
div.feedback_text a { color:#888888; }
div.feedback_text a:hover { color:#ff5900; text-decoration:none; }

div.project_right { float:right; width:208px; padding:0 0 0 20px; font-size:12px; color:#808080; font-family:Arial, Helvetica, sans-serif !important; }
div.project_right strong { font-family:Arial, Helvetica, sans-serif !important; font-weight:bold; }
div.project_right p { font-family:Arial, Helvetica, sans-serif !important; }
div.project_right ul { float:left; width:200px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif;}
div.project_right b { display:block; float:left; width:200px; padding-bottom:3px; color:#383838; font-family:Arial, Helvetica, sans-serif; }
div.project_right ul li { list-style:none; font-size:12px; width:100% !important; height:auto !important; padding:0 0 3px 0px; font-family:Arial, Helvetica, sans-serif;}
div.project_right ul li a { text-decoration:none; color:#808080; font-family:Arial, Helvetica, sans-serif;}
div.project_right ul li a:hover { text-decoration:none; color:#999999; }

#client_logo, #friends_image { float:right; width:140px; height: 100%; padding:0 0 0 20px; font-size:12px; color:#808080; font-family:Arial, Helvetica, sans-serif !important; }

#map_canvas { width:282px; height:204px; }
#street_view { width:282px; height:204px; }

.news-archive { padding:0px 0px 6px 10px; }
.news-archive ul { display:none; padding:5px 0 6px 11px !important; }