/* *
 * Alfa-Elektro
 * Author: Agencja Interaktywna WMC (http://www.agencjawmc.pl)
 * */

/* -- CLEARFIX -- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    font-size: 0px;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

.clearfix {display: block;}

/* -- end of CLEARFIX -- */

/* -- COMMON -- */

body, html, ul, li, form {
    margin: 0px;
    padding: 0px;
}


body, p, div, li, input, textarea, select {
    font: 8pt normal Tahoma, Arial, sans-serif;
    color: #767272;
}

a {
    color: #5772a6;
    text-decoration: none;
}

a:hover, a.hover {
    text-decoration: underline;
}

a img {
    border: none;
}

ul {
    list-style: none;
}

table#layout {
    margin: 0px auto;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    background: url(/static/images/back.gif) bottom no-repeat;
}

table#layout td {
    margin: 0px;
    padding: 0px;
}

table#layout tr {
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
}

table#layout td.outside {
    width: 50%;
}

td, tr {
    margin: 0px;
    padding: 0px;
}

td#rightLayoutCell {
    background: url(/static/images/back.layout.right_cell.gif) repeat-x;
}

td#rightLayoutCellSubpage {
    background: url(/static/images/back.layout.right_cell.gif) repeat-x;
}

td#leftLayoutCell {
    background: url(/static/images/back.layout.left_cell.gif) repeat-x bottom;
}

td.pageCell {
    background: url(/static/images/back.lines.gif) repeat-y;
}


div.page {
    width: 960px;
}

div#container {
	background: url(/static/images/back.container.gif) no-repeat bottom;
    position: relative;
}

/* -- end of COMMON -- */


/* -- NAVIGATION_COLUMN -- */

div#navigationColumn {
    width: 233px;
    overflow-x: hidden;
    float: left;
    border-right: 1px solid #dcdcdc;
}

div#navigationColumn div.withBorder {
    border-left: 1px solid #dcdcdc;
}

div#navigationColumn div#logo {
    padding-left: 51px;
    padding-top: 33px;
    background: #fff;
}

div#navigationColumn div#menuContainer {
	padding-top: 103px;
    background: url(/static/images/back.corner.top_left.jpg) 1px 33px no-repeat #fff;
    margin-left: -1px;
    padding-left: 1px;
}

div#navigationColumn ul#menu {
    margin: 0px;
    padding: 0px;
    background: #db2955;
}

div#navigationColumn ul#menu li a {
    min-height: 15px;
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 7px;
    padding-bottom: 7px;
    display: block;
    position: relative;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #e35679;
    background: url(/static/images/arrow.white.gif) no-repeat -10px 12px;
}

div#navigationColumn ul#menu li a.hover {
    padding-left: 40px;
    background-color: #c6244c;
    background-position: 29px 12px;
}

div#navigationColumn ul#menu ul.submenu a {
    background: url(/static/images/list-item.menu.gif) no-repeat 30px 14px #c6244c;
    padding-left: 40px;
    background-color: #c6244c;
}

div#navigationColumn ul#menu ul.level2 a {
    background-color: #9d1c3c;
    background-position: 41px 11px;
    border: none;
    padding: 3px 0px 6px;
    padding-left: 51px;
}

div#navigationColumn ul#menu ul.submenu a.hover,
div#navigationColumn ul#menu ul.submenu a:hover {
    text-decoration: underline;
}

div#navigationColumn ul#menu ul.submenu a#with_childrens {
    border: none;
}

div#navigationColumn ul.submenu a {
    background: url(/static/images/list-style.menu.gif) no-repeat;
}

div#navigationColumn ul#menu li a.hover img.arrow {
    visibility: visible;
}


div#navigationColumn div.box {
    margin-top: 21px;
    height: 104px;
    position: relative;
}

div#navigationColumn div.box div.title {
    position: absolute;
    color: #ffffff;
    top: 47px;
    left: 30px;
}

div#navigationColumn div#newsletterBox {
    background: url(/static/images/back.newsletter_box.gif) no-repeat;
}

div#navigationColumn div#newsletterBox input#newsletterField {
    border: none;
    background: none;
    position: absolute;
    top: 68px;
    left: 34px;
    width: 140px;
}

div#navigationColumn div#newsletterBox input#newsletterBtn {
    position: absolute;
    bottom: 19px;
    right: 30px;
}

div#navigationColumn div#intranetBox {
    background: url(/static/images/back.intranet_box.gif);
}

div#navigationColumn div#intranetBox a#intranetBtn {
    color: #ffffff;
    position: absolute;
    right: 22px;
    bottom: 20px;
    padding-top: 5px;
    padding-right: 30px;
}

div#navigationColumn div#soneparLogo {
    margin-left: 60px;
    margin-top: 52px;
    padding-bottom: 58px;
}

/* -- end of NAVIGATION_COLUMN -- */


/* -- CONTENT_COLUMN -- */

div#contentColumn {
    width: 726px;
    overflow-x: hidden;
    float: left;
    border-left: 1px solid #dcdcdc;
    margin-left: -1px;
}

div#contentColumn div#header {
    height: 117px;
    background: url(/static/images/back.header.gif) no-repeat 70px 36px #fff;
    position: relative;
}

div#contentColumn div#header input#searchBtn {
    position: absolute;
    top: 27px;
    right: 2px;
}

div#contentColumn div#header input#searchField {
    background: #efefef;
    border: none;
    padding: 4px 4px 4px;
    width: 165px;
    position: absolute;
    right: 24px;
    top: 25px;
}

div#contentColumn div#header ul#kitMenu {
    border-top: 1px solid #dcdcdc;
    position: relative;
    top: 70px;
}

div#contentColumn div#header ul#kitMenu li {
    float: right;
}

div#contentColumn div#header ul#kitMenu li a {
    margin-top: 12px;
    padding-top: 3px;
    margin-bottom: 11px;
    padding-bottom: 3px;
    display: block;
    border-right: 1px solid #dcdcdc;
    padding-left: 39px;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 20px 1px;
}

div#contentColumn div#header ul#kitMenu a.faq {
	background-image: url(/static/images/ico.faq.gif);
}

div#contentColumn div#header ul#kitMenu a.sitemap {
	background-image: url(/static/images/ico.sitemap.gif);
}

div#contentColumn div#header ul#kitMenu a.main {
	background-image: url(/static/images/ico.main.gif);
	border: none;
}

div#contentColumn div#header ul#kitMenu a.presentation {
}

div#contentColumn div#mainBaner {
    height: 212px;
}

div#contentHeader {
    height: 110px;
    background: url(/static/images/back.content_header2.jpg) no-repeat 36px 43px #243f72;
}

div#contentColumn div#contentHeader div#calendar {
    padding-top: 13px;
    padding-left: 34px;
    color: #fff;
    position: relative;
}

div#contentColumn div#contentHeader div#calendar span {
    display: block;
    right: 34px;
    top: 13px;
    position: absolute;
}

div#contentColumn div#contentHeader ul#appsMenu {
   margin-top: 15px;
    margin-left: 36px;
    margin-right: 34px;
    padding-top: 12px;
    padding-bottom: 12px;
}

div#contentColumn div#contentHeader ul#appsMenu li {
    float: left;
}

div#contentColumn div#contentHeader ul#appsMenu a.products {
    margin-left: 131px;
}

div#contentColumn div#contentHeader ul#appsMenu a.ehandel {
    margin-left: 40px;
}

div#contentColumn h2.boxHeader {
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #dcdcdc;
}

/* -- strona glowna -- */

div#contentColumn div#latestBox {
    width: 492px;
    height: 350px;
    overflow: hidden;
    float: left;
    border-right: 1px solid #dcdcdc;
}

div#contentColumn div#latestBox h2 {
    width: 458px;
    padding-left: 34px;
    padding-top: 18px;
    padding-bottom: 19px;
}

div#contentColumn div#latestBox div.latest {
    width: 202px;
    height: 240px;
    float: left;
    padding-top: 22px;
    padding-left: 35px;
    position: relative;
    padding-bottom: 2em;
}

div#contentColumn div#latestBox div#secondLatest {
    padding-left: 22px;
}

div#contentColumn div#latestBox div.latestPhoto {
    margin-bottom: 21px;
}

div#contentColumn div#latestBox div.latestTitle,
div#contentColumn div#latestBox div.latestDate {
    color: #494949
}

div#contentColumn div#latestBox div.latest a {
    color: #db2955;
}

div#contentColumn div#latestBox div.latestBtn {
    position: absolute;
    bottom: 10px;
    padding-right: 10px;
    background: url(/static/images/arrow.red.gif) no-repeat right;
}

div#promoBox {
    float: right;
    overflow: hidden;
    height: 318px;
    width: 232px;
    padding-bottom: 16px;
    margin-right: 1px;
}

div#navigationColumn div#promoBox {
    height: 290px;
    border: none;
    float: none;
    margin-bottom: 1px;
    border-bottom: 1px solid #dcdcdc;
}

div#promoBox h2.boxHeader {
    width: 203px;
    padding-left: 29px;
    padding-top: 20px;
    padding-bottom: 17px;
}

div#navigationColumn div#promoBox h2.boxHeader {
    padding-top: 10px;
    padding-bottom: 0px;
}

div#promoBox div.promotion {
    height: 104px;
    margin-top: 20px;
    overflow: hidden;
    background: url(/static/images/back.promotion.jpg) repeat-x;
}


div#promoBox div.promotionPhoto {
    position: relative;
    width: 66px;
    float: left;
    padding: 20px 16px;
}


div#promoBox div.promotion a {
    color: #fff;
    display: block;
}

div#promoBox div.promotion img {
    padding: 1px;
    background: #fff;
}

div#promoBox div.promotion div.promotionBtn a {
    padding: 16px;
    background: url(/static/images/btn.more.mini.gif) no-repeat right;
}

/* -- podstrona -- */

div#contentColumn div#subpageBaner {
    height: 212px;
}

div#contentColumn div#contentContainer {
    width: 725px;
    min-height: 673px;
    border-right: 1px solid #dcdcdc;
    position: relative;
}

div#contentColumn div#contentContainer div#lokalizer,
div#contentColumn div#contentContainer h1#title,
div#contentColumn div#contentContainer div#content {
    padding: 0px 35px;
}

div#contentColumn div#contentContainer div#lokalizer {
    padding-top: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #dcdcdc;
}

div#contentColumn div#contentContainer div#lokalizer ul li {
    float: left;
}

div#contentColumn div#contentContainer div#lokalizer img {
    padding: 0px 7px 1px;
}

div#contentColumn div#contentContainer div#lokalizer {
    color: #db2955;
}

div#contentColumn div#contentContainer h1#title {
    font-size: 13.5pt;
    padding-top: 2px;
    padding-bottom: 6px;
    color: #494949;
    font-weight: normal;
}

div#contentColumn div#contentContainer {
    margin-bottom: 30px;
    padding-bottom: 30px;
}

/* -- prezentacja -- */
div#contentColumn div#player {
    width: 480px;
    margin: 0px auto 20px;
    border: 10px solid #d5d5d5;
}

/* -- end of CONTENT_COLUMN -- */


/* -- NOTEAD_BAR -- */

div#container div#notepadBar {
    position: absolute;
    left: 268px;
    bottom: 15px;
    background: url(/static/images/back.notepad_bar.gif) no-repeat;
}

div#container div#notepadBar a {
    color: #db2955;
    padding-top: 1px;
}

div#container div#notepadBar a.addToNotepad {
    margin-left: 18px;
}

div#container div#notepadBar a.showNotepad {
    margin-left: 46px;
}

/* -- end of NOTEAD_BAR -- */


/* -- FOOTER -- */

div#footer {
    padding-top: 15px;
    height: 30px;
    color: #bfbfbf;
    background: #fff;
}

div#footer a {
    color: #bfbfbf;
}

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

/* -- end of FOOTER -- */


/* -- formularz 'zadaj pytanie' -- */
div#siteform {
    margin-left: 10px;
}

div#siteform fieldset {
    border: 1px solid #cccccc;
}

div#siteform fieldset legend {
    color: #494949;;
}

div#siteform input.text, div#siteform textarea {
    margin-left: 30px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 2px;
    border: 1px solid #cccccc;
}

div#siteform input.text {
    width: 200px;
}

div#siteform textarea {
    width: 400px;
    height: 140px;
}

div#siteform input.btn {
    margin-left: 30px;
}

div#siteform table tr td {
    vertical-align: top;
    padding-right: 15px;
}

div#siteform table tr.spacer td {
    padding-top: 20px;
}

div#siteform div.errors {
    border: 1px solid #db2955;
    padding: 20px;
    margin-bottom: 20px;
    color: #db2955;
    width: 368px;
}

div#siteform .obligatory {
    color: #c9c9c9;
}

div#siteform .red {
    color: #db2955;
}

.ajax_loader {
    padding: 10px;
    margin-left: 10px;
    background: url(/static/images/ajax.loader.gif) no-repeat left;
    width: 45px;
    height: 15px;
}

/* -- end of 'zadaj pytanie' -- */


/* -- lista podstron -- */
ol#childrenList a {
	font-weight: bold;
	color: #767272;
}

ol#childrenList div {
	padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
}