* { padding: 0px; margin: 0px; }
html, body { width: 100%; height: 100%; padding: 0px; margin: 0px; font-family: Tahoma; font-size: 12px;}
img{
    border:0px;
}
/******************************************************************************************************************
Background
******************************************************************************************************************/
div#bgFrameTop,div#bgFrameCenter,div#bgFrameBottom { position: relative; width: 980px; margin: auto; }
div#bgFrameTop,div#bgFrameBottom { height: 10px; font-size: 1px; line-height: 0px; }
div#bgFrameTop { background-image: url(images/bgframetop.gif);}
div#bgFrameBottom { background-image: url(images/bgframebottom.gif);}
div#bgFrameCenter { background: url(images/bgbodytop.gif) repeat-x top;}
div#bgFrameLeft { width: 100%; background: url(images/bgframeleft.gif) repeat-y left; }
div#bgFrameRight{ width: 100%; background: url(images/bgframeright.gif) repeat-y right; }
div#bgFrameContents { margin: 0 6px 0; }
/******************************************************************************************************************
Content
******************************************************************************************************************/
div#contentLeft { 
    position: static;
    width: 710px;
    float: left;
    background: url(images/bgcontentleft.jpg) no-repeat top;
    padding-top: 385px;
}
div#contentRight { 
    width: 258px;
    min-height: 385px;
    float: left;
    background: url(images/bgcontentright.jpg) no-repeat top;
    padding-top: 95px;
}
div#contentLeftSub { 
    position: static;
    width: 710px;
    float: left;
    background: url(images/bgcontentleftsub.jpg) no-repeat top;
    padding-top: 195px;
}
div#contentRightSub { 
    width: 258px;
    min-height: 385px;
    float: left;
    background: url(images/bgcontentrightsub.jpg) no-repeat top;
    padding-top: 95px;
}
/******************************************************************************************************************
Bottom Menu
******************************************************************************************************************/
#bottomMenu a, a:visited { 
    color: #818284;
    text-decoration: none;
}
#bottomMenu a:hover { 
    text-decoration: underline;
}
div#bottomMenu { 
    height: 30px;
    clear: both;
    color: #818284;
    font-size: 11px;
    padding: 20px 20px 0;
}
/******************************************************************************************************************
Top Menu
******************************************************************************************************************/
div#topMenu { 
    position: absolute;
    width: 675px;
    height: 39px;
    left: 50%;
    margin-left: -191px;
    top: 10px;
    background: url(images/bgmenubottom.gif) repeat-x bottom;
}
div#topMenu  ul { 	
    width: 665px;
    height: 29px;
    margin: 0px;
    padding: 0px;
}
div#topMenu ul li {
    text-indent: 0px;
    height: 29px;
    float: left;
    list-style-type: none;
}
div#topMenu ul li a {
    text-indent: 0px;
    font-size: 11px;
    float: left;
    height: 29px;
    width: 95px;
    background-image: url(images/bgmenulioff.gif);
    list-style-type: none;
    text-align: center;
}
div#topMenu ul li a, 
div#topMenu ul li a:visited {
    height: 29px;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;padding: 0px; margin: 0px;
    line-height:35px;
    display: inline;
    overflow: hidden;
}
div#topMenu ul li a:hover {
    font-size: 11px;
    height: 29px;
    color: #FFFFFF;
    background-image: url(images/bgmenulion.gif);padding: 0px; margin: 0px;
}
div#topMenu ul li .on {
    font-size: 11px;
    height: 29px;
    color: #FFFFFF;
    background-image: url(images/bgmenulion.gif);padding: 0px; margin: 0px;
}

/******************************************************************************************************************
Blue Box
******************************************************************************************************************/
div#blueBox { width: 700px; margin: auto; background-color: #F9F9F9; }
div#blueBox div#image { background: url(images/telefon.jpg) no-repeat bottom left;}
div#blueBox div#Top { background: url(images/bgboxbluetop.gif) no-repeat top; height: 27px; color: white; font-size: 12px; line-height: 27px; font-weight: bold; padding-left: 15px;}
div#blueBox div#Left { background: url(images/bgboxleftright.gif) repeat-y left; }
div#blueBox div#Right { background: url(images/bgboxleftright.gif) repeat-y right; }
div#blueBox div#Bottom { background: url(images/bgboxbottom.gif) repeat-x bottom; }
div#blueBox div#Contents { color: #818284; font-size: 11px;padding: 10px;min-height: 200px;overflow: hidden;}
div.boxImage { float: left; margin-right: 10px; margin-bottom: 10px; padding: 3px; padding-bottom: 2px; background-image:url(images/dashbox.gif); display: inline;}
div#blueBox h3 { color: #20468D; font-weight: bold; font-size: 14px; margin-bottom: 5px;}
/******************************************************************************************************************
Green Box
******************************************************************************************************************/
div#greenBox { width: 247px; margin: auto; background-color: #F9F9F9;}
div#greenBox div#Top { background: url(images/bgboxgreentop.gif) no-repeat top; height: 54px;}
div#greenBox div#Contents { background: url(images/bgboxgreentop2.gif) no-repeat top center;  margin: 0px; padding: 25px 10px 10px;}
div#greenBox div#TopTitle { padding-top: 35px; padding-left: 95px; color: white; font-size: 11px;}
div#greenBox div#Left { background: url(images/bgboxleftright.gif) repeat-y left; }
div#greenBox div#Right { background: url(images/bgboxleftright.gif) repeat-y right; }
div#greenBox div#Bottom {	background: url(images/bgboxbottom.gif) repeat-x bottom; }
div#greenBox h3 { color: #1E804B; text-align: center; font-size: 12px; font-weight: bold;}
div#greenBox h2 { color: #666666; text-align: center; font-size: 24px; font-weight: bold;}
div#greenBox a { color: #818284; text-decoration: none;}
div#greenBox a:hover { color: #818284;text-decoration: underline;}
div#greenBox p.text { font-size:11px; color:#818284; margin:10px 0;}

/******************************************************************************************************************
User Panel
******************************************************************************************************************/
div#userPanel {

    padding-left: 40px;
    margin:0 0 40px;
}

div#userPanel input[type="text"] { color: #19428A; width: 130px; height: 14px; font-size: 10px; margin-bottom: 5px; float: left; }
div#userPanel input[type="password"] { color: #19428A; width: 130px; height: 14px; font-size: 10px; margin-bottom: 5px; float: left; }
div#userPanel label { color: #999999; height: 14px; font-size: 11px; margin-bottom: 10px; float: left; padding-top: 3px;}
div#userPanel input.submit { margin-left: 115px;}
div#userPanel h4 { margin: 0px; margin-bottom: 10px; color: #19428A; font-weight: bold;  font-size: 14px;}
div#userPanel .formText {float: left; width: 40px;}
input.text{ width: 130px; font-size: 10px; color: #19428A; height: 14px; background-color: #EBEBEB; border: 1px solid; border-color: #D1D1D1;}
/******************************************************************************************************************
Card Box
******************************************************************************************************************/
div#cardBox { position: absolute; width: 285px; height: 135px; top: 215px; left: 50%; margin-left: -115px; }
div#cardBox h2 { color: #359A63; font-weight: normal; font-size: 19px; padding: 0px; margin: 0 0 0 30px;}
div#cardBox h3 { color: #143D88; font-weight: normal; font-size: 17px; padding: 0px; margin: 0 0 5px 80px; }
div#cardBox a { color: #264C90; font-weight: normal; text-decoration: none;}
div#cardBox p.indent { margin: 0px 5px; text-indent: -11px; font-size: 11px;}
/******************************************************************************************************************
Logo
******************************************************************************************************************/
div#logo { position: absolute; width: 145px; height: 120px; top: 0px; left: 6px; }
/******************************************************************************************************************
Contact 
******************************************************************************************************************/
div#contact {width: 678px; margin: 0px 10px 10px; padding-top: 10px; text-align: justify; }
div#contact { float: left; margin: 0px; padding: 0px; margin-left: 20px; display: inline;}
div#contact input.text { color: #19428A; width: 240px; height: 14px; font-size: 10px; float: left; }
div#contact textarea { float: left; width: 240px; height: 140px; font-family: Tahoma; font-size: 10px; font-weight: normal; color: #19428A; background-color: #EBEBEB; border: 1px solid; border-color: #D1D1D1; }
div#contact label { color: #999999; font-size: 11px; margin: 3px 0; float: left; display: inline;}
div#contact input.submit { margin-left: 200px;}
div#contact h4 { margin: 0px; margin-bottom: 10px; color: #19428A; font-weight: bold;  font-size: 14px; text-align: center;}
div#contact .Text {float: left; width: 100px; display: inline; margin: 0px; padding: 0px;}
div#contact .email { font-weight: bold; color: #208258; }
div.boxImageContact { float: right; margin: 10px 40px 0 0; padding: 3px; background-image:url(images/dashBox.gif); display: inline;}

table.form tr td.label{
    text-align:right;
}

table.form tr td.error{
    color:red;
}

table.form tr td{
    padding:2px;
}

table.form tr td input.text{
    padding:3px;
}
table.form tr td textarea{
    padding:3px;
}
/******************************************************************************************************************
Zgloszenie Form
******************************************************************************************************************/
div#zglosz {width: 678px; margin: 0px 10px 10px; padding-top: 10px; text-align: justify; }
div#zglosz form { float: left; margin: 0px; padding: 0px; margin-left: 40px; display: inline;}
div#zglosz form input.text { color: #19428A; width: 190px; height: 14px; font-size: 10px; float: left; }
div#zglosz form textarea { float: left; width: 160px; height: 100px; font-family: Tahoma; font-size: 10px; font-weight: normal; color: #19428A; background-color: #EBEBEB; border: 1px solid; border-color: #D1D1D1; }
div#zglosz form label { color: #999999; font-size: 11px; margin: 3px 0; float: left; display: inline;}
div#zglosz form input.submit { margin-left: 200px;}
div#zglosz h4 { margin: 0px; margin-bottom: 10px; color: #19428A; font-weight: bold;  font-size: 14px; text-align: center;}
div#zglosz .formText {float: left; width: 150px; display: inline; margin: 0px; padding: 0px;}
div#zglosz .email { font-weight: bold; color: #208258; }
div.boxImagezglosz { float: right; margin: 10px 40px 0 0; padding: 3px; background-image:url(images/dashBox.gif); display: inline;}

/******************************************************************************************************************
Szkolenie Form
******************************************************************************************************************/
div#training { }
div#training fieldset { border: 0px; padding: 10px; }
div#training legend { padding-left: 100px; color: #19428A; font-size: 14px; font-weight: Bold; }
div#training label {  display: block;  float: left; width: 230px; padding-right: 10px; text-align: right; padding-top: 3px;}
div#training label.error {  float: right; color: Red; margin-top: -20px; width:200px }
div#training label.error span{
    float:right;
}
div#training input.error { border: 1px Dashed Red; }
div#training input.valid { border: 1px Solid Green; }
div#training p  { height: 25px; margin: 5px 0px; background: #fcfcfc; padding-top: 5px; }
div#training p.checkbox  { padding-left: 10px; padding-right: 10px; }
div#training p.checkbox  input { margin-top: 15px; float: none; width: 20px; }
div#training p.checkbox  label { color: #7a8599; float: none; width: auto; text-align: left; padding-left: 15px; display: block;  }
div#training p.checkbox  label.error { padding-left: 30px; display: block; clear: both; margin-bottom: 10px; color: Red; }
div#training p input[type="text"] { width: 200px; }
div#training p.submit input { float: none; margin-left: 240px; cursor: pointer; width: 75px; height: 30px; background: url('images/buttonTraining.gif') no-repeat 0px -30px; width: 79px; height: 30px; border: 0px; overflow: hidden; text-indent: -1000px; }
div#training p.submit input:hover { background: url('images/buttonTraining.gif') no-repeat 0px 0px;}
div#training a { color: Green; }
p.trainingConfirm { font-size: 14px; padding: 10px; font-weight: Bold; } 
p.trainingConfirm a { color: Green;  } 
/******************************************************************************************************************
Different
******************************************************************************************************************/
.clear { clear: both; font-size: 1px; line-height: 1px; height:1px;}
.clearL { clear: left;}
.clearR { clear: right;}
.b0 { border: 0px; }
.flr { float: right;}
.fll { float: left;}
.aC { text-align: center; }
.aR { text-align: right; }
p { margin: 0px; padding: 0px;}
p.indent { margin: 5px 14px; text-indent: -13px; }
p.buttonMore { text-align: right; margin: 0px; padding: 0px;}
a{
    color:#818284;
    text-decoration:none;
}
a:hover{
    color:#818284;
    text-decoration:underline;
}
div#blueBox ul{
    margin: auto;
    padding: auto;
}
div#blueBox ol{
    margin: auto;
    padding: auto;
}
div#blueBox li{
    margin-left: 20px;
    padding: auto;
}

div#grafika_lekarz{
    position: absolute;
    bottom: 50px;
    width: 255px;
    height: 181px;
    background: url(./images/lekarz.jpg);
}

.img_button{
    border:0px;
}
.img_button img{
    border:0px;
}

span.Pager span{
    font-weight:bold !important;
}

span.Pager a{
    font-weight:normal;
}

span#ctl0_ctl0_Main_SubPage_MyPager span{
    font-weight:800;
}

table tr.on td {
    background-color:#FFC4B5;
}

div.send_button{
    background:url(./images/bginputsubmit.png) no-repeat;
    float:right;
    width:60px;
    height:18px;
    overflow:hidden;
}

div.send_button a{
    display:block;
    width:42px;
    overflow:hidden;
    color:white;
    font-size:9px;
    float:left;
    position:relative;
    top:3px;
    left:3px;
    cursor:pointer;
}

div.see_button{
    background:url(./images/bginputsubmit.png) no-repeat;
    float:right;
    width:60px;
    height:18px;
    overflow:hidden;
}

div.see_button a{
    display:block;
    width:42px;
    overflow:hidden;
    color:white;
    font-size:9px;
    float:left;
    position:relative;
    top:3px;
    left:6px;
}

div#training a#ctl0_ctl0_Main_SubPage_SendBT{
    color:white;
}

div.submenu{
    font-size:12px;
}


div#register_button{
    width:200px;
    height:100px;
    background-image: url(../images/zarejestruj2.png);padding: 0px; margin: 0px;
    clear:both;
    position:relative;
    top:25px;
    right:10px;
}

div#register_button a{
    color:#359A63;
}

div#register_button div{
    width:130px;
    position:relative;
    top:6px;
    color:#359A63;
    font-weigth:bold;
    font-size:13px;
}
div#register_button div li{
    position:relative;
    left:15px;
    top:5px;
    color:#999999;
    font-weigth:bold;
    font-size:11px;
}