/* --opsti stilovi-- */

html,body{margin:0;padding:0}
body{font: 76% Verdana,arial,sans-serif; text-align:center}

a img { border-width: 0;}
*:focus { -moz-outline: none } 
a {outline:none;}
p{margin:0 10px 10px}
  
/*--  struktura  --*/

div#container{text-align:left;}
div#container{width:870px;margin:0 auto}

div#wrapper{float:left; width:100%}
div#header {}
div#top_nav {position: absolute; top: 0; right: 15px;color: #666666;}
div#bgva {position: absolute; top: 0; left: -28px;}
div#content{margin: 0 185px 0 200px;color: #666666; font-size: 0.9em;}

div#desno{float:left; width:185px; margin-left:-185px;}
div#levo p {padding-left: 7px;color: #666666;}

div#levo {float:left; width:200px; margin-left:-870px;}

div#footer{clear:left; width:100%}
div#footer p{margin:0;padding:5px 10px}

/*--  dizajn  --*/

body {background: #f1f1f1;}
div#container{background: #fff;}

div#header {background: #e4f4fb url(grafika/header.gif) no-repeat right; height: 118px; position: relative;}
div#header h1{height: 118px; width: 230px; margin: 0; background: transparent url(grafika/logo.png) no-repeat 50px 40px; text-indent: -2000px}

div#top_nav {width: 351px; height: 56px; background: transparent url(grafika/topnav.png) no-repeat; padding-top: 30px; padding-left: 10px;}
div#top_nav a {color: #666666; padding: 0 3px; font-size: 0.8em; text-decoration: none;}

div#bgva {width: 28px; height: 210px; }

div#nav_main{background:#f7fcfe; text-align: right; margin: 0;}

div#sub_nav {background:#b1d6fe; border-left: solid 23px #fff; border-right: solid 17px #fff; padding: 9px 30px; }
div#sub_nav a {color: #fff; padding: 0 10px; font-size: 1em; font-weight: bold; text-decoration: none; text-transform: uppercase;}


div#content p{line-height:1.4; font-family: Verdana;}
div#content a {color:#3399CC; font-weight: normal; text-decoration: none;}
div#content a:hover {color:#3399CC; font-weight: normal; text-decoration: underline;}
div#content table{margin-left:10px;}
div#content td{padding-left:3px; height:20px;}
div#content h1 {color: #e2001a; font: normal 1.4em Verdana,sans-serif; padding-left: 10px; margin: 5px 0;}

#ucenje, #ucenje-jezika-u-skoli-stranih-jezika-kontext {background: #fff url(grafika/h2_ucenje.gif) no-repeat; width: 484px; padding-top: 45px;}
#aktuelno, #skola-stranih-jezika-kontext-prevodilacke-usluge {background: #fff url(grafika/h2_aktuelno.gif) no-repeat; width: 484px; padding-top: 45px;}
#bugarski {background: #fff url(grafika/h2_bugarski.gif) no-repeat; width: 484px; padding-top: 45px;}
#cenovnik, #kursevi-strani-jezici-cene {background: #fff url(grafika/h2_cenovnik.gif) no-repeat; width: 484px; padding-top: 45px;}
#ceski {background: #fff url(grafika/h2_ceski.gif) no-repeat; width: 484px; padding-top: 45px;}
#engleski {background: #fff url(grafika/h2_engleski.gif) no-repeat; width: 484px; padding-top: 45px;}
#finski {background: #fff url(grafika/h2_finski.gif) no-repeat; width: 484px; padding-top: 45px;}
#francuski {background: #fff url(grafika/h2_francuski.gif) no-repeat; width: 484px; padding-top: 45px;}
#grcki {background: #fff url(grafika/h2_grcki.gif) no-repeat; width: 484px; padding-top: 45px;}
#italijanski {background: #fff url(grafika/h2_italijanski.gif) no-repeat; width: 484px; padding-top: 45px;}
#izborskole, #pravilan-izbor-skole-stranih-jezika {background: #fff url(grafika/h2_izborskole.gif) no-repeat; width: 484px; padding-top: 45px;}
#jezici, #kursevi-strani-jezici {background: #fff url(grafika/h2_jezici.gif) no-repeat; width: 484px; padding-top: 45px;}
#kontakt {background: #fff url(grafika/h2_kontakt.gif) no-repeat; width: 484px; padding-top: 45px;}
#ljudi, #nasi-saradnici, #zaposlenje-u-centru-kontext {background: #fff url(grafika/h2_ljudi.gif) no-repeat; width: 484px; padding-top: 45px;}
#kursevi {background: #fff url(grafika/h2_kursevi.gif) no-repeat; width: 484px; padding-top: 45px;}
#literatura, #pravilan-izbor-literature-i-materijala {background: #fff url(grafika/h2_literatura.gif) no-repeat; width: 484px; padding-top: 45px;}
#medjispiti, #kursevi-strani-jezici-medjunarodni-ispiti {background: #fff url(grafika/h2_medjispiti.gif) no-repeat; width: 484px; padding-top: 45px;}
#metodologija, #metode-i-pristup-ucenju-u-centru-kontext {background: #fff url(grafika/h2_metodologija.gif) no-repeat; width: 484px; padding-top: 45px;}
#nemacki {background: #fff url(grafika/h2_nemacki.gif) no-repeat; width: 484px; padding-top: 45px;}
#nivoi, #kursevi-strani-jezici-nivo-znanja {background: #fff url(grafika/h2_nivoi.gif) no-repeat; width: 484px; padding-top: 45px;}
#norveski {background: #fff url(grafika/h2_norveski.gif) no-repeat; width: 484px; padding-top: 45px;}
#novosti {background: #fff url(grafika/h2_novosti.gif) no-repeat; width: 484px; padding-top: 45px;}
#onama, #o-centru-za-strane-jezike-kontext, #dobrodosli-u-centar-za-strane-jezike-kontext {background: #fff url(grafika/h2_onama.gif) no-repeat; width: 484px; padding-top: 45px;}
#poljski {background: #fff url(grafika/h2_poljski.gif) no-repeat; width: 484px; padding-top: 45px;}
#poslovni, #kursevi-strani-jezici-poslovni-kursevi {background: #fff url(grafika/h2_poslovni.gif) no-repeat; width: 484px; padding-top: 45px;}
#ruski {background: #fff url(grafika/h2_ruski.gif) no-repeat; width: 484px; padding-top: 45px;}
#skandinavski {background: #fff url(grafika/h2_skandinavski.gif) no-repeat; width: 484px; padding-top: 45px;}
#slovacki {background: #fff url(grafika/h2_slovacki.gif) no-repeat; width: 484px; padding-top: 45px;}
#slovenski {background: #fff url(grafika/h2_slovenski.gif) no-repeat; width: 484px; padding-top: 45px;}
#spanski {background: #fff url(grafika/h2_spanski.gif) no-repeat; width: 484px; padding-top: 45px;}
#svedski {background: #fff url(grafika/h2_svedski.gif) no-repeat; width: 484px; padding-top: 45px;}
#vrstekurseva, #kursevi-strani-jezici-vrste-kurseva {background: #fff url(grafika/h2_vrstekurseva.gif) no-repeat; width: 484px; padding-top: 45px;}
#zaposlenje {background: #fff url(grafika/h2_zaposlenje.gif) no-repeat; width: 484px; padding-top: 45px;}

.novosti ul { list-style: none; height: 100%; margin: 0 0 0 15px; padding: 0;}
.novosti ul li { color: #666666;}
.novosti ul li a { color: #333; display: block; padding-left: 10px; text-decoration: none;}
.novosti ul li em { color: red; font-style: normal; display: block; text-decoration: none;}
.novosti ul li img {  background: none;  margin-right: 5px;}

.vesti ul { list-style: none; height: 100%; margin: 0 0 0 15px; padding: 0;}
.vesti ul li { color: #666666;}
.vesti ul li a { color: #333; display: block; padding-left: 10px; padding-top:5px; text-decoration: none; width: 440px;font-size: 0.8em;}
.vesti ul li a em { color: red; font-style: normal; display: block; font-size: 0.8em;}
.vesti ul li img {  background: none;  margin-right: 5px;}

div#desno  ul {  list-style: none; height: 100%; margin: 0; padding: 0;}
div#desno ul li {  font-size: 0.8em; }
div#desno ul li a { color: #333; display: block; padding: 5px; text-decoration: none; width: 167px;}
div#desno ul li a em { color: red; font-style: normal; display: block; line-height: 1px;}
div#desno ul li img {  background: none;  margin-right: 5px;}

div#levobaner {}

div#levobaner  ul {  list-style: none; height: 100%; margin: 0 0 0 15px; padding: 0;}
div#levobaner ul li {  font-size: 0.8em; }
div#levobaner ul li a { color: #333; display: block; padding: 5px; text-decoration: none; width: 167px;}
div#levobaner ul li a em { color: red; font-style: normal; display: block; line-height: 1px;}
div#levobaner ul li img {  background: none;  margin-right: 5px;}

div#levonav{}

.nivoi {background: #fff url(grafika/nivoi.gif) no-repeat; width: 167px; padding-top: 30px; margin-left: 20px; margin-top: 5px;}
.jezici {background: #fff url(grafika/jezici.gif) no-repeat; width: 167px; padding-top: 45px; margin-left: 20px; margin-top: 5px;}
.jezici_sub2 {background: #fff url(grafika/jezici_sub2.gif) no-repeat; width: 167px; padding-top: 45px; margin-left: 20px; margin-top: 5px;}
.jezici_sub {background: #fff url(grafika/jezici_sub.gif) no-repeat; width: 167px; padding-top: 45px; margin-left: 20px; margin-top: 5px;}

div#levonav ul {  list-style: none; height: 100%; margin: 0 0 0 15px; padding: 0;}
div#levonav ul li { margin: 0; text-align: center; background: #F1F1F1 url(grafika/jezici_border.gif) no-repeat; padding: 5px 0; width: 140px;}
div#levonav ul li a {color: #6E6E6E; font-family: Arial; text-decoration: none;}

div#levonav ul ul {  list-style: none; height: 100%; margin: 0 0 0 50px; padding: 0;}
div#levonav ul li ul li { margin: 0; text-align: left; background: transparent url() no-repeat; padding: 5px 0; width: 100px;}
div#levonav ul li ul li a {color: #7AA5C8; text-decoration: none;}

fieldset {border-width: 0;}

.input {display: block; background: #F5F5F5; padding: 5px;}
.kontakt {border-top: dashed 1px #CCC; width: 90%;}


div#footer{text-align: right;}
div#footer p { color: #a2c8e6; font: normal small-caps 0.8em Arial,Verdana,sans-serif;}
div#footer a  { color: #a2c8e6;}

.flat {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
	background-color:#F0F0F0;
	border-style:solid;
	border-color:#c0c0c0;
	border-width:thin;
}
.flat_btn {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
	background-color:#999999;
	width:200px;
	height:24px;
}