/*
Theme Name: SuperHost - strona glowna
Theme URI: http://superhost.pl/
*/

/* belka aktualnosci i RSS */

#NewsWrapper { width: 960px; clear: both; margin: 0 auto 0 auto; position: relative; background: url("/img/site/newsticker.png") no-repeat; overflow: hidden; }
#NewsWrapper #GRSS { width: 40px; height: 30px; float: left; }
#NewsWrapper #GRSS #RSSlink { margin-left: 15px; margin-top: 5px; }
#NewsWrapper #GNewsTitle { float: left; width: 85px; height: 30px; margin: 8px 0 0 10px; font: normal 10px Arial; color: #666666; }
#NewsWrapper #GNewsTitle a { font: normal 10px Arial; color: #666666;}
#NewsWrapper #GNewsTickerLabel { position: absolute; left: 0px; top: 0px; }
#NewsWrapper #GNewsTickerNav {float: left; margin-top: 5px; z-index: 1; width: 36px;}
#NewsWrapper #GNewsTickerNav .prev {display:block; background: url("/img/themeimg/home-akt-prev.png") no-repeat 0px 0px; border:0px; width: 16px;height:16px; float:left}
#NewsWrapper #GNewsTickerNav .prev:hover {background: url("/img/themeimg/home-akt-prev.png") no-repeat 0px -16px;}
#NewsWrapper #GNewsTickerNav .next {display:block; background: url("/img/themeimg/home-akt-next.png") no-repeat 0px 0px; border:0px; width: 16px;height:16px; float: right;}
#NewsWrapper #GNewsTickerNav .next:hover {background: url("/img/themeimg/home-akt-next.png") no-repeat 0px -16px;}
#NewsWrapper #GNewsTicker { width: 700px; height:30px; float: left; }
#NewsWrapper #GNewsTicker ul { padding-top: 0px; padding-left: 0px; margin: 5px 0px 0px 0px; }
#NewsWrapper #GNewsTicker ul li { background-color: whitesmoke; }
#NewsWrapper #GNewsTicker ul li a { font: normal 12px Arial; text-decoration: none; color: #004b8c;  }
#NewsWrapper #GNewsTicker ul li a:hover { text-decoration: underline; }

/*NOWY HOME*/
#main-oferta {width:960px;}
#oferta-top {width:960px; height:28px; display:block; background: url('/img/site/pakiety_bg.png') 0 0 no-repeat;}
#oferta-domeny {float:left; width:304px; height:365px; background: url('/img/site/pakiety_bg.png') 0px -28px no-repeat;}
#oferta-hosting {float:left; width:352px; height:365px; background: url('/img/site/pakiety_bg.png') -304px -28px no-repeat;}
#oferta-serwery {float:left; width:304px; height:365px; background: url('/img/site/pakiety_bg.png') -656px -28px no-repeat;}
#oferta-cien {width:960px; height:60px; display:block; clear:both; background: url('/img/site/pakiety_bg.png') 0px -393px no-repeat;}

/*nagłówki*/
h1#hostingwww-title {width:239px; height:27px; background: url('/img/site/glowna_przyciski.png') -271px 0px no-repeat; display:block; margin:30px auto 0; overflow:hidden;}
h3#hostingwww-subtitle {width:239px; height:15px; background: url('/img/site/glowna_przyciski.png') -271px -90px no-repeat; display:block; margin:15px auto 0; overflow:hidden;}
#hostingwww-title a {text-indent: -2500px; display:block;width:239px; height:27px; text-align:center; color:#202020; font-family:Arial; font-size:26px;}
#hostingwww-subtitle a {text-indent: -2500px; display:block;width:239px; height:15px; text-align:center; color:#848484; font-family:Arial; font-size:13px;}

h1#domeny-title {width:239px; height:27px; background: url('/img/site/glowna_przyciski.png') -271px -30px no-repeat; display:block; margin:55px auto 0; overflow:hidden;}
h3#domeny-subtitle {width:239px; height:15px; background: url('/img/site/glowna_przyciski.png') -271px -105px no-repeat; display:block; margin:13px auto 0; overflow:hidden;}
#domeny-title a {text-indent: -2500px; display:block;width:239px; height:27px; text-align:center; color:#202020; font-family:Arial; font-size:24px;}
#domeny-subtitle a {text-indent: -2500px; display:block;width:239px; height:15px; text-align:center; color:#848484; font-family:Arial; font-size:13px;}

h1#serwery-title {width:239px; height:27px; background: url('/img/site/glowna_przyciski.png') -271px -60px no-repeat; display:block; margin:55px auto 0; overflow:hidden;}
h3#serwery-subtitle {width:239px; height:15px; background: url('/img/site/glowna_przyciski.png') -271px -120px no-repeat; display:block; margin:13px auto 0; overflow:hidden;}
#serwery-title a {text-indent: -2500px; display:block;width:239px; height:27px; text-align:center; color:#202020; font-family:Arial; font-size:24px;}
#serwery-subtitle a {text-indent: -2500px; display:block;width:239px; height:15px; text-align:center; color:#848484; font-family:Arial; font-size:13px;}

/*listy*/
#main-oferta ul {font-family:Arial, Helvetica,sans-serif; font-size:14px; color:#202020; text-align:center; line-height: 24px; margin:13px auto 0; padding:0;}
#main-oferta li {list-style-type: none;}
#oferta-serwery ul {margin:17px auto 0 auto !important;}

/*Przyciski do pakietów*/
a#search_domain_main_site_trigger {float:right;width:57px; height:41px; background: url('/img/site/glowna_przyciski.png') -181px -150px no-repeat; text-indent: -2500px;}
a#search_domain_main_site_trigger:hover {background-position:-181px -193px;}
a#search_domain_main_site_trigger:active {background-position:-181px -236px;}
#oferta-domeny span.link {display:block; width:251px; text-align:left; margin:145px auto 0; font-size:12px; font-family:Verdana;}

a.hosting-btn {display:block;width:271px; height:50px; background: url('/img/site/glowna_przyciski.png') 0px 0px no-repeat; margin:117px auto 0 auto; text-indent: -2500px;}
a.hosting-btn:hover {background-position:0 -50px;}
a.hosting-btn:active {background-position:0 -100px;}
#oferta-hosting span.link {display:block; width:271px; text-align:center; margin:0 auto; font-size:12px; font-family:Verdana;}

a.serwery-btn {display:block;width:181px; height:43px; background: url('/img/site/glowna_przyciski.png') 0px -150px no-repeat; margin:97px auto 0 auto; text-indent: -2500px;}
a.serwery-btn:hover {background-position:0 -193px;}
a.serwery-btn:active {background-position:0 -236px;}	

#main-opis{width:960px; margin-bottom:30px;}
#opis-left{float:left;width:655px; border-right: 1px solid #e4e4e4;}
#opis-right{float:right;width:304px;}
#opis-left-up{clear:both;}
	.opis-pozycja {float:left; width:195px;height:220px; margin-right:22px}
	.opis-pozycja img {float:left;}
	.opis-pozycja .opis-tytul {width:195px; height:18px; margin:0 0 8px 0;}
	.opis-pozycja .opis1img { background: url('/img/site/glowna_napisy.png') 0px 0px no-repeat;}
	.opis-pozycja .opis2img { background: url('/img/site/glowna_napisy.png') 0px -20px no-repeat;}
	.opis-pozycja .opis3img { background: url('/img/site/glowna_napisy.png') 0px -40px no-repeat;}
	.opis-pozycja p {float:left;font-size:11px; margin:5px 0 0 0; font-family:Verdana; color:#555;}
#opis-left-down{clear:both;}
#porownanie-tytul{width:630px; clear:both}
	#porownanie-tytul img {width: 425px; height:18px; margin:0 0 8px 0; background: url('/img/site/glowna_napisy.png') 0px -60px no-repeat;}
.porownanie-pozycja {float:left; width:140px;height:250px; border-right: 1px solid #e4e4e4; margin-right:15px;}
.porownanie-parametr {width:140px;display:block;}

#referencje-tytul {border-bottom: 1px solid #e4e4e4;text-align:right; margin-left:30px;}
	#referencje-tytul img {width: 280px; height:45px; margin:0 0 8px 0; background: url('/img/site/glowna_napisy.png') 0px -80px no-repeat;}
.referencje-pozycja {text-align:right; margin:50px 0 0 30px; font-size:11px; color:#515151; line-height:20px; font-family:Verdana; color:#555;}
	.referencje-pozycja span {float:right; font-weight:bold; color:#202020;width:100%;}
	
	
.ajax-loader2 {background: url("/wp-content/plugins/ShBasket/media/ajax-loader.gif") no-repeat; height: 16px; opacity: 0.8; width: 16px; display: none; float:left; margin-top:12px;}
#search_domain_main_site_form {width:251px; height:41px; background: url('/img/site/glowna_przyciski.png') 0px -279px no-repeat; margin: 24px auto;}
#szukaj-input {width:165px; height:41px; float:left; background: transparent; border:0; padding:0 0 0 10px; margin:0; line-height:41px;}






/*TABELA Z PAKIETAMI*/
#pakiety_head {width:625px;margin:0;border:0; border-collapse: collapse; font-family: Arial,Helvetica,Garuda,sans-serif; font-size:12px; color:#202020;}
#pakiety_head #top1 td{background:#fff; height:35px;}
#pakiety_head td {text-align:center; vertical-align:middle; padding:0; margin:0;border-bottom:1px solid #e4e4e4;}

#pakiety_parametry {width:625px;margin:0;border:0;border-collapse:collapse; font-family: Arial,Helvetica,Garuda,sans-serif; font-size:12px; color:#202020;}
#pakiety_parametry tr  {border-bottom:1px solid #e4e4e4;height:30px; text-align: center;}
td.polecamy {background:#ededed;}
#pakiety_parametry td {text-align:center; vertical-align:middle; padding:0; margin:0; border-bottom:1px solid #e4e4e4;}

#pakiety_parametry .parametr {text-align:right;font-weight:bold; padding-right:15px;}
#pakiety_parametry .sh, #pakiety_bottom .sh, #pakiety_head .sh  {background:#ededed !important; font-weight:bold;}
#pakiety_parametry td.cena {background:#f6f6f6; font-weight:bold; font-size:17px;}
	.cena_porownanie {background:#fff !important; padding:10px 0 !important; line-height:14px;}	
	small.porownanie_sub {font-size:11px; font-weight:normal;}
	
span.porownanie-link {font-size:12px; margin-top:8px; float:left; font-family:Verdana;}


/*SLIDESHOW*/
#featured{width:960px;height:250px;background:#000 url('/img/slideshow/loading.gif') no-repeat center center;overflow:hidden}
#featured>img, #featured>div,#featured>a{display:none}
div.orbit-wrapper{ width:1px; height:1px; position:relative}
div.orbit{ width:1px; height:1px; position:relative; overflow:hidden}
div.orbit>img{ position:absolute; top:0; left:0; display:none}
div.orbit>a{ border:none; position:absolute; top:0; left:0; line-height:0; display:none}
.orbit>div{ position:absolute; top:0; left:0; width:100%; height:100%}
div.timer{width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.6;cursor:pointer;z-index:1001}
span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;background:url(/img/slideshow/rotator-black.png) no-repeat;z-index:3}
span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden}
span.rotator.move{left:0}
span.mask.move{width:40px;left:0;background:url(/img/slideshow/timer-black.png) repeat 0 0}
span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background:url(/img/slideshow/pause-black.png) no-repeat;z-index:4;opacity:0}
span.pause.active{background:url(/img/slideshow/pause-black.png) no-repeat 0 -40px}
div.timer:hover span.pause,span.pause.active{ opacity:1}
.orbit-caption{ display:none; font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif}
.orbit-wrapper .orbit-caption{ background:#000; background:rgba(0,0,0,.6); z-index:1000; color:#fff;text-align:center;padding:7px 0; font-size:13px; position:absolute; right:0; bottom:0; width:100%}
div.slider-nav{display:block}
div.slider-nav span{width:78px;height:100px;text-indent:-9999px;position:absolute;z-index:1000;top:50%;margin-top:-50px;cursor:pointer}
div.slider-nav span.right{background:url(/img/slideshow/right-arrow.png);right:0}
div.slider-nav span.left{background:url(/img/slideshow/left-arrow.png); left:0}
.orbit-bullets{position:absolute;z-index:1000;list-style:none;bottom:-10px;right:-7px;padding:0}
.orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;background:url(/img/slideshow/bullets.png) no-repeat 4px 0; width:13px; height:12px; overflow:hidden}
.orbit-bullets li.active{ color:#222; background-position:-8px 0}
.orbit-bullets li.has-thumb{ background:none; width:100px; height:75px}
.orbit-bullets li.active.has-thumb{ background-position:0 0; border-top:2px solid #000}

/*LOGOWANIE*/
#logowaniemenu, #logowaniemenu ul {list-style: none; -moz-box-shadow: 0px 5px 10px #000;-webkit-box-shadow: 0px 5px 10px #000;box-shadow: 0px 5px 10px #000;}
#logowaniemenu, #logowaniemenu * { padding: 0; margin: 0; }
#logowaniemenu li.logowanierozwin { width: 175px; float: right;text-align: center; }
#logowaniemenu li.logowanierozwin { display: block;}
#logowaniemenu li.logowanierozwin span.logowanierozwinspan {background:url('/img/site/panelklienta03.png') 0 0; width:175px; height:78px; display:block;}
#logowaniemenu li.logowanierozwin ul { display: none; text-align: left; width:175px; background: #f4f4f4; z-index:9999; position:absolute; margin:-10px 0 0 0px; }
#logowaniemenu li.logowanierozwin:hover ul { display: block; }
#logowaniemenu li.logowanierozwin ul li{border-bottom: 1px dotted #666;}
#logowaniemenu li.logowanierozwin ul li:hover { background: #004b8c;}
#logowaniemenu li.logowanierozwin ul li a {color:#202020; text-decoration:none; font-weight:normal; font-size:11px; display:block; width: 165px;  padding: 5px 5px;}
#logowaniemenu li.logowanierozwin ul li a span{text-decoration:none; font-weight:bold; font-size:13px;}
#logowaniemenu li.logowanierozwin ul li a:hover {color:#fff;}