html, body {
   height: 100%;
   margin: 0;
   padding: 0;
   font-family: verdana;
   font-size: 10px;
   color: #404040;
}

html {
   background: #c1c2c6 url("images/bodyBG.jpg") repeat-x 0 137px;
}

div {
   margin: 0;
   padding: 0;
   overflow: hidden;
}

img {
   padding: 0;
   margin: 0;
   border:0;
}

form {
   margin: 0;
   padding: 0;
}

.naSrodek {
   text-align: center;
}

.doLewej {
   text-align: left;
}

.doPrawej {
   text-align: right;
}

/***************************************************************/
div.page {
   font-size: 12px;
   line-height: 18px;
}

div.page p {
   margin: 0 0 10px;
   text-align: justify;
}

div.page p.naSrodek {
   text-align: center;
}

div.page p.doLewej {
   text-align: left;
}

div.page p.doPrawej {
   text-align: right;
}


div.page h2 {
   font-size: 15px;
   font-weight: bolder;
   margin: 0 0 10px;
}

div.page h3 {
   font-size: 14px;
   font-weight: bolder;
   margin: 10px 0 10px;
}

div.page h4 {
   font-size: 13px;
   font-weight: bolder;
   margin: 10px 0 10px;
}


div.page ul, ul li {
   list-style: none;
   margin: 5px 0;
   padding: 0;
}

div.page ul {
   margin-top: 10px;
   margin-bottom: 10px;
}

div.page ul li {
   background: url("images/liArrowBG.gif") no-repeat 0 6px;
   padding: 0 0 0 15px;
   margin: 0 0 3px 10px;
}

div.page ol {
   margin: 5px 0 10px 15px;
   padding: 0;
}

div.page ol li {
   padding: 0 0 0 10px;
   margin: 0 0 3px 10px;
}

div.page a {
   color: #d20c0c;
   text-decoration: none;
}

div.page a:hover {
   color: #b8b1ff;
   text-decoration: underline;
}

div.page table {
   margin: 0 2px 10px;
   padding: 0;
   border-collapse: collapse;
}

div.page table td {
   border: 1px solid #808080;
   padding: 4px;
}

#top {
   height: 137px;
   width: 100%;
   background: white url("images/topBG.jpg") no-repeat right;
   text-align: center;
}

#topLogo {
   width:943px;
   height: 137px;
   margin: 0 auto;
   position: relative;
}

#topLogo a {
   position: absolute;
   bottom: 50px;
   left: 10px;
}

#container {
   width: 943px;
   margin: 0 auto;
}

#menuTop {
   width: 943px;
   height:40px;
   background: url("images/menuTopBG.jpg") repeat-x;
   margin-bottom: 10px;
}

#menuTop .menu{
   height: 36px;
  width: 572px;
   float: left;
/*   background: url("images/menuBG.gif") no-repeat;*/
}

#menuTop .menu ul {
   height: 36px;
   list-style: none;
   display: block;
   margin: 0;
   padding: 0;
   text-align: center;
}

#menuTop .menu ul li.list {
   list-style: none;
   background: none;
   display: block;
   margin: 0;
   padding: 0;
   float: left;
}

#searchBox {
   width: 317px;
   height: 40px;
   float: right;
   background: url("images/searchBG2.jpg") no-repeat;
}

#searchBox .content {
   position: relative;
   width: 317px;
   height: 40px;
}

#searchBox form {
   margin: 0;
   padding: 0;
}

#searchBox .content input {
   position: absolute;
   top: 12px;
   left: 90px;
   border: 0;
   margin: 0;
   padding: 0;
   width: 180px;

   font-family: verdana;
   font-size: 10px;
   font-style: italic;
   color: #c0c0c0;
}

#middle {
   width: 943px;
   background: url("images/middleBG.gif") repeat-y;
}

#middle .closing {
   width: 943px;
   height: 20px;
   background: url("images/middleEndBG.gif") no-repeat bottom;
}

.leftColumn {
   width: 572px;
   float: left;
   background: url("images/leftColumnTopBG.gif") no-repeat;
}

.leftColumn .top {
   width: 572px;
   height: 40px;
}

.leftColumn .top h1 {
   margin: 8px 0 0 15px;
   font-family: tahoma;
   color: white;
   font-size: 14px;
   font-weight: bolder;
}

.leftColumn .content {
   width: 540px;
   margin-left: 1px;
   padding: 10px 15px 0;
  /* background: url("images/columnBG.gif") repeat-x;*/
}

.rightColumn {
   width: 313px;
   float: right;
   background: url("images/rightColumnTopBG.gif") no-repeat top;
}

.news {
   width: 313px;
}

.news .top {
   width: 313px;
   height: 40px;
   margin-bottom: 2px;
}

.news .top h1 {
   margin: 8px 0 0 15px;
   font-family: tahoma;
   color: white;
   font-size: 14px;
   font-weight: bolder;
}

.news .content {
   width: 281px;
   margin: 0 0 10px 1px;
   padding: 10px 15px 15px;
   background: url("images/rightColumnBottomBG.gif") repeat-x bottom;
}

.news .newsPos {
   width: 297px;
   margin: 0 auto 15px;
}

.news .newsPos .newsTitle {
   width: 297px;
   height: 56px;
   margin: 0 0 5px;
   background: url("images/whiteToGrey297BG.gif") no-repeat;
}

.news .newsPos .newsTitle h2 {
   margin: 10px 0 0 5px;
   color: #7578dc;
   font-weight: bolder;
   font-family: tahoma;
   font-size: 12px;
}

.news .newsPos .newsTitle small {
   margin: 0 0 0 5px;
   color: #808080;
   font-size: 10px;
}

/*** home ***/
.home {
   width: 540px;
   margin: 0 auto;
}

.home .left {
   width: 304px;
   float: left;
}

.home .left .top {
   width: 304px;
   height: 40px;
}

.home .left .top h1 {
   margin: 8px 0 0;
   font-family: tahoma;
   color: white;
   font-size: 14px;
   font-weight: bolder;
}

.home .left .content {
   width: 304px;
   margin: 0;
   padding: 10px 0 0;
}

/*** najblizsze szkolenia ***/
.home .right {
   width: 217px;
   float: right;
}

.home .right .top {
   width: 304px;
   height: 40px;
}

.home .right .top h1 {
   margin: 8px 0 0;
   font-family: tahoma;
   color: white;
   font-size: 14px;
   font-weight: bolder;
}

.home .right .content {
   width: 217px;
   margin: 0;
   padding: 10px 0 0;
}

/*** lista konferencji ***/
.conference {
   width: 304px;
   margin: 0 auto 10px;
}

.conference .confTop {
   width: 304px;
   height: 36px;
   margin: 0 0 2px 0;
   padding: 0;
   background: url("images/titleBG304.gif") no-repeat;
}

.conference .confTop h1 {
   margin: 8px 0 0 15px;
   font-family: tahoma;
   color: white;
   font-size: 14px;
   font-weight: bolder;
}

.conference .confContent {
   width: 304px;
   margin: 0;
   padding: 0;
}

.conference .confContent .confPosition {
   width: 302px;
   border: 1px solid #c6c7c9;
   border-bottom: 0;
   background-color: white;
   margin: 0;
   padding: 0;
}

.conference .confContent .confPosition p {
   margin: 15px;
   font-size: 12px;
   font-family: tahoma;
}

.conference .confContent .confPosition a {
   color: #404040;
   text-decoration: none;
}

.conference .confContent .confPosition a:hover {
   color: #404040;
   text-decoration: underline;
}

.conference .confContent .confPositionLast {
   width: 302px;
   height: 48px;
   border: 1px solid #c6c7c9;;
   background: white url("images/whiteToGreyBG.gif") no-repeat 1px 1px;
   position: relative;
}

.conference .confContent .confPositionLast a {
   position: absolute;
   bottom: 14px;
   right: 20px;

   color: #7578da;
   font-size: 12px;
   font-weight: bolder;
   text-decoration: none;
}

.conference .confContent .confPositionLast a:hover {
   text-decoration: underline;
}

/*** banner akademia cisco ***/
.bannerHome {
   width: 304px;
   margin-bottom: 20px;
}

.bannerHome .bannerContent {
   width: 302px;
   border: 1px solid #c6c7c9;
   border-bottom: 0;
   background-color: #f8f8f9;
}

.bannerHome .bannerLink {
   width: 302px;
   height: 48px;
   border: 1px solid #c6c7c9;;
   background: white url("images/whiteToGreyBG.gif") no-repeat 1px 1px;
   position: relative;
}

.bannerHome .bannerLink a {
   position: absolute;
   bottom: 14px;
   right: 20px;

   color: #7578da;
   font-size: 12px;
   font-weight: bolder;
   text-decoration: none;
}

.bannerHome .bannerLink a:hover {
   text-decoration: underline;
}

/*** lista szkolen ***/
.courseList {
   width: 304px;
}

.courseList .courseListPosition {
   width: 217px;
   height: 46px;
   background: url("images/whiteToGrey217BG.gif") no-repeat;
   margin: 0 0 15px;
}

.courseList .courseListPosition h2 {
   color: black;
   font-family: verdana;
   font-weight: bolder;
   font-size: 12px;
   margin: 5px 3px 0 5px;
   padding: 0;
}

.courseList .courseListPosition a {
   color: black;
   font-weight: bolder;
   text-decoration: none;
}

.courseList .courseListPosition a:hover {
   color: black;
   font-weight: bolder;
   text-decoration: underline;
}

.courseList .courseListPosition small {
   color: #808080;
   font-family: verdana;
   font-size: 10px;
   margin: 3px 5px 0;
}


.courseList .courseOrder {
   width: 217px;
   text-align: right;
}

.courseList .courseOrder a {
   color:black;
   text-decoration: none;
   font-weight: bolder;
}

.courseList .courseOrder a:hover {
   color:black;
   text-decoration: underline;
}

/*** bottom ***/

#bottom {
   width: 923px;
   margin-top: 10px;
   padding: 0 10px 6px;
   background: white url("images/bottomBG.gif") repeat-x bottom;
}

#bottom .content {
   width: 943px;
   background: white url("images/bottomContentBG.gif") repeat-x top;
}

#bottom .content .polecamy, #bottom .content .autoryzacja, #bottom .content .partnerzy {
   width: 33%;
   float: left;
}

#bottom .content .top {
   height: 20px;
   margin: 0 0 4px;
}

#bottom .content .top h2 {
   margin: 8px 0 0;
   padding: 0;
   font-size: 10px;
   color: #808080;
}

#bottom .content .partnerzyContent ul {
   margin: 10px 0 0;
   padding: 0;
   list-style: none;
}

#bottom .content .partnerzyContent ul li {
   display: block;
   float: left;
   list-style: none;
   margin: 0 0 10px;
   padding: 0 0 0 20px;
   width: 120px;
   background: url("images/liArrow3BG.gif") no-repeat 0 4px;
}

#bottom .content .partnerzyContent ul li a {
   color: #808080;
   text-decoration: none;
}

#bottom .content .partnerzyContent ul li a:hover {
   color: #808080;
   text-decoration: underline;
}

#footer {
   height: 38px;
   margin-top: 10px;
   position: relative;
   background: url("images/footerBG.gif") repeat-x;
}

#footer .proidea {
   position: absolute;
   top: 12px;
   left: 20px;
   padding: 0;
   margin: 0;

   color: #9e9ea0;
   font-family: verdana;
   font-size: 10px;
}

#footer .project {
   position: absolute;
   top: 12px;
   right: 20px;
   padding: 0;
   margin: 0;

   color: #9e9ea0;
   font-family: verdana;
   font-size: 10px;
}


/*** partnerzy ***/
div.logoLista table {
   margin: 2px;
   padding: 0;
}

div.logoLista table td {
   border: 0;
   margin: 0;
   padding: 5px;
}

/*** rejestracja ***/
#rejestracja input.error {
   width: 260px;
   border: 1px solid red;
   background-color: #f5f5f5;
}

#rejestracja p {
   text-align: justify;
}

#rejestracja .pozycja {
   clear: both;
   margin-bottom:5px;
}

#rejestracja small {
   font-size: 10px;
   color: #a3a3a3;
}

#rejestracja label.dane {
   display: block;
   width: 160px;
   float: left;
   text-align: right;
   padding-right: 5px;

   font-weight: bolder;
}

#rejestracja input.tekst {
   width: 260px;
   border: 1px solid #a0a0a0;
}

#rejestracja .tekst_area {
   width: 260px;
   height: 40px;
   border: 1px solid #a0a0a0;
}

#rejestracja .tekst_area_error {
   width: 260px;
   height: 60px;
   border: 1px solid red;
   background: #f5f5f5;
}

/*** courseBox ***/
.courseBox {
	width: 538px;
	margin: 0 auto 10px;
}

.courseBoxTitle {
	width: 538px;
	height: 36px;
	background: url("images/courseBoxTitleBG.gif") no-repeat;
}

.courseBoxTitle h1 {
	padding: 0;
	margin: 8px 0 0 15px;
	font-family: tahoma;
	color: white;
	font-size: 14px;
	font-weight: bolder;
}

.courseBoxContent {
	width: 536px;
	margin: 1px 0 0;
   padding: 5px 0 0;
	border: 1px solid #c6c7c9;
}

.courseBoxPic {
	width: 140px;
	float: left;
	text-align: center;
}

.courseBoxPic img {
   margin: 0 auto;
}

.courseBoxDescr {
	width: 391px;
   padding: 0 5px 0 0;
	float: left;
}

.courseBoxMore {
	clear: both;
	width: 536px;
	height: 46px;
	margin: 2px 0 0;
   position: relative;
	background: url("images/courseBoxMoreBG.gif") no-repeat 0 -1px;
}

.courseBoxMore a.more {
   position: absolute;
   top: 10px;
   right: 10px;

   font-family: verdana;
   font-size: 12px;
   font-weight: bolder;
   text-decoration: none;
   color: #5c5b5b;
}

.courseBoxMore a.more:hover {
   text-decoration: underline;
   color: #5c5b5b;
}