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

html, body{
	margin: 0;
	padding: 0;
}

body{
	background: #3e3e3e url(../images/body-bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
}

a{
	font-weight: bold;
	color:#1f708e;
	text-decoration: underline;
}

a:hover{
	font-weight: bold;
	color:#1f708e;
	text-decoration: none;
}

a:focus{
	-moz-outline: none;
}

img{
	border: none;
}

p{
	margin: 0 0 10px 0;
}

#container{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

h2, h3{
	margin: 0;
	color: #1f708e;
}

/*----------HEADER----------*/

#header{
	float: left;
	width: 950px;
	height: 150px;
	display: inline;
	background-image: url(../images/head-bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#logo{
	float: left;
	width: 400px;
	margin-left: 50px;
	margin-top: 25px;
	display: inline;
}

#navigation{
	float: left;
	margin-top: 50px;
	width: 400px;
	height: 50px;
	display: inline;
}

#menu{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 400px;
	height: 50px;
}

#menu li{
	display: inline;
}

#menu a{
	float: left;
	display: inline;
	text-indent: -5000%;
	outline: none;
}

#menu a:hover{
  	background-position: left bottom;
}

#menu .pocetna{
	width: 100px;
	height: 50px;
	background: url(../images/btn-pocetna.jpg) no-repeat;
}

#menu .ponuda{
	width: 100px;
	height: 50px;
	background: url(../images/btn-ponuda.jpg) no-repeat;
}

#menu .o_nama{
	width: 100px;
	height: 50px;
	background: url(../images/btn-onama.jpg) no-repeat;
}

#menu .kontakt{
	width: 100px;
	height: 50px;
	background: url(../images/btn-kontakt.jpg) no-repeat;
}

#navigation a:hover, #navigation a#selected, #navigation a#selected:hover{
	background-position: left bottom;
}

/*--------------------------*/

/*----------IZDVAJAMO----------*/

#izdvajamo{
	float: left;
	display: inline;
	width: 950px;
	height: 250px;
	position: relative;
}

.ribbon{
	position: absolute;
	top: -5px;
	right: -5px;
}

#izdvajamoLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 250px;
}

#izdvajamoLeftTop{
	float: left;
	display: inline;
	width: 20px;
	height: 230px;
	background: #f1f1f1 url(../images/izdv-left-top-bg.jpg) no-repeat;
}

#izdvajamoLeftBottom{
	float: left;
	display: inline;
	width: 20px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-left-bottom-bg.jpg) no-repeat;
}

#izdvajamoMain{
	float: left;
	display: inline;
	width: 910px;
	height: 250px;
	background: #f1f1f1;
}

#izdvajamoRight{
	float: left;
	display: inline;
	width: 20px;
	height: 250px;
	background: url(../images/izdv-right-bg.jpg) no-repeat;
}

#izdvajamoRightTop{
	float: left;
	display: inline;
	width: 20px;
	height: 230px;
	background: #f1f1f1 url(../images/izdv-right-top-bg.jpg) no-repeat;
}

#izdvajamoRightBottom{
	float: left;
	display: inline;
	width: 20px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-right-bottom-bg.jpg) no-repeat;
}

#izdvajamoSlika{
	float: left;
	display: inline;
	width: 320px;
	height: 210px;
	margin-top: 20px;
}

.izdvSlika{
	border: 5px solid #a7d7e1;
}

#izdvajamoNaslov{
	float: left;
	display: inline;
	width: 580px;
	height: 30px;
	margin-top: 20px;
}

#izdvajamoOpis{
	float: left;
	display: inline;
	width: 580px;
	height: 120px;
	margin-top: 20px;
	line-height: 18px;
}

#izdvajamoOpisLeft{
	float: left;
	display: inline;
	width: 270px;
	height: 120px;
}

#izdvajamoOpisRight{
	float: left;
	display: inline;
	width: 270px;
	height: 120px;
	margin-left: 40px;
}

#izdvajamoBtns{
	float: left;
	display: inline;
	width: 580px;
	height: 40px;
}

.pogAutDet{
	float: left;
	display: inline;
	text-indent: -900%;
	outline: none;
	width: 270px;
	height: 40px;
	background: url(../images/btn-izdv-det.jpg) no-repeat;
	margin-right: 40px;
}

.pogAutDet:hover{
	background-position: left bottom;
}

.komPonAut{
	float: left;
	display: inline;
	text-indent: -900%;
	outline: none;
	width: 270px;
	height: 40px;
	background: url(../images/btn-izdv-pon.jpg) no-repeat;
}

.komPonAut:hover{
	background-position: left bottom;
}

/*-----------------------------*/

/*----------DOBRODOSLI----------*/

#dobrodosli{
	float: left;
	display: inline;
	width: 465px;
	height: 320px;
	margin-top: 20px;
}

#dobrodosliLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 320px;
	background: url(../images/najn-left-bg.jpg) no-repeat;
}

#dobrodosliMain{
	float: left;
	display: inline;
	width: 425px;
	height: 320px;
	background: url(../images/najn-main-bg.jpg) repeat-x;
}

#dobrodosliRight{
	float: left;
	display: inline;
	width: 20px;
	height: 320px;
	background: url(../images/najn-right-bg.jpg) no-repeat;
}

.bluebold{
	font-weight: bold;
	font-size: 14px;
	color:#1f708e;
}

#dobrodosliNaslov{
	float: left;
	display: inline;
	width: 400px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.dobroSlika{
	border: 3px solid #a7d7e1;
}

/*------------------------------*/

/*----------NAJNOVIJE----------*/

#najnovije{
	float: left;
	display: inline;
	width: 465px;
	height: 320px;
	margin-top: 20px;
	margin-left: 20px;
	position: relative;
}

.ribbon2{
	position: absolute;
	top: -4px;
	right: -4px;
}

#najnovijeLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 320px;
	background: url(../images/najn-left-bg.jpg) no-repeat;
}

#najnovijeMain{
	float: left;
	display: inline;
	width: 425px;
	height: 320px;
	background: url(../images/najn-main-bg.jpg) repeat-x;
}

#najnovijeRight{
	float: left;
	display: inline;
	width: 20px;
	height: 320px;
	background: url(../images/najn-right-bg.jpg) no-repeat;
}

.najnovijeBlock{
	float: left;
	display: inline;
	width: 425px;
	height: 80px;
	margin-top: 20px;
}

.najnovijeSlika{
	float: left;
	display: inline;
	width: 105px;
	height: 80px;
}

.najnSlika{
	border: 3px solid #a7d7e1;
}

.najnovijeNaslov{
	float: left;
	display: inline;
	width: 300px;
	height: 22px;
	margin-left: 20px;
}

.najnovijeOpis{
	float: left;
	display: inline;
	width: 300px;
	height: 38px;
	margin-left: 20px;
	line-height: 40px;
}

.najnovijeBtns{
	float: left;
	display: inline;
	width: 300px;
	height: 20px;
	margin-left: 20px;
}

/*-----------------------------*/

/*----------PRETRAGA----------*/

#pretragaMain{
	float: left;
	display: inline;
	width: 910px;
	height: 250px;
	background-color: #f1f1f1;
	background-image: url(../images/lupa.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#pretragaNaslov{
	float: left;
	display: inline;
	width: 910px;
	height: 30px;
	margin-top: 20px;
}

#pretragaFilteri{
	float: left;
	display: inline;
	width: 910px;
	margin-top: 20px;
}

.trazi{
	width: 100px;
	height: 40px;
	background: url(../images/btn-trazi.jpg) no-repeat;
	border: none;
	cursor: pointer;
	margin-top: 12px;
	text-indent: -900em;
}

.trazi:hover{
	background-position: left bottom;
}

/*----------------------------*/

/*----------REZULTATI----------*/

#rezultati{
	float: left;
	display: inline;
	width: 650px;
	margin-top: 20px;
}

#rezTop{
	float: left;
	display: inline;
	width: 650px;
	height: 20px;
}

#rezTopLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-left-top-bg.jpg) no-repeat;
}

#rezTopRight{
	float: left;
	display: inline;
	width: 630px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-right-top-bg.jpg) top right no-repeat;
}

#rezMain{
	float: left;
	display: inline;
	width: 650px;
	background: #f1f1f1;
}

#rezMainContent{
	float: left;
	display: inline;
	width: 610px;
	margin-left: 20px;
}

#rezBottom{
	float: left;
	display: inline;
	width: 650px;
	height: 20px;
}

#rezBottomLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-left-bottom-bg.jpg) no-repeat;
}

#rezBottomRight{
	float: left;
	display: inline;
	width: 630px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-right-bottom-bg.jpg) top right no-repeat;
}

.rezBlock{
	float: left;
	display: inline;
	width: 610px;
	height: 80px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.rezBlockSlika{
	float: left;
	display: inline;
	width: 105px;
	height: 80px;
}

.rezSlika{
	border: 3px solid #a7d7e1;
}

.rezBlockNaslov{
	float: left;
	display: inline;
	width: 320px;
	height: 22px;
	margin-left: 20px;
}

.rezBlockOpis{
	float: left;
	display: inline;
	width: 420px;
	height: 38px;
	margin-left: 20px;
	line-height: 40px;
}

.rezBlockBtns{
	float: left;
	display: inline;
	width: 320px;
	height: 20px;
	margin-left: 20px;
}

/*-----------------------------*/

/*----------DETALJNO----------*/

/*#rezultati{
	float: left;
	display: inline;
	width: 650px;
	margin-top: 20px;
}*/

#detTop{
	float: left;
	display: inline;
	width: 950px;
	height: 20px;
}

#detTopLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-left-top-bg.jpg) no-repeat;
}

#detTopRight{
	float: left;
	display: inline;
	width: 930px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-right-top-bg.jpg) top right no-repeat;
}

#detMain{
	float: left;
	display: inline;
	width: 950px;
	background: #f1f1f1;
}

#detMainContent{
	float: left;
	display: inline;
	width: 910px;
	margin-left: 20px;
}

#detBottom{
	float: left;
	display: inline;
	width: 950px;
	height: 20px;
}

#detBottomLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-left-bottom-bg.jpg) no-repeat;
}

#detBottomRight{
	float: left;
	display: inline;
	width: 930px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-right-bottom-bg.jpg) top right no-repeat;
}

/*----------------------------*/

/*----------SIDEBAR----------*/

#najtrazeniji{
	float: left;
	display: inline;
	width: 280px;
	margin-top: 20px;
	margin-left: 20px;
}

#najtrazenijiTop{
	float: left;
	display: inline;
	width: 280px;
	height: 20px;
}

#najtrazenijiTopLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-left-top-bg.jpg) no-repeat;
}

#najtrazenijiTopRight{
	float: left;
	display: inline;
	width: 260px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-right-top-bg.jpg) top right no-repeat;
}

#najtrazenijiMain{
	float: left;
	display: inline;
	width: 280px;
	background: #f1f1f1;
}

#najtrazenijiMainContent{
	float: left;
	display: inline;
	width: 240px;
	margin-left: 20px;
}

#najtrazenijiBottom{
	float: left;
	display: inline;
	width: 280px;
	height: 20px;
}

#najtrazenijiBottomLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-left-bottom-bg.jpg) no-repeat;
}

#najtrazenijiBottomRight{
	float: left;
	display: inline;
	width: 260px;
	height: 20px;
	background: #f1f1f1 url(../images/izdv-right-bottom-bg.jpg) top right no-repeat;
}

/*---------------------------*/

/*----------PREGLED----------*/

#pregTitle{
	float: left;
	display: inline;
	margin-left: 20px;
	width: 900px;
}

#pregOpis{
	float: left;
	display: inline;
	width: 460px;
}

.pregBlockKarakteristike{
	float: left;
	display: inline;
	width: 229px;
	border-right: 1px solid #e7e7e7;
	margin-left: 20px;
	margin-top: 20px;
}

.pregBlockOprema{
	float: left;
	display: inline;
	width: 189px;
	border-right: 1px solid #e7e7e7;
	margin-left: 20px;
	margin-top: 20px;
}

#pregKomentar{
	float: left;
	display: inline;
	width: 440px;
	clear: both;
	margin-left: 20px;
	margin-top: 20px;
}

.pregBlockSlike{
	float: left;
	display: inline;
	width: 450px;
	margin-left: 20px;
	margin-top: 20px;
}

.btnDet{
	float: left;
	display: inline;
	text-indent: -900%;
	outline: none;
	width: 100px;
	height: 20px;
	background: url(../images/btn-det.gif) no-repeat;
}

.btnDet:hover{
	background-position: left bottom;
}

/*---------------------------*/

/*----------O NAMA----------*/

#placvelika{
	border: 5px solid #a7d7e1;
}

#oNamaSlika{
	float: left;
	display: inline;
	width: 910px;
	height: 231px;
	margin-left: 20px;
	margin-top: 20px;
}

#oNamaText{
	float: left;
	display: inline;
	width: 910px;;
	margin-left: 20px;
	margin-top: 20px;
}

/*--------------------------*/

/*----------FORMA----------*/

#forma{
	float: left;
	display: inline;
	width: 465px;
	height: 320px;
}

#formaLeft{
	float: left;
	display: inline;
	width: 20px;
	height: 320px;
	background: url(../images/najn-left-bg.jpg) no-repeat;
}

#formaMain{
	float: left;
	display: inline;
	width: 425px;
	height: 320px;
	background: url(../images/najn-main-bg.jpg) repeat-x;
}

#formaRight{
	float: left;
	display: inline;
	width: 20px;
	height: 320px;
	background: url(../images/najn-right-bg.jpg) no-repeat;
}

.bluebold{
	font-weight: bold;
	font-size: 14px;
	color:#1f708e;
}

#formaNaslov{
	float: left;
	display: inline;
	width: 400px;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*-------------------------*/

/*----------KONTAKT PODACI----------*/

#kontaktpodaci{
	float: left;
	display: inline;
	width: 465px;
	height: 320px;
	margin-left: 20px;
	position: relative;
}

/*-----------------------------*/

/*----------FOOTER----------*/

#footer{
	float: left;
	display: inline;
	clear: both;
	width: 950px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 16px;
}

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

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

/*--------------------------*/








#anketa{
margin-top: 20px;

float: left;
display: inline;

}

#mailing_lista{
margin-top: 20px;

float: left;
display: inline;
}



/*----------DOBRODOSLI----------*/

#dobrodoslis{
	float: left;
	display: inline;
	width: 465px;
	height: 220px;
	margin-top: 20px;
}

#dobrodosliLefts{
	float: left;
	display: inline;
	width: 20px;
	height: 220px;
	background: url(../images/najn-left-bg.jpg) no-repeat;
}

#dobrodosliMains{
	float: left;
	display: inline;
	width: 425px;
	height: 220px;
	background: url(../images/najn-main-bg.jpg) repeat-x;
}

#dobrodosliRights{
	float: left;
	display: inline;
	width: 20px;
	height: 220px;
	background: url(../images/najn-right-bg.jpg) no-repeat;
}

.bluebold{
	font-weight: bold;
	font-size: 14px;
	color:#1f708e;
}

#dobrodosliNaslov{
	float: left;
	display: inline;
	width: 400px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.dobroSlika{
	border: 3px solid #a7d7e1;
}

/*------------------------------*/

/*----------NAJNOVIJE----------*/

#najnovijes{
	float: left;
	display: inline;
	width: 465px;
	height: 220px;
	margin-top: 20px;
	margin-left: 20px;
	position: relative;
}

.ribbon2{
	position: absolute;
	top: -4px;
	right: -4px;
}

#najnovijeLefts{
	float: left;
	display: inline;
	width: 20px;
	height: 220px;
	background: url(../images/najn-left-bg.jpg) no-repeat;
}

#najnovijeMains{
	float: left;
	display: inline;
	width: 425px;
	height: 220px;
	background: url(../images/najn-main-bg.jpg) repeat-x;
}

#najnovijeRights{
	float: left;
	display: inline;
	width: 20px;
	height: 220px;
	background: url(../images/najn-right-bg.jpg) no-repeat;
}

.najnovijeBlock{
	float: left;
	display: inline;
	width: 425px;
	height: 80px;
	margin-top: 20px;
}

.najnovijeSlika{
	float: left;
	display: inline;
	width: 105px;
	height: 80px;
}

.najnSlika{
	border: 3px solid #a7d7e1;
}

.najnovijeNaslov{
	float: left;
	display: inline;
	width: 300px;
	height: 22px;
	margin-left: 20px;
}

.najnovijeOpis{
	float: left;
	display: inline;
	width: 300px;
	height: 38px;
	margin-left: 20px;
	line-height: 40px;
}

.najnovijeBtns{
	float: left;
	display: inline;
	width: 300px;
	height: 20px;
	margin-left: 20px;
}

/*-----------------------------*/