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

* 				{font-size:12px}
body,html 	 {background:url(images/bg.gif); top:0;font-size:12px;margin:0;padding:0;height:100%;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;color:#000;text-decoration:none}
body            {background:url(images/bg_top.png) repeat-x}
body a          {text-decoration:none;color:#0000CC}
body a:hover    {color: #000099; font-size:12px}
body a:active	{color:#000099} 
a 				{outline:none}
p				{font-family:georgia, arial, verdana, sans-serif; font-size:10px; color:#575757; font-weight:bold}
.wrapper        {min-height:100%; position:relative}
ul li 			{list-style-image:url(images/list.gif); line-height:150%; font-size:13px}
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; padding-left:5px}
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}
.wrap    		{border:dashed #B0B0B0 1px;padding:13px;margin-right:13px;width:98%;min-height:152px;display:table-cell;vertical-align:middle}
.wrap a:link 	{color:#3333FF}.wrap a:hover{color:#000099;border-bottom:2px solid #ff0000}
.wrap1   		{height:100%; display:table-cell; vertical-align:middle; text-align:center; display:inline}
.wrap2    		{padding:13px;margin-right:13px;width:100%;min-height:152px;display:table-cell;vertical-align:middle}
.style3, .wrap h3{background:none;color:#000099;font-size:13px;padding-top:8px;margin-left:5px; display: table-cell;border-top:dashed #ccc 1px; width:100%}
.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} 

.okvir			{background:url(images/background.png) repeat-y; vertical-align:top; padding: 5px 20px 3px 20px}
.okvir h1		{background:url(images/h1_bg.png) no-repeat left bottom; background-position:left; padding-bottom:4px}
.okvir h2		{margin-top:5px}
.okvir h3		{background:url(images/h1_bg.png) no-repeat left bottom; color:#575757; background-position:left;padding: 0 0 4px 5px;line-height:22px;margin:0}
.okvir h3 a		{font-size:17px;background:url(images/h1_bg.png) no-repeat left bottom; color:#575757; background-position:left;padding: 0 0 4px 5px;line-height:22px;margin:0}
.okvir h3 a:active{font-size:17px;background:url(images/h1_bg.png) no-repeat left bottom;color:#575757;padding:0 0 4px 5px;line-height:22px;margin:0}
.okvir h3 a:hover{font-size:17px;background:url(images/h1_bg.png) no-repeat left bottom;color:#000;padding:0 0 4px 5px;line-height:22px;margin:0}
.okvir img      {border:none}
.okvir-top		{background:url(images/background_top.png);overflow: hidden; height:10px}
.okvir-top img  {vertical-align:bottom} 
.okvir-bottom	{background:url(images/background_bottom.png); height:10px}
.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}
#desno1			{margin-top:247px; float:right}
#desno2			{background:url(images/contact_form.png);width:185px;float:right;position:absolute;top:198px;right:0px;padding:0 18px 0 0;line-height:33px;background-position:bottom; height:319px}
#desno3			{margin:0 auto;padding:0 0 13px 24px;text-align:center;cursor:default}
#desno3	h2		{background:none;font: large bold; padding:10px 4px 9px 0; margin:0 auto; text-align:center}
.focus 			{background:#CBD7FE;border:1px solid #000;width:350px; height:15px; padding:3px;overflow:auto;display:block;margin-bottom:4px}
.input		 	{background:url(images/contact_form_img.jpg) repeat-y; border:1px solid #000;width:150px; padding:2px; margin-bottom:5px}
.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: "Times New Roman", Times, serif}.style2{font-size:15px; font-weight: bold;padding-top:15px}.style4{font-size:11px;font-style:italic}.style9{font-size:11px}
.sredina  		{margin:0 auto; text-align:center; padding:5px 0 30px 26px;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}
.sredina a,.sredina a:hover,.sredina a:link,.sredina a:active {color:#000; margin:0 auto; text-align:center;font-size:12px}
.sredina2  		{margin:0 auto; text-align:center; padding-right:19px;font-size:12px}
.kontakt		{float:left; padding-top:8px}
.font           {color:#575757; font-weight:bold}
.font1          {color:#003399; font-weight:normal}
.font2{background:url(images/frame-spodaj.png) repeat-x bottom;border:solid 2px #8CBEFB;padding:7px;color:#575757;vertical-align:middle;font-weight:bold;display:table-cell}
.font2 img{vertical-align:middle}

.font3 {background:url(images/frame-spodaj.png) repeat-x bottom;border:solid 2px #ADE38C;padding:3px;color:#575757;font-weight:bold;display:inline-table;font-size:11px}
.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}
.line			{border-top:#ccc dashed 1px;margin-right:20px}
.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:295px; height:303px; text-align:left}
.blue2          {background:url(images/blue_hosting.png); width:295px; height:303px; text-align:left; padding:18px 0 0 3px}
.blue2 ul	    {font-size:12px; margin-top:2px}
.blue2 li	    {line-height:18px}

.dbd_sound      {margin-top:8px}
.photopad		{text-align:center; line-height:43px}.photopad a:hover{color:#000}.photopad a:link {color:#000000} .photopad a:active {color: #000000}
.foto h3		{background:none; text-align:right; font-size:12px; font-weight:normal; padding:15px 26px 0 0; color: #999}
.seo   	        {text-align: center; letter-spacing:15px; padding:10px 31px 10px 31px}
.middle   {width:97%;text-align:center;letter-spacing:14px;line-height:49px;border:2px solid #ccc;padding:26px 10px 26px 10px;margin:3px 0 10px;background-color:#E0E0E0}
.middle img     {padding:5px; background-color:#ccc; border: #999 solid 1px}
.middle img:hover{background: url(images/flash.gif)}
.middle h1 	    {letter-spacing:0px; padding: 0 0 20px 10px; line-height:5px}
.middle h2 	    {letter-spacing:0px; padding: 0px 0 10px 32px; font-size:14px; font-weight:bold; color:#575757; text-align:left}
.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}

.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}
.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}

.footer{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}
.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; line-height:70%}
.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:3px;font-size:10px}.footext p{margin:0}
.footleft{float:left;margin:30px 0 0 13px;padding-top:3px; letter-spacing:4px}


.foot_links{background:url(images/footer_links.png);height:62px;width:539px;margin:0 auto;padding-top:9px;margin-top:2px;line-height:27px;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-top, .okvir-bottom, .okvir-bot, .head1, .head3, .box_bottom, #desno2, #jezik, .box_rbottom, .box_rtop, .contact_top, .contact_bottom, .cenik, .hosting, .blue2, .footext {background-repeat:no-repeat}

.header1			{padding:0; height:116px; margin:0 auto; text-align:center; width:100%}

.top_meni  	 	  	{width:100%;margin:0 auto; text-align:center;margin:-25px -3px 0 0; font-family:sans-serif; line-height:110%; float:right}
.top_meni a		  	{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:-25px 0px 0 0px; font-family:sans-serif; line-height:110%; float:right}
.top_meni1 a		{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}
.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}

#center	        {margin:0 199px 0 194px;padding-bottom:100px}
#desno{background: none;border:none;width:193px;height:210px;float:right;position:absolute;top:0;right:0px;padding:7px 25px 0 0}

#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}

.span1, .span1 a, .span1 a:link, .span1 a:active {font-size:11px; color:#0066FF; font-style:italic; text-decoration:none}
.span1 a:hover {font-size:11px; color: #FF0000; font-style:italic; text-decoration:none}         

/*MENI LEVO*/
#levo	        {width:170px; float:left; left:0; min-height:100%}
#jezik	       {font-size:10px;background:url(images/jezik.png) no-repeat;height:77px;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} 

.box	        	{width:172px; background: #036CFF}
.box_bottom     	{width:172px;height:59px; background-image:url(images/picture_bottom.png); padding: 10px 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)}
.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}
      
.topItem		{background:url(images/arrow-up-title.jpg) no-repeat 0 0;padding-left:9px;width:162px;height:27px;font-weight:bold;font-size:13px;background-position:center center;border:none;color:#fff;line-height:170%}
.topItemOver	{background: url(images/arrow-up-title-on.jpg) no-repeat 0 0;width:172px;height:27px;margin-left:-9px;padding-left:18px;font-weight:bold;font-size:13px;background-position:center center;color:#fff;line-height:170%}
.topItemClose	 {background:url(images/arrow-down-title.jpg) no-repeat 0 0;padding-left:9px;width:162px;height:27px;background-position:center center;font-weight:bold; font-size:13px;color:#fff;line-height:170%}
.topItemCloseOver{background:url(images/arrow-down-title-on.jpg) no-repeat 0 0;padding-left:9px;width:172px;height:27px;margin-left:-9px;padding-left:18px;background-position:center center;font-weight:bold; font-size:13px;color:#fff;line-height:170%}
.dropMenu		{height:27px;font-weight:bold;font-size:11px; color:#000}
.subMenu		{height:27px;display:block}
.subItem		{height:27px;text-decoration:none;color:#fff}
.subItem a		{height:27px;text-decoration:none;color: #fff}
.subItemOver	{height:27px;background:url(images/btn_blue3.jpg) no-repeat;width:172px;text-align:left;padding-left:8px;color:#fff}
.subItemOver a	{height:27px;color:#003399;cursor:pointer;color: #fff;text-decoration:none;cursor:pointer}
.subItemOver a:hover{height:27px;background:url(images/btn_blue2.jpg) no-repeat;width:172px;text-align:left;margin-left:-8px;padding-left:9px;color:#fff}

/*price*/
.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*/