/*Start General Styles*/
@import url("reset.css");

body {margin:0;padding:0;background: #258200 url(../images/background.gif) repeat-x top left;}

p {margin:0;clear:both;color: #656565;font-family: "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;line-height:18px;
	text-decoration: none;text-align: justify;}
	
p.tekst {padding: 10px 0 0;clear:both;color: #656565;font-family: "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;line-height:18px;
	text-decoration: none;text-align: justify;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

p.saudiar {padding: 20px 0 0;clear:both;color: #323232;font-family: "Helvetica Neue", Helvetica, sans-serif;font-size: 18px;line-height: 20px;
	text-decoration: none;text-align: justify; 	margin-bottom: 0;margin-left: 0;margin-right: 0;}
	
a:link,a:visited {font:normal 13px Verdana, Geneva, sans-serif;color:#87b228;}
a:hover {font:normal 13px Verdana, Geneva, sans-serif;color: #258200;text-decoration: none;}	

.clearer {clear: both;}

small {font-family: Arial, sans-serif;font-variant: small-caps;color: #87b228;}

h1 {font: normal 30px "Helvetica Neue", Helvetica, Geneva, sans-serif;color: gray;text-shadow: rgba(210,210,210,0.75) 1px 1px 1px; border-bottom: 1px solid #b4b4b4;}
h1 span {color: rgba(0,0,0,0.6);text-shadow: 0 1px 1px rgba(255,255,255,0.3);}

h2 {color: #494949;font: bold 26px "Helvetica Neue", Helvetica, Geneva, sans-serif;border-bottom: 1px solid #b4b4b4;}

h2.saudiar {color: #2a2a2a;font: bold 28px "Helvetica Neue", Helvetica, Geneva, sans-serif;border-bottom: 1px solid #b4b4b4;}

h4 {color: #686868;	font-size: 16px; font-weight: bold;	text-align: left;}

.breadcrumps {font-family: "Helvetica Neue", Helvetica, sans-serif;font-size: 13px;text-decoration: none;color: #fff;}
#breadcrumps {width: 935px;margin-top: 0; padding-left: 35px;margin-bottom: 10px;}
#breadcrumps a:link,a:visited {font:normal 13px Verdana, Geneva, sans-serif;color:#87b228;}
#breadcrumps a:hover {font:normal 13px Verdana, Geneva, sans-serif;color: #8cc559;text-decoration: none;}

/*p.ara {direction: rtl;
}*/


.desno{	float: right;clear: none;}

.levo{	float: left;clear: none;}	

/*----------------------------------------------------------
Dekleracije divova
----------------------------------------------------------*/
#wraper{margin: 0 auto 0 auto;width: 935px;position: relative;}
#main_header{width: 935px; margin: 0 auto;	position: relative;
	background: url(../images/heading_right.jpg) no-repeat right top;
}
#main_header1{width: 935px; margin: 0 auto;	position: relative;
	background: url(../images/heading_right_en.jpg) no-repeat right top;
}
#logo {width: 387px;  padding-left: 30px; padding-top: 12px; }
#menu{ width:935x; padding-left:10px; padding-top: 12px; margin: 0px auto; ; float:left; margin-top: 10px;}
ul.jezik {width:170px; padding: 60px 0 0 10px; padding-top: 16px; float:right;  margin: 0px auto; ;margin-top: 10px;}
ul.jezik li { float:left; display: inline; list-style-type:none; height:26px; color:#434343; padding: 0 0 0 20px;}
/*#menu ul{float:left; padding-left:0px; margin: 0px auto; margin-top: 10px;}
#menu li{ padding: 20px;margin: 0; text-indent: 0;display: inline; align:left;}
#menu ul li a:link, #menu ul li a:visited{ font:bold 15px Arial, sans-serif; color:#fff;text-decoration:none; padding: 0 0 0 0;}
#menu ul li a:hover{ font:bold 15px Arial, sans-serif;;	color:#999;	text-decoration:none; padding: 0 0 0 0;}		*/
#scroller_content {width: 935px;padding: 0;margin: 0 auto;margin-top: 90px;margin-bottom: 15px;}
#header_content {width: 935px;padding: 0;margin: 0 auto;margin-top: 67px;margin-bottom: 5px;}

#page_kontakt {width: 600px; height: 430px; padding: 30px;border: 1px solid #e4e4e4;margin: 0 auto;background: #fff;margin-top:20px;margin-bottom: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

#page_content {width: 935px;padding: 30px;border: 1px solid #70e43e;margin: 0 auto;background: #fff;margin-top:5px;margin-bottom: 0px;-webkit-border-radius: 10px;-moz-border-radius: 10px;direction: ltr;
}
#page_content1 {width: 935px;padding: 30px;border: 1px solid #70e43e;margin: 0 auto;background: #fff;margin-top:5px;margin-bottom: 0px;-webkit-border-radius: 10px;-moz-border-radius: 10px;direction: rtl;
}


/*Accordion declaration*/
dl { width: 935px; }
	dl,dd { margin: 0;text-decoration: none;font-weight: normal;font-style: normal;}
	dt { background: #fff; font-size: 18px; padding: 0; margin: 0; list-style: none;font-weight: normal;font-style: normal;}
	dt a { color: #FFF;list-style: none;text-decoration: none;}
	dd a { color: #000;	text-decoration: none;}
	/*dd .ara { color: #000;	text-decoration: none;	dir: rtl;
}*/
/*	ul { list-style: none; padding: 5px; }*/

.footer{margin: 5px 0 0;padding: 2px 0 0;color: #f3f3f3;font-family: "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;line-height: 18px;
	text-decoration: none;text-align: center;}

#footer{width: 935px;padding: 5px;margin: 0 auto;margin-top:2px;margin-bottom: 10px;clear:both;color: gray;font-family: "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;line-height:18px;text-decoration: none;text-align: justify;direction: ltr;}

#footer a:link,a:visited {font:normal 13px Verdana, Geneva, sans-serif;color:#87b228;}
#footer a:hover {font:normal 13px Verdana, Geneva, sans-serif;color: #8cc559;text-decoration: none;}

 /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
		
	#container{	
		margin:0 auto;
		position:center;
		text-align:left;
		width:935px;
		padding-left: 55px;
		/*margin-bottom:2em;*/
		}	
			
	#content{
	width:875px;
	position: relative;
	border: 5px solid #fff;
	text-shadow: #fff 0 0 0;
}			


/* content slider*/
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:875px;
	height:241px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:46px;
	height:46px;
	position:absolute;
	left:-66px;
	top:95px;
	}	
#nextBtn{ 
	left:890px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:46px;
	height:46px;
	background:url(../images/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../images/btn_next.png) no-repeat 0 0;	
	}	
	
#column1 {float: left;width: 250px;margin: 0px;padding: 0px;}
#column2 {padding: 0px;margin-left: 250px;margin-right: 0px;}

/*----------------------------------------------------------
Dekleracije dugmica
----------------------------------------------------------*/
.logobutton {
	clear: both;
	position:relative;
	display:block;
	height: 76px;
	width: 387px;
	background:url(../images/logobutton.gif) no-repeat;
	background-position: bottom;
	cursor: pointer;
}	
.logobutton span.hover {
	position: absolute;
	display: block;
	height: 76px;
	width: 387px;
	background: url(../images/logobutton.gif) no-repeat;
	background-position:0 0;
}

/* manu buttons */
.pocetna_on {
	float: left;
	width:120px;
	height:38px;
	display: block;
	background-image:url(../images/pocetna.png);
	background-position: bottom;
}


.pocetna {
	float: left;
	width:120px;
	height:38px;
	display:block;
	background-image:url(../images/pocetna.png);
	background-position: 0 0;
}
.pocetna span.hover{
	position: absolute;
	display: block;
	width:120px;
	height:38px;
	background-position: bottom;
	cursor: pointer;
	background-image:url(../images/pocetna.png);
}

.preparati_on {
	float: left;
	width:112px;
	height:38px;
	display: block;
	background-image:url(../images/preparati.png);
	background-position: bottom;
}


.preparati {
	float: left;
	width:112px;
	height:38px;
	display:block;
	background-image:url(../images/preparati.png);
	cursor: pointer;
	background-position:0 0;
}
.preparati span.hover{
	position: left;
	display: block;
	width: 112px;
	height:38px;
	background-position: bottom;
	background-image:url(../images/preparati.png);
}

.faq_on {
	float: left;
	width:83px;
	height:38px;
	display: block;
	background-image:url(../images/faq.png);
	background-position: bottom;
}


.faq {
	float: left;
	width:83px;
	height:38px;
	display:block;
	background-image:url(../images/faq.png);
	cursor: pointer;
	background-position: 0 0;
}
.faq span.hover{
	position: left;
	display: block;
	width: 83px;
	height:38px;
	background-position:bottom;
	background-image:url(../images/faq.png);
}

.kontakt {
	float: left;
	width:98px;
	height:38px;
	display:block;
	cursor: pointer;
	background-image:url(../images/kontakt.png);
	background-position: 0 0;
}
.kontakt span.hover{
	position: left;
	display: block;
	width: 98px;
	height:38px;
	background-position:bottom;
	background-image:url(../images/kontakt.png);
}

/* english menu */
.home_on {
	float: left;
	width:120px;
	height:38px;
	display: block;
	background-image:url(../images/home_en.png);
	background-position: bottom;
}


.home {
	float: left;
	width:120px;
	height:38px;
	display:block;
	background-image:url(../images/home_en.png);
	background-position: 0 0;
}
.home span.hover{
	position: absolute;
	display: block;
	width:120px;
	height:38px;
	background-position: bottom;
	cursor: pointer;
	background-image:url(../images/home_en.png);
}

.preparations_on {
	float: left;
	width:112px;
	height:38px;
	display: block;
	background-image:url(../images/preparati_en.png);
	background-position: bottom;
}


.preparations {
	float: left;
	width:112px;
	height:38px;
	display:block;
	background-image:url(../images/preparati_en.png);
	cursor: pointer;
	background-position:0 0;
}
.preparations span.hover{
	position: left;
	display: block;
	width: 112px;
	height:38px;
	background-position: bottom;
	background-image:url(../images/preparati_en.png);
}

.faq_en_on {
	float: left;
	width:83px;
	height:38px;
	display: block;
	background-image:url(../images/faq.png);
	background-position: bottom;
}



.faq_en {
	float: left;
	width:83px;
	height:38px;
	display:block;
	background-image:url(../images/faq.png);
	cursor: pointer;
	background-position: 0 0;
}
.faq_en span.hover{
	position: left;
	display: block;
	width: 83px;
	height:38px;
	background-position:bottom;
	background-image:url(../images/faq.png);
}

.kontakt_en {
	float: left;
	width:98px;
	height:38px;
	display:block;
	cursor: pointer;
	background-image:url(../images/contact_en.png);
	background-position: 0 0;
}
.kontakt_en span.hover{
	position: left;
	display: block;
	width: 98px;
	height:38px;
	background-position:bottom;
	background-image:url(../images/contact_en.png);
}


/* arapski meni */
.home_ar_on {
	float: left;
	width:120px;
	height:38px;
	display: block;
	background-image:url(../images/home_ar.png);
	background-position: bottom;
}


.home_ar {
	float: left;
	width:120px;
	height:38px;
	display:block;
	background-image:url(../images/home_ar.png);
	background-position: 0 0;
}
.home_ar span.hover{
	position: absolute;
	display: block;
	width:120px;
	height:38px;
	background-position: bottom;
	cursor: pointer;
	background-image:url(../images/home_ar.png);
}

.preparations_ar_on {
	float: left;
	width:82px;
	height:38px;
	display: block;
	background-image:url(../images/preparati_ar.png);
	background-position: bottom;
}


.preparations_ar {
	float: left;
	width:82px;
	height:38px;
	display:block;
	background-image:url(../images/preparati_ar.png);
	cursor: pointer;
	background-position:0 0;
}
.preparations_ar span.hover{
	position: left;
	display: block;
	width: 82px;
	height:38px;
	background-position: bottom;
	background-image:url(../images/preparati_ar.png);
}

.faq_ar_on {
	float: left;
	width:113px;
	height:38px;
	display: block;
	background-image:url(../images/faq_ar.png);
	background-position: bottom;
}



.faq_ar {
	float: left;
	width:113px;
	height:38px;
	display:block;
	background-image:url(../images/faq_ar.png);
	cursor: pointer;
	background-position: 0 0;
}
.faq_ar span.hover{
	position: left;
	display: block;
	width: 113px;
	height:38px;
	background-position:bottom;
	background-image:url(../images/faq_ar.png);
}

.kontakt_ar {
	float: left;
	width:98px;
	height:38px;
	display:block;
	cursor: pointer;
	background-image:url(../images/kontakt_ar.png);
	background-position: 0 0;
}
.kontakt_ar span.hover{
	position: left;
	display: block;
	width: 98px;
	height:38px;
	background-position:bottom;
	background-image:url(../images/kontakt_ar.png);
}


/* izbor jezika */

/*srpski*/

.srpski_on {
	float: left;
	width:25px;
	height:26px;
	display: block;
	background-image:url(../images/sr.png);
	background-position: bottom;
}


.srpski {
	float: left;
	width:25px;
	height:26px;
	display:block;
	background-image:url(../images/sr.png);
	cursor: pointer;
	background-position: 0 0;
}
.srpski span.hover{
	position: left;
	display: block;
	width:25px;
	height:26px;
	background-position:bottom;
	background-image:url(../images/sr.png);
}

/*engleski*/

.engleski_on {
	float: left;
	width:25px;
	height:26px;
	display: block;
	background-image:url(../images/en.png);
	background-position: bottom;
}


.engleski {
	float: left;
	width:25px;
	height:26px;
	display:block;
	background-image:url(../images/en.png);
	cursor: pointer;
	background-position: 0 0;
}
.engleski span.hover{
	position: left;
	display: block;
	width:25px;
	height:26px;
	background-position:bottom;
	background-image:url(../images/en.png);
}

/*arapski*/

.arapski_on {
	float: left;
	width:25px;
	height:26px;
	display: block;
	background-image:url(../images/ar.png);
	background-position: bottom;
}


.arapski {
	float: left;
	width:25px;
	height:26px;
	display:block;
	background-image:url(../images/ar.png);
	cursor: pointer;
	background-position: 0 0;
}
.arapski span.hover{
	position: left;
	display: block;
	width:25px;
	height:26px;
	background-position:bottom;
	background-image:url(../images/ar.png);
}



/* Dekleracija UL za Preparate */
ul.preparat {width:900px; overflow:hidden;  margin-bottom:-1px; background: url(../images/work-separator.gif) repeat-y center top;
	position: relative;}
                	ul.preparat li {float: left; width: auto; list-style-type:none; height:190px; color:#434343; padding: 24px 0 0 60px;}
                    ul.preparat li a {background: #fff; display:block; width:200px; height:110px;}
                    ul.preparat li h4 {font-size:16px; margin-top:9px;}
                    ul.preparat li p {font-size:12px;}
                    
                    
ul.saudiar {width:900px; overflow:hidden;  margin-bottom:-1px; background: url(../images/work-separator.gif) repeat-y center top;
	position: relative;}
                    ul.saudiar li {float: left; width: auto; list-style-type:none; height:190px; color:#434343; padding: 24px 0 0 60px;}
                    ul.saudiar li a {background: #fff; display:block; width:200px; height:110px;}
                    ul.saudiar li h4 {font-size:18px; margin-top:9px;}
                    ul.saudiar li p {font-size:16px;}

         /* #workMainBox {float:right; width:875px; padding-top:24px;}
			#workMainBox p {font-size:12px; color:#5a5a5a; line-height:17px; padding-top:20px;}
			*/



/*----------------------------------------------------------
Dekleracije hide komande za pretty photo
----------------------------------------------------------*/

.hide { display: none; }



/*-----------------------------------------------------------------------------------------------*/
/*                   A BETTER TOOLTIP - POWERED BY JQUERY AWESOMENESS                            */
/*                   AUTHOR: jon cazier                                                          */
/*                   EMAIL: jon at 3nhanced dot com                                              */
/*-----------------------------------------------------------------------------------------------*/

applet, object, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
strike,sub, sup, tt, var,
ol, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 15px;
	font-family: inherit;
	vertical-align: baseline;
}


/*-----------------------------------------------------------------------------------------------*/
/*                                  CSS RESET THANKS TO ERIC MEYER                               */
/*                   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/                */
/*-----------------------------------------------------------------------------------------------*/
/* remember to define focus styles! */
:focus {outline: 0;}
/*body {line-height: 1;color: black;background: white;}*/
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: '"';}
blockquote, q {quotes: '"' '"';}


/* tables still need 'cellspacing="0"' in the markup */

blockquote:before, blockquote:after,
q:before, q:after {content: '"';}
blockquote, q {quotes: '"' '"';}

/*-----------------------------------------------------------------------------------------------*/
/*                                          POSITION                                       */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL LAYOUT                                       */
/*-----------------------------------------------------------------------------------------------*/
.tTip {width: 200px; position: absolute; cursor: pointer; color: #666; font-weight: bold;}
	.tip {color: #333;font-size: 13px;}
					
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                      */
/*-----------------------------------------------------------------------------------------------*/
.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(../images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 32px;}