/*
Theme Name:   
Theme URI: 
Description: Please,dont copy any graphics ! Thank you ...
Version: 0.1
Author: Jan Kovařík
Author URI:http://jankovarik.net/
*/

/* RESET */
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, img, table, p {margin:0;padding:0;border:0;}
 

/* TYPOGRAPHY & COLORS */

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px ~ 12px) */ 
body {font-size: 75%; line-height: 1.5em; color: #4c4c4c; background: #0e5c00 url(img/body.jpg) repeat-x center top; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}

a:link {text-decoration: none; color: #1c9002;}
a:hover {text-decoration: underline; color: #1faa00;}
a:focus {outline:medium none;}
a:visited {text-decoration: none; color: #1c9002;}
a:active {text-decoration: none; color: #24c200;}

p {margin-bottom: 1.5em;}

h1 {font-size: 2.5em; font-weight: bold; letter-spacing: -2px; color: #0e5c00; margin: 20px 0 27px 0; clear: both;}
h2 {font-size: 2em; font-weight: bold; letter-spacing: -1px; color: #0e5c00; margin: 40px 0 17px 0; clear: both;}
h3 {font-size: 1.5em; font-weight: bold; letter-spacing: -1px; color: #0e5c00; margin: 28px 0 7px 0; clear: both;}
h4 {font-size: 1.4em;font-weight: bold; letter-spacing: -1px; margin: 28px 0 7px 0; clear: both;}

/* PAGE CONSTRUCTION */
#head {width: 100%; height: 371px; background: transparent url(img/head.jpg) no-repeat center top; }
.content {margin:0 auto 0 auto;width:940px;text-align:left;display: block;}
.main {background: transparent url(img/main.gif) repeat-y left top; width: 940px; display: block;}
#main-top {background: transparent url(img/main_top.jpg) no-repeat left top; width: 940px; height: 100%;}
#main-bottom{background: transparent url(img/main_bottom.jpg) no-repeat left bottom; width: 940px; height: 100%;}
#sidebar {width: 221px; float: left; padding:50px 40px 220px 40px; color: #aeda76;}
#text {width: 500px; float: right; padding: 50px;}
#footer {width: 940px; height: 90px;display: block; clear: both; font-size: 0.917em;color: #1c9002; padding-top: 20px;}

/* ------ PAGE ELEMENTS ------ */
/* logo img replacement */
#logo{width:301px;height:93px;display: block; margin:0; padding:0;position:relative;left:0;top:136px;overflow:hidden;font-size:1em; float: left;}
#logo span{width:301px;height:93px;display: block; position:absolute; left:0; top:0; z-index:1;margin:0; padding:0;overflow:hidden;background:url(img/logo.jpg) top left no-repeat;float: left;}

#news {width: 540px;display: block; float: right; text-align: left; margin: 80px 15px 0 0; color: #aeda76;}
#newsbox {overflow: hidden;clear:both; width: 350px; margin-bottom: 5px;}
.bullhorn {font-size: 1.5em; line-height: 1.6em;font-weight: bold;display: block; clear: both; background: transparent url(img/bullhorn.gif) no-repeat left center; padding: 0 0 0px 33px; margin: 0 0 10px 0;}
.newsheader {display: block; padding: 0 0 7px 0; float: left; margin: 6px 0 0 20px;}
#news .more-link {width: 87px; height: 28px; line-height: 26px;padding: 0 0 0 10px;margin: -30px 0 0 0; color: #0e5c00!important; font-weight: bold; display: block; float: right; background: transparent url(img/more_news.gif) no-repeat center center;}
.more-contact {width: 87px; height: 28px; line-height: 27px;padding: 0 0 0 10px;margin: 3px 0 0 0; color: #0e5c00!important; font-weight: bold; display: block; float: left; background: transparent url(img/more_contact.gif) no-repeat center center;}

.links {list-style-type: none;}
.links a {color: #aeda76!important;}
#news a {color: #FFFFFF!important;}

#menu {list-style-type: none!important;}
#menu ul {display: block; float: left; width: 221px; margin:0; padding:0;list-style:none;text-align:left; }
#menu ul li {list-style-type: none!important; }
#menu ul li ul {display: block; float: left; list-style:none; padding: 0 0 20px 0;}
#menu ul li ul li ul { padding: 3px 0 20px 0;}
#menu ul li ul li ul li{display: block; float: left; list-style:none; padding: 0;}

/* "float:left" - fix staircase effect in IE */
#menu li{float:left; width: 221px;}
#menu li ul li a:hover, #menu li ul li.current_page_item a{color: #FFFFFF}
#menu li a{display: block; width: 221px; padding-left: 15px;margin: 0 0 8px 0;line-height: 38px;text-decoration: none;background: transparent url(img/menu_item.gif) no-repeat left center; color: #0e5c00;font-weight: bold;font-size: 1.5em; text-decoration: none;}
#menu li ul li a {float:left;  margin: 0!important;line-height: 22px; font-size: 1.167em; font-weight: bold; color: #aeda76; border-bottom: 1px #0c5000 solid; background-image: none; padding: 3px 0 3px 0;}
#menu li ul li ul li a {font-weight: normal; border: 0; font-size: 1em; background: transparent url(img/leaf.gif) no-repeat left 6px; padding: 0 0 0 15px;}
#menu li ul li ul li a:hover,#menu li ul li ul li a:focus,#menu li ul li ul li.current_page_item a{background: transparent url(img/leaf_hover.gif) no-repeat left 5px; color: #FFFFFF;}


#subpagelist ul {display: block; width: 100%; height: 25px; border-bottom: 1px #bdbc8a solid; margin-top: 25px;}
#subpagelist li {list-style-type: none;}
#subpagelist li a {display: block; float: left; height: 24px; line-height: 24px;padding: 0 8px 0 8px; border: 1px #bdbc8a solid; border-bottom: none; margin-right: 6px; text-decoration: none; background-color: #f6f5d5; 
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
#subpagelist li a:hover, #subpagelist li.current_page_item a {text-decoration: none; color: #4c4c4c; border-bottom: 1px #fffee6 solid; background-color: transparent;}

#sidebar h4 {display: block; clear: both; width: 200px;  padding:50px 0 0 35px;margin: 50px 0 20px 0; font-size: 1.7em;}
.rychlykontact {background: url(img/envelope.gif) no-repeat left 50px;}
.doporucujeme {background: url(img/doporucujeme.gif) no-repeat left 50px; padding-left: 30px!important;}
.light {color: #aeda76!important;} 


#text li {display: block; padding-left: 20px;text-decoration: none;background: transparent url(img/li_leaf.gif) no-repeat left center;}
#text ul { margin: 0.5em 0 1.2em 0;}

#footer_right {width: 620px;text-align: center;display: block;float: right;}


#footer ul{margin: 0 0 10px 0;padding: 0!important ;list-style-type: none;text-align: center;}
#footer ul li { display: inline; font-weight: bold; font-size: 1.2em;}
#footer ul li.current_page_item a{} 
#footer ul li a{padding: 0 8px 0 5px; background: url(img/footer_spacer.gif) no-repeat right center;}
#footer ul li a:hover{text-decoration: underline;}
#footer li:last-child a{background: none!important;}

.mapa {display: block; margin-top: 30px; border: 1px #aeda76 solid}


.post-edit-link {display: block;clear: both;}

/* UNIVERSAL CLASSES */
.cleaner {clear: both;}

.bigger {
font-size: 1.2em;
font-weight: bold;
}

.smaller {
font-size: 0.8em;
font-weight: normal;
}

.strong {
font-weight: bold;
}

table {
margin: 2em 0 3em 0;  border-collapse: collapse;
}

td {border-bottom: 1px #4c4c4c solid; padding: 0 5px 5px 0; margin: 0;}

/* Begin Images */

table img{margin: 0!important; padding: 0!important;}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin: 30px auto 20px auto;
	}

img.alignright {
	margin: 30px 0 20px 30px;
	display: inline;
	}

img.alignleft {
	margin: 30px 30px 20px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.navigation {display: block;margin-top: 50px;}
.nav-previous {display: block; float: left;}
.nav-next {display: block; float: right;}


/* Vzhled referencí */
.columns {display:block;width:100%;margin: 60px 0 0 0;padding: 35px 0 0 0 ;border-top: 1px #0e5c00 solid;}
.column {display:block;float:left;width: 33%;margin: 0 0 0 0;}
.column h3 {display: inline; margin-right: 3px;}
.column ul {display:block;padding-top: 15px;}
.entry {display:block;margin: 25px 0 0 0;}
.meta {margin-bottom: 5px;}