/* 
    Document   : main
    Created on : Oct 3, 2009, 7:47:11 PM
    Author     : krzysztofozarek
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

.main {
	width:775px;
	position:absolute;
	top: 10px;
	margin-left: 50%;
	left: -387px;
	background-image:url(../images/bezkaloriib.png);
	background-repeat: repeat-y;
}

.bmi {
    background-image: url(../images/tlo.png);
}

.header {
    width: 775px;
    height: 110px;
}

.menu-top {
    background-image: url(../images/bezkaloriib.png);
    width: 775px;
}

.menu-top table {
    position:relative;
    left:100px;
}

a:hover {
	color:#0F3;
}

.menu-top .submenu {
    margin-top: 10px;
    width: 575px;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#354547;
    height: 16px;
    padding-top: 3px;
}

.menu-logo {
    width: 775px;
    height: 205px;
}

.menu-logo .motto {
    padding-top: 150px;
    margin-left: 270px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    width: 250px;
}

.message {
    background-image: url(../images/bezkaloriid.png);
    width: 775px;
}

.message div {
    margin-left: 100px;
    width: 575px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ff0000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ff0000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.line {
	color:#300;
}

.body {
    background-image: url(../images/bezkaloriid.png);
    width: 775px;
    padding-top: 10px;
	margin-top: 0px;
}

.footer {
	background-image: url(../images/bezkaloriie.png);
    width: 775px;
    height: 110px;
}

table {
    border-collapse:collapse;
}

.buttonLeft {
    display:block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    width: 110px;
    height: 25px;
    text-align:center;
    padding-top: 10px;
    color: #354547;
}

.buttonRight {
    display:block;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ffffff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    width: 110px;
    height: 25px;
    text-align:center;
    padding-top: 10px;
    color: #354547;
}

.buttonLeft, .buttonRight, .button {
    text-decoration: none;
    color: #354547;
}

.body .content {
    margin-left: 130px;
    width: 495px;
}

.button {
    display:block;
    color: #354547;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    text-decoration: none;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ffffff;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ffffff;
    text-align:center;
}

.active {
	color: #d8210b;
	font-weight: bold;
}

.active120 {
	color: #d8210b;
	font-weight: bold;
	width: 120px;
}

.center {
    width: 495px;
    text-align: center;
}

.justify {
	text-align:justify;
	margin-left: 10px;
	margin-right: 10px;
}