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

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

    Reset

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;

	outline: 0;
}

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

    General Selectors & Links (Typo: 6 7 8 9 10 11 12 14 18 21 24 36 48)

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

html {
	font-size: 13px;
	height: 100%;

}
body {
	font-family: "Times New Roman", Times, serif;
	line-height: 14px;
	color: #790046;
	font-weight:bolder;
	background-color: #f0d6a8;
	text-align: left;
	background:url(images/bg-body.jpg) center center no-repeat;

}
a, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #790046;
	size:10px;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
a img {	
	border: none;
}
a, a:active, a:focus {
	outline: none;
}
p, ul, ol, dl { 
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 15px;
}
h1 {
	font: bold 24px "Times New Roman", Times, serif;
	margin-bottom: 0;
	color:#843c19;
}
h2 {
	font: bold 14px "Times New Roman", Times, serif;
	margin-bottom: 0;
	color: #843c19;
}
h2 a, h2 a:visited {
    font: bold 14px "Times New Roman", Times, serif;
	margin-bottom: 0;
	color: #843c19;
}
h3 {
	font: bold 12px "Times New Roman", Times, serif;
	margin-bottom: 0;
	color: #843c19;
}
h3 a, h3 a:visited {
    font: bold 12px "Times New Roman", Times, serif;
	margin-bottom: 0;
	color: #843c19;
}
.noMargin {
	margin: 0 !important;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.clear {
	clear: both;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
div.hidden
{
display:none;
}
div.visible
{
display:block;
}
.container {
	height: 568px;
	width: 825px;
	margin-top: -284px;
	margin-left: -412px;
	position: absolute;
	left: 50%;
	top: 50%;
	overflow:hidden;
}
.content {
	height: 568px;
	width: 825px;
	position: relative;
	overflow:hidden;
	margin:0 0 0 0;
}
.contentI {
	height: 568px;
	width: 825px;
	position: relative;
	overflow:hidden;
	background:url(images/bg-naslovna.jpg) top left no-repeat;
	margin:0 0 0 0;
}

.header {
    width:825px;
	height:75px;
	position:relative;
	overflow:hidden;
	background:url(images/bg-head.jpg) top left no-repeat;
}
.main {
    width:825px;
	height:362px;
	position:relative;
	overflow:hidden;
	background:url(images/bg-main.jpg) top left no-repeat;
}
.footer {
    width:825px;
	height:131px;
	position:relative;
	overflow:hidden;
	background:url(images/bg-foot.jpg) top left no-repeat;
}
/* Navigation */

.navigation {
    width:682px;
    float:left;	
	margin:3px 0 0 38px;
	text-indent:-10000px;
}
.navigation ul{
	background: url(images/navigation.jpg) top left no-repeat;
	height: 30px;
	width: 682px;
}
.navigation ul li{
	list-style-type:none;
	float:left;
}
.navigation ul li a{
	display: block; 
	height: 30px;
}
.navigation ul li a#menu1{ width: 82px; }
.navigation ul li a#menu2{ width: 82px; }
.navigation ul li a#menu3{ width: 92px; }
.navigation ul li a#menu4{ width: 80px; }
.navigation ul li a#menu5{ width: 87px; }
.navigation ul li a#menu6{ width: 88px; }
.navigation ul li a#menu7{ width: 83px; }
.navigation ul li a#menu8{ width: 88px; }


.navigation ul li.selected a, .navigation ul li a:hover {
	background: url(images/navigation.jpg) top left no-repeat; 
}
.navigation ul li.selected a#menu1, .navigation ul li a#menu1:hover { background-position: 0 -30px; }
.navigation ul li.selected a#menu2, .navigation ul li a#menu2:hover { background-position: -82px -30px; }
.navigation ul li.selected a#menu3, .navigation ul li a#menu3:hover { background-position: -164px -30px; }
.navigation ul li.selected a#menu4, .navigation ul li a#menu4:hover { background-position: -256px -30px; }
.navigation ul li.selected a#menu5, .navigation ul li a#menu5:hover { background-position: -336px -30px; }
.navigation ul li.selected a#menu6, .navigation ul li a#menu6:hover { background-position: -423px -30px; }
.navigation ul li.selected a#menu7, .navigation ul li a#menu7:hover { background-position: -511px -30px; }
.navigation ul li.selected a#menu8, .navigation ul li a#menu8:hover { background-position: -594px -30px; }

.mainPitajLeft {
    float:left;
    width:528px;
	height:362px;
	overflow:hidden;
	text-align:right;
	margin:0 0 0 0;
	padding:73px 0 0 0;
	}
.pitajIme {
    width:120px;
	border:0;
    margin:0 0 0 0;
	overflow:hidden;
}
.pitaj {
    width:125px;
    background:url(images/bg-form-txt.jpg) left top no-repeat;
	border:0;
	padding:5px 8px 5px 5px;
	margin:0 0 0 26px;
	overflow:hidden;
}
.pitajPitanje {
    width:238px;
	height:63px;
    background:url(images/bg-form-txt-box.jpg) left top no-repeat;
	border:0;
	padding:5px 0 5px 5px;
	margin:0 0 0 0;
	overflow:hidden;
}


.mainPitajRight {
    width:297px;
	height:362px;
	overflow:hidden;
	text-align:left;
}

.resetBut {
    width:70px;
	height:30px;
	border:0;
	text-indent:-123456px;
	margin:0 8px 0 0;
	background:url(images/button-obrisi.jpg) top left no-repeat;
}
.posaljiBut {
    width:70px;
	height:30px;
	border:0;
	text-indent:-123456px;
	background:url(images/button-posalji.jpg) top left no-repeat;
}
.mainPitajRight {
    float:left;
    width:297px;
	height:362px;
	overflow:hidden;
	text-align:right;
	margin:0 0 0 0;
}
.pitanje {
	width:45px;
	height:20px;
	position:absolute;
	top:234px;
	left:211px;

}
.mainPitajRight p {
    margin:134px 139px 0 0;
}
.mainPitajRight img {
    margin:0 138px 0 0;
}
.mainDistributerLeft {
    float:left;
    width:452px;
	height:362px;
	overflow:hidden;
	text-align:right;
	margin:0 0 0 0;
}
.mainDistributerRight {
    float:left;
    width:247px;
	height:355px;
	overflow:hidden;
	margin:0 0 0 0;
}
.pitajDist {
    width:125px;
    background:url(images/bg-form-txt.png) left top no-repeat;
	border:0;
	padding:5px 8px 5px 5px;
	margin:0 107px 0 26px;
	overflow:hidden;
}
.pitajDistPitanje {
    width:214px;
	height:40px;
    background:url(images/bg-form-txt-box-2.jpg) left top no-repeat;
	border:0;
	padding:3px 0 0 5px;
	margin:0 21px 0 0;
	overflow:hidden;
}
.pitanjeDist {
	width:45px;
	height:20px;
	position:absolute;
	top:138px;
	left:138px;

}
.drvo {
    width:575px;
	height:354px;
	margin:8px 0 0 102px; 
}
.jaffOdgovara {
    width:267px;
	height:349px;
	margin:10px 0 0 258px;
}
.jaffOdgVid {
    width:220px;
	height:157px;
	margin:14px 0 0 24px;
}
.sertThumb {
    width:90px;
	height:64px;
	margin:13px 0 0 89px;
}
.ts {
   width:92px;
   height:11px;
   margin:11px 0 0 87px;
}
.razvojniPut {
   width:572px;
   height:350px;
   margin:13px 0 0 108px;
}
.razPutHead {
   width:296px;
   height:22px;
   margin:0 0 0 140px;
}
.razPutFlash {
   width:572px;
   height:219px;
}
.cosak {
   width:594px;
   height:274px;
   margin:41px 0 0 101px;
}
.jaffolitanke {
   width:593px;
   height:324px;
   margin:17px 0 0 102px;
}
.filozofija {
   width:609px;
   height:348px;
   margin:10px 0 0 86px;
}
.jafforidzin {
   width:600px;
   height:339px;
   margin:8px 0 0 95px;
}
.naslovna {
   width:261px;
   height:339px;
   margin:200px 0 0 293px;
}
.naslovnaTop {
   width:261px;
   height:172px;
   margin:0 0 0 0; 
}
.home {
   width:589px;
   height:352px;
   margin:10px 0 0 108px;
}
.funclub {
   width:616px;
   height:347px;
   margin:5px 0 0 76px;
}
.slikaj1 {
   width:574px;
   height:357px;
   margin:5px 0 0 109px}
.radio1 {
   position:absolute;
   top:514px;
   left:455px;
}
.radio2 {
   position:absolute;
   top:511px;
   left:634px;
} 
.radio3 {
   position:absolute;
   top:508px;
   left:802px;
} 
.radio4 {
   position:absolute;
   top:643px;
   left:455px;
} 
.radio5 {
   position:absolute;
   top:642px;
   left:632px;
} 
.radio6 {
   position:absolute;
   top:640px;
   left:804px;
}
.uploadImg {
	margin:0 0 0 170px;
	overflow:hidden;
}
.slikaj2 {
   position:relative;
   width:425px;
   height:362px;
   margin:0 0 0 200px;
}
.uglaviSe {
   width:64px;
   height:14px;
   position:absolute;   
}   
.upArrow {
   width:24px;
   height:24px;
   position:absolute;
}
.rightArrow {
   width:24px;
   height:24px;
   position:absolute;
}
.downArrow {
   width:24px;
   height:24px;
   position:absolute;
}
.leftArrow {
   width:24px;
   height:24px;
   position:absolute;
}
.drvarHole {
   width:110px;
   height:120px;
   position:absolute;
}
.zoomIn {
   width:24px;
   height:25px;
   position:absolute;
}
.zoomOut {
   width:24px;
   height:25px;
   position:absolute;
}
.rotateRight {
   width:25px;
   height:24px;
   position:absolute;
}
.rotateLeft {
   width:24px;
   height:25px;
   position:absolute;
}
.slikajOk {
   width:68px;
   height:31px;
   position:absolute;
}   
.slikajPonisti {
   width:68px;
   height:31px;
   position:absolute;
}
.beduinHole {
   width:72px;
   height:79px;
   position:absolute;
}
.eskimHole  {
   width:130px;
   height:142px;
   position:absolute;
}
.sobaricaHole {
   width:100px;
   height:109px;
   position:absolute;
}
.ninjaHole {
   width:172px;
   height:187px;
   position:absolute;
}
.predsednikHole {
   width:169px;
   height:183px;
   position:absolute;
}
.floatHand {
	width:147px;
	height:418px;
	position:absolute;
	top:36px;
	left:113px;
	z-index:10000;
} 
.floatHandCok {
	width:132px;
	height:414px;
	position:absolute;
	top:0;
	left:413px;
	visibility:visible;
}
.floatHor {
	width:414px;
	height:229px;
	position:absolute;
	top:100;
	left:0px;
	visibility:visible;
}
.download {
   width:582px;
   height:291px;
   margin:28px 0 0 105px;
}
.wall {
   width:423px;
   height:291px;
   margin:0 0 0 0;
   float:left;
}
.video {
   width:159px;
   height:291px;
   margin:0 0 0 0;
   float:left;
}
.preuzmiteSertifikat {
   width:450px;
   height:350px;
   position:absolute;
   top:94px;
   left:177px;
}
.sertifikatThumb {
   width:450px;
   height:317px;
   margin:0 0 0 0;
}
.stampaj {
   width:77px;
   height:23px;
   margin:4px 0 0 85px; 
   float:left;
}
/*.download {
   width:77px;
   height:23px;
   margin:4px 0 0 13px; 
   float:left;
}*/
.zatvori {
   width:77px;
   height:23px;
   margin:4px 0 0 13px; 
   float:left;
}
.comunity {
   width:57px;
   height:13px;
   margin:9px 0 0 49px;
   float:left;
}
.comunity img {
   margin-right:6px;
}
.floatTxt {
   width:574px;
   position:absolute;
   top:90px;
   left:119px;
}
.uploadVideo {
   width:600px;
   height:40px;
}
.postaniThumbs {
   width:600px;
   height:214px;   
}
.odlozeno {
   width:326px;
   height:142px;
   position:absolute;
   top:200px;
   left:242px;    
}
.privatnost  {
   width:200px;
   height:20px;
   position:absolute;
   left:205px;
   top:403px;
}
.privatnost2  {
   width:200px;
   height:20px;
   position:absolute;
   left:99px;
   top:453px;
}
.upisisvojemail {
   width:119;
   height:14px;
   position:absolute;
   left:111px;
   top:175px;
}
.videoNosac {
   width:320px;
   height:260px;
}
.uskoroDownload {
   width:200px;
   height:86px;
   position:absolute;
   left:450px;
   top:275px;   

}
.nazad1 {
   width:47px;
   height:15px;
   position:absolute;
   left:620px;
   top:87px;
}
.nazad2 {
   width:47px;
   height:15px;
   position:absolute;
   left:620px;
   top:87px;
}
.prihvatam {
   width:200px;
   height:20px;
   position:absolute;
   left:56px;
   top:341px;
   text-align:right;

   }
.prihvatam p {
   font:"Times New Roman", Times, serif;
   font-size:10px;
   font-weight:normal;
}
.popunite {
   width:200px;
   height:20px;
   position:absolute;
   left:8px;
   top:403px;
   text-align:right;

   }
.popunite p {
   font:"Times New Roman", Times, serif;
   font-size:9px;
   font-weight:normal;
}
#divLoading {
	width:142px;
	height:140px;
	position:absolute;
	visibility:hidden;
	top:223px;
	left:70px;
}
.pitalisu {
   width:106px;
   height:70px;
   position:absolute;
   left:586px;
   top:134px;
   cursor:crosshair;
}
.vasaPitanja {
   width:557px;
   height:334px;
   margin:9px 0 0 118px;

}
.vasaPitanjaHead {
   width:106px;
   height:70px;
   margin:0 0 0 224px;
   
}
.spisakDistHead {
   width:220px;
   height:92px;
   margin:-8px 0 0 180px;
   
}
.vasaPitanjaNaslovi{
   width:557px;
   height:20px;
   margin:10px 0 0 0;
   overflow:auto;
   
}
.vasaPitanjaPitanja{
   width:557px;
   height:226px;
   margin:10px 0 0 0;
   overflow:auto;
   
}
.pitanjeNaslovi {
   font-size:17px;
   font-weight:bolder;
   text-decoration:underline;
   }
.slikajSeFinal {
   width:574px;
   height:357px;
   margin:5px 0 0 109px
}
.slikajSeFinalImg {
   width:408px;
   height:292px;
   margin:15px 0 0 85px

}
.slikajSeFinalButtons {
   width:408px;
   height:35px;
   margin:0 0 0 85px;

}
.slikajSeFinalButtons1 {
   float:left;
   width:278px;
   height:35px;
   margin:5px 0 0 0;

}
.slikajSeFinalButtons1 img {
   margin-right:11px;

}
.slikajSeFinalButtons2 {
   float:left;
   width:68px;
   height:35px;
   margin:9px 0 0 0;
   text-align:right;

}
.slikajSeFinalButtons2 img {
   margin-left:5px;

}
.popupPosalji {
   width:408px;
   height:35px;
   margin:-140px 10px 0 0;
    
}
.upisiPoruku {
   width:126px;
   height:11px;
   margin:33px 0 0 59px;
}
.bgFormSlikajSeBody {
    width:311px;
	height:84px;
    background:url(images/bg-form-slikaj-se-body.png) left top no-repeat;
	border:0;
	padding:8px 0 5px 8px;
	margin:6px 0 0 46px;
	overflow:hidden;
}
.slikajSeEmailTxt {
   width:136px;
   height:9px;
   margin:16px 0 0 59px;

}
.slikajSeEmail {
    width:210px;
	border:0;
    margin:0 0 0 0;
	overflow:hidden;
}
.formSlikajSeBody {
    width:290px;
	border:0;
    margin:0 0 0 0;
	overflow:hidden;
}
.bgFormSlikajSeEmail {
    width:310px;
	height:33px;
    background:url(images/bg-form-slikaj-se-email.png) left top no-repeat;
	border:0;
	padding:9px 0 0 9px;
	margin:10px 0 0 45px;
	overflow:hidden;
}
.slikajSeZatvori {
    width:78px;
	height:26px;
	float:left;
	margin:7px 155px 0 44px;
}
.slikajSePosalji {
    width:77px;
	height:26px;
	float:left;
	margin:7px 0 0 0;
}