/* charset="iso-8859-2" */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 14px; vertical-align: baseline; background: transparent; }

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

table {border-collapse: collapse; border-spacing: 0;}

body {
	background: #aaa;
	background-image: url("http://www.computerarts.com.pl/Resources/background.jpg");
	background-repeat: repeat-x;
}

.TextBody {
	color:#000000;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	letter-spacing:0px;
	word-spacing:0px;
	line-height:12px;
	text-align:left;
	margin-top:0px;
	margin-bottom:12px;
}

.BodyText1 {
	color:#000000;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:0px;
	word-spacing:0px;
	line-height:14px;
	text-align:left;
	margin-top:0px;
	margin-bottom:14px;
}

.Chapters {
	color: #666;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:16px;
	font-weight: bold;
	letter-spacing: 1px;
	
	margin: 16px 0 10px 0;
	border-bottom: dotted #666 1px;
	padding-bottom: 2px;
	padding-left: 6px;
	border-left: solid #ca0002 6px;
	background-color: #fff;
	/*padding-top: 3px;*/
}

.Chapters-mag {
	color: #666;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height:16px;
	font-weight: bold;
	letter-spacing: 1px;	
}

#warp {
	margin: 0 auto;
	width: 954px;
	background: #fff;
}

#header {
/*	background: #777 url('../Resources/header.gif') repeat-x top; */
	background-color: #000;
	height: 124px;
}

#header img {
	float:left;
	margin: 15px 0 0 15px;
	/*margin: 15px 0 0 15px;*/
	width:207px;
	height:99px;
}

#header h1 {
	float: left;
	margin: 15px 0 0 15px;
	color: #fff;
	font-weight:normal;
	font-size:13px; /*14px*/
	line-height:18px;
	width:180px; /*200*/
	letter-spacing: 1px;
}

#header-login {
	float: right;
	margin: 15px 15px 0 0;
	/*height: 16px;*/
	/*width:  80px;*/
	background-color: #333;
	color: #999;
	text-align: right;
	font-size: 10px;
	line-height:10px;
	padding: 4px 6px;
	/*text-align: center;*/
}

#header-login a {
	color: #666;
	text-decoration: none;
}

#header-login a:hover {
	color: #999;
	text-decoration: underline;
}

#nav {
	float:right;
	margin:67px 15px 0 0;
	padding:0;
	text-align:right;
	font-size:11px;
	font-weight:normal;
	height:20px;
	color:#999;
	letter-spacing: 1px;
}

#nav li {
	display:inline;
}

#nav a {
	color:#aaa; /*#aaa*/
	text-decoration:none;
}

#nav a:active, #nav a:hover {
	color:#fff;
}


/* --- Panel lewy --- */

#sidebar-l {
	clear: both;
	float: left;
	width: 152px;
	margin-bottom: 12px;
}

#ad-kursy {
	width:142px;
	height:142px;
	margin: 10px 0 0 10px;	
}

#e-kiosk {
	width:142px;
	/*height:142px;*/
	margin: 10px 0 0 10px;
	/*line-height: 14px;*/	
}

#e-kiosk ul {
	/*text-align: left;*/
}

#e-kiosk li {
	text-align: left;
	margin-bottom: 7px;
	list-style-type: square;
	list-style-position: inside;
	color: #ca0002;
	line-height: 14px;
}

#e-kiosk a {
	color: #1A5085;   
	text-decoration: none;
}

#e-kiosk a:hover {
	color: #ca0002;
	text-decoration:underline;
}

#e-kiosk img {
	width:142px;
	height:142px;
}

#zamow-ewyd {
	width: 142px;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #CA0002;
}

#newsletter {
	text-align: center;
	line-height: 16px;
	width: 140px;
	/*background-color:#aaa;*/
	
	margin: 10px 0 0 10px;
	padding: 5px 0 5px 0;
	border: 1px dotted #666;
   background-color: #e2e2ea;
}

#nasza-galeria {
	width:142px;
	/*height:142px;*/
	margin: 10px 0 0 10px;
	/*line-height: 14px;*/	
}

#nasza-galeria-img {
	margin: 0 auto;
	width: 123px;
}

#nasza-galeria img {
	width: 123px;
	height: 123px;
}

#nasza-galeria ul {
	/*text-align: left;*/
}

#nasza-galeria li {
	text-align: left;
	margin-bottom: 7px;
	list-style-type: square;
	list-style-position: inside;
	color: #ca0002;
	line-height: 14px;
}

#nasza-galeria a {
	color: #1A5085;   
	text-decoration: none;
}

#nasza-galeria a:hover {
	color: #ca0002;
}

#nasza-galeria a img {
	width:123px;
	height:123px;
	margin: 0 auto;
	margin-bottom: 7px;
}

#nasza-galeria a:hover img {
	opacity: 0.75;
}

#nowe-kursy {
	width: 142px;            
	margin: 10px 0 0 10px;
}

#kursy-content {
	width: 142px;
	margin: 0 auto;
	text-align: center;
}

#kursy-content img {
	width: 123px;
	height: 176px;
	margin-bottom: 10px;
}

#kursy-content a:hover img {
	opacity: 0.75;
}

#kursy-content p {
	text-align: center;
}

#kursy-content ul {
	/*text-align: left;*/
}

#kursy-content li {
	text-align: left;
	margin-bottom: 7px;
	list-style-type: square;
	list-style-position: inside;
	color: #ca0002;
	line-height: 12px;
}

#kursy-content a {
	color: #1A5085;   
	text-decoration: none;
}

#kursy-content a:hover {
	color: #ca0002;
	text-decoration:underline;
}


#button_konkurs {
	margin: 10px 0 0 10px;
 	width: 142px;
 	height: 71px;
}

#next-ca {
	width: 142px;            
	margin: 10px 0 0 10px;	
}

#next-ca-img {
	width: 123px;
	margin: 0 auto;
}

#next-ca img {
	width: 123px;
	height: 123px;
	margin-bottom: 10px;
}

/*#ch_next {
	margin: 10px 0 10px 0;
	padding-bottom: 2px;
	border-bottom: solid #000 2px;	
}*/

#next-content {	
}

#archiv-ca {
	width: 142px;            
	margin: 10px 0 0 10px;
}

#archiv-content {
	width: 142px;
	margin: 0 auto;
	text-align: center;
}

#archiv-content img {
	width: 123px;
	height: 176px;
	margin-bottom: 10px;
}

#archiv-content a:hover img {
	opacity: 0.75;
}

#archiv-content p {
	text-align: center;
}

#archiv-content ul {
	/*text-align: left;*/
}

#archiv-content li {
	text-align: left;
	margin-bottom: 7px;
	list-style-type: square;
	list-style-position: inside;
	color: #ca0002;
	line-height: 12px;
}

#archiv-content a {
	color: #1A5085;   
	text-decoration: none;
}

#archiv-content a:hover {
	color: #ca0002;
	text-decoration:underline;
}

/* --- Panel srodkowy --- */

#content {
	float: left;
	width: 618px;
	margin: 0 0 12px 16px;
}

#banner {
	width: 550px;
	height: 72px;
	margin: 20px auto 0 auto;
}

#breadcrumbs {
	float: left;
	margin-top: 20px;
	width: 330px; /*398px*/
	height: 12px;
}

.nav_menu {
	color: #1A5085;
	text-transform:none;
	text-decoration:none;
}

#breadcrumbs a:hover {
	text-transform:none;
	text-decoration:underline;
}

#rss {
	float: left;
	margin-top: 20px;
	text-align: right;
	width: 288px; /*220px*/
	height: 12px;
}

#rss a {
	color: #1A5085;
}

#included {
	clear: both;
	width: 618px;
	margin-top: 10px;
}

/* --- Panel prawy --- */

#sidebar-r {
	float: left;
	width: 142px;
	margin: 0 0 12px 16px;
}

#fb-root {
	/*float: right;*/
	margin: 10px 0 0 13px;
	height: 21px;
	width:  142px;
}

#ad_prenum {
	width: 142px;
	height: 208px;
	margin: 10px 0 0 0;
}

/*#ch-free-tut {
	margin: 10px 0 10px 0;
	border-bottom: solid #000 2px;
	padding-bottom: 2px;	
}*/

#free-tut {
	width: 142px;            
}

#free-tut-content p {
	text-align: left;
	line-height: 14px;
}

#free-tut-content ul {
	text-align: left;
}

#free-tut-content li {
	margin-bottom: 7px;
	list-style-type: square;
	list-style-position: inside;
	color: #ca0002;
	line-height: 12px;

	/*margin-left: 0px;
	padding-left: 0px;*/	
}

#free-tut-content a {
	color: #1A5085;   
	text-decoration:none;
}

#free-tut-content a:hover {
	color: #ca0002;
	text-decoration:underline;
}

#free-sampler {
	width: 142px;
}

#free-sampler-content p {
	text-align: left;
	line-height: 14px;
}

#free-sampler-content ul {
	text-align: left;
}

#free-sampler-content li {
	margin-bottom: 7px;
	list-style-type: square;
	list-style-position: inside;
	color: #ca0002;
	line-height: 12px;
}

#free-sampler-content img {
	width: 123px;
	height: 176px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 10px;
	}

#free-sampler-content a {
	color: #1A5085;   
	text-decoration:none;
}

#free-sampler-content a:hover {
	color: #ca0002;
	text-decoration:underline;
}

/*.nav_menu {
	color: #008AC9;
	text-transform:none;
	text-decoration:none;
}

#breadcrumbs a:hover {
	text-transform:none;
	text-decoration:underline;
}*/


#ad-gbutik {
	width: 142px;
	height: 84px;
	margin: 10px 0 0 0;
}

#ad-gbutik img {
	width: 142px;
	height: 84px;	
}

#ad-sampler {
	width: 142px;
	height: 142px;
	margin: 10px 0 0 0;
}

#ad-sampler img {
	width: 142px;
	height: 142px;
}

#ad-eizo {
	width: 130px;
	padding: 5px;
	/*background: #ccc;*/
	
	margin: 10px 0 0 0;
	border: 1px dotted #666;
   background-color: #e2e2ea;	
}

/*#ch-partners {
	margin: 10px 0 10px 0;
	border-bottom: solid #000 2px;
	padding-bottom: 2px;
}*/

#partners {
	width: 142px;
}

#partners-logo {
	width: 122px;
	margin: 0 auto;
}

#pACSUG {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px 0px no-repeat;
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
}

#pEizo {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px -56px no-repeat;
	float: right;
	margin-bottom: 10px;
	cursor: pointer;
}

#pWacom {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px -112px no-repeat;
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
}

#pEduWeb {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px -168px no-repeat;
	float: right;
	margin-bottom: 10px;
	cursor: pointer;
}

#pGraffika {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px -224px no-repeat;
	float: left;
	margin-bottom: 10px;
	cursor: pointer;
}

#pGrafArt {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px -280px no-repeat;
	float: right;
	margin-bottom: 10px;
	cursor: pointer;
}

#pUBP {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px -336px no-repeat;
	float: left;
            	margin-bottom: 10px;
	cursor: pointer;
}

#pMF {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px -392px no-repeat;
	float: right;
	margin-bottom: 10px;
	cursor: pointer;
}

#pGrafaBiz {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px -448px no-repeat;
	float: left;
	cursor: pointer;
}

#pMepi {
	width: 56px;
	height: 56px;
	background: url(/Resources/partners.jpg) 0px -504px no-repeat;
	float: right;
	margin-bottom: 10px;
	cursor: pointer;
}

/* --- Stopka --- */

#footer {
	clear: both;
	line-height: 1em;
	height: 17px;
	background: #000; /*#447236*/
	padding-top: 2px;
	color: #fff;
}

#footer p {
	text-align: center;
}


/* ********************************* MAGAZYN **************************************** */

#mag_container {
            width:618px;
            margin:0px;
            padding:0px;
}

#mag_cover {
	float: left;
	width: 295px;
	height: 423px;
}

#mag_cover img {
	width: 295px;
	height: 423px;
	cursor: pointer;
}

#mag_tutors {
	float: left;
	margin: 0 0 0 16px;
	width: 306px;
	height: 423px;
}

#ch_tut {
	padding: 4px 0 0 7px;
	width: 299px;
	height: 20px;
	background-color: #005679;
	color: #fff;
	line-height: 1em;
}

#mag_tut1, #mag_tut2, #mag_tut3, #mag_tut4 {
	float: left;
	margin: 13px 0 0 0;
	width: 203px;
	height: 85px;
	border-bottom: dotted 1px #000;
	line-height: 6px;
}

#mag_tut1i, #mag_tut2i, #mag_tut3i, #mag_tut4i {
	float: left;
	margin: 13px 0 0 16px;
	width: 87px;
	height: 87px;
}

#mag_buyit {
	clear: both;
	float: left;
	margin: 8px 0 0 0;
	width: 180px;
	height: 16px;
	line-height: 16px;
	color: #ff0000;
	cursor: pointer;
}

#mag_scroll {
	float: left;
	margin: 8px 0 0 16px;
	padding: 0;
	width: 422px;
	height: 16px;
	vertical-align: middle;
	line-height: 16px;
	overflow: hidden;
}

#marquee {
	position:relative;
	/*marquee left should have the same value as newsticker width*/
	left:422px;
	overflow:visible;
	width:auto;
	float:left;
	white-space:nowrap;
}

#newsticker {
	/*newsticker width should have the same value as marquee left*/
	width:422px;
	height:16px;
	border-width:0px;
	border-style:solid none;
	border-bottom-color:#FFFFFF;
/*	background:#FFFFFF; */
	margin:auto;
	position:relative;
	left:auto;
	clear:both;
	overflow:hidden;
}

#mag_feats {
	clear: both;
	float: left;
	margin-top: 8px;
	width: 406px;
	height: 421px;
}

#ch_feat {
	padding: 4px 0 0 7px;
	width: 399px;
	height: 20px;
	background-color: #d96725;
	color: #fff;
	line-height: 1em;
}

#mag_feat1, #mag_feat3 {
	clear: both;
	float: left;
	margin: 12px 0 0 0;
	width: 195px;
}

#mag_feat2, #mag_feat4 {
	float: left;
	margin: 12px 0 0 16px;
	width: 195px;
}

#mag_feat1 p, #mag_feat2 p, #mag_feat3 p, #mag_feat4 p {
	margin-top: 12px;
}

#mag_feat1 img, #mag_feat2 img, #mag_feat3 img, #mag_feat4 img {
	width: 195px;
	height: 120px;
}

#mag_review {
	float: left;
	margin: 8px 0 0 16px;
	width: 195px;
}

#ch_rev {
	padding: 4px 0 0 7px;
	width: 188px;
	height: 20px;
	background-color: #005679;
	color: #fff;
	line-height: 1em;
}

#ch_inne {
	padding: 4px 0 0 7px;
	width: 188px;
	height: 20px;
	background-color: #005679;
	color: #fff;
	line-height: 1em;
}

#mag_review p {
	margin-top: 12px;
}

#mag_review img {
	margin: 12px 0 16px 0;
	width: 195px;
	height: 132px;
}

#mag_cd {
	clear: both;
	float: left;
	margin-top: 16px;
	width: 618px;
	background-color: #eee;
}

#ch_cd {
	padding: 4px 0 0 7px;
	width: 611px;
	height: 20px;
	background-color: #d96725;
	color: #fff;
}

#mag_cd1 {
	clear: both;
	float: left;
	margin: 7px 0 7px 7px;
	width: 298px;
}

#mag_cd2 {
	float: left;
	margin: 7px 0 7px 7px;
	width: 298px;
}


/* ********************************* TUTORIAL **************************************** */

#tut_container {
            width:618px;
            margin:0px;
            padding:0px;
}

#tut_left {
	margin: 0;
	float: left;
	width: 448px;
}

#tut_left > ul > li {
	margin: 0;
	list-style: none;
	margin-bottom: 14px;
}

#tut_app {
	font-size: 15px;
	text-decoration: underline;
	line-height: 1em;	
}

#tut_app h2 {
	font-weight: normal;
}

#tut_headline {
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;	
}

#tut_intro {
	font-style: italic;
	line-height: 1.4em;
}

#tut_img {
	width: 448px;
	height: 276px;	
}

#tut_img img {
	width: 448px;
	height: 276px;
}
	
#tut_body {
	width: 448px;
	line-height:14px;
}

#tut_body p {
	line-height:16px; /*bylo 14px*/
	margin-bottom: 12px;
	margin-top: 12px;
}

#tut_right {
	float: right;
	width: 153px;
}

#kup_tera {
	cursor: pointer;
	width: 123px;
	padding: 10px;
	margin-top: 29px;
	border: solid 1px #000;
	text-align: center;
}

#kup_tera img {
	width: 123px;
	height: 176px;
}

#inne_tutki {
	margin-top: 36px;	
}


/* ********************************* PRENUMERATA **************************************** */

#prenum_boxes {
            margin: 0 auto;
            width:350px;
            height:211px;
            margin-bottom:20px;
}

#prenum_box1 {
            float:left;
            width:145px;
            height:211px;
}

#prenum_box2 {
            float:left;
            margin-left:60px;
            width:145px;
            height:211px;
}

#prenum_container {
            width:634px;
            margin:0px;
            padding:0px;
}

#prenum_title {      
 /*           border-bottom:dotted #000000 2px; */
}

#prenum_title p {
            margin: 0 auto;
            margin-bottom:40px;
            width:468px;   
            font-size:50px;
            line-height:1em;
            font-weight:bold;
            text-align:center;            
            border-bottom:dotted #000000 2px;         
}

#prenum_line1 p {
            margin: 0 auto;
            padding-top:6px;
            padding-bottom:6px;
            width:468px;
            font-size:24px;
            line-height:1em;
            font-weight:normal;
            text-align:center;
            color:#FF0000;
            border-top:dotted #000000 2px;         
}

#prenum_line2 p {
            margin: 0 auto;
            margin-bottom:14px;
            padding-bottom:6px;
            width:468px;
            font-size:15px;
            line-height:1em;
            font-weight:normal;
            text-align:center;
            border-bottom:dotted #000000 2px;                            
}

#prenum_gwaran {
            margin: 0 auto;
            width:468px;
            font-size:14px;
}

#prenum_gwaran h2 {
            margin:0;
            padding:0;
            font-size:14px;
            font-weight:bold;
            line-height:27px;
}

#prenum_gwaran ul {
            margin:0;
            padding:0;
            list-style-type: disc;
            list-style-position: inside;
}

#prenum_gwaran li {
            line-height:27px;
}

#prenum_kup {
            width:618px;
}

#prenum_kup ul {
            margin: 14px 0 0 0;
            padding:0;
            list-style-type: none;
}

#prenum_kup li {
            margin-bottom:14px;
}

#prenum_kontakt {
            width:604px;
            margin:14px 0 0 0;
            padding:7px;
            border-top:dotted #000000 2px;
            background:#ffffcc;;
}

table.prenum-form td {
/*
	background-color: yellow;
	border: 1px solid black;
	margin: 5px;
*/
	padding: 2px;
}

.textform2 {
	font-size:8px;
	font-weight:normal;
	color:#FF0000;
}

/* ********************************* ARCHIWALIA **************************************** */

#archiw_container {
	width:634px;
	margin:0px;
	padding:0px;
}

#archiw_title {      
               clear:both;
}

#archiw_title p {
	margin: 0 auto;
	margin-bottom:20px;
	width:468px;   
	font-size:50px;
	line-height:1em;
	font-weight:bold;
	text-align:center;            
	border-bottom:dotted #000000 2px;         
}

#archiw_line {
	border-bottom: solid #000000 1px;
}

#archiw_content {
	float:left;
	margin: 0;
	width:448px;
	margin-bottom:20px;
	font-size:11px;
	line-height: 1.3em;
}

#archiw_content p {
	margin:0 0 1em 0;
	padding:0;
}

#archiw_nav {
	margin:0 0 6px 0;;
	padding:0;
	font-size:12px;
	text-align:right;
}

#archiw_nav li {
	margin:0;
	display:inline;
}

#archiw_sidebar {
	margin: 0 0 0 16px;
	padding:5px;
	width:142px;
	font-size:11px;
	line-height:12px;
	border: solid #000000 1px;
	float:left;
	background-color: #FFFFE0;

}

#archiw_sidebar h2 {
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	margin-bottom:0.5em;
}

#archiw_sidebar ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

#archiw_sidebar li {
	margin-bottom:0.5em;
}

.archiw_issue {
	float:left;
	margin:0;
	padding:0;
	width:448px;
	border-bottom: solid #000000 1px;
}

.archiw_left {
	float:left;
	margin: 11px 0 0 0;
	padding:0;
	width:123px;
}

.archiw_left_p {
	margin-top:11px;
	font-weight:bold;
	text-align:center;
	}

.archiw_right {
	float:right;
	margin: 11px 0 11px 0;
	padding:0;
	width:315px;
	}

.archiw-button {
	border-width: 0;
	background-color: transparent;
	font-family: Verdana;
	font-size: 12px;
	color: blue;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	cursor: pointer;
	}
	
.archiw-button:hover, .archiw-button:active {
	color: gray;
	text-decoration: none;
	}
	
#archiw-dozaplaty {
	margin: 0 auto;
	padding-top:10px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	background: #fff;
	width: 330px;
	clear: both;
}

#archiw-dozaplaty-suma {
	color: #F00;
}

.archiw-textform {
	font-family:Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#000000;
	}
	
#archiw-koszyk {
	width: 143px;
	float: left;
	margin: 0 0 12px 16px;
	padding: 5px;
	background-color: #ddd;
	border: solid #000 1px;
	}

#archiw-koszyk hr {
   width:143px;
   margin: 3px 0px;
   border-top-style: dotted;
   border-top-width: 1px;
   border-bottom-width: 0px;   
   border-color:gray;
   }

/* ********************************* KONTAKT **************************************** */

#kontakt_container {
	width:634px;
	margin:0px;
	padding:0px;
}

#kontakt_title {      
 /*  border-bottom:dotted #000000 2px; */
}

#kontakt_title p {
	margin: 0 auto;
	margin-bottom:20px;
	width:468px;   
	font-size:50px;
	line-height:1em;
	font-weight:bold;
	text-align:center;            
	border-bottom:dotted #000000 2px;         
}

#kontakt_content {
	margin: 0;
	width:187px;
	margin-bottom:20px;
	line-height: 1.4em;
	float:left;
}

#kontakt_content p {
	margin:0 0 1em 0;
	padding:0;
}

#kontakt_sidebar {
	margin: 0 0 0 5px;
	padding:0px;
	width:425px;
	font-size:11px;
	line-height:12px;
	float:left;
}

#kontakt_mapa {
	margin:0px;
	padding:0px;
	width:425px;
	height:350px;
}

#facebook {
	clear:both;
	float:left;
	width:144px;
	height:44px;
	margin-top:28px;
	margin-left:50px;
}

#facebook p {
	margin:7px 0 0 0;
	text-align:center;
}

#twitter {
	float:left;
	width:144px;
	height:44px;
	margin-top:28px;
	margin-left:37px;
}

#twitter p {
	margin:7px 0 0 0;
	text-align:center;
}


/* ********************************* INFO **************************************** */

#info_container {
            width:634px;
            margin:0px;
            padding:0px;
}

#info_title {      
 /*           border-bottom:dotted #000000 2px; */
}

#info_title p {
            margin: 0 auto;
            margin-bottom:20px;
            width:468px;   
            font-size:50px;
            line-height:1em;
            font-weight:bold;
            text-align:center;            
            border-bottom:dotted #000000 2px;         
}

#info_content {
            margin: 0;
            width:448px;
            margin-bottom:20px;
            line-height: 1.4em;
            float:left;
}

#info_content p {
            margin:0 0 1em 0;
            padding:0;
}

#info_content img {
            margin-bottom:14px;
}

#info_sidebar {
            margin: 0 0 0 16px;
            padding:5px;
            width:142px;
            font-size:11px;
            line-height:12px;
            border: solid #000000 1px;
            float:left;
}

#info_sidebar h2 {
            margin:0;
            padding:0;
            font-size:11px;
            font-weight:bold;
            margin-bottom:0.5em;
}

#info_sidebar ul {
            margin:0;
            padding:0;
            list-style-type: disc;
            list-style-position: inside;
}

#info_sidebar li {
            margin-bottom:0.5em;
}

#rekomend {
            margin-top:1em;
            margin-left:1px;
}

#logo-cgs {
            margin-top:14px;
            margin-left:112px;
}

#logo-fut {
            margin-top:14px;
            margin-left:45px;
}


/* ********************************* TUTORIALE **************************************** */

#dtut_container {
	width:618px;
	margin:0px;
	padding:0px;
}

#dtut_left {
	margin: 0;
	float: left;
	width: 448px;
}

#dtut_headline h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;	
}

#dtut_intro {
	margin-top: 12px;
	font-style: italic;
	line-height: 1.4em;
}

#dtut_left img {
	margin-top: 12px;
	width: 448px;
	height: 48px;	
}
	
#dtut_body {
	width: 448px;
	line-height:14px;
}

#dtut_body h3 {
	font-size: 15px;
	font-weight: bold;
	line-height:14px;
	margin-bottom: 6px;
}

#dtut_body h3 a {
	text-decoration: none;
	color: #1A5085;
}

#dtut_body h3 a:hover {
	text-decoration: underline;
	color: #CA0002;
}

#dtut_body p {
	line-height:14px;
	margin-bottom: 12px;
	margin-top: 12px;
}

#dtut_right {
	float: right;
	width: 153px;
}

#dkup_tera {
	cursor: pointer;
	width: 123px;
	padding: 10px;
	margin-top: 29px;
	border: solid 1px #000;
	text-align: center;
}

#dkup_tera img {
	width: 123px;
	height: 176px;
}

#dinne_tutki {
	margin-top: 36px;	
}

#dtut-pagination {
   margin-top: 16px;
   }

#dtut-pagination a {
	text-decoration: none;
	color: #008AC9;
	cursor: pointer;
	font-weight: bold;
	}

#dtut-pagination a:hover {
	/*text-decoration: underline;*/
	color: #CA0002;
	}

#dtut-pagination span {
	color: #aaa;
	font-weight: bold;
}

/* ********************************* SAMPLER **************************************** */

#sampler_container {
	width:634px;
	margin:0px;
	padding:0px;
}

#sampler_cover {
	width:295px;
	height:423px;
	float:left;
	border:1px solid #000000;
	margin:0px 24px 14px 0px;
	padding:0px;
}

#sampler_info {
	width:295px;
	float:left;
	margin:75px 0px 0px 0px;
	padding:0px;
}

#sampler_icon {
	float:left;
	width:32px;
	height:32px;
	margin-right:10px;
}

#sampler_load {
	width:200px;
	height:32px;
}

#sampler_text {
	margin-top:12px;
	line-height:21px;
}

#sampler_text2 {
	clear:both;
	margin-top:14px;
	width:600px;
}


/* ********************************* ERROR 404 **************************************** */

#e404_container p {
	margin: 0 auto;
	margin-bottom:20px;
	width:468px;   
	font-size:50px;
	line-height:1em;
	font-weight:bold;
	text-align:center;            
	border-bottom:dotted #000000 2px;         
}


/* ********************************* FOOTER **************************************** */

#bottom-banner {
	text-align: center;
}

#footer {
	clear:both;
	margin:12px 0 0 0;
	padding:0;
	text-align:center;
	font-size:11px;
	width:955px;
	border-top:solid #000000 1px;
}

/* ********************************* KONKURS **************************************** */

#kon_container {
	width:618px;
	margin:0px;
	padding:0px;
}

#kon_left {
	margin: 0;
	float: left;
	width: 448px;
}

#kon_left h2 {
	font-size:50px;
	line-height:1em;
	font-weight:bold;
	text-align:center;            
	border-bottom:dotted #000000 2px;       
	margin-bottom:20px;  

}

#kon_left p {
	font-style: italic;
	line-height: 140%;
	margin-bottom: 9px;	
	}

#kon_left > ul > li {
	margin-left: 2em;
	list-style-position: outside;
	list-style-type: decimal;
	margin-bottom: 9px;
	font-size: 18px;
	line-height: 20px;
	color: #ff0000;
}

#kon_left p.kon3 {
	margin-top: 9px;
	font-style: normal;
	margin-bottom:9px;		
}

#kon_left img {
	width:448px;
	height:615px;	
}

#kon_right {
	float: right;
	width: 153px;
}