@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. #dd0603 - h1, links - cervena
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff 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;}
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;}
/*-- [ 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%;}
hr 
		{
			display:block; 
			height:1px; 
			overflow:hidden;  
			border:dotted; 
			border-width:1px 0 0 0; 
			border-color:#dd0603;
			margin:.6em 0; 
			padding:0; 
		}
/*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 ] -----------------------------------------------*/
#header {
	overflow: hidden;	
}
#header #top {height:110px;	position: relative;}
#header #top #logotype {position:absolute; top:5px; left:0px; width:280px; height:104px;}
#header #top #logotype span { display:none;} 
#header #top #quickMenu {
	position:absolute; top:5px; right:0px;
	height:30px; width:375px; padding-right:5px;
	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: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; bottom:0px; right:0px;
	height:34px; 
} 
#header #top #menu a { 
 float:left;
 color:#760704;
 text-decoration:none;
 background:#b9b7b7 url(../images/menu-back-normal.png) top left repeat-x;
 height:34px; line-height:33px; vertical-align:middle;
 padding:0 20px;
 margin-left:1px;
}
#header #top #menu a:hover { text-decoration:underline; color:#000;} 
#header #top #menu a.selected {
	background-image:url(../images/menu-back-selected.png); 
	text-decoration:none; 
	color:#fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;	
}
/*top2*/
#header #top2 {
 height:271px;
 position:relative;
} 
#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:#FFF; 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:#fff;}
#header #top2-short a:hover {color:#333;}
#header #top2-short .slogan {float:right; font-weight:bold; font-size:120%;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: left; 
	width: 250px;
	margin-left:5px;
	padding-bottom:50px;
	overflow: hidden;	 
}
#sidebar h2 {color:#6a6868; font-size:140%; margin-bottom:5px; margin-top:10px;}
/*aktuality*/
#sidebar #news {padding:20px 0 20px;}
#sidebar #news h2 {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:100%; margin-bottom:0.3ex;}
#sidebar #news .newsItem p {font-size:90%;}
#sidebar #news .newsItem .calendar {
	float:left; position:relative; 
	overflow:hidden; 
	width:34px; height:36px;
	background:#aaa url(../images/news-calendar.png) top left no-repeat;
	text-align:center;
	color:#fff;
}
#sidebar #news .newsItem .date {display:block; font-size:10px; margin-top:8px; 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;}
/*menu - side l+r*/
#sidebar ul.menu-side {list-style:none; margin:0px 0px 15px 0px; padding:0;}
#sidebar ul.menu-side li {
	list-style:none; 
	margin:0; padding:0;
	background:none;
}
#sidebar ul.menu-side li a {
	display:block;
	padding:10px 0px 10px 25px; 
	background:url(../images/bull-arr-red-small.png) 0px 14px 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 { background-color:#f0f0f0;}
#sidebar ul.menu-side li.open a {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;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:right;
	width:675px;
	background:#fff url(../images/main-back.png) top left repeat-x;
	padding:25px 20px 20px;
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {
	font-size: 200%; color:#6a6868; 
	padding-bottom:0.2em; padding-left:30px; 
	margin-bottom: 0.3em; 
	border-bottom:2px solid #6a6868;
	background:url(../images/bull-arr-red.png) center left no-repeat;
}
#mainContent h1 span {color:#dd0603;}
#mainContent h2 {
	font-size: 135%; color:#dd0603; 
	border-bottom:1px dotted #dd0603;
	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%; color:#dd0603;}
#mainContent p {margin-bottom: 0.5em; line-height:150%;} 


#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;	
}

/*img*/
#mainContent .hintHolder .hintCont .imgHolder {}
#mainContent .hintHolder .hintCont .imgHolder a {float:left; 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;}
/*reference*/
#mainContent .reference h2 {border:none; padding-left:0px; background:none;}
#mainContent .reference hr {display:block; margin:10px 0px; height:10px;}
#mainContent .reference a img {float:left; border:4px solid #e4dede; margin:5px 13px 10px 0px;}
#mainContent .reference a img:hover {border-color:#777;}
#mainContent .reference .vice {display:block; margin-top:2px; padding-left:15px; background:url(../images/li.gif) 5px 7px no-repeat;}
#mainContent .reference .text {margin-left:162px;}
#mainContent .reference .foto {margin-top:20px;clear:both;}
/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	padding:20px 30px 20px;
	font-size:90%; 
	color:#dd0603;
	background-color:#f1eeee;
	min-height:1px;	 
}
#footer .foot-l { float:left;}
#footer .foot-r { float:right;}
#footer a {margin:0 3px;}
#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;}


/* doplnil ales */
#mainContent a img {float:left; border:4px solid #e4dede; margin:5px 13px 10px 0px;}
#mainContent a img:hover {border-color:#777;}
#mainContent img {float:left; border:4px solid #e4dede; margin:5px 13px 10px 0px;}
#mainContent img:hover {border-color:#777;}