@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 ]==
	1. #ed1c24 - h1 - cervena
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #e8e7e7 url(../images/back.png) top left repeat-x;
	color: #333;
	text-align: center;
}
body.red {background-image:url(../images/back-red.png);}
body.black {background-image:url(../images/back-black.png);}
body.cyan {background-image:url(../images/back-cyan.png);}
body.green {background-image:url(../images/back-green.png);}
/*-- [ 2. Tags ] -----------------------------------------------*/
a {color:#dd0603;}
a:hover {color:#111;}
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%;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 998px;  
	margin: 0 auto;
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header #top {height:150px;	position: relative;}
#header #top #logotype {position:absolute; top:6px; left:0px; width:340px; height:97px;}
#header #top #logotype span { display:none;} 
/*rychle menu*/
#header #top #quickMenu {
	position:absolute; top:5px; right:8px;
	height:39px; width:400px; 
	padding-right:12px;
	padding-top:7px;
	text-align:right;
	background:url(../images/search-back.png) top right no-repeat;
}
#header #top #quickMenu .links  a {
 margin-top:3px;
 float:left;
 width:68px;
 font-size:80%;
 text-align:center;
 text-decoration:none; margin-right:12px;
}
#header #top #quickMenu .links a img {
	margin:0 auto;
	width:15px; height:11px;
}
#header #top #quickMenu .links a span{
	display:block;
	color:#aaa;
	margin-top:3px;
	text-decoration:underline;	
}
#header #top #quickMenu .links a:hover span{
 color:#bb0000;
}
/*hledani*/
#header #top #quickMenu .searchText { 
	height:17px; width:180px;	line-height:17px;
	font-size:12px;
	padding:3px 5px 0px;
	margin-right:4px;
	color:#333;
	border:1px solid #fff;
	background:#f4f4f4 url(../images/search-text-back.png) top left repeat-x;
}
#header #top #quickMenu .searchSubmit { 
	height:22px; width:22px; line-height:22px;
	font-size:12px;
	border:none; cursor:pointer;
	background:#d8040c url(../images/search-btn.png) top left no-repeat;	
}

/*menu*/
#header #top #menu {
	position:absolute; bottom:0px; left:6px;
	height:47px; width:984px;
} 
#header #top #menu a { 
  float:left;
  color:#000;
  text-decoration:none;
  background:#e5e5e5 url(../images/menu-normal.png) top left repeat-x;
  height:47px; line-height:46px; vertical-align:middle;
  width:146px; text-align:center; overflow:hidden;
  margin-left:1px;
}
#header #top #menu a.short {width:101px;}
#header #top #menu a:hover {text-decoration:underline; color:#000; background-position:bottom;} 
#header #top #menu a.selected {
	background-color:#1db85b;
	background-image:url(../images/menu-normal-selected.png); 
	text-decoration:none; 
	color:#fff;	
}
#header #top #menu a.eshop {background:#e5e5e5 url(../images/menu-eshop.png) top left repeat-x;}
#header #top #menu a.eshop:hover {background-position:bottom;}

body.red #header #top #menu a.selected {	
	background-color:#b7050d;
	background-image:url(../images/menu-red.png); 
}
body.black #header #top #menu a.selected {	
	background-color:#363636;
	background-image:url(../images/menu-black.png); 
}
body.cyan #header #top #menu a.selected {	
	background-color:#39767b;
	background-image:url(../images/menu-cyan.png); 
}
body.green #header #top #menu a.selected {	
	background-color:#2b793c;
	background-image:url(../images/menu-green.png); 
}
/*top2*/
#header #top2 {
	padding:0 7px;
	background: url(../images/top2-back.png) top left no-repeat;
}
/*path*/
body.red #header #top2 {background-image:url(../images/top2-back-red.png);}
body.black #header #top2 {background-image:url(../images/top2-back-black.png);}
body.cyan #header #top2 {background-image:url(../images/top2-back-cyan.png);}
body.green #header #top2 {background-image:url(../images/top2-back-green.png);}
#header #top2 .path {
	height:29px;
	margin-left:7px;
	line-height:29px; vertical-align:middle;
	font-size:85%;
	color:#FFF;
}
#header #top2 .path a {color:#fff; margin:0 3px;}
/*products*/
#header #top2 .products {
	width:984px;
	height:252px;
	color:#fff;
	background:#129847 url(../images/top2-products.jpg) top left no-repeat; 
}
body.red #header #top2 .products {background-color:#c4040c;}
body.black #header #top2 .products {background-color:#565656;}
body.cyan #header #top2 .products {background-color:#22868b;}
body.green #header #top2 .products {background-color:#0e7f3b;}

#header #top2 .products .holder {
	float:left;
	width:209px; height:234px;
	margin:18px 18px 0;
	position:relative;
}
#header #top2 .products .holder p strong {
	font-size:140%;
	display:block;
	margin-bottom:5px;
}
#header #top2 .products .holder p.desc{
	font-style:italic;
	font-size:90%;
	line-height:200%;
	width: 130px;
}
#header #top2 .products .holder a {
 position:absolute;
 bottom:10px; left:2px;
 width:160px; height:25px;
}
#header #top2 .products .holder a span { display:none;}
/*-- [ 6.+ 7.] -----------------------------------------------*/
#contentContainer {
	background-color:#fff;
	margin:0 7px;
	padding:0 10px 0 15px;
	min-height:1px;	
}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: right; 
	width: 288px;
	padding-top:20px;
	padding-bottom:40px;
	overflow: hidden;	 
}
#sidebar .holder {
	background:#fff url(../images/sidebar-holder.png) top left no-repeat;
	min-height:150px;
	padding:0 0 25px;
	margin-bottom: 10px;
}
#sidebar .holder h2 {
 height:36px; line-height:36px;
 vertical-align:middle;
 color:#383838; background-color:#e0dfdf;
 font-size:120%;
 padding:0 13px;
}
#sidebar .holder .letak {text-align:center; margin:15px 0 35px;}
#sidebar .holder .letak img {margin-top:1em;}

#sidebar .holder .kontaktText {margin-left:100px; margin-top:20px; font-size:10px; line-height:140%;}
#sidebar .holder a.kontaktMap {
	float:left; position:relative; 
	width:79px; height:93px;
	margin:22px 0 0 10px;
}
#sidebar .holder a.kontaktMap span {
	position:absolute; top:0; left:0;
	width:79px; height:93px;
	background:url(../images/kontakt-img-holder.png) top left no-repeat;
}
/*menu - side l+r*/
#sidebar ul.menu-side {list-style:none; margin:15px 10px 5px 10px; }
#sidebar ul.menu-side li {
  line-height: 100%;
  height: 100%;
	list-style:none; 
	margin:0; padding:0;
}
#sidebar ul.menu-side li a {
	display:block;
	padding:10px 0px 10px 25px; 
	background:url(../images/li-menu.png) 10px 16px no-repeat;
	border-bottom:1px solid #e0e0e0;
}
#sidebar ul.menu-side li a:hover { background-color:#f0f0f0; text-decoration:underline;}
#sidebar ul.menu-side li.open a {background:#d6d2d2 url(../images/li-menu.png) 10px 16px no-repeat; font-weight:bold;}
#sidebar ul.menu-side li.open ul {margin:0; padding:0; margin-left:10px; background:none;}
#sidebar ul.menu-side li.open li {list-style:none; margin:0; padding:0; background:none;}
#sidebar ul.menu-side li.open ul a {background:none; padding-left:28px; font-weight:normal;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	width:658px;
	padding:25px 0 30px;
}
#mainContent .formular{position: relative;margin-top: 30px;background-color: #ebebeb;padding: 30px 50px 30px 50px;}
#mainContent .formular #formular-obr {
  width: 114px;
  height: 95px;
  background:url(../images/icon-dopisek.png) left top no-repeat;
  position: absolute;
  right: 20px;
  top: -30px;
}
#mainContent .formular form input {background:url(../images/bg-input.gif) left top no-repeat;border: 1px solid #7f9db9;}
#mainContent .formular form textarea {background:url(../images/bg-input.gif) left top no-repeat;border: 1px solid #7f9db9;}
#mainContent .formular form .button {
  background:url(../images/btn-odeslat.png) left top no-repeat;
  width: 90px; /*real 90px */
  height: 24px; /*real 24px */
  color: #fff;
  border: 0;
  margin-top: 10px;
  cursor: pointer;
  font-weight: bold;
}
#mainContent ul li {list-style: none;background: transparent url(../images/odrazka.gif) 0px 5px no-repeat;padding-left: 10px;}

#mainContent .obr {margin: 5px 14px 20px 14px;border: 3px solid #b9b7b7;}
#mainContent .obr2 {margin: 20px 14px 5px 14px;border: 3px solid #dddddd;}
#mainContent .obr3 {margin: 10px 0px 0px 0px;border: 3px solid #b9b7b7;}

/* heading, anchor and paragraph margins*/

#mainContent h1 {
	font-size: 200%; color:#ed1c24;
	margin-bottom:0.5em; 
}
#mainContent h2 {
	font-size: 130%; color:#6a6868; 
	margin-top:0.5em;
	margin-bottom:0.2em;
}
#mainContent h2.KontM {
	font-size: 100%; color:#408cfa; 
}
#mainContent h2.KontZ {
	font-size: 100%; color:#60b146; 
}
#mainContent h3 {font-size: 110%;}
#mainContent p {margin:0 2px 1em; line-height:140%;}
/*#mainContent ul {margin-left: 15px;}*/ 

/*img*/
#mainContent .hintHolder {height:200px; margin-top:25px;}
#mainContent .hintHolder a {float:left; color:#fff; text-align:center; width:160px; height:170px; margin-right:6px; background:#CCC top left no-repeat; text-decoration:none;}
#mainContent .hintHolder a span {display:block; height:35px; line-height:35px}
#mainContent .hintHolder a img {border:2px solid #555; margin:22px auto; width:120px; height:90px;}
#mainContent .hintHolder a.red {background-color:#7c0206; background-image:url(../images/hint-red.png);}
#mainContent .hintHolder a.red img {border-color:#7c0206;}
#mainContent .hintHolder a.black {background-color:#151515; background-image:url(../images/hint-black.png);}
#mainContent .hintHolder a.black img {border-color:#363c40;}
#mainContent .hintHolder a.cyan {background-color:#3b4246; background-image:url(../images/hint-cyan.png);}
#mainContent .hintHolder a.cyan img {border-color:#3b4549;}
#mainContent .hintHolder a.green {background-color:#2b431e;background-image:url(../images/hint-green.png);}
#mainContent .hintHolder a.green img {border-color:#2b4a22;}
#mainContent .hintHolder a.last {margin:0;}

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	padding:30px 30px 20px;
	margin:0 7px;
	font-size:90%; 
	color:#383838;
	background-color:#f1f1f1;
	min-height:1px;	 
}
#footer .foot-l { float:left;}
#footer .foot-r { float:right;}
#footer a {margin:0 3px; color:#383838;}
#footer a:hover {color:#c3080e;}
#footer p {padding: 1ex 0;}
 
/*-- [ 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;}