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; vertical-align: baseline; }

body, html { height: 100%; font-family: Verdana; }

.body-wrapper { width: 100%; padding: 0; margin: 0; background: url('/img/design/bg.jpg') repeat-x; min-height:100%; }
a { color: #5d89ba; }

.menu-items { display: none; }
.header { background-color: #2e2e2e; height: 80px; width: 100%; }
.header .logo { box-sizing: border-box; width: 22%; text-align: center; float: left;  }
.header .logo img { width: 193px; height: 25px; cursor: pointer; }
.header .menu { display: none; }
.header .header-tabs { text-align: right; padding: 0; margin: 0; position: relative; width: 77%; float: right; }
.header .header-tabs a { padding: 0; margin: 0; }
.header .header-tabs .header-tab { display: inline-block; width: 24%; height: 80px; line-height: 80px; text-align: center; margin: 0px; vertical-align: middle; }
.header .header-tabs .header-tab span { display: inline-block; vertical-align: middle; color: #ffffff;  text-transform: uppercase; font-size: 16px; }
.header .header-tabs .header-tab h1 { display: inline-block; vertical-align: middle; color: #ffffff;  text-transform: uppercase; font-size: 16px; font-weight: normal; }
.header .header-tabs .tab-current { position: relative; top: 10px; left: 0px; }
.header .header-tabs .tab-from-images { background-color: #dd8b8d; }
.header .header-tabs .tab-from-youtube { background-color: #88c282; }
.header .header-tabs .tab-effects { background-color: #7db7bf; }
.header .header-tabs .tab-reverse { background-color: #fcab62; }
.header .header-text { display: none; }

.content-wrapper {}

.footer-wrapper { width: 100%; background-color: #2e2e2e; min-height: 35px; }
.footer { width: 100%; font-size: 15px; color: #ffffff; margin: 0 auto; text-align: center; padding-top: 8px; }
.footer .footer-menu { display: inline-block; margin-left: 20px; text-align: left; width: 45%; }
.footer .footer-menu a { text-decoration: none; color: #ffffff; padding-left: 25px; }
.footer .footer-menu span { text-decoration: none; color: #ffffff; padding-left: 25px; }
.footer .copyright { display: inline-block; margin-right: 45px; text-align: right; width: 45%; }

.block-text { width: 100%; margin: 30px auto; padding: 20px; font-size: 12px; text-align: left; background: #f7f7f7; border: 1px solid #ebebeb; color: #888888; text-indent: 15px; line-height: 20px; min-height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.block-text h3 { font-size: 15px; font-weight: normal; }
.block-text p { margin-top: 10px; }
.block-text a { text-decoration: none; }
.block-text ul { margin: 10px 0 5px 10px; list-style-type:none; }

.vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }

.info { padding: 14px 40px 14px 65px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url(/img/design/icon-info.png) no-repeat 20px 8px;  background-color: #3682d5; display: inline-block; }
.info span { padding-left: 10px; font-size: 14px; color: #ffffff; }
.error { padding: 14px 40px 14px 65px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: url(/img/design/icon-error.png) no-repeat 20px 8px;  background-color: #d73433; display: inline-block; }
.error span { padding-left: 10px; font-size: 14px; color: #ffffff; }

.button-shadow { -webkit-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.2); box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.2); }
.button-square { border: 1px solid #4e86c5; font-size: 14px; text-align: center; height: 27px; margin: 0 auto; padding: 10px 15px 0 15px; color: #ffffff; cursor: pointer; display: inline-block;  
background: #5d89ba; /* Old Browsers */
background: -webkit-linear-gradient(right,#5d89ba,#5d89ba); /*Safari 5.1-6*/
background: -o-linear-gradient(right,#5d89ba,#5d89ba); /*Opera 11.1-12*/
background: -moz-linear-gradient(right,#5d89ba,#5d89ba); /*Fx 3.6-15*/
background: linear-gradient(to left, #5d89ba, #5d89ba); /*Standard*/
}
.button-round { font-size: 14px; text-align: center;  padding: 10px 20px 10px 20px; cursor: pointer; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background: #5d89ba; color: #fff; }

@media screen and (max-width: 800px){
	.header-wrapper { background: url('/img/design/bg.jpg') repeat-x; }
	.header { height: 50px; }
	.header .logo { padding-left: 20px; }
	.header .menu { display: block; float: right; margin-right: 15px; cursor: pointer; }
	.menu-items { width: 100%; position: absolute; z-index: 11; top: 50px; background-color: #5e5a5a; color: #ffffff; list-style-type:none; }
	.menu-items .menu-item { width: 100%; text-align: left; padding: 7px 0 7px 20px; font-size: 14px; font-family: verdana; background-color: #5e5a5a; color: #ffffff; border-bottom: 1px solid gray; text-transform: uppercase; }
	.menu-items a { text-decoration: none; color: #ffffff; }
	.menu-items .menu-item:hover { background-color: #797373; }
	.menu-items .menu-item-selected { background-color: #797373; }
	.button-square { display: block; margin: 20px auto; width: 190px; }
	
	.info { padding: 10px 20px 10px 40px; background-position: 15px 5px; font-size: 12px; }
	.info span { padding-left: 10px; font-size: 14px; color: #ffffff; }
	.error { padding: 10px 20px 10px 40px; background-position: 15px 5px; font-size: 12px; }

	.body-wrapper { margin-bottom: 0px; }
	.footer-sticker { height: 0px; }
	.footer-wrapper { }
	.footer { font-size: 11px; padding-top: 10px; }
	.footer .footer-menu { margin: 0  0 5px 0; text-align: left; padding-left: 0; width: auto; }
	.footer .copyright { margin: 0 2px 10px 20px; text-align: right; padding-right: 0; width: auto; }
	.footer .footer-menu span { padding: 0 5px 0 5px; }
	.footer .footer-menu a { text-decoration: none; color: #ffffff; padding: 0; }
}