@charset "utf-8";
/* CSS Document */

body {

	background:#CCCCCC url(image/bg.gif) repeat-x;
	
	margin:0;
	padding:0;
	font-family:Arial, "Trebuchet MS" ,Helvetica, Sans-serif;
	font-size:12px;
	
	
	}
#glavni{
			
			margin:0 auto;
			width:922px;
		}	
		
#header {
	background: url(image/header.jpg) no-repeat;
	height: 63px;
}

#lang {
	background: url(image/lang.gif) no-repeat;
	width: 190px;
	height: 28px;
	float: right;
	padding: 7px 0 0 15px;
}

#lang ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#lang li {
	display: inline;
	margin-right: 10px;
}

#lang li#lang_last {
	margin: 0;
}

#lang img {
	border: 0;
}
		
#okolni{
		background:url(image/lijevi-prelaz.jpg) repeat-y;
		padding-bottom:10px;
		float:left;
		}
		

		
		
#lijevi{
		background:url(image/lijevi-header.jpg) no-repeat;
		float:left;
		width:277px;
		
		

		}
		
#izbornik{
			margin:100px 0 0 10px;
		}
		
#izbornik-gore{
		background:url(image/link-gore.jpg) no-repeat;
		width:255px;
		
		}
#izbornik-sredina{
		background:url(image/link-sredina.jpg) repeat-y;
		
		}
#izbornik-dole{
		background:url(image/link-dole.jpg) no-repeat bottom center;
		
		}
		
#izbornik-sredina ul{
	margin:0;
	padding:25px 20px 25px 20px;
	color:#70a218;
	list-style:none;
	}	

	
#izbornik-sredina ul li{	border-bottom:#CCCCCC 1px dashed;
							padding:12px 0 12px 10px;
							
						}
						
#izbornik-sredina ul li#gornjacrta{
									border-top:#CCCCCC 1px dashed;
								}
	
#izbornik a{
			color:#023859;
			font-size:14px;
			font-weight:bold;
			padding:0 15px;
	}
	
#izbornik a:hover{
					color:#70a218;
			
				}
	
#izbornik-sredina #hid_pre1 {
					padding:0 0 0 40px;
			
			}
			
#izbornik-sredina #hid_pre1 li{
					padding:8px 0 8px 0;
			
			}	
	
#izbornik-sredina #hid_pre1 a{
								font-size:12px;
			
							}	
		
#narudzba_banner {
	margin:10px 0 0 10px;
	clear: both;
	float: left;
	width: 255px;
	height: 70px;
}

#narudzba_banner a {
	display: block;
	float: left;
	background: url(image/narudzbe.gif) no-repeat top;
	height: 70px;
	width: 255px;
	text-indent: -9999px;
}

#narudzba_banner a:hover {
	background: url(image/narudzbe.gif) no-repeat bottom;
}
							
							
#left_banners {
			margin:10px 0 10px 10px;
			clear: both;
			float: left;
			width: 255px;
}

#left_banners img {
	border: 0;
}

.left_aaid {
	float: left;
	margin-right: 10px;
	display: inline;
}

.left_hddi {
	float: left;
}
							
							
#kontakt{
			background:url(image/kontakt.jpg) no-repeat;
			height:271px;
			margin:30px 11px 10px 10px;
			clear: both;
		}
		

		
#kontakt-sadrzaj{
			
			padding:0 11px 10px 11px;
		}
		
#kontakt-sadrzaj p{
			color:#434343;
			padding:0 11px 2px 11px;
		}
		
#kontakt-sadrzaj-button a{
			margin:10px;
			background:#003300;
			color:#FFFFFF;
			padding:5px 11px 5px 11px;
			border:#FFFFFF 1px solid;
		}

#kontakt-sadrzaj-button a:hover{
								background:#ffffff;	
								color:#386205;
								border:#003300 1px solid;
								}
		
#desni{

		float:right;
		width:645px;

		}
		

#prelaz{
			background:url(image/prelaz.jpg) no-repeat;
			float:left;
			width: 100%;

		}
		
#karta{		
			padding:10px 23px 20px 20px;
				}
				
#kontakt_forma{

				}
		
#tekst p{
			font-size:11px;
			color:#5b5b5b;
			padding:5px 20px 2px 5px;
			text-align:justify;
		
		}
		
#tekst img{
			
			padding:5px 20px 2px 5px;
			float:left;
		
		}
		
#cjenik img{
			float:left;
			}
		
#slika img{
			float:left;
			padding-right:20px;
		}
		
#slika p{
			padding:0 20px 0 0;
			}
			
#slika a{
			margin:20px 32px 10px 0;
			background:#66CCFF;
			color:#FFFFFF;
			padding:3px 3px 3px 3px;
			border:#CCCCCC 1px solid;
		}
		
#slika a:hover{
				background:#ffffff;	
				color:#0099cc;
				border:#0099cc 1px solid;
								}
		
#footer{
			background:url(image/footer.jpg) no-repeat;
			height:12px;
			clear:both;
		}
		
#foole{
			
			color:#5b5b5b;
			padding:20px 0 5px 10px;
			font-size:11px;
			float:left;

		}

#foode{		color:#5b5b5b;
			padding:20px 10px 5px 0;
			font-size:11px;
			float:right;
		}
#foode a{		
			color:#003300;
		}
		
#foode a:hover{		
			color:#5b5b5b;
		}
		
		
h1{
	border-bottom:#7aaf1d;
	font-size:18px;
	color:#386205;
	padding:5px 0 0 5px;
	
	}


h2{
	border-bottom:#386205 1px dashed;
	font-size:16px;
	color:#386205;
	padding:10px 0 0 15px;
	
	}
	
h3{
	border-bottom:#386205;
	font-size:14px;
	color:#386205;
	padding:0 0 0 5px;
	
	}
	
.h3_nomg {
margin: 0;
padding-top: 20px;
}
		

a{	
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	}
	
a:hover{	
	color:#386205;
	
	}

.link_b {
	color: #0185B6;
	font-size: 11px;
}

.link_b:hover {
	color: #386205;
}

.link_btn {
	background: #0185B6;
	padding: 5px 10px;
}

.link_btn:hover {
	background: #003300;
	color: #FFF;
}
	
	
/*tablica za cijenu*/

.first_col{
	width:357px;
}

.second_col{
	width:192px;
}

.cjenik_tablica{
	border-collapse:collapse;
	border:1px solid black;
	text-transform:uppercase;
	text-align:center;
	font-size:8pt;
	background-color:#ffffff;
	
}

.cjenik_tablica td{
	border:1px solid black;
	padding:10px 4px;
}



/*tablica kraj*/	

/* KONTAKT FORMA */

form {
margin: 0;
padding: 0;
}

input, select, textarea {
	font-family:Arial, Helvetica, sans-serif;
color: #191C1F;
font-size: 11px;
width: 150px;
margin-top: 3px;
margin-bottom: 10px;
padding: 3px 3px;
background: #EFEFEF;
border: 1px solid #8F8F8F;
float: left;
}

.kontakt_forma input, .kontakt_forma textarea, .kontakt_forma select {
width: 355px;
}

.kontakt_forma input.iza {
	width: 180px;
}

.kontakt_forma select {
	width: 123px;
}
.kontakt_forma {
width: 430px;
float: left;
padding: 10px 0 0 20px
}

.kontakt_forma_nopd {
padding: 12px 0 0 5px;
}

label {
float: left;
width: 93px;
margin-top: 4px;
}

.kontakt_forma label {
width: 140px;
}

.ldiv, .rdiv {
	width:240px;
	float: left;
	margin: 0 0 0 0;
}

.cal {
	width: 16px;
	height: 16px;
}

.rdiv {
	margin: 0;
	width:140px;
}

.button {
width: 83px;
height: 24px;
background:#0099cc;
border: 1px solid #ffffff;
color: #ffffff;
font-weight: bold;
cursor: pointer;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.kontakt_forma input.button {
width: 83px;
margin-left:0;
}

.txt_error {
border: 1px solid #FF3F3F;
background: #FFE7DF;
color: #CF1A0C;
}
.txt_error_img {
float: left;
margin: 4px 0 0 4px;
}

legend {
display: none;
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

.alert {
color: #FF0000
}

.clear{
			clear:both;
		}

.hzzo {
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
line-height: 20px;
margin-bottom: 15px;
width: 625px;
padding: 5px 0;
}

#tekst .hzzo p {
font-size: 12px;
}

#tekst p.hzzo_emph {
background: #EBFFBF;
padding: 8px 0 8px 8px;
font-size: 13px;
}

#tekst p.popust_emph {
background: #E0EBEF;
padding: 8px 0 8px 8px;
font-size: 13px;
width: 615px;
}

.emph {
font-size: 11px;
font-weight: bold;
}

#tekst .gallery_img img {
border: 0;
padding: 0;
margin: 5px 15px 0 0;
}

#tekst img.img_right {
float: right;
margin: 5px 0 0 15px;
padding: 0;
}

#tekst #gallery img {
padding: 0;
border: 0;
margin: 5px 10px 0 0;
}

#tekst #gallery.gallery_big img {
	margin: 5px 10px 5px 0;
}


/* kalendar */

.kalendar_left {
	float: left;
	width: 285px;
}


.kalendar_table {
	border-collapse: collapse;
}

.kalendar {
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	width: 266px;
	float: left;
	font-size: 11px;
}

.kalendar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kalendar_border{
	border: 1px solid #a9a9a9;
	text-align:center;
	padding: 5px 0;
	color: #4e4e4e;
}

.kalendar li {
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	float: left;
	width: 37px;
	height: 26px;
	font-size: 11px;
	color: #4e4e4e;
	text-align:center;
}

.kalendar_title td {
	background: #E5E5E5;
	font-weight: bold;
}

.kalendar_title li {
	background: #E5E5E5;
	font-weight: bold;
	float: left;
	width: 37px;
	height: 26px;
	line-height: 26px;
}

.kalendar_mjesec {
	font-weight: bold;
	height: 28px;
	padding: 0;
	background: #daf2a3;
	text-align: center;
	line-height: 28px;
	border-bottom: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	color: #4E4E4E;
}

.kalendar li a {
	display: block;
	height: 26px;
	width: 37px;
	float: left;
	line-height: 26px;
}

.kalendar li a:hover {
	background: #B6D76C;
}

.kalendar_dogadaj{
	padding: 0;
}

.kalendar_dogadaj a {
	font-weight: bold;
	display: block;
	padding: 5px 0;
	background: #0099CC;
}

.kalendar_dogadaj a:hover {
	background: #B6D76C;
}

.kalendar a {
	color: #4E4E4E;
	font-size: 11px;
	font-weight: normal;
}

.kalendar_mjesec a {
	font-weight: bold;
	cursor: pointer;
	margin: 0 5px;
	color: #386205;
}

.kal_curr {
	background: #0099CC;
	font-weight: bold;
	color: #FFF;
	display: block;
	height: 26px;
	width: 37px;
	float: left;
	line-height: 26px;
}

.kal_ned .kal_curr {
	color: #DC1F27;
}

.kalendar .kal_ned a {
	color: #DC1F27;
}

.kalendar_right {
	float: right;
	width: 360px;
}

.kalendar_right p em {
	color: #000;
	font-style: normal;
}

.kalendar_vrijeme ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.kalendar_vrijeme li {
	float: left;
	margin: 0 10px 10px 0;
}

.kalendar_vrijeme a {
	color: #008BBD;
	background: #E5E5E5;
	float: left;
	width: 79px;
	font-size: 11px;
	text-align: center;
	height: 20px;
	padding-top: 5px;
	cursor: pointer;
}

.kalendar_vrijeme a:hover {
	background: #B6D76C;
	color: #386205;
}

.kalendar_vrijeme a.kalendar_vrijeme_sel {
	background: #0099CC;
	color: #FFF;
}

.kalendar_vrijeme a.kalendar_vrijeme_zauz {
	background: #CCC;
	color: #8E8E8E;
	cursor: default;
}

.sep {
	border-bottom: 1px solid #CCC;
	width: 625px;
	clear: both;
	padding-top: 15px;
}



/* content txt */

.content_top_line {
	background: url(../../images/leftnav_sep2.gif) repeat-x top;
	height: 1px;
	font-size: 1px;
}

.content_txt {
	float: left;
	width: 625px;
}

.liturgija_txt {
	min-height: 530px;
}

* html .liturgija_txt {
	height: 530px;
}

.content_txt_big {
	font-size: 1.1em;
}

.content_txt_left {
	float: left;
	width: 272px;
	border-right: 1px solid #BEBFC1;
	padding: 0 30px 10px 10px;
	text-align: right;
	color: #000000;
}

.content_txt_right {
	float: right;
	width: 272px;
	padding: 0 10px 10px 0;
	line-height: 19px;
	font-size: 1.1em;
}