@CHARSET "UTF-8";
body {font-size:76%; font-family:"trebuchet MS", verdana, arial, sans-serif; background: white; word-wrap:break-word; max-width: 1400px; margin: 0px auto; background:transparent url(/site/img/htmlbg.gif) repeat-x top left;}

#outer1 {float:left; width:180px; padding:0px}
#outer3 {float:right; width:180px; padding:0px;}
#outer2 {margin:10px 200px;}

#outer1, #outer2, #outer3 {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {overflow:hidden}

#footer {clear:both}

.content {padding:0px;}
h1 {font-size:20px; margin:0; padding:10px 0; color:black;}
h3 {font-size:18px; margin:0; padding:8px 0;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
a {color:#3484a9}

#header {height: 160px;}
#logo {width: 175px; height: 135px; margin: 10px 0px 0px 5px; padding: 0px; float: left}
#logo img {margin: 0px; padding: 0px}

#footer p,
#footer a:hover {text-decoration:none;}

.clr {clear: both}

a img {border: none}

#cu3er {display: block; float: left; margin-top: 15px}

/* BOXY Z LINKAMI NA GŁÓWNEJ STRONIE */

#topBoxCats{padding: 0px; color: #505050; margin: 5px auto}
.topBoxCat {background: transparent; float:left; width: 24%; min-width: 110px; height: 160px;padding:0px; margin: 0px 0px 0px 0px}
.topBoxCat ul{padding: 0;margin: 0}
.topBoxCat ul li{margin: 3px 0px 0px 0px; padding-left: 5px; list-style-type: none; background: transparent}
.topBoxCat ul li.first{	background:transparent;	margin:0; padding:0; font-size:13px;font-weight:bold;}
.topBoxCat ul li a{color: #505050;	font-size: 11px; text-decoration: none}
.topBoxCat ul li.first a{ font-size: 13px; font-weight: bold;}
#topBoxCat1 {background: url(/site/img/topcat/odbiorniki_hd.png) right no-repeat;}
#topBoxCat2 {background: url(/site/img/topcat/odbiorniki_sd.png) right no-repeat;}
#topBoxCat3 {background: url(/site/img/topcat/anteny.png) right no-repeat;}
#topBoxCat4 {background: url(/site/img/topcat/anteny_naziemne.png) right no-repeat;}
#topBoxCat5 {background: url(/site/img/topcat/kabel_sat.png) right no-repeat}
#topBoxCat6 {background: url(/site/img/topcat/modul.png) right no-repeat;}
#topBoxCat7 {background: url(/site/img/topcat/konwerter.png) right no-repeat;}
#topBoxCat8 {background: url(/site/img/topcat/multimedia.png) right no-repeat;}

/* GŁÓWNE MENU NA GÓRZE */

#stylefour{position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url(/site/img/bgoff.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:4px solid #B30000;}
#stylefour ul{margin:0 auto;padding:0;list-style-type:none;width:650px;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a {display:block;float:left;color:#666;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(/site/img/bgdivider.gif) no-repeat top right;}
#stylefour ul li a.last{background: none}
#stylefour ul li a:hover,#stylefour ul li a.current{color:#B30000}


/* GŁÓWNA STRONA PROMOWANE PRODUKTY */

.mpdivider {display: block; width: 100%; height: 20px; float: left; margin: 10px 0px; font-size: 110%;}

#product_list {width: 100%}
#product_list div {float:left; width: 32%; min-width: 110px; max-width: 400px; height: 260px;padding:0px; margin: 0px; padding-right: 5px}
#product_list div a {text-decoration: none; color: inherit; font-size: 100%}
#product_list div h4 {margin: 0px auto; margin: 0px; padding: 0px; height: 35px;font-size: 100%; text-align: center}
#product_list div h4 a {color: black; margin: 0px auto}
#product_list div div {height: 100px; width: 140px;}
#product_list div div img {max-height: 100px}
#product_list div .price {float: right; font-size: 100%; padding: 1px 4px 1px 1px; font-weight: bold; background-color: #CC0000; color: white}
#product_list div .price span {background-color: white; color: #CC0000; padding: 0px 5px}
#product_list div p {float: left; padding: 0px 5px; height: 250px; width: 100%}
#product_list div p a {text-decoration: none; border-bottom: 1px dotted #c0c0c0; font-style: italic; color: black}
#product_list div p a:hover {color:#3484a9; border-bottom: 1px dotted #3484a9}
#product_list.mainpagepl div p a {font-style: normal}


/* LISTA PRODUKTOW W KATEGORIACH */
#productList {padding: 0px; height: 120px}
#productList img {max-width: 100px; max-height: 100px}
#productList .plp {width: 105px}
#productList div {height: 100px}
#productList .even td {border-bottom: 1px solid #EFEDE0; border-top: 1px solid #EFEDE0}
#productList .productShort {color: #808080; text-align: left}
#productList .productShort span {font-weight: bold; color: black}
#productList .productShort .promotion {font-weight: bold; color: #780000; text-transform: capitalize; letter-spacing: 5px}
#productList label {float: left;width: auto;margin:0px}

#simpleCart {text-align: left; background:url(/site/img/box_mid.png) repeat-y; padding:0px;overflow:hidden; margin-bottom: 10px;}
#simpleCart h2 {background:url(/site/img/box_top.png) no-repeat;color:#000;font-weight:bold;height:22px; padding: 3px 0px 0px -10px; margin: 0px; font-size: 12px; text-align: center}
#simpleCart span {font-size: 90%; margin: 5px 10px; display: block}
#simpleCart a {font-size: 90%; margin: 5px 10px; display: block; text-decoration: none}
#simpleCart a : hover {text-decoration: underline}
#simpleCart div {background:url(/site/img/box_bot.png); background-repeat: no-repeat; height: 5px; margin-bottom: 0px}

#simplePanel {width: 180px; background-image: url(/site/img/client_panel_bg.jpg); padding-top: 30px; background-repeat: no-repeat;}
#simplePanel span {font-size: 90%; margin: 5px 10px; display: block}
#simplePanel a {font-size: 90%; margin: 5px 10px; display: block; text-decoration: none}
#simplePanel a : hover {text-decoration: underline}

.compareButton {width: 20px; height: 20px; float: right}
#compareTable {width: 100%}
#compareTable td {padding: 4px; vertical-align: text-top}
#compareTable .even {background-color: #F8F8F8}
#compareTable .odd {background-color: #F0F0F0}
#compareTable .odd td {border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0}
#compareTable ul {padding: 0px; margin: 0px; list-style: none}
#compareTable ul li {padding: 0px; margin: 0px; width: 75%}
#compareTable img {margin: 0px auto}
#compareTable button {border: 0px; background-color: none; margin: 0px; padding: 0px; text-decoration: underline; font-size: 90%; color: #3484a9}

.advBox {text-align: center; background:url(/site/img/box_mid.png) repeat-y; padding:0px;overflow:hidden; margin-bottom: 10px;}
.advBox h2 {background:url(/site/img/box_top.png) no-repeat;color:#000;font-weight:bold;height:22px; padding: 3px 0px 0px -10px; margin: 0px; font-size: 12px}
.advBox p {padding: 0px; margin: 5px; width: 165px}
.advBox .bottomAdvText {padding: 0px; margin: 0px 5px; width: 165px; color: #888888  } 
.advBox a img {max-height: 100px; margin: 10px 0px; border: 0px}
.advBox img {margin-bottom: 0px}
.advBox div {background:url(/site/img/box_bot.png); background-repeat: no-repeat; height: 5px; margin-bottom: 0px}

.sortOrderBox {float: right; text-align: center}
.sortOrderBox span {display: block}

#productPhotos {float: right; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin-left: 10px}
#productPhotos td {text-align: center}
#productPhotos img {max-width: 250px; max-height: 200px; margin: 5px; border: 1px solid #fff; padding: 5px}

#productLabel h1 {color: #CF151C; font-size: 120%}
#productLabel div {float: left; height: 80px; margin: 10px 20px 0px 0px}
#productLabel p span {color: red; font-weight: bold}
#productLabel p {font-size: 110%; padding: 1px; margin: 1px}

#buttonBar {list-style: none; padding: 0px; margin: 10px 0px}
#buttonBar li {float: left; padding: 0px; margin: 0px 20px 0px 0px}

ul#minitabs{list-style: none;margin: 10px 0px 20px 0px; padding: 7px 0; font-weight: bold; text-align: center;white-space: nowrap}
ul#minitabs li{display: inline; margin: 5px}
ul#minitabs a{text-decoration: none;padding: 0 0 3px; border-bottom: 4px solid #FFF;color: #999; font-size: 110%}
ul#minitabs .current a {border-color: #EFEDE0;color: #A19C7E}
ul#minitabs a:hover{border-color: #EFEDE0;color: #666}

#productDescription {font-size: 110%}
#productSpecification {border: 2px solid #A19C7E; margin: 20px auto; width: 70%; min-width: 450px}
#productSpecification td {padding: 5px}
#productProsAndCons {border: 2px solid #A19C7E; margin: 20px auto; width: 70%; min-width: 450px}
#productProsAndCons td {padding: 5px}

.t_even {background-color: #EFEDE0}

.productSeeAlso {padding: 0px; margin: 0px; list-style: none}
.productSeeAlso li {padding: 2px 0px; margin: 0px; color:#3484a9}


.orderList {width: 100%; margin-top: 40px}
.orderList th {text-align: center; width: 25%; height: 30px}
.orderList td {text-align: center; width: 25%; height: 30px}



/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer_resize { width:75%; margin:0 auto; padding:10px 0 30px 0; }
.footer {padding:0;  margin:0; background:#f1f1f1; border-top:1px solid #d1d1d1; }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#2a2a2a;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#2a2a2a; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:50%; margin:0; padding:10px 0 0 0; float:left;} 
.footer p.rightt { text-align:right; width:30%; margin:0; padding:15px 0 0 0; float:right;}
.footer .footer_resize .bottom {width: 600px; height: 100px; margin: 10px auto}
.footer .footer_resize .bottom a {margin: 0px; padding: 0px; border: 0px; float: left}
.footer .footer_resize .bottom img {float: left}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Message Boxy 
	http://www.jankoatwarpspeed.com/post/2008/05/22/CSS-Message-Boxes-for-different-message-types.aspx
	http://itweek.deviantart.com/art/Knob-Buttons-Toolbar-icons-73463960
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ 

.notice, .ok, .warning, .error, .validation, .info {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url(/site/img/info.png);
}
.notice {
color: #00529B;
background-color: #BDE5F8;
background-image: url(/site/img/info.png);
}
.ok {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url(/site/img/success.png);
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url(/site/img/warning.png);
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url(/site/img/error.png);
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Menu Klienta
	Dynamic Drive CSS Library
	http://www.dynamicdrive.com/style/ 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */




.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #A19C7E; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: -5px;
height: 40px;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #A19C7E; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #A19C7E; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.categoryHeader {padding: 0px; margin: 15px 0px; font-size: 110%; color: #282828}
.newsList {list-style: none; padding: 0px; margin: 0px 0px 40px 0px}
.newsList h4 {padding: 0px; margin: 5px 0px 0px 0px; font-size: 110%; color: #585858}
.newsList p {color: #707070; text-indent: 5px}
.newsList p a {color: #585858; text-decoration: none; border-bottom: 0px dotted #c0c0c0; font-style: italic}
.newsList p a:hover {color:#3484a9; border-bottom: 1px dotted #3484a9}

.wholesaleTable {width: 100%}
.wholesaleTable tr td {margin:0px; padding: 0px}
.wholesaleTable tr td h3 {font-size: 115%; margin:0px; padding: 5px; color: white; background-color: #c0c0c0; text-align: center}
.wholesaleTable tr td h4 {font-size: 110%; margin:0px; padding: 5px; background-color: #D8D8D8 }

.contactForm {width: 500px}

.searchBox {text-align: center; background-image: url(/site/img/searchBoxBg.png); background-repeat: no-repeat; padding: 30px 0px 5px 0px; height: 80px; margin-left: 5px; width: 180px; float: right; margin-top: 15px}
.searchBox input {margin: 5px 10px}


/*
	vaccmenu.css
*/
ul.accmenu, ul.accmenu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 201px;
}

ul.accmenu {
	margin-left: 5px;
}

ul.accmenu li {
background: url(/site/img/leftMenuBg.png); background-repeat: repeat-y;
}

ul.accmenu a {
  display: block;
  text-decoration: none;
  margin-left: 5px;
}

ul.accmenu li {
  margin-top: 0px;
}

ul.accmenu li a {
  color: #606060;	
  padding: 0.3em;
  font-weight: bold;
}

ul.accmenu li a:hover {
  color: red;
}

ul.accmenu li ul li a {
  color: #808080;
  padding-left: 15px;
  font-weight: normal;
}

ul.accmenu li ul li a:hover {
  padding-left: 10px;
}

/*
	form.css
*/

/* (c) http://articles.sitepoint.com/article/fancy-form-design-css */

fieldset {   
	position: relative;
	padding: 0;
	margin: 0 0 1.5em 0;
	border-style: none;      
	border: 1px solid #BFBAB0;     
	background-color: #F2EFE9;
}  
legend {   
	margin-left: 1em;   
	padding: 0;
	color: #000000;   
	font-weight: bold;
	color: #545351;
}
legend span {      
	position: absolute;      
	left: 0.74em;      
	top: 0;      
	margin-top: 0.5em;      
	font-size: 135%;     
}
fieldset ol {   
	list-style: none;
	padding: 3.5em 1em 0 1em; 
}

fieldset li {   
	float: left;    
	clear: left;    
	width: 100%;    
	padding-bottom: 1em;
}


label {    
	float: left;    
	width: 10em;    
	margin-right: 1em;    
	text-align: right;    
}

fieldset.alt {      
	    
}

fieldset fieldset {       
	margin-bottom: -2.5em;       
	border-style: none;       
	background-color: transparent;       
	background-image: none;      
}      
fieldset fieldset legend {       
	margin-left: 0;       
	font-weight: normal;
	top: 0;
}      
fieldset fieldset ol {       
	position: relative;       
	top: -1.5em;       
	margin: 0 0 0 11em;       
	padding: 0;      
}      
fieldset fieldset label {       
	float: none;       
	width: auto;       
	margin-right: auto;      
}

label em {        
	display: block;        
	color: #060;        
	font-size: 85%;        
	font-style: normal;        
	text-transform: uppercase;       
}




.submit {display: block; margin: 10px auto; padding: 5px}
.shoppingCartButtons {display: block; margin: 5px; padding: 5px; float: right; text-decoration: none}
.loginBigBox {width: 350px; margin: 0px auto}
.registerBox {width: 500px; margin: 0px auto}

#avt {background-repeat: repeat-x; width: 100%; height: 20px;color: #CCC; min-width: 922px; margin-bottom: 0px}
#avt a {text-decoration: none; margin: 0px 25px 0px 25px; color: white; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 13px; }
#avt a:hover {text-decoration: underline; color: #CCC;}

#videoList .description {padding: 5px; vertical-align: top; text-align: center;}
#videoList .description span {display: block; width: 90%; text-align: left; padding: 5px}
.videoThumb {padding: 5px; border: 1px solid #c0c0c0; cursor: pointer}

.spanButton {color:#3484a9; text-decoration: underline; cursor: pointer}
.imgButton {cursor: pointer}