@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro profiweby.cz
	Author:			 Profiweby, www.profiweby.cz, e-mail: info(@)profiweby.cz
	Modified:	   28. 8. 2007

	==[ 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 ]==
	2. #6f8e11  - side-h2	, h1 f
	3. #a5d900  - a:hov 
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff url(../images/back.jpg) top left repeat-x;
	color: #333;
	text-align: center;
}
body.bg {background-image:url(../images/back2.jpg);}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 180%; color:#6f8e11; border-bottom:solid 2px #6f8e11; padding:0px 0px 10px 35px; background:url(../images/bull-whiteback.png) 10px 5px no-repeat;}
h2 {font-size: 120%;}
h3 {font-size: 100%;}
ul {margin:0 0 5px 20px;}
ul li{margin:0 0 3px 0;}
a {color:#6f8e11;}
a:hover {color:#333;}
img {border:none; text-decoration:none;}
/*-- [ 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%;}
/*formuláře*/
.txt-input, .txt-area, .objednavka-pole, textarea {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-select, select {
	padding:2px;
	margin:2px 0px;
	color:#8a8672;		
	background: #fff url("../images/bg-input.gif") left top no-repeat;
	border:1px solid #ccc;
	}
.txt-input:hover, .txt-area:hover, .objednavka-pole:hover {border:1px solid #333;}
.txt-input:focus, .txt-area:focus, .objednavka-pole:focus {border:1px solid #6f8e11; color:#555;}
/*button*/
.button {
	border:none; 
	color:#fff; 
	width:77px; 
	height:24px;
	font-size:120%; 
	line-height:25px;
	vertical-align:middle;
	cursor:pointer;
	background:#ee3637 url(../images/button.png) bottom left repeat-x; overflow:hidden;
}
/*
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 947px;  
	margin: 0 auto; 
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header #top1 {height:114px; position: relative;}
/*logo*/
#header #top1 #logotype {position:absolute; top:28px; left:25px; width:292px; height:84px;}
/*main menu*/
#header #top1 .main-menu {
	position:absolute; bottom:0px; right:0px; z-index:1;
	height:43px;
}
#header #top1 .main-menu ul { list-style:none;}
#header #top1 .main-menu ul li {
	float:left; 
	height:29px;
	line-height:29px; vertical-align:middle;
	font-size:100%;
	text-align:center;
	
}
#header #top1 .main-menu ul li a {float:left; margin:0px 5px; text-decoration:none; color:#fff; background:url(../images/menu-stred-modra.png) right top no-repeat;}
#header #top1 .main-menu ul li a:hover {color:#a6ca3a;}
#header #top1 .main-menu ul li a span {padding:0px 10px 0px 5px;}
#header #top1 .main-menu .obrl1 {float:left;  height:29px; width:5px; padding:0px; background:url(../images/menu-leva-modra.png) left top no-repeat;}
#header #top1 .main-menu .obrl {float:left; height:29px; width:5px;padding:0px;  background:url(../images/menu-leva-zelena.png) left top no-repeat;}
#header #top1 .main-menu ul li a.selected {
text-decoration:none; 
color:#000; 
font-weight:bold; 
background:url(../images/menu-stred-zelena.png) right top no-repeat;
}
#header #top1 .main-menu ul li a.selected:hover {
color:#fff; 
}
#header #top1 .main-menu .ukaz {display:block; padding:0px; margin:0px 0px 0px 10px; width:18px; height:14px; background:url(../images/menu-ukazovak-zelena.png) 0px 0px no-repeat;}

/*horni menu*/
#header #top1 .quick-menu {
	position:absolute; top:0px; right:25px;
	height:35px;
	width:345px;
	padding: 0px 0px 0px 5px;
	margin:0px;
	background:url(../images/bg-hledej.png) top right no-repeat;
}
#header #top1 .quick-menu ul { list-style:none; font-size:90%; margin:0px; padding:0px; margin-top:6px;}
#header #top1 .quick-menu ul li {
	float:left; 
	height:20px;
	padding:4px 10px 0px 10px;
	margin:0px;
	background:url(../images/top1-quickmenu-sep.png) top right no-repeat;
}
#header #top1 .quick-menu ul li a {color:#666; }
#header #top1 .quick-menu ul li a:hover {color:#a5d900;}
/*--search*/
#header #top1 .quick-menu form { position:absolute; top:5px; right:8px;}
#header #top1 .quick-menu form .searchText {
	width:178px;
	background:url(../images/bg-input.gif) top left no-repeat;
	border:1px solid #fff;
	padding:3px 4px;
	font-size:12px;
	margin:0px;
	
}
#header #top1 .quick-menu form .searchText:focus, #header #top1 .quick-menu form .searchText:hover { border-color:#a5d900;}
#header #top1 .quick-menu form .searchBtn {
	border:none; 
	color:#fff; 
	width:60px; 
	height:20px;
	font-size:12px; 
	margin:0px;
	cursor:pointer;
	background:url(../images/input-button-back.png) bottom left no-repeat; overflow:hidden;
}
/*TOP2*/
#header #top2 {height:328px; overflow:hidden; margin-bottom:2px; position:relative; font-size:13px; background:url(../images/bg-image.jpg) bottom left no-repeat;} 



/*top2 uzke*/
#header #top2-short {
	padding-left:20px;	
	height:33px; line-height:33px;
	vertical-align:middle;
	font-size:90%;
	color:#FFF;
}
#header #top2-short span {color:#000; padding:0 5px;}
#header #top2-short a {color:#fff;}
#header #top2-short a:hover {color:#333;}
#header #top2-short .slogan {float:right; font-weight:bold; font-size:120%;}
/*-- [ 6a. Sidebar Left ] -----------------------------------------------*/
#side-left {
	float: left; 
	margin:0 0 0 -947px;	
	width: 290px; /*IE6 fixed*/
	overflow: hidden;
}
/*-- [ 6b. Sidebar Left ] -----------------------------------------------*/
#side-right {
	float: left; 
	width: 290px; /*IE6 fixed*/
	overflow: hidden;	 
}
/*h2 - side l+r*/
.sidebar h2 {
	font-size:140%;
	padding:0px;
	color:#6f8e11;
	height:38px; line-height:38px; vertical-align:middle;
	background:url(../images/h2-back.png) top left no-repeat;
}
/*menu - side l+r*/
.sidebar ul.menu-side {list-style:none; margin:0 20px 25px 20px; padding:0;}
.sidebar ul.menu-side li {
	list-style:none; 
	margin:0; padding:0;
}
.sidebar ul.menu-side li a {
	display:block;
	padding:10px 0px 10px 25px; 
	background:url(../images/bull-whiteback.png) 5px 12px no-repeat;
	border-bottom:1px solid #e0e0e0;
	color:#91b61e;
}
.sidebar ul.menu-side li a:hover, .sidebar ul.menu-side li li a:hover, .sidebar ul.menu-side li li li a:hover { background-color:#f0f0f0; text-decoration:underline;}
.sidebar ul.menu-side li.open a {
display:block;
padding:10px 0px 10px 25px; 
background:url(../images/bull-whiteback.png) 5px 12px no-repeat;
border-bottom:1px solid #e0e0e0;
color:#91b61e;
font-weight:bold;
}
.sidebar ul.menu-side li.open ul {margin:0; padding:0;}
.sidebar ul.menu-side li.open li {list-style:none; margin:0; padding:0; background-image:none;}
.sidebar ul.menu-side li.open ul a {background-image:none; padding-left:28px; color:#444; font-weight:normal;}
.sidebar ul.menu-side li li.open a {
font-weight:bold;
background:#fff;
}
.sidebar ul.menu-side li.open li {padding-left:0px;}
.sidebar ul.menu-side li.open li li {padding-left:40px;}
.sidebar ul.menu-side li.open li.open a {
font-weight:bold;
}
/*odkaz s odrazkou*/
.sidebar a.link {margin-top:10px; margin-left:50px; font-size:11px; color:#6f8e11; padding-left:18px; background:url(../images/bg-aktuality.png) top left no-repeat;} 
.sidebar a.link:hover {color:#333;} 
/*aktuality*/
.sidebar h2 {padding:10px 20px 10px 20px;}
.sidebar .aktuality {padding:0px 20px 10px 20px;}
.sidebar .aktuality .date {
	float: left; 
	width: 48px; /*IE6 fixed*/
	overflow: hidden;
	color:#fff;
	background:url(../images/bg-kalendar.png) 0px 0px no-repeat;
	}
.sidebar .aktuality .calendar {
	display:block;
	width:36px;
	height:30px;
	font-size:80%;
	text-align:center;
	padding-top:8px;
	background:url(../images/bg-kalendar.png) 0px 0px no-repeat;
	}
.sidebar .aktuality .calendar strong{
	font-weight:bold;
	font-size:105%;
	
	}
.sidebar .aktuality  h3 {margin-left:55px;  font-size:110%;}
.sidebar .aktuality  h3 a {color:#6f8e11;}
.sidebar .aktuality  h3 a:hover {color:#ee3637;}
.sidebar .aktuality  p {margin-left:55px; line-height:170%; margin-bottom:15px;} 

/*shop*/
.sidebar .eshop  {display:block; padding:10px 15px 15px 15px; background:#91b61e url(../images/bg-shop.png) 0px 0px repeat-x;} 
.sidebar .eshop  p a{color:#fff; line-height:150%; text-decoration:none; padding-bottom:10px;} 
.sidebar .eshop  h2{margin:0px; padding:0px;}
.sidebar .eshop  h2 a{text-decoration:none;} 
.sidebar .eshop  .link {display:block; background:url(../images/bull-whiteback.png) left center no-repeat; margin:0px; margin-top:20px;} 
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	display:inline;
	width:617px;
	margin-left:290px;
	padding:20px;
	background:url(../images/bg-maincontainer.png) top left repeat-x;
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {margin-bottom: 0.6em;} 
#mainContent h2 {margin: 0.8em 0 0.1em; color:#4e565f;}  
#mainContent h3 {margin: 0.8em 0 0.1em; color:#4e565f;} 
#mainContent p {margin:0 7px 0.5em 1px; line-height:180%;} 
#mainContent a {color:#333;}
/*holder*/
#mainContent .holder { font-size:90%; overflow:hidden; margin-top:15px;}
#mainContent .holder div {
	float:left; 
	margin:10px 10px 10px 5px;
	width:320px; height:137px; 
	background:url(../images/holder-back.png) top left no-repeat;
}
#mainContent .holder div h2 {margin:12px 13px 4px 115px;}
#mainContent .holder div p {margin:0 13px 0 115px;}
#mainContent .holder div p a {display:block; color:#6f8e11; margin-top:6px; padding-left:22px; background:url(../images/bull-orange-plus.png) center left no-repeat;}
#mainContent .holder div p a:hover {color:#333;}
#mainContent .holder div img {float:left; width:92px; height:92px; margin:18px 7px 25px 13px;}
/*reference*/
#mainContent #reference {margin-top:1.3em; font-size:90%;}
#mainContent #reference div {
	width:316px; height:155px; 
	float:left; 
	overflow:hidden; 
	margin:0 0 5px 5px; position:relative;
}
#mainContent #reference div span {
	position:absolute; top:0; left:0;
	width:316px; height:120px;
	background:url(../images/reference-holder-over.png) top left no-repeat;
}
#mainContent #reference div.left {margin-right:8px;}
#mainContent #reference div img {width:316px; height:120px; display:block;}
#mainContent #reference a {
	color:#6f8e11;
	display:block;
	padding:0px 10px 2px 20px;
	margin:5px 0 0 15px;
	background: url(../images/bull-orange-plus.png) no-repeat left center;
}
#mainContent #reference a:hover, #mainContent .zobrazit-reference a:hover {color:#333;}
/*strankovani*/
#mainContent .pages {
	width:641px;
	margin:0 0 0 8px; 
	background:#e6f3fe url(../images/pages-back.png) top left no-repeat; 
	clear:left;
	font-size:90%;
	overflow:hidden;
	text-align:center;
	height:27px;
}
#mainContent .pages .arr-l {float:left; margin:4px 10px 0;}
#mainContent .pages .arr-r {float:right; margin:4px 10px 0;}
#mainContent .pages .page-no {padding-top:5px;}
#mainContent .pages .page-no a {padding:0 3px; color:#4e565f; text-decoration:none; vertical-align:middle;}
#mainContent .pages .page-no a:hover {color:#000; text-decoration:underline;}
#mainContent .pages .page-no a.selected {padding:1px 6px; color:#fff; background:url(../images/pages-selected.png) center center no-repeat; text-decoration:none;}
/*fotogalerie*/
.fotogalerie { 
	position:rlative;
	display:block;	
	padding:10px 0px;
} 
.fotogalerie a{ 
float:left;
border:solid 4px #1a840c;
padding:2px;
margin:10px;
} 
.fotogalerie a:hover{ 
border-color:#a91e11;
} 
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer {
	background:url(../images/foot-back.png) left top repeat-x; 
	text-align:center; 
	margin-top:10px;
}
#footerin {
	display:block;
	margin:0px auto;
	width:947px;
	height:105px;
	padding:35px 0px 0px 0px;
	line-height:250%;
}
#footer .center { width:960px; margin:auto; color:#444; line-height:1.8em; margin-top:15px;}
#footer .foot-l { float:left; text-align:left;}
#footer .foot-r { float:right; text-align:right;}
#footer .foot-l a, #footer .foot-r a { color:#444;}
#footer .foot-l a:hover, #footer .foot-r a:hover { color:#000;}
#footer .foot-menu a { color:#444; margin:0 5px;}
#footer .foot-menu a:hover { color:#000;}
#footer .bg-loga {
	display:block;
	padding:20px;
	margin:0px auto;
}
/*-- [ 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; color:#555;}
#error p.hint {font-weight:bold; color:#000;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ccc; color:#666;}
/*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;}