* {margin:0;padding:0;}
body{background:#F6F6F6 url(images/img01.jpg) repeat-x;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:13px;color:#6B6B6B;text-align:center;}
form{}
input,textarea{padding:1px 1px;border:1px solid #bbb;font:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#446;}
h1,h2,h3,h4{margin:0;}
h2,h3,h4{margin-bottom:20px;padding-bottom:9px;border-bottom:1px solid #F2F2F2;letter-spacing:-0.015em;font-weight:normal;color:#37404C;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}
p,ul,ol{margin-bottom:1.5em;margin-top:1.5em;line-height:170%;text-align:justify;}
ul,ol{margin-left:3em;}
ul.links{margin:0;padding:0;list-style:none;padding-left: 15px}
ul.links li{margin-bottom: 10px;}
ul.links li a{display:block; padding:0;}
ul.list2{margin:0;padding:0;list-style:none;line-height:normal;}
ul.list2 li{float:left;margin:0 18px 18px 0;}
ul.list2 li.nopad{margin-right:0;}
ul.menu li span {color: #FF0000;};
blockquote{margin-left:3em;margin-right:3em;}
a{color:#FF0000;}/*4A00FF*/
a:hover{text-decoration:none;}
a img{border:none;}
img.left{float:left;margin:5px 20px 0 0;}
img.right{float:right;margin:5px 0 0 20px;}
/* Wrapper */
#wrapper{width:960px;margin:0 auto;text-align: left; background:url(images/img02.jpg) repeat-y;}
#wrapper2{background:url(images/img10.jpg) no-repeat left bottom;}
/* Header */
#header{height:140px;background:#087FE7 url(images/img03.jpg) no-repeat;}
/* Logo */
#logo {position: relative; top: 15px; left: 75px;}
#title {position: relative; top: -10px; left: 168px;}
#heading{display: none;}

/* Menu */
#menu{float: right; position: relative;}
#menu ul{margin: 10px 0 0 0;margin-right: 70px;list-style:none;line-height:normal;}
#menu li{display:inline;}
#menu a{padding-left:35px;text-decoration:none;font-size:13px;font-weight:bold;color:#1010aa;}
#menu a:hover{color:#fa5050}

#flags {float: left;position: relative; top: 118px; left: 60px;}
#flags a img {border: 1px solid silver; padding: 1px;}
/* Page */
#page{background:url(images/img04.jpg) no-repeat; width: 960px;overflow: hidden;}
/* Content */
#content{float:left;width:560px;margin:30px 0 0 76px; display: inline;}
#content h2 a{text-decoration:none;color:#FF0000;text-decoration:underline;}
#content h2 a:hover{text-decoration:none;}
#content h2 span {font-size: 0.7em; color: #aaa;}

.entry {margin: 0 0 10px 10px;}
.entry .preview {margin: 0 0 10px 8px; font-style: italic; color: #777;}
.meta {height:16px;margin:3px 0;padding:12px 10px 6px 13px;background:url(images/img07.jpg) repeat-x left bottom;line-height:normal;}
.meta span {color: #fa5050;}
.meta .left{display:block;float:left;}
.meta .right1{display:block;float:right;padding-left:17px;background:url(images/img09.gif) no-repeat left center;}
.meta .right2{display:block;float:right;padding:0 30px 0 19px;background:url(images/img08.gif) no-repeat left center;}

/* Novinky */
div.new {font-size: 0.9em; margin-bottom: 10px; line-height: normal;}
div.new h3 {font-size: 1.0em; color: #33f; font-weight: bold;margin-bottom: 0px; border: none;padding: 0px;}
div.new h3 span {color: #000; font-size: 0.9em; /*font-weight: normal;*/}

/* Sidebar */
#sidebar{float:right;width:186px;margin:60px 80px 0 0; display:inline;}
#sidebar ul{margin:0;padding:0;list-style:none;}
#sidebar li{margin-bottom:40px;}
#sidebar li ul{ margin-left: 20px;}
#sidebar li li{margin:0;}
/* Widebar */
#widebar{margin:0 50px;padding:25px 28px 0 28px;background:#f2f2f2 url(images/img11.gif) repeat-x;}
#widebar h2 {font-weight: bold;}
#widebar #colA{float:left;width:260px;}
#widebar #colB{float:left;width:260px;padding-left:45px;}
#widebar #colC{float:left;width:186px;padding-left:45px;}

div.photo {text-align: center;}
div.photo img {border: 1px solid #999;}

/* Footer */
#footer{height:108px;background:url(images/img05.jpg) no-repeat;}
#footer p{margin:0;padding-top:45px;text-align:center;color:#8E8E8E;}
#footer a{color:#666666;}

.clear {display: block;clear: both;}

#page {overflow: hidden; width: 960px;}

ul.contentList {list-style: none; margin: 5px 0 0 15px; padding: 0;}
ul.contentList li {display: block; float: left; width: 180px;}
ul li.active {color: darkblue; font-weight: bold;}

em, strong{color: #33a;}

ul.kontakty {margin-top: 30px;list-style: none; width: 400px;}
ul.kontakty li {line-height: 1.5em; clear: both;}
ul.kontakty li span.right {float: right; margin-bottom: 20px; text-align: right;}
ul.kontakty li span.left {float: left;}
ul.kontakty li em {border: none;}

a.banner {display: block; text-align: center; margin: 0 0 20px 0;}
a.banner img {padding: 2px; border: 1px solid #ccc;}

/* REFERENCIE */
div.project {text-align: justify; border-bottom:1px solid #F2F2F2; margin-bottom: 15px; position: relative;}
div.project h3.title {margin: 0; border: none; float: left; font-size: 1.2em;}
h3.title a {color: #445;}
div.project div.technologies {float: right;}
div.project div.technologies img {border: none;}
div.project div.description {clear: both;margin: 5px 0 10px 0;}
div.project img {float: left;padding: 2px; border: 1px solid #cce;}
div.project div.text {float: right; width: 400px; margin-top:-25px; height: 100%;}
div.project div.url {color: #222; font-weight: bold; padding-top: 10px; bottom: 5px;}
div.project div.url a {font-size: 0.9em}
div.project div.clear {clear: both; padding: 0px 0 15px 0;}

div.youtube {width: 425px; height: 355px; border: 1px solid #ccc; padding: 3px;margin: 0 auto;}

pre {display: block; overflow: auto; margin: 0 0 5px 0; padding: 2px 8px; background-color: #f7f7f7; border: 1px solid #ccf}
pre h3, pre h4 {margin-bottom: 0px;}

div.download {border: 1px solid #dadafe; background: url('../images/download.png') no-repeat #fafafa; margin: 20px; padding: 10px 20px 20px 80px; background-position: 20px;}
div.download h2 {margin-bottom: 7px; padding-bottom: 3px;}
div.download a {color: orange; text-decoration: none}
div.download a:hover {text-decoration: underline}

form input.submit {padding: 3px 9px; margin-top: 5px;}
form input.submit:hover {border-color: #2c3;}

form.guestbook {margin: 0 0 20px 0;}
form.guestbook div {margin: 5px 30px;}
form.guestbook div span {display: block; float: left; width: 60px;}