/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 3, 2012 */
@font-face {
	font-family: 'allerregular';
	src: url('../fonts/aller_std_rg-webfont.eot');
	src: url('../fonts/aller_std_rg-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/aller_std_rg-webfont.woff') format('woff'),url('../fonts/aller_std_rg-webfont.ttf') format('truetype'),url('../fonts/aller_std_rg-webfont.svg#allerregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

#big {display:none;}
html {
	background: #111 url(../images/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg.jpg', sizingMethod='scale')";
	*/
	overflow:auto;
	max-width:100%;
	width:100%;
	height:100%;
	-webkit-background-size: cover !important;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed !important;
	position: static !important;
	z-index: -1 !important;
	image-rendering: -webkit-optimize-contrast;
	font-family:'allerregular', georgia, serif;
	font-size:14px;
}
*:focus,input:focus,select:focus,textarea:focus,button:focus {
	outline: none!important;
}
.clear {
	clear:both;
}
#tabs {
	text-align: center;
	z-index: 9999;
	margin: 0;
	width: 100%;
	/* max-width: 95%;
	*/
	position: absolute;
	padding: 0;
	bottom: 0px;
	left: 0;
	margin-left: 0;
}

#tabs p {
    text-align: center;
    width: 50%;
    margin: 10px auto;
}
#tabs-1 p {text-align:justify;}
body .ui-widget-header,
body .ui-state-default {
	background: #0000008f;
	border-color:#0000008f;
	color:#fff
}
body .ui-widget.ui-widget-content{
	border-color:#0000008f;}
body .ui-widget-content {
	background: #0000008f;
	border-color:#0000008f;
	color:#fff
}
body .ui-widget-content a {
	color:#fff
}
#wrap {
	width:100%;
	height:100%;
	text-align:center;
	margin:0 auto;
	padding-top:5%;
}
#logo-wrap img {
	position: absolute;
	top: 50%;
	bottom: 50%;
	left: 50%;
	right: 50%;
	width: 191px;
	height: 75px;
	margin-top: -37.5px;
	margin-left: -95.5px;
}

#tabs h2 {display:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {	background: transparent!important;
	border-color:#0000008f!important;
	color:#fff!important}
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {color:#fff}
.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {display:block;float:none;}
#tabs li br {display:none;}

@media (min-width: 320px) and (max-width: 1200px) {
   .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav .ui-tabs-anchor {display:inline;float:left;}
    
#tabs li br {display:block;}
.ui-tabs .ui-tabs-nav {
    display: flex;
}

.ui-tabs .ui-tabs-nav li {
    flex: 1;
    display: flex;
    /* If placed in a small width sidebar or something like that disabling nowrap will fix the overflow issue */
    white-space: normal;
}

.ui-tabs .ui-tabs-nav li a {
    flex: 1;
    /* If you want to align tab titles center */
    text-align: center;
}
	html {
		background-attachment: scroll !important;
	}
	#tabs p {
    text-align: center;
    width: 90%;
    margin: 4px auto;
}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 680px)
  and (orientation: landscape) {
#logo-wrap img {
	top: 100px;
	bottom: auto;
}
}