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

/*-- [ 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;
}
/*-- [ 2. Tags ] -----------------------------------------------*/
a {color: #e18400;}
a:hover {color:#111;}
img {border:none; text-decoration:none;}
table td {padding-right: 5px;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.obr img {border: 3px solid #c2c8c8;}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 990px;  
	margin: 0 auto;
	text-align: left;
	background: url(../images/top2_center.png) 0px 110px repeat-x;
} 
#mainContainer.bila  {
	background: url(../images/top2_center2.png) 0px 110px repeat-x;
}
/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	overflow: hidden;	
}
#header #top {height:110px;	position: relative;}
#header #top #logotype {position:absolute; top:18px; left:0px; width:348; height:50px;}
#header #top #logotype span { display:none;} 
#header #top #quickMenu {
	position:absolute; top:30px; right:20px;
	height:30px; width:224; padding-right:5px;
	text-align:right;
	/*background:url(../images/search-back.png) top right no-repeat;*/
}


#header #top #quickMenu .searchText1 { 
  display:block;
  position:absolute;
  right:75px;
  top:2px;
  height:23px; 
	padding-left:27px;
	background:url(../images/search_1.png) 0px 0px no-repeat ;
}
#header #top #quickMenu .searchText1  .searchText { 
	height:23px; width:156px;
	width:156px;
  padding:5px 0px 0px 0px;
	color:#333;
	border:0px solid #fff;
	background:url(../images/search_2.png) top left no-repeat;
	&margin-top: -1px;
	_margin-top: 0px;
}
#header #top #quickMenu .searchSubmit { 
  display:block;
  position:absolute;
  right:0px;
  top:2px;
	height:23px; width:68px;
	border:none; cursor:pointer;
	background:url(../images/search-btn.png) top left no-repeat;	
}
/*menu*/
#header #top #menu {
	position:absolute; bottom:0px; right:20px;
	height:34px; 
} 
#header #top #menu a { 
 float:left;
 color:black;
 font-weight: bold;
 text-transform:uppercase;
 text-decoration:none;
 border-left: 1px solid white;
 background:#b9b7b7 url(../images/menu-back-normal.png) top left repeat-x;
 height:34px; line-height:34px; vertical-align:middle;
 padding:0 20px;
 margin-left:0px;
}
#header #top #menu a:hover { text-decoration:none;background-image:url(../images/menu-back-selected.png);color:white;} 
#header #top #menu a.selected {
	background-image:url(../images/menu-back-selected.png); 
	text-decoration:none; 
	color:#fff;
}
#header #top #menu a.first {border-left:none;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
	float: right; 
	width: 300px;
	padding:15px;
	padding-left:0px;
	margin-left:5px;	
	overflow: hidden;
	background: url(../images/top2_right.png) top right no-repeat;
}
.bila  #sidebar {
	background: url(../images/top2_right2.png) top right no-repeat;
}
#sidebar #o-spolecnosti h2, #sidebar #menu-side h2{
  width: 258px; /*real 286px;*/
  height: 33px;
  padding-left: 28px;
  font-size:150%;
  text-decoration:underline;
  color:#666666; 
  display:block; 
  margin:0.7em 0 0em;
}
#sidebar #menu-side h2 {background: transparent url(../images/linka_horizontal.png) left bottom no-repeat;}
#sidebar #o-spolecnosti h2 {margin-bottom: 10px;background: transparent url(../images/linka_horizontal3.png) left bottom no-repeat;}

#sidebar #o-spolecnosti h2 span, #sidebar #menu-side h2 span{
  display:block;
  padding-bottom:5px;
  margin-bottom:5px;
}
/*o-spolecnosti*/
#sidebar #o-spolecnosti {
  height:265px;
  margin-bottom:15px;
}
#sidebar #o-spolecnosti div{
  line-height:180%;
}
/*side2*/
#sidebar #levy2 {height:300px;  padding-top:0px;background: url(../images/top2_left2.png) no-repeat left;}
#sidebar .side2 {width:336px;text-align:justify; height:300px; float:right;padding-right:15px; color:#000; overflow:hidden;background: url(../images/top_side2.png) no-repeat right; }
#sidebar .side2 p {line-height:1.9em;padding-left:40px;}
#sidebar .side2 .linkav{position:absolute; height:297px; width:28px;}
#sidebar #levy #obsah {width:630px;height:250px;padding-top:20px;margin-left: 15px;border: 0px solid black;}
/*menu - side l+r*/
#sidebar #menu-side ul {list-style:none; margin:0px 0px 15px 0px; padding:0; width:290px;}
#sidebar #menu-side ul li {
	list-style:none; 
	margin:0; padding:0;
}
#sidebar #menu-side ul li a {
	display:block;
	padding:10px 0px 10px 30px; 
	height:100%;
	line-height:100%;
	/*background:url(../images/news-archiv.gif) 15px 14px no-repeat;*/
	border-bottom:1px solid #e0e0e0;
	font-weight:bold;
}
#sidebar #menu-side ul li a:hover { background-color:#f0f0f0; text-decoration:underline;}
#sidebar #menu-side ul li.open { background-color:#f0f0f0;}
#sidebar #menu-side ul li.open a {font-weight:bold;}
#sidebar #menu-side ul li.open ul {margin:0; padding:0;}
#sidebar #menu-side ul li.open li {list-style:none; margin:0; padding:0; background-image:none;}
#sidebar #menu-side ule li.open ul a {background-image:none; padding-left:28px;font-weight:bold;}

#sidebar #menu-side ul li ul li a{
	background:none;
  background-color: #fff;
}
#sidebar #menu-side ul li ul li.open { background-color:#f0f0f0;}

/*aktuality*/
#sidebar #news {width:290px; padding-top:20px;} 
#sidebar #news h2 {color:#6a6868; font-size:140%; margin-bottom:1em;background: url(../images/side_strong.gif) no-repeat left center;padding-left:15px;}
#sidebar #news .newsItem {margin-bottom:1.6em; min-height:39px; padding-bottom: 10px;}
#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:36px; height:39px;
	background:#aaa url(../images/news-calendar.png) top left no-repeat;
	text-align:center;
	color:#fff;
}

#sidebar #news .newsItem .date {display:block; font-size:9px; margin-top:2px; line-height:11px;}
#sidebar #news .newsItem .year {display:block; font-size:14px;margin-top:4px; font-weight:bold;color:#666666;}
#sidebar #news .newsArchive { margin-left:50px; padding-left:20px; background:#fff url(../images/news-archiv.gif) center left no-repeat;}
#sidebar #news .newsArchive a:hover {color:#000;} 
/*kontakt*/
#sidebar #kontakt {color:#fff; line-height:180%; padding:15px 15px 20px; width:260px; background:#f6a81e url(../images/side_kontakt.png) repeat-x; margin-top:30px;}
#sidebar #kontakt a {color:#fff;}
#sidebar #kontakt a:hover {color:#333;}
#sidebar #kontakt a.link {background: url(../images/kontakt_mapa.gif) no-repeat left center; padding-left: 15px;}
#sidebar #kontakt p {margin:10px 0px;}
#sidebar #kontakt h2 {color:#fff;}


/*-- [ 7. Content ] -----------------------------------------------*/

#mainContent {
	float:left;
	width:660px;
	padding-top: 10px;
	background: url(../images/top2_left.png) top left no-repeat;
} 
.bila  #mainContent {
	background: url(../images/top2_left2.png) top left no-repeat;
}
#mainContentCara {
  padding:10px 20px 20px 20px;
	background: url(../images/linka_vertical.png) top right no-repeat;
	margin-bottom: 10px;
	min-height:270px;
} 
.bila  #mainContentCara {
	background: url(../images/linka_vertical2.png) top right no-repeat;
} 
/* heading, anchor and paragraph margins*/
#mainContent h1 {
	font-size: 200%; color:#e18400;
	padding-top: 15px; 
	margin-bottom: 10px; 
}

#mainContent h2 {
	font-size: 150%; color:#e18400;
	padding-top: 15px; 
	margin-bottom: 10px; 
}

#mainContent .newsItem {
	margin-bottom:1.3em;	
	border-top:1px solid #eaeaea;
	border-left:1px solid #eaeaea;	
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;		
}
#mainContent  .newsItem .label {
	background:#f5f5f5;
	padding:5px;
}
#mainContent  .newsItem h2 {
	font-size: 130%; color:#6a6868;
	padding:1px 15px 0 28px;
	background:url(../images/news-archiv.gif) 10px 9px no-repeat;
  margin: 0 8px 0 0;
}
#mainContent  .newsItem small {
	white-space:nowrap; font-size:11px; font-weight:normal;
	position:relative; top:1px; margin-left:10px; 
	float:right; color:#777;	
}
#mainContent .newsItem .content {padding:12px 10px 12px;}
#mainContent .newsItem a.img {float:left; margin:0 10px 5px 0; border:1px solid #eee6d9;}


#mainContent h2 a {text-decoration: none;}
#mainContent h2 a:hover {text-decoration: underline;}
#mainContent h3 {font-size: 110%;}
#mainContent p {line-height:150%;} 

#mainContent #path {
  /*width: 555px; /* real 595px; */
  height: 35px;
  padding: 0 10px 0 20px; 
  background:url(../images/bg-path.png) left top no-repeat;

}
#mainContent #path img {margin: 0 10px 0 10px; float: left;}
#mainContent #path a {
  float: left;
  line-height: 35px;
  vertical-align: middle;
  color: #333333;
}
#mainContent #path a:hover {color:#990000;}
#mainContent #path span {
  float: left;
  line-height: 35px;
  vertical-align: middle;
}

#mainContent .gal-pages {margin-bottom: 10px;}
#mainContent .gal-pages strong {
  margin-right: 5px;
  float: left;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}
#mainContent .gal-pages .cisilkoopen {
  background-color: #f6a81e;
  border: 1px solid #362200;
  font-weight: bold;
  color: #362200;
  float: left;
  width: 20px; /*real 20px*/
  height: 18px; /*real 20px*/
  margin-left: 6px;
  text-align: center;
  padding: 2px 0 0 0px;  
}
#mainContent .gal-pages .cisilko {
  background-color: #ececeb;
  border: 1px solid #333333;
  float: left;
  width: 20px; /*real 20px*/
  height: 18px; /*real 20px*/
  margin-left: 6px;
  text-align: center;
  padding: 2px 0 0 0px;  
}
#mainContent .gal-pages a {color: #333333;text-decoration: none;}
#mainContent .gal-pages a:hover {font-weight: bold;}


#mainContent .reference .obr {float: left;margin-bottom: 10px;}
#mainContent .reference .text {float: right; width: 465px;margin-bottom: 10px;}


#mainContent #bezodrazky {background:url(../images/bg-reference-sam.png) left top no-repeat;}
#mainContent #bezodrazky form {padding: 20px 0 20px 20px;}
#mainContent #bezodrazky form input {background:url(../images/bg-input.gif) left top no-repeat;border: 1px solid #7f9db9;}
#mainContent #bezodrazky form textarea {background:url(../images/bg-input.gif) left top no-repeat;border: 1px solid #7f9db9;}
#mainContent #bezodrazky form .button {
  background:url(../images/btn-odeslat.png) left top no-repeat;
  width: 90px; /*real 90px */
  height: 24px; /*real 24px */
  color: #fff;
  border: 0;
  margin-top: 10px;
  font-weight: bold;
}
#mainContent .boxik .formular-obr {
  width: 114px;
  height: 95px;
  background:url(../images/icon-dopisek.png) left top no-repeat;
  position: absolute;
  right: 20px;
  top: -28px;
}
#mainContent .boxik {
  width: 580px; /* real 620px */
  background:#ececeb url(../images/bg-reference.png) left top no-repeat;
  padding: 13px 20px 5px 20px;
  margin-bottom: 15px;
  position: relative;
}
#mainContent .boxik .spodecek {clear: both;margin-left: -20px;margin-bottom: -10px;}
#mainContent .boxik h2 {
  float: left;
  clear: both;
  background: none;
  padding: 0 0 0 30px;
  margin: 0;
  margin-bottom: 15px;
  border: 0;
  width: 90%;
}
#mainContent .boxik h2 a{color: #666;text-decoration: none;}
#mainContent .boxik .obr{clear: both;float:left;margin-bottom: 10px;}

#mainContent .boxik .text{float:right;width: 420px;margin-bottom: 10px;}
#mainContent .boxik a.vice{
  display: block;
  margin-top: 10px;
  width: 104px; /* real 104px;*/
  height: 22px; /* real 22px;*/
	white-space:nowrap;
	line-height:21px; vertical-align:middle;
	text-align:center;
  background:#de9412 url(../images/btn-viceinfo.png) left top no-repeat;
  color: #fff;
  text-decoration:none;
}
#mainContent .boxik a.vice:hover {text-decoration: underline;}
#mainContent .boxik .foto {clear: both;width: 100%;margin-top: 10px;}
#mainContent .boxik .foto a {text-decoration: none;}
#mainContent .boxik .foto img {border: 3px solid #c2c8c8;margin: 10px 65px 15px 0;}
#mainContent .boxik .foto .rightfoto {}
#mainContent .boxik .foto .rightfoto img {margin: 10px 0 15px 0;}

/*flash*/
#mainContent #flash {width:620px; height:265px; background-color:#333; position:relative; margin-bottom:10px;}
/*holder*/

#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;	
}
/*box*/
#mainContent .hintHolder .boxHolder{
}

#mainContent .hintHolder .box, #mainContent .hintHolder .box1 {
width: 300px;
float: left;
background-color: #ececeb;
margin:0px 5px;
margin-bottom: 10px;
}
#mainContent .hintHolder .box1 {
width: 610px;
}
#mainContent .hintHolder .box .top, #mainContent .hintHolder .box1 .top {
height: 52px;
background: url(../images/box_top.png) 0 0 no-repeat;
}
#mainContent .hintHolder .box1 .top {
background: url(../images/box_top1.png) ;
}
#mainContent .hintHolder .box .top .kolecko a, #mainContent .hintHolder .box1 .top .kolecko a{
float:left;
margin-left:15px;
width:40px; 
height:40px;
text-decoration:none;
}

#mainContent .hintHolder .box .top h2, #mainContent .hintHolder .box1 .top h2  {
float:left;
font-size: 110%;
padding-top: 17px;
padding-left:0px;
margin-left: 5px;
background: none;
border: 0px;
margin-top: 0px;
}

#mainContent .hintHolder .box .top h2 a, #mainContent .hintHolder .box1 .top h2 a {
font-size: 110%;
}

#mainContent .hintHolder .box .top h3, #mainContent .hintHolder .box1 .top h3 {
font-size: 135%;
color: #767676;
margin-top: -10px;
padding-left: 65px;
border: 0px;
}

#mainContent .hintHolder .box .middle, #mainContent .hintHolder .box1 .middle {
min-height: 80px;
padding: 10px;
margin: 0px;

}

#mainContent .hintHolder .box .middle p, #mainContent .hintHolder .box1 .middle p {
padding-top: 5px;
margin: 0px;
padding: 0px;
}

#mainContent .hintHolder .box .bottom, #mainContent .hintHolder .box1 .bottom {
width: 300px;
height: 12px;
background: url(../images/box_bottom.png);
margin: 0px;
padding: 0px;
}
#mainContent .hintHolder .box1 .bottom {
width: 610px;
height: 12px;
background: url(../images/box_bottom1.png);
margin: 0px;
padding: 0px;
}

#mainContent #mainContentCara ul {margin: 5px 0px 5px 15px; padding-left: 20px;}
#mainContent #mainContentCara ul li {margin: 2px 0 2px 0;line-height: 150%;}

/*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; border-color:#AAAAAA;}
/*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;}
/*-- [ 8. Footer ] -----------------------------------------------*/
#footerLogo { 
	background:#121212 url(../images/foot-logoline-back.png) 0 0 repeat-x;
	height:120px;
}
#footerLogo .wrap {
	width:950px;
	padding:14px 0 0 30px;
	text-align:left;
	margin:0 auto;
	position:relative;
} 
#footerLogo h3 {
	font-size:12px;
	font-weight:normal;
	color:#888;
	margin-bottom:26px;
}
#footerLogo .logoHolder {
	position:relative;
}
#footerLogo .logoHolder img {display:block;}
#footerLogo a {
	position:absolute;
	left:0;	top:0;
}
#footerLogo a > span {display:none;}
#footerLogo .alfico {
	width:125px; height:22px;
	top:8px;
}

#footer { 
	border-top:1px solid #f6a81e;
  padding:0px 0px 0px;
	font-size:90%; 
	color:#fff;
	min-height:1px;
  background:#e89d17 url(../images/footer_bg.png) 0 -10px repeat-x;
  text-align:center;
}

#footer .subFooter {
	width: 950px; 
	margin:auto; 
	background: url(../images/footer_bg_1.png) 0 -10px repeat-x;
	padding-left:30px;
	text-align:left;
}

#footer .footCopy {
margin-bottom:13px;
}

#footer .foot-l { float:left; width: 600px; padding-top:25px;}
#footer .foot-r { 
	float:right; 
	background: url(../images/footer_r.png) right -10px no-repeat; 
	width: 321px;
	height:67px;
	text-align:center;
	padding-top:30px;
}
#footer a {color:#fff;}
#footer p {color:#fff;}

/*-- [ 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;}


/* index box */
#mainContent #indexBoxCareer {padding:5px 20px 0 0; font-size:12px; min-height:122px;}
#mainContent #mainContentCara #indexBoxCareer ul {margin:0 0 0 20px; color:#555;}
#mainContent #mainContentCara #indexBoxCareer li {line-height:130%; padding:5px 0; margin:0;}

#mainContent #indexBoxCareer .dalsiPozice {color:#777;}
#mainContent #indexBoxCareer .dalsiPozice:hover {color:#000;}