@font-face {
    font-family: 'futura';
    src: url('fontovi/futura_light_bt.eot');
    src: url('fontovi/futura_light_bt.eot') format('embedded-opentype'),
    url('fontovi/futura_light_bt.woff') format('woff'),
    url('fontovi/futura_light_bt.ttf') format('truetype'),
    url('fontovi/futura_light_bt.svg#FuturaLtBTLight') format('svg');
}

/* http://meyerweb.com/eric/tools/css/reset/

 v2.0 | 20110126

 License: none (public domain)

 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;
}

body {

	line-height: 1;
}

ol, ul {

	list-style: none;
}

blockquote, q {

	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';
	content: none;
}

table {

	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------reseeeett the end----------------------------*/

body {
	float : left;
	position: relative;
	width: 100%;
    font-family: 'futura';
}
a{
    text-decoration : underline;
    color: #fff;
}
a:hover{
    opacity : 0.8;	
}
p{
	margin : 7px 0;
}
strong{
	font-weight : 500;
}
.container{
    background: url("img/bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 1940px;
    left: 50%;
    margin-left: -595px;
    position: absolute;
    top: 0;
    width: 1190px;
}
.hp_text{
    color: #FFFFFF;
    font-size: 33px;
    left: 93px;
    position: absolute;
    top: 1118px;
}
.btn{
    left: 40px;
    position: absolute;
    top: 397px;
    z-index: 1;
}
.btn:hover{
	opacity: 0.9;
}
.btn_postavi{
    background: url("img/btn_postavi.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: right;
    height: 103px;
    left: 41px;
    outline: medium none;
    overflow: hidden;
    position: absolute;
    top: 116px;
    width: 462px;
}
.second_screen{
    float: left;
    margin-bottom: 137px;
    margin-top: 227px;
    position: relative;
    width: 100%;
}
.avatar_border{
    float: right;
    margin: 97px;
}
.avatar_border img{
    width: 255px;
}
.cancel_btn{
    left: 42px;
    position: absolute;
    top: 235px;
}
.soccer_ball{
    position: absolute;
    right: 23px;
    top: 320px;
    z-index: 0;
}
.message{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 300;
    left: 80px;
    line-height: 46px;
    padding: 10px;
    position: absolute;
    top: 165px;
}
.btn_above_text{
    color: #E5519A;
    float: right;
    font-size: 18px;
    font-weight: 300;
    margin: 22px 122px 0 0;
    text-align: center;
    line-height: 22px;
    width: 307px;
}
.twitter_avatras {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    float: left;
    height: 685px;
    left: 18px;
    padding: 20px 6px 10px 20px;
    position: absolute;
    top: 1207px;
    width: 1119px;
}
.twitter_avatras a img {
    float: left;
    margin: 0 15px 15px 0;
    width: 109px;
}
