/*www.hosthold.com - Copywright 2008 by Tomaž Gerbec*/

* 				{font-size:12px}
html    		{background:url(images/bg.gif);top:0;margin:0;padding:0;height:100%; font:normal 12px Verdana, Arial, Helvetica, sans-serif;color:#000;text-decoration:none}
body    		{display:table;height:100%;background:url(images/bg_top.png) repeat-x; top:0;font-size:12px;margin:0;padding:0; width:100%;height:100%;font-weight:normal;color:#000;text-decoration:none}
body a          {text-decoration:none;color:#0000CC}
body a:hover    {color: #000099; font-size:12px}
body a:active	{color:#000099} 
.wrapper        {min-height:100%; position:relative}
.pushit			{height:90px}

#center	        {margin:0 225px 0 207px;padding-bottom:10px}
#desno			{background:none;border:none;width:193px;height:210px;float:right;position:absolute;top:8px;right:0px}
#desno1			{margin-top:210px; float:right}
#desno2			{background:url(images/contact_form.png) bottom;width:185px;float:right;position:absolute;top:180px;right:0px;padding:0 18px 0 0;line-height:33px; height:319px}
#desno3			{margin:0 auto;padding:0 0 13px 24px;text-align:center;cursor:default}
#desno3	h2		{background:none;font: large bold; padding:8px 4px 7px 0; margin:0 auto; text-align:center}
#desno4			{width:185px;float:right;position:absolute;top:491px;right:15px;height:319px}


a 				{outline:none}
p				{font-size:12px; font-weight:normal;line-height:155%;text-align:justify;color:#575757}
p a:link		{color:#0000CC}
p a:link,p a:hover,p a:active,a{font-size:12px}
p a:hover		{border-bottom:3px solid #ff0000; font-size:12px} 
p a:visited 	{border-bottom:1px solid #0066FF}
p a:visited:hover {border-bottom:3px solid #ff0000; background:url(images/hover.png) repeat-x}
ul li 			{line-height:150%; font-size:13px}
.header1		{padding:0 0 7px 0; height:116px; margin:0 auto; text-align:center; width:100%}

/*Okvirji______*/
.shado 			{border-radius:25px; box-shadow:inset 0 0 15px 8px rgba(93,93,93,0.4);padding:20px 20px 8px 20px}
.shadow 		{border-radius:25px; box-shadow:0 0 15px 5px rgba(93,93,93,0.4)}
.okvir			{border-radius:30px; background:url(images/okvir.png);min-width:554px; margin-top:10px}
.okvir h1		{width:100%; background-position:left; padding-bottom:4px}
.okvir h2		{margin-top:5px}
.okvir h3		{width:100%;color:#575757; padding: 0 0 9px 5px;line-height:22px;margin:0}
.okvir h3 a		{font-size:17px; color:#575757; background-position:left;padding-left:5px;line-height:22px;margin:0}
.okvir h3 a:active{font-size:17px;color:#575757;padding-left:5px;line-height:22px;margin:0}
.okvir h3 a:hover{font-size:17px; color:#000;padding-left:5px;line-height:22px;margin:0}
.okvir img      {border:none}

.okvir1			{background:url(images/okvir.png);min-width:336px;padding:14px;border:#7F8080 solid 1px;border-radius:16px}
.okvir2   		{background:url(images/okvir.png); margin-bottom:20px; min-width:520px; border:#959595 solid 1px; border-radius:17px; letter-spacing:14px; line-height:49px; text-align:center; margin:0 auto}
.okvir2 img     {padding:5px; background-color:#ccc; border: #999 solid 1px; text-align:center; margin:0 auto}
.okvir2 img:hover{background: url(images/flash.gif)}
.okvir2 h1 	    {letter-spacing:0px}
.okvir2 h2 	    {letter-spacing:0px; font-size:14px; font-weight:bold; color:#575757; text-align:left;padding:0 8px 2px 8px; margin-bottom:0}

.okvir3			{background:url(images/okvir.png); margin-bottom:20px; border:#A2A2A2 solid 1px;border-radius:17px}
.okvir3 img		{padding-top:3px}
.okvir3 h1		{padding:2px 4px 4px 16px}
.okvir3 h3		{padding:2px 4px 4px 16px}
.okvir3	p		{letter-spacing:0}
.shadow3 		{border-radius:15px; box-shadow:inset 0 0 10px 3px rgba(128,128,128,0.5)}
.shadowd3 .okvir3 {position: relative; /* This protects the inner element from being blurred */ background-color: #DDD}
.shado3 		{border-radius:15px; box-shadow: 0 0 10px 3px rgba(128,128,128,0.4)}

.okvir4			{background:url(images/okvir1.png); margin-bottom:20px; border:#AFAFAF solid 1px;border-radius:17px;}
.okvir4 h2, .shadow5 h2, .shado5 h2		{margin:0}
.okvir4 ul		{margin-top:0;padding-left:22px; margin-bottom:5px}
.shadow4 		{border-radius:15px; box-shadow:inset 0 0 8px 3px rgba(128,128,128,0.4);padding:16px}
.shado4 		{border-radius:17px; box-shadow: 0 0 8px 3px rgba(128,128,128,0.4)}

.okvir5			{background:url(images/okvir1.png); margin-bottom:20px; border:#AFAFAF solid 1px;border-radius:24px;-moz-border-radius:24px}
.shadow5 		{border-radius:25px; box-shadow:0 0 10px 3px rgba(68,68,68,0.3); padding:0}
.shadowf5 .okvir5{position: relative; /* This protects the inner element from being blurred */ background-color: #DDD}
.shado5			{padding: 11px 9px 14px 9px; border-radius:23px; box-shadow:inset 0 0 18px 8px rgba(104,104,104,0.2)}
.shado5 h2		{padding:0 8px 2px 8px; margin-bottom:0}

.okvir6			{background:url(images/okvir.png); border:#AFAFAF solid 1px;border-radius:25px;margin-bottom:20px}
.okvir6 h1		{padding:4px 4px 4px 13px}
.okvir6 h2		{padding:4px 20px 4px 20px}
.okvir6 h3		{padding:4px 4px 4px 13px}
.okvir6 img		{margin-bottom:-3px}
.shadow6 		{border-radius:19px;box-shadow:inset 0 0 8px 3px rgba(128,128,128,0.3); padding:5px 0 5px 0}
.shadow6 .okvir6 {position: relative; background-color: #DDD/* This protects the inner element from being blurred */ }
.shado6 		{border-radius:23px; box-shadow: 0 0 8px 3px rgba(128,128,128,0.4)}

.span1, .span1 a, .span1 a:link, .span1 a:active {font-size:10px;background: rgba(255, 102, 54, 0.8);color:#fff; font-style:italic; margin-top:2px; text-decoration:none; padding:0 6px 2px 6px; line-height:13px; border:#fff solid 1px; border-radius:8px; float:right; display:compact}
.span1 a:hover, .span1 a:hover, .okvir5 a:hover {background: rgba(255, 102, 54, 1); color:#000000}  

.wrap    		{height:200px; border: solid #B0B0B0 1px;border-radius:20px;line-height:20px}
.shadow13 		{height:152px; border-radius:18px; box-shadow:inset 0 0 10px 3px rgba(128,128,128,0.4)); padding:14px 13px 35px 7px}
.shado13 		{border-radius:20px; box-shadow:0 0 10px 3px rgba(68,68,68,0.3);margin-bottom:18px}
.wrap a:link 	{color:#3333FF; padding-top:20px}.wrap a:hover{color:#000099; text-decoration:underline}
.wrap h2   		{padding-top:0; margin-top:0}
.wrap h2 a		{text-decoration:none}
.wrap h2 a:hover{border-bottom:none; background:none}
.wrapf          {font: bold 16px Georgia, serif; padding:45px 0 2px 0; margin-left:10px}
.wrap1   		{height:100%; display:table-cell; vertical-align:middle; text-align:center; display:inline}
.wrap2    		{padding:13px;width:100%;}
.style3, .wrap h3{background:none;color:#000099;font-size:13px; line-height:15px; letter-spacing:0px}
       
/*END Okvirji_____*/

.nohover a:hover { background-color: transparent; border:none }
.cms_d{float:left}.cms_l{float:left}
.cms1			{border-radius:22px; box-shadow: 0 0 10px 3px rgba(128,128,128,0.4)); width:320px}
.cms2			{border:#7F8080 solid 1px;border-radius:24px;color:#575757;vertical-align:middle;font-weight:bold; margin-top:10px}
.cms2 img		{vertical-align:middle}
.cms3 			{border-radius:22px; box-shadow:inset 0 0 10px 3px rgba(128,128,128,0.4)); padding:9px 10px 7px 10px}


#share			{margin:0 8px;float:right}
.hura 			{letter-spacing:0px; font-size:14px; font-weight:bold; color:#575757; text-align:center; width:100%}
.hura1 			{background:url(images/hura.png) repeat-x top; border-left:#999 solid 1px; border-right:#999 solid 1px; height:4px}
.photopad		{text-align:center; line-height:43px}.photopad a:hover{color:#000}.photopad a:link {color:#000000} .photopad a:active {color: #000000}
.foto   		{padding-right:6px}
.foto h3		{border:none;text-align:right;margin:0;padding:0; color:#848484; font-style:italic; font-size:12px; font-weight:normal}
.gelerija       {width:100%} .gelerija a:hover {color:#535353; font-size:17px}.gelerija a {color:#666; font-size:17px}.gelerija a:link {color:#535353}
.gelerija h1 	{color:#535353; font-size:17px; margin:13px 0 0 2px}

h1				{font-size:17px;color:#575757;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;margin:0;line-height:22px;padding-left:5px}
h1 a, h1 a:hover, h1 a:link{font-size:17px;color:#575757} 
h2				{font-size:12px; font-weight:normal;line-height:155%;text-align:justify;color:#575757}
h2 a:link		{color:#0000CC}
h2 a:link,a:hover,a:active,a{font-size:12px}
h2 a:hover		{border-bottom:3px solid #ff0000; font-size:12px} 
h2 a:visited 	{border-bottom:1px solid #0066FF}
h2 a:visited:hover {border-bottom:3px solid #ff0000; background:url(images/hover.png) repeat-x}
h3				{color:#fff; font-size:17px;text-align:left;line-height:15px;letter-spacing:-0.3px}h3 a:hover{color:#999;font-style:normal}
h3 a			{color:#fff;font-style:normal}
h3 a:active		{color:#575757;font-style:normal}
img.floatLeft 	{float:left;margin:4px; padding:0 10px 1px 0}
img.floatL	 	{float:left; padding-right:6px}
.slike			{margin:0 auto; text-align:center; letter-spacing:10px; line-height:41px}
.ip             {margin-left:20px}

.bl {background: url(images/x_sl.gif) 0 100% no-repeat #e68200; width: 20em;}
.br {background: url(images/x_sd.gif) 100% 100% no-repeat}
.tl {background: url(images/x_zl.gif) 0 0 no-repeat}
.tr {background: url(images/x_zd.gif) 100% 0 no-repeat; padding:10px} 
.clear {font-size: 1px; height: 1px} 

.head1          {background:url(images/head1.png); height:70px; width:31px; position:relative; float:left}
.head2			{background:url(images/head2.png) repeat-x; height:50px;float:left; position:relative; padding-top:15px}
.head2a   		{background:url(images/head2.png) repeat-x; height:50px;float:left; position:relative; padding-top:22px}
.head3			{background:url(images/head3.png);height:70px;width:33px;position:relative;float:left}
.tri         	{margin-left:-2px; letter-spacing:13px}
.tri li			{list-style-type:square; margin-left:20px; letter-spacing:0px}
.focus 			{background:#CBD7FE; border:1px solid #000;width:319px;font-size:14px;height:15px;padding:5px 5px 6px 9px;overflow:auto;display:block;margin-bottom:4px;border-radius:15px}
.input		 	{background:url(images/contact_form_img.jpg) repeat-y; border:1px solid #000;width:150px; padding:2px 2px 4px 6px; margin-bottom:5px;border-radius:11px}
.input:hover 	{border:1px solid #0033CC; background:url(images/contact_form_hover.jpg) repeat-y; color:#000066;cursor:pointer}
.input:active 	{border:1px solid #000; background:url(images/contact_form_hover.jpg) repeat-y; color:#000066}
.button 		{padding:3px 10px 5px 10px; font-weight:bold}
.button:hover   {color:#f00; font-weight:bold}

.style1{font-family:Arial, Helvetica, sans-serif;color:#575757}.style2{font-size:15px;font-weight:bold;padding-top:15px}.style4{font-size:11px;font-style:italic} .style9{font-size:11px}
.sredina  		{text-align:center; padding-bottom:7px; padding-top:3px}
.sredina img  	{border:none}

.sredina a,.sredina a:hover,.sredina a:link,.sredina a:active {color:#000; margin:0 auto; text-align:center;font-size:12px}

.sredina1  		{margin:0 auto; text-align:center;border:none;text-decoration:none; text-align:center}
.sredina1 h1	{text-align:center} .sredina1 img{border:none;text-decoration:none}
.sredina2  		{margin:0 auto; text-align:center; padding-right:19px;font-size:12px}
.font           {color:#575757; font-weight:bold}
.font1          {font-weight:normal}
.hosthold       {text-align:center; width:100%;} 
.hosthold h1    {text-align:center; width:100%;background: none} 
.contact        {margin-right:-150px; font-family:Arial, Helvetica, sans-serif;background:url(images/contact.png) repeat-y;padding-left:10px;line-height:150%; font-weight:bold; color: #838383; width:121px}
.contact_top    {background:url(images/contact_top.png); overflow: hidden;height:10px;width:121px}
.contact_top img{vertical-align:bottom} 
.contact_bottom {background:url(images/contact_bottom.png);width:121px; height:10px}
.cenik          {width:250px;height:35px; background:url(images/header_price.png); padding: 3px 0 0 10px; margin-left:-4px}
.cenik1         {padding-left:7px}
.shadow:before  {position:absolute; display:block; color:#666;padding:2px 0 0 2px; content: attr(title)}
#iepngfix       {background:url(images/blank.gif)}

.hosting        {background:url(images/blue_host.png); width:310px; height:312px; text-align:left}
.blue2          {background:url(images/blue_hosting.png); width:310px; height:312px; text-align:left; padding:27px 0 0 15px}
.blue2 ul	    {font-size:12px; margin-top:2px}
.blue2 li	    {line-height:18px}
.gostovanje     {margin:-62px 40px; float:right}
.dbd_sound      {margin-top:8px}
.seo   	        {text-align:center; letter-spacing:15px; padding:0 0 0 10px}

.middle a       {text-decoration:none; color: #ccc}
.middle a:hover {text-decoration:none; color: #FF9900}
.middle a:active{color:#FF0000} 
.border         {border:solid 1px #999; width:390px; height:284px}
.push{height:35px}.push1{padding-top:13px}.push2{padding:9px 0 9px 0;height:95px;display:block}.push2 img{margin-left:auto;margin-right:auto;display:block}.push5{height:560px} 
.space {height:16px}.space1 {height:6px} .space2 {height:320px} .space3 {height:260px} .space4,.space11,.space7,.space9,.space14{height:10px} .space5{height:25px} .space6{height:63px}
.table1 {background:url(images/tabla2.png)}.tabla {}.mesa {background:url(images/tabla3.png)}
.table1, .tabla, .mesa 	{background-repeat:no-repeat;float:left;margin:10px 0 0 10px;height:105px;width:155px}

.top_meni  	 	  	{width:100%;margin:0 auto; text-align:center;margin:-32px -3px 0 0; font-family:sans-serif; line-height:110%; float:right}
.top_meni a,.top_meni a:link{background:url(images/top1.png) no-repeat;text-align:center;color:#fff;padding:2px 22px 10px 20px;font-size:15px;font-weight:bold}
.top_meni a:hover 	{background:url(images/top2.png) no-repeat;text-decoration:none;color:#fff;font-size:15px;font-weight:bold}
.top_meni a.active, .top_meni a:active{background:url(images/top2.png) no-repeat;color:#fff}

.top_meni1  	 	{width:100%;margin:0 auto; text-align:center;margin:-32px 0px 0 0px; font-family:sans-serif; line-height:110%; float:right}
.top_meni1 a,.top_meni1 a:link{background:url(images/top1.png) no-repeat;text-align:center;color:#fff;padding:2px 14px 10px 20px;font-size:15px;font-weight:bold}
.top_meni1 a:hover 	{background:url(images/top2.png) no-repeat;text-decoration:none;color:#fff;font-size:15px;font-weight:bold}
.top_meni1 a.active, .top_meni1 a:active{background:url(images/top2.png) no-repeat;color:#fff}

#popitmenu{position:absolute;background-color:white;border:1px solid black;line-height:22px;z-index:100;visibility:hidden;border:#0061FD solid 1px;border-width: 1px 2px 2px 2px;}
#popitmenu a{width:74px;font-size:10px;background:url(images/btn_blue1.jpg);text-decoration: none;padding-left:8px;color: black;display: block; color:#fff}
#popitmenu a:hover{background-color: #CCFF9D; font-weight:bold; font-size:10px; color:#fff}

/*MENI LEVO*/
#levo	        {width:170px; float:left; left:0; min-height:100%}
#jezik	       {font-size:10px;background:url(images/jezik.png) no-repeat;height:76px;color:#ccc;padding:11px 0 0 23px;letter-spacing:1px;line-height:28px;font-weight:bold;top:0}
#jezik a:hover	{font-size:10px;color:#ccc}
#jezik a		{font-size:10px;font-weight:bold;text-decoration:none;border:none;color:#fff;letter-spacing:1px}
#jezik img		{text-decoration:none;border:none} 
#jezik a.active {font-size:10px;text-decoration:none; border:none;color:#ccc} 
#jezik input 	{padding:2px 0 0px 3px; width:81px; height:19px; background:url(images/search.png) no-repeat; border:none} 

.meni		    	{margin-top:-1px; width:170px;font-family:sans-serif; line-height:170%}
.meni a	        	{background:url(images/btn_blue1.jpg);height:26px; text-align:left;color:#f7f7f7;padding:2px 0 0 8px}
.meni a:hover		{background:url(images/btn_blue2.jpg) no-repeat;height:26px;width:172px;text-decoration:none;color:#fff;font-size:13px}
.meni a.active, .meni a:active{background:url(images/btn_blue3.jpg) no-repeat;width:172px;text-align:left;padding-left:8px;color:#fff;font-size:13px}
.meni1 a, .meni1 a:hover, .meni1 a:active{background-repeat:repeat-x; display:block;text-decoration:none;font-weight:bold; font-size:13px}

.meni1		    	{margin-top:-1px; width:170px;font-family:sans-serif; line-height:170%}
.meni1 a	    	{background:url(images/btn_grey1.jpg);height:26px;text-align:left;color:#fff;padding:2px 0 0 8px}
.meni1 a:hover		{background:url(images/btn_grey2.jpg);height:26px;text-decoration:none;font-size:13px;color: #F1D507}
.meni1 a:active		{background:url(images/btn_grey2.jpg);text-align:left;padding-left:8px;color: #F1D507}
.meni a, .meni1 a:hover, .meni1 a:active, .meni1 a:active	{background-repeat:repeat-x; display:block;text-decoration:none;font-weight:bold; font-size:13px}


.cross-fade    	{float:left; margin:-38px 0 0 379px}
.appearing-image{position:absolute; cursor:pointer}
.visible-image	{position:absolute; cursor:pointer}

.footer	{background:url(images/footer.jpg) repeat-x;bottom:0;width:100%;height:90px;color:#fff;text-decoration:none;text-align: left;font-size:10px}

.footer1{background:url(images/footer.jpg) repeat-x;position:absolute;bottom:0;width:100%;height:90px;color:#fff;font-size:16px;text-decoration:none;text-align:center;font-size:10px}
.footer p, .footer1 p {font-size:10px;text-align:center; border:none;padding:4px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px}
.footer a img, .footer1 a img {text-decoration:none; border-style:none}.footer a:hover, .footer1 a:hover {font-size:10px;color:#FFDE00}.footer a.active, .footer1 a.active	{font-size:10px;color:#FFDE00}.footer a, a:link, .footer1 a, a:link{font-size:10px;color:#fff;}
.footext{background:url(images/footer_text.png);height:23px;width:154px;float:right;margin:-48px 13px;padding-top:4px;font-size:10px}
.footext a, .footext a:link{color:#fff; font-size:10px}
.footext a:hover {color:#FFDE00; border:none}
.footext p{margin:0}

.footleft{margin:0 auto; letter-spacing:4px}

.active_footer {color: #FFCC00;font-size:10px}
.foot_links{background:url(images/footer_links.png);height:62px;width:539px;margin:0 auto;padding-top:7px;line-height:25px;font-size:10px}
.foot_links1{background:url(images/footer_links1.png);height:62px;width:480px;margin:0 auto;padding-top:9px;margin-top:2px;line-height:27px;font-size:10px}
.foot_links2{background:url(images/footer_links2.png);height:62px;width:457px;margin:0 auto;padding-top:9px;margin-top:2px;line-height:27px;font-size:10px}
.foot_links, .foot_links1, .foot_links2, .okvir_rl, .okvir_rd, .okvir-bot, .head1, .head3, .box_bottom, #desno2, #jezik, .box_rbottom, .box_rtop, .contact_top, .contact_bottom, .cenik, .hosting, .blue2, .footext {background-repeat:no-repeat}

.glossymenu								{padding:0; width:170px;border-bottom-width:0}
.glossymenu a.menuitem{background: url(images/btn_blue1.jpg);font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;color: white;display: block;position: relative; width: auto;padding: 4px 0 7px 10px;text-decoration:none}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color:white}
.glossymenu a.menuitem .statusicon		{position:absolute;top:5px;right:5px;border:none}
.glossymenu a.menuitem:hover			{background-image:url(images/btn_blue2.jpg)}
.glossymenu .menuitem#active    		{background:url(images/btn_blue3.jpg)}
.glossymenu div.submenu					{background:white}
.glossymenu div.submenu ul				{list-style-type: none;margin: 0;padding: 0}
.glossymenu div.submenu ul li			{background: url(images/ac_glossyback.gif) repeat-x bottom left;border-bottom: 1px solid blue}
.glossymenu div.submenu ul li a, .glossymenu div.submenu ul li a:visited{color:#fff;display:block;font:normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;text-decoration:none;padding:2px 0 5px 10px}
.glossymenu div.submenu ul li a:hover 	{background:url(images/ac_glossyback2.gif) repeat-x bottom left}
.glossymenu div.submenu li.active a, .glossymenu div.submenu li.active a:hover{background:url(images/btn_blue3.jpg);cursor:pointer}
.submenuheader {cursor:pointer}

.box	        	{width:172px; background: #036CFF}
.box_bottom     	{width:172px;height:59px; background-image:url(images/picture_bottom.png); padding: 0px 0 0 10px; font-size:6px}
.box_rtop	    	{width:163px;height:59px; background:url(images/picture_top.png)}
.box_etop	    	{width:172px;height:59px; background:url(images/picture_top1.png); border: #FF0000 1px solid}

.okvir_obroba   {width:84px; height:470px}
.okvir_obroba a:hover {color:#0066FF}
.okvir_ru		{background:url(images/okvir.png) repeat-x; height:22px;float:left; position:relative}
.okvir_rl		{background:url(images/okvir_levo.png); height:22px; width:10px;float:left;position:relative}
.okvir_rd		{background:url(images/okvir_desno.png); height:22px; width:9px;float:left;position:relative}

.contact_top    {background:url(images/contact_top.png); overflow: hidden;height:10px;width:121px}
.contact_top img{vertical-align:bottom} 
.contact_bottom {background:url(images/contact_bottom.png);width:121px; height:10px}
.cenik          {width:250px;height:35px; background:url(images/header_price.png); padding: 3px 0 0 10px; margin-left:-4px}
.cenik1         {padding-left:7px}



/*END - www.hosthold.com - Copywright 2007 by Tomaž Gerbec*/
