/*______________________________________________________________________________________________________

Hello!
________________________________________________________________________________________________________

WELLNES CENTAR TEMPIO | http://www.wellnesstempio.hr
Design and code: Mario Sestak (Sixpack66) | http://www.sixpack66.com
2008 
________________________________________________________________________________________________________*/

*				{margin:0; padding:0; border:0; outline:0;}
html			{background:#fff1c5 url(../slices/main_back_x.jpg) repeat-x;}
body			{background:url(../slices/footer_back_x.jpg) repeat-x bottom;font:62.5%/1.5 Arial, Helvetica, sans-serif; color:#23140d;}

/*** __________linkovi________***/

a			{color:#9d0a0e; text-decoration:none; border-bottom:#9d0a0e dotted 1px;}
a:hover		{color:#790000; border-bottom:#790000 dotted 1px;}

/*** __________________________________________________________________________________***/
/*** __________ TIPOGRAFIJA ______________________________________***/

p						{font-size: 1.2em; margin-bottom: 1.5em;}
ul						{list-style-type:none;}
#main_content ul		{font-size:1.2em; list-style-type:disc; padding-left:1.4em;}
#main_content ol		{font-size:1.2em; padding:0 1em 0 2.5em;}
#main_content ul li, #main_content ol li	{padding-bottom:1.5em;}
#pocetna #main_content ul	{list-style-type:none; padding-left:0;}
#pocetna #main_content ul li{padding-bottom:.4em; background:url(../slices/list_bullet.jpg) no-repeat 0%; padding-left:1.4em;}
#pocetna #main_content ul li.no{background:none;}
.datum					{background:#d79536 url(../slices/datum_back_x.jpg) repeat-x bottom; width:5em; color:#fff1c5; padding:2.8em .2em 0 .5em; margin-bottom:0;}
.services_content p		{padding:0 15px 0 15px;}
.naglaseno_najvaznije	{font-style:normal; font-weight:bold; color:#8b5304; display:block;}
.inline {display:inline;}
.naglaseno				{color:#8b5304; display:block;}
.istaknuto				{color:#d79536; font-family:"Palatino Linotype", Georgia, serif; font-style:normal; text-transform:uppercase; font-weight:bold; line-height:1.8em;}
.list_naglasen			{font-weight:bold; color:#8b5304;font-style:normal;} 
blockquote				{font-size:1.4em; text-align:center; width:280px; margin:auto; display:block; margin-bottom:1.5em; padding-left:1.5em; background:url(../slices/quote.jpg) no-repeat top left;}
.cijena					{text-align:right; font-size:1.1em; line-height:1.3em;}
#wellness.masaze #main_content p{ margin-bottom:.4em;}
.top, .arhiva			{font-size:1.4em;}
.arhiva					{ text-transform:uppercase;}
.arhiva_link {border:none;}						
/*** ___________ Naslovi _________________________***/

h1, h2, h3, h4, h5,.datum, .more_content	{font-family:"Palatino Linotype", Georgia, serif;}
h1#logo										{float:left; margin:40px 145px 0 20px;}
h1#logo	a									{border:none;}
h1						{font-size:2.4em; line-height:1.2em; margin:.3em 0 0 1.4em; width:117px; }
h1, #header h2			{color:#fff; font-weight:normal; font-style:italic;}
#header h2				{font-size:1.8em; line-height:.8em; margin:0 0 0 1.8em; width:117px;}
#main_content h2		{font-size:1.8em; color:#23140d; text-transform:uppercase; font-weight:normal; letter-spacing:.05em; line-height:1.4em; margin:0.9em 0;}
#sec_content h3			{font-size:1.4em; text-align:center; text-transform:uppercase; letter-spacing:.4em; background:#f4f5eb; margin:2em 0 .8em 0; padding: 0.5em 1.5em; border-bottom:#e6d9b2 solid 1px;}
h4						{ font-size:1.6em; text-transform:uppercase; margin:1.5em 0 1.5em 0; border-bottom:#e6d9b2 solid 1px; color:#d79536;}
h5						{font-size:1.6em; padding-bottom:.6em;padding-right: 40px;}
#wellness.aerobic h4	{padding:0 2em 0 2em; text-align:center;}

/*** __________________________________________________________________________________***/
/*** __________ HEADER ________***/

#main_warp, #header, #footer	{width:980px; margin:auto;}
#header							{height:332px; background:url(../slices/header_back_naslova2.jpg) no-repeat;position:relative; }
#pocetna.novosti #main_warp		{background:url(../slices/back_rocks.jpg) no-repeat 97% 94%;}

/*** __________ GLAVNA navigacija & padajuci meni ________***/

#main_navigation			{position: absolute; left:0; top:239px; width: 100%;}
#main_navigation ul 		{float: right;}
#main_navigation li 		{float:left; position: relative;}
#main_navigation a			{display:block; font-size:1.2em;}
	
a.navigacija-a1			{background:url(../slices/menu/pocetna.jpg) no-repeat; width:95px; height:33px;}
a.navigacija-a2			{background:url(../slices/menu/wellness.jpg) no-repeat; width:103px; height:33px;}
a.navigacija-a3			{background:url(../slices/menu/aerobic.jpg) no-repeat; width:95px; height:33px;}
a.navigacija-a4			{background:url(../slices/menu/galerija.jpg) no-repeat; width:95px; height:33px;}
a.navigacija-a5			{background:url(../slices/menu/poklonbon.jpg) no-repeat; width:118px; height:33px;}
a.navigacija-a6			{background:url(../slices/menu/cjenik.jpg) no-repeat; width:79px; height:33px;}
a.navigacija-a7			{background:url(../slices/menu/kontakt.jpg) no-repeat; width:96px; height:33px;}
									 						
.navigacija-a1:hover	{background-position: -95px 0px;}
.navigacija-a2:hover 	{background-position: -103px 0px;}
.navigacija-a3:hover 	{background-position: -95px 0px;}
.navigacija-a4:hover 	{background-position: -95px 0px;}
.navigacija-a5:hover	{background-position: -118px 0px;} 
.navigacija-a6:hover	{background-position: -79px 0px;} 
.navigacija-a7:hover	{background-position: -96px 0px;} 

/* _______________ padajuci meni _____________ */

#main_navigation li ul 					{display: none; position:absolute; top: 33px; left: 0px;}	
#main_navigation li:hover ul ,#main_navigation  li.over ul {display: block; background-color:#fff; border-bottom:#d79536 solid 2px;}	
#main_navigation ul li ul li			{display: list-item; float: none; width:14em;}
#main_navigation ul li ul li a			{ padding-left:1em; padding-bottom:.5em; padding-top:.3em;}
#main_navigation ul li ul li a:hover	{background-color:#fff1c5;}

a.navigacija-a1, a.navigacija-a2, a.navigacija-a3, a.navigacija-a4, a.navigacija-a5, a.navigacija-a6, a.navigacija-a7{text-indent:-9999px; border:none !important; margin-left:.8em;}
										
#pocetna a.navigacija-a1 	{background:url(../slices/menu/pocetna.jpg) no-repeat -95px 0px;}
#wellness a.navigacija-a2	{background:url(../slices/menu/wellness.jpg) no-repeat -103px 0px;}

#wellness.kor a.navigacija-a2, #wellness.poklon a.navigacija-a2, #wellness.galerija a.navigacija-a2, #wellness.kontakt a.navigacija-a2, #wellness.aerobic a.navigacija-a2, #wellness.raspored a.navigacija-a2, #wellness.aerobic_main a.navigacija-a2, #wellness.cjenik a.navigacija-a2	{background:url(../slices/menu/wellness.jpg) no-repeat; width:103px; height:33px;}

#wellness.kor .navigacija-a2:hover, #wellness.poklon .navigacija-a2:hover, #wellness.galerija .navigacija-a2:hover, #wellness.kontakt .navigacija-a2:hover, #wellness.aerobic .navigacija-a2:hover, #wellness.raspored .navigacija-a2:hover, #wellness.aerobic_main .navigacija-a2:hover, #wellness.cjenik .navigacija-a2:hover 	{background-position: -103px 0px;}
#wellness.poklon a.navigacija-a5	{background-position: -118px 0px;}
#wellness.galerija a.navigacija-a4	{background-position: -95px 0px;}
#wellness.kontakt a.navigacija-a7	{background-position: -96px 0px;}
#wellness.cjenik a.navigacija-a6	{background-position: -79px 0px;}
#wellness.aerobic a.navigacija-a3, #wellness.raspored a.navigacija-a3 , #wellness.aerobic_main a.navigacija-a3	{background-position: -95px 0px;}

/*** __________________________________________________________________________________***/
/*** __________ SADRŽAJ ________***/

.left	{float:left;}
.right	{float:right;}

#main_content		{ width:473px; float:left; padding: 0 10px 40px 30px;}
#main_content img	{float:left; padding:.4em; margin:0 .8em .8em 0; background:#d79536;}
.vijest				{clear:both; overflow:hidden; background:url(../slices/vijesti_end.jpg) no-repeat bottom; padding-bottom:2.5em; margin-bottom:2em;}

#sec_content			{width:450px; float:right; padding-bottom:60px;}

.services_content, .partneri		{width:223px;  float:left; margin-right:1px; background:#fff url(../slices/services_back.jpg) no-repeat center top; background-position: 0% 3.5%; border-bottom:#e6d9b2 solid 2px; }
.services_content img	{padding:.8em; background:#d79536;float:left; margin:0 0 1.5em 1.5em;}

.partneri img {padding:.2em;  border: 1px #d79536 solid;float:left; margin:0 0 1.5em 1.5em;}

.more_content 			{font-size:1.2em; font-family:"Palatino Linotype", Georgia, serif; width:122px; float:right; margin-left:1em;}
.more_content a 		{background:#fff1c5 url(../slices/more_con_back.jpg) no-repeat center;text-align:center; padding-top:.2em; border:none; color:#fff; display:block;height:22px; }
.more_content a:hover	{color:#fff1c5; border:none;}
.morespace				{margin-left:8em;}

.korporativna{width:449px; margin:1em 0 0em 0; background:#fff url(../slices/korporativna_back.jpg) no-repeat center top; background-position:50% 6%;}
.korporativna img{margin:0 1.5em 1.5em 1.5em;}



/*** __________________________________________________________________________________***/
/*** __________ FOOTER ________***/

#footer			{clear:both; height:52px; } 
#footer p		{font-size:1.1em; line-height:1em; color:#fff1c5; padding-top:22px;}
#footer a		{border:none; color:#fff;}
#footer a:hover	{color:#fff1c5; text-decoration:underline;}

/*** ____________ korporativna, poklon bon  _________________________________________***/

#wellness.kor .services_content, #wellness.poklon .services_content	{background-position:0% 3.2%;}
#wellness.galerija .services_content								{background-position:0% 8.2%;}
#wellness.kor .korporativna, #wellness.poklon .korporativna			{background-position:50% 6.5%;}

/*** ____________ wellness, aerobic, aerobic/raspored  ___________***/

#wellness #main_content h2	{ background:#ffecaf; text-align:center; padding-top:.7em; letter-spacing:.5em; font-weight:bold;line-height:2.2em; margin-bottom:1em; border-bottom:#e6d9b2 solid 1px;}

#wellness #main_warp						{background:none; }
#wellness #main_content img					{padding:.8em;}
#wellness.aerobic #main_content img			{padding:.4em;}
#wellness.aerobic #main_content img:hover	{background:#c78a32;}

#wellness .services_content					{background-position:0% 4.5%;}
#wellness .services_content ul 				{font-size:1.2em; text-transform:uppercase; padding:1em 0 1.2em 0em;}
#wellness .services_content ul li			{margin-bottom:.7em; background:url(../slices/bullet.jpg) no-repeat 8px 8px;}
#wellness .services_content ul li a			{border:none; display:block; height:1.5em; padding-left:2.5em; padding-top:.2em;}
#wellness .services_content ul li a:hover	{background:#ffecaf url(../slices/bullet.jpg) no-repeat 8px -33px; color:#8b5304; margin-bottom:.7em;}

#wellness .morespace						{float:right; margin-right:8em; display:inline;}

#wellness.aerobic .services_content, #wellness.raspored .services_content, #wellness.aerobic_main .services_content{height:336px;}
#wellness.aerobic .korporativna, #wellness.aerobic_main	.korporativna	{height:226px;}

/*** ____________ galerija slika, aerobic/raspored  _______________________________***/

#wellness.galerija #main_content, #wellness.raspored #main_content		{ width:696px;}
#wellness.galerija #sec_content	, #wellness.raspored #sec_content		{width:227px;}

/*** ____________ slike za galeriju ___________***/

#wellness.galerija #main_content img		{background:none; padding:0; margin:0;}
#wellness.galerija #main_content ul			{list-style-type:none;}
#wellness.galerija #main_content ul li		{padding-bottom:0}

.update_photos li			{float:left; position:relative; margin:0 .8em .8em 0;}
.update_photos a			{padding:.4em; border:#e6d9b2 solid 1px !important; display:block; float:left;}
.update_photos li a:hover	{background:#ffecaf;}

/*** ____________ kontakt ________________________________***/

#wellness.kontakt #main_content ul		{padding-top:1em;}
#wellness.kontakt #main_content p		{padding-left:1em;}
#wellness.kontakt #sec_content			{padding-top:3em;}

/*** __________________________________________________________________________________***/
/*** __________ kontakt forma ________***/

#kontaktforma 			{margin: 0 0 3em 1em; width: 250px; font-size:1.2em;}
#kontaktforma legend	{visibility:hidden;}
#kontaktforma label		{display: block;}

#kontaktforma input, #kontaktforma textarea, #kontaktforma select {width: 250px; margin: 0 0 10px; padding: 4px; background: #ffecaf; border: 1px solid #e6d9b2;}

#kontaktforma input:focus, #kontaktforma textarea:focus	{background: #fff;border: 1px solid #e6d9b2;}
#kontaktforma textarea		{height: 150px;}
#kontaktforma #theSubmit	{width: auto;padding: 3px 7px;background: #23140d;color: #fff;cursor: pointer;}
#message					{font-size:1.1em;font-family: Arial, Helvetica, sans-serif;}

/*** ____________ cjenik ________________________________***/

caption {padding:.4em; text-transform:uppercase;font-size:1.4em; font-family:"Palatino Linotype", Georgia, serif; font-weight:800; text-align:left; margin-top:1.5em;}
table					{margin-bottom:1.5em;width:98%;}
table, th, td 			{border:2px solid #e6d9b2;border-collapse:collapse; margin-left:1px;} 
th 						{background:#d79536; color:#fff1c5; padding:1em .7em 1em .7em;font-weight:bold;font-size:1.2em;}
tbody td, tbody th 		{padding: .8em .8em 1em .8em;font-size:1.2em;text-align:center;} 
td 						{padding:0 10px;}

#wellness.cjenik #main_content table	{float:left; margin-bottom:.8em; margin-left:.4em;}
#wellness.cjenik #main_content caption	{margin-left:.4em;margin-top:.4em;}

#wellness.cjenik #main_content th,
#wellness.cjenik #main_content td		{text-align:left; padding:.4em .4em .4em .8em;}

#wellness.cjenik .services_content		{background-position:0 12px;}
#wellness.cjenik .services_content img	{background:none;}
caption:target							{background:#ffecaf; padding:2em 0 1em 1em;}

#main_content ul.update_list 	{ list-style-type:none; margin-left:9em; margin-bottom:1.5em;}




ul.nekoime{float:right; width:348px;margin-bottom: 12px;}

ul.side-news{font-size:12px; font-weight:bold;color: #8B5304;float:right; width:216px; margin-bottom: 18px;}