body { background:#fdfdf7; font:normal 13px Arial, Helvetica, sans-serif; color:#333;}
/*
 * #c11111 - crvena
 * #fdfdf7 - pozadina
 * #828b8e - siva
 * #6a6a6a - siva2
*/


/* HEADER */
#header{ padding-top:37px; width:100%}
#header ul { position:absolute; right:0; top:75px; list-style-type:none}
#header li { float:left}
#header li a { color:#828b8e; text-decoration:none; font-weight:bold; font-size:16px; line-height:20px; letter-spacing:0; padding-left:10px; height:20px; display:block;  }
#header li a span {  height:20px; padding:0 10px 0 0; display:block}
#header li a:hover, #header li a.active { color:#FFF; background:url(../images/menu-bg1.gif) no-repeat}
#header li a:hover span, #header li a.active span { background:url(../images/menu-bg2.gif) no-repeat right}

a.jezik { float:right; margin-top:-110px}

/* NAVIGACIJA */
#baner {position:relative; height:515px; background-repeat:no-repeat;}

#naslovna { position:absolute; bottom:0;}
#naslovna li { float:left;width:270px;  margin-right:85px; background-position:0 0}

#naslovna li.last { margin-right:0;}
#naslovna h3 { font-size:18px; padding-bottom:10px; color:#000}
#naslovna p { padding:0 0 10px 0; color:#333}
#naslovna a { color:#c11111; text-decoration:none; display:block; padding-top:250px; height:155px; }
#naslovna a:hover h3 { color:#C11111}

#navigacija { position:absolute; bottom:0;}
#navigacija ul, #naslovna ul { list-style-type:none}
#navigacija li { float:left; width:175px; height:160px;   }
#navigacija li a { display:block; text-align:center; text-decoration:none; background-repeat:no-repeat; background-position:left 20px; width:175px; height:160px; font-size:14px; font-weight:bold; color:#6a6a6a}
#navigacija li a:hover, #navigacija li a.active { background-position:right 20px; color:#C11111}


/* CAROUSEL */
#carousel { border-top:1px solid #d6d6d6;  position:relative}
#carousel li { height:185px; width:880px; padding-left:50px; padding-right:50px}
#carousel img { float:right;}
#carousel h3 { width:440px; font-size:20px; color:#c11111; padding:25px 0 10px 0}
#carousel p { width:440px; color:#6a6a6a; font-size:14px; line-height:22px}
.nazad, .naprijed {cursor:pointer;position:absolute;top:0px;z-index:500;width:26px;height:185px;}
.nazad:hover, .naprijed:hover { background-position: 26px 0px}
.nazad { background:url(../images/str-lijevo.gif)}
.naprijed { background:url(../images/str-desno.gif); right:0;}

/* CONTENT */
#container {width:980px;margin:0 auto; position:relative}
#container { background:url(../images/linija-bg.gif) top left no-repeat }
#content { border-top:1px solid #D6D6D6; padding-top:20px;}
#content .lijevo { float:left; margin-right:10px; margin-bottom:10px;}
#content .desno { float:right; margin-left:10px; margin-bottom:10px; }
#content h1, #content h2, #content h3, #content h4, #content h5 { padding:10px 0}
#content p { padding:10px 0; line-height:20px; clear:both}
#content a { color:#c11111; text-decoration:none;}

#content ul {  padding:15px 0 15px 30px; list-style-image:url(../images/bullet-red.gif)}
#content ol {  padding:15px 0 15px 30px}
#content ol li, #content ul li { list-style-position: outside; line-height:20px; margin-bottom:10px }
#content blockquote { padding:20px 50px; background:url(../images/quote.gif) no-repeat; font-size:18px; color:#828B8E;}

/* kolone */

.col { float: left; margin-right: 5%; clear: none;  }
.col div { padding: 0;}
.c66 { width: 65%; }
.c50 { width: 47%; }
.c33 { width: 30%; }
.c25 { width: 21%; }
.col.last { margin-right:0 !important;}

/* newsletter */
#newsletter { width:556px; height:300px; position: fixed; top:50%; margin-top:-84px; left:100%; margin-left:-29px; z-index:2000; background:url(../images/kontakt-bg.gif) no-repeat}
.open, .close { width:35px; height:300px; cursor:pointer; float:left}
#contactform { display:block;  padding-top:20px; padding-left:10px }
#contactform div { float:left; width:250px; padding-left:15px;}
#contactform p { font-size:11px; float:left; color:#FFF; padding-bottom:10px;  width:230px; float:left;}
#contactform label { display:block; float:left; width:250px; font-size:10px; margin-bottom:10px; color:#FFF; text-transform:uppercase}
#contactform input { display:block; font-size:12px; font-weight:bold; width:225px; pmargin-top:5px; }
#contactform textarea { height:190px; font:normal 12px Arial, Helvetica, sans-serif; width:230px}
#contactform button { padding:0; margin:0; background:none; border:0 none; float:right; margin-top:5px;}

/* vijesti lista */
#content .newsList { list-style-type:none; padding:0; margin:0}
#content .newsList li { border-bottom:1px solid #D6D6D6; margin-bottom:20px;}
#content .newsList a { text-decoration:none; color:#000; font-size:18px; font-weight:bold;}
#content .newsList p { padding-top:10px;}
#content .newsList a:hover { color:#c11111}
#content .newsList .datum  { color:#828b8e; font-size:18px; font-weight:bold;}

/* kontakt */
#kontakt-form{ width:530px; margin:0 auto; padding:50px 50px; border:1px solid #D6D6D6;}
#kontakt-form label { display:block; font-size:11px; padding:5px 0; color:#6a6a6a; }
#kontakt-form input, form textarea { background:#FFF; border:1px solid #D6D6D6;  font-size:16px; color:#6a6a6a;
											padding:2px; margin-bottom:5px}
#kontakt-form textarea { overflow:auto}											
#kontakt-form input.btn { background:#C11111; width:86px; height:26px; color:#FFF; font-weight:bold; margin-top:20px }	

/* FOOTER */
#footer {clear:both;width:100%; border-top:1px solid #d6d6d6; padding-top:15px; padding-bottom:15px; margin-top:30px;  text-align:left; color:#999; font-size:10px; font-weight:normal}
#footer a{color:#c11111; text-decoration:none;}
#footer img { float:left; margin-bottom:20px;}

.top { float:right;margin-top:-25px; padding-left:15px; background:#fdfdf7}
.top a {padding:6px 20px; background:url(../images/top.gif) no-repeat; color:#FFF}

.designby { float:right; margin-right:50px;}