/* Elements */
body {
	padding: 0;
	margin: 0;
	background: #e8e8e8 url('../img/header-bg-alternate.jpg') repeat-x top;
	color: #3f3f3f;
	position: relative;
}
a span {
	border: none;
}
h3 {
	color: #003366;
	padding-top: 1.2em;
}



/* IDs */
#center-box {
	margin: 0 auto;
	text-align: left;
	width: 920px;
	background-color: transparent;
	/* padding-bottom: 0px; */
}
#header-box {
	background: transparent url('../img/header-alternate-1.jpg') no-repeat center top;
	width: 920px;
	height: 185px;
	color: #3f3f3f;
	font-size: 0.9em;
	line-height: 1.0;
}
#menu-box {
	background: transparent url('../img/button-bg.png') repeat-x center top;
	overflow: hidden;
	width: 912px;
	height: 48px;
	margin: 0 auto;
}
#menu-box-left {
	background: transparent url('../img/button.png') no-repeat left top;
	overflow: hidden;
	float: left;
	width: 10px;
	height: 40px;
}
#menu-box-right {
	background: transparent url('../img/button.png') no-repeat right top;
	overflow: hidden;
	float: right;
	width: 10px;
	height: 40px;
}
#menu {
	padding: 0;
	margin: 0;
	overflow: hidden;
	float: left;
	height: 48px;
	width: 890px;
}
#content-box {
	background: white url('../img/body-bg.png') repeat-y;
	overflow: hidden;
	width: 920px;
	height: auto;
	min-height: 300px;
	-moz-border-radius: 0.8em;
	-khtml-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.4em;
	border: 1px;
}
#content-box-top {
	background: transparent url('../img/body.png') no-repeat center top;
	overflow: hidden;
	float: left;
	width: 920px;
	height: 10px;
}
#content-box-bottom {
	background: transparent url('../img/body.png') no-repeat center bottom;
	overflow: hidden;
	float: left;
	width: 920px;
	height: 19px;
}
#content {
	position: relative;
	overflow: hidden;
	width: 840px;
	height: auto;
	min-height: 300px;
	margin: 10px auto 0px;
	padding-bottom: 25px;
}
#info-box {
	background: transparent url('../img/footer.jpg') no-repeat top right;
	position: absolute;
	bottom: -145px;
	float: none;
	/*overflow: hidden;*/
	width: 780px;
	height: 140px;
	margin: 0 auto;
	padding: 5px 50px 0;
	font-size: 0.6em;
	text-align: left;
}
#info-box h1 {
	font-size: 1.4em;
	border: 0;
	padding: 15px 0 0;
	margin: 0;
}
#info-box p.fcenter a {
    text-decoration: none;
}
#info-box p a {
	color: grey;
	text-decoration: underline;
}
#info-box p.fcenter a span {
	padding 3px;
	background: #E8E8E8;
	color: #444444;
	font-weight: bold;
}
#info-box a:hover, #info-box a:active, #info-box a:focus {
	color: black;
}
#control-bar {
	/*color: silver;*/
	text-align: right;
	font-size: 75%;
	position: relative;
	right: 10px;
	top: -35px;
	height: 0;
}
#control-bar a:link, #control-bar a:visited {
	color: grey;
	text-decoration: underline;
}
#control-bar p {
	margin: 0;
	padding: 0;
}


/* Classes */
.mainmenu {
	padding: 0 0 0 10px;
	margin: 0;
	list-style: none;
	height: 50px;
	position: relative;
	overflow: hidden;
}
.mainmenu li {
	float: left;
	height: 48px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	list-style: none;
}
.mainmenu li h2 {
	padding: 0;
	margin: 0;
}
.mainmenu li a {
	display: block;
	color: #3f3f3f;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	float: left;
	overflow: hidden;
	height: 18px;
	width: 117px;
	padding: 10px 0px;
	margin: 0;
	cursor: pointer;
	background: transparent url('../img/buttons.png') no-repeat center top;
	border-right: 1px #8e8e8e solid;
}
.mainmenu li.first a { border-left: 1px #8e8e8e solid; }
.mainmenu li:hover a {
	color: white;
	background: url('../img/buttons.png') no-repeat left top;
}
.mainmenu li.current a, .mainmenu li.current a:hover {
	color: white;
	background: url('../img/buttons.png') no-repeat right top;
}

/* pro vsechna podbarvene pole */
.mainmenu li.first   { background: url('../img/hover/purple.png') repeat; }
.mainmenu li.second  { background: url('../img/hover/blue.png') repeat; }
.mainmenu li.third   { background: url('../img/hover/green.png') repeat; }
.mainmenu li.fourth  { background: url('../img/hover/yellow.png') repeat; }
.mainmenu li.fifth   { background: url('../img/hover/orange.png') repeat; }
.mainmenu li.sixth   { background: url('../img/hover/light-red.png') repeat; }
.mainmenu li.seventh { background: url('../img/hover/red.png') repeat; }

/* pro jen jedno podbarvene pole *//*
.menu li.first:hover,   .menu li.first.current,   .menu li.first.current:hover   { background: url('../img/hover/purple.png') repeat; }
.menu li.second:hover,  .menu li.second.current,  .menu li.second.current:hover  { background: url('../img/hover/blue.png') repeat; }
.menu li.third:hover,   .menu li.third.current,   .menu li.third.current:hover   { background: url('../img/hover/green.png') repeat; }
.menu li.fourth:hover,  .menu li.fourth.current,  .menu li.fourth.current:hover  { background: url('../img/hover/yellow.png') repeat; }
.menu li.fifth:hover,   .menu li.fifth.current,   .menu li.fifth.current:hover   { background: url('../img/hover/orange.png') repeat; }
.menu li.sixth:hover,   .menu li.sixth.current,   .menu li.sixth.current:hover   { background: url('../img/hover/light-red.png') repeat; }
.menu li.seventh:hover, .menu li.seventh.current, .menu li.seventh.current:hover { background: url('../img/hover/red.png') repeat; }
*/

.tab-box-cover {
	-moz-border-radius: 0.4em;
	-khtml-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
	margin: 15px 0px;
	border: 3px #FFFFFF solid;
	min-height: 300px;
}
.tab-box {
	padding: 10px 10px;
	min-height: 300px;
}
.tab-box h1, .tab-box h2, .tab-box h3, .tab-box h4, .tab-box p {
	margin-top: 0;
}
.tab-box img {
	margin: 5px 5px;
}

.twitter, .feed {
	font-size: 80%;
	min-height: 130px;

}
.feed {
	background: transparent url('../img/feed-128x128.jpg') no-repeat scroll right center;
}

.twitter {
	background: transparent url('../img/twitter-128x128.jpg') no-repeat scroll right center;
}
.twitterMessage {
	color: #949494;
}
.reference {
	padding-top: 20px;
	padding-bottom: 20px;
	height: 320px;
}
.thumb-frame {
	background: transparent url('../img/thumb-frame.png') no-repeat scroll center center;
	width: 380px;
	height: 320px;
	float: left;
}

.thumb-frame img {
	position: relative;
	left: 30px;
	top: 32px;
	width: 320px;
	height: 256px;
	margin: 0;
}
.description {
	float: right;
	width: 420px;
	height: 230px; /* 256px */
}
.powered {
	float: right;
	width: 400px;
}
.powered img {
	height: 64px;
	display: block;
	float: left;
	margin: 0;
}

.php, .adobe, .gear, .java, .mysql, .photoshop, .xhtml {
	width: 64px;
	height: 64px;
	display: block;
	float: left;
}

.adobe {
	background: transparent url('../img/icons-64px-adobe.png') no-repeat scroll center center;
}
.gear {
	background: transparent url('../img/icons-64px-gear.png') no-repeat scroll center center;
}
.java {
	background: transparent url('../img/icons-64px-java.png') no-repeat scroll center center;
}
.mysql {
	background: transparent url('../img/icons-64px-mysql.png') no-repeat scroll center center;
	width: 86px;
}
.photoshop {
	background: transparent url('../img/icons-64px-photoshop.png') no-repeat scroll center center;
}
.php {
	background: transparent url('../img/icons-64px-php.png') no-repeat scroll center center;
	width: 86px;
}
.xhtml {
	background: transparent url('../img/icons-64px-xhtml.png') no-repeat scroll center center;
}


#fv {
	background: transparent url('../img/fv.png') no-repeat scroll right top;
}

#frmformSender-message, #frmformSender-email, #frmformSender-name {
	width: 250px;
}


/************** Flash zpravicky ******************/
.flash, .info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    /*font-family:Arial, Helvetica, sans-serif;*/ 
    font-size:13px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
	opacity: 0.9;
	border: none !important;

}
.info {
    color: #00529B;
    background-color: #C6DBFF;
    background-image: url('../img/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../img/warning.png');
}