/*----------------------------------------------      
     Copyright Maja Babić, Lidija Josipović
     Author: Maja Babić, Lidija Josipović 2016
------------------------------------------------ */
* {margin:0; padding:0}
body {color:#111; font:14px Verdana, Arial, Helvetica;}

/*=====================================*/
/*               LAYOUT                */
/*=====================================*/
#container {width:1000px; margin:0 auto;}
#headerLeft {width:220px; height:120px; padding-top:13px; float:left}
#headerLeft img {border:0;}
#headerRight {width:780px; float:left}
#headerRightTop {height:75px; padding-top:10px}
#headerRightNav {height:35px; background:url("/images/hnavbgd.jpg") repeat-x}
#content {min-height:400px; padding:40px 20px 30px;}
#footer {height:100px; padding:10px; background:url("/images/footerbgd.jpg") repeat-x; color:#dedede; font-size:11px;}
#footerLogo {width:350px; margin:10px 10px 0 0; float:right}
.footerLogoImg {width:100px; height:54px; margin-right:5px; float:left}
.copyright {margin-top:10px; float:left;}
.footerAdress {margin:4px 0 0 10px; float:left;}
.footerAdress a {color:#dedede; text-decoration:none}
.footerAdress a:visited {color:#dedede;}
.company {color:#274b89; font-size:14px; font-weight:bold;}
.slogan {color:#b4b4b4; font:italic 18px "Times New Roman", Times, serif;}


/*=====================================*/
/*              NAVIGATION             */
/*=====================================*/
.horizontalMenu {width:auto; height:35px; margin-right:45px; padding:0; float:right; overflow:hidden;}
.horizontalMenu li {display:inline;}
.horizontalMenu li a {margin:1px 0; padding:0 25px 0 25px; color:#fff; font-size:13px; line-height:25px; text-align:center; text-decoration:none; float:left;}
.horizontalMenu li a:hover {height:27px; margin:1px 0; background:#045a93; color:#fff;}


/*=====================================*/
/*               CONTENT               */
/*=====================================*/
.licnaKarta {width:600px; margin-right:50px; float:left;}
.licnaKarta p {margin-top:10px; line-height:1.5}
.textBox {width:310px; height:290px; margin:0 auto; padding:40px 0 10px 0; background:url("/images/text-box.jpg") no-repeat center top;}
.textBox p {font:italic bold 22px "Times New Roman", Times, serif; line-height:2; text-align:center;}


/*=====================================*/
/*              PICTURES               */ 
/*=====================================*/
.direktor {width:250px; border:1px solid #666;}

img {border:0}
.slikade {margin:5px 0 10px 20px; float:right;}
.slikale {margin:5px 20px 10px 0; float:left;} 
.slikacent {margin:0 auto;}
.slikade img, .slikale img, .slikacent img {margin-bottom:2px;}
.slikade p, .slikale p, .slikacent p {padding:3px 0; border:1px solid #ddd; background:#f9f9f9; color:#6f6f6f; font-size:11px; font-weight:bold; text-align:center;} 

.gallery {margin:20px 0;}
.galleryImage {width:225px; margin-right:15px; float:left}
.galleryImage img {padding:2px; border:1px solid #999; float:left}
.galleryImage p {color:#555; font-size:11px; font-style:italic; text-align:center}


/*=====================================*/
/*             TIPOGRAPHY              */
/*=====================================*/
strong, th, thead td, h1 {font-weight:bold;}
h1, h2 {font-family:Georgia, "Times New Roman", Times, serif}
h1 {margin-bottom:30px; color:#005496; font-size:30px; font-weight:normal;}
h2 {margin:30px 0 15px 0; color:#b4b4b4; font-size:24px; font-weight:normal}
p,q {margin-top:8px; line-height:1.6; text-align:justify;}
#content ul, #content ol {margin:0; padding:0 0 0 35px; line-height:1.5; text-align:justify;} 
#content ul li, #content ol li {margin-bottom:2px}

.izdavanje {margin-top:30px; font-weight:bold;}
.izdavanjeTfObavestenja {width:640px; display:inline-block; margin:50px auto 20px 30px; padding:10px; border:3px solid #b4b4b4;}