/* COMMENT */
* {margin:0; padding:0; border:0; outline:0}

/* font definiran na razini cijelog body-ja, i debljine fonta definirane posebno po potrebi paragrapha, headinga, etc */
body{font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size:12px; line-height:150%; color: #1D1D1E;}
h1{font-weight:200; font-size:28px; line-height:150%; padding-bottom:12px;}
h2{font-weight:300; font-size:28px; line-height:1.5;}
h3{font-weight:600; font-size:17px; line-height:1.5; padding-bottom:5px;}
h4{font-weight:500; font-size:20px; line-height:150%; padding-bottom:12px;}
p{font-size:12px; line-height:150%; padding-bottom:12px; font-weight:300;}
p2{font-size:13px; line-height:150%; font-weight:300;}
p3{font-size:14px; line-height:150%; font-weight:300;}
strong {font-weight: 600;}
em {font-style: italic;}

/* crni bar s telefonom i mailom */  
#topcontainer{height:34px; position:relative; background:url(media/bbarback.png) repeat-x; margin:0px auto 0px auto; overflow:hidden;}
#top{width:960px; height:34px; margin:0px auto 0px auto; position:relative; overflow:hidden;}
#topleft{height:34px; position:relative; float:left; color:#CCCCCC; font-size:12px; margin:8px auto 0px auto; overflow:hidden;}
#topright{height:34px; position:relative; float:right; font-size:12px; margin:8px auto 0px auto; overflow:hidden;}
#topright a:link, #topright a:visited{text-decoration:none; color:#FFFFFF;}
#topright a:hover{text-decoration:none; color:#FFFFFF;}
/* crni bar kraj */  

/* sivi bar: logo i navigacija */  
#navcontainer{width:100%; height:150px; margin: 0px auto 0px auto; overflow:hidden; background-color:#F4F4F4; position:relative;}
#navbar{width:960px; height:150px; margin:0px auto 0px auto; position:relative; background:url(media/navback1.png); overflow:hidden;}
#logo{width:480px; height:150px; float:left; position:relative; margin:33px auto 0px auto;}
#mainnav{height:150px; float:right; position:relative; font:#000000; font-size:15px; text-transform:uppercase; margin:75px auto 0px auto;}
#mainnav ul {list-style: none;}
#mainnav li {display: inline; margin-left:55px}
#mainnav li:last-child{margin-right:15px}
#mainnav a:link, #mainnav a:visited{text-decoration:none; color:#000000}
#mainnav a:hover, #mainnav a:active{color:#000000; text-decoration:none; border-bottom: 2px solid #AF1E23; padding: 0 0 6px 0}
#mainnav .selected{color:#000000; text-decoration:none; border-bottom: 2px solid #AF1E23; padding: 0 0 6px 0}
/* sivi bar kraj */  

/* bijeli bar */  
#body1container{width:100%; height:340px; margin: 0px auto 0px auto; overflow:hidden; background-color:#FFFFFF; position:relative; border-bottom:1px solid #DBDADC; border-top:1px solid #DBDADC;}
#body1{width:960px; height:340px; margin:0px auto 0px auto;}
#body1left{width:480px; height:340px; float:left; color:#000000; text-align:left; margin:0px auto 0px auto; overflow:hidden;}
#body1left_content{width:430px; height:117px; position:relative; margin:80px auto 20px 40px; overflow:hidden;}
#body1left .button_big{margin-left:40px;}
.button_big a:link, .button_big a:visited, .button_big a:active, .button_big a:hover{position:relative; float:left; border-radius:3px; -webkit-border-radius:3px; font-size:15px; display:block; background-color:#AF1E23; color:#FFFFFF; padding: 0.6em 0.6em 0.6em 0.6em; text-transform:uppercase; text-decoration:none;}


#body1right{width:480px; height:340px; float:right; text-align:right; margin:0px auto 0px auto; overflow:hidden;}
#body1right_content{width:400; height:280; position:relative; margin:30px 20px 0px auto; overflow:hidden;}

/* sivi bar */  
#body2container{width:100%; height:590px; overflow:hidden; background-color:#F4F4F4;}
#body2{width:960px; height:590px; margin:0px auto 0px auto; position:relative;}
#body2top{display:inline-block; width:960px; height:274px; position:relative; float:left; color:#000000; text-align:left; margin:0px auto 0px auto; overflow:hidden; border-bottom:1px solid #DBDADC;}
#body2top .box{margin:39px 10px 35px 10px; float:left; width:160px; height:200px; overflow:hidden; background:#FFFFFF; text-align:center; padding: 0px 30px 0px 30px;}
#body2top .box h3{font-weight:600; font-size:17px; line-height:1.5; padding-bottom:5px; color:#1D1D1E;}
#body2top .box p{font-size:13px; line-height:150%; font-weight:300; color:#1D1D1E;}
#body2top .menuimg{margin-top:20px; margin-bottom:15px;}

#body2bottom{width:960px; height:280px; float:right; color:#000000; overflow:hidden; border-top:1px solid #FFFFFF;}
#body2bottom_left{width:454px; height:200px; float:left; padding-right:25px; margin-top:36px; border-right:1px solid; border-color:#DBDADC;}
#img_13{position:relative; float:left; margin:0px 20px 10px 10px; width:219px; height:151px;}
#img_13 .articleimg{float:left; position:absolute; margin-top:19px; margin-left:19px; z-index:10;}
#img_13 .novoimg{float:left; position:absolute; z-index:20;}

#body2bottom_right{width:423px; height:200px; float:right; margin-top:36px; border-left:1px solid; border-color:#FFFFFF; padding-left:35px; padding-right:20px;}
.button a:link{position:relative; float:left; border-radius:3px; -webkit-border-radius:3px; font-size:13px; display:block; background-color:#AF1E23; color:#FFFFFF; padding: 0.4em 0.4em 0.4em 0.4em; text-transform:uppercase; text-decoration:none;}
.button a:visited{position:relative; float:left; border-radius:3px; -webkit-border-radius:3px; font-size:13px; display:block; background-color:#AF1E23; color:#FFFFFF; padding: 0.4em 0.4em 0.4em 0.4em; text-transform:uppercase; text-decoration:none;}
.button a:hover{position:relative; float:left; border-radius:3px; -webkit-border-radius:3px; font-size:13px; display:block; background-color:#AF1E23; color:#FFFFFF; padding: 0.4em 0.4em 0.4em 0.4em; text-transform:uppercase; text-decoration:none;}
/* sivi bar kraj */  

/* crni bar */  
#bottomcontainer{width:100%; height:280px; background-color:#1D1D1E; overflow:hidden; }
#bottomcontent{width:958px; height:132px; margin:0px auto 0px auto; position:relative; border-left:1px solid #020202; border-right:1px solid #313133; margin-top:65px;}
#bottomcontent p{font-size:14px; line-height:150%; font-weight:300;}
#adresa{float:left; width:477px; height:132px; border-left:1px solid #313133; border-right:1px solid #020202; color:#FFFFFF;}
#adresa img{margin:auto 20px auto 20px; float:left;}
#kontakt{float:left; width:218px; height:132px; border-left:1px solid #313133; border-right:1px solid #020202; color:#FFFFFF; padding-left:20px;}
#kontakt a:link, #kontakt a:visited{text-decoration:none; color:#FFFFFF;}
#upit{float:left; width:197px; height:132px; border-left:1px solid #313133; border-right:1px solid #020202; color:#FFFFFF; padding-left:20px; padding-right:20px;}
#upit .button{margin-top:0px;}
/* crni bar kraj */  

/* footer index page */
#footer_index{width:100%; height:35px; background-color:#F4F4F4; margin:0px auto 0px auto; overflow:hidden; }
#footer_wrap_index{width:960px; height:35px; margin:10px auto 0px auto;}
#footer_left_index{position:relative; float:left; height:35px; margin:0px auto 0px auto; color:#000000; font-size:11;}
#footer_right_index{position:relative; float:right; height:35px; margin:0px auto 0px auto; #000000; font-size:11;}
#footer_index a:link, #footer_index a:visited{text-decoration:none; color:#000000;}

/* footer kontakt, o nama */
#footer{width:100%; height:80px; background-color:#1D1D1E; margin:0px auto 0px auto; overflow:hidden; }
#footer_wrap{width:960px; height:69px; margin:0px auto 0px auto; border-top:1px solid #333333; padding-top:10px;}
#footer_left{position:relative; float:left; height:69px; margin:0px auto 0px auto; color:#FFF; font-size:11;}
#footer_right{position:relative; float:right; height:69px; margin:0px auto 0px auto; #FFF; font-size:11;}
#footer a:link, #footer a:visited{text-decoration:none; color:#FFF;}

/* breadcrumbs (kontakt, o nama) */
#breadcrumbs_container{width:100%; height:38px; background-color:#F4F4F4; margin:0px auto 0px auto; overflow:hidden; border-top:1px solid #DBDADC; border-bottom:1px solid #DBDADC;}
#breadcrumbs{width:960px; height:38px; margin:10px auto 0px auto;}
#breadcrumbs p{font-size:12px; color:#7A7B7E; text-decoration:none;}


/* body_container (kontakt, o nama) */
#body_container{width:100%; margin: 0px auto 0px auto; overflow:hidden; background-color:#F4F4F4;}
#body_wrap{width:960px; margin:0px auto 0px auto;}
#body_main_content{width:460px; margin:0; position:relative; float:left; margin:25px 20px 25px 0px;}
#body_main_content h1{font-size:28px; color:#1D1D1E; font-weight:600;}
#body_main_content h2{font-size:20px; color:#1D1D1E; font-weight:600; padding-top:18px; padding-bottom:12px;}
#body_main_content p{font-size:13px; color:#1D1D1E;}
.info_box{width:460px; height:auto; position:relative; float:left; padding-top:20px; padding-bottom:20px;}
.info_box p{font-size:12px; color:#1D1D1E; padding-bottom:3px;}
.crta{height:0px; width:460px; border-top:1px solid #DBDADC; border-bottom:1px solid #FFF; padding:0px; margin:0px;}

/* sidebar */
#body_sidebar{width:480px; margin-top:20px; position:relative; float:right;}
#body_sidebar h1{font-size:20px; color:#1D1D1E; font-weight:600; padding-top:18px; padding-bottom:10px;}
#karta {position:relative; float:left; width:440px; height:418px; border:1px solid #DBDADC; background:#FDFDFD; padding:9px; margin-top:20px;}
#sidebar_kontakt {position:relative; float:left; width:430px; border:none; padding:25px 0px 25px 30px;}
#sidebar_kontakt table{width:100%; border:none; border-spacing:0px; margin:0px; padding;0px;}
#sidebar_kontakt td{width:50%; border:none;}
#sidebar_kontakt p{color:#1D1D1E; font-size:14px; font-weight:600;}
#sidebar_kontakt a{color:#1D1D1E; font-size:14px; font-weight:600; text-decoration:none;}

#box_wrap{width:480px; height:440px; padding:25px 0px 19px 0px; border-bottom:1px solid #DBDADC;}
#box_wrap .box{margin:10px 10px 10px 10px; float:left; width:160px; height:200px; overflow:hidden; background:#FFFFFF; text-align:center; padding: 0px 30px 0px 30px;}
#box_wrap .box h3{font-weight:600; font-size:17px; line-height:1.5; padding-bottom:5px; color:#1D1D1E;}
#box_wrap .box p{font-size:13px; line-height:150%; font-weight:300; color:#1D1D1E;}
#box_wrap .menuimg{margin-top:20px; margin-bottom:15px;}

.sidebar_content{position:relative; float:right; width:480px; height:auto; padding-top:30px; padding-bottom:18px; border-top:1px solid #FFF; border-bottom:1px solid #DBDADC;}
.sidebar_content h3{font-size:17px; color:#1D1D1E; margin-left:235px; margin-right:10px;}
.sidebar_content p{font-size:12px; color:#1D1D1E; margin-left:235px; margin-right:10px;}
.sidebar_img{position:relative; float:left; padding:15px;}
.sidebar_img .novoimg{position:absolute; float:left; top:0px; left:0px;}
.crta_kraj{width:480px; height:0px; border-top:1px solid #FFF; position:relative; float:left; margin-bottom:15px;}

#kontakt_form{width:398px; background:#FDFDFD; border: 1px solid #DBDADC; position:relative; float:left; padding:40px 30px 40px 30px;}
#kontakt_form label{color:#1D1D1E; font-size:14px; font-weight:600;}
.obrazacbox{width:390px; height:26px; padding:2px 4px 2px 4px; border:1px solid #DBDADC; font-size:12px; background:#FFF; color:#1D1D1E; margin-top:10px; margin-bottom:20px;}
.obrazacfieldbox{width:390px; height:180px; padding:4px; border:1px solid #DBDADC; font-size:12px; background:#FFF; color:#1D1D1E; margin-top:10px; margin-bottom:20px;}
.obrazacsend {border-radius:3px; -webkit-border-radius:3px; font-size:13px; display:block; background-color:#AF1E23; color:#FFFFFF; padding: 0.5em 0.5em 0.5em 0.5em; text-transform:uppercase; text-decoration:none;}
.obrazacsend:hover{border-radius:3px; -webkit-border-radius:3px; font-size:13px; display:block; background-color:#AF1E23; color:#FFFFFF; padding: 0.5em 0.5em 0.5em 0.5em; text-transform:uppercase; text-decoration:none;}

