/* 

    Document   : main.css
    Created on : 2010-03-03, 09:48:31
    Author     : krzysztof.borkowski@activepharma.pl

    CSS 2.1 Validation Passed
    
*/


* {
    margin: 0px;
    padding: 0px;
    text-align: center;
    /*border: 1px dotted red !important;*/
    font-family: Arial, sans-serif, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

img {
    border: 0px;
}

body {
    background: #fff url("../img/top_bckg.png") repeat-x 0px 0px;
}

/** POJEMNIKI **/
/* główny wycentrowany wrapper */
div#contentWrap {
    width: 971px;
    height: auto;
    margin: 0px auto !important;
}

/* blok nagłówka */
div.headerBlock {
    width: 971px;
    height: 485px;
    background: transparent url("../img/header_bckg.png") no-repeat 0px 0px;
	position: relative;
}

div.headerBlock img.juzWMarcu {
		position: absolute;
		top: 110px;
		left: 135px;
		z-index: 1000;
}

/* wiersz trójkolumnowy na stronę główną */
div.contentRow {
    width: 976px;
    padding: 20px 0px 0px 0px;
}

/* komórka kolumny na stronę główną */
div.contentCoil {
    width: 320px;
    height: auto;
    display: block;
    float: left;
    background: #fff url("../img/dots.png") no-repeat 0px 7px;
}

/* dotyczy div.contentCoil | czyści kropki w trzeciej komórce */
.nodots {
    background: #fff !important;
}

/* wewnętrzny blok komórki na stronie głównej */
div.coilInner {
    padding: 0px 30px;
    display: block;
    height: 130px;
}

/* blok stopki */
div.footer {
    display: block;
    margin: 15px 0px 15px 0px;
    width: 976px;
    height: 84px;
    background: #fff url("../img/footer_bckg.png") repeat-x 0px 0px;
}

/* wewnętrzny block stopki */
div#footer div.innerFooter {
    padding: 0px 20px 20px 20px;
}

/* PODSTRONY */
/* główny blok contentu dla podstron */
div#contentMain {
    width: 971px;
    display: block;
    background: #fff;
}

/* lewa kolumna dla menu */
div.columnLeft {
    display: block;
    float: left;
    width: 264px;
}

/* prawa kolumna na właściwy content */
div.columnRight {
    display: block;
    float: left;
    width: 670px;
}

/* wewnętrzny blok prawej kolumny */
div.columnRightInner {
    display: block;
    float: left;
    width: 600px;
    padding: 20px 20px 20px 40px;
}

/* box na treści */
div.content {
    text-align: left;
    float: left;
    line-height: 20px;
    width: 600px;
}

/* SUBMENU */
/* tabela menu */
table.submenu {
    margin-top: 20px;
}

/* górna krawędź tabeli menu */
td.submenuTop {
    width: 275px;
    height: 23px;
    background: #fff url("../img/submenu/submenu_top.png") no-repeat 0px 0px;
}

/* zawartość tabeli menu | środkowy wiersz */
td.submenuMiddle {
    width: 275px;
    height: auto;
    background: #fff url("../img/submenu/submenu_middle.png") repeat-y 0px 0px;
}

/* dolna krawędź tabeli menu */
td.submenuBottom {
    width: 275px;
    height: 36px;
    background: #fff url("../img/submenu/submenu_bottom.png") no-repeat 0px 0px;
}

/* lista nienumerowana głównego menu */
ul.menuParent {
    width: 203px;
    list-style: none;
    list-style-image: none;
    margin: 8px 0px 0px 28px;
    float: left;
}

/* pozycja w głównym menu */
ul.menuParent li {
    width: 203px;
    background: transparent url("../img/submenu/pointparent.png") no-repeat 0px 0px;
    text-align: left;
    padding-left: 18px;
    font-size: 12px;
    display: block;
    clear: both !important;
}

/* odnośnik w głównym menu */
ul.menuParent li a, ul.menuChild li a  {
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

/* odnośnik w głównym menu | :hover */
ul.menuParent li a:hover, ul.menuChild li a:hover {
    color: #555;
    text-decoration: none;
}

/* aktywna pozycja z menu */
ul.menuParent li.active {
	display: block;
	clear: both;
    background: transparent url("../img/submenu/pointparent-active.png") no-repeat 0px 0px;
    text-align: left;
    padding-left: 47px;
    padding-top: 4px;
    font-size: 12px;
    color: #fff;
    position: relative;
    right: 28px;
    width: 231px;
}

/* odnośnik aktywnej pozycji z menu */
ul.menuParent li.active a, ul.childParent li.active a {
    font-size: 12px;
    color: #fffffe;
    text-decoration: none;
}
/* odnośnik aktywnej pozycji z menu | :hover */
ul.menuParent li.active a:hover, ul.childParent li.active a:hover {
    color: #fff200;
    text-decoration: none;
}

/*** CHILD ***/
/* lista nienumerowana podmenu */
ul.menuChild {
    width: 203px;
    list-style: none;
    list-style-image: none;
    margin: 5px 0px 0px 0px;
    padding-top: 10px;	
	display: block;
	clear: both;	
}

/* pozycja w submenu */
ul.menuChild li {
    width: 203px;
    height: 30px;
    background: transparent url("../img/point.png") no-repeat 0px 0px !important;
    font-weight: bold;
    text-align: left;
    padding-left: 18px;
    font-size: 12px;
	float: left;
}

/* odnośnik w głównym menu */
ul.menuChild li a {
    font-size: 12px;
    color: #000 !important;
    text-decoration: none;
}

/* odnośnik w głównym menu | :hover */
ul.menuChild li a:hover {
    color: #555 !important;
    text-decoration: none;
}

/* odnośnik w głównym menu */
ul.menuChild li.active a {
    font-size: 12px;
    color: #e0e0e0 !important;
    text-decoration: none;
}

/* odnośnik w głównym menu | :hover */
ul.menuChild li.active a:hover {
    color: #fff !important;
    text-decoration: none;
}

/* aktywna pozycja z menu */
ul.menuChild li.active {
    height: 30px;
    background: transparent url("../img/submenu/pointchild-active.png") no-repeat 0px 0px !important;
    text-align: left;
    padding-left: 64px;
    margin-left: -19px;
    margin-top: -4px;
    padding-top: 4px;
    font-size: 12px;
    color: #fff;
    position: relative;
    right: 28px;
    width: 231px;
}

/* ELEMENTS */

div.clear {
    clear: both;
}

/* główne logo */
img.mainLogo {
    display: block;
    float: left;
    position: relative;
    top: 20px;
    left: 20px;
    width: 191px;
    height: 144px;
}

/* prawy slogan 'Zadbaj o zdrowie i zaszczep się' */
img.sloganImg {
    display: block;
    float: right;
    position: relative;
    right: 40px;
    top: 25px;
    width: 315px;
    height: 105px;

}

/* przycisk 'Znajdź punkt szczepień' */
img.findButton {
    display: block;
    float: right;
    position: relative;
    right: 60px;
    top: 175px;
    width: 246px;
    height: 61px;
}

/* link mapy 'Tu możesz...' */
img.mapHeader {
    display: block;
    float: right;
    position: relative;
    right: 53px;
    top: 45px;
    width: 270px;
    height: 49px;
}

/* przycisk 'Zobacz więcej' */
a.moreButton {
    display: block;
    width: 142px;
    height: 23px;
    background: #212121 url("../img/button_off.png") no-repeat 0px 0px;
    color: #fff200;
    font-weight: bold;
    float: right;
    text-decoration: none;
    margin: 14px 0px 0px 0px;
}

/* przycisk 'Zobacz więcej' | :hover */
a.moreButton:hover {
    background: #212121 url("../img/button_on.png") no-repeat 0px 0px;
    color: #fffbb2;
    text-decoration: none;
}

/* block wewnętrzny stopki */
table.footerContent {
    display: block;
    float: left;
    margin: 15px 0px;
    text-align: left;
}

/* menu w stopce */
div.footerMenu {
    float: right;
    display: block;
    width: 420px;
    text-align: right;
}

/* odnośnik menu w stopce */
div.footerMenu a {
    margin-right: 10px;
    color: #777;
    font-size: 12px;
}

/* odnośnik menu w stopce | :hover */
div.footerMenu a:hover {
    color: #8b8b8b;
}

/* flashowa mapa w nagłówku */
div#flashobject {
    position: absolute;
    left: 50%;
    margin-left: -235px;
    top: 50px;
	z-index: 999999999;
}

/* TYPO */

h1 {
    font-size: 18px;
    float: left;
    text-align: left;
    border-bottom: 1px solid #ccc;
    width: 600px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

h2 {
    text-align: left;
    font-size: 12px;
}

div.content p {
    text-align: left;
    margin: 7px 0px;
}

div.content a:link,
div.content a:active,
div.content a:visited {
    text-decoration: none;
    color: #999966;
    border-bottom: 1px solid #cccc99;
}

div.content a:hover {
    text-decoration: none;
    color: #cccc99;
    border-bottom: 1px solid #cccc99;
}

div.content ul {
    list-style: none;
    list-style-image: none;
}

div.content ul li {
    text-align: left !important;
    clear: both;
    margin-bottom: 5px;
    margin-left: 30px;
    padding-left: 20px;
    background: transparent url("../img/point.png") no-repeat 0px 5px;
}

div.content ul li ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.content ul li div {
    text-align: left !important;
}

div.content ol li {
    text-align: left !important;
}

/* strona główna | trzy nagłówki graficzne */
img.header {
    margin: 0px 0px 4px 0px;
    float: left;
}

/* tekst komórki na stronie głównej */
div.contentCoil p {
    text-align: left;
    line-height: 17px;
    color: #717171;
}

strong {
    font-weight: bold;
}

/* drobny tekst stopki */
div.claim {
    font-size: 9px;
    color: #919191;
    text-align: justify;
	padding: 0 10px 20px;
}

/* drobne klasy stopki */
span.copyright {
    color: #484848;
    font-size: 12px;
    padding-right: 10px;
    display: block;
    float: left;
    margin-left: 2px;
}

span.copyright a {
    font-size: 12px !important;
    color: #666 !important;
}

span.silent {
    color: #898989;
    font-size: 12px;
}

span.honcode {
    color: #9b9b9b;
    float: left;
}

/* odnośnik 'Znajdź punkt szczepień' w prawej kolumnie contentu */
a.findlink {
    color: #898989;
    font-size: 12px;
    position: relative;
    float: right;
    top: 38px;
    right: 0px;
}

/* odnośnik 'Znajdź punkt szczepień' w prawej kolumnie contentu | :hover */
a.findlink:hover {
    color: #b7b7b7;
    font-size: 12px;
    position: relative;
    float: right;
    top: 38px;
    right: 0px;
}

/* tabela kontynentów w dziale 'mapa' */
table.mapareastable {
    position: relative;
    width: 500px !important;
    font-size: 1.0em;
    left: 50px;
}

table.mapareastable tr td {
    text-align: left;
    padding: 10px 0px 10px 5px;
    border-bottom: 1px solid #ccc;
}

/* tabela z testem */
table.testtable tr td {
    text-align: left;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}

select {
	text-align: left !important;
}

/*table.countriestable tr td {
    text-align: left !important;
}*/

div.countriesscroll {
    width: 640px;
    height: 400px;
    overflow: scroll;
    overflow-x: hidden !important;
}