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

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

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

body {
	width: 100%;
	background: url("/Images/background/main_bodybg.jpg") 50% 0 no-repeat;
	background-attachment: fixed;
	/*background: #875A6B url("/Images/background/background.png") 0 0 repeat-x;*/
	padding: 130px 0 0 0;
}

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

.front #page {
	width: 832px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 100px;
	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: 490px;
    _height: 490px;
    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: 9px;
}

.front #page .menu li {
    float: left;
    padding: 0 0 0 10px;
    margin: 0 12px 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;
    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 21px;
    background: none;
	font-size: 1.08em;
}

.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;
}

/*--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: 191px;
    height: 380px;
    display: block;
    position: absolute;
    right: -150px;
    top: 280px;
    margin-top: 0;
    background: url("/Images/background/woman.png") 0 0 no-repeat;
    _behavior: url(/Styles/iepngfix.htc);
}

.front .skrin {
     width: 370px;
    height: 418px;
    display: block;
    position: absolute;
    left: -330px;
    top: 240px;
    margin-top:0;
    background: url("/Images/background/mangirl.png") 0 0 no-repeat;
    _behavior: url(/Styles/iepngfix.htc);
}

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

.front p.links {
    float: right;
}

#hp-content {
	margin: 5px 0 60px 14px;
}
	#hp-content ul {
		width: 480px;
	}

.right {float:right}

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

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

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

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

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

.buttons td {border: 0;}

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

table.buttons {margin-top: -16px; width: 772px;}
	#hp-button-1 {padding-left: 39px; padding-top: 32px;}
	#hp-button-2 {padding-right: 14px}
	#hp-button-3 {padding-top: 29px;}

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

.front .videospot {
	float:left;
	left:-10px;
	position:relative;
	top:-10px;
}

.front .videospot-2 {
	float:right;
	left: 0; right:-15px;
}