/*
 * Theme Name: inCUBE interactive
 * Version: 1.0
 * Author: Vojta Tremcinsky @ inCUBE interactive
 * Author URI: http://incube.cz/
 *
 * CONTENTS:
 *
 * 1) RESET
 * 2) GENERAL
 * 3) REGIONS
 * 4) HEADER
 * 5) NAVIGATION
 * 6) CONTENT
 * 7) FOOTER
 * 8) MISC
 * 
 */

@font-face {
    font-family: 'GeogrotesqueLight';
    src: url('../fonts/geogtq-lg-webfont.eot');
    src: url('../fonts/geogtq-lg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/geogtq-lg-webfont.woff') format('woff'),
         url('../fonts/geogtq-lg-webfont.ttf') format('truetype'),
         url('../fonts/geogtq-lg-webfont.svg#GeogrotesqueLight') format('svg');
    font-weight: normal;
    font-style: normal;

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

}


/*************** RESET ***************/

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, FONT, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
INPUT, SELECT, TEXTAREA, LABEL {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.1em;
}
/*************** GENERAL ***************/
HTML,BODY {
	width:100%;
	min-height: 100%;
}
.ie6 HTML, .ie6 BODY {
	height: 100%;
}

BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.51%;
	background: url(../images/body-bg.jpg) top center repeat-y #1b1b1b;
	line-height: 1;
	text-align: center;
	color: #111;
	border-top: 4px solid #1b1b1b;
	padding-top: 20px;
}
BODY.overlay_active {
	overflow: hidden;
}
A {
	color: #65bc00;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}

/***** OVERLAY *****/
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../overlay/images/overlay_bg.png);
	z-index: 100;
	text-align: center;
	display: none;
	overflow: auto;
}
.overlay_on #overlay {
	display: block;
}

.ie6 #overlay {
	position: absolute;
}
#overlay .header {
	display: block;
	width: 524px;
	height: 62px;
	margin: 0 auto;
	background: url(../overlay/images/overlay_logo.png) top center no-repeat;
	font-family: 'GeogrotesqueLight', 'Trebuchet MS', sans-serif;
	font-size: 3.1em;
	color: #fff;
	padding-top: 85px;
}
#overlay .header SPAN {
	color: #87b220;
}
#overlay .date {
	display: block;
	margin: 0 auto;
	background: url(../overlay/images/overlay_date.png) top center no-repeat;
	width: 524px;
	height: 121px;
}
#en #overlay .date {
	background-image(../overlay/images/overlay_date_en.png);
}
#overlay .copy, #overlay .error {
	display: block;
	font-family: 'GeogrotesqueLight', 'Trebuchet MS', sans-serif;
	font-size: 3.1em;
	color: #fff;
	margin: 20px 0;
}
#overlay .error {
	color: #df0000;
	text-transform: uppercase;
	font-size: 2em;
}
#overlay INPUT {
	display: block;
	width: 288px;
	height: 24px;
	background: url(../overlay/images/overlay_input.png) no-repeat transparent center;
	margin: 0 auto;
	color: #e6e6e6;
	border: 0;
	font-family: 'GeogrotesqueLight', 'Trebuchet MS', sans-serif;
	padding: 12px 10px;
	font-size: 1.8em;

}
#overlay FORM A {
	display: block;
	margin: 10px auto 0 auto;
	background: url(../overlay/images/overlay_send.png) top center no-repeat transparent;
	width: 307px;
	height: 70px;
	padding: 3px 3px 4px 3px;
	overflow: hidden;
	cursor: pointer;
}
#overlay FORM A * { cursor: pointer; }
#overlay FORM A > SPAN {
	display: block;
	height: 70px;
	position: relative;
	overflow: hidden;
}
#overlay FORM A STRONG {
	display: block;
	margin: 0 auto;
	width: 97px;
	height: 140px;
	position: relative;
	background: url(../overlay/images/overlay_send_cs.png) 50% 0 repeat-y;
}
#en #overlay FORM A STRONG {
	background-image: url(../overlay/images/overlay_send_en.png);
}
#overlay .wrap {
	position: relative;
	margin: 0 auto;
	width: 610px;
	top: -800px;
}
.nojs #overlay {
	display: none;
}
.js #overlay .wrap {
	top: -800px;
}
#overlay #close {
	display: block;
	width: 129px;
	height: 43px;
	background: url(../overlay/images/overlay_close.png) center no-repeat;
	position: absolute;
	top: 20px;
	right: 20px;
	zoom: 1;
	z-index: 10;
}
#en #overlay #close {
	background-image: url(../overlay/images/overlay_close_en.png);
}

/*************** REGIONS ***************/

#wrap {
	width: 840px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	height: 100%;
				padding-bottom: 100px;
}

#header {
	position: relative;
}
#body {}
#footer {}

/*************** HEADER ***************/
	#header H1 {
		float: left;
	}
	#header H1 A {
		width: 578px;
		height: 96px;
		display: block;
		background: url(../images/header-h1.png) top left no-repeat;
	}
	#header H1 A:hover {
		background-position: 0 100%;
	}
	
	#header #nav-language {
		float: right;
		width: 173px;
		height: 27px;
		margin-top: 20px;
		background: url(../images/lang.png) top left no-repeat;
	}
		#nav-language LI {
			list-style: none;
			float: left;
		}
		#nav-language LI A {
			display: block;
			float: left;
			height: 27px;
			width: 86px;
			background: url(../images/lang.png) top left no-repeat;	   
			color: #787878;
			text-align: center;
			line-height: 2em;
			font-size: 1.3em;
		}
		#nav-language LI A:hover {
			color: #fff;
			text-decoration: none;
		}
		#nav-language LI#czech A {
			background-position: 0 0;
		}
		#nav-language LI#english A {
			width: 87px;
			background-position: 100% 0;
		}
		#nav-language LI#czech A:hover {
			background-position: 0 100%;
		}
		#nav-language LI#english A:hover {
			background-position: 100% 100%;
		}

/*  REEL  */

#reel-wrap #reel-back A,#reel-wrap #reel-fwd A {
	display: block;
	background: url(../images/arrow-left-l.png) center left no-repeat;
	width: 64px;
	height: 64px;
	position: absolute;
	z-index: 10;
	top: 50%;
	margin-top:-32px;
}
#reel-wrap #reel-back A {
	left: -15px;
}
#reel-wrap #reel-fwd A {
	right: -25px;
	background-image: url(../images/arrow-right-l.png);
}
#reel-wrap {
	position: relative;
	height: 285px;
}

#reel-wrap #reel-back A:hover,#reel-wrap #reel-fwd A:hover {
	background-position: center right;
}

#reel-wrap H2 {
	color: #78ef02;
	font-size: 1.3em;
}
#reel-wrap .reel-content {
	margin-left: 20px;
	width: 220px;
	float: left;
	display: inline;
	color: #808080;
	font-weight: normal;
}
#reel {
	display: block;
	width: 798px;
	height: 285px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-left: 21px;
}
#reel-content {
	width: 1000%;
	position: relative;
	left: 0;
}
.reel-image {
	float: left;
	margin-left: 20px;
	display: inline;
}
.reel-slide {
	display: inline;
	float: left;
	width: 798px;
}
.reel-3 {
	background: url(../files/reel/3.png) top left no-repeat;
	height: 270px;
	padding: 98px 0 0 8px;
	width: 790px;
}
.reel-block {
	position: relative;
}
#wwu, .wwu .reel-block {
	position: relative;
	width: 750px;
	height: 274px;
	background: url(../images/wwu-bg.png) top left no-repeat;
	overflow: hidden;
}
.wwu .reel-block {
	position: relative;
	left: -93px;
	margin-top: 41px;
	overflow: visible;
}
#wwu .h2, .wwu .reel-block .h2 {
	position: absolute;
	top: 59px;
	right: 29px;
	text-align: right;
	color: #fff;
	font-family: 'GeogrotesqueRegular', 'Trebuchet MS', sans-serif;
	font-size: 26px;
}
#wwu .h2 SPAN, .wwu .reel-block .h2 SPAN {
	position: relative;
	right: -9px;
	display: block;
	font-size: 39px;
}
#wwu .shadl, #wwu .shadr, .wwu .reel-block .shadl, .wwu .reel-block .shadr {
	display: block;
	position: absolute;
	width: 200px;
	height: 21px;
}
.ie6 .shadl, .ie7 .shadl, .ie6 .shadr, .ie7 .shadr {
	display: none !important;
}
#wwu .joy, .wwu .reel-block .joy {
	display: block;
	position: absolute;
	width: 312px;
	height: 181px;
	left: 34px;
	top: 50px;
	background: url(../images/wwu-joystick.png);
}
#wwu .shadl, .wwu .reel-block .shadl {
	background: url(../images/wwu-joyshadl.png);
	top: 222px;
	left: 0;
}
#wwu .shadr, .wwu .reel-block .shadl {
	background: url(../images/wwu-joyshadr.png);
	top: 222px;
	left: 170px;
}
#wwu A, .wwu .reel-block A {
	display: block;
	position: absolute;
	top: 145px;
	right: 20px;
	width: 199px;
	height: 69px;
	padding: 2px 4px 5px 4px;
	background: url(../images/wwu-buttonbg.png) top left no-repeat;
}

#wwu A > SPAN, .wwu .reel-block A > SPAN  {
	display: block;
	height: 70px;
	position: relative;
	overflow: hidden;
}
#wwu A STRONG, .wwu .reel-block A STRONG {
	display: block;
	margin: 0 auto;
	width: 199px;
	height: 140px;
	position: relative;
	background: url(../images/wwu-button.png) 50% 0 repeat-y;
}
#en #wwu A STRONG {
	background-image: url(../images/wwu-button_en.png);
}
.wwu .reel-block A STRONG {
	background: url(../images/wwu-buttonc.png) 50% 0 repeat-y;
}
#en .wwu .reel-block A STRONG {
	background-image: url(../images/wwu-buttonc_en.png);
}

#wwu-content {
	display: none;
}
#overlay .wwu {
	font-family: 'GeogrotesqueRegular', 'Trebuchet MS', sans-serif;
}

#overlay .wwu .band {
	display: block;
	width: 606px;
	height: 36px;
	border: 1px solid #000;
	background: url(../images/wwuo-bandbg.png) top left no-repeat;
	color: #9bc324;
	font-size: 2.3em;
	text-align: left;
}
#overlay .wwu SPAN.label {
	padding-top: 6px;
	padding-left: 16px;
	display: block;
}
.wwu .band UL {
	float: right;
	list-style: none;
}
.wwu .band UL LI {
	float: left;
	margin-left: ;
}
.wwu .band UL LI A {
	color: #fff;
	padding: 6px 15px;
	text-decoration: none;
	display: block;
}
.wwu .band UL LI A:hover {
	background: url(../images/bg-band-hover.png) repeat;
	background: rgba(120,176,24,0.3);
}
.wwu .band UL LI A.active {
	background: url(../images/bg-band-active.png) repeat;
	background: rgba(120,176,24,0.7);
}

.wwu .content {
	text-align: left;
}
.wwu .content P {
	font-size: 1.55em;
	color: #fff;
	margin: 0 0 1.5em 0;
}
.wwu .content BLOCKQUOTE P {
	color: #7ea91d;
}
.wwu .content H2 {
	font-size: 2.35em;
	color: #fff;
	font-weight: normal;
}
.wwu .content H3 {
	color: #fff;
	font-weight: normal;
	font-size: 1.55em;
}

.wwu .content H2,.wwu .content H3 {margin:0;}
.wwu .content {
	padding-bottom: 4em;
}
#offer_developer {
	display: none;
}

/*************** NAVIGATION ***************/

	#nav-main {
		display: block;
		float: left;
		width: 200px;
	}
	#nav-main UL {
		list-style: none;
		font-size: 1.4em;
		font-weight: bold;
	}
	#nav-main LI {
		padding: 2px 0;
	}

	#nav-main UL UL {
		margin-left: 10px;
		padding: 5px 0;
		font-size: 0.9em;
	}

#nav-services {
	display: block;
	width: 128px;
	float: left;
	margin: 8px 0;
}
	#nav-services LI {
		list-style: none;
	}
	#nav-services A {
		display: block;
		height: 30px;
		width: 118px;
		margin: 1px 0;
		background: url(../images/main-nav.png) top left no-repeat;
		color: #fff;
		line-height: 2.3em;
		font-size: 1.3em;
		padding-left: 10px;
	}
	#nav-services A:hover {
		background-position: 0 -30px;
		text-decoration: none;
	}

	#nav-services A.active {
		background-position: 0 -60px;
	}



/*************** CONTENT ***************/

	H2, H3, H4, H5 {
		color: #70d001;
		margin: 10px 0;
	}

.button-project {
	display: block;
	width: 142px;
	height: 34px;
	background: url(../images/button-project.png) top left no-repeat;
	clear: both;
	float: right;
	margin-top: 15px;
}
#cs .button-project {
	background: url(../images/button-projekt.png) top left no-repeat;
}
#en .button-project {
	background: url(../images/button-project.png) top left no-repeat;
}
BODY #wrap .button-project:hover {
	background-position: bottom left;
}
/*************** SERVICES ***************/

.content-services {
	background: url(../images/content-bg.png) top left no-repeat;
	display: block;
	width: 232px;
	height: 117px;
	color: #fff;
	float: left;
	padding: 12px 14px;
}
.content-services .active {
	display: block;
}
.content-services P {
	font-size: 1.3em;
	line-height: 1.3em;
	color: #8a8a8a;
}
.service-content {
	display: none;
}

/*************** PORTFOLIO ***************/

#portfolio-reel {
	display: block;
	width: 350px;
	float: left;
	overflow: hidden;
	position: relative;
}
	#portfolio-reel DIV {
		width: 5000%;
		display: block;
		position: relative;
		left: 0;
	}
	#content-portfolio {
		zoom: 1;
	}
	#content-portfolio UL {
		display: block;
		float: left;
		width: 350px;
	}

	#content-portfolio LI {
		display: inline;
		float: left;
		margin: 0 0 10px 10px;	
	}
	#content-portfolio LI A {
		display: block;
		float: left;
		width: 158px;
		height: 62px;
		border: 3px solid #000;		
		position: relative;
	}
	#content-portfolio LI A.hidden {
		display: none;
	}
	#content-portfolio LI A:hover {
		text-decoration: none;
	}
	#content-portfolio LI A IMG {
		width: 158px;
		height: 62px;
	}

	#content-portfolio LI SPAN.hover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url(../images/portfolio-hover.png) repeat;
		color: #65bc00;
		text-align: center;
		font-size: 1.4em;
		line-height: 4.4em;
		font-weight: bold;
		-webkit-transition: all 0.5s ease;
		-moz-transition: 		all 0.5s ease;
		-o-transition:		  all 0.5s ease;
		transition:				  all 0.5s ease;
		opacity: 0;
		cursor: pointer;
	}
	#content-portfolio LI A:hover SPAN.hover {
		display: block;
		opacity: 1;
	}
	.no-csstransitions #content-portfolio LI SPAN.hover {
		display: none;
	}
	.no-csstransitions #content-portfolio LI A:hover SPAN.hover {
		display: block;
	}
	

#portfolio-back A, #portfolio-fwd A {
	display: block;
	float: left;
	background: url(../images/arrow-left-s.png) center left no-repeat;
	width: 15px;
	height: 140px;
}
#portfolio-back A {
	margin-right: 10px;
	margin-left: 10px;
}
#portfolio-fwd A {
	float: left;
	background-image: url(../images/arrow-right-s.png);
	margin-left: 10px;
}

#portfolio-back A:hover, #portfolio-fwd A:hover {
	background-position: center right;
}

/*************** CONTENT ***************/


.content-std {
	margin-left: 90px;
	color: #8a8a8a;
}
.content-std P {
	font-size: 1.3em;
}
.contact-std P {
	font-size: 1.2em;
	line-height: 1.2em;
}
.content-std H3 {
	font-size: 1.3em;
}
.content-std A {
	color: #8A8A8A;
	font-weight: bold;
}

#reel BLOCKQUOTE, .content-std BLOCKQUOTE {
	text-align: left;
	display: block;
	margin-top: 10px;
	color: #70D001;
}
.content-std BLOCKQUOTE {
	text-align: right;
}
#reel BLOCKQUOTE SPAN, #reel BLOCKQUOTE P { 
	float: left;
}
#reel P {
	font-size: 1.3em;
	line-height: 1.2em;
}
#reel BLOCKQUOTE P {
	width: 210px;
}
#content-wrap {
	margin-bottom: 20px;
	clear: both;
}

#content-wrap .content-block {
	display: block;
	width: 420px;
	float: left;
}

#content-wrap H2 {
	display: block;
	width: 420px;
	height: 75px;
	background: top left no-repeat;
	float: left;
}

#cs #content-wrap H2#services {
	background-image: url(../images/h2-sluzby.png);
}
#content-wrap H2#portfolio {
	background-image: url(../images/h2-portfolio.png);
}
#cs #content-wrap H2#about {
	background-image: url(../images/h2-o-incube.png);
}
#cs #content-wrap H2#contact {
	background-image: url(../images/h2-kontakt.png);
}

#en #content-wrap H2#services {
	background-image: url(../images/h2-service.png);
}
#en #content-wrap H2#about {
	background-image: url(../images/h2-about-us.png);
}
#en #content-wrap H2#contact {
	background-image: url(../images/h2-contact.png);
}
.half {
	float: left;
	width: 160px;
	margin-right: 5px;
	display: inline;
}

/*************** FORMS ***************/

LABEL {
	display: block;
	float: left;
	width: 10em;
	text-align: right;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.8em;
	margin-right: 10px;
}
.form-item {
	display: block;
	margin: 10px 0;
}
.login-button {
	margin-left: 12em;
}
	
/*************** FOOTER ***************/
	
	#footer-wrap {
		clear: both;
		height: 50px;
		padding-top: 10px;
		background: url(../images/footer-bg.png) bottom repeat-x;
		text-align: center;
		position: fixed;
		bottom: 0;
		width: 100%;
		left: 0;
	}
		#footer {
			width: 280px;
			height: 49px;
			margin: 0 auto;
			background: url(../images/footer-logo.png) top center no-repeat;
		}

.xs {
	font-size: 0.8em;
}

.img-replaced {
	position: absolute;
	left: -9999px;
}

DIV.container {
	width: 600px;
	height: 300px;
}
DIV.clear {
	clear: both;
}
DIV.form-block {
	float: left;
	margin-right: 20px;
}


/*  MISC  */

.clearafter:after, #content-wrap:after, #header:after, #reel:after, .last-block:after, #content-wrap .content-block H2:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearafter, #header, #content-wrap,  #reel, .last-block, #content-wrap .content-block H2 {display:inline-block;}
.clearafter, #header, #content-wrap, #reel, .last-block, #content-wrap .content-block H2 {display:block;}
.clear {clear:both;}

.hidden {display: none;}

INPUT[type=hidden] {
	display:none !important;
	width: 1px !important;
	height: 1px !important;
	visible: none !important;
}

#shadowbox_title_inner SPAN {
	color: #70d001;
}