body { background-color: #eef0d7; background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-position: center top; margin: 0; padding: 0 0 0 0; }
p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body3 { word-wrap: break-word; }
/* Header*/
.head { width: 980px; height: 110px; margin-right: auto; margin-left: auto; }
.logo { background-image: url(../images/logo.png); background-repeat: no-repeat; width: 168px; height: 101px; float: left; margin-left: 20px; }
.logoinfo { background-image: url(../images/logoinfo.png); width: 458px; height: 101px; float: left; margin-top: 4px; margin-left: 140px; }
.social { width: 156px; height: 101px; float: left; margin-left: 30px; }
.soc { width: 150px; height: 96px; float: left; padding-top: 31px; }
.soc1
{ display: block; width: 45px; height: 48px; background: url(../images/fbs.png) no-repeat; float: left; margin-left: 2px; }
.soc1:hover
{ background-position: 0 -48px; float: left; }
.soc2
{ display: block; width: 45px; height: 48px; background: url(../images/rss.png) no-repeat; float: left; margin-left: 2px; }
.soc2:hover
{ background-position: 0 -48px; float: left; }
.soc3
{ display: block; width: 45px; height: 48px; background: url(../images/tws.png) no-repeat; float: left; margin-left: 2px; }
.soc3:hover
{ background-position: 0 -48px; float: left; }
/* menu*/
.menu { background-image: url(../images/menubg.jpg); background-repeat: no-repeat; background-position: 50% center; width: 980px; height: 66px; margin-right: auto; margin-left: auto; padding-left: 7px; }
.mcont { width: 960px; height: 60px; }
.m1 { width: 99px; height: 40px; float: left; }
.m2 { position: relative; width: 91px; height: 50px; float: left; }
.m3 { position: relative; width: 154px; height: 40px; float: left; }
.m4 { width: 150px; height: 40px; float: left; }
.m5 { width: 142px; height: 40px; float: left; }
.m6 { width: 70px; height: 40px; float: left; }
.m7 { width: 114px; height: 40px; float: left; }
.m8 { width: 100px; height: 40px; float: left; }
/*slider*/
#sliderr
 { background-repeat: no-repeat; width: 961px; height: 353px; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; }
/*hinfo*/
.hinfo { background-image: url(../images/hinfo.png); background-repeat: no-repeat; background-position: 50% center; width: 980px; height: 170px; margin-right: auto; margin-left: auto; }
.hi1 { width: 323px; height: 150px; float: left; padding-top: 53px; padding-left: 30px; }
.hi1t { color: #e6e9ee; font-size: 8pt; font-family: verdana; line-height: 10pt; text-align: left; width: 265px; height: 75px; float: left; }
.dug1 { width: 265px; height: 23px; margin-top: 5px; padding-top: 5px; }
.pv
{ display: block; width: 89px; height: 23px; background: url(../images/procv.png) no-repeat; float: right; margin-top: 0; margin-left: 2px; }
.pv:hover
{ background-position: 0 -23px; float: right; }
.hi2 { width: 270px; height: 150px; float: left; padding-top: 53px; padding-left: 7px; }
.hi2t { color: #e6e9ee; font-size: 8pt; font-family: verdana; line-height: 10pt; text-align: left; width: 265px; height: 75px; float: left; }
.hi3 { width: 270px; height: 150px; float: left; padding-top: 53px; padding-left: 57px; }
.hi3t { color: #e6e9ee; font-size: 8pt; font-family: verdana; line-height: 10pt; text-align: left; width: 265px; height: 75px; float: left; }
/*content*/
.con { width: 980px; height: 330px; margin-right: auto; margin-left: auto; }
.cononama { width: 980px; height: 510px; margin-right: auto; margin-left: auto; }
.conkontakt { width: 980px; height: 550px; margin-right: auto; margin-left: auto; }
.conlevo { width: 662px; height: 293px; float: left; }
.dobrod { background-image: url(../images/dobrodosli.png); width: 214px; height: 38px; margin-left: 15px; }
.dobrodkon { background-image: url(../images/kontakt.png); width: 214px; height: 38px; margin-left: 15px; }
.dobrodo { background-image: url(../images/onama.png); background-repeat: no-repeat; width: 214px; height: 38px; margin-left: 15px; }
.condesno { background-image: url(../images/novosti.png); width: 298px; height: 293px; float: left; }
.condesno2 { background-image: none; width: 298px; height: 293px; float: left; }
.dobrodinfo { background-image: url(../images/info.png); background-repeat: no-repeat; width: 214px; height: 38px; margin-left: 15px; padding-bottom: 20px; }
.dobrodmisija { background-image: url(../images/misija.png); width: 214px; height: 38px; margin-left: 15px; }
.dobrodvizija { background-image: url(../images/vizija.png); width: 214px; height: 38px; margin-left: 15px; }
.dobrodvizija { background-image: url(../images/vizija.png); width: 214px; height: 38px; margin-left: 15px; }
.dobrodporuka { background-image: url(../images/poruka.png); width: 214px; height: 38px; margin-left: 15px; }
.vesti { width: 263px; height: 185px; margin-top: 67px; margin-left: 26px; padding-top: 6px; padding-left: 10px; }
.ve1 { color: #e6e9ee; font-size: 8pt; font-family: verdana; font-weight: bold; width: 258px; height: 10px; }
.ve2 { color: #e6e9ee; font-size: 8pt; font-family: verdana; font-weight: normal; width: 258px; height: 10px; margin-bottom: 7px; padding-top: 2px; }
.ve3 { color: #e6e9ee; font-size: 8pt; font-family: verdana; font-weight: normal; width: 254px; height: 44px; }
.ve4 { background-image: url(../images/lv.png); width: 240px; height: 7px; }
.arhiva
{ color: #e6e9ee; font-size: 8pt; font-family: arial; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; display: block; float: left; margin-top: 0; margin-left: 2px; }
.arhiva:hover
{ color: #f5c503; font-size: 8pt; font-family: arial; background-position: 0 0; text-decoration: none; float: left; }
.ntext { color: #535243; font-size: 9pt; font-family: verdana; line-height: 10pt; background-image: none; text-align: left; width: 620px; height: 182px; margin-top: 20px; margin-left: 28px; }
/*predfoot*/
.predfoot { background-image: url(../images/predfoot.jpg); background-repeat: repeat-x; height: 242px; }
.scrollfoot { background-image: url(../images/footscrol.png); background-repeat: no-repeat; background-position: center 50%; width: 1059px; height: 240px; margin-right: auto; margin-left: auto; padding-left: 40px; }
/*footer*/
.footer { background-image: url(../images/foot.jpg); background-repeat: repeat-x; background-position: 50% center; height: 69px; }
.footcont { background-image: url(../images/footlogo.png); background-repeat: no-repeat; background-position: right center; width: 980px; height: 65px; margin-right: auto; margin-left: auto; }
.footlevo { background-image: none; width: 700px; height: 65px; float: left; }
.footmenu { color: #c4defc; font-size: 8pt; font-family: arial; width: 700px; height: 20px; padding-top: 15px; padding-left: 30px; }
.footdog { color: #c4defc; font-size: 7pt; font-family: arial; line-height: 8pt; width: 400px; height: 34px; margin-left: 30px; }
.hy
{ color: #c4defc; font-size: 8pt; font-family: arial; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; display: block; float: left; margin-top: 0; margin-left: 2px; }
.hy:hover
{ color: #f5c503; font-size: 8pt; font-family: arial; background-position: 0 0; text-decoration: none; float: left; }
.footmenu1 { color: #c4defc; font-size: 8pt; font-family: arial; width: 4px; height: 20px; float: left; margin-left: 2px; padding-left: 2px; }
/*--slider--*/
#slider { margin-right: auto; margin-left: auto; padding: 0 0 10px; list-style:none; }
#slider ul,
#slider li { margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0; padding-right: 0; padding-left: 0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width: 961px; height: 353px; overflow:hidden; margin-right: auto; margin-left: auto; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:45px; height:91px; position:absolute; top: -210px; }
#nextBtn { left:945px; }
#nextBtn a { display:block; width:45px; height:91px; background:url(../images/slider/b.png) no-repeat; }
#prevBtn a { display:block; width:45px; height:91px; background:url(../images/slider/a.png) no-repeat; }
/*kontakt strana*/
.k1 { color: #595959; font-size: 9pt; font-family: verdana; font-weight: bold; line-height: 8pt; width: 280px; height: 10px; margin-bottom: 7px; margin-left: 27px; }
.k2 { color: #595959; font-size: 9pt; font-family: verdana; line-height: 8pt; width: 280px; height: 10px; margin-bottom: 7px; margin-left: 27px; }
.dobrodservis { background-image: url(../images/servis.png); width: 214px; height: 38px; margin-left: 15px; }
.dobrodautop { background-image: url(../images/autop.png); width: 300px; height: 38px; margin-left: 15px; }
.conautop { width: 980px; height: 1100px; margin-right: auto; margin-left: auto; }
.conteh { width: 980px; height: 530px; margin-right: auto; margin-left: auto; }
.dobrodteh { background-image: url(../images/tehnickipregled.png); width: 310px; height: 38px; margin-left: 15px; }
.contehd { width: 980px; height: 1300px; margin-right: auto; margin-left: auto; }
.dobrodtehd { background-image: url(../images/tehdok.png); width: 410px; height: 38px; margin-left: 15px; }
.contehc { width: 980px; height: 1540px; margin-right: auto; margin-left: auto; }
.dobrodtehc { background-image: url(../images/cent.png); width: 540px; height: 44px; margin-left: 15px; }
.dobrodu { background-image: url(../images/usluge.png); width: 240px; height: 38px; margin-left: 15px; }
.dobrodder { background-image: url(../images/vele.png); width: 540px; height: 44px; margin-left: 15px; }
.dobrodbp2 { background-image: url(../images/bp2.png); width: 540px; height: 44px; margin-left: 15px; }
.conbp2 {
	width: 980px;
	height: 870px;
	margin-right: auto;
	margin-left: auto;
}
.dobrodbp1 { background-image: url(../images/bp1.png); width: 540px; height: 44px; margin-left: 15px; }
.dobrodbp { background-image: url(../images/bp.png); width: 540px; height: 44px; margin-left: 15px; }