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


@media handheld {

* 				{font-size:12px}
body,html 	 {background: #000000; 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:#2F67FD; 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}

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		{color: #E90106; text-decoration:underline;font-size:12px} 
h2 a:visited 	{text-decoration:underline;font-size:12px}
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}
h4{font-size:15px; font-weight:normal}h4 a:link{font-size:15px;color:#0000CC}h4 a:hover{font-size:15px;color:#2F67FD}
h5{color:#7C6FFD;font-size:12px}h5 a:hover{color:#0033CC}h5 a{color:#7C6FFD}h5 a:active{text-decoration:blink;color:#330099}
h6{color:#333;font-size:15px}h6 a:hover{color: #fff}h6 a:active{text-decoration:blink; color:#fff}
ul li 			{list-style-type:circle; line-height:150%; color:#990000; font-size:13px}

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}
.wrap1   		{height:100%; display:table-cell; vertical-align:middle; text-align:center; display:inline}

.style3 {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}
.okvir			{background:url(images/background.png) repeat-y; vertical-align:top; padding: 10px 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 img      {border:none}
.okvir-top		{background:url(images/background_top.png);overflow: hidden; height:9px}
.okvir-top img  {vertical-align:bottom} 
.okvir-bottom	{background:url(images/background_bottom.png); height:9px}
.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: none #0000CC;width:185px;float:right;position:absolute;top:198px;right:0px;padding:0 18px 0 0;line-height:33px;background-position:bottom; height:319px; border:#000 solid 1px}
#desno3			{margin:0 auto;padding:0 0 13px 22px;text-align:center}
#desno3 h1  	{background:none;padding:10px 4px 9px 0; margin:0 auto; text-align:center}
.focus 			{background-color: #FEFAC7; border:1px solid #999;width:350px; height:15px; padding:3px;overflow:auto;display:block;margin-bottom:4px}
.focus1			{background:url(images/contact_form_img.jpg) repeat-y; border:1px solid #999;width:150px; padding:2px; margin-bottom:5px}
.focus2			{background:url(images/focus.jpg) repeat-x; border:1px solid #999;width:350px; height:15px; padding:3px;overflow:auto;display:block;margin-bottom:8px}
#jezik	       {font-size:10px;background: none;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} 
.style1 {font-family: "Times New Roman", Times, serif} .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}
.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:19px 0 0 3px}
.blue2 ul li    {font-size:12px}
.dbd_sound      {margin-top:8px}
.photopad		{text-align:center}.photopad a:hover{color:#000}.photopad a:link {color:#000000} .photopad a:active {color: #000000}
.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:23px 10px 0 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 20px; line-height:5px}
.middle h2 	    {letter-spacing:0px; padding: 0px 0 10px 32px; font-size:14px; font-weight:bold; color:#575757; text-align:left}
.middle h3 	    {letter-spacing:0px; padding: 0px 20px 10px 20px; font-size:12px; font-weight:normal; color:#575757;text-align:justify}
.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} 
.hosthold       {text-align:center; width:100%} 
.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}
.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}
.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 23px 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}
#levo	        {width:170px; float:left; left:0; min-height:100%}
#desno{background: none;border:none;width:193px;height:210px;float:right;position:absolute;top:0;right:0px;padding:7px 17px 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}

.box	        	{width:172px; background: #036CFF}
.box_bottom     	{width:172px;height:59px; background-image:url(images/picture_bottom.png)}
.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:none;height:26px; text-align:left;color:#f7f7f7;padding:2px 0 0 8px}
.meni a:hover		{background:none;height:26px;width:172px;text-decoration:none;color:#fff;font-size:13px}
.meni a.active, .meni a:active{background:none;width:172px;text-align:left;padding-left:8px;color:#fff;font-size:13px}
.meni1 a, .meni1 a:hover, .meni1 a:active, .meni1 a:active	{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;filter:alpha(opacity=100)}
.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*/