@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 ]==
	   #2901c1 - background (modra)
		 #de127a - ruzovarubinova
		 #d9261c - cervena
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #2901c1 url(../images/back.jpg) repeat-x;
	color: #000000;
	text-align: center;
	margin:25px 0 30px;
}
/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 150%;}
h2 {font-size: 125%;}
h3 {font-size: 100%;}
a {color:#333;}
img {border:none; text-decoration:none;}
small {color: gray;}
/*-- [ 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%;}
.edge-l, .edge-r {position:absolute; top:0; background-repeat:no-repeat;}
.edge-l {left:0px;}
.edge-r {right:0px;}

.obra { display: block; width: 140px; height: 92px; padding: 2px; border: 1px solid #d9261c; float: left; margin-right: 26px; margin-bottom: 26px;}
.obra:hover { border: 1px solid #0033CC;}

.button {background:#CA106C url(../images/search-btn-back.png) repeat-x scroll 0; border:1px solid #950C07; cursor: pointer; color: #fff;}

input, textarea {background-color: white; border:  1px solid #b0b0b0;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 998px;  
	background: #fff url(../images/maicont-back.png) repeat-y;
	margin: 0 auto; 
	text-align: left;
} 
/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	background: #ccc;
}
#header #logotype { position:absolute; top:20px; left:25px; width:349px; height:125px;}
#header #logotype span { display:none;} 
#header #top1 { height:187px; position:relative;}
#header #top1 span { 
	position:absolute; top:0px; left:0px; 
	background:url(../images/top.jpg) top left no-repeat;
	height:187px; width:100%;
}
#header #top1 .langMenu {position:absolute; top:5px; left:886px; width:90px; height:19px; overflow:hidden;}
#header #top1 .langMenu a {float:left; margin-right:5px; width:22px; height:17px; border:1px solid #bbb; overflow:hidden;}
#header #top1 .langMenu a:hover {border-color:#fff;}
/*top2*/
#header #top2 {
	background:#a9a9a9 url(../images/menuholder-back.png) repeat-y; 
} 
#header #top2 #menu {
	margin:0 6px;
	height:66px;
	background:url(../images/menu-back-normal.png) top repeat-x;	
	position:relative;	
}

#header #top2  #menu .edge-l {width:17px; height:66px; background-image:url(../images/menu-edge-left.png);}
#header #top2  #menu.uvod .edge-l {background-image:url(../images/menu-edge-left-uvod.png);}
#header #top2  #menu .edge-r {width:17px; height:66px; background-image:url(../images/menu-edge-right.png);}

/*search*/
#header #top2 #menu .search {
	width:274px; height:34px;
	position:absolute; top:8px; right:16px;
	background:#ddd url(../images/search-back.png) no-repeat;
}
#header #top2 #menu .search .searchText {
	width:176px; height:18px; 
	padding:0 2px;
	background:#fff url(../images/search-text-back.png) repeat-x;
	border:1px solid #b9b9b9;
	position:absolute; top:7px; left:15px;
}
#header #top2 #menu .search .searchBtn {
  padding-bottom: 2px;
	height:18px; width:50px;
	color:#fff;
	background:#ca106c url(../images/search-btn-back.png) repeat-x;
	border:1px solid #950c07;
	font-size:11px;
	position:absolute; top:7px; left:208px;	
	cursor:pointer;
}
/*menu*/
#header #top2 #menu ul {margin-left:15px; margin-right:320px; overflow:hidden;}
#header #top2 #menu ul li {
	float:left; 
	list-style:none;
	font-size:15px;
	height:66px;
}
#header #top2 #menu ul li.sep {
	width:1px; height:50px; 
	background:url(../images/menu-separator.png) no-repeat;
}
#header #top2 #menu ul li a {
	color:#fff; text-decoration:none;
	height:66px; line-height:48px; vertical-align:middle;
	padding:0 21px;
}
#header #top2 #menu ul li a:hover {text-decoration:underline;}

#header #top2 #menu ul li.selected {background-color:#fff;}
#header #top2 #menu ul li.selected a {color:#de127a}
/* 
background:#3b64b5 url(../images/menu-back-normal.png) top repeat-x;
*/
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: right; 
	width: 230px; /*IE6 fixed*/
	margin: 10px 18px 0 0; 	
	overflow: hidden;	 
	padding-bottom:15px;
}
#sidebar h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	height:37px; line-height:39px; vertical-align:middle;
	padding:0 10px 0 20px;
	font-weight:normal;
	font-size:17px;
	background:#3b64b5 url(../images/sidebar-title-back.png) no-repeat;
}
#sidebar .news {
	width:230px;
	background-color:#f5f5f5;
	padding-bottom:15px;
	margin-bottom:15px;
}
#sidebar .news .item {
	margin:0 15px;
	padding:0.8em 0;
	border-bottom:1px dotted #CCC;
}
#sidebar .news .item h3 {font-size:110%; margin-bottom:3px;}
#sidebar .news .item h3 a:hover {color:#de127a;}
#sidebar .news .item span.date {color:#666; font-size:85%; position:relative; top:0px;}
#sidebar .news .item p {font-size:90%; line-height:130%;}
#sidebar .news a.archive {
	color:#de127a;
	display:block; 
	margin:10px 17px 5px; padding-left:15px; 
	background:url(../images/bull-arr.png) left center no-repeat;
}
#sidebar .news a.archive:hover {color:#000;}
/*contact*/
#sidebar .contact {margin-left:20px;}
#sidebar .contact h3 {color:#de127a; margin-top:1ex;}
/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	width:705px;
	margin:20px 0px 10px 25px; 
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {margin-bottom:0.6em; padding-bottom:0.1em; color:#d9261c; font-size:180%; font-weight:normal; border-bottom:1px solid #d9261c;} 
#mainContent h2 {color: #291770; padding-bottom:0.5em; margin-bottom:0.6em;}
#mainContent h2, #mainContent h3 {margin-left: 0px; padding-left: 0px;} 
#mainContent p {margin-bottom: 1em; line-height:150%;} 
#mainContent a {color:#DE127A;} #mainContent a:hover {color: #000;}
#mainContent ul {margin:0 0 5px 20px;}
#mainContent ul li{margin:0 0 3px 0;}
/*hint 3*/
#mainContent .hint3col {margin-top:1.5em; margin-bottom:1.7em; min-height:200px;}
#mainContent .hint3col .item {float:left; width:225px; margin-right:10px; overflow:hidden;}
#mainContent .hint3col .item-last {float:left; width:225px; margin-right:0px;}
#mainContent .hint3col h2 { font-size:110%; color:#de127a; margin:1em 0 0.2em;}
#mainContent .hint3col p {font-size:90%; line-height:150%; color:#222;}
#mainContent .hint3col span.btn { 
	background:#417ecd url(../images/cont-bluebtn-back.png) repeat-x; 
	position:relative; 
	display:block;
	padding-right:3px; margin-top:12px;
	width:105px;
	min-height:23px; line-height:22px; vertical-align:middle;
	text-align:center;
}
#mainContent .hint3col span.btn a {color:#fff; text-decoration:none;}
#mainContent .hint3col span.btn a:hover {text-decoration:underline;}
#mainContent .hint3col span.btn .edge-l {width:5px; height:23px; background-image:url(../images/cont-bluebtn-left.png);}
#mainContent .hint3col span.btn .edge-r {width:5px; height:23px; background-image:url(../images/cont-bluebtn-right.png);}

/* 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:#dddddd;
border: 1px solid black;
padding:10px 40px 20px 40px;
}
#mainContent .formular #kf_form {margin-top: 20px;}
#mainContent .formular #kf_form table tr td {padding: 3px 0 5px 0;}
#mainContent .formular #kf_form input {width: 230px;height:14px;padding: 2px 0 3px 0;background-color: white;}
#mainContent .formular #kf_form .tdleft {padding-right: 50px;}
#mainContent .formular #kf_form .button {width:70px;height:25px;background:#CA106C url(../images/search-btn-back.png) repeat-x scroll 0; border:1px solid #950C07; cursor: pointer; color: #fff;}
#mainContent .formular-bottom {
background:none;
height:10px;
margin-bottom:10px;
}

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer {
	padding:20px;
	background:url(../images/footend-back.png) bottom no-repeat;
	font-size:90%;
	color:#fff;
}
#footer .holder a { color:#fff;}
#footer .holder {
	background:#3b64b5 url(../images/footcont-back.png) repeat-x;
	height:55px;
	position:relative;
	overflow:hidden;
	padding:12px 20px 0;
	line-height:160%;
	overflow:hidden;
}
#footer .holder .edge-l {width:10px; height:67px; background-image:url(../images/footcont-left.png);}
#footer .holder .edge-r {width:10px; height:67px; background-image:url(../images/footcont-right.png);}
#footer .holder .float-l a {text-decoration:none;}
#footer .holder .float-r a {margin:0 5px;}
#footer .holder a:hover {text-decoration:underline; color:#ccdff1;}
/*-- [ 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;}

/* sitemap */
#mainContent ul.sitemap {}
#mainContent ul.sitemap li {list-style-image: url(../images/li-sipka.gif);}
#mainContent ul.sitemap li a{color: #d9261c;}
#mainContent ul.sitemap li a:hover{color: #291770;}

/* IE 6 
body{font-size: 10pt;}

.obra {_padding-bottom: 0px;}

#mainContent {
	float:left;
	width:695px;
	_margin:20px 0px 10px 13px;
} 

#header #top2 #menu ul li a {
padding:0 21px;
}

#mainContainer {width: 998px; margin: 0px; padding: 0px; }

#sidebar {
margin:10px 15px 0 10px;
overflow:hidden;
padding-bottom:15px;
width:230px;
}*/