@charset "utf-8";
/*----------------------------------------------------------------------------
	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Sidebar    (postraní sloupec)
  7. Content    (obsah)
  8. Footer     (patička)
  9. Other      (ostatní)

	==[ Colors ]==
	1. #000e21  - pozadi
	2. #33cc33  - zelena	
	3. #42d31e  - zelena - sytejsi
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #000e21;
	color: #eee;
	text-align: center;
	margin:0 0 10px; 	
}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 170%; color:#42d31e;}
h1 span{ font-weight:normal; font-size:90%;}
h2 {font-size: 125%; color:#33cc33;}
h3 {font-size: 110%;}
a {color:#33cc33;}
img {border:none; text-decoration:none;}
input[type=reset] {color:#444;}
dt {font-weight:bold; color:#33cc33; padding:0.2em;}
dd {padding-left:0.5em; padding-bottom:0.5em;}

/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 960px;  
	margin: 0 auto; 
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {	position: relative; }
#header #logotype { position:absolute; top:188px; left:450px; width:440px; height:50px;}
#header #logotype span { display:none;} 
#header #top1 { height:264px;}
#header #top1 span { 
	position:absolute; top:0px; left:0px; 
	background:url(../images/top1.jpg) top left no-repeat;
	height:264px; width:100%;
}
#header #top1 p { position:absolute; left:30px; top:30px; color:#bbb;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: left; 
	width: 250px; /*IE6 fixed*/
	padding:0 15px 40px 25px;
	overflow: hidden;	 
	background:url(../images/side-back.jpg) top left no-repeat;
}
/*news*/
#sidebar #news {padding:35px 5px 0;}
#sidebar #news h2 {font-size:150%; color:#42d31e; margin-bottom:0.5em;}
#sidebar #news h2 a {font-weight:normal; font-size: small; margin-left:5px; }
#sidebar #news h3, #sidebar #news .date {display:inline;}
#sidebar #news h3 a {font-size:115%; text-decoration:none;}
#sidebar #news h3 a:hover {text-decoration:underline;} 
#sidebar #news .date {font-size:85%; color:#bbb; margin-left:5px; position:relative; top:-1px;}
#sidebar #news p {color:#CCC; margin-top:0.3em; line-height:130%;}

/*menu*/
#sidebar ul#menu-side {
	padding-top:90px;
	list-style-type:none;
	line-height:2em;	
}

#sidebar ul#menu-side li {border-bottom:1px dashed #777; padding:3px 10px 0;}
#sidebar ul#menu-side a {color:#33cc33; text-decoration:none;}
#sidebar ul#menu-side a:hover {color:#fff; text-decoration:underline;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:right;
	width:610px;
	padding:15px 20px 35px 0;
} 
#mainContent.uvod {
	padding:0;
	width:630px;
}
#mainContent.uvod .cont-uvod {padding:15px 25px 25px 15px;}
#mainContent.uvod .cont-uvod h1 { margin-bottom:0.4em;}
 
#mainContent.uvod ul li {margin-bottom:8px;}
/* heading, anchor and paragraph margins*/
#mainContent h1 {margin:0.6em 0 0.6em;} 
#mainContent h2, #mainContent h3 {margin: 0.3em 0 0.5em;} 
#mainContent h2 a {color:#33cc33;}
#mainContent p {padding:0em 0 0.7em; line-height:160%;} 
#mainContent a {color:#eee;}
#mainContent a:hover {color:#33cc33;}
#mainContent ul {margin:0 0 5px 20px;}
#mainContent ul li{margin:0 0 3px 0;}

/*foto*/
#mainContent .uvod-foto a { margin-right:8px;}
#mainContent .uvod-foto img { border:1px solid #ccc;}
#mainContent .uvod-foto img:hover { border:1px solid #33cc33;}
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	padding:10px 20px 10px;
	border-top:20px solid #42d31e; 
	color:#666;
	font-size:90%;
}
#footer .foot-l { float:left;}
#footer .foot-r { float:right;}
#footer .foot-l a, #footer .foot-r a { color:#bbb; text-decoration:none;}
#footer .foot-l a:hover, #footer .foot-r a:hover { color:#33cc33; text-decoration:underline;}
#footer .foot-menu { text-align:center;}
#footer .foot-menu a { color:#bbb; margin:0 5px;}
#footer .foot-menu a:hover { color:#33cc33;}
#footer .bottomLine {margin-top:10px;}
#footer .bottomLine a {text-decoration:none; color:#aaa;}
#footer .bottomLine a:hover {text-decoration:underline; color:#eee;}
/*-- [ 9. Other ] -----------------------------------------------*/
/*error*/
#error h2{margin-bottom:0.6em; margin-left:0.2em;}
#error h3{font-size:150%;margin-bottom:0.3em; font-style:italic;}
#error p{margin-bottom:0.4px; }
#error p.hint {font-weight:bold; color:#42d31e;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ddd; color:#fff;}
/*napiste nam, doporucit stranku*/
#mail-form {width:95%;}
#mail-form .text_area {width:99%;}
#mail-form th {width:105px; padding-right:5px;}
#mail-form input[type=reset] {color:#444;}

/*TRAVNIKOVA SKOLKA*/
table.tabulka { border-bottom:1px solid #999; border-left:1px solid #999;}
table.tabulka td, table.tabulka th{ border-top:1px solid #999; border-right:1px solid #999; padding:0.6ex 1.8ex 0.6ex 1.8ex;}
table.tabulka td.right{ text-align:right; padding-right:2.5ex;}
table.tabulka th { background-color: #253745; color:#eee;}
/*JAK POKLADAT*/
#bocni_obrazky {float:right; margin-left:40px;}
#bocni_obrazky img { border:1px solid #ccc; margin-bottom:4ex;}
#bocni_obrazky img:hover { border:1px solid #33cc33;}
/*CENIK*/
.cenik_form table td { padding:0.2ex 1.5ex 0.4ex 0ex; vertical-align:top;}
.cenik_form table td.check { padding:2ex 0ex 2.8ex 0ex;}
.cenik_form p.emph {color:#fff;}
.cenik_form form input.dlouhy{ width:100%;}
.cenik_form form input.kratky{ width:50%;}
.cenik_form form textarea{ width:100%; height:8em;}
/*FOTOGALERIE*/
#fotogalerie div { margin-bottom:14px; }
#fotogalerie a { margin-right:15px; }
#fotogalerie img.pic { border:1px solid #ccc;}
#fotogalerie img.pic:hover { border:1px solid #33cc33;}
/*CENA DOPRAVY*/
#flash {padding:15px;  width:500px; height:315px; background-color:#fff;}
/*SITEMAP*/
#sitemap ul li {line-height:1.8em;}
#sitemap a {color:#ddd;}
#sitemap a:hover {color:#33cc33;}
/*NEWS*/
a.news-back-btn { font-size:small; font-weight:normal; position:relative; bottom:1px;}
#mainContent .date { color:#999; margin-bottom:1em;}
#mainContent .item .date { margin:0;}
#mainContent .item p { padding:0.3em 0;}