@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. #ca0101 - h1, links - cervena
	2. #015201 - pozadi menu nalevo
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #015201 url(../images/back.png) top left repeat-x;
	color: #333;
	text-align: center;
}
body.bg {background-image:url(../images/back2.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%;}

.bez_pozadi {background-color: none;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 997px;  
	margin: 0 auto;
	text-align: left;
	background-color: white;
} 
table, tr, td, th {
border-collapse: collapse;
border: solid 1px #000;
padding: 2px;
}
.none {
border-collapse: separate;
border: none;
padding: 0px;
}
/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	overflow: hidden;	
}
#header #top {height:219px;	position: relative;
  background: url(../images/top.jpg) no-repeat center top;
}
#header #top a {text-decoration: none;}
#header #top #logotype {position:absolute; top:7px; left:20px; width:280px; height:66px;}
#header #top #logotype span {display:none;} 
#header #top #quickMenu {
	position:absolute; top:10px; right:17px;
	height:30px; padding-right:0px;
	text-align:right;

}

#header #top #quickMenu .links  a {
 margin-top:3px;
 float:left;
 width:68px;
 font-size:85%;
 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:#888;
	text-decoration:underline;	
}
#header #top #quickMenu .links a:hover span{
 color:#bb0000;
}
#header #top #quickMenu .searchText { 
	height:16px; width:170px;
	padding:2px 5px 0;
	color:#333;
	border:1px solid #fff;
	background:#f4f4f4 url(../images/search-text-back.png) top left no-repeat;
}
#header #top #quickMenu .searchSubmit { 
	height:20px; width:20px;
	border:none; cursor:pointer;
	background:#eee url(../images/search-btn.png) top left no-repeat;	
}
/*menu*/
#header #top #menu {
	position:absolute; top:180px;
	width: 100%;
	height:39px; 
	padding: 0px;
	background: url(../images/menu-back.png) no-repeat center top;
} 

#header #top #menu ul.mainMenu {
  display:block;
  font-weight:bold;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  position:relative;
}
#header #top #menu ul.mainMenu li{
  border-right:1px solid #f59fa1;
  float:left;
  margin-top: 10px;
  height: 20px;
  padding:0 20px;
}
#header #top #menu ul.mainMenu li:hover{
  padding:0 20px;
}
#header #top #menu a { 
 float:left;
 color:#f7bbbb;
 text-decoration:none;
 height:29px; line-height:20px; vertical-align:middle;
 margin-left:1px;
}
#header #top #menu a:hover { text-decoration:none; color:white;background: url(../images/back-a-bottom.png) repeat-x bottom;} 
#header #top #menu a.selected {text-decoration:none; color:white;background: url(../images/back-a-bottom.png) repeat-x bottom;}
/*top2*/
#header #top2 {
/*
 height:0px;
 position:relative;
 margin-top: 39px;
 background-color: white;
 */
} 
#header #top2 #flash {width:660px; height:260px; background-color:#333; position:relative; margin-top:10px;}
#header #top2 .side {width:300px; height:260px; float:right; color:black; overflow:hidden;}
#header #top2 .side p {line-height:1.5em;}
#header #top2 .side p strong {font-size:150%; display:block; margin:0.7em 0 0.3em;}
/*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:black;}
#header #top2-short a:hover {color:#333;}
#header #top2-short .slogan {float:right; font-weight:bold; font-size:120%;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar-r{
  float: left;
  width: 210px;
  margin: 20px 0px 0px -225px;
  overflow: hidden;	 
}
#sidebar {
	float: left; 
	margin-left: -992px;
	padding-bottom:50px;
	width: 210px;
	overflow: hidden;	 
	background-color: white;
}
/*aktuality*/
#sidebar-r #aktuality h2 {color:white; font-size:140%; margin-bottom:1em;padding: 5px 10px; background-color: #ca0101}
#sidebar-r #aktuality .newsItem {margin-bottom:1.6em; min-height:39px;}
#sidebar-r #aktuality .newsItem .cont {padding-left:48px;}
#sidebar-r #aktuality .newsItem h3 {font-size:100%; margin-bottom:0.3ex;}
#sidebar-r #aktuality .newsItem p {font-size:90%;}
#sidebar-r #aktuality .newsItem .calendar {
	float:left; position:relative; 
	margin-left: 5px;
	overflow:hidden; 
	width:34px; height:36px;
	background:#aaa url(../images/news-calendar.png) top left no-repeat;
	text-align:center;
	color:#fff;
}
#sidebar-r #aktuality .newsItem .date {display:block; font-size:10px; margin-top:8px; line-height:11px;}
#sidebar-r #aktuality .newsItem .year {display:block; font-size:11px; font-weight:bold;}
#sidebar-r #aktuality .newsArchive { margin-left:50px; padding-left:20px; background: url(../images/news-archiv.png) center left no-repeat;}
#sidebar-r #aktuality .newsArchive a:hover {color:#000;}
/*menu*/
#sidebar #vmenu {margin-top: 20px;margin-left: 10px; padding:0px 0px; background-color: #015201; width: 200px;}
#sidebar #vmenu h2 {color:white; font-size:140%; margin-bottom:0px;padding: 5px 10px; background-color: #ca0101}
/*menu - side l+r*/
#sidebar ul.menu-side {list-style:none; margin:0px 0px 0px 0px; padding:0;width: 200px;}
#sidebar ul.menu-side li {
	list-style:none; 
	margin:0; padding:0;
}
#sidebar ul.menu-side li a {
	display:block;
	padding:5px 0px 5px 5px; 
	background:url(../images/left-menu.png) 181px 3px no-repeat;
	border-bottom:1px solid #e0e0e0;
	color: white;
	text-decoration: none;
}
#sidebar ul.menu-side li a:hover {
	display:block;
	padding:5px 0px 5px 5px; 
	background: #063d06 url(../images/left-menu-select.png) 181px 3px no-repeat;
	border-bottom:1px solid #e0e0e0;
	color: white;
	text-decoration: none;
}
#sidebar ul.menu-side ul li ul {background-color:  green;}
#sidebar ul.menu-side ul li ul li a{font-weight: normal; background: none; color: #e0e0e0; margin-left: 10px; border-bottom: none;}
#sidebar ul.menu-side ul li ul li a:hover{background-color: #0A6C06; background-image: none; border-bottom: none;}

#sidebar ul.menu-side ul li ul li ul li a{font-weight: normal; color: #d0d0d0; margin-left: 20px;}
#sidebar ul.menu-side ul li ul li ul li a:hover{background-color: #378406; background-image: none; border-bottom: none;}

#sidebar ul.menu-side li.open a {background-image:none; 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; font-weight:normal;}

#sidebar-r h2 {color:white; font-size:140%; margin-bottom:1em;padding: 5px 10px; background-color: #ca0101}

#sidebar-r #aktuality{background-color: #f7f7f7; margin-bottom: 20px;}
#sidebar-r #kontakt{background-color: #f7f7f7; margin-bottom: 20px}
#sidebar-r #kontakt p, #sidebar-r #kontakt img, #sidebar-r #kontakt h3 {margin-left: 5px;}
/*-- [ 7. Content ] -----------------------------------------------*/
#contentWrapper{
  float: left;
  width: 100%;
}
#mainContent {
  margin: 20px 245px 0px 232px;
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {
	font-size: 200%; color: #015201;/*color:#ca0101;*/ 
	padding-bottom:0.2em; padding-left:0px; 
	margin-bottom: 0.3em; 
	border-bottom:1px solid #015201;
}
#mainContent h1 span {color:#015201;}
#mainContent h2 {
	font-size: 135%; color:#6a6868; 
	border-bottom:0px solid #6a6868;
	padding-bottom:0.2em; padding-left:28px; 
	margin-bottom: 0.3em; 	
	background:url(../images/bull-arr-red-small.png) center left no-repeat;	
}
#mainContent h3 {font-size: 110%;}
#mainContent p {margin-bottom: 0.5em; line-height:150%;} 

#mainContent .prodHolder .kat {float:left;width: 240px; height: 200px;border: 1px solid black;margin-left: 10px;margin-bottom: 10px;text-align:center;}
#mainContent .prodHolder .kat img {margin: auto;}

#mainContent .hintHolder {width:310px; float:left; margin:10px 50px 15px 0;}
#mainContent .hintHolder.right {margin-right:0;}

#mainContent .hintHolder .hintCont {
	min-height:160px;
	padding-bottom:5px;	
}
#mainContent .hintHolder .hintCont h3{
	color:#555;
	margin:1.2em 0 0.9em;	
}

/*tabulky*/
#mainContent table, #mainContent td, #mainContent th {border: none;}
#mainContent table {border-collapse:collapse;}

body #mainContent table td, body #mainContent table th {border: 1px solid #008800;}
#mainContent table tr td, #mainContent table tr th {padding:2px;}
body #mainContent table tr th {color: #fff; text-align: center; background-color: #015201; font-size: 85%; } 
body #mainContent .formular table tr th {color: #000; text-align: left; background: none; font-size: 85%; } 

/*img*/
#mainContent .hintHolder .hintCont .imgHolder {}
#mainContent .hintHolder .hintCont .imgHolder a {float:left; width:140px; height:100px; border:4px solid #e4dede; margin:5px 13px 10px 0px;}
#mainContent .hintHolder .hintCont .imgHolder a.right {margin-right:0;}
#mainContent .hintHolder .hintCont .imgHolder a:hover {border-color:#777;}
#mainContent .hintHolder .hintCont .imgHolder a img{width:140px; height:100px;}
/*mapa*/
#mainContent .hintHolder .hintCont a.mapa { display:block; width:300px; height:160px; border:5px solid #e4dede; margin:30px 0;}
#mainContent .hintHolder .hintCont a.mapa:hover {border-color:#777;}

/*produkty*/
#content .prodHolder a { 
	float:left; 
	width:155px; 
	border:2px solid #ca6500;
	margin-right:15px;
	margin-bottom:15px;
	text-decoration:none;
	background-color:#fff;
}
.prodHolder a img {}
.prodHolder a:hover { border-color: none;} 
.prodHolder a:hover span{ background-color: none;} 
.prodHolder a.noMargin {margin-right:0;}
.prodHolder a span {display:block; padding:5px 5px 6px; text-align:center; font-weight:bold; background-color:none; color:#000;border-bottom:none;} 
/*prod detail*/
.prodDetailHolder a.img {
	float: right;
	padding: 2px;
	border:1px solid #ca6500;
	margin-right:0px;
}
.prodDetailHolder #cenikDetail{clear: both;}
.prodDetailHolder img.thumb { float: right;}
.prodDetailHolder .itemText h2{width: 300px;border-bottom:none;text-decoration:none;}
.prodDetailHolder .itemText a {color:red;text-decoration:none;border-bottom:none;}
.prodDetailHolder .itemText a:hover {color:green;border-bottom:none;text-decoration:none;}
.prodDetailHolder a.img:hover { border-color: green;} 
.prodDetailHolder h2 {margin-bottom:0.5em;}
.prodDetailHolder p {color:#333;width: 300px;}
hr { 
	background:none;
	height:1px; overflow:hidden;
	clear:both; padding-top:15px; margin-bottom:20px;
	border-top:none;
	border-left:none;
	border-right:none;		
	border-bottom:1px dashed #ca6500;	
}
/*cenik u produktu */
#cenikDetail {clear: both; margin-top: 50px;}
#cenikDetail .cenik-tab {width: 520px;}


/* formular */
#mainContent .formular-top {
background: none;
display:block;
height:10px;
margin-top:10px;
position:relative;
}

#mainContent .formular-obr {
height:95px;
position:absolute;
right:25px;
top:-30px;
width:114px;
}

.button {
  background:transparent url(../images/button.png) left top no-repeat;
  border:none;
  color:#fff;
  cursor:pointer;
  font-size:110%;
  font-weight:bold;
  height:24px;
  line-height:25px;
  overflow:hidden;
  vertical-align:middle;
  width:77px;
}


#mainContent fieldset {border: 1px solid #ff5957; padding: 10px;background-color: #ffcfcf;}
#mainContent fieldset label {color: #000;}

#mainContent .formular {
background:rgb(223,223,223);
border: 1px solid black;
padding:10px 40px 20px 40px;
margin-bottom:10px;
}
#mainContent .formular #kf_form {margin-top: 20px;}
#mainContent .formular #kf_form table tr td {padding: 0 0 5px 0;}
#mainContent .formular #kf_form input {width: 200px; height:14px; padding: 2px 0px 3px 0;}
#mainContent .formular #kf_form .tdleft {padding-right: 56px;}
#mainContent .formular #kf_form .button {width: 77px; height:24px;}
#mainContent .formular-bottom {
background:none;
height:10px;
margin-bottom:10px;
}

#mainContent ul {margin: 15px;}
#mainContent ol {margin: 15px;}

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	padding:10px 30px 20px;
	font-size:85%; 
	color:white;
	background: #558d55 url(../images/footer-back.png) repeat-x bottom;
	min-height:1px;	 
}
#footer .foot-l { float:left;}
#footer .foot-r { float:right;}
#footer a {margin:0 3px; color: white;}
#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;}