/* CSS Document */
* { margin:0; padding:0; }
html {font-size:0.788em; line-height:1.364em; font-family:Arial; }

/* tlo */
body { color:#666666; background:#ffffff;}

/* rysunki, inaczej sie menu rozejdzie */
img {vertical-align:top;}
a img { border:0px;}

/* uniwersalne formatery */
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

/*linki*/
a {color:#3c78a1; text-decoration:none;}
a:hover{text-decoration:underline;}

/* pytania do supportu*/
.question {font-weight:bold;}
.answer {margin-left:12px;}

/* ceny */
.oldprice {font-weight:lighter; text-decoration:line-through;}
.newprice {color:Red}
.couponcode {font-weight:bold; color:Red}

/* linki w postaci costam[at]costam[dot].com*/
.link {color:#3c78a1;}

/* ============================= main layout ====================== */
#middle ul {list-style-type:disc; padding-left:30px;}
#middle ol {padding-left:30px;}
#middle p {padding:0.5em 0 1em 0;}
#middle h1 {padding:0.5em 0; font-size:2em; line-height:1em; margin:0.75em 0 1em 0; background:url(h2_bg.gif) bottom left repeat-x;}
#middle h2 {padding:1em 0 0.5em 0; font-size:1.5em; line-height:1.5em;}
#middle h2.first {padding:0 0 0.5em 0; font-size:1.5em; line-height:1.5em;}
#middle td {padding:0.2em 10px 0.2em 10px;}


/* Pozycja menu  */
.menu {background:url(menu_tall_bg.gif) top repeat-x; font-size:15px; line-height:21px;}
/* menu  */
.menu ul {float:left; list-style:none;}
.menu .right_bg {background:url(menu_right_bg.gif) top right no-repeat;}
.menu .left_bg {background:url(menu_left_bg.gif) top left no-repeat; height:24px; width:100%;}
.menu li {background:url(menu_line.gif) top right no-repeat; width:120px; padding:2px 0 0 0; margin:0px; text-align:center; float:left;}
.menu li a {color:#eeeeee; text-decoration:none;}
.menu li p {margin:0px; padding:0px; }
.menu li a:hover {color:#b0c9da;}
.menu .active {color:#b0c9da; font-weight:bold;}
.menu .last {background:none; width:110px;}

/* wybor jezyka */
.language {float:right; padding:1em 0px; margin:0px 0px 0.5em 0;}
.language p {padding:0px; margin:0px;}

/* listy w lewej kolumnie*/
.column1 li {padding:0.6em 0;}

/* Download po prawej stronie */
.column2 .ce_download {margin:2.2em 5px 0 0px;}


/* screenshoty po prawej stronie*/
.invisiblepanel {width:264px; margin:2.2em 1px;}

/*obrazki maja taka szerokosc*/
.rightscreenshot {width:262px;}

/* Panel po prawej stronie */
.panel {
	width:			264px;
	margin:			2.2em 5px 0 0px;
	padding:		8px 0px;
	text-align:     center;	
	border:			1px solid #d2691e;
	background:		#fff8dc;
}

.panel {text-align:left;}
.panel p {margin:20px 0 0 10px;}
.panel ul {margin:0 0 0 10px;}
.panel li {padding:0.16em 0;}
.panel .nocaption {margin:20px 0 0 0;}
.panel.first {margin:5.4em 0 0 0;}

/* Klawisze ogolnie */
.button {width:250px; margin:0 7px;}
.button div {float:left; height:100%; margin:0; padding:0; }
.button p {margin:0; padding:0; text-align:center; font-weight:bold; font-size:15px; line-height:17px; }
.button a:hover{text-decoration:none;}


/* Klawisz czerwony */
.redbutton {height:31px; color:White;}
.redbutton a {color:White;}
.redbuttonleft {background:url(red_button_left.gif) top left no-repeat; width:4px; }
.redbuttoncenter {background:url(red_button_center.gif) top repeat-x; margin-left:4px; width:242px;}
.redbuttonright {background:url(red_button_right.gif) top right no-repeat; margin-left:246px; width:4px;}



/* Klawisz niebieski */
.bluebutton {height:32px; color:Black;}
.bluebutton a {color:Black;}
.bluebuttonleft {background:url(blue_button_left.gif) top left no-repeat; width:8px; }
.bluebuttoncenter {background:url(blue_button_center.gif) top repeat-x; margin-left:8px; width:234px;}
.bluebuttonright {background:url(blue_button_right.gif) top right no-repeat; margin-left:242px; width:8px;}



/* ============================= screenshots ====================== */
#screenshots p {padding-bottom:4em; width:420px; text-align:justify; }


/* ============================= footer ====================== */


.navigation a {margin:0 7px;}