@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. #ca0101 - h1, links - cervena
	2. #015201 - pozadi menu nalevo
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../images/bg-body2.png) left top repeat-x;
	color: #000e14;
	text-align: left;
	width:100%;
	height:100%;
	
}
body.uvod {background: #fff url(../images/bg-body.png) left top repeat-x;}

/*-- [ 2. Tags ] -----------------------------------------------*/
a {color:#a2a2a2;text-decoration:underline;}
a:hover {color:#000e14;}
img {border:none; text-decoration:none;}
hr 
		{
			display:block; 
			height:1px; 
			overflow:hidden;  
			border:solid; 
			border-width:1px 0 0 0; 
			margin:.6em 0; 
			padding:0; 
			border-color:#b3b3b3;
		}

/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 1;
  font-size: 1px;
  line-height: 1px;
	overflow: hidden;
}
.text-r {text-align:right;}
.obrazek {border:3px solid #c0c0c0;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer {
	margin: 0 auto;
	width: 998px;
}

/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	overflow: hidden;	
}
#header #top {height:80px;}
#header #top #topMenu {
  background: transparent url(../images/bg-top-c.png) left top repeat-x;
  margin: 0 20px;
  height:80px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}
#header #top #topMenu li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  line-height:75px;
  height:80px;
  display:block;
  float:left;
}

#header #top #topMenu li a {
  color:#fff;
  text-decoration:none;
  font-size:120%;
  font-weight: bold;
  height:80px;
  display:block;
  float:left;
  padding: 0px 14px 0px 14px;
}
#header #top #topMenu li a:hover {color:#0286be;background: transparent url(../images/bg-top-hover.png) center top no-repeat;}

#header #top #topMenu li .delic {
  display:block;
  float:left;
  width:5px;
  height:80px;
  line-height:80px;
  font-size:0;
  background: transparent url(../images/bg-top-linka.png) left top no-repeat;
}
#header #top #topMenu li.topMenuL {background: transparent url(../images/bg-top-l.png) left top no-repeat;}
#header #top #topMenu li.topMenuR {background: transparent url(../images/bg-top-r.png) right top no-repeat; padding-left:4px;}


#header #top2 {height:305px;background: transparent url(../images/bg-header.jpg) left top no-repeat;position:relative;}
#header #top2 a span {display:none;}
#header #top2 span {display:block;position:absolute;text-align:center;color:#fff;}
#header #top2 #logotyp {position:absolute;display:block;left:94px;top:13px;width:310px;height:75px;}
#header #top2 #ekonom {position:absolute;display:block;left:8px;top:97px;width:80px;height:103px;}
#header #top2 #txt1 {left:88px;top:110px;width:370px;height:85px;font-size:90%;line-height:155%;border-bottom:1px solid #fff;}
#header #top2 #txt2 {left:26px;top:207px;width:415px;height:60px;line-height:150%;}

#header #top3 {height:94px;background: transparent url(../images/bg-header2.jpg) left top no-repeat;position:relative;}
#header #top3 a span {display:none;}
#header #top3 #logotyp {position:absolute;display:block;left:94px;top:13px;width:310px;height:75px;}
/*-- [ 6. Sidebar ] -----------------------------------------------*/

#sidebar-r{
  float: right;
  width: 275px;
  margin: 0 25px 20px 0px;
  overflow: hidden;	 
}

.sidebox {width:269px;padding:2px;border: 1px solid #b3b3b3;background-color:#fff;}
.sidebox h2 {padding-left:29px;height:38px;line-height:35px;background:url(../images/bg-side-h2.png) left top repeat-x;font-size:130%;color:#000e14;}
.sidebox h2 a {text-decoration:none;color:#000e14;}
.sidebox h2 a:hover {color:#a2a2a2;}
.sidebox p {margin:0 12px 5px 12px;}
.sidebox-btm {width:275px;height:20px;display:block;background:url(../images/bg-side-btm.png) left top no-repeat;margin-bottom:5px;}

.sidebox#admin {background: #fff url(../images/bg-side-admin.png) left bottom no-repeat;}
.sidebox#admin p {margin-left: 112px;}

.sidebox#akce {padding-bottom:10px;}
.sidebox#akce a {color:#000e14;}
.sidebox#akce a:hover {color:#a2a2a2;}

.kalendar {border: 1px solid #aeaeae;width: 239px;background-color: #aeaeae;text-align: center;margin:0px 0 15px 15px;}
.kalendar .cal-l {float: left;padding: 5px;width: 20px;height: 19px;}
.kalendar .cal-c {float: left;padding: 5px;width: 165px;text-align: center;font-size: 120%;font-weight: bold;color: #fff;}
.kalendar .cal-r {float: right;padding: 5px;width: 20px;height: 19px;}
.kalendar #cal-telo {clear: both;margin-top: 5px;border: 0px;border-collapse: collapse;margin-left: 1px;}
.kalendar #cal-telo td, .kalendar #cal-telo th {width: 33px;height: 28px;text-align: center;border: 1px solid #d9d7d7;margin: 0;padding: 0px;}
.kalendar #cal-telo td {background-color: #fff;}
.kalendar #cal-telo td a {
  color: #fff;
  height:28px;
  line-height:28px;
  display:block;
  vertical-align:middle;
  text-decoration: none;
  background-color: #ff9328;
}
.kalendar #cal-telo td a.modra {
  background-color: #0286bf;
}
.kalendar #cal-telo td a.modraOranz {
  background: url(../images/modraoranz.png) center center no-repeat;
}
.kalendar #cal-telo th {background: #b7271b url("../images/bg-kalendar-th.png") left top no-repeat;color: #fff; text-align: center;}
.kalendar .cal-l {
  background: url(../images/bg-kalendar-l.png) 7px 7px no-repeat;
  border:medium none;
  height:30px;
  width:30px;
  cursor:pointer;
}
.kalendar .cal-r {
  background: url(../images/bg-kalendar-r.png) 9px 7px no-repeat;
  border:medium none;
  height:30px;
  width:30px;
  cursor:pointer;
}

#banner {width:275px;height:132px;background: url(../images/banner.jpg) left top no-repeat;display:block;margin-bottom:5px;}
#banner span {display:none;}

body.uvod #admin {margin-top:10px;}
#admin form {margin: 0 0 5px 10px;}
#admin form .log {font-size: 85%;text-align:right;padding-right: 10px;}
#admin form table td {padding: 3px 0;}
#admin form fieldset {border:none;margin:0;padding:0;}
.form-login {width:137px;height:22px;background: url(../images/bg-form.png) left top no-repeat;border:none;padding-left:5px;color:#949494;}
.form-btn {
  background:transparent url(../images/btn-login.png) no-repeat scroll left top;
  border:0 none;
  height:28px;
  margin-left:130px;
  text-transform:uppercase;
  width:114px;
  cursor:pointer;
}


/*-- [ 7. Content ] -----------------------------------------------*/
#contentWrapper{
  float: left;
  width: 998px;
}
body.uvod #contentWrapper {background: url(../images/bg-wrapper.png) 452px top no-repeat;}

#path {width:948px;height:31px;padding: 0 25px;margin-bottom: 15px;line-height:31px;}
#path a {color:#ffe5cc;text-decoration:underline;height:31px;float:left;}
#path a:hover {color:#fff;}
#path span {color:#ffe5cc;float:left;}
#path .path-arr {float:left;display:block;width:6px;height:31px;margin:0 6px;background: url(../images/bg-path.png) left 13px no-repeat;}

#mainContent{
  float:left;
  margin: 0px 0px 20px 25px;
  width: 650px;
} 

#mainContent h1 {
	font-size: 200%; color: #0286bf;
	height:33px;
	line-height:33px;
  padding-left:35px; 
	margin-bottom: 0.5em; 
	background:url(../images/ico-h1.gif) left top no-repeat;
}
#mainContent h2 {
	font-size: 140%; color:#a2a2a2; 
	height:28px;
	line-height:28px;	
	margin: 20px 0 10px 0; 	
	padding-left:25px;
	background:url(../images/ico-h2.gif) left top no-repeat;
}
#mainContent h3 {font-size: 110%;color:#a5a5a5;margin-bottom: 5px;}
#mainContent h3 a {text-decoration:none;}
#mainContent p {margin-bottom: 0.5em; line-height:120%;font-size:100%;} 

#mainContent ul {margin: 0px;}
#mainContent ul li {list-style: none; padding-left: 12px;background: transparent url(../images/li.gif) 0px 5px no-repeat;}

#mainContent a{
  color:#ff9933;
}
#mainContent a:hover{
  color:#0c84a2;
}
/*---*/
#mainContent .uvod-banner {
  width:206px;
  height:132px;
  display:block;
  padding:2px;
  border: 1px solid #c5c5c5;
  background-color: #fff;
  text-decoration:none;
  background: url(../images/btn-banner.png) 2px 92px no-repeat;
  position:relative;
  float:left;
  margin-right:5px;
  margin-bottom:5px;
}
#mainContent .uvod-banner img{
  border:none;
  padding:0px;
}
#mainContent .uvod-banner span {position:absolute;left:40px;top:105px;color:#ff8102;font-size:115%;text-transform: uppercase;font-weight:bold;}
#mainContent a.uvod-banner:hover {background: url(../images/btn-banner2.png) 2px 92px no-repeat;}

#mainContent .uvod-banner.uvod-last {margin-right: 0px}

#mainContent .calendar {margin-left:30px;float:left;width:56px;height:56px;display:block;background: url(../images/bg-calendar.png) left top no-repeat;}
#mainContent .calendar span {float:left;width:100%;text-align:center;}
#mainContent .calendar span.cal-y {color:#fff;font-size:85%;height:15px;line-height:15px;margin-top:5px;}
#mainContent .calendar span.cal-d {font-size:110%;height:20px;line-height:20px;margin-top:2px;font-weight:bold;}
#mainContent .aktualita {float:right;width:540px;background: url(../images/bg-calendar-line.png) left bottom repeat-x;margin-bottom:20px;}

#mainContent .archiv {
  float:right;
  height:17px;
  line-height:17px;
  padding-left:23px;
  background: url(../images/btn-plusko.png) left top no-repeat;
}
#mainContent a.archiv:hover {background: url(../images/btn-plusko2.png) left top no-repeat;}

#mainContent #path {margin-bottom: 10px;font-size:110%;}
#mainContent #path a {text-decoration:underline;}
#mainContent #path a:hover {text-decoration:underline;color:#333;}

#mainContent img {padding:1px; border: 1px solid #c5c5c5; background:#fff;}
/*--Fotogalerie--*/
#mainContent .fotogalerie{
  width:140px;
  display:block;
  padding:2px;
  border: 1px solid #c5c5c5;
  text-decoration:none;
  background:#fff url(../images/btn-banner.png) bottom right no-repeat;
  position:relative;
  float:left;
  margin:10px 7px 4px 7px;
  padding-bottom:12px;
}
#mainContent .fotogalerie a{
  text-decoration:none; color:#666;
}
#mainContent .fotogalerie img{
  border:none; padding:0px; margin:0px auto; display:block;
}
#mainContent .fotogalerie a:hover{
  color:#000;
}
#mainContent .zpet, #mainContent #bt-pridat{
  float:right;
  border: 1px solid #c5c5c5;
  padding:5px;
  margin-right:7px;
  font-weight:bold;
  padding-right:15px;
  background: #fff url(../images/li.gif) 135px 10px no-repeat;
}
#mainContent #bt-pridat{
  padding-right:5px;
  padding:4px 5px;
  text-decoration:underline;
  background: #fff url(../images/tema.gif) 5px 5px no-repeat; padding-left:30px;
}

/*--Komentare-*/
#mainContent ul.komentar li{
  display:block;
  background:none;
  border:none;
}
#mainContent ul.komentar li div{
  display:block;
  padding:10px;
  border: 1px solid #c5c5c5;
  margin-top:5px;
  background:#fff;
}
#mainContent ul.komentar li h2{
  background:none;
  padding:0px;
  display:inline;
  margin-right:10px;
}
#mainContent ul.komentar li strong{
  margin-right:10px;
  font-size:90%;
}
#mainContent ul.komentar li ul li{
  margin-left:15px;
}
#mainContent ul.komentar li ul li ul li{
  margin-left:30px;
}
#mainContent ul.komentar li ul li ul li{
  margin-left:45px;
}
#mainContent ul.komentar li a.reagovat {
background:#FFFFFF url(../images/reakce.gif) no-repeat left center;
color:#1C83AC;
line-height:20px;
padding:4px 25px;
}

#mainContent .tema{
   margin:0px;
    padding:0px;
}
#mainContent .tema span{
  float:right;
  margin:0px;
  padding:0px;
}
#mainContent .tema a{
  font-weight:bold;
  font-size:125%;
  color:#ff9933;
  float:left;
  padding-left:30px;
  background: url(../images/tema.gif) 0px 0px no-repeat;
}
#mainContent .tema a:hover{
  color:#0c84a2;
}

#mainContent #cal, #mainContent #form_kalendar, #mainContent #change{
  padding:15px;
  padding-left:0px;
  padding-top:0px;
  margin-top:5px;
  border: 1px solid #c5c5c5;
  background:#fff url(../images/bg-side-h2-bg.png) top left repeat-x;
}
#mainContent #cal th, #mainContent #form_kalendar th, #mainContent #change th{
  padding-left:15px;
}
#mainContent #cal h2, #mainContent #form_kalendar h2, #mainContent #change h2{
 padding-left:29px;
 height:38px;
 line-height:35px;
 background:url(../images/bg-side-h2.png) left top no-repeat;
 font-size:130%;
 color:#000e14;
 margin:0px;
}
#mainContent #cal textarea, #mainContent #form_kalendar textarea, #mainContent #change textarea{
 border:solid 1px #c5c5c5;
}
#mainContent #cal .button, #mainContent #form_kalendar .button, #mainContent #change .button {
  background:transparent url(../images/button-odeslat.png) no-repeat scroll left top;
  border:0 none;
  height:28px;
  text-transform:uppercase;
  width:114px;
  cursor:pointer;
}

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	font-size:90%; 
	height: 100px;
	width: 998px;
	margin: 0 auto 10px auto;
	background: url(../images/bg-footer.png) left top repeat-x;
	float:left;
	position:relative;
	line-height:220%;
}
#footer a {color:#000e14;}
#footer a:hover {color:#a2a2a2;}
#footer .foot-l {position:absolute;left:25px;top:20px;}
#footer .foot-r {position:absolute;right:22px;top:8px;width:493px;height:79px;background: url(../images/bg-footer-loga.png) left top no-repeat;}
#footer .foot-r div span {display:none;}
#footer .foot-r div {position:absolute;display:block;top:0px;height:65px;}
#footer .foot-r #logo-eu {left:0px;width:70px;}
#footer .foot-r #logo-esf {left:90px;width:65px;}
#footer .foot-r #logo-msmt {left:170px;width:120px;}
#footer .foot-r #logo-op {left:307px;width:85px;}
#footer .foot-r #logo-cr {right:0px;width:85px;}
#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;}


/* hlaska */
.aitom-pozadi{
  z-index: 900; 
  visibility: visible;
  left:0px;
  top:0px;
  background-color:#000000;
  width:100%;
  height:100%;
  display:block;
  position:fixed;
  filter:alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity:0.8;
  
}
.aitom-hlaska-holder{
         position:absolute;
         top:100px;
         width:100%;
         z-index:1000;
         padding-bottom:50px;
}
      
.aitom-hlaska{
        position:relative;
        display:block;
         top:0px !important;
          width:95%;
         margin:0px auto 0px auto !important;
}
     
.aitom-hlaska .zaviraci{
     position:absolute;
     top:-16px;
     right:0px;
     margin-right:10px;
     width:28px;
     height:16px;
     background: transparent url(../images/btn-zavrit.gif) left top no-repeat;
}
.aitom-hlaska .zaviraci span{display:none;}
.aitom-hlaska .obsah{
     background-color:#fff;
     border:1px solid #6b6b6b;
     padding:10px;
     overflow: auto; 
}
.aitom-hlaska .obsah img{
      display:block;
     margin:0px auto;
}
.aitom-hlaska h2 {
     background-color: #6b6b6b;
     color: #fff;
     font-size: 130%;
     padding: 5px 16px;
     vertical-align: middle;
    display:block;
    position:relative;
    overflow: auto; 
}
.aitom-hlaska strong {color: #8e8c8c;margin-left:10px;padding-top:5px;float:left;}
.aitom-hlaska table {
  margin:10px 7px;
  border-top: 1px solid #dbdada;
  background-color: #f3f1f1;
  font-weight: bold;
  float:left;
}
.aitom-hlaska #uz {
  background: url(../images/btn-saveclose.png) left top no-repeat;
  width:136px;
  height:22px;  
  padding-left:12px;
  color:#fff;
  cursor:pointer;  
  border:none;
  text-align:left;
  margin: 0 7px;
}
.aitom-hlaska #zavriti{
  background: url(../images/btn-onlyclose.png) left top no-repeat;
  width:144px;
  height:22px;  
  padding-left:12px;
  color:#fff;
  cursor:pointer;
  border:none;
  text-align:left;    
}
.aitom-hlaska .aktadresar span {float:left;}
.aitom-hlaska .soubory{
     float:left;
     padding:0px 10px 5px 10px;
  }
.aitom-hlaska  .soubory .buttons{
     margin-top:5px;
  }
/*.jedensloupec{
    border-left:solid 1px #656565;
}*/

/*alert*/
#mainContent .alert {
	margin:0 1% 10px; padding:10px 15px 12px 60px;
	color:#68a900;
	border:1px solid #7bc701;
	background:#e2fdb7 url(../images/ico/alert.png) left center no-repeat;
}
#mainContent .alert.normal {background-color:#eee; border-color:#999; color:#333;}
#mainContent .alert.error {	background-color:#fecece; border-color:#c24343; color:#990000;}
#mainContent .alert.warning {	background-color:#fffacf; border-color:#d7ea40; color:#aec400;}
#mainContent .alert.smazchybu {	background-color:#f4f4f4; border-color:#b3b3b3; color:#b3b3b3;background-image: url(../img/icon/alert2.png)}
#mainContent .alert legend{
display:none;
}