html,body{margin:0;padding:0;}
body{background:url(/images/zaglavlje-bg.png) repeat-x #ccccc2; font:normal 11px Arial,Helvetica,sans-serif;}
h1{margin:0; padding:0}
a{text-decoration:none; cursor:pointer;}
a:focus, a:active{outline:none;}
/* LAYOUT */
div#zaglavlje{height:169px; margin:0; padding:0}
div#glavni{width:998px;margin:0 auto; background:url(/images/linija-bg.png) repeat-y #FFFFFF; padding:0 0 10px 0;   }
div#veliki{float:left;width:720px;padding-left:12px;}
div#vijesti{margin:0 0 0 250px; padding:10px;   }
div#lijevi{width:250px; float:left; margin:0; padding:0;}
div#desni{float:right;width:250px;padding-right:12px;margin-top:10px;}
div#donji{clear:left; width:975px; margin:0 12px }
div#podnozje{clear:left;width:100%; }
/* ZAGLAVLJE */
div#zaglavlje{text-align:left; background:url(/images/zaglavlje.jpg) no-repeat; }
div#zaglavlje h1{font:normal 24px Georgia, "Times New Roman", Times, serif; color:#FFFFFF; padding:75px 0 0 125px; }
div#zaglavlje h1 span{font-size:13px; font-weight:normal; color:#c88980; }
div#zaglavlje h1 a{color:#FFFFFF;}
div#zaglavlje ul{list-style-type:none;  top:4px; position:absolute; margin:0 0 0 600px; width:400px; padding:0 }
div#zaglavlje ul li{float:left; margin:0; padding:0}
div#zaglavlje ul li a{font:bold 10px Arial, Helvetica, sans-serif; color:#e5b1aa; text-decoration:none; margin:0 4px 0 0; width:69px; background:url(/images/zaglavlje-menu-btn.png) no-repeat; display:block; text-align:center}
div#zaglavlje ul li a:hover{color:#FFFFFF;}
div#zaglavlje form#frmTrazi{text-align:left; margin:0; padding:10px 15px 0 0;}
div#zaglavlje input#txtTrazi{background:#CCCCCC; width:168px; height:22px; margin:0 5px 0 0; float:right;  border:0px none;  font:normal 16px Georgia, "Times New Roman", Times, serif; color:#333333; padding:2px 0 0 2px }
button{background:url(/images/btnTrazi.png) transparent; font:normal 16px Georgia, "Times New Roman", Times, serif; color:#cccccc; width:75px; height:24px; padding:0; border:1px solid #666; float:right; clear:both }
/* SADRZAJ */
div#sadrzaj{font:normal 11px Arial,Helvetica,sans-serif;}
h3{padding:0; margin:0px 0 0 0;  font:normal 17px Georgia,"Times New Roman",Times,serif;}
div#sadrzaj ul{list-style:none; padding:0; margin:0;}
div#sadrzaj ul li{border-bottom:1px dotted #CCCCCC; padding:10px 0}
/* PODNOZJE */
div#podnozje{background:url(/images/podnozje-bg.png) repeat-x; height:70px; text-align:center; padding:0; line-height:16px; font:normal 10px Arial,Helvetica,sans-serif;}
div#podnozje div{color:#cccccc; text-align:left; margin:5px 5px 0 0; width:980px; margin:0 auto;}
div#podnozje a{color:#FFF;}
/* BOXOVI */
.box{width:250px; padding:0; margin:0 0 10px 0; }
.box h2{font-family:Arial; font-size:10px; font-weight:bold;padding:0 10px 5px 10px; margin:0 0 0 0;  }
.box h2 a{padding-right:25px; padding-bottom:5px; text-decoration:none; color:#666666;  }
.box .sredina{margin:0; padding:0;  }
.box ul, .box p{margin:0; padding:10px 10px 0 10px; }
.box ul li{padding:5px 5px 0 5px;}
.box ul{list-style-type:none;}
.box .dole{margin:0; padding:0;}
.boxnav{text-align:right; padding:5px 15px 0 0;}
.boxnav a img{border:none; margin-left:5px; }
.sivi{background:url(/images/sivi/top.png) no-repeat;}
.sivi h2 a{background:url(/images/sivi/top2.png) top right  no-repeat;}
.sivi .sredina{background:url(/images/sivi/sredina.png) repeat-y;}
.sivi .dole{background:url(/images/sivi/dwn.png) left top no-repeat; height:9px }
.sivi-veliki{background:url(/images/sivi-veliki/top.png) no-repeat;}
.sivi-veliki h2 a{background:url(/images/sivi/top2.png) top right  no-repeat;}
.sivi-veliki .sredina{background:url(/images/sivi-veliki/sredina.png) repeat-y;}
.sivi-veliki .dole{background:url(/images/sivi-veliki/dwn.png) left top no-repeat; height:9px }
.bijeli{background:url(/images/bijeli/top.png) no-repeat;}
.bijeli h2 a{background:url(/images/bijeli/top2.png) top right  no-repeat;}
.bijeli .sredina{background:url(/images/bijeli/sredina.png) repeat-y;}
.bijeli .dole{background:url(/images/bijeli/dwn.png) left top no-repeat; height:9px }
.crni{background:#3e4145; padding:10px; height:290px;}
.crni .box{float:left; margin-right:10px; }
.crni .baner{float:left; margin-right:10px; margin-top:5px; background:none;width:180px;}
.crni form{color:#CCC; padding:0; margin:0;}
.crni fieldset{border-color:#999; margin:0; padding:0 10px 10px 10px; height:275px}
.crni legend{padding:0 5px 0px 5px; margin:0 0 0 0; color:#CCC; font:bold 10px Arial,Helvetica,sans-serif; }
.crni label{font:bold 10px Arial,Helvetica,sans-serif; padding-bottom:5px;margin-bottom:15px; display:block;}
.crni input{background:transparent; border:1px inset; color:#FFF;   }
.crni button{margin-top:20px}
/* BANERI */
.baner{width:250px; height:85px;}
.baner img{border:0;}
/* TOPINFO  */
#topinfo{background:url(/images/topinfo/sredina.png) repeat-y; padding:0; width:715px;  float:left; margin:10px 0 0 0;}
#topinfo .sredina{height:276px;}
#topinfo h2{font-family:Arial; font-size:10px; font-weight:bold;padding:0; margin:10px 0 0 110px; display:block; clear:both; float:left;  }
#topinfo h2 a{color:#f6f6f4}
#topinfo .lijevo{width:310px; height:275px; float:left; text-align:left; margin:0pt 10px 0pt 10px; padding:0 }
#topinfo .lijevo div{width:282px; height:300px; padding:5px 50px 0 15px  }
#topinfo .lijevo div:hover{background:#F3F4EF}
#topinfo .lijevo div a{color:#851200}
#topinfo .lijevo img{display:block; border:1px solid #7b7b76; margin:0 0 5px; }
#topinfo .lijevo p{margin:8px 0; padding:0; font-size:11px; color:#666666; }
#topinfo .lijevo h3{font:normal 17px Georgia,"Times New Roman",Times,serif; color:#444444; margin:10px 0 0 0; padding:0;}
#topinfo .desno{}
#topinfo .desno ul{list-style-type:none; margin:0 0 0 322px; padding:0 10px 0 0}
#topinfo .desno ul li{height:69px; border-bottom:1px dotted #CCCCCC;}
#topinfo .desno ul li:hover{background:#fafbf7;}
#topinfo .desno ul li img{float:left; border:1px solid #CCCCCC; margin:3px 10px 0 3px;}
#topinfo .desno ul li p{margin:0 0 5px 0; padding:0; font:normal 10px Arial,Helvetica,sans-serif; color:#666666}
#topinfo .desno h3{font:normal 11px Arial,Helvetica,sans-serif; color:#444444; font-weight:bold;}
/* NAJAVE */
#najave .sredina{height:290px; }
#najave li a{display:block;  font:bold 10px  Arial,Helvetica; color:#444444; height:58px;  text-decoration:none; border-bottom:1px dotted #CCCCCC; }
#najave li:hover{background:#fafbf7;}
#najave .datum{background:url(/images/datum-bg.png) no-repeat; color:#FFFFFF; width:64px; height:14px; text-align:center; float:left; margin-right:5px;}
#najave .mjesto{float:left; clear:right; color:#666666}
#najave .naslov{clear:both; padding-top:5px; }
/* IZDVAJAMO */
#izdvajamo .sredina{height:460px; }
#izdvajamo li{padding:0 0 0 0; margin:10px 0 0 0}
#izdvajamo li a{display:block;  font:bold 11px  Arial,Helvetica; color:#444444; height:60px;  text-decoration:none; border-bottom:1px dotted #CCCCCC; }
#izdvajamo h3{font:normal 11px Arial,Helvetica,sans-serif; color:#444444; font-weight:bold;}
#izdvajamo li img{float:left; margin-right:7px; border:1px solid #7b7b76;}
#izdvajamo ul li:hover{background:#fafbf7;}
/* VIJESTI */
#vijesti h2{font:normal 18px Georgia,"Times New Roman",Times,serif; margin:0; padding:0}
#vijesti h2 a{padding-top:15px; color:#444444;}
#vijesti .sredina{height:925px;}
#vijesti .sredina ul{list-style-type:none; margin:10px 0 0 0; padding:0;}
#vijesti .sredina li a{float:none; display:block; height:160px; border-bottom:1px dotted #CCCCCC; padding:8px 0 8px 0; overflow:hidden }
#vijesti .sredina li:hover{background:#fafbf7;}
#vijesti .sredina li img{float:left; margin-right:10px; border:1px solid #7b7b76;}
#vijesti .datum{color:#851200; font-size:10px; }
#vijesti li h3{font:bold 14px Arial,Helvetica,sans-serif; letter-spacing:-1px; color:#444444; display:block; margin:3px 0 5px 0;}
#vijesti .podnaslov{font:bold 12px Arial,Helvetica,sans-serif; color:#999999;}
#vijesti p{display:block; float:left; width:100%; text-align:justify; color:#444444; margin:5px 0 0 0; cursor:pointer;}
/* POSLANICE */
#poslanice .sredina{height:590px; }
#poslanice li a{display:block;  font:bold 11px  Arial,Helvetica; color:#444444; height:120px;  text-decoration:none; border-bottom:1px dotted #CCCCCC; padding:5px 0 5px 0; cursor:pointer;  }
#poslanice .datum{color:#851200; font-size:10px; margin-bottom:4px; }
#poslanice h3{font:normal 11px Arial,Helvetica,sans-serif; color:#444444; font-weight:bold;}
#poslanice .podnaslov{font:normal 11px Arial,Helvetica,sans-serif; color:#888888; float:left; width:100%; margin:5px 0 0 0; text-align:justify;}
#poslanice li img{float:left; margin-right:7px; border:1px solid #7b7b76;}
#poslanice ul li:hover{background:#fafbf7;}
/* POD POVECALOM */
#podpovecalom .sredina{height:215px; }
#podpovecalom li a{border-bottom:1px dotted #CCCCCC; display:block; padding:0 0 5px 0; cursor:pointer; }
#podpovecalom li img{border:1px solid #7b7b76; margin-top:-10px;}
#podpovecalom .datum{color:#851200; font-size:10px; margin-top:5px;}
#podpovecalom h3{font:bold 14px Arial,Helvetica,sans-serif; color:#444444; letter-spacing:-1px; margin:0px 0 5px 0;}
#podpovecalom .podnaslov{font:normal 11px Arial,Helvetica,sans-serif; color:#888888; width:100%; margin:5px 0 0 0; text-align:justify;}
#podpovecalom ul li:hover{background:#fafbf7;}
/* SVETAC DANA */
#svetacdana h2{font-family:Arial; font-size:10px; font-weight:bold;padding:0 10px 5px 10px; margin:0 0 0 0; }
#svetacdana h2 a{padding-right:25px; padding-bottom:5px; padding-top:0; text-decoration:none; color:#666666; cursor:pointer; }
#svetacdana{width:715px; position:absolute;  }
#svetacdana .sredina{height:140px; padding:15px 15px;}
#svetacdana #svetactekst{width:430px; float:left;}
#svetacdana .datum{width:50px; height:140px; margin-right:10px; background:url(/images/dan-mjesec-bg.png) #a61701 repeat-x; color:#FFFFFF; text-align:center; text-transform:uppercase; font-weight:bold; float:left;}
#svetacdana .datum strong{display:block; font:bold 32px Georgia,"Times New Roman",Times,serif; text-align:center; width:100%; padding-top:80px;}
#svetacdana .tekst{width:370px; text-align:justify; padding:0; float:left;}
#svetacdana .tekst a{color:#444444; cursor:pointer;}
#svetacdana .tekst strong{font:bold 14px Arial,Helvetica,sans-serif;  letter-spacing:-1px; border-top:1px dotted #CCCCCC; display:block; margin:10px 0 5px 0; padding-top:10px;}
#svetacdana .tekst h3{font:bold 14px Arial,Helvetica,sans-serif;  letter-spacing:-1px; margin:0 0 5px 0;}
#svetacdana .kalendar{height:140px; float:left;   font-size:12px; font-weight:bold; margin-left:15px; }
#svetacdana .tekst:hover{background:#fafbf7;}
/* VIDEO FOTO AUDIO */
#multimedia .sredina{padding:0; clear:both; height:270px;}
#multimedia ul{list-style-type:none; padding:0; margin:0;}
#multimedia li{display:block;   width:222px; height:232px; padding:10px 14px 5px 14px;}
#multimedia li a{display:block;}
#multimedia li a img{border:0;}
#multimedia li a:hover{background:#fafbf7; }
#multimedia .tekst{color:#444444; font:normal 11px Arial,Helvetica,sans-serif; border-bottom:1px dotted #CCCCCC; padding:5px 0 0 0;  }
#multimedia .tekst strong{color:#666666; font-size:10px; }
#multimedia .tekst h3{font:bold 12px Arial,Helvetica,sans-serif;  color:#444444; margin:0px 0 5px 0;}
#multimedia embed{padding:0; margin:0; width:220px; }
#multimedia .brdr{border:1px solid #a2a2a2;}
/* PREDSTAVLJAMO */
#predstavljamo .sredina{height:220px; }
#predstavljamo li a{border-bottom:1px dotted #CCCCCC; display:block; padding:0 0 5px 0; }
#predstavljamo li img{border:1px solid #7b7b76; margin-top:10px;}
#predstavljamo h3{font:bold 14px Arial,Helvetica,sans-serif; color:#444444; letter-spacing:-1px; margin:0px 0 10px 0;}
#predstavljamo .podnaslov{font:normal 11px Arial,Helvetica,sans-serif; color:#888888; width:100%; margin:5px 0 0 0; text-align:justify;}
#predstavljamo ul li:hover{background:#fafbf7;}
/* IZ KATOLICKOG TISKA */
#tisak .boxnav{padding:0; margin:0; }
#tisak .boxnav a img{border:none; margin:0; padding:0}
#tisak .sredina{height:115px; background:#ccccc2; padding:10px 0 0 5px;}
#donji h2{font:normal 18px Georgia,"Times New Roman",Times,serif; margin:0 0 0 0; padding:0 0 0 10px}
#donji h2 a{color:#444444}
#tisak{border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; margin:5px 0; padding:5px 0; }
#tisak ul{margin:0; padding:0; list-style-type:none; }
#tisak li{float:left; width:220px; height:110px; margin:0 5px 0 5px; padding:3px 0 0 0;}
#tisak li a img{float:left; margin:0 5px 0 0; border:1px solid #7b7b76; }
#tisak a{display:block; font:normal 10px Arial,Helvetica,sans-serif; color:#666666; height:103px}
#tisak a:hover{background:#b8b8ad;}
#tisak a h2{font:bold 10px Arial,Helvetica,sans-serif; color:#990000; margin:0 0 0 0 }
#tisak a h3{font:bold 12px Arial,Helvetica,sans-serif; color:#444444;  margin:10px 0 0 0;}
/* INTERVJU */
#donji .crni h2{font-family:Arial; font-size:10px; font-weight:bold;padding:0 10px 5px 10px; margin:0 0 0 0; }
#intervju .sredina{height:260px; }
#intervju li a{border-bottom:1px dotted #CCCCCC; display:block; padding:0 0 5px 0; color:#444444; text-align:justify }
#intervju li img{border:1px solid #7b7b76; float:left; margin:0 10px 10px 0}
#intervju h3{font:bold 14px Arial,Helvetica,sans-serif; color:#444444; letter-spacing:-1px; margin:5px 0 5px 0; text-align:left;}
#intervju .datum{font:normal 10px Arial,Helvetica,sans-serif; color:#851200;}
#intervju .ukratko{text-align:justify; clear:both}
#intervju ul li:hover{background:#fafbf7;}
/* KOMENTARI */
#komentari li img{border:1px solid #7b7b76; float:left; margin:0 10px 10px 0}
#komentari .sredina{height:260px; }
#komentari strong{color:#999999}
#komentari h3{font:bold 14px Arial,Helvetica,sans-serif; color:#444444; letter-spacing:-1px; margin:5px 0 5px 0; text-align:left;}
#komentari .ukratko{text-align:justify; clear:both}
#komentari .ukratko a{display:block; width:203px; height:43px; background:url(/images/btn-komentari.png) top left no-repeat; font:normal 18px Georgia,"Times New Roman",Times,serif; color:#666666; text-align:right; padding:0 15px 0 0; margin:0 0 5px 0; line-height:48px}
#komentari .ukratko a:hover{background:url(/images/btn-komentari.png) bottom left no-repeat; color:#FFFFFF;}
/* AUTOCOMPLETE */
.suggestionsBox{position:absolute;margin:35px 0px 0px 726px;width:256px;background-color:#3E4145;-moz-border-radius:7px;-webkit-border-radius:7px;border:2px solid #3E4145;color:#fff; z-index:2000; float:right}
.suggestionList{margin:0px;padding:0 0 15px 0;}
.suggestionList li{margin:0px;padding:5px;cursor:pointer;font:normal 10px Arial,Helvetica,sans-serif; display:block; text-transform:uppercase; border-bottom:1px dotted #525559; list-style-type:none; list-style-position:outside}
.suggestionList li:hover{background-color:#efefef; color:#333333;}
.suggestionList li:hover a{background-color:#F3F4EF; color:#333333;}
.suggestionList li a{color:#FFFFFF; text-decoration:none;}
.suggestionList li a:hover{color:#333333; text-decoration:none;}