/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}

html{
      background: url('photos/pozadinska_2.jpg') #b00019;
}

body {
	
	font-family: Verdana, Trebuchet MS, Arial, Helvetica;
	font-size: 12px;
	color: #333;
	background: url('photos/pozadinska.jpg') repeat-x;
}

legend {
	color: #182d3e;
	font-size: 11px;
}

h1 {
	color: #b2001c;
	font-size: 14px;
	margin-bottom: 17px;
	margin-top: 17px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

h2 {	
	font-family: Trebuchet MS, Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
	color: #333;
	margin: 0 0 5px 0;
}

table, tr, td {
	border-collapse: collapse;
}

ul li {
	list-style:none;
}

p {
	margin-top: 17px;
	margin-bottom: 17px;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #b2001c;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #710024;
	font-weight: normal;
}

a:active {
	font-weight: normal;
}

.required {
	color: #FF0000;
}

.error_msg {
	color: #FF0000;
	line-height: 14px;
}

.image {
	display: block;
	border: 1px solid #415439;
}

.image_separator {
	display: block;
	margin: 15px 5px 15px 0;
}

.reporting {
	margin-left: 33%;
	margin-top: 100px;
	float: left;
	border: 1px solid #879296;
	text-align: center;
	padding: 15px 25px 15px 25px;
	background: #fff;
}

.dots_separator {
	width: 590px; 
	overflow: hidden;
	line-height: 5px;	
	font-size: 8px;
}

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

.input_field, .input_field_red, .text_field, .text_field_red {
	background: #fbfbfb;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px 4px 3px 4px;
}

.input_field, .text_field {
	border: 1px #879296 solid;
}

.input_field_red, .text_field_red {
	border: 1px #FF0000 solid;
}

.submit_button {
	border: 1px #879296 outset;
	font-size: 11px;
	padding: 0px;
}

.submit_button:hover {
	background: #ddd8d1;
}

.upload_field {
	border: 1px #879296 solid;
	background: #fbfbfb;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}

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

#path {
	float: left;
}

#path a {
	text-decoration: none;
	font-weight: bold;
}

#path a:hover {
	text-decoration: none;
}

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

#headline {
	margin-top: 47px;
}

#headline {

}

#sub_links {
	margin-top: 15px;
	font-size: 12px;
	margin-right: 20px;
	text-align: left;
}

#sub_links img {
	display: block;
	padding: 0px;
	margin:  2px 0 0 0;
}

/*----------- FCKeditor  -------------------------------------------------------------------------------------------*/

.user_fckeditor_form {
	width: 310px;
	padding: 10px;
	margin-top: 20px;
	border: 1px solid #637a8a;
	text-align: right;
}

.user_fckeditor_form ul li {
	text-align: left;
	padding-bottom: 5px;
}

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

#box_create {
	float: right;
}

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

#check_box {
	float: right;
	padding: 4px 4px 4px 5px;
	margin-top: 10px;
	text-align: right;
}

#check_box span {
	display: block;
	float: left;
	font-weight: bold;
}

#check_box span .submit_button {
	float: left;
	margin-left: 3px;
}

#check_box div {
	margin-bottom: 3px;
}

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

#box_form {
	float: left;
	padding: 2px 2px 2px 5px;
	border: 1px solid #c7c7c9;
}

#box_form ul {
	margin: 15px 5px 5px 5px;
}

#box_form ul li {
	padding: 3px 0 0 0 !important;
	padding: 2px 0 0 0;
	text-align: left;
}

#box_form ul li label {
	float: left;
	width: 45px;
}

#box_form ul li label span {
	color: #FF0000;
}

#box_form ul .submit_li {
	text-align: right;
}

#box_form legend {
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

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

#contact_list {
	float: left;
	margin-left: 20%;
}

#contact_list ul li{
	padding: 3px 0 0 0 !important;
	padding: 2px 0 0 0;
	text-align: left;
	font-weight: bold;
}
#contact_list ul li label {
	float: left;
	width: 60px;
	font-weight: normal;
}


.checkout {
	margin-top: 1px;
	height: 23px;
	background: #dde2e6;
}

.checkout .title {
	float:left;
}

.checkout .total_amount {
	float:left;
	margin-top: 6px;
        color: #333;
	font-size: 11px;
	font-weight: bold;
}

.checkout .button {
	float: right;
}

/*-------------- glavna stranica ------------------------------------------------------*/
#envelop {
	margin-left: auto;
	margin-right: auto;
	width: 812px;
	border: 1px solid #fff;
	background: url(photos/main_cont/pozadinaMainContent_23.jpg) repeat-y #e4e7bf;
}

#main_content .left .addr .small_link {
	font-weight: normal;
	color: #415439;
	font-size: 11px;
}

#main_content .left .addr .bold_link {
	font-weight: bold;
}

#main_content .left .addr .small_font {
	font-weight: normal;
	color: #415439;
	font-size: 11px;
}

#main_content .left .addr .big_font {
	font-weight: bold;
	color: #415439;
	font-size: 14px;
}

#flash_content {
	text-align: left;
}

.left {
	float: left;
}

.right {
	float: left;
}

#main_content {
	text-align: left;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	line-height: 17px;
	background: url(photos/main_cont/pozadinaMainContent_22.jpg) repeat-x;
}

#main_content .left {
	width: 200px;
	height: 554px;
	background: url(photos/main_cont/sideBarLevo_20.jpg);
}

#main_content .left .addr {
	width: 177px;
	margin-top: 162px;
	text-align: center;
	color: #415439;
}

#main_content .right {
	width: 597px;
	text-align: justify;
}

#main_content .left .content {
	padding: 20px 0 0 10px;
}

#top_navigation .l1 a, #top_navigation .l2 a, #top_navigation .l3 a, #top_navigation .l4 a, #top_navigation .l5 a, #top_navigation .l6 a, #top_navigation .l7 a, #top_navigation .l8 a {
	height: 30px;
	display: block;
}

#bottom_navigation .l1 a, #bottom_navigation .l2 a, #bottom_navigation .l3 a, #bottom_navigation .l4 a, #bottom_navigation .l5 a, #bottom_navigation .l6 a, #bottom_navigation .l7 a, #bottom_navigation .l8 a {
	height: 30px;
	display: block;
}

#top_navigation .l1, #bottom_navigation .l1 {
	background: url(photos/main_nav/nav_08.jpg);
}
#top_navigation .l2, #bottom_navigation .l2 {
	background: url(photos/main_nav/nav_09.jpg);
}
#top_navigation .l3, #bottom_navigation .l3 {
	background: url(photos/main_nav/nav_10.jpg);
}
#top_navigation .l4, #bottom_navigation .l4 {
	background: url(photos/main_nav/nav_11.jpg);
}
#top_navigation .l5, #bottom_navigation .l5 {
	background: url(photos/main_nav/nav_12.jpg);
}
#top_navigation .l6, #bottom_navigation .l6 {
	background: url(photos/main_nav/nav_13.jpg);
}
#top_navigation .l7, #bottom_navigation .l7 {
	background: url(photos/main_nav/nav_14.jpg);
}
#top_navigation .l8, #bottom_navigation .l8 {
	background: url(photos/main_nav/nav_15.jpg);
}




#top_navigation .l1 a, #bottom_navigation .l1 a {
	width: 76px;
	background: url(photos/main_nav/nav_08.jpg);
}

#top_navigation .l2 a, #bottom_navigation .l2 a {
	width: 109px;
	background: url(photos/main_nav/nav_09.jpg);
}

#top_navigation .l3 a, #bottom_navigation .l3 a {
	width: 106px;
	background: url(photos/main_nav/nav_10.jpg);
}

#top_navigation .l4 a, #bottom_navigation .l4 a {
	width: 113px;
	background: url(photos/main_nav/nav_11.jpg);
}

#top_navigation .l5 a, #bottom_navigation .l5 a {
	width: 89px;
	background: url(photos/main_nav/nav_12.jpg);
}

#top_navigation .l6 a, #bottom_navigation .l6 a {
	width: 129px;
	background: url(photos/main_nav/nav_13.jpg);
}

#top_navigation .l7 a, #bottom_navigation .l7 a {
	width: 108px;
	background: url(photos/main_nav/nav_14.jpg);
}

#top_navigation .l8 a, #bottom_navigation .l8 a {
	width: 82px;
	background: url(photos/main_nav/nav_15.jpg);
}




#top_navigation .l1 a:hover, #bottom_navigation .l1 a:hover {
	width: 76px;
	background: url(photos/main_nav/navOver_08.jpg);
}

#top_navigation .l2 a:hover, #bottom_navigation .l2 a:hover {
	width: 109px;
	background: url(photos/main_nav/navOver_09.jpg);
}

#top_navigation .l3 a:hover, #bottom_navigation .l3 a:hover {
	width: 106px;
	background: url(photos/main_nav/navOver_10.jpg);
}

#top_navigation .l4 a:hover, #bottom_navigation .l4 a:hover {
	width: 113px;
	background: url(photos/main_nav/navOver_11.jpg);
}

#top_navigation .l5 a:hover, #bottom_navigation .l5 a:hover {
	width: 89px;
	background: url(photos/main_nav/navOver_12.jpg);
}

#top_navigation .l6 a:hover, #bottom_navigation .l6 a:hover {
	width: 129px;
	background: url(photos/main_nav/navOver_13.jpg);
}

#top_navigation .l7 a:hover, #bottom_navigation .l7 a:hover {
	width: 108px;
	background: url(photos/main_nav/navOver_14.jpg);
}

#top_navigation .l8 a:hover, #bottom_navigation .l8 a:hover {
	width: 82px;
	background: url(photos/main_nav/navOver_15.jpg);
}

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

.main_table {
	color: #000;
	font-size: 11px;
	margin-top: 10px;
}

main_table, .main_table tr, .main_table tr td {
	border: none;
	padding: 1px 5px 1px 5px;
	height: 20px;
}

.main_table tr td a {
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.main_table tr td a:hover {
	text-decoration: none;
}

.main_table .first_row td {
	height: 20px;
	background: none;
	font-weight: bold;
	font-size: 12px;
	color: #415439;
	border-bottom: 1px solid #415439;
}

.main_table .icon {
	width: 1px;
	border-right: none;
}

.main_table .svetla {
	height: 22px;
	background: none;
}

.main_table .svetla:hover {
	background: none;
}

.main_table .tamna {
	height: 22px;
	background: none;
}

.main_table .tamna:hover {
	background: none;
}

.main_table .edit_rows {
	width: 1px;
	padding: 0 10px 0 10px;
	text-align: center;
}

.main_table .delete_rows {
	width: 1px;
	padding: 0 10px 0 10px;
	text-align: center;
}

.main_table .check_box_rows {
	background: url(photos/pozadinskaCheckBox.gif);
	width: 1px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

/*------- Novosti -------------------------------------------------------------------------------------*/

#novosti {
	padding: 20px 2px 15px 2px;
}

#novosti .saznajte_vise {
	text-align: right
}

/*-------------- Contact ------------------------------------------------------*/

#contact {
	float: left;
	color: #818182;
	margin-left: 110px;
}

#contact  #box_form .ul_1 li label {
	width: 105px;
}

#contact #box_form ul .submit_li {
	margin-top: 5px;
	text-align: right;
}

#contact .error_msg span {
	color: #007cff;
}

#contact #box_form .ul_2 li label {
	width: 140px;
}

#contact #box_form .ul_2 li img, #contact #box_form .ul_2 li input {
	float: left;
}

#contact #box_form .ul_2 li img {
	margin-left: 5px;
}

/*------------------ Gallery ---------------------------------------------------------------------------------------*/

.gallery_content {
	margin-top: 20px;
	border-top: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	padding: 0px 0px 5px 0px;

}

.gallery_photo_box {
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 4px;
}

.gallery_photo_box .description {
	width: 150px;
}

.gallery_photo_box a {
	float: left;
	margin-right: 5px;
	color: #333;
	text-decoration: underline;
}

.gallery_photo_box a:hover {
	color: #666;
	text-decoration: none;
}

.gallery_photo_box .image_a {
	margin: 0px;
	border: 1px solid #ccc;
	padding:1px;
}

.gallery_check_box {
	padding: 3px;
	background: url(photos/check_box_bgd.png);
	border: 1px solid #d94d87;
	margin-bottom: 2px;
	text-align: right;
}

.gallery_2 {
	width: 100%;
}



/*----------- Navigation -------------------------------------------------------------------------------------------*/

.navigation {
	float: left;
}

.navigation li {
	float: left;
}

.navigation li a, .navigation .marked {
	display: block;
	color: #333;
	padding: 1px 2px 1px 2px;
}

.navigation li a:hover {
	color: #b2001c;
}

.navigation .marked {
	color: #b2001c;
	font-weight: bold;
}

/*----------Workship-----------------------------------------------------------------------------------------------*/

#workship .title {
	font-size: 14px;
	font-weight: bold;
}

#workship .title span {
	font-size: 12px;
	font-weight: normal;
}

#workship .description {
	font-size: 12px;
	float:right;
}

#workship .description span {
	margin-right: 2px;
}

#workship .description span {
	margin-left: 5px;
}