@charset "UTF-8";
body  {
	font: 12px Trebuchet MS, Verdana, Geneva, sans-serif;
	background: #000;
	background-image:url(pic/bg_celek.jpg);
	background-repeat:no-repeat;
	background-position:top center !important;
	margin: 0px; 
	padding: 0px;
	text-align: center;
	color: #fff;
	
	
}
.thrColFixHdr #container { 
	width: 920px;
	margin: 0 auto;
	text-align: left;

} 
.thrColFixHdr #header { 
	padding: 0 0px;
	} 
.thrColFixHdr #sidebar1 {
	background-image:url(pic/logo_AstroFoton.png);
	background-repeat:no-repeat;
	float: left;
	width: 252px;
	padding: 165px 0px 15px 70px;
	min-height:480px;
}

.thrColFixHdr #sidebar2 {
	background-image:url(pic/pravy_bg.jpg);
	background-repeat:no-repeat;
	float: right; /* since this element is floated, a width must be given */
	width: 195px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #000; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 4px 35px 15px 20px;
	&padding: 2px 35px 15px 20px;/* padding keeps the content of the div away from the edges */
	min-height: 450px;
	&margin: -19px 0px 0px 0px;
}
.thrColFixHdr #mainContent { 
	float:right;
	background-repeat:no-repeat;
	margin-top: 25px;
	padding:10px;
	width: 574px;
	min-height: 650px;
	border: 1px solid #36363d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	} 
	
.thrColFixHdr #mainContent-uvod { 
	float:right;
	text-align: left;
	background-repeat:no-repeat;
	margin-top: 25px;
	padding:547px 10px 10px 135px;
	width: 448px;
	min-height: 102px;

	border: 1px solid #36363d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
.thrColFixHdr #mainContent-trans { 
background-image:url(pic/bg_content.png);
	float:right;
	margin-top: 25px;
	padding:10px 20px 10px 10px;
	width: 564px;
	min-height: 650px;
	border: 1px solid #36363d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
.thrColFixHdr #mainContent-seda { 
background-color: #1e1e22;
	float:right;
	margin-top: 25px;
	padding:10px;
	width: 574px;
	min-height: 650px;
	border: 1px solid #36363d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
.uvod-nadpis{
color: #7eb5af;
font-size: 25px;
font-style: italic;
margin: 0;
padding: 0;
}
	
.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#000;
	height:350px;
	text-align:left;
} 

.thrColFixHdr #footer p {
font-size: 11px;
color: #626262;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:15px 0px 0px 310px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.thrColFixHdr #footer p a:link; .thrColFixHdr #footer p a:visited{
font-size: 10px;
color:#7eb5af !important;
cursor: pointer;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

/*MENU :-)*/
#nav, #nav li{
	margin: 0;
	&margin:8px 0px 8px 0px;
	padding:0;
	list-style:none;
	height:103px;
	width: 238px;
}
#nav li{
	display: inline;
	float:left;
	height:103px;
	line-height:103px;
	text-indent:-8000px;
	margin-left:0px;
}
#nav li a{
	display:block;
	height:103px;
	background-repeat:no-repeat;
	background-position:0 -103px;
	outline: none;
	cursor: pointer;
}
#nav li a:hover, #nav li a.active{
	background-position:0 0;
	background-repeat:no-repeat;
	outline: none;
}

#menu .links a, #menu_aktuality .links a{
	display:block;
	width:226px;
	background-position:-2px 0px;
	background-repeat:no-repeat;
	text-decoration: none;
	font-weight: bold;
	padding-left:10px;
	color: #cfcfcf;
	text-shadow: 0 1px 2px #000;
	outline: none;
}
#menu .links a:hover, #menu_aktuality .links a:hover{
	background-position:-238px 0px;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 1px 1px #000;
}
#menu .links a.menu01, #menu_aktuality .links a.menu01{ background-image:url(pic/menu_item.png);height:39px;line-height:36px; font-size:16px; margin-top:2px;}
#menu .links a.menu012, #menu_aktuality .links a.menu012{ background-image:url(pic/menu_item.png);background-position:-238px 0px;height:39px;line-height:36px; margin-top:2px;font-size:16px; color: #61ffd8; outline: none;}

#last-photo{
background-image:url(pic/bg-last-photo.png);
height:200px;
width: 228px;
display:block;
padding-top: 5px;
padding-left: 10px;
}

#last-photo img{
margin: 0;
padding: 0;
/*width: 214px;*/
height: 135px;
border: 1px solid #343434;
}
#last-photo .nadpis{
padding-left: 0px;
margin-top: 15px;
	color: #cfcfcf;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0 1px 2px #000;
	font-size: 16px;
}

p, li, td{
	color: #fff;
	font-size:12px;
	text-align: justify;
text-shadow: 0 1px 1px #000;}
td{
line-height: 15px;
}

a:link, a:visited,a:visited { 
	color: #61cdc0;
	text-decoration:underline;
	cursor: pointer;
	text-shadow: 0 1px 1px #000;
	}
a:hover{ 
	color:#ffffff;
	text-decoration:underline;
	cursor: pointer;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

img.left{float: left;}
img.right{float: right;}
img.zpet{float: left; margin-right: 10px;}

img {
border:0}

img.a_pic{
float:left;
margin-right:5px;}

/*Novinky*/
.entry {
	/*clear: both;*/
	padding:0px;
	margin: 0;
}
p {
	/*clear: both;*/
	padding:0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
}
.entry3 {
	clear: both;
	padding-top: 2px;
	font-size:12px;
}
.entry2 {
	clear: both;
	padding-top: 1px;
	padding-left:10px;
	padding-bottom:15px;
	width: 540px;
}
.entry2-ff {
	clear: both;
	padding-top: 150px;
	padding-left:70px;
	padding-bottom:15px;
	width: 450px;
}
.post {
	padding-top: 0px;
	padding-bottom: 25px;
	clear:both;
}
.post-date {
	width: 70px;
	height: 50px;
	float:left;
	background: url(pic/date_bg.png) no-repeat;
	padding-top:10px;
}
.post-month {
	font-size: 10px;
	font-family:Verdana;
	color: #474747;
	text-align: center;
	display:block;
	line-height: 10px;
	padding-top: 2px;
	margin-left: -3px;
}
.post-day {
	font-size: 22px;
	font-family: Impact, Trebuchet MS, Verdana;
	text-transform: uppercase;
	color: #61cdc0;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 8px;
	margin-left: -3px;
}
.post-title {
	float: left;
	margin-left: 10px;
	margin-top:5px;
	width: 475px;
}

.cat-title-size a:link, .cat-title-size a:visited{
    padding: 10px 0px 20px 0px !important;
	margin: 10px 0px 20px 0px !important;

}
.post-title-page {
	float: left;
	margin-left: 10px;
	margin-top:10px;
	width: 540px;
}
.post-title-page-home {
	float: left;
	text-align: right;
	margin-left: 10px;
	margin-top:10px;
	width: 540px;
}
/*vysledky*/
#vysledek {
	padding-top: 0px;
	clear:both;
	height:85px;
}
.noborder{
	color: black;
	margin: 0px 0px 2px;
	letter-spacing: -1px;
	font: 18px Trebuchet MS, Tahoma, Arial;
	padding-bottom: 3px;
	font-weight:bold;
}
.first {
	width: 70px;
	height: 50px;
	float:left;
	background: url(pic/misto1.png) no-repeat;
	padding-top:20px;}
.second {
	width: 70px;
	height: 50px;
	float:left;
	background: url(pic/misto2.png) no-repeat;
	padding-top:20px;
}
.third {
	width: 70px;
	height: 50px;
	float:left;
	background: url(pic/misto3.png) no-repeat;
	padding-top:20px;
}
.other{
	width: 70px;
	height: 50px;
	float:left;
	background: url(pic/misto4.png) no-repeat;
	padding-top:20px;
}
.misto_popis {
	font-size: 10px;
	font-family:Verdana;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 10px;
	padding-top: 2px;
	margin-left: -3px;
}
.pozice{
	font-size: 22px;
	font-family: Impact, Trebuchet MS, Verdana;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 3px;
	margin-left: -3px;
}
.vysledek_popis {
	float: left;
	margin-left: 10px;
	margin-top:10px;
	width: 380px;
}
/* next & previous page navigation 	*/
.navigation{
width:470px;
text-align:center;}
.page-nav {
	clear: both;
	background: url(pic/navigation-bg.gif) no-repeat left center;
	height: 21px;
}
.page-nav a, .page-nav a:visited {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}
.page-nav a:hover {
	color: #000000;
	text-decoration: none;
	outline: none;
}
.previous-entries a {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(pic/navigation-left.gif) no-repeat left center;
	outline: none;
}
.next-entries a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(pic/navigation-right.gif) no-repeat right center;
	outline: none;
}
/*post navigation*/

.post-nav {
	width: 97%;
	border-top: 1px dotted #61cdc0;
	margin: 65px 0px 0px 10px;
	padding-top: 25px;
}
.post-nav a {
	font: bold 1.2em/1.1em Arial, Helvetica, sans-serif;
	padding: 5px 0 12px;
	display: block;
	text-decoration: none;
	width: 225px;
	outline: none;
	
}
.post-nav .previous a {

	
	background: url(img/post-nav.png) no-repeat right -383px;
	padding-right: 32px;
	text-align: right;
	float: right;
}
.post-nav .previous a:hover {

		background-position: right -574px;
	color: white;
}
.post-nav .next a {
	background: url(img/post-nav.png) no-repeat;
	padding-left: 32px;
	float: left;
	color:#61cdc0;
	outline: none;
}
.post-nav .next a:hover {
	background-position: 0 -191px;
	color: white;
}

img.gal{
	border: 5px solid #222;
	margin: 2px;}

/*JxK NGG - popisek u fotky v galerii*/
.ngg_foto_name{
font-size: 11px !important;
font-family: Verdana;
color: #7eb5af;
text-shadow: 0 1px 1px #000;
}
/*JxK NGG - popisek u fotky v galerii*/

.nadpis-maly{
color: #7eb5af;
}
h1{
	color: #61cdc0;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px dotted #61cdc0;
	letter-spacing: -0.04em;
	font: 20px Arial, Trebuchet MS;
	padding-bottom: 3px;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow: 0 1px 1px #000;
	text-decoration: none !important;
}
h1 a:link, h1 a:visited {
	color: #61cdc0;
	text-decoration: none !important;
	font: 20px Arial, Trebuchet MS;
	font-weight:bold;
	text-transform:uppercase;
	text-shadow: 0 1px 1px #000;
	cursor: pointer;
	outline: none;
}

h2{
	color: #61cdc0;
	margin: 5px 0px 4px 0px;
	border-bottom: 1px dotted #61cdc0;
	letter-spacing: -0.04em;
	font: 16px Arial, Trebuchet MS;
	padding-bottom: 3px;
	font-weight:bold;
	text-shadow: 0 1px 1px #000;
	text-decoration: none !important;
}
h2 a:link, h2 a:visited {
	color: #61cdc0;
	text-decoration: none !important;
	font: 16px Arial, Trebuchet MS;
	font-weight:bold;
	text-shadow: 0 1px 1px #000;
	cursor: pointer;
	outline: none;

}
h2 a:hover {
	color: white;
	text-decoration: none;
	font: 16px Arial, Trebuchet MS;
	font-weight:bold;
	text-shadow: 0 1px 1px #000;
	cursor: pointer;

}
.galTitle{
	color: #61cdc0;
	margin: -10px 0px 4px 0px;
	letter-spacing: 0px;
	font: 18px Arial, Trebuchet MS;
	padding-bottom: 10px;
	font-weight:bold;
	text-shadow: 0 1px 1px #000;

}
h3{
color: #61cdc0;
	margin: 4px 0px 4px 0px;
	border-bottom: 1px dotted #404f4e;
	letter-spacing: 0px;
	font: 13px Arial, Trebuchet MS;
	padding-bottom: 3px;
	font-weight:bold;
	text-shadow: 0 1px 1px #000;
}
.adminblok{
	padding:2px 0px 0px 0px;
	_padding:0px 0px 0px 0px;
	margin-bottom:25px;}
.adminblok a:link,.adminblok a:visited{
color: black;
text-transform:uppercase;
font-weight:bold;
text-decoration:none}

/* comments
-------------------------------------------------*/
#comments, #respond h4 {
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 15px 0 0;
	margin: 20px 0 20px -45px;
	text-shadow: 0px 1px 1px #000;
	color: #7eb5af;
}
#comments, .commentlist #respond h4 {
border-top: 4px double #7eb5af;
}
#comments em, #respond h4 em {
	font: italic .7em/1em Georgia, "Times New Roman", Times, serif;
}
/* commentlist level1 */
.commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist li {
	margin: 0 0 20px;
	padding: 0;
}
.comment-author {
	margin: 0 0 0px;
}
.comment-author small {
	color: #7eb5af;
	font-size: .85em;
}
.addcomment{
color: white !important;
font: bold 1em/1em Arial, Helvetica, sans-serif;
}
.comment-author cite {
	font: bold normal 1.35em/1em Arial, Helvetica, sans-serif;
}
.comment-author cite a {
	text-decoration: none;
}
.avatar {
	position: absolute;
	margin: -4px 0 0 -46px;
}
.reply {
	background: url(img/reply.png) no-repeat 0 center;
	padding: 0px 0 0 12px;
}
.comment-reply-link {
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	color: #a5907a;
	text-decoration: none;
}
a.comment-reply-link:hover {
	color: #ca6c18;
}
.commententry {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*commentlist level2 */
.commentlist ul {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}
.commentlist ul li {
	background: none;
	margin: 0;
	padding: 0;
}
.commentlist ul .comment-author {
	margin: 0 0 10px;
}
.commentlist ul .avatar {
	width: 32px;
	height: 32px;
	position: relative;
	float: left;
	margin: -5px 10px 0 0;
}

/*commentlist sub levels */
.commentlist ul ul {
	margin-left: 45px;
	padding: 0;
}


/* comment nav */
.comment-nav {
	clear: both;
	float: right;
	margin: -33px 0 0;
	line-height: 1em;
}
.comment-nav a {
	text-decoration: none;
	color: #b8a98a;
	font-weight: bold;
	text-transform: uppercase;
}
.comment-nav a:hover {
	color: #ca6c18;
}
.comment-nav .previous a {
	background: url(img/comment-nav.png) no-repeat 0 -144px;
	padding-left: 18px;
	margin-right: 20px;
}
.comment-nav .previous a:hover {
	background-position: 0 -217px;
}
.comment-nav .previous a:after {
content:  close-quote;
}
.comment-nav .next a {
	background: url(img/comment-nav.png) no-repeat right 3px;
	padding-right: 24px;
}
.comment-nav .next a:hover {
	background-position: right -70px;
}
.comment-nav .divider {
	background: url(img/comments-nav-circle.png) no-repeat center center;
	padding: 0 10px;
}

#respond {
	position: relative;
	margin-bottom: 40px;
}
#respond .cancel-comment-reply {
	position: absolute;
	top: 20px;
	right: 0;
}
#respond #cancel-comment-reply-link {
	font: bold .9em/1em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(img/cancel-reply.png) no-repeat 0 3px;
	padding: 2px 2px 2px 16px;
	text-decoration: none;
	color: #b8a98a;
}
#respond #cancel-comment-reply-link:hover {
	text-decoration: none;
	color: #ca6c18;
	background-position: 0 -55px;
}
#commentform input[type=text] {
	width: 210px;
	margin-right: 5px;
	background: #fdfde8;
	border: solid 1px #d6d1c7;
	padding: 5px 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#commentform textarea {
color: #555555;
line-height: 23px;
	width: 97%;
	height: 200px;
	padding: 10px 7px;
	border: solid 1px #7eb5af;
	background-image: url(img/wrapper.png);
	background-position: -100px 0px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#commentform textarea:focus, #commentform input[type=text]:focus {
	border: solid 1px #7eb5af;
	background-image: url(img/wrapper.png);
	background-position: -100px 0px;	
	outline: none;
	box-shadow: 0 1px 4px #c5c5a2;
	-webkit-box-shadow: 0 1px 4px #c5c5a2;
	-moz-box-shadow: 0 1px 4px #c5c5a2;
}
#commentform label {
	font-weight: bold;
}
#commentform label small {
	font-weight: normal;
}
#commentform #submit {
	background: url(img/comment-submit.png) no-repeat 0 bottom;
	width: 183px;
	height: 37px;
	border: none;
	font: bold 1.05em/1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-shadow: 0 1px 2px #000;
	cursor: pointer;
	text-align: left;
	padding-left: 10px;
}
#commentform #submit:hover {
	background-position: 0 0;
}

/* comments end
-------------------------------------------------*/


/*Download link*/
.downlink{

text-decoration: none !important;
padding-top: 10px;
display: block;
font-weight: bold;
}

.downlink img{
float: left;
margin-right: 10px;
}