@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. #  - h1
	2. #  - h2	
	3. #  - a
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../images/back.png) top center no-repeat;
	color: #333;
	text-align: center;
	margin:0 0 30px 0; 	
}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1, h2, h3{font-weight:normal;}
h1 {font-size: 220%; color:#0a6c3a;}
h2 {font-size: 170%; margin-top:20px; color:#0ebb62;}
h3 {font-size: 140%; color:#26cb77; margin-top:10px;}
h4 {font-size: 120%; color:#37d584; }
ul {margin:0 0 5px 20px; list-style:none; }
ul li{margin:0 0 3px 0;  padding-left:10px; line-height:150%; background:url(../images/li.gif) 0px 8px no-repeat;}

a {color:#333;}
img {border:none; text-decoration:none;}
table, tr, td, th {border:none; border-collapse:collapse;}
td, th {vertical-align:top; padding:5px;}
/*-- [ 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-weight:bold;
	line-height:25px;
	vertical-align:middle;
	cursor:pointer;
	border:solid 1px #100a29;
	background:#bc040b url(../images/top-hledej-btn.png) top left repeat-x; 
  overflow:hidden;
	border:none; 
	margin:5px 0px;
}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 990px;  
	margin: 0 auto; 
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
/*logo, vlajky, ...*/
#top1 {position:relative; padding-top:10px;}
#top1 #logotype {display:block; width:340px; height:95px; background-color:#FFF;}
#top1 #logotype img {position:relative; top:17px; left:15px;}

#top1 {position:relative; padding-top:10px;}
#top1 a#certiso {
  position:absolute; top:9px; left:350px;
  width:174px; height:56px;
}

/*menu*/
#top1 .menuTop {width:450px; position:absolute; top:0; right:0;}
#top1 .menuTop ul {list-style:none; margin:0; padding:0;}
#top1 .menuTop ul li {
	margin:0; padding:0; 
	float:left; 
	width:75px; height:65px; 
	background:url(../images/topmenu-bg-seda2.png) repeat-x;
	color:#fff;
	font-size:85%;
	text-align:center;
}
#top1 .menuTop ul li.dark {background-image:url(../images/topmenu-bg-seda1.png);}
#top1 .menuTop ul li a {color:#fff; text-decoration:none; display:block; width:75px; height:45px;}
#top1 .menuTop ul li a:hover {color:#127743; text-decoration:underline;}
#top1 .menuTop ul li a img {display:block; margin:5px auto;}
/*hledej*/
#top1 .search {
	position:absolute; top:75px; right:10px;
	height:23px;
	text-align:right;
}
#top1 .search .text {
	border:1px solid #bbb;
	background:#fff url(../images/top-hledej-input.png) top left repeat-x; 
	position:absolute; top:0px; right:55px;
	height:18px;
	margin:0; padding:1px 2px 0;
}
#top1 .search .btn {
	border:none; 
	background:#bc040b url(../images/top-hledej-btn.png) top left repeat-x; 
  margin:0;
	color:#fff; 
	font-size:90%; 
	position:absolute; top:0px; right:0px;
	width:50px; height:20px;
}
/*TOP*/
#top2 {
	padding-left:7px;
	font-size:16px;
	color:#CCC;
	height:51px; 
	line-height:51px; 
	background:#fff url(../images/top-mainmenu-back.gif) left bottom repeat-x; 
} 
/*main menu*/
#top2 ul.menuMain li a {text-decoration:none; padding:0 15px;}
#top2 ul.menuMain a:hover {color:#ed1c24;}
#top2 ul.menuMain, #top2 ul.menuMain li {margin:0; padding:0; list-style:none;}
#top2 ul.menuMain li {float:left; height:46px; line-height:46px; vertical-align:middle; background:url(../images/top-menu-delimer.gif) center right no-repeat;}
#top2 ul.menuMain li:hover {border-bottom:5px solid #ed1c24;}
#top2 ul.menuMain li:hover a {color:#ed1c24;}
#top2 ul.menuMain li.selected {border-bottom:5px solid #cb0c13;}
#top2 ul.menuMain li.selected a {color:#cb0c13;}
.green #top2 ul.menuMain li.selected {border-bottom-color:#06a855;}
.green #top2 ul.menuMain li.selected a {color:#06a855;}
/*barevny pruh*/
#top3 {
 height:198px;
 margin-bottom:10px;
 overflow:hidden;
}
#top3 a.left {background-color:#bf353a;}
#top3 a.right {background-color:#208b54;}
#top3 a.left, #top3 a.right {float:left; width:495px; height:198px; position:relative; text-decoration:none;}
#top3 a img {position:absolute; top:0; left:0;}
#top3 a span {font-size:150%; font-weight:bold; color:#FFF; position:relative; top:15px; left:12px;}
/*cesta*/ 
#top3 p {
	color:#FFF; font-style:italic; 
	height:50px; line-height:46px; 
	vertical-align:middle; 
	padding-left:15px;
}
#top3 p a {color:#FFF;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: right; 
	width: 305px; /*IE6 fixed*/
	padding: 10px 0; 	
	background: #fff;
	overflow: hidden;	 
}
/*aktuality*/
#sidebar #news { border:1px solid #ccc; margin-right:20px; padding:10px 15px 20px;}
#sidebar #news h2 {color:#999999; font-size:140%; margin-bottom:1em;}
#sidebar #news .newsItem {margin-bottom:1.6em; min-height:39px;}
#sidebar #news .newsItem .cont {padding-left:48px;}
#sidebar #news .newsItem h3 {font-size:110%; margin-bottom:0.3ex;}
#sidebar #news .newsItem h3 a {color:#666;}
#sidebar #news .newsItem h3 a:hover {color:#000;}
#sidebar #news .newsItem p {font-size:90%;}
#sidebar #news .newsItem .calendar {
	float:left; position:relative; 
	overflow:hidden; 
	width:36px; height:39px;
	background:#ccc url(../images/news-kalendar.png) top left no-repeat;
	text-align:center;
	color:#000;
}
#sidebar #news .newsItem .date {display:block; font-size:10px; margin-top:10px; line-height:11px;}
#sidebar #news .newsItem .year {display:block; font-size:11px; font-weight:bold;}
#sidebar #news .newsArchive { margin-left:50px; padding-left:20px; background:#fff url(../images/news-archiv.png) center left no-repeat;}
#sidebar #news .newsArchive a:hover {color:#000;}
/*side menu*/
#sidebar #sideMenu { border:1px solid #ccc; margin-right:20px; padding:10px 25px 20px 20px;}
#sidebar #sideMenu h2 {color:#999999; font-size:140%; margin-bottom:0.3em; margin-top:0px;}
#sidebar #sideMenu ul {margin:0; padding:0; list-style:none;}
#sidebar #sideMenu ul li {margin:0; padding:0 10px; list-style:none; border-bottom:1px solid #ddd; background:none;}
#sidebar #sideMenu ul li:hover {background-color:#eee;}
#sidebar #sideMenu ul li a {padding-left:17px; display:block; line-height:230%; text-decoration:none; color:#666;}
#sidebar #sideMenu ul li.open {background-color:#eee;}
#sidebar #sideMenu ul li ul li {border:none; padding-top:0px;}
#sidebar #sideMenu ul li ul {margin:0px; padding:0px;}
#sidebar #sideMenu ul li ul li a{line-height:180%;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	width:655px;
	padding:15px 0 25px 20px; 
	background: #fff;
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {margin-bottom: 0.1em;} 
#mainContent h2, #mainContent h3 {margin: 0.8em 0 0.1em;} 
#mainContent h2 {text-decoration:underline;}
#mainContent small {text-decoration:none;}
#mainContent p {line-height:155%; margin:5px 0px 15px 0px;} 
#mainContent img {border:solid 3px #50a77a; text-decoration:none; margin:8px 2px;}
#mainContent img:hover {border:solid 3px #6d0015; text-decoration:none;}
/*odstranění rámečku*/
#mainContent img.noborder {border:none;}
#mainContent img.noborder:hover {border:none;}
/*hint*/
#mainContent .hint-left, #mainContent .hint-right, #mainContent .hint-leftg, #mainContent .hint-rightg, #mainContent .hint-leftr, #mainContent .hint-rightr 
{width:306px; height:192px; float:left; margin:0.5em 0 1.5em; position:relative;}
#mainContent .hint-left
{background:#b0030a url(../images/akce-bg-red.png) top left repeat-x; margin-right:20px; margin-left:5px;}
#mainContent .hint-right 
{background:#0e723f url(../images/akce-bg-green.png) top left repeat-x;}
#mainContent .hint-left a, #mainContent .hint-right a
{position:absolute; top:60px; left:45px; width:222px; height:111px; text-decoration:none;}
#mainContent .hint-left span, #mainContent .hint-right span, #mainContent .hint-leftg span, #mainContent .hint-rightg span, #mainContent .hint-leftr span, #mainContent .hint-rightr span { 
	display:block; 
	width:90%; 
	text-align:center; 
	font-size:160%; font-weight:bold; color:#fff;
	margin-top:20px;
	cursor:pointer;
}
#mainContent .hint-left img, #mainContent .hint-right img, #mainContent .hint-leftg img, #mainContent .hint-rightg img, #mainContent .hint-leftr img, #mainContent .hint-rightr img { 
border:none;
}
#mainContent .hint-leftg, #mainContent .hint-rightg, #mainContent .hint-leftr, #mainContent .hint-rightr 
{height:80px;}
#mainContent .hint-leftg a, #mainContent .hint-rightg a, #mainContent .hint-leftr a, #mainContent .hint-rightr a 
{position:relative; display:block; text-decoration:none; font-size:80%; text-align:center; line-height:80px; vertical-align:middle; background:#0e723f url(../images/akce-bg-green.png) top left repeat-x;}
#mainContent .hint-leftg, #mainContent .hint-leftr{margin-left:10px; margin-right:20px;}

#mainContent .hint-leftg a{background:#0e723f url(../images/akce-bg-green.png) top left repeat-x;}
#mainContent .hint-rightg a{background:#0e723f url(../images/akce-bg-green.png) top left repeat-x;}
#mainContent .hint-leftr a{background:#b0030a url(../images/akce-bg-red.png) top left repeat-x;}
#mainContent .hint-rightr a{background:#b0030a url(../images/akce-bg-red.png) top left repeat-x;}
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	height:170px;
	background:#127743 url(../images/foot-back.png) left top repeat-x;
	color:#a9e8c7; 
}
#footer h3 {
	float:left;
	font-size:130%; 
	color:#033e20; 
	height:36px; line-height:36px; 
	margin:0px;
	padding:0 20px; 
	background:#f1f1f1 url(../images/foot-back-white.png) top left repeat-x;
}
#footer a {color:#a9e8c7;}
#footer a:hover {color:#fff;}
/*info*/
#footer #info {margin-left:20px; line-height:200%; float:left;}
#footer #info .foot-menu {color:#fff; padding:1.2em 0 0.7em;}
#footer #info .foot-menu a {color:#fff; margin:0 3px;}
#footer #info .foot-menu a:hover {color:#d0f1e0;}
/*kontakt*/
#footer #contact {float:right; width:305px;}
#footer #contact p {font-size:80%; color:#FFF; margin:0px; margin-left:120px;}
#footer #contact a {color:#FFF;}
#footer #contact a.img {width:115px; height:79px; float:left;}
#footer #contact strong {display:block; margin-bottom:3px;}
/*-- [ 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;}


.tabulecka,.tabulecka td,.tabulecka th {
  border:1px solid #DD131B;
  border-collapse:collapse;
}
.tabulecka td,.tabulecka th {padding:7px;}
.tabulecka th {
  background-color:#DD131B;
  color:#fff;
}