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

/************************ TYPO *********************************/
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #777777; }

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

h1{ color: #2A789E; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding: 0 0 0 20px; }
h2{ color: #2A789E; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; padding: 0 0 0 10px; }
h2.gray_window_title { float:left; width: 100%; color: #2A789E; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: bold; padding: 0 0 10px 0; margin: 0; }
h3{ color: #2A789E; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 0 10px; }

.wrong_message {clear: both; display: block; width: 100%; color: #D9030A; font-size: 12px; font-weight: normal; padding-bottom: 3px;}
.correct_message { color: #2bd903; font-weight: normal; padding: 2px 0 5px 0; }

.green { color: #2bd903; padding: 5px 0 5px 0; }

a.add_button { display: block; background: url('../../img/admin/add.gif') 0px 0px no-repeat; height: 20px; width: 20px; }
a.add_button:hover { background-position: 0px -20px; }

a.logout_button { display: block; background: url('../../img/admin/logout.gif') 0px 0px no-repeat;  height: 20px; width: 20px; }
a.logout_button:hover {background-position: 0px -20px;}

a.help_button { display: block; background: url('../../img/admin/help.gif') 0px 0px no-repeat; height: 20px; width: 20px;}
a.help_button:hover { background-position: 0px -20px; }

a.aktiv_button { display: block; margin: 0px auto; background: url('../../img/admin/aktiv.gif') 0px 0px no-repeat; height: 20px; width: 20px; }
a.aktiv_button:hover { background-position: 0px -20px; }

a.deaktiv_button { display: block; margin: 0px auto; background: url('../../img/admin/deaktiv.gif') 0px 0px no-repeat; height: 20px; width: 20px; }
a.deaktiv_button:hover { background-position: 0px -20px; }

a.edit_button { display: block; margin: 0px auto; background: url('../../img/admin/edit.gif') 0px 0px no-repeat; height: 20px; width: 20px; }
a.edit_button:hover { background-position: 0px -20px; }

a.delete_button{ display: block; margin: 0px auto; background: url('../../img/admin/delete.gif') 0px 0px no-repeat; height: 20px; width: 20px; }
a.delete_button:hover {background-position: 0px -20px;}

a.preview_button{ display: block; margin: 0px auto; background: url('../../img/admin/preview.gif') 0px 0px no-repeat; height: 20px; width: 20px; }
a.preview_button:hover {background-position: 0px -20px;}

a.up_button {float:right; display: block; background: url('../../img/admin/up.gif') 0px 0px no-repeat; height: 16px; width: 16px; }
a.up_button:hover { background-position: 0px -16px; }

a.down_button {float:left; display: block; background: url('../../img/admin/down.gif') 0px 0px no-repeat; height: 16px; width: 16px; }
a.down_button:hover { background-position: 0px -16px; }

.clear {clear: both; display: block; width: 100%; padding: 10px 0 10px 0; overflow: hidden; }

.alert {float:left; width: 80%; margin: 0 20px 20px 20px;}

/************************ GENERAL *********************************/
html	{ background: #4895cb; }
body { background: #4895cb; }
#container 	{position: relative; top: 35px; width: 965px; margin: 0px auto; padding-bottom: 20px;  }
#container_login 	{position: relative; top: 35px; width: 495px; margin: 0px auto; padding-bottom: 20px; }

/************************ TOP *********************************/
#top { float: left; width: 100%; height: 65px; background: url('../../img/admin/BKG_top.gif') left top repeat-x;}
#top_corner_left {float: left; width: 20px; height: 65px; background: url('../../img/admin/BKG_top_corner_left.gif') left top no-repeat;} 
#top_corner_right {float: right; width: 20px; height: 65px; background: url('../../img/admin/BKG_top_corner_right.gif') left top no-repeat;}
#top_wrapper	{float: left; width: 925px; height: 65px; }
#top_wrapper_login	{float: left; width: 455px; height: 65px; }  
#logo	{float: left; width: 165px; height: 20px; margin: 24px 0 0 42px; }

#lang { float: right; margin: 23px 30px 0 0; }
#lang label { float: left; width: 80px; padding: 2px 5px 0 0; font-size: 11px;}
#lang select {float: left; width: 100px; height: 20px; padding: 1px 1px 1px 3px;  border: 1px solid #BABABA; font-size: 11px; color: #777777;}

/************************ MIDDLE *********************************/
#wrapper { float: left; width: 100%; padding-bottom: 20px; background: url('../../img/admin/BKG_wrapper.gif') center center repeat-y;}
#wrapper_login { float: left; width: 100%; padding-bottom: 20px; background: url('../../img/admin/BKG_wrapper_login.gif') center center repeat-y;}

#middle { float: left; width: 100%; height: 45px;}
#date	{ float: left; height: 11px; margin: 20px 0 0 62px;}

#button_wrapper { float: right; width: 300px; margin: 15px 45px 0 0;}
.top_button { float: right; margin: 0 5px 0 0;}
.left_5 { float: left; margin: 0 0 0 5px;}

/************************ WHITE BOX *********************************/
#white_container 	{float: left; width: 930px; margin-left: 18px; }
#white_container_top { float: left; width: 100%; height: 10px; background: url('../../img/admin/BKG_white_container_top.gif') left top no-repeat; }
#white_container_body 	{float: left; width: 100%; padding-bottom: 20px; background: url('../../img/admin/BKG_white_container_body.gif') top center repeat-y;}
#white_container_bottom { float: left; width: 100%; height: 10px; background: url('../../img/admin/BKG_white_container_bottom.gif') left top no-repeat; }  

/* warning */
.warning-message{ padding: 0 20px;}
.warning-images{ margin: 20px 0 0 0; text-align: center;}             
 
 /************************ WHITE BOX LOGIN *********************************/
#white_container_login 	{float: left; width: 460px; margin-left: 18px; }
#white_container_top_login { float: left; width: 100%; height: 10px; background: url('../../img/admin/BKG_white_container_top_login.gif') left top no-repeat; }
#white_container_body_login 	{float: left; width: 100%; padding-bottom: 20px; background: url('../../img/admin/BKG_white_container_body_login.gif') top center repeat-y;}
#white_container_bottom_login { float: left; width: 100%; height: 10px; background: url('../../img/admin/BKG_white_container_bottom_login.gif') left top no-repeat; }               

#login_title {float: left; margin: 5px 0 0 25px; width: 430px;}
#underconstruction_text {float: left; margin: 10px 0 0 45px; width: 100px;}
#underconstruction_pic {float: left; margin: 10px 0 0 25px; width: 115px; height: 115px;}

#gray_box_login {float: left; width: 259px; margin: 30px 0 20px 0; }
#gray_box_top_login	{float: left; width: 259px; height: 10px; background: url('../../img/admin/BKG_gray_box_top_login.gif') left top no-repeat; }
#gray_box_middle_login	{float: left; width: 259px; background: url('../../img/admin/BKG_gray_box_login.gif') left top repeat-y;}
#gray_box_bottom_login	{float: left; width: 259px; height: 10px; background: url('../../img/admin/BKG_gray_box_bottom_login.gif') left top no-repeat; }

#white_box_login {float: left; width: 125px; padding: 30px 20px 20px 35px;}
#welcome {float: left; width: 100%; margin-top: 5px;}
 
/************************ LEFT SIDE *********************************/   
#left_side { float: left; width: 168px; margin: 0 0 0 14px;}
.small_box { float: left; width: 100%; margin-top: 15px;}
.small_box_top { float: left; width: 100%; height: 28px; background: url('../../img/admin/BKG_small_box_top.gif') left top no-repeat; }
.small_box_top h3{ float: left; width: 100%; margin-top: -7px; }
.small_box_body 	{float: left; width: 158px; padding: 10px 0 10px 10px; background: url('../../img/admin/BKG_small_box_body.gif') top center repeat-y;}
.small_box_body a { color: #777777; text-decoration: none; }
.small_box_body a:hover { color: #777777; text-decoration: underline; }                     
.small_box_bottom { float: left; width: 100%; height: 10px; background: url('../../img/admin/BKG_small_box_bottom.gif') left top no-repeat; }               

#left_side strong { display: block; font-size: 11px; margin: 10px 0 5px 0; }
#left_side strong.submenu { display: block; color: #2A789E; font-size: 11px; margin: 5px 0 0 0; }

/************************ RIGHT SIDE *********************************/ 
#right_side { float: left; width: 720px; margin: 0 0 0 14px;} 
#right_side_large { float: left; width: 100%;}

/* sivi prozor */
.gray_window { float: left; width: 100%; margin-top: 15px;}  
.gray_window_top { float: left; width: 100%; height: 86px; background: url('../../img/admin/BKG_gray_window_top.gif') left top no-repeat; }
.gray_window_top_large { float: left; width: 100%; height: 86px; }
.gray_window_body 	{float: left; width: 680px; padding: 20px; background: url('../../img/admin/BKG_gray_window_body.gif') top center repeat-y;}
.gray_window_body_large 	{float: left; margin-left: 1px; width: 888px; padding:40px 20px 20px 20px; border-bottom: 2px solid #c9c8c8; background: #f7f7f7 url('../../img/admin/BKG_gray_window_body_large.gif') top center repeat-x;}
.gray_window_bottom { float: left; width: 100%; height: 30px; background: url('../../img/admin/BKG_gray_window_bottom.gif') left top no-repeat; }
.gray_window h3{  padding: 5px 0 0 0; }

/* bijeli prozor */
#white_window { float: left; width: 100%; margin-top: 15px;}  
.white_window_top { float: left; width: 100%; height: 86px; background: url('../../img/admin/BKG_white_window_top.gif') left top no-repeat; }
.white_window_top_large { float: left; width: 100%; height: 86px; }
.white_window_body 	{float: left; width: 100%; padding-bottom: 20px; background: url('../../img/admin/BKG_white_window_body.gif') top center repeat-y;}
.white_window_bottom { float: left; width: 100%; height: 30px; background: url('../../img/admin/BKG_white_window_bottom.gif') left top no-repeat; }

.select_wrapper {float: left; width: 500px; margin: 0 0 20px 20px;}

/* lista */
#cms_list {float: left; margin: 5px 0 20px 0; width: 100%; border-collapse: collapse; text-align: center; background: none; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;}
#cms_list thead tr {background: url('../../img/admin/BKG_cms_list_th.gif') left top repeat-x; }
#cms_list thead th {font-size: 11px; font-weight: bold; color: #777777; padding: 5px 5px; }
#cms_list th.cell_10 {width: 10px; padding: 0 3px 0 3px;}
#cms_list th.cell_15 {width: 15px;}
#cms_list th.cell_30 {width: 30px;}
#cms_list th.cell_40 {width: 40px;}
#cms_list th.cell_50 {width: 50px;}
#cms_list th.cell_60 {width: 60px;}
#cms_list th.cell_70 {width: 70px;}
#cms_list th.cell_80 {width: 80px;}
#cms_list th.cell_100 {width: 100px;}
#cms_list th.cell_150 {width: 150px;}
#cms_list th.cell_200 {width: 200px;}
#cms_list th.left { text-align: left; padding-left: 3px; }
#cms_list tbody tr.even{ background-color: #ffffff; }
#cms_list tbody tr.odd { background-color:#f9f9f9; }
#cms_list tbody tr:hover td { color: #4895cb; }
#cms_list tbody td .position { width: 35px; margin: 0px auto;}
#cms_list tbody td.book_start { background: url('../../img/admin/BKG_cms_calendar_table_book_start.gif') right top no-repeat; }
#cms_list tbody td.book { color: #ffffff; border: 1px solid #dfdfdf;  background: #7abf48; }
#cms_list tbody td.days { border: 1px solid #dfdfdf; }
#cms_list tbody td.book_end { background: url('../../img/admin/BKG_cms_calendar_table_book_end.gif') left top no-repeat; }
#cms_list td { border-bottom: 1px solid #dfdfdf; color: #7c7c7c; padding: 2px 0 2px 0; }
#cms_list td.left { text-align: left; padding-left: 3px; }
#cms_list tfoot tr.bottomrow { height: 26px; background: url('../../img/admin/BKG_tr_bottomrow.gif') left top repeat-x; }
#cms_list tfoot tr.bottomrow td { border-bottom: none; padding:0;}

#cms_list .input-mini{width:60px; font-size: 11px; padding: 0; margin: 0;}

/* tablica kod uređivanja */
.cms_table {float: left; width: 100%; border-collapse: collapse; text-align: center; background: none;}
.cms_table thead tr {background: #2A789E; }
.cms_table thead th {font-size: 11px; font-weight: bold; color: #ffffff; padding: 5px 5px; }
.cms_table th.cell_50 {width: 50px;}
.cms_table th.cell_60 {width: 60px;}
.cms_table th.cell_70 {width: 70px;}
.cms_table th.cell_100 {width: 100px;}
.cms_table th.cell_150 {width: 150px;}
.cms_table th.cell_200 {width: 200px;}
.cms_table th.left { text-align: left; padding-left: 3px; }
.cms_table tbody tr.even{ background-color: #ffffff; padding: 5px 0 5px 0;}
.cms_table tbody tr.odd { background-color:#f9f9f9; padding: 5px 0 5px 0; }
.cms_table tbody tr:hover td { color: #4895cb; }
.cms_table tbody td .position { width: 35px; margin: 0px auto;}
.cms_table td { border-bottom: 1px solid #dfdfdf; color: #7c7c7c; padding: 2px 0 2px 0; }
.cms_table td.left { text-align: left; padding-left: 3px; }
.cms_table tfoot tr { border: none; height: 26px; background: #ffffff; }
.cms_table tfoot tr td { border: none; padding:0;}

.actions {clear: both; float: left; width: 550px; margin: 5px 0 0 20px; padding-left: 20px; background: url('../../img/admin/arrow.gif') 0 4px no-repeat; }
.actions a {color:#777777; text-decoration: none;}
.actions a:hover {text-decoration: underline;}

/* tablica kalendara */
#cms_calendar_wrapper { float: left; width: 100%; margin: 10px 0 20px 0; }
.cms_calendar_quarter { float: left; width: 100%; height: 150px; margin: 0 0 20px 0; overflow: hidden;}
.cms_calendar_table {float: left; width: 200px; height: 150px; margin: 0 20px 0 0; border-collapse: collapse; text-align: center; background: #ffffff; }
.cms_calendar_table thead tr.gray_head { background: #b4b4b4; }
.cms_calendar_table thead tr { background: #4895cb; }
.cms_calendar_table thead th {font-size: 9px; font-weight: bold; color: #ffffff; padding: 3px 0 3px 0; }
.cms_calendar_table tbody td { border: 1px solid #dfdfdf; padding: 2px 0 2px 0; }
.cms_calendar_table tbody td.book_start { background: url('../../img/admin/BKG_cms_calendar_table_book_start.gif') right top no-repeat; }
.cms_calendar_table tbody td.book { color: #ffffff; background: #7abf48; }
.cms_calendar_table tbody td.saturday { color: #ffffff; background: #b4b4b4; }
.cms_calendar_table tbody td.book_end { background: url('../../img/admin/BKG_cms_calendar_table_book_end.gif') left top no-repeat; }

/* google maps */
#google_map_wrapper {float: left; margin: 0 0 0 110px; overflow: hidden;}
#google_map_instruction {float: left; width: 100%; margin: 5px 0 5px 0px;}
#map { float: left; width: 500px; height: 400px; margin-bottom: 10px;}

.google-map-canvas,
.google-map-canvas * { .box-sizing(content-box); }
/* Optional responsive image override */
img { max-width: none; }
#maparea { float: left; width: 100%; margin: 20px 0 20px 0; text-align: center; }
#mapitems { float: left; width: 100%; margin: 10px 0 0 0; }

/********************** FORM ********************************/
.form-horizontal {clear: both; float: left; width: 100%; margin-top: 10px; }
.form-horizontal .control-group{margin-bottom:10px;*zoom:1;}
.form-horizontal .control-label {text-align: left; font-size: 12px;}
.form-horizontal label.checkbox, .form-horizontal label.radio {font-size: 12px;}
.form-horizontal .help-block { color: #D9030A; font-size: 12px; } 
.form-horizontal input[type=text], .form-horizontal input[type=password] {font-size: 12px; background: #ffffff url('../../img/admin/BKG_input.gif') left top repeat-x;}
.form-horizontal input[type=text].datepicker  {  background: #fff url('../../img/admin/BKG_datepicker.gif') top right no-repeat; }
.form-horizontal textarea {width: 400px; height: 200px; font-size: 12px; background: url('../../img/admin/BKG_textarea.gif') left top repeat-x;}
.form-horizontal select[multiple] {height: 200px;}
.form-horizontal .file  {clear: left; float: left;  width: 550px; margin-bottom: 5px;}
.form-horizontal .file  img {float: left; }
.form-horizontal .file .check  {float: left; width: 30px;}

.select-category { margin: 0 0 15px 20px;}
.pagination { margin: 0 20px 5px 0;}
.pagination ul li a { color: #4895cb; }

#login_box  { margin: 10px  0 0 20px;}
#login_box fieldset { float: left; display: block; width:100%; padding-bottom: 5px; }
#login_box .inputtext { width: 170px; margin: 0 3px 0 0; padding: 1px 2px; font-size: 11px; color: #6E6E6E; border: 1px solid #BABABA; background: url(../../img/admin/BKG_input.gif) left top repeat-x;  }
#login_box button, #main_form button { margin-top: 5px;}

/************************ FOOTER *********************************/  
#page_footer { float: left; width: 100%; height: 55px; background: url('../../img/admin/BKG_page_footer.gif') left top repeat-x;}
#bottom_corner_left {float: left; width: 20px; height: 55px; background: url('../../img/admin/BKG_bottom_corner_left.gif') left top no-repeat;} 
#bottom_corner_right {float: right; width: 20px; height: 55px; background: url('../../img/admin/BKG_bottom_corner_right.gif') left top no-repeat;}
#bottom_wrapper	{float: left; width: 920px; height: 55px; text-align: center;  padding: 15px 0 0 0; } 
#bottom_wrapper_login	{float: left; width: 455px; height: 55px; text-align: center;  padding: 15px 0 0 0; } 

#cakephp {float: right; width: 98px; height: 13px; padding: 5px 8px 20px 0; }