* { margin: 0; padding: 0; outline: 0; }

html, body { height: 100%; }

body {
    font-size: 12px;
    line-height: 20px;
    font-family: arial, sans-serif;
    color: #4c4c4c;
    background: #fff url(images/body.png) repeat-x 0 0;
    min-width: 986px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { min-height: 100%; height: auto !important; height: 100%;	margin: 0 auto -70px; }

h1#toptitle { padding-left: 10px; line-height: 93px; font-family: 'Trebuchet MS', arial, sans-serif; color: black; }

.shell { width: 986px; margin: 0 auto; }

#header { padding-top: 9px; height: 150px; background: url(images/header.png) repeat-x 0 50px; }

#logo-frame { padding: 0px 0 0 0px; width: 200px; }
#logo-frame p { padding: 3px 0 0 0; text-transform: uppercase; }
#logoxx { display: inline; width: 200px; font-size: 0; line-height: 0; }
#logoxx a { display: block; width: 170px; height: 209px; text-indent: -4000px; background: url(images/trans-logo.png) no-repeat 45px 0; }
#logo { padding-left: 35px; padding-bottom: 40px; }

#navigation { display: inline; float: right; padding-top: 41px; }
#navigation ul li { display: inline; float: left; background: url(images/nav-sep.png) no-repeat right 0; font-family: Tahoma, arial, sans-serif; font-size: 18px; text-transform: uppercase; line-height: 93px; }
#navigation ul li a { position: relative; float: left; padding: 0 33px 8px 33px; color: #000; background: url(images/nav-item.png) repeat-x 0 -4000px; }
#navigation ul li a:hover { color: #fff; }
#navigation ul li a span.left-corner { position: absolute; top: 0; left: 0; display: block; visibility: hidden; width: 28px; height: 101px; background: url(images/left-corner.png) no-repeat 0 0; }
#navigation ul li a span.right-corner { position: absolute; top: 0; right: -1px; display: block; visibility: hidden; width: 28px; height: 101px; background: url(images/right-corner.png) no-repeat 0 0; }
#navigation ul li a:hover { text-decoration: none; background-position: 0 0; margin-top: -8px; }
#navigation ul li a:hover span { visibility: visible; }

#main { width: 986px; }
#sidebar { display: inline; float: left; width: 200px;  }
#sidebar h3 { width: 200px; font-family: 'Trebuchet MS', arial, sans-serif; font-size: 22px; line-height: 45px; color: #4c4c4c; background: url(images/h3.png) no-repeat 0 0; }

span.read-more { display: inline; float: right; }
span.read-more a { padding-left: 25px; color: #0b509f; font-style: italic; font-weight: bold; line-height: 22px; background: url(images/bullet.png) no-repeat 0 50%; }

.widget { padding-bottom: 70px; }

.text-box { padding: 3px 5px 0 13px; }
.text-box h5 { padding-bottom: 5px; font-family: Arial, helvetica, sans-serif; font-size: 14px; line-height: 20px; font-style: italic; color: #2d79cf; }
.text-box span.sep { display: block; padding-top: 16px; margin-bottom: 15px;  width: 100%; border-bottom: solid 1px #e5e5e5; }
.text-box span.read-more { margin-top: 11px; } 

.testimonials { padding-bottom: 43px; }
.testimonials p.quote { padding: 4px 26px 0 26px; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; text-align: center; color: #2d79cf; }
.testimonials p.signature { padding: 22px 6px 0 0; line-height: 16px; text-align: right; font-weight: bold;  }
.testimonials p.signature em { color: #0b509f; }

.socials { padding-bottom: 0; }
.socials ul { padding-left: 41px; list-style: none; }
.socials ul li { display: inline; float: left; padding-right: 4px; }
.socials ul li a { display: block; float: left; width: 33px; height: 33px; text-indent: -4000px; }
.socials ul li a.twitter { background: url(images/twitter.png) no-repeat 0 0; }
.socials ul li a.facebook { background: url(images/facebook.png) no-repeat 0 0; }
.socials ul li a.rss { background: url(images/rss.png) no-repeat 0 0; }
.socials ul li a.flickr { background: url(images/flickr.png) no-repeat 0 0; }
.socials ul li a.youtube { background: url(images/youtube.png) no-repeat 0 0; }

h2 { padding-left: 48px; font-family: 'Trebuchet MS', arial, sans-serif; font-size: 26px; line-height: 51px; color: #4c4c4c; background: url(images/h2.png) no-repeat 0 0; } 
.img-frame { display: inline; float: left; padding: 10px; margin-right: 15px; background: #fff; }
.img-frame img { display: block; padding: 2px; border: solid 1px #e2e2e2; }

#content { position: relative;  display: inline; float: right; overflow: hidden; padding: 20px 0 8px 17px; width: 749px; }

.post { position: relative; padding: 5px 0 57px 47px; width: 583px; }
.post h2 { padding-bottom: 5px; width: 657px; }
.post p { padding-bottom: 4px; }
.post p em { color: #3b82d2; }
.post .read-more { position: absolute; right: 21px; bottom: 33px; float: none; }

.columns { padding-top: 38px; }

.col { position: relative; display: inline; float: left; padding-right: 47px; width: 286px; min-height: 347px; }
.col h2 { width: 238px; }
.col ul { padding-top: 25px; list-style: none; }
.col ul li { padding-left: 30px; font-weight: bold; line-height: 30px; background: url(images/bullet.png) no-repeat 0 9px; }
.col ul li a { color: #0b509f; }
.col .small-post { padding: 2px 0 0 50px; }
.col .read-more { position: absolute; right: 44px; bottom: 0; float: none; }

.projects { padding-right: 0; }
.projects .small-post { padding: 8px 0 0 47px; }
.projects .read-more { position: absolute; bottom: 0; right: 6px; float: none; }

#footer-push { height: 70px; }
#footer { padding-top: 15px; height: 55px; background: url(images/footer.png) repeat-x 0 0; }
#footer p { padding: 12px 0 0 7px; color: #ffffff; }
#footer p a { color: #ffffff; }
#footer p span { padding: 0 3px; }
#footer .footer-logo { display: inline; float: right; padding-right: 94px; width: 236px; font-size: 0; line-height: 0; }
#footer .footer-logo a { display: block; width: 236px; height: 41px; text-indent: -4000px; background: url(images/footer-logo.png) no-repeat 0 0;  }

.main-menu ul {
	list-style: none;
	margin: 0;
}

.main-menu li {
	line-height: 20px;
}


.main-menu li a {
	display: block;
	padding: 8px 14px;
	border: 2px solid white;
	margin: 0 0 -1px;
	color: black;
	text-decoration: none;
	font-weight: bold; 
	font-size: 13px;
	background: #AAD64A; 
}


.main-menu li.current a {
background: #daf3a5; /* Old browsers */
background: -moz-linear-gradient(top, #daf3a5 0%, #bedf75 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daf3a5), color-stop(100%,#bedf75)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #daf3a5 0%,#bedf75 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #daf3a5 0%,#bedf75 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #daf3a5 0%,#bedf75 100%); /* IE10+ */
background: linear-gradient(to bottom, #daf3a5 0%,#bedf75 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daf3a5', endColorstr='#bedf75',GradientType=0 ); /* IE6-9 */
}

.main-menu li a:hover {
background: #daf3a5; /* Old browsers */
background: -moz-linear-gradient(top, #daf3a5 0%, #bedf75 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#daf3a5), color-stop(100%,#bedf75)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #daf3a5 0%,#bedf75 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #daf3a5 0%,#bedf75 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #daf3a5 0%,#bedf75 100%); /* IE10+ */
background: linear-gradient(to bottom, #daf3a5 0%,#bedf75 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daf3a5', endColorstr='#bedf75',GradientType=0 ); /* IE6-9 */
}

ul {
	margin-left: 3em;
}

h3 {
	font-size: 1.7em;
	margin-bottom: 5px;
}

h4 {
	font-size: 1.4em;
	margin-bottom: 4px;
}

#languages { display: inline; float: right; padding-top: 54px; padding-right: 20px; height: 86px; }
#languages ul { 	list-style: none; display: inline-block; vertical-align: middle; }
#languages ul li { display: block; line-height: 28px; margin-bottom: 9px; }
#languages .lang-en {
	background-image:url('images/en-flag.png');
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 55px;
	padding-right: 7px;
}

#languages .lang-cz {
	background-image:url('images/cz-flag.png');
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 55px;
	padding-right: 7px;
}

#languages ul li a {
	color: black;
	font-size: 15px;
	font-weight: normal;
	display: block;
}

#languages ul li a:hover {
	text-decoration: none;
	background-color: #DCEEB3;
}

#languages ul li {
	color: black;
	font-size: 15px;
	font-weight: bold;
}