/* CSS Document @ www.teb.hr */

*{
margin:0;
padding:0;
}

body{
background:#fff;
color:#004a8f;
font:11px/1.5em Tahoma;
}

a{
color:#004a8f;
}

img, a img{
border:0;
display:block;
}

h3{
display:block;
font: bold 14px Tahoma;
margin-bottom:10px;
margin-top: 20px;
color: #d71920;
text-transform: uppercase;
}


p{
font:11px Tahoma;
color:#004a8f;
margin:10px 0;
}

.crna {
font:11px Tahoma;
color:#000000;
margin:10px 0;
}

.naglasak {
	color: #e0543c;
	font-weight: bold;
	font-size:12px;
}

.naglasakRed {
	color: #d71920;
	font-weight: bold;
	font-size:12px;
}

img{
margin:5px 15px 15px;
}


ol{
padding-left:12px;
}



ul{
list-style:none;
}

ul li{
background:url('img/li.gif') no-repeat 0 5px;
color:#004a8f;
font:11px Tahoma;
margin:0px 15px;
padding:0 0 0 10px;
}

ul li a{
color:#004a8f;
}

ul li a:hover{
text-decoration:none;
}

#wrapper{
margin:0 auto;
width:960px;
background:#fff url('img/wrapper.gif') repeat-y 0 0;
}

#header{
position:relative;
/*height:238px;*/
height:76px;
background:#004a8f url('img/header.jpg') no-repeat 0 100%;
color:#FFDE27;
font:10px Arial, Helvetica, sans-serif;
text-align:right;
}

#header p, #header a{
text-decoration:none;
color:#FFDE27;
margin:0;
}

#header p{
margin:0;
padding:1px 10px 3px 10px;
line-height:20px;
}

#header a#teb{
position:absolute;
left:35px;
top:0;
width:93px; 
height:70px;    
}

#header a.teb:hover{
text-decoration:underline;
}

#content{
padding-top:0px;
}

#sub, #main{
float:left;
width:180px;
}

#middle{
float:left;
width:560px;
padding:20px;
position:relative;
}

#sub h3{
margin:10px;
}

#footer{
clear:both;
background:#004a8f;
padding:15px 0;
width:100%;
}

#footer ul{
list-style:none;
position:relative;
float:right;
padding-right:20px;
}

#footer li{
float:left;
background:none;
margin:0;
border-left:1px solid #fff;
padding:0 5px;
}

#footer li#ador a{
position:absolute;
left:-770px;
top:-4px;
background:url('img/ador.gif') no-repeat 0 0; 
width:28px; 
height:20px;
display:block;
}

#footer li#prvi{
border:0;
}

#footer a{
color:#fff;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

#footer p{
color:#fff;
font:11px/1.3em Arial;
text-align:center;
clear:both;
}

ul.links{
margin:10px 0;
}

ul.links li{
background:url('img/li_red.gif') no-repeat 0 50%;
padding:0;
margin:5px 0;
}

ul.links li a{
font:bold 11px Tahoma;
color:#f5821f;
padding-left:15px;
}

ul.links li a:hover{
text-decoration:none;
}

ul#subNav{
width:178px;
margin-left:1px;
/*
border-right:1px solid #6D6D6F;
*/
}

ul#subNav li{
background:none;
margin:0;
border:0;
padding:0;
}

ul#subNav a, h3#novostiNaslov{
color:#FFD503;
background:#004a8f;
display:block;
width:149px;
height:auto;
text-decoration:none;
font:bold 11px/1em Verdana, Arial, Helvetica, sans-serif;
margin:0;
border-bottom:1px solid #6D6D6F;
padding:6px 15px;
}

ul#subNav a:hover{
background:#d71920;
color:#fff;
}

ul#subNav ul li a{
width:155px;
padding:4px 12px;
background:#FFD503;
color:#004a8f;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

ul#subNav ul li a:hover{
width:155px;
border-left:4px solid #5C5D62;
padding-left:8px;
background:#FFD503;
color:#004a8f;
}

ul#mainNav{
margin-bottom:25px;
}

ul#mainNav li{
background:none;
margin:0;
padding:0;
}

ul#mainNav li a{
background:url('img/li_right.gif') no-repeat 0 0;
background:#004a8f;
color:#fff;
color:#FFD503;
display:block;
/*
width:179px;
height:39px;
*/
width:171px;
height:31px;
height:auto;
border-bottom:1px solid #fff;
padding:4px 4px;
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

ul#mainNav li a:hover{
background:url('img/li_right_hover.gif') no-repeat 0 0;
background:#d71920;
color:#fff;
}

ul#mainNav li li a{
width:155px;
padding:4px 12px;
background:#FFD503;
color:#004a8f;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

ul#mainNav li li a.active, ul#subNav li li a.active{ background:#e0543c; color:#fff; }

ul#mainNav li li a:hover{
width:155px;
border-left:4px solid #5C5D62;
padding-left:8px;
background:#FFD503;
color:#004a8f;
}

ul#mainNav li li a.active:hover, ul#subNav li li a.active:hover{ background:#e0543c; color:#fff; }

a.links, a.link01{
font:bold 11px Tahoma;
color:#f5821f;
clear:both;
}


a.linksRed {
font:bold 12px Tahoma;
color:#d71920;
clear:both;
}

a.linksBlue {
font:bold 11px Tahoma;
color:#004A8F;
clear:both;
}

a.links:hover, a.link01:hover{
text-decoration:none;
}

a.inline{
display:inline;
}

.grupa{
display:block;
width:auto;
padding:5px 10px;
font:bold 11px Verdana;
text-align:left;
background:#E4E4E4;
}

.clanci{
list-style:none;
margin:0 5px 15px 5px;
border:1px solid #ccc;
border-left:5px solid #E0543C;
border-top:0;
padding-left:0;
}

.clanci li{
margin:3px;
padding:3px;
background:none;
}



table.popisKnjiga{
border-collapse:collapse;
width:560px;
}

table.popisKnjiga td{
padding:5px;
}

table.popisKnjiga td img{
margin:0;
border:1px solid #ccc;
padding:1px;
}

table.popisKnjiga td.link{
width:510px;
}

table.popisKnjiga td.link a{
display:block;
padding:10px;
text-decoration:none;
background:#E4E4E4;
color:#004a8f;
font-weight:bold;
}

table.popisKnjiga td.link a:hover{
color:#fff;
background:#004a8f;
}

table.popisKnjiga td.knjige_kategorija{
font:bold 12px Tahoma;
background:#FFD503;
color:#004a8f;
padding:10px 5px;
text-align:center;
border-bottom:dotted 1px #004a8f;
}

table.popisKnjiga td .paging{
padding:10px 0;
text-align:center;
}

table.popisKnjiga td .paging a{
display:inline;
font:bold 10px Verdana;
margin:0 5px;
border:1px solid #004a8f;
padding:3px 5px;
text-decoration:none;
background:#fff;
color:#004a8f;
width:auto;
}

table.popisKnjiga td .paging a:hover{
background:#004a8f;
color:#fff;
}


table.sadrzajKosarice{
width:100%;
margin:20px 0;
border-collapse:collapse;
}

table.sadrzajKosarice th, table.sadrzajKosarice tr.header td{
background:#004a8f;
color:#fff;
border:1px solid #fff;
padding:5px;
}

table.sadrzajKosarice td{
border:1px solid #ababab;
padding:5px;
color:#004a8f;
font-weight:bold;
}

table.sadrzajKosarice td input{ width:30px; }

table.sadrzajKosarice select, table.sadrzajKosarice option{
font:11px Tahoma;
padding:1px;
}

table.sadrzajKosarice a{ color:#004a8f; }

.okvirKnjige{
float:left;
width:538px;
border:1px solid #ccc;
padding:15px 10px;
background:#E4E4E4;
}

.okvirKnjige img.knjiga{
float:left;
margin:0 5px 0 0;
border:1px solid #ccc;
padding:2px;
background:#fff;
}

.opisKnjige{
float:left;
display:block;
width:235px;
margin:0 10px;
}

.opisKnjige dt{ font-weight:bold; }

.opisKnjige dd{ margin-bottom:3px; padding-left:8px; background:url(img/li.gif) no-repeat 0 8px transparent; }

a.print{
background:url('img/print.png') no-repeat 0 0;
width:22px;
height:22px;
display:block;
}



ul.filetypes{
list-style:none;
}

ul.filetypes li{
margin:2px 10px 2px 0;

}

ul.filetypes li a{
/*
padding-left:30px;
background:url('img/pdf.gif') no-repeat 0 2px;
*/
}

ul.filetypes li span{ display:none; visibility:hidden; }
ul.filetypes li:hover span{ display:inline; visibility:visible; color:#999; font-weight:bold; padding-left:5px; }



ul.filetypes_red{
list-style:none;
color:Red;
}

ul.filetypes_red li{
margin:2px 10px 2px 0;
color:Red;

}



ul.filetypes_red li a{
color:Red;
/*
padding-left:30px;
background:url('img/pdf.gif') no-repeat 0 2px;
*/
}

ul.filetypes_red li span{ display:none; visibility:hidden; }
ul.filetypes_red li:hover span{ display:inline; visibility:visible; color:Red; font-weight:bold; padding-left:5px; }



a.pdf, a.doc{
display:block;
font:bold 11px/12px Verdana, Arial, Helvetica, sans-serif;
margin-right:5px;
margin-top:10px;
/* 
padding:10px 0;
*/
text-decoration:none;
color:#004a8f;
}

a.pdf:hover, a.doc:hover{
text-decoration:underline;
}

a.naruci{
width:auto;
padding:3px;
color:#fff;
background:#004a8f;
text-decoration:none;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
}

form.newsletter{
width:158px;
background:#B4B9CE;
margin:10px 0;
padding:10px;
}

form.newsletter fieldset{
border:none;
padding-top:15px;
}

form.newsletter legend{
font:bold 11px Tahoma;
background:#fff;
padding:5px;
}

form.newsletter input{
border:1px solid #333;
background:#fff;
font:11px Tahoma;
color:#004a8f;
padding:2px;
margin:5px 0;
width:150px;
}

form.newsletter input.button{
background:#004a8f;
color:#fff;
cursor:pointer;
border:0;
width:auto;
font:bold 9px Tahoma;
}

form.pretraga{
clear:both;
margin:15px 0;
}

form.pretraga fieldset{
border:1px dashed #aaa;
padding:15px;
background:#fff;
}

form.pretraga legend{
background:#fff;
padding:0 3px;
}

form.pretraga label{
display:block;
clear:left;
float:left;
width:100px;
font:bold 11px Verdana;
cursor:pointer;
text-align:right;
margin:2px 0;
margin-right:10px;
}

form.pretraga input, form.pretraga select, form.pretraga textarea{
float:left;
width:260px;
margin:2px 0;
padding:2px;
font:11px Verdana;
}

form.pretraga input.gumb, form input.gumb{
font:bold 10px Verdana;
width:auto;
border:0;
padding:3px;
clear:both;
color:#ffd503;
background:#004a8f;
cursor:pointer;
}

form input.gumbHover{
font:bold 10px Verdana;
width:auto;
border:0;
padding:3px;
clear:both;
color:#fff;
background:#d71920;
cursor:pointer;
}

form.pretraga input.obavezno{
border:1px solid #d71920;
}

form.narudzba{
float:right;
width:100px;
background:#fff;
margin:0 0 0 5px;
border:1px solid #ccc;
padding:0 10px 10px 10px;
}


.index_okvir{ float:left; width:270px; padding:0 5px 10px 5px; }
.index_okvir_grey{ float:left; width:270px; padding:0 5px 10px 5px; background-color:White;}
.index_okvir_white{ float:left; width:270px; padding:0 5px 10px 5px; background-color:White;}

.index_okvir_white{ height:50px; padding:4px; background-color:#FFF;}

.index_okvir_mali{ height:60px; padding:4px; background-color:#E4E4E4;}
.index_okvir_mali img{ float:left; display:block; margin:0; margin-top:3px; margin-right:5px; }
.index_okvir_mali p{ font:11px Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0; } 

.index_okvir_red{ height:50px; padding:4px; background-color:#E4E4E4;}
.index_okvir_red p{ font:11px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; color:Red; } 
.index_okvir_red ul li{ font:11px Verdana, Arial, Helvetica, sans-serif; list-style:none; margin:0px 2px 0px 0; color:Red; } 

.index_okvir_mali p a{
font:12px Verdana, Arial, Helvetica, sans-serif; 
display:block; 
font-weight:bold; 
text-decoration:none; 
color:#d71920;
}

.index_okvir_mali p a:hover{ text-decoration:underline; }

.index_okvir_red p a{
font:11px Verdana, Arial, Helvetica, sans-serif; 
display:block; 
text-decoration:none; 
color:#d71920;
}

.index_okvir_red p a:hover{ text-decoration:underline; }


.novo{
color:#f5821f;
}

table.vasiPodaci, table.vasaNarudzba{
border-collapse:collapse;
width:560px;
}

table.vasiPodaci td{
border:1px solid #ccc;
padding:5px 10px;
font:11px Verdana, Arial, Helvetica, sans-serif;
}

table.vasiPodaci td.amex{
height:30px;
background:url('img/icon_amex.gif') no-repeat 95% 5px;
}

table.vasaNarudzba thead th{
background:#004a8f;
color:#fff;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #ccc;
padding:5px 10px;
}

table.vasaNarudzba td{
border:1px solid #ccc;
padding:5px 10px;
font:11px Verdana, Arial, Helvetica, sans-serif;
}

table.vasaNarudzba td.center{
text-align:center;
}

table.vasaNarudzba td.right{
text-align:right;
}

table.vasaNarudzba tbody td{
}

table.vasaNarudzba tfoot td{
background:#eee;
text-align:right;
font-weight:bold;
}


table.seminari_treninzi{
width:560px;
}

table.seminari_treninzi td{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:5px solid #E0543C;
}

table.seminari_treninzi td a{
color:#004a8f;
text-decoration:none;
font-weight:bold;
display:block;
padding:5px;
height:1%;
}

table.seminari_treninzi td a:hover{
background:#E0543C;
color:#fff;
}

form.seminari fieldset{ border:0; }
form.seminari legend{ font-weight:bold; }
form.seminari label{ float:left; clear:left; width:130px; text-align:right; margin:2px 2px; padding:2px; }
form.seminari input, form.seminari textarea{
float:left; width:300px; margin:4px 2px; border:1px solid #ccc; border-left:2px solid #d71920; border-top:0; padding:2px;
font:bold 10px Verdana; color:#d71920; overflow:auto; }
form.seminari .required{ font-weight:bold; }

form.seminari fieldset#podrucjaInteresa label{ padding-left:140px; float:none; width:auto; display:inline; cursor:pointer; text-align:left; }
form.seminari fieldset#podrucjaInteresa input{ 
float:none; width:auto; display:inline; outline:none;
margin:1px 0; margin-right:5px; border:0; padding:0; }

form.seminari fieldset#podrucjaInteresa textarea#ostaliInteresi{ margin-left:140px; }
form.seminari fieldset#podrucjaInteresa textarea.hide{ display:none; visibility:hidden; }
form.seminari fieldset#podrucjaInteresa textarea.show{ display:inline; visibility:visible; }

#content .anketa select{ width:auto; margin-left:140px; border:1px solid #ccc; border-left:2px solid #d71920; padding:2px; font:bold 10px Verdana; color:#d71920; }


img.rightImage{
float:right;
margin:0 0 10px 10px;
}

img.leftImage{
float:left;
margin:0 10px 10px 0;
}


#banner{
text-align:center;
margin-top:20px;
}

#wrapper form input.gumb{
font:bold 10px Verdana; width:auto; border:0; padding:3px; clear:both; color:#ffd503; background:#004a8f; cursor:pointer; }
#wrapper form input.gumbHover{ 
font:bold 10px Verdana; width:auto; border:0; padding:3px; clear:both; color:#fff; background:#d71920; cursor:pointer; }


form.seminari input.gumb, form.seminari input.gumbHover{ margin-left:140px; }
form.seminari p{clear:both; display:block; font-weight:bold; padding-left:100px;}
form.seminari p.naglasak{padding-left:0;}
form.seminari p.naglasak{padding-left:0;}
form.seminari p.obavijest{clear:both; color:#d71920; text-align:center; padding:0}
form.seminari input.radio{width:auto; border:0; padding:0; float:left;}
form.seminari label.radio-label{ clear:both; }

div.clear{ clear:both; height:1px; font-size:1px; background:none; }


#novosti_scroll{ position:relative; width:180px; height:240px; margin:5px 0; padding:20px 0; }
#novosti_scroll ul{ margin:0; padding:0; list-style:none; }
#novosti_scroll ul li{ margin:0; padding:0 10px; font:11px/1.3em Arial; background:none; }
#novosti_scroll ul li a{ margin:10px 0; border:1px solid #999; padding:5px; display:block; text-decoration:none; background:#fff; color:#d71920; }
#novosti_scroll ul li a:hover{ border:1px solid #004a8f; color:#004a8f;  }
#novosti_scroll ul li span{ margin:10px 0; border:1px solid #999; padding:5px; display:block; background:#fff; color:#004a8f; }

#latestBooks{ width:558px; margin:15px 0; padding:15px 0; background:#E4E4E4; border:1px solid #ccc; }
#latestBooks h3{ margin-top:5px; margin-left:10px; }
#latestBooks ul{ list-style:none; margin:0; padding:0; text-align:center; }
#latestBooks ul li{ float:left; margin:0; padding:0; width:130px; padding:0 3px; text-align:center; background:none; font:bold 11px/1.4em Arial; }
#latestBooks ul li img{ margin:0 auto 10px auto; border:0; padding:0; display:block; }
#latestBooks ul li a.links{ margin-top:15px; }

table.tpp{ width:100%; margin:10px 0; border-collapse:collapse; }
table.tpp thead{}
table.tpp thead tr{}
table.tpp thead tr th{ font: bold 14px/2em Tahoma; color: #d71920; text-transform: uppercase; }
table.tpp thead tr td img{ display:inline; margin:0; margin-right:5px;}


table.tpp tbody{}
table.tpp tbody tr{ cursor:pointer; }
table.tpp tbody tr:hover{ background:#eee; }
table.tpp tbody tr th{ vertical-align:top; text-align:right; padding:6px 3px; width:40px; border-bottom:1px solid #ddd;  }
table.tpp tbody tr td{ padding:6px 3px; font-weight:bold; border-bottom:1px solid #ddd; }
table.tpp tbody tr td em{ display:block; font-weight:normal; margin-top:8px; }
table.tpp tbody tr td img{ display:inline; margin:0; margin-right:5px; }


table.porez{ width:85%; }
table.porez tbody{}
table.porez tbody tr{ cursor:pointer; }
table.porez tbody tr td{ padding:10px 10px; border-bottom:1px solid #ddd; }


/*

CLEARING FLOATS

*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#content #middle table tbody tr td ol li{list-style-type:decimal; margin-left:10px;}

.korisni_linkovi h3{ font-size:12px; }
.korisni_linkovi ul{ margin:5px 0; padding:0 10px; }
.korisni_linkovi ul li{ background:none; margin:2px 0; padding:0; }



#arhiva-novosti{ position:absolute; right:20px; top:20px; border:1px solid #004A8F; }
#arhiva-novosti h3{ text-align:right; margin:0; background:red; color:#fff; display:block; background:#004A8F; font:bold 12px Arial; padding:5px 15px; }
#arhiva-novosti ul{ padding:5px; }
#arhiva-novosti ul li{ margin:0; padding:0; background:none; display:block; text-align:center; }
#arhiva-novosti ul li a{  background:none; color:#004A8F; font:bold 11px Arial; padding:5px; display:block; text-decoration:none; }
#arhiva-novosti ul li a:hover{ text-decoration:underline; }
#arhiva-novosti ul li a.active{ color:#d71920; text-decoration:underline; }

ul#novosti-naslovnica{ }
ul#novosti-naslovnica li{ margin:0; padding:10px; background:none; float:left; width:260px; }
form.seminari input.radio-button{
float:none; width:auto; background:none; border:0;
}

.index_okvir_dodatno p a{
font:12px Verdana, Arial, Helvetica, sans-serif; 
display:block; 
font-weight:bold; 
text-decoration:underline; 
color:#d71920;
}