@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

h1, h2, h3, h5 { color: #039; } 
h4 { color: #FF0; }
a { text-decoration:none;}
#uvodna_animacija{ margin-top: 200px;}
#pocetna{margin-top: 110px;}
#omotac {
	background: #9999ff;
	text-align: left;
	padding: 0px;
	width: 1136px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
	
}

#naslov {
	background-image:url(../slike/caritas_logo.jpg);
	margin: 0px;
	padding: 0px;
	width: 1136px;
	height: 157px; 	
	
}



#nav {padding:0; margin:0; list-style:none; height:20px; background: #000000; position:relative; z-index:500; font-family: Tahoma, Geneva, sans-serif;  }
#nav li.top {display:block; float:left; height:20px;}
#nav li a.top_link {
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	color: #ffc;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
	background: #000000;
}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:20px; background:#000000;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:20px; background: #000000;}

#nav li:hover a.top_link {background: #ffc; color:#000000;}
#nav li:hover a.top_link span {background:#ffc; color:#000;}
#nav li:hover a.top_link span.down {background:#ffc; color:#000;}


#nav li:hover {position:relative; z-index:200;}


#nav li:hover ul.sub
{
	left:1px;
	top:20px;
	background: #000000;
	padding:3px;
	border:1px solid #ff0000;
	white-space:nowrap;
	width:auto;
	height:auto;
	z-index:300;
	
}

#nav li:hover ul.sub li
{display:block; height:35px; position:relative; float:left; width:auto; font-weight:normal;}

#nav li:hover ul.sub li a
{display:block; font-size:14px; height:28px; width:222px; line-height:28px; text-indent:5px; color: #c30; text-decoration:none; font-weight:bold;}

#nav li ul.sub li a.fly
{background:#ffc url(../slike/arrow.gif) 210px 6px no-repeat;}


#nav li:hover ul.sub li a:hover 
{background:#ffc; color:#000; border-color:#fff;}

#nav li:hover ul.sub li a.fly:hover
{background:#ffc url(../slike/arrow_over.gif) 210px 6px no-repeat; color:#000000;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:220px; top:-4px; background: #000000; padding:3px; border:1px solid #ff0000; white-space:nowrap; width:auto; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width: auto; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#000000 url(../slike/arrow_over.gif) 230px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#000000 url(../slike/arrow.gif) 90px 6px no-repeat; color:#000000; border-color:#666666;} 







#lijevo {
	margin: 3px;
	padding: 0px;
	float: left;
	width: 194px;
	clear: both;
	height: auto; 
	
}

#izdvajamo { text-align:center; padding: 0px; width: 189px; color: #0000cc; font-weight: bold; font-size: 19px; } 
	
#lijevo_sadrzaj1 {
	padding: 0px;
	float: left;
	width: 190px;
	border-bottom: groove;
	text-align: left;
	color:#000099;
	
}
#lijevo_sadrzaj2 {
	padding: 0px;
	float: left;
	width: 190px;
	border-bottom: groove;
	text-align: left;
	color:#000099;
}

#lijevo_sadrzaj3 {
	padding: 0px;
	float: left;
	width: 190px;
	border-bottom: groove;
	text-align: left;
	color:#000099;
}

#lijevo_flash_sadrzaj_4 {
	padding: 0px;
	width: 190px;
	float: left;
	margin-top:3px;
	border-bottom: groove;
	color:#000099;
}

#lijevo_sadrzaj_5 {
	padding: 0px;
	width: 190px;
	float: left;
	border-bottom: groove;
	margin-bottom: 5px;	
}

#sadrzaj {
	float: left;
	width: 720px;
	height: 1000px;
}

#sadrzaj_o_nama {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc;
	line-height: 150%; font-size:14px;
	
}
#sadrzaj_akcije {
	
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; line-height: 150%; font-size:14px;
}
#sadrzaj_kontakt {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; line-height: 150%; font-size:14px;
}
#sadrzaj_zelim_donirati {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; line-height: 150%; font-size:14px;
}
#sadrzaj_press_materijali {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; line-height: 150%; font-size:14px;
}
#sadrzaj_izdvajamo1 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; line-height: 150%; font-size:14px;
}
#sadrzaj_izdvajamo2 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; line-height: 150%; font-size:14px;
}

#sadrzaj_programi {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc;
	font-size:14px; line-height: 150%;
}
#sadrzaj_blagovaliste_1 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc;
	font-size:14px; line-height: 150%;
}

#sadrzaj_bonovi_1 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc;
	font-size:14px; line-height: 150%;
}
#sadrzaj_poboljsanje_stambenih_uvjeta_1 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc;
	font-size:14px; line-height: 150%;
}
#sadrzaj_studentske_stipendije_1 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc;
	font-size:14px; line-height: 150%;
}
#sadrzaj_fotogalerija {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc;
	font-size:14px; line-height: 150%;
}
#sadrzaj_fotogalerija_djecji_caritas {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc;
	font-size:14px; line-height: 150%;
}
#sadrzaj_odjeca_obuca_1 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; font-size:14px; line-height: 150%;
}
#sadrzaj_rad_za_opce_dobro_1 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; font-size:14px; line-height: 150%;
}
#sadrzaj_akcija_1 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; font-size:14px; line-height: 150%;
}
#sadrzaj_akcija_3 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; font-size:14px; line-height: 150%;
}
#sadrzaj_akcija_2 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; font-size:14px; line-height: 150%;
}
#sadrzaj_djecji_caritas {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px; text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc;
	line-height: 150%; font-size:14px; line-height: 150%; text-indent: 10px;
}

#sadrzaj_izdvajamo_3 {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; font-size:14px; line-height: 150%;
}

#sadrzaj_sigurna_kuca {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; font-size:14px; line-height: 150%;
}

#sadrzaj_arhiva {
	padding: 5px;
	float: left;
	width: 720px;
	margin: 0px;
	text-indent: 10px;
	overflow: auto;
	height: 1000px;
	background-color:#ffffcc; font-size:14px; line-height: 150%;
}



#desno {
	margin: 3px;
	padding: 0px;
	float: left;
	width: 194px;
	height: auto;
	
	
}

#fotogalerija {text-align:center; padding: 0px; width: 189px; color: #0000cc; font-weight: bold; font-size: 19px;}

#fotogalerija_flash {
	padding: 0px;
	float: right;
	width: 190px;
	border-bottom: groove;
	text-align: left;
}
#linkovi {text-align:center; padding: 0px; width: 189px; color: #0000cc; font-weight: bold; font-size: 19px;}



#hrvatski_caritas {float: left; margin-bottom: 5px; margin-left: 25px; margin-right: 25px; margin-top: 10px; }

#nadbiskupija_splitsko_makarska {float: left; margin-bottom: 5px; margin-left: 25px; margin-right: 25px; margin-top: 5px; }

#ministranti {float: left; margin-bottom: 5px; margin-left: 25px; margin-right: 25px; margin-top: 5px; }


#nadbiskupsko_sjemeniste {float: left; margin-bottom: 5px; margin-left: 25px; margin-right: 25px; margin-top: 5px; }



#podnozje {
	padding: 10px;
	clear: both;
	height: 30px;
	background:url(../slike/podnozje.jpg) no-repeat;
	text-align: justify;
	margin-top: 10px;
	border:#000;
}
#validatorcss {
	padding: 0;
	float: left;
	
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 400px;
}
#tekstpodnozje {
	padding: 0px;
	text-align: center;
	width: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: smaller;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}
#validatorhtml {
	padding: 0;
	float: left;
	margin-bottom: 0;
	
	margin-left: 230px;
}