@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;}
html {background: #111 url(../images/html-back.jpg) 0 0  repeat;	font-size: small;}
body  {
	font-size:110%;
	font-family: "Trebuchet MS", Trebuchet, Helvetica, sans-serif;
	background: url(../images/body-back.jpg) 0 0 repeat-x;
	color: #000000;
	text-align: center; 	
}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 110%;}
h3 span {color:#fff;}
a {color:#eee;}
a:hover {color:#f2c50a;}
img {border:none; text-decoration:none;}
small {font-size:85%;}
/*-- [ 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: 900px;  

	margin: 0 auto; 
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	position: relative; 
}
#header #logotype {position:absolute; top:0px; left:0px; width:403px; height:81px;}
#header #logotype span { display:none;} 
#header #top1 { height:81px;}
/*menu*/
#header #top1 ul#menu {
	position:absolute; top:0; right:20px;
	height:81px;
	list-style:none;
}
ul#menu li {float:left;}
ul#menu li a {
	display:block;
	height:33px;
	padding:48px 15px 0;
	font-size:16px;
	color:#eee; font-weight:bold; text-decoration:none;
	background:url(../images/menuitem-back.png) center top no-repeat;	
}
ul#menu li a:hover { background-position:center center; color:#f2c50a;}
ul#menu li.selected a:hover,
ul#menu li.selected a { background-position:center bottom; color:#000; border-left:1px solid #ba9603;border-right:1px solid #ba9603;}

ul#menu li.last a {padding:48px 8px 0;}

#header #top2 { height:158px; background:url(../images/top2.jpg) top left no-repeat;} 
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: left; 
	width: 300px; margin-right:5px;
	overflow: hidden;	 
}
#sidebar div.menuHolder {
width:296px; margin-left:2px; padding-top:2px;
background:url(../images/menu-bottom-back2.png) left top repeat-y;

}
ul#menu-side {
	list-style:none; margin:0;
	padding-bottom:21px;
	background:url(../images/menu-bottom-back.png) bottom no-repeat;
}
ul#menu-side li {border-bottom:1px solid #bbb; margin:0 20px 0 17px; padding:0; min-height:1em;}
ul#menu-side li a {
	color:#fff; text-decoration:none;
	font-size:16px; font-weight:bold;
	white-space:nowrap; line-height:1.9em; height:2em; vertical-align:middle;
	border-bottom:1px solid #777; display:block;
	padding-left:33px;
	background: url(../images/bull-arrow.png) left center no-repeat;
}
ul#menu-side li a:hover {background-color:#777;}
ul#menu-side li.white a {background-image:url(../images/bull-arrow-white.png);}

#sidebar div.newsHolder {
	width:275px;
	margin:25px 0px 10px 11px;
	background:#161616;
	border:1px solid #000;
	padding-bottom:5px;
}
#sidebar div.newsHolder .label {
	padding:14px 16px 6px;
	color:#fff; 
}
#sidebar div.newsHolder .label a {
	float:right; font-size:12px; color:#eee; 
	background:url(../images/news-arrow.png) 0 center no-repeat; 
	padding-left:22px;
	padding-bottom:2px;
	margin-top:3px;
}
#sidebar div.newsHolder .label a:hover {color:#f2c50a;}
#sidebar div.newsHolder .label h2 {font-size:24px;font-weight:normal;}
#sidebar div.newsHolder .content {
	padding:5px 16px 5px;
}
#sidebar div.newsHolder .newsItem {margin-bottom:13px;}
#sidebar div.newsHolder .newsItem h3 a {color:#f2c50a; font-size:15px;}
#sidebar div.newsHolder .newsItem .date {color:#afafaf; font-size:10px; margin-top:3px;}
#sidebar div.newsHolder .newsItem .desc {color:#eee; font-size:13px; line-height:160%;}
#sidebar div.newsHolder .newsItem .desc a {color:#f2c50a;}
#sidebar div.newsHolder .newsItem .desc a:hover,
#sidebar div.newsHolder .newsItem h3 a:hover {color:#fff;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	width:590px;
} 
#mainContent .content { padding:20px 30px 20px 20px; color:#fff;}
/* heading, anchor and paragraph margins*/
#mainContent h1 {margin: 0.3em 0 0.9em; font-size:28px; color:#f2c50a;} 
#mainContent h2, #mainContent h3 {margin: 0.8em 0 0.1em; color:#f2c50a;} 
#mainContent p {margin-bottom:0.6em; line-height:150%} 
#mainContent p.large {font-size:120%;} 
#mainContent p.pad {padding-left:23px;} 
#mainContent p.bull {padding-left:23px; padding-bottom:0.3em; font-size:105%; background:url(../images/bull.png) 0 0 no-repeat; }
#mainContent p.bullSmall {padding-left:25px; background:url(../images/bull-small.png) 0 0 no-repeat; }
#mainContent ul {margin-left:20px;}
/*thumb holder*/
.thumbHolder {
	position:relative; overflow:hidden;
	height:83px; width:458px; 
	margin:1.5em 0px 0px 25px; padding:10px 0px 10px 12px; 
	background-color:#666;
	border-top:1px solid #777;
	border-left:1px solid #777;	
	border-bottom:1px solid #333;
	border-right:1px solid #333;	
}
.thumbHolder a.img {
	float:left; width:140px; height:80px; margin-right:10px;
	border-top:1px solid #c3c3c3;
	border-left:1px solid #c3c3c3;	
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;		
}
.thumbHolder a.img:hover {
	border-top-color:#f2c50a;
	border-left-color:#f2c50a;	
	border-bottom-color:#c49e00;
	border-right-color:#c49e00;
}
.thumbHolderLink {
	float:right; margin-right:50px;
	text-decoration:none; font-size:11px;
	background:#505050; 
	height:22px; line-height:20px; vertical-align:middle;
	padding:0 11px 0 8px;
	border-bottom:1px solid #333;
	border-right:1px solid #333;		
}
.thumbHolderLink:hover {background:#606060;}
.thumbHolderLink a {color:#f2c50a;}
.thumbHolderLink:hover a,
.thumbHolderLink a:hover {color:#fff;}

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer {
	margin-top:20px;
	padding:15px 20px 15px;
	color:#fff;
	background:#999 url(../images/foot-back.png) top left repeat-x;
	border-top:1px solid #444;

	border-right:1px solid #222;
	border-left:1px solid #444;	
	
}
#footer .foot-l { float:left;}
#footer .foot-l a{ color:#fff; text-decoration:none;}
#footer .foot-l a:hover { color:#000; text-decoration:underline;}
#footer .foot-menu { text-align:right;}
#footer .foot-menu a { color:#111; margin:0 1px; padding:0 2px; text-decoration:none;}
#footer .foot-menu a:hover { color:#f2c50a; border-bottom:2px solid #f2c50a;}
 
/*-- [ 9. Other ] -----------------------------------------------*/
/*error*/
#error h1{font-size:23px;}
#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; color:#ccc;}
#error p.hint {font-weight:bold; color:#000; margin-bottom:0.7em;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ccc; color:#fff;}
/*napiste nam, doporucit stranku*/
#mail-form {width:95%;}
#mail-form td,#mail-form th { padding-bottom:3px; padding-top:2px; vertical-align:top;}
#mail-form .text_area {width:99%; padding:2px;}
#mail-form th {width:105px; padding-right:5px;}
#mail-form input[type=text] {width:48%; padding:2px;}
#mail-form input[type=submit] {padding:1px 8px 1px 5px;}
#mail-form input[type=reset] {color:#555;}

/*** KONTAKT ***/
.googleMap {	
	float:right; width:300px; height:265px; position:relative;	
}
.googleMap .map {
	padding:5px;
	width:290px; height:255px;
	background-color:#666;
	border-top:1px solid #777;
	border-left:1px solid #777;	
	border-bottom:1px solid #333;
	border-right:1px solid #333;	
}
.googleMap .thumbHolderLink {margin-right:8px;}

/*** PROGRAMY ***/

#program .programItem {
	margin:10px 0 25px 5px;
	padding:0 0 2px 10px; 
	border-left:2px solid #f2c50a; 
}
#program .programItem table {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;		
	margin-bottom:5px;
}
#program .programItem table th,
#program .programItem table td {
	text-align:left;
	padding:2px 8px 3px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;		
}
/*-verejnost*/
#program.verejnost { margin-left:23px; padding-bottom:1px;}
#program.verejnost p {margin:0; padding:0;}
#program .float-l {width:45%;}
#program ul li {line-height:130%; padding-bottom:0.4em;}
/*-kurzy lezeni*/
#kurzyLezeni h2 {font-size:125%; margin-bottom:0.6em;}
#kurzyLezeni p {margin-bottom:0.3em;}
/*** PROVOZNI RAD ***/
#provozniRad p strong {color:#f2c50a;}
#provozniRad p {margin-top:0.5em; margin-bottom:1em;}
#provozniRad p.nomarg {margin-bottom:0.2em;}
#provozniRad table.openHours {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;		
	margin-bottom:5px;
}
#provozniRad table.openHours th,
#provozniRad table.openHours td {
	text-align:left;
	padding:2px 8px 3px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;		
}
#provozniRad table.openHours tr.large th,
#provozniRad table.openHours tr.large td {font-size:110%;	padding:5px 8px 6px;}
/*** SITEMAP ***/
#sitemap ul li { line-height:150%;}
#sitemap ul.prg li a {color:#f2c50a;}
#sitemap ul.prg {margin-top:5px;}
#sitemap ul.small {list-style-type:circle; margin-top:5px;}
/*** GALLERY ***/
#gallery {margin-left:16px;}
#gallery a {
	float:left;
	width:140px; height:80px; margin:7px 11px;
	padding:3px; background-color:#444;
	
	border:1px solid #555;	
}
#gallery a:hover {
	background-color:#f2c50a;
}
/*** NEWS ARCHIVE ***/
#newsArchive h1 a {font-size:14px; font-weight:normal;}
#newsArchive .nav {
	float:right;
	padding:4px 10px 6px;
	margin:0 10px 5px;
	background-color:#666;
	border-top:1px solid #777;
	border-left:1px solid #777;	
	border-bottom:1px solid #333;
	border-right:1px solid #333;	
}
#newsArchive .nav span {margin:0 8px;}
#newsArchive .newsItem {margin-bottom:18px;}
#newsArchive .newsItem h2 {font-size:18px;}
#newsArchive .newsItem .date {font-size:11px; color:#afafaf; margin-top:3px;}
#newsArchive .newsItem .desc a,
#newsArchive .newsItem h2 a {color:#F2C50A;}
#newsArchive .newsItem .desc a:hover,
#newsArchive .newsItem h2 a:hover {color:#fff;}

/*** OBJEDNAVKA ***/
#objednavka th {padding:4px; vertical-align:top; width:140px; text-align:left;}
#objednavka td {padding:4px; vertical-align:top;}
#objednavka td input[type=text] {padding:2px 3px; width:230px;}
#objednavka td select {padding:2px 3px; width:238px;}
#objednavka td input.short {width:45px;}
#objednavka td.time select {width:60px; margin-right:1em;}
#objednavka td.time input[type=text] {width:73px;}
#objednavka td textarea {width:365px; padding:5px;}
#objednavka td button.submitBtn { padding:3px 5px; margin-top:5px; cursor:pointer;}
#objednavka tr.last {display:none;}
#objednavka .orgDetail th,
#objednavka .orgDetail td {font-weight:normal; padding:2px 4px; font-size:90%;}
#objednavka .orgDetail td input[type=text] {padding:1px 3px;}