/****************** 01/ DOCUMENT ***/
html, body { height: 100%; }
* { margin: 0; padding: 0; }
a img { border: 0; }
* body { font: 62.5% Arial, Tahoma, Verdana, Helvetica, sans-serif; color: #3E3E3E; text-align: center; background: #E6E2CF url(../images/body_bg.gif) repeat-x; }
table, tr, th, td { border-collapse: collapse;}
h5 { font-size: 1.4em; color:#000000; font-weight: 500;}
h6 { font-size: 1.4em; color:#000000; font-weight: 500; padding-bottom: 10px;
text-align:center; font-variant:small-caps;}

/****************** 02/ STRUCTURE ***/
#divLeft { width: 764px; margin: 0 auto; text-align: left; }
	#divHeader { height: 314px; position: relative; background: url(../images/frame.png) 0 96px no-repeat; }
	.divHeader1 { height: 314px; position: relative; }
	#divSubLeft { float: left; width: 196px; }
	#divSreD { float: right; width: 566px; }
		#bodyMain #divSubLeft,
		#bodyLocations #divSubLeft,
		#bodyAbout #divSubLeft,
		#bodySpecials #divSubLeft,
		#bodyLinks #divSubLeft,
		#bodyNetwork #divSubLeft,
		#bodyTherapist #divSubLeft
		 { width: 246px; }
		#bodyMain #divSreD,
		#bodyLocations #divSreD,
		#bodyAbout #divSreD,
		#bodySpecials #divSreD,
		#bodyLinks #divSreD,
		#bodyNetwork #divSreD,
		#bodyTherapist #divSreD
		 { width: 516px; }
	#divFooter { clear: both; position: relative; }
	
	
	
/****************** 03/ LINKS - GENERAL ***/
a:link, a:visited { color: #4E83CC; text-decoration: underline; }
a:hover, a:active { color: #861919; text-decoration: underline; }

#divFooter a:link, #divFooter a:visited { color: #A19E90; text-decoration: none; }
#divFooter a:hover, #divFooter a:active { color: #4E83CC; text-decoration: underline; }



/****************** 04/ NAVIGATION ***/
/** horizontal top **/
#ulNavH { width: 756px; height: 39px; position: absolute; left: 3px; bottom: 216px; list-style: none; font-size: 1.2em; text-align: center; }
	#ulNavH li { float: left; width: 125px; height: 39px; margin-left: 1px; display: inline; }
		#ulNavH li a { float: left; width: 125px; height: 39px; he\ight: 29px; padding-top: 10px; background: url(../images/navLi.gif) 0 3px repeat-x; color: #fff; text-decoration: none; }
			#ulNavH li a:hover, #ulNavH li a:active, #bodyMain #ulNavH li#liNavHome a, #bodyLocations #ulNavH li#liNavLocations a, #bodyAbout #ulNavH li#liNavAboutMassage a, #bodySpecials #ulNavH li#liNavSpecials a, #bodyLinks #ulNavH li#liNavLinks a, #bodyNetwork #ulNavH li#liNavAboutNetwork a { background: url(../images/navLiOver.gif) no-repeat; }
				#bodyMain #ulNavH li#liNavHome a, #bodyLocations #ulNavH li#liNavLocations a, #bodyAbout #ulNavH li#liNavAboutMassage a, #bodySpecials #ulNavH li#liNavSpecials a, #bodyLinks #ulNavH li#liNavLinks a , #bodyNetwork #ulNavH li#liNavAboutNetwork a { font-weight: bold; }


/** vertical leftside **/
.ulNavV { 
	font-size: 1.1em; 
	text-align: left; 
	background: #DBD682 url(../images/menuTherapist.gif) repeat-x; 
	}
	
.ulNavV li { 
	list-style: none; 
	font-weight: bold; 
	}
.ulNavV li a:link,
.ulNavV li a:visited,
.ulNavV li a:hover, 
.ulNavV li a:active { 
	width: 230px; 
	w\idth: 214px; 
	display: block; 
	padding: 6px 8px; 
	color: #fff; 
	text-decoration: none;  
	background: url(../images/menuBorder.gif) 0 100% repeat-x; 
	}
.ulNavV li a:hover, 
.ulNavV li a:active { 
	background-color: #86B9EC; 
	}
.ulNavV li ul li {
	font-weight: normal; 
	}
.ulNavV li ul li a:link, 
.ulNavV li ul li a:visited, 
.ulNavV li ul li a:hover, 
.ulNavV li ul li a:active { 
	width: 230px; 
	w\idth: 214px; 
	padding: 4px 8px 4px 20px;
	}
.ulNavV li.liSelected a:link,
.ulNavV li.liSelected a:visited { 
 	background: url(../images/NavVOver.gif) no-repeat;
	background-color: #DBD682; 
	font-size: 1.2em;
	}
.ulNavV li.liSelected a:hover, 
.ulNavV li.liSelected a:active { 
	background-color: #C0BB54;
	}
.ulNavV li a span { 
	padding-right: 10px; 
	background: url(../images/therapist_on.gif) 100% 4px no-repeat; 
	}	
.ulNavV li a span.strDole { 
	padding-right: 10px; 
	background: url(../images/therapist_off.gif) 100% 4px no-repeat;
	}	
/****************** 05/ BODY MAIN COLUMN ***/
#divSreD h1 { color: #fff; background: #8FB9E6 url(../images/h1_page.jpg) repeat-y; font-size: 1.5em; font:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight:300;}
	#divSubLeft h2, #divSreD h2 { color: #990000; font-size: 1.3em; text-transform: uppercase; }
	
	#divSreD h1 a { color: #FFF; text-decoration: none; background: url(../images/arrow.gif) 100% 50% no-repeat; padding-right: 16px; }
		#divSreD h1 a:hover, #divSreD h1 a:active { color: #F6FF00; }
	
	
	#divSubLeft h2 a, #divSreD h2 a { color: #990000; text-decoration: none; background: url(../images/arrow.gif) 100% 50% no-repeat; padding-right: 16px; }
		#divSubLeft h2 a:hover, #divSubLeft h2 a:active, #divSreD h2 a:hover, #divSreD h2 a:active { color: #4E83CC; }
		
		#divSreD .divBoxCustomer h1, #divSreD .divBoxTherapist h1 { color: #fff; padding: 6px 9px; }
			#divSreD .divBoxTherapist h1 { background: #DDD887 url(../images/h1_therapist.jpg) repeat-y; }


#divSreD h3 { color: #4E83CC; font-size: 1.2em; padding-bottom: 5px; }
	#bodyZanimanja #divSreD h3 { font-size: 1.3em; margin-top: 10px; }

#divSreD h4 { color: #4E83CC; font-size: 1.2em; padding-bottom: 5px; }



/****************** 06/ STRUCTURE - HEADER ***/
/** logo **/
#imgLogo { position: absolute; top: 17px; left: 13px; }
#divHeader p { color: #A19E90; font-size: 1.1em; text-align: right; }
	
	/* header images */
	.divHeader1 { background:url(../images/header/rotate.php) 8px 104px no-repeat; }
/** page title **/
.divBox, .divBoxCustomer, .divBoxTherapist { border: 2px solid #DAD6C4; margin-bottom: 2px; padding: 12px 15px; background: #F7F6F1 url(../images/boxDTop.gif) repeat-x; }
.divBoxCustomer, .divBoxTherapist { padding: 6px; }

	/** page boxes **/
	.divBoxInfo { padding: 6px; }
	
		#divBoxCustomer h3, #divBoxTherapist h3 { width: 230px; height: 126px; position: relative; }
			#divBoxCustomer h3 a, #divBoxTherapist h3 a { display: block; width: 230px; height: 120px; text-indent: -9999px; position: absolute; top: 0; left: 0; }
				#divBoxCustomer h3 a { background: url(../images/btncust.jpg) no-repeat; }
				#divBoxTherapist h3 a { background: url(../images/therapistlinks.jpg) no-repeat; }
				
	#divSreD p { font-size: 1.2em; padding-bottom: 10px; line-height: 1.4em; }
	#divSreD ol {
	font-size: 1.2em;
	padding-bottom: 10px;
	line-height: 1.6em;
	list-style-type: upper-roman;
	list-style-position:inside;
}
	#divSreD ol li {margin-left: 10px; padding-left: 10px; }
	#divSreD ol li strong span { color: #5F7387; }
	#divSreD ul { font-size: 1.2em; padding-bottom: 10px; line-height: 1.6em; list-style: none; }
		#divSreD ul li { background: url(../images/arrow.gif) 0 7px no-repeat; margin-left: 10px; padding-left: 10px; }
			#divSreD ul li strong span { color: #5F7387; }
			
			#divSreD ul li.liProsao { color: #999; }
			
			#divSreD ul.ulUpisTablica { border: 1px solid #A9B8C2; background-color: #f2f2f2; padding: 10px; margin: 0 0 10px 0; font-size: 1.1em; padding-bottom: 10px; line-height: 1.4em;}
			#divSreD ul.ulUpisTablica a:link, #divSreD ul.ulUpisTablica a:visited { color: #990000; }
				#divSreD ul.ulUpisTablica a:hover, #divSreD ul.ulUpisTablica a:active { color: #4E83CC; }
			
	#divSreD dl { font-size: 1.2em; padding-bottom: 10px; line-height: 1.6em; list-style: none; }
		#divSreD dl dt { background: url(../images/arrow.gif) 0 50% no-repeat; padding-left: 10px; margin-top: 5px; }
			#divSreD dl dd { padding-left: 10px; }
			#divSreD dl strong span { color: #5F7387; }
	
		.divBox a.aLinkBottom { text-align: right; text-transform: uppercase; text-decoration: none; color: #000; padding-top: 8px !important; padding-top: 7px; display: block; background: url(../images/border.gif) repeat-x; }
			.divBox a.aLinkBottom:hover, .divBox a.aLinkBottom:active { color: #990000; }			
				.divBox a.aLinkBottom span { background: url(../images/arrow.gif) 100% 50% no-repeat; padding-right: 21px; }

	
/** footer **/
#divFooter p { color: #A19E90; font-size: 1.1em; padding: 8px 0; text-align: center; }
#divFooter ul { list-style: none; } 
	#divFooter ul li, #divFooter ul li a { width: 24px; height: 14px; } 
		#divFooter ul li a { position: absolute; top: 8px; } 
			

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}