/* CSS Document */
body {
    margin: 0;
    padding: 0;
}

/*Titles Buttons_numbers*/
@font-face {
    font-family: 'bamtangvicunaferozgordidemiBd';
    src: url('../media/fonts/bvfg1-webfont.eot');
    src: local('☺'), url('../media/fonts/bvfg1-webfont.woff') format('woff'), url('../media/fonts/bvfg1-webfont.ttf') format('truetype'), url('../media/fonts/bvfg1-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*Info*/
@font-face {
    font-family: 'bamtangguanacogenialgordisBd';
    src: url('../media/fonts/bamtang_guanaco_genial-webfont.eot');
    src: local('☺'), url('../media/fonts/bamtang_guanaco_genial-webfont.woff') format('woff'), url('../media/fonts/arial.ttf') format('truetype'), url('../media/fonts/bamtang_guanaco_genial-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-----------------------------------------------------------------------------*/
/*Container*/
.ui_general_container {
    top: 0;
    left: 0;
    width: 750px;
    height: 500px;
    position: relative;
}

/*-----------------------------------------------------------------------------*/
/*Screen Background*/
.ui_general_screen_bg {
    top: 0;
    left: 0;
    width: 750px;
    height: 500px;
    background: url(../media/images/ui_images/common/gui_common_background.jpg);
}


/*Team sides*/
.ui_general_teamside {
    position: absolute;
    top: 97px;
    left: 0px;
    width: 84px;
    height: 367px;
    background: url(../media/images/ui_images/screens/gui_screens_common_teamside.png);
}
    /*CHILDREN*/
    .ui_general_teamside.l1 {
        background-position: 0px 0px;
    }

    .ui_general_teamside.r1 {
        left: 665px;
        background-position: -84px 0px;
    }


    .ui_general_teamside.l2 {
        background-position: -168px 0px;
    }

    .ui_general_teamside.r2 {
        left: 665px;
        background-position: -252px 0px;
    }


    .ui_general_teamside.l3 {
        background-position: -336px 0px;
    }

    .ui_general_teamside.r3 {
        left: 665px;
        background-position: -420px 0px;
    }


    .ui_general_teamside.l4 {
        background-position: -504px 0px;
    }

    .ui_general_teamside.r4 {
        left: 665px;
        background-position: -588px 0px;
    }


    .ui_general_teamside.l5 {
        background-position: -672px 0px;
    }

    .ui_general_teamside.r5 {
        left: 665px;
        background-position: -756px 0px;
    }


    .ui_general_teamside.l6 {
        background-position: -840px 0px;
    }

    .ui_general_teamside.r6 {
        left: 665px;
        background-position: -924px 0px;
    }

/*Title*/
.ui_general_screen_title {
	position: absolute;
	left: 23px;
	top: 44px;
	width: 749px;
	height: 46px;
	color: #adfcff;
	font-family: 'bamtangvicunaferozgordidemiBd';
	font-size: 28px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-smooth: always;
	padding-top: 5px;
}
/*TITLE*/
.ui_general_dailymatch_title {
	position: absolute;
	left: 0px;
	top: 38px;
	width: 750px;
	height: 46px;
	color: #adfcff;
	font-family: 'bamtangvicunaferozgordidemiBd';
	font-size: 24px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-smooth: always;
	padding-top: 5px;
}
/*TITLE*/
.ui_general_dailymatch_date {
	position: absolute;
	left: 2px;
	top: 65px;
	width: 750px;
	height: 46px;
	color: #adfcff;
	font-family: 'bamtangvicunaferozgordidemiBd';
	font-size: 18px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-smooth: always;
	padding-top: 5px;
}
/*-----------------------------------------------------------------------------*/
/*Popup background*/
.ui_general_popup_bg {
    top: 0;
    left: 0;
    width: 750px;
    height: 500px;
    background: #101f2c;
    opacity: 0.8;
}

.ui_general_popup_support {
    position: absolute;
    top: 84px;
    left: 195px;
    width: 444px;
    height: 269px;
    background: url(../media/images/ui_images/popups/gui_popups_panel.png) no-repeat right top;
}

.ui_general_popup_character {
    position: absolute;
    top: 301px;
    left: 0px;
    width: 210px;
    height: 199px;
    background: url(../media/images/ui_images/popups/gui_popups_character.png) no-repeat right top;
}
/*Popup title*/
.ui_general_popup_title {
    position: absolute;
    left: 232px;
	top: 148px;
    width: 381px;
	height: 86px;
    z-index: 2;
    color: #235c84;
    font-family: 'bamtangvicunaferozgordidemiBd';
    font-size: 28px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-smooth: always;
}

/*-----------------------------------------------------------------------------*/
/*ADVERTISING*/
.ui_general_advertising_support {
    position: absolute;
    top: -8px;
    left: 0;
    width: 750px;
    height: 86px;
    background: url(../media/images/ui_images/screens/gui_screens_advertising_support.png) no-repeat right top;
}
.ui_general_advertising {
    position: absolute;
    top: 0;
    left: 0;
    width: 750px;
    height: 73px;
}

/*-----------------------------------------------------------------------------*/
/*Button Back*/
.ui_general_button_back {
    position: absolute;
    top: 207px;
    left: 0px;
    width: 90px;
    height: 90px;
    background: url(../media/images/ui_images/buttons/gui_buttons_icons02.png) no-repeat right top;
    cursor: pointer;
}
    /*CHILDREN*/
    .ui_general_button_back.b1 {
        background-position: 0px 0px;
    }

        .ui_general_button_back.b1:hover {
            background-position: -90px 0px;
        }

/*-----------------------------------------------------------------------------*/
/*Button Mainmenu*/
/*PATHER*/
.ui_general_button_mainmenu {
	position: absolute;
	top: 207px;
	left: 0px;
	width: 90px;
	height: 90px;
	background: url(../media/images/ui_images/buttons/gui_buttons_icons02.png) no-repeat right top;
	cursor: pointer;
}
/*CHILDREN*/
.ui_general_button_mainmenu.b1 {
	background-position: -180px 0px;
}
.ui_general_button_mainmenu.b1:hover {
	background-position: -270px 0px;
}
/*-----------------------------------------------------------------------------*/
/*Button Next*/
.ui_general_button_next {
    position: absolute;
    top: 194px;
    left: 639px;
    width: 110px;
    height: 110px;
    background: url(../media/images/ui_images/buttons/gui_buttons_icons01.png) no-repeat right top;
    cursor: pointer;
}
    /*CHILDREN*/
    .ui_general_button_next.b1 {
        background-position: -220px 0px;
    }

        .ui_general_button_next.b1:hover {
            background-position: -330px 0px;
        }

/*-----------------------------------------------------------------------------*/
/*Button Ok*/
.ui_general_button_ok {
    position: absolute;
    top: 194px;
    left: 639px;
    width: 110px;
    height: 110px;
    background: url(../media/images/ui_images/buttons/gui_buttons_icons01.png) no-repeat right top;
    cursor: pointer;
}
    /*CHILDREN*/
    .ui_general_button_ok.b1 {
        background-position: -1100px 0px;
    }

        .ui_general_button_ok.b1:hover {
            background-position: -1210px 0px;
        }

/*-----------------------------------------------------------------------------*/
/*Button Skip*/
.ui_general_button_skip {
    position: absolute;
    top: 12px;
    left: 675px;
    width: 60px;
    height: 60px;
    background: url(../media/images/ui_images/buttons/gui_buttons_icons04.png) no-repeat right top;
    cursor: pointer;
}
    /*CHILDREN*/
    .ui_general_button_skip.b1 {
        background-position: -0px 0px;
    }

        .ui_general_button_skip.b1:hover {
            background-position: -60px 0px;
        }

/*HUD
Support-----------------------------------------------------------------------------*/
.ui_general_support {
    position: absolute;
    pointer-events: none;
    width: 200px;
    height: 83px;
    left: 3px;
    top: 1px;
    background: url(../media/images/ui_images/hud/gui_hud_minigame_lifesupport.png);
    opacity: 0.8;
}

/*Lifes-----------------------------------------------------------------------------*/
.ui_general_lifes {
    position: absolute;
    pointer-events: none;
    width: 22px;
    height: 19px;
    top: 10px;
    background: url(../media/images/ui_images/hud/gui_hud_lifes.png) no-repeat right top;
}

    /*CHILDREN*/
    .ui_general_lifes.l1 {
        left: 17px;
    }

    .ui_general_lifes.l2 {
        left: 50px;
    }

    .ui_general_lifes.l3 {
        left: 83px;
    }

/*time*/
.ui_general_time {
    position: absolute;
    left: 110px;
    top: 25px;
    width: 100px;
    height: 27px;
    color: #242f39;
    font-family: 'bamtangvicunaferozgordidemiBd';
    font-size: 21px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-smooth: always;
}