@import 'reset.css';
@import 'useful.css';
@import 'text.css';

/*--ESSENTIAL--------------------------------------------------------------*/

html {
	width: 100%;
	height: 100%;
}

body {
    width: 100%;
    background: #291c3c url("../Images/background/background.jpg") center -110px no-repeat fixed;
    padding: 50px 0 0 0;
}

/*--LAYOUT----------------------------------------------------------------*/

.front #page {
	width: 832px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: left;
}

.front #page .top {
	height: 20px;
	background: url("../Images/background/page_top.png") 0 0 no-repeat;
	_behavior: url(../Styles/iepngfix.htc);
}

.front #page .content {
    padding: 70px 25px 5px 35px;
    min-height: 450px;
    _height: 450px;
    position: relative;
	background: url("../Images/background/page_content.png") 0 0 repeat-y;
	_background: url("../Images/background/page_content.gif") 0 0 repeat-y;
}

.front #page .bottom {
	height: 20px;
	background: url("../Images/background/page_bottom.png") 0 0 no-repeat;
	_behavior: url(../Styles/iepngfix.htc);
}

/*--HEADER---------------------------------------------------------------*/

.front #page .logo {
    width: 100px;
    height: 54px;
    position: absolute;
    right: 26px;
    top: 0;
}

.front #page .menu {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 26px;
    top: 10px;
}

.front #page .menu li {
    float: left;
    padding: 0 0 0 10px;
    margin: 0 2px 0 0;
    background: none;
    background: #c6e9fa url("../Images/menu/menu_ico.png") 7px 5px no-repeat;
}

.front #page .menu li:hover {
    float: left;
    padding: 0 0 0 10px;
    margin: 0 2px 0 0;
    background: none;
    background: #c6e9fa url("../Images/menu/item_left.gif") 0 0 no-repeat;
}

.front #page .menu li a {
    _float: left;
    color: #333;
    text-decoration: none;
    display: block;
    line-height: 32px;
    padding: 0 7px 0 17px;
    background: none;
}

.front #page .menu li:hover a {
    /*text-decoration: underline;*/
    background: url("../Images/menu/item_right.gif") right 0 no-repeat;
}

.front #page .menu li.active {
    /*margin-right: 10px;*/
    background: #fff url("../Images/menu/item_left_a.gif") 0 0 no-repeat;
}

.front #page .menu li.active a {
    background: url("../Images/menu/item_right_a.gif") right 0 no-repeat;
    padding: 0 7px 0 17px;
}

/*--CONTENT---------------------------------------------------------*/

.front .buttonRed {
    line-height: 21px;
    display: block;
    text-decoration: none;
    background: #D00F14 url("../Images/background/button_red_left.gif") 0 0 no-repeat;
    float: left;
    margin: 0 0 5px 25px;
}

.front .buttonRed span {
    padding: 0 8px;
    display: block;
    color: #fff;
    background: url("../Images/background/button_red_right.gif") right 0 no-repeat;
}

.front .leftText {
    float: left;
    width: 420px;
}

.front .video {
    float: right;
}

.front .diary {
    width: 330px;
    height: 503px;
    display: block;
    position: absolute;
    right: -310px;
    top: 0px;
    margin-top: 200px;
    background: url("../Images/background/holka.png") 0 0 no-repeat;
    _behavior: url(../Styles/iepngfix.htc);
}

.front .skrin {
     width: 283px;
    height: 333px;
    display: block;
    position: absolute;
    left: -250px;
    top: 0px;
    margin-top: 100px;
    background: url("../Images/background/skrin.png") 0 0 no-repeat;
    _behavior: url(../Styles/iepngfix.htc);
}

.front p.spocitejte-si {
    float: right;
    padding: 0px 17px;
}

.front p.links {
    float: right;
}

/*--FOOTER---------------------------------------------------------------*/

.front .footer {
    font-size: 13px;
    color: #000;
    padding: 5px 16px 0 16px;
}

.front .footer a {
    color: #000;
}

.front .footer .left {
    float: left;
}

.front .footer .copy {
    float: right;
}


.buttons td a, .buttons td a img {
	display: block;
}

#flashCalculator {
	/*margin-top: -78px;*/
}