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

/*Titles_Buttons_Numbers*/

@font-face {
    font-family: 'impactregular';
    src: url('../images/ui_fonts/impact-webfont.eot');
    src: url('../images/ui_fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/ui_fonts/impact-webfont.woff') format('woff'),
         url('../images/ui_fonts/impact-webfont.ttf') format('truetype'),
         url('../images/ui_fonts/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bamtangllamagenialgordisXBd';
    src: url('../images/ui_fonts/bamtang_llama_genial_gordis_2-webfont.eot');
    src: url('../images/ui_fonts/bamtang_llama_genial_gordis_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/ui_fonts/bamtang_llama_genial_gordis_2-webfont.woff') format('woff'),
         url('../images/ui_fonts/bamtang_llama_genial_gordis_2-webfont.ttf') format('truetype'),
         url('../images/ui_fonts/bamtang_llama_genial_gordis_2-webfont.svg#bamtangllamagenialgordisXBd') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/*-----------------------------------------------------------------------------*/
/*Screen Background*/
.ui_general_screen_bg {
	top:0;
	left:0;
	width: 750px;
	height: 500px;
	background:url(../images/ui_images/common/gui_common_background.jpg);
}
/*Title*/
.ui_general_screen_title {
	position: absolute;
	left: 0px;
	top: 4px;
	width: 700px;
	height: 50px;
	color: #000000;
	font-family: 'Conv_ariblk';
	font-size: 36px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-smooth: always;
	padding-top: 5px;
	background: url(../images/ui_images/common/gui_common_titlesupport.png)
}
/*Logo*/
.ui_general_screen_logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 370px;
	height: 84px;
	background: url(../images/ui_images/common/gui_common_screens_logo_small.png)
}

/*-----------------------------------------------------------------------------*/
/*Popup background*/
.ui_general_popup_bg {
	top:0;
	left:0;
	width: 750px;
	height: 500px;
	background:#000000;
	opacity: 0.8;
}
.ui_general_popup_support {
	position: absolute;
	top:175px;
	left:0px;
	width: 750px;
	height: 141px;
	background:url(../images/ui_images/common/gui_common_popups_support.png) no-repeat right top;
}
/*Popup title*/
.ui_general_popup_title {
	position: absolute;
	left: 0px;
	top: -130px;
	width: 750px;
	height: 120px;
	z-index: 2;
	color: #ffde00;
	font-family: 'impactregular';
	font-size: 48px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-smooth: always;
	text-shadow: 4px 4px 0px rgba(0, 0, 0, 1);
}

/*-----------------------------------------------------------------------------*/
/*Button Back*/
/*PATHER*/
.ui_general_button_back {
	position: absolute;
	top: 220px;
	left: 5px;
	width: 100px;
	height: 100px;
	background: url(../images/ui_images/buttons/gui_buttons_icons.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: -100px 0px;
}
/*-----------------------------------------------------------------------------*/
/*Button Next*/
/*PATHER*/
.ui_general_button_next {
	position: absolute;
	top: 220px;
	left: 640px;
	width: 100px;
	height: 100px;
	background: url(../images/ui_images/buttons/gui_buttons_icons.png) no-repeat right top;
	cursor: pointer;
}
/*CHILDREN*/
.ui_general_button_next.b1 {
	background-position: -600px 0px;
}
.ui_general_button_next.b1:hover {
	background-position: -700px 0px;
}

.ui_center {
	display:table;
}
.ui_center div{
	display:table-cell;
	vertical-align:middle;
}