@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'MyriadProBoldCondensed';
	src: url('fonts/myriadpro-boldcond_0-webfont.eot');
	src: local('�'), url('fonts/myriadpro-boldcond_0-webfont.woff') format('woff'), url('fonts/myriadpro-boldcond_0-webfont.ttf') format('truetype'), url('fonts/myriadpro-boldcond_0-webfont.svg#webfonthBW8zmXo') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {padding:0px; height:0px; color:#444;}
a {text-decoration: none; color:#000;}
a:hover {text-decoration: underline;}

#ispuna{float:left; width:100%;}
.clear {float:left; width:980px; height:5px; }

#main {margin-left:auto; margin-right:auto; width:980px; height:auto;}
#center {float:left; width:980px; height:auto; margin-top:0px; background-color:#EEE; -webkit-box-shadow: 0 0px 10px 1px #bababa; -moz-box-shadow: 0 0px 10px 1px #bababa; box-shadow: 0 0px 10px 1px #bababa; margin-bottom:20px;}
#logo {float:left; width:308px; height:70px; background-image:url(images/logo.png); background-repeat:no-repeat; margin-left:25px; margin-top:30px;}
#logo a {display:block; width:308px; height:193px;}
#izbornik_main {float:right; margin-top:30px; background-image:url(images/izbornik_main.png); background-repeat:no-repeat;}
#izbornik_main ul {float:left; font-family: 'MyriadProBoldCondensed'; padding-left:0px; height:30px; margin-top:30px;}
#izbornik_main ul li {list-style:none; float:left; background-image:url(images/izb.png); background-repeat:no-repeat; background-position:right; font-size:23px; padding-left:15px; padding-right:15px;}
#izbornik_main ul li a { color:#FFF; text-decoration:none;} 
#izbornik_main ul li a:hover { color:#CCC; }

/* TABELE */
#tabele_okvir{width:98%; padding-left:1%; padding-right:1%;}
#mala_tabela{float:left; margin-left:10px; width:399px; margin-bottom:5px; border-left:1px solid; margin-top:10px;}
#mala_pojedino{float:left; padding-left:5px; width:190px; border-top:1px solid; border-right:1px solid; border-bottom:1px solid; background-color:white;}
.p_deset{margin:0; font-size: 10px;}
.p_padding{margin:0; padding-left: 10px; font-weight: bold;}
#glavna_tabela{float:left; width:99%;  background-color:#DDD; border:1px solid;}
#zaglavlje_tabela{float:left; width:99%; background-color:#BBB; font-size: 10px;}
#z1{float:left; padding-left:1%; width:15%;}
#z2{float:left; width:16%}
#z3{float:left; padding-left:1%; width:22%; border-left:1px solid; border-right:1px solid;}
#z4{float:left; padding-left:1%; width:38%;}
#t1{float:left; width:16%; text-align:right;}
#t2{float:left; width:16%; text-align:center;}
#t3{float:left; width:22%; text-align:center; border-left:1px solid; border-right:1px solid;}
#t4{float:left; width:38%; text-align:center; }
#tabele_dno{float:left; width:99%; height:10px; background-color:#EEE;}

/* NOVO */
#centralna_pitanja{}
.link{text-decoration: none; color:#0a4f9c;}
.link:hover{color:gray;}
.manje{font-size:20px;}



#center h1 {float:left; width:94%; height:auto; margin-left:3%; font-family: 'MyriadProBoldCondensed'; color:#333; margin-bottom:10px;}
h2 {font-family: 'MyriadProBoldCondensed'; color:#444; margin-bottom:10px;}
h3 {font-family: 'MyriadProBoldCondensed'; color:#555; margin-bottom:0px; margin-top:0px;}
.thin {font-family:"myriad Web Pro"; font-weight:normal; font-style:italic;}

.opis {float:left; font-family:"myriad Web Pro"; width:248px; font-size:13px; margin-left:20px; margin-top:0px; line-height:23px;}
#opis {float:left; font-family:"myriad Web Pro"; width:248px; font-size:13px; margin-left:20px; margin-top:0px; line-height:23px;}
.opis1 {float:left; font-family:"myriad Web Pro"; width:438px; font-size:13px; margin-left:0; margin-top:0px; line-height:23px;}
#opis11 {float:left; font-family:"myriad Web Pro"; width:438px; font-size:13px; margin-left:0; margin	-top:0px; line-height:23px;}
#opis12 {float:left; font-family:"myriad Web Pro"; width:620px; font-size:13px; margin-left:0; margin	-top:0px; line-height:23px;}
#opis1 {float:left; font-family:"myriad Web Pro"; width:438px; font-size:13px; margin-left:0; margin-top:0px; }
.tekst_left {font-family:"myriad Web Pro";  font-size:12px;  margin-top:0px; line-height:15px; }
.tekst_left_n {font-family:"myriad Web Pro";  font-size:12px; }

#left {float:left; width:66%; height:auto;  margin-left:2%; background-image:url(images/left.png); background-position:right; background-repeat:repeat-y;}
#left_n {float:left; width:40%; height:auto;}
#left_n1 {float:left; padding-left:1%; width:59%; height:auto;}

#left_bottom {float:left; width:97%; height:auto; background-image:url(images/left_bottom.png); background-repeat:repeat-x; background-position:top; padding-right:3%;}
.left_bottom_natpis {float:left; width:98%;  font-family: 'MyriadProBoldCondensed'; color:#FFF; height:85px; background-image:url(images/h2.png); background-repeat:no-repeat; margin-top:10px; padding-left:2%; line-height:90px; margin-bottom:5px; font-size:24px;}

#reklama_1 {float:left; height:600px; width:160px; margin-bottom:10px; margin-top:13px; margin-right: 10px;}
#reklama_11 {float:right; height:600px; width:160px; margin-bottom:10px; margin-right: 10px; margin-left: 10px;}
#reklama_12 {float:left; height:600px; width:170px; padding-right:10px; margin-bottom:10px; margin-top:13px;}
#reklama_2 {float:right; height:240px; width:120px; margin-bottom:10px; margin-right:30px;}
#reklama_3 {float:left; height:250px; width:300px; margin-bottom:10px; margin-right:10px;}
#slika {float:left; width:461px; height:355px; background-image:url(images/rotator_back.png); background-repeat:no-repeat; background-position:center; margin-left:5px;}
#slika img {float:left; margin-left:20px; margin-top:18px; width:420px; }
.left_arrow {position:absolute; display:block; width:62px; height:82px; background-image:url(images/left_a.png); background-repeat:no-repeat; margin-left:20px; margin-top:130px;}
.right_arrow {position:absolute; display:block; width:62px; height:82px; background-image:url(images/right_a.png); background-repeat:no-repeat; margin-left:379px; margin-top:130px;}

#right {float:right; width:30%; height:auto; margin-left:2%;}
#right h3 {float:left; font-size:14px; width:260px; min-height:38px; background-image:url(images/h3.png); background-repeat:no-repeat; margin-top:13px; font-family: 'MyriadProBoldCondensed'; color:#555; padding-left:20px; line-height:40px; margin-bottom:0px;}
.right_izb {float:left; width:100%; height:auto; padding:0px; margin-top:0px; text-transform:uppercase;}
.right_izb li {width:260px; padding-left:20px; font-family: 'MyriadProBoldCondensed'; font-size:18px; height:38px; line-height:40px;list-style:none; background-image:url(images/right_izb.png); background-repeat:no-repeat; background-position:top;}
.right_izb li:hover {background-position:bottom;}
.right_izb li a {color:#FFF; text-decoration:none; display:block; height:38px; width:260px;}
.right_tekst {font-family:"myriad Web Pro";  font-size:12px;  margin-top:0px; line-height:18px; width:260px; margin-left:10px; float:left; margin-top:10px;}
.green {color:#000; text-decoration:none; font-weight:bold;}
.green_n {color:#457d08; text-decoration:none;}
.green:hover {text-decoration:underline;}
.black {color:black; text-decoration: none;}
.black:hover {text-decoration:underline;}
.gray {color:#444; text-decoration:none; font-weight:bold;}


#fotter {float:right; height:auto; ma}
.item {float:right; width:288px; height:37px; background-image:url(images/item.png); background-repeat:no-repeat; margin-top:0px; font-family: 'MyriadProBoldCondensed'; color:#FFF; line-height:40px; padding-left:15px; margin-left:20px; margin-bottom:20px;}
.item a {text-decoration:none; color:#FFF;}
.item a:hover {text-decoration:underline;}

#social{float:left; width:60%; margin:0 auto 0 2%; padding-bottom: 10px; padding-top: 10px;}
#fejs{float:left; width:68%; overflow:hidden;}
#g_plus{float:left; width:16%; text-align:right;}
#tweet{float:left; width:16%; overflow:hidden; text-align:right;}

.text_v{float:left; width:70%;}
.text_p{float:left; width:70%; padding-right:2%; padding-bottom:10px;}

@media only screen and (max-device-width: 480px){
	#main{width:100%; margin: 0; padding:0;}
	#center{width:100%; margin: 0; padding:0; overflow: hidden;}
	#izbornik_main{float:left; width:100%; background-image: none;}
	#left{width:100%; margin: 0; padding:0;}
	#left_n{width:100%; margin: 0; padding:0;}
	#left_n1{width:100%; margin: 0; padding:0;}
	#right{width:100%; margin: 0; padding:0;}
	#footer{width:100%; margin:0; padding: 0;}
	.right_izb{width:100%;}
	.clear{width:100%;}
	
	#slika{width:100%; margin:0; height: auto;}
	#slika img{width:100%; margin:0;}
.left_arrow {position:absolute; display:block; width:62px; height:82px; background-image:url(images/left_a.png); background-repeat:no-repeat; margin-left:0px; margin-top:100px;}
.right_arrow {position:absolute; display:block; width:62px; height:82px; background-image:url(images/right_a.png); background-repeat:no-repeat; margin-left:258px; margin-top:100px;}
	
	#left_bottom{width:100%; margin:0; padding: 0;}
	#opis1{width:98%; padding: 1%;}
	#opis11{width:98%; padding: 1%;}
	#opis12{width:98%; padding: 1%;}
	.text_v{width:100%;}
	.text_p{width:98%; padding: 1%;}
	
	
	.lijevi_dio{width:100%;}
	.ml_1{font-size: 18px;}
	.desni_dio{width:100%;}
	.mat_up{width:100%;}
	.mat_up1{width:100%;}
	.izbornik_nd{width:auto;}
	#social{width:100%; padding-left: 0; margin-top: 50px;}
	#reklama_1{width:100%;}

}