*		{ margin: 0; padding: 0; }
img, fieldset { border: none; }
:focus	{ outline: 0; }
a		{ text-decoration: underline; }
.alt	{ display: none; }

/************************ TYPO *********************************/
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #7c7c7c;}

a       { color: #c12329; text-decoration: underline;}
a:hover { color: #c12329; text-decoration: none;}

.red_bold       { color: #c12329; text-decoration: none; font-weight: bold;}

a.red_bold       { color: #c12329; text-decoration: none; font-weight: bold;}
a.red_bold:hover { color: #c12329; text-decoration: underline; font-weight: bold;}

a.red_underline       { color: #c12329; text-decoration: underline;}
a.red_underline:hover { color: #c12329; text-decoration: none;}

a.gray_bold       { color: #7c7c7c; text-decoration: none; font-weight: bold;}
a.gray_bold:hover { color: #7c7c7c; text-decoration: underline; font-weight: bold;}

h1 { color: #ffffff; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 0 0 10px 0; background: url('../../img/site/BKG_h1.gif') top left no-repeat; }
h1.google_maps { color: #ffffff; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 0 0 10px 0; }
h2 { color: #ffffff; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 15px 0; }
h3 { color: #ffffff; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 0 0 5px 0; }

.error_message, .wrong_message {color: #D9030A; font-size: 12px; font-weight: normal; padding-bottom: 3px;}

#page { float: right; width: 100%; margin: 0 0 10px 0; text-align: right; line-height: 20px; }
#page a { color: #fff; background: #C6C6C6; text-decoration: none; }
#page a:hover { text-decoration: underline;}
#page a.letters { color: #777777;}
#page span { padding: 0 17px; }
#page span a { padding: 3px 7px 3px 7px; }
#page span a:hover,
#page span a.on { background: #979797; color: #fff; font-weight: normal; }
#page a.back,
#page a.forward { background: none; font-weight: normal; }
#page a.back { background: url('../../img/site/BKGmore2.gif') left 2px no-repeat; padding-left: 14px; }
#page a.forward { background: url('../../img/site/BKGmore.gif') right 2px no-repeat; padding-right: 14px; }

.clear {padding: 15px 0 5px 0; overflow: hidden; width: 100%;}
.clear a.button { background: transparent url('../../img/site/BKG_button_right.gif') no-repeat scroll top right; color: #ffffff; display: block; float: left; font: bold 12px arial, sans-serif; height: 22px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */ text-decoration: none;}
.clear a.button span { background: transparent url('../../img/site/BKG_button_left.gif') no-repeat; display: block; line-height: 12px; padding: 4px 0 6px 13px;} 
.clear a.button:active { background-position: bottom right; color: #000000;  outline: none; /* hide dotted outline in Firefox */}
.clear a.button:active span{ background-position: bottom left; padding: 5px 0 5px 14px; /* push text down 1px */} 
 
/************************ GENERAL *********************************/
html	{ background: #151515; }

/************************ SPACER *********************************/
.line_spacer {float: left; width: 100%;}
#dot_line1, #dot_line2 {float: left; width: 100%; height: 12px; background: url('../../img/site/BKG_dot_line.gif'); }
#gray_line1 {float: left; width: 100%; height: 5px; background: url('../../img/site/BKG_gray_line1.gif') left top repeat-x; }
#gray_line2 {float: left; width: 100%; height: 5px; background: url('../../img/site/BKG_gray_line2.gif') left top repeat-x; }
#black_shadow {float: left; width: 100%; height: 45px; background: url('../../img/site/BKG_black_shadow.gif') left top repeat-x; }

/************************ HEADER *********************************/
#header_home {float: left; position: relative; z-index: 10; width: 100%; height: 480px; background: url('../../img/site/BKG_header_home.jpg') center center repeat-x; }
#header_site {float: left; position: relative; z-index: 10; width: 100%; height: 360px; background: url('../../img/site/BKG_header_site.jpg') center center repeat-x; }
#header_container_home {position: relative; width: 960px; margin: 0px auto; height: 480px; }
#header_container_site {position: relative; width: 960px; margin: 0px auto; height: 360px; }

/* header slider */
#header_wrapper_top_home {float: left; position: relative; z-index: 1; width: 100%; height: 240px; padding: 0 !important; margin: 0 !important; overflow: hidden;}
#header_wrapper_top_site {float: left; position: relative; z-index: 1; width: 100%; height: 120px; padding: 0 !important; margin: 0 !important; overflow: hidden;}
.boxgrid {float: left; width: 240px; height: 120px; padding: 0 !important; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top: 0; left: 0; z-index:2;}
.boxgrid .cover { position: absolute; top: 120px; left: 0; color: #fff; width: 200px; height: 80px; padding: 20px; background: #000000; z-index: 3; }	
.boxgrid .cover a { position: absolute; right: 25px; top: 80px; background-color: #dd282e; color: #fff; font-size: 11px; padding: 1px 7px 2px 9px; text-shadow: none; border: 1px solid #ae1f24; text-decoration: none;}
.boxgrid .cover a:hover { background-color: #fff; color: #dd282e; text-shadow: none; border: 1px solid #fff; }

/* main menu */
#header_middle {float: left; position: relative; top: -9px; z-index: 4; width: 100%; height: 120px; padding: 9px 0 9px 0; background: url('../../img/site/BKG_header_middle.png') top left no-repeat;}
#logo {float: left; width: 240px; height: 120px;}
#main_menu {float: right; width: 720px; margin-top: 46px; }

#header_wrapper_bottom {float: left; position: relative; top: -18px; z-index: 1; width: 100%; height: 120px; padding: 0 !important; margin: 0 !important; overflow: hidden;}

/************************ LEFT SIDE *********************************/
#container {position: relative; width: 960px; margin: 0px auto; z-index: 1;}
#wrapper {float: left; width: 100%; padding-bottom: 40px;}

#left_side {float: left; width: 240px; background: url('../../img/site/BKG_left_side.gif') left top repeat-y;}

.left_box  {float: left; width: 180px; padding: 0 30px 20px 30px; }

.left_box  ul  {clear: both; list-style: none; }
.left_box  ul li  {color:#ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; margin-bottom: 0px; background: url('../../img/site/bulletin3.gif') 0px 4px no-repeat; height:1%;}
.left_box  ul li a { display:block; color: #7c7c7c; text-decoration: none; padding: 0 0 0 10px; width: 180px;}
.left_box  ul li a:hover, .left_box  ul li a.on {color:#c12329; text-decoration: none;}

.left_box .st_facebook, .left_box .st_twitter, .left_box .st_delicious, .left_box .st_linkedin, .left_box .st_email, .left_box .st_sharethis  {float: left; width: 16px; height: 16px; margin-left:3px; }

/* nagrade */
ul#web_awards {list-style: none; padding: 0 !important; margin: 10px 0 0 0;}
ul#web_awards li {float: left; height: 40px;  margin: 0 2px 5px 0;  padding: 0 !important; background: none;}
ul#web_awards li a {float: left; width: auto;  padding: 0 !important;}

.left_pic {margin-bottom: 5px;}

/************************ CONTENT *********************************/
#content_small {float: left; width: 420px; padding: 0 30px 0 30px; background: url('../../img/site/BKG_content_small.gif') left top repeat-y}
#content_large {float: left; width: 660px; padding: 0 30px 0 30px; background: url('../../img/site/BKG_content_large.gif') left top repeat-y}
#content_google_map {float: left; width: 100%; padding: 20px 0 20px 0; }
#content_text, #content_list {float: left; width: 100%; margin-top: 10px; }

#content_text .picture {float: left; width: auto; margin: 0 10px 5px 0; padding: 4px; background: #787878;}

#content_text ul  {clear: both; list-style: none; margin: 5px 0 5px 15px; }
#content_text ul li  {color:#7c7c7c; font-family: Arial, Verdana, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 2px; background: url('../../img/site/bulletin1.gif') 0px 4px no-repeat; height:1%;}
#content_text ul li a {color:#7c7c7c; text-decoration: none;}
#content_text ul li a:hover {color:#7c7c7c; text-decoration: underline;}
#content_text  ul li ul { list-style: none; margin: 10px 0 10px 15px; }
#content_text  ul li ul li  {color: #7c7c7c; font-family: Arial, Verdana, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 1px; background: url('../../img/site/bulletin2.gif') 0px 5px no-repeat; height:1%;}
#content_text  ul li ul li a {color: #7c7c7c; text-decoration: underline;}
#content_text  ul li ul li a:hover {color: #7c7c7c; text-decoration: none;}

/* projekti - galerija */
ul#gallery {list-style: none; padding: 0 !important; margin: 30px 0 0 0;}
ul#gallery li {float: left; width: 150px; height: 100px; border: 4px solid #787878;  margin: 0 30px 30px 0;  padding: 0 !important; background: none;}

/* web paketi */
.packages	{float: left; width: 100%; margin: 20px 0 0 0;}
.pack_pic { float: left; width : 100px; height: 177px; margin: 10px 30px 0 0;}
.pack_txt { float: left; width : 410px; margin-top: 20px; }

/* savjeti */
ul#cont_box  { list-style: none; width : 100%; margin: 10px 0 10px 0;}
ul#cont_box .date  {float: left; width: 100%; margin: 3px 0 3px 0; color: #c12329; font-weight: bold; font-size: 11px;}
ul#cont_box li {float: left; display: block; margin: 0 0 10px 0;  width: 100%; }
ul#cont_box li .imgwrapper {float: left; width: 150px; height: 100px;  margin: 0 10px 5px 0;  border: 4px solid #787878; padding: 0 !important; }
ul#cont_box li a {color: #c12329; text-decoration: underline;}
ul#cont_box li a:hover {color: #c12329; text-decoration: none;}

/* lokacija */
#location {float: left; padding: 4px; background: #787878; margin: 30px 0 30px 0; }
#google_map_location {float: left; padding: 4px; background: #787878; margin: 10px 0 20px 0; }
#user_box {float: right; width : auto; }
#user {float: left; width : auto; margin-right: 10px; }
#logout  {float: left; width : auto; font-weight: bold;  }
#google_map_address { float: left; width: 100%; margin: 10px 0 20px 0; }

h1.google_head {clear: both; float: left; width: 100%;}
.google_categ_dubble { float: left; width: 260px; margin: 0 10px 0 0; }
.google_categ_wrapper {float: left; width: 100%; margin: 0 0 20px 0;}
.google_categ_pic { float: left; width: 30px; height: 30px; margin-right: 5px;}
.google_categ_title{ float: left; width: 180px; color: #ffffff; text-decoration: none; font-size: 10px; }
.google_show_hide { float: left; width: 34px; height: 30px; margin-right: 5px;}
.google_categ_show, .google_categ_hide { float: left; margin-top: 2px;}
.google_categ_show a, .google_categ_hide a { text-decoration: none; font-weight: bold; }
.google_thumb_locations { float: left; width: 100%; margin-top: 10px;}
.google_thumb_locations a { display: block; width: 100%; color: #ffffff; text-decoration: none; font-size: 11px;}

/* kontakt */
#contact_box	{float: left; width: 100%; margin: 0 0 15px 0;}
#contact_box .address { float: left; width : 250px; margin: 10px 20px 0 0;}

/* partner slider */
#partners-slider { float: left; width: 100%; height: 140px; margin: 0 0 40px 0; background: #272727; }
.title-wrapp {position: relative; width: 960px; margin: 10px auto 0px auto; z-index: 1;}

/************************ RIGHT SIDE *********************************/
#right_side {float: right; width: 240px; }

.right_box  {float: left; width: 180px; color: #ffffff; padding: 30px 30px 10px 30px; margin-bottom: 30px; background: #272727;}
.right_box h2 {color: #c12329;}
.right_box a.more  {display: block; width: 40px; margin-top: 5px; color: #c12329; text-decoration: none; font-weight: bold;}
.right_box a.more:hover { color: #c12329; text-decoration: underline; }

/********************** FORM ********************************/
.query {clear: both; overflow:hidden; width:100%; margin: 0 0 10px 0;}
.query .form_wrapper {float:left; width:400px; margin-bottom: 15px; padding: 5px 0 15px 10px; background: #292929;}
.query legend {float:left; font-size:1.333em; font-weight:bold; }
.query select, .query textarea, .query input { font-size:11px; border: 1px solid #787878; margin-right: 3px; padding: 2px; color:#ffffff; background: #000000;}
.query select {float:left; width:262px; padding:1px 2px; }
.query label {float:left; display:block; margin: 5px 0 2px 0; position:relative; width:100%;}
.query em { color: #c12329; font-family:  Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px; font-weight: bold;  }
.query .message {  padding: 5px 0 5px 0;  }
.query  fieldset {clear: both; float:left; width:270px; }
.query  input {float:left; width:256px;}
.query  .input_text {border: 1px solid #787878;}
.query  textarea {float:left; width:350px; height:158px; border: 1px solid #787878; background: #000000; overflow:auto; font-family:  Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px;}
.query  input.half { width:123px; }
.query  input.big { width:182px; }
.query  input.small { width:66px; }
.query .radio  {float: left; margin: 0 0 10px 0; width: 100%; }
.query .radio label   { cursor: pointer; float: left; margin: 3px 15px 0 0; width: 150px; }
.query .radio input   {display: block; float: left;  margin: 0 5px 0 0; width:15px; background: none; border: none;}
.query .checkbox  {float: left; margin: 0 0 10px 0; width: 100%; }
.query .checkbox label   {float: left; cursor: pointer;  margin: 3px 15px 0 0; width: 200px; }
.query .checkbox input   {float: left; display: block;  margin: 0 5px 0 0; width:15px; background: none; border: none;}
.query .datepicker  { background: #fff url(../../img/site/BKG_date.gif) top right no-repeat;  }
.query  img { display: block; float: left; margin:0 7px 5px 0; border: 1px solid #787878; }
.query  #code { float: left; margin-top:0px;}
.query fieldset .error_message {color: #D9030A; font-size: 12px; font-weight: normal; padding-bottom: 3px;}
.query  .formbutton {width:auto; cursor:pointer; font-size: 12px; font-weight: bold; border:outset 1px #ccc; background: #999999; color: #575757; padding: 2px 5px; background:url('../../img/site/BKG_formbutton.gif') repeat-x left top;}

.query_inline { float: left; width:100%; padding: 10px 0 15px 0;}
.query_inline fieldset {clear: both; float:left; width:100%; margin-bottom: 5px;}
.query_inline label { float:left; padding-top:2px; width:200px; }
.query_inline em { color: #89B53B; font-size: 15px; font-weight: bold;  }
.query_inline input[type=text],form input[type=password],form textarea { float:left; background: #ffffff url('../../img/site/formfield.gif') left top repeat-x; border:1px solid #CCC; font-size:12px; padding:3px 3px; width:260px; margin-right: 10px; }
.query_inline input[type=text]:hover, .query_inline input[type=password]:hover, 
.query_inline input[type=text]:focus, .query_inline input[type=password]:focus { border: #cccccc 1px solid;  background: #e2e2e2;} 
.query_inline input[type=text].half { width: 121px; }
.query_inline input[type=text].big  { width: 178px; }
.query_inline input[type=text].small { width: 64px; }
.query_inline .radio  {float: left; margin: 0 0 5px 0; width: 230px; }
.query_inline .radio label   { cursor: pointer; float: left; margin: 3px 15px 0 0; width: 100%; }
.query_inline .radio input   {display: block; float: left;  margin: 0 5px 0 0; width:15px; background:none; border: none;}
.query_inline .checkbox  {float: left; margin: 0 0 5px 0; width: 200px; }
.query_inline .checkbox label   {float: left; cursor: pointer;  margin: 3px 15px 0 0; width: 200px; }
.query_inline .checkbox input   {float: left; display: block;  margin: 0 5px 0 0; width:15px; background:none; border: none; }
.query_inline select { float:left; background: #ffffff url('../../img/site/formfield.gif') left top repeat-x; border:1px solid #CCC; font-size:12px; padding:3px 3px; width:258px; margin-bottom: 5px; margin-right: 10px; }
.query_inline textarea {float:left; width:260px; height:158px; border: 1px solid #cccccc; overflow:auto; font-size: 12px;}
.query_inline input[type=checkbox], .query_inline input[type=radio] { padding:3px 3px; margin-bottom: 5px; margin-right: 10px; }
.query_inline  img { display: block; float: left; margin:0 7px 5px 0; border: 1px solid #cccccc; }

/************************ FOOTER *********************************/
#footer {float: left; position: relative; width: 100%;}
#footer #gray_line3 {float: left; width: 100%; height: 5px; background: url('../../img/site/BKG_gray_line3.gif') left top repeat-x; }
#footer_wrapper {float: left; width: 100%; height: 100px; background: url('../../img/site/BKG_dot_line.gif');}
#footer_content {position: relative; width: 960px; margin: 0px auto; padding-top: 15px;}

#footer_content #copyright {float: left; width: auto; height: 20px; padding-top: 10px; color: #ffffff; }
#footer_content #sign {float: left; width: auto; height: 20px; padding: 10px 150px 0 0; font-size: 11px; color: #ffffff;}
#footer_content #sign a{ text-decoration: none; font-weight: bold; color: #ffffff;}
#footer_content #sign a:hover{color: #ffffff; text-decoration: underline;}

#footer_content #social_wrapper {float: right; height: 28px; padding-top: 6px;}
#footer_content .social_text { float: left; display: block; width: 90px; height: 20px; color: #ffffff; padding-top: 5px; text-align: right; }
#footer_content .social { float: left; width: 28px; height: 28px; margin-left: 10px; }