/* css @ ador.hr */
/******************* overwrite default css *********************/
body{
margin:0;
padding:0;
border:0;
margin-bottom:50px;
background:#fff;
font:11px Arial, Helvetica, sans-serif;
color:#1aa1d8;
}

h1{
	font:bold 14px "Trebuchet MS", Arial narrow, Helvetica, sans-serif;
	color:#1AA1D8;
}

h2{
	margin:-40px 0 25px 180px;
	padding:0 0 0 12px;
	font:bold 13px "Trebuchet MS", Arial , Helvetica, sans-serif;
	color:#1AA1D8;
	background:url(../images/submenu_item_bg.gif) no-repeat top left;
}

h3{
	font:bold 15px "Trebuchet MS";
	margin:0px 0 10px 0;
	color:#136B99;
}

h4{
	font:13px "Trebuchet MS";
	margin:3px 0;
	color:#136B99;
}


p{
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1aa1d8; /* stara svjetlija boja */ 
	color:#136B99;
	margin:0;
	padding:5px;
}

dl, dd, dd li#font-family {
	color:#136B99;
}

a:link, a:visited {
	color:#19a2d6;
	text-decoration:none;
}

a:hover, a:active {
	color:#FD5D29;
}

a:focus {
    outline:none;
}
#menu dt a.menuSelected:link, #menu dt a.menuSelected:visited, #menu dt a.menuSelected:hover, #menu dt a.menuSelected:active {
	color: #FD5D29;
}
#menu li a.menuSelected:link, #menu li a.menuSelected:visited, #menu li a.menuSelected:hover, #menu li a.menuSelected:active {
	color: #FD5D29;
}

#menu dt a.naran:link, #menu dt a.naran:visited {
	color: #FD5D29;
}

#menu dt a.naran:hover, #menu dt a.naran:active {
    color:#136B99;
}

/******************* containers *********************/
#container{
margin:0 auto;
width:772px;
position:relative;
display:block;
}

#header{
background:url(../images/header_logo.gif) no-repeat top left;
height:21px;
padding:0 0 21px 0;
margin:0;
font:bold 14px "Trebuchet MS", Arial narrow, Helvetica, sans-serif;
color:#1AA1D8;
}

#menu {
position: relative;
padding:0 10px 0 90px;
width:652px;
height:70px;
background:#fff	url(../images/menu.gif)	repeat-x top left;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li{
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}

#menu dl {float: left;}

#menu dt{
font:bold 19px "Trebuchet MS", Arial narrow, Helvetica, sans-serif;
color:#136B99;
text-transform:uppercase;
padding:6px 0 0 12px;
background:url(../images/submenu_item_bg.gif) repeat-y top left;
}

#menu dd{
font:bold 12px "Trebuchet MS", Arial narrow, Helvetica, sans-serif;
color:#136B99;
text-transform:uppercase;
padding-top:14px;
}

#menu li {
display: inline;
background:url(../images/submenu_item_bg.gif) repeat-y top left;
padding:8px 0 0 8px;
}

#menu a {text-decoration: none;color:#136B99;}

#menu a:hover{color:#FD5D29;}

#menuitem_ador, #menuitem_kontakt, #menuitem_ostalo {
position: absolute;
left: 15px;
padding:8px 0 8px 0;
width: 772px;
}

#submenu{
position:absolute;
left:525px;
top:21px;
width:248px;
background:#fff	url(../images/newsletter_bg.gif) no-repeat bottom left;
font:bold 11px Arial;
color:#fff;
z-index:10;
padding:0 0 4px 0;
margin:0;
}

#submenu_content, #submenu_content2{
padding:0;
margin:0;
background:#19a2d6;
width:218px;
padding:10px 15px;
}

#submenu_content p, #submenu_content2 p{
margin:0;
padding:0 0 2px 15px;
border:0;
background:#19a2d6 url(../images/newsletter_strelice.gif) no-repeat top left;
height:12px;
color:#fff;
font:bold 11px Arial;
}

#submenu_nav {
width: 248px;
height: 25px;
background: url(../images/newsletter_tabs.gif);
margin:0; 
padding:0;
}

#submenu_nav ul{
margin:0;
padding:0;
border:0;
}
	
#submenu_nav li {
margin: 0; 
padding: 0; 
list-style-type: none; 
position: absolute;
}
	
#submenu_nav li, #submenu_nav a {height: 25px; display: block;}
	
#newsletter, .active_def {left: 0; width: 99px;}
#newsletter a:hover{background:url(../images/newsletter_tabs.gif) no-repeat 0 -50px;}
.active_newsletter{background:url(../images/newsletter_tabs.gif) no-repeat 0 -50px;}

#login, .active_def {left: 100px; width: 99px;}
#login a:hover{background:url(../images/newsletter_tabs.gif) no-repeat -100px -50px;}
.active_login{background:url(../images/newsletter_tabs.gif) no-repeat -100px -50px;}

#content{
padding:0;
margin:0;
width:772px;
background:	url(../images/content_bg.gif) repeat-y top left;
}

#content_left{width:385px;float:left; padding:15px 20px 15px 7px;}
#content_right{width:350px;float:left; padding:15px 5px;}

/*
#content_left p{padding:20px 10px 10px 40px;}
#content_right p{padding:20px 10px 10px 10px;}
*/


#content p, #content dd{
font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:1.8em;
}

#content dl{}

#content dt{
font:bold 16px Arial, "Trebuchet MS";
padding:0px;
margin:15px 0 5px 0;
}

#content dd{
margin:0;
padding:0;
}

#content dd ul{
margin:0;
padding:5px 20px;
}

#content dd ul li{
margin:0;
padding:0;
}





#footer{
width:502px;
height:20px;
clear:both;
margin:30px 0 20px 0;
padding:5px 0 5px 190px;
}

#footer a:link, #footer a:visited{
font:10px Arial;
color:#fff;
background:#106B97;
padding:2px 5px;
text-decoration:none;
}

#footer a:hover, #footer a:active{background:#19a2d6;}

#footer_info{
margin:0 0 0 426px;
padding:0 0 0 18px;
background: url(../images/strelice.gif) no-repeat 1px 4px;
font:11px Arial, Helvetica, sans-serif;
}

#footer_info b{
color:#13699A;
}


/**************************** forms *******************************************/
form#newsletter_form, form#newsletter2{
margin:0;
padding:0;
width:220px;
}

form#newsletter_form input, form#newsletter2 input{
border-width:1px;
border-style:solid;
border-color:#808080;
border-right-color:#D4D0C7;
border-bottom-color:#D4D0C7;
color:#999;
margin:5px 5px 0 15px;
width:150px;
font:10px Verdana;
padding:2px 3px 2px 3px;
}

form#newsletter_form input.submit, form#newsletter2 input.submit{
background-image:url(../images/button.gif); 
width:24px; 
height:17px; 
border:0;
padding:0;
margin:0;
cursor:pointer;
}





/* KONTAKT FORME  */
form#obrazac{
font:12px Arial;
color:#136B99;
}

form#obrazac fieldset{
border:1px dashed #136B99;
margin:10px 0 25px 0;
padding:15px 5px;
}

form#obrazac legend{
font-weight:bold;
background:#fff;
}

form#obrazac label{
text-align:right;
width:150px;
display:block;
}

form#obrazac input, form#obrazac textarea{
border:1px solid #136B99;
padding:3px;
margin:3px 2px;
font:bold 11px Arial;
color:#136B99;
width:200px;
}

form#obrazac textarea{
overflow:hidden;
}

form#obrazac select{
margin:0 2px;
padding:1px;
border:1px solid #136B99;
}

form#obrazac td.inCheck{}

form#obrazac td.inCheck input{
display:inline;
width:auto;
padding:0;
margin:1px 3px;
}

form#obrazac td.inCheck label{
display:inline;
width:100px;
padding:0;
}

#prezentacija{
background:#f9f9f9;
}

#redizajn{
background:#f9f9f9;
}

/**************************** classes *******************************************/
dl.nagrade{
font:bold 12px arial;
color:#FF5C29;
padding:0 0 0 15px;
}

dl.nagrade dt{
font:bold 11px arial;
color:#126A98;
margin:0;
padding:3px 0 3px 0;
}

dl.nagrade dd{
font:11px arial;
color:#8D8D8D;
margin:0;
padding:0 0 25px 0;
line-height:16px;
}

dl.nagrade dd span{color:#126A98;}

ul.projekti{list-style-type:none;}

ul.projekti li{
font:12px Arial, Helvetica, sans-serif;
background: url(../images/strelice.gif) no-repeat	1px 50%;
margin:0;
padding:2px 0;
padding-left:18px;
color:#8D8D8D;
}

ul.newsletter{list-style-type:none;}

ul.newsletter li{display:inline;}

.desno_nagrade{width:350px;}

p.info{
border:0;
margin:0;
padding:0;
color:#8D8D8D;
}

p.info span{
color:#FD5D29;
font-weight:bold;
}





/* 
ul.types -> generalni stil za sve filetypes 
ul.(filetypenames) -> pojedinacni stilovi za odredeni tip fajla
*/
.bmp{background:url(../images/bmp.jpg) no-repeat top left;}
.jpg{background:url(../images/jpg.jpg) no-repeat top left;}
.tiff{background:url(../images/tiff.jpg) no-repeat top left;}
.eps{background:url(../images/eps.jpg) no-repeat top left;}
.zip{background:url(../images/zip.jpg) no-repeat top left;}
.exe{background:url(../images/exe.jpg) no-repeat top left;}

ul.types{
list-style:none;
padding:10px 20px 15px 15px;
margin:10px 10px 15px 15px;
}

ul.types li{
margin:2px 2px 2px 60px;
}

ul.types a{
color:#777;
}

.zvjezdica {
color: #27962A;
}

.screenExtras{
width:385px;
border:1px dashed #777;
margin-bottom:30px;
float:left;
}

.nasl{
color:#FD5D29;
}