/* Elementy */

body {
	background:url(/img/bg2.jpg) #272727 repeat;
	margin:0 0;
	padding:0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#ccc;
}

a {
	color:#10c4ff;
	text-decoration:none;
}
p {
	line-height:18px;
}
a:hover {
		color:#a9ff21;	
}

a img {
	border:none;
}

h1 {
	padding:56px 45px;
	margin:0px 0px 0px 0px;
	color:#a9ff21;	

}
h2 {
	font-size:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#10c4ff;
	padding:0px 0px;
	margin:0;
}

h3 {
	margin:0 auto;
	padding:15px 20px;
	color:#4d4d4d;
}

.category span img {
	margin:9px 11px;
	color:#10c4ff;
	font-style:normal;
	font-size:10px;
	text-align:center;
}

h4 {
	height:25px;
	margin:9px 9px;
	color:#10c4ff;
	font-style:normal;
	font-size:10px;
	text-align:center;
}

h5 {
	font-size:14px;
	color:#10c4ff;
	padding:0px 0px;
	margin:25px 0;	
	font-weight:normal;
}
/* -------------------------------------------------------------------- */

/* Zacatek Webu */

/* Top */
#container {
	width:980px;
	margin:0 auto;
}

#topmenu {
	background:url(/img/top-menu-bg.png) repeat-x;
	width:256px;
	height:34px;
	float:right;
}

#topmenu ul {
	margin:0 0;
	padding:0 0;
}
#topmenu ul li {
	list-style-type:none;
	line-height:30px;
	display:inline;
	background:url(/img/delitko.png) no-repeat left center;
	padding: 0px 15px;
	margin: 0px 0px;
	text-align:right;
	
}
#topmenu ul li.first {
background:none;
}
#topmenu a {
	color:#10c4ff;
	font-size:12px;
	text-decoration:none;
}
#topmenu a:hover {
	color:#a9ff21;	
}
	
#header {
	background:url(/img/header.png) no-repeat left top;
	height:145px;
	width:100%;
	margin:0px 0px;
}

#logo {
	background:url(/img/motto.png) no-repeat;
	background-position:278px 68px;
	margin:0px 0px 0px 0px;
}


/* -------------------------------------------------------------------- */
/* Content */

#content {
margin:0 0;
padding:0 0;
}

#left-content {
	width:808px;
	float:left;
}

.item {
	width:780px;
}

.article-thumb {	
	margin-left:44px;
	margin-bottom:20px;
	background:#333333;
	padding:30px 30px;
	font-size:12px;
	color:#CCC;
}

.article-thumb h3 {
	font-family:Arial, Helvetica, sans-serif ;
	color:#a9ff21;
	font-size:16px;
	padding:0;
	margin:0;
}

.category {
	height:44px;
	width:44px;
	float:left;
	background:#333333;
	margin-top:24px;	
}

#tagy .category {
	height:44px;
	width:44px;
	float:left;
	margin-top:10px;	
}

/* Star Rating */

.stars {
float:right;
width:55px;
height:11px;
background:url(/img/star_gray.png);
margin:10px 20px;
}

.stars-rate {
width:55px;
height:11px;
background:url(/img/star_gray.png);
margin:10px 20px;
}
#rate {
width:450px;
}
#rate span {
	margin:0 10px;
}
.active {
	background:url(/img/star.png);
	z-index:4;
	height:100%;
}
.one {	width:20%;}
.two {	width:40%;}
.three{ width:60%;}
.four {	width:80%;}
.five {	width:100%;}

.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 75px;
	height: 15px;
	position: relative;
	background: url(/img/stars.png) top left repeat-x;
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(/img/stars.png) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:15px;
}
.star-rating a.two-stars{
	left:15px;
}
.star-rating a.two-stars:hover{
	width: 30px;
}
.star-rating a.three-stars:hover{
	width: 45px;
}
.star-rating a.three-stars{
	left: 30px;
}
.star-rating a.four-stars{
	left: 45px;
}	
.star-rating a.four-stars:hover{
	width: 60px;
}
.star-rating a.five-stars{
	left: 60px;
}
.star-rating a.five-stars:hover{
	width: 75px;
}

/* -------------------------------------------------------------------- */

.datum {
	font-size:10px;
	color:#ffffff;
}
#clear {
	clear:both;
}
.first {
	background:#1d1d1d;
}

.tools {
	width:677px;
	height:44px;
	margin:30px 0px 0px 0px;
	background: url(/img/bglight.png) no-repeat center center;
	
}
div.first .tools {
	background:url(/img/bgdark.png) no-repeat center center;
}
.tools ul {
	margin:0 0px;
	padding:0 30px ;
}
.art ul {
	margin:0 0px;
	padding:0 15px ;
}
.tools ul li {
	display:inline;
	list-style:none;
	line-height:44px;
	color:#10c4ff;	
}
.tools a {
	font-size:12px;
	color:#10c4ff;
	line-height:35px;
}

.tools a:hover {
	color:#a9ff21;
	text-decoration:none;
}

.read {
	background:url(/img/read.png) left 50% no-repeat;
	padding:10px 30px;
	padding-right:12px;
}

.bubbles {
	background:url(/img/bubbles.png) left center no-repeat;
	padding:10px 35px;
	padding-right:12px;
}

.delicious {
	background:url(/img/delicious.png) left center no-repeat;
	padding:10px 30px;	
	padding-right:12px;
}

.facebook {
	background:url(/img/facebook.png) left center no-repeat;
	padding:10px 25px;	
	padding-right:10px;
}

.twitt {
	background:url(/img/twitter.png) left center no-repeat;
	padding:10px 30px;	
	padding-right:12px;
}


#rightbox {
	width:172px;
	float:right;
	
}

.box {
	width:100%;
	background:#141414;
	margin-bottom:28px;
}

.box input.text {
	border:0px;
	background:url(/img/search-bg.png) no-repeat;
	color:#ffffff;
	width:99px;
	font-size:13px;
	font-family:Arial CE,Helvetica CE,Arial,Helvetica,sans-serif;
	text-indent:5px;
	margin-left:10px;
	padding:3px;
}
.box input.submit {
	z-index:10;
	color:#FFF;
	float:right;
}
.box form {
	padding:0 0;
	margin: 0px 10px;
	padding-bottom:10px;
}
input {
	margin:0 0;
	padding:0 0;
}

.box ul {
	margin:5px 20px 20px 20px;
	padding: 0 0;
	list-style:none;
	width:80%;
	padding-bottom:20px;
	color:#696969;
}

.box ul.online li {
	background:url(/img/online_bg.png) repeat-x left bottom;
	height:25px;
	width:100%;
	padding:5px 0 0 0;
}

.box ul.categories li {
	background:url(/img/online_bg.png) repeat-x left bottom;
	height:25px;
	width:100%;
	padding:4px 0 0 0;
	font-size:11px;
}

.box ul.online a {
	padding:5px 25px;
	font-size:12px;
	font-weight:normal;
}

.box ul.categories a {
	padding:5px 23px;
	font-size:12px;
	font-weight:normal;
	padding-right:5px;
}


/* 	Kategorie   */
.category-java { background:url(/img/java2-small.png) no-repeat left center; }
.category-apple { background:url(/img/apple-small.png) no-repeat left center; }
.category-iphone { background:url(/img/iphone-small.png) no-repeat left center; }
.category-flex { background:url(/img/flex-small.png) no-repeat left center; }
.category-mac-os-x { background:url(/img/mac-os-x-small.png) no-repeat left center; }
.category-php { background:url(/img/php-small.png) no-repeat left center; }
.category-internety { background:url(/img/internety-small.png) no-repeat left center; }
.category-tvorba-www { background:url(/img/tvorba-www-small.png) no-repeat left center; }
.category-zend { background:url(/img/zend-small.png) no-repeat left center; }
.category-ios { background:url(/img/ios-small.png) no-repeat left center; }
.category-three20 { background:url(/img/320-small.png) no-repeat left center; }

/* Online Box */
.online-twitter { background:url(/img/twitter.png) no-repeat left center; }
.online-fb {background:url(/img/facebook.png) no-repeat left center        ; }
.online-rss {background:url(/img/rss.png) no-repeat left center        ; }
.online-jabber { background:url(/img/jabber.png) no-repeat left center; }
.online-email { background:url(/img/kontakt-email.png) no-repeat left center; }


#copy {
	width:677px;
	padding:0px 30px;
	margin:20px 0px;
	margin-left:44px;
	height:15px;
	color:#494949;
	text-align:right;
	font-size:12px;
}

#copy a {
	color:#494949;
	text-decoration: none;
	font-weight:bold;
}

#copy a:hover {
	text-decoration: none;
	color:#10c4ff;
}
#paginator {
	width:677px;
	height:40px;
	margin-left:44px;
	color:#333;
	background:#1d1d1d;
	line-height:40px;
	padding-left:30px;
	padding-right:30px;
}
#paginator a {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px;

}
#paginator span {
	color:#494949;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px
}

#tagy {
	width:780px;
}

.tagy-content {
font-size:16px;
margin-bottom:20px;
margin-left:44px;
padding:5px;
padding-left:30px;
}

a.prev  {
	background:url(/img/prev_active.png) no-repeat left center;
}
span.prev  {
	background:url(/img/prev.png) no-repeat left center;
}
a.next  {
	background:url(/img/next_active.png) no-repeat right center;
}
span.next  {
	background:url(/img/next.png) no-repeat right center;
}

/* -------------------------------------------------------------------- */
/* Komentare */
.comments label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	font-weight:bold;
}
.comments form {
	margin-top:25px;
}


.comments input, .comments textarea {
	font-family:Arial, Helvetica, sans-serif;
	background:#2c2c2c;
	border:none;
	font-size:12px;
	margin:5px;
}

#submitImage {
	margin:5px;
}

.comment-name {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#10c4ff;
	font-weight:bold;
}
.comment-date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin-left:5px;
}

.comment-box {
	border-bottom:1px solid #333333;
	margin:10px 0;
}

.comment-email {
	margin:3px;
	
}

.text-elem {
	width:250px;
	height:18px;
	color:#fff;
	padding:2px 5px;
}
.textarea-elem {
	width:607px;
	height:120px;
	color:#fff;
	padding:2px 5px;
	font-family:Arial, Helvetica, sans-serif;
}

#captcha-row input {
	width:170px;
	height:18px;
	color:#fff;
	padding:2px 5px;
	margin: 0px 10px;

	}

.button {
	margin-top:5px;
	margin-bottom:15px;
}

.text-elem-bold {
	width:250px;
	height:18px;
	color:#fff;
	font-weight:bold;
	padding:2px 5px;	
}

.top {
	vertical-align:top;
	padding-top:10px;
}

.comments {
color:#CCC;
font-size:12px;
margin-bottom:20px;
margin-left:44px;
padding:30px;
}


#search-result {
	color:#CCC;
	font-size:25px;
	font-weight:bold;
	width:677px;
	height:28px;
	margin-left:44px;
	margin-bottom:20px;
	background:#1d1d1d;
	padding:30px 30px;
}

#search {
	height:21px;
	width:130px;
}
.ss {
margin:-9px;
}

#mycloud {
	width:520px;
	margin:15px 0px;
	text-align:center;	
}
#mycloud a {
	margin:0px 3px;
}

.profilePhoto {
	margin:0px 15px 0px 15px;
	border: 5px solid #494949;
	padding:3px;	
}

#kontakty ul {
	margin:20px;
	padding: 0 0;
	list-style:none;
	padding-bottom:20px;
	color:#696969;
	height:50px;
	width:460px;
}
#kontakty {
}

#kontakty ul li {
	width:230px;
	padding:5px 0px;
	line-height:18px;
	float:left;
}
#kontakty li a {
font-size:12px;
font-weight:normal;
margin:0px 25px;
}

.about {
	min-height:588px;
}

.mt {
	margin-top:10px;
}

#cloudText {
	width:520px;
	color:#a9ff21;
	font-size:12px;
	margin:20px 5px;	
}

.cl1 { font-size:12px; }
.cl2 { font-size:14px; }
.cl3 { font-size:16px; }
.cl4 { font-size:18px; }
.cl5 { font-size:20px; }

.captcha {
	padding-left: 0px;
	float:left;
}
	
.captcha-code {
	display: none;
}