/* GENERAL STYLES */
/* 
Základní informace
- web je navržen na pevnou šířku 895 px (určuje bílé pozadí)
- web je pevně zarovnán vlevo
- navigace jsou textové
- třísloupcové rozvržení, šířka sloupce 265 px
- formátování textu a fungování některých interaktivních prvků je znázorněno v dokumentu "enesa-menu.html"
- použité barvy:
#cd6540 - tmavě hnědá
#40a8cd - tmavě modrá
#f5e0d9 - světle šedá
#d9eef5 - světle modrá
#808080 - šedá
*/
/*team*/
.TeamMember
{
	background-image: url(images/teambg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 265px;
	height: 195px;
	position: relative;
	float: left;
	margin: 10px 15px 10px 0px;
	font-size: 11px;
}

.TeamMember img
{
	width: 235px;
	height: 75px;
	margin: 15px;
}

.teamMemberName
{
	color: #cd6540;
	padding-left:15px;
	font-size:14px;
}

.teamMemberPosition
{	
	color: Gray;
	padding-left:15px;
	margin-top:2px;
}

.teamMemberDescription
{	
		margin-top:2px;
	color: Black;
	padding-left:15px;
}	
.teamMemberMore
{
	color: #40a8cd;
	padding-left: 15px;
	top: 170px;
	position: absolute;
}

/*news*/
.NewsTeaser
{
	border-bottom-color: #cd6540;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 24px;
	margin-bottom:12px;

}
.NewsTeaser a
{
	text-decoration: none;
	color: #cd6540;
	font-size: 22px;/*společné pro deląí texty*/
	font-family: tahoma, helvetica, verdana, sans-serif;
	letter-spacing: 0.04em;
}

.NewsTeaser em
{
 	font-weight: bold;
	margin-right: 10px;	
	color: #40a8cd;

}

.ReadMore
{
	font-size: 12px;/*společné pro deląí texty*/
	background-image: url(images/vice.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height : 18px;
	margin-left : 15px;
	margin-top:15px;
	padding-left : 15px;
	padding-top: 2px;

}
.ReadMore a
{
	font-size: 12px;/*společné pro deląí texty*/
}



/* footer*/
#FooterMenu
{
	width: 100%;
	float: left;
	padding-bottom: 10px;
}

#Footer a 
{
 text-decoration: none;
 color: #808080;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 15px;
 margin-left: 0;
 }

#Footer a
{
 color: #cd6540;
}

#Footer h3 
{

}

#Footer li
{
 display: inline;
 float: left;
 margin-top: 10px;
 margin-right: 10px;
 margin-bottom: 0;
 margin-left: 10px;
 white-space: nowrap;
 font-size: 12px;/*společné pro deląí texty*/
 font-family: tahoma, helvetica, verdana, sans-serif;
 line-height: 1.5;
 letter-spacing: 0.04em;
}
#Footer li a 
{
 color: #000;
}

#Footer ul 
{
 margin: 0px;
 padding: 0px;
 width : 100%;
}




/* GENERAL STYLES */
#boxy 
{
 float: left;
 width: 570px;
}

.hp-box
{
	background-image: url(images/box-1.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	float: left;
	width: 265px;
	margin-right: 20px;
	position: relative;
}

.hp-boxhead
{
	height: 24px;
	padding: 15px 0px 0px 15px;
	text-decoration: none;
	color: #cd6540;
	font-size: 12px;
	font-family: tahoma, helvetica, verdana, sans-serif;
	letter-spacing: 0.04em;
	font-weight: bold;
}

.hp-boxhead a
{
	text-decoration: none;
	color: #cd6540;
	font-size: 12px;
	font-family: tahoma, helvetica, verdana, sans-serif;
	letter-spacing: 0.04em;
}
.hp img
{
}
.hp-boxbody
{
 background-image: url(images/box-2.gif);
 background-repeat: no-repeat;
 height: 115px;
 color: #000;
 font-size: 12px;
 font-family: tahoma, helvetica, verdana, sans-serif;
 line-height: 1.5;
 letter-spacing: 0.04em;
 margin-top: -5px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding-top: 10px;
 padding-right: 15px;
 padding-bottom: 0;
 padding-left: 15px;

}

#boxy li 
{
 width: 265px;
 padding: 0;
 margin: 10px;
}

#boxy li a 
{
}

.boxy li h1 
{ 
text-decoration: none;
 color: #cd6540;
 margin: 0px;
 padding: 0px;

 background-image: url(images/box-1.gif);
 background-repeat: no-repeat;
 background-position: top left;
 height: 40px;
 width: 265px;
 font-size: 12px;
 font-family: tahoma, helvetica, verdana, sans-serif;
 letter-spacing: 0.04em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: -12px;
 margin-left: 0;
 padding-top: 12px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 15px;
}

#boxy li h2 
{
}

#boxy li img 
{
 margin: 0;
 padding: 0;
 border-style: none;
}

#boxy ul 
{
 list-style:none;
 margin:0;
 padding:0;
 
}

.cleaner 
{
 font-size: 1px;
 clear: both;
}



.hp-text
{
	float: left;
	width: 530px;
	min-height: 40px;
	background-image: url(images/zk.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0px;
	color: #000;
	font-size: 12px;
	font-family: tahoma, helvetica, verdana, sans-serif;
	line-height: 1.5;
	letter-spacing: 0.04em;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}

.para p a:hover 
{
 background-color: #f8ebe2;
}

.para p a:hover, .para p:hover a 
{
 border-bottom-color: #cd6540;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

#text 
{
 float: left;
 width: 550px;
 margin-top: 0px;
 margin-right: 15px;
 margin-bottom: 0;
 margin-left: 30px;
}

#text #vice 
{
 width: 530px;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 15px;
 padding-left: 15px;
 margin: 0;
 border-bottom-color: #cd6540;
 border-bottom-width: 1px;
 border-bottom-style: solid;
}

#text #vice a 
{
 color: #cd6540;
 text-decoration: none;
 font-size: 12px;
 font-family: tahoma, helvetica, verdana, sans-serif;
 line-height: 1.5;
 letter-spacing: 0.04em;
 padding-top: 1px;
 padding-right: 25px;
 padding-bottom: 3px;
 padding-left: 15px;
 background-image: url(images/vice.gif);
 background-repeat: no-repeat;
}

#text #vice.noline 
{
 width: 530px;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 15px;
 padding-left: 15px;
 margin: 0;
 border-bottom-style: none;
}

#text h1 
{
 color: #cd6540;
 font-size: 22px;
 font-family: tahoma, helvetica, verdana, sans-serif;
 font-weight: normal;
 line-height: 1.2;
 letter-spacing: 0.02em;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 12px;
 margin-left: 0;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 15px;
}

#text p a 
{
 color: #cd6540;
 text-decoration: none;
 margin-top: 0;
 margin-right: -1px;
 margin-bottom: 0;
 margin-left: -1px;
 padding: 1px;
}

#text p acronym 
{
 color: #000;
 border-bottom-color: #40a8cd;
 border-bottom-width: 2px;
 border-bottom-style: dotted;
 cursor: help;
}

#text strong 
{
 font-weight: bold;
 background-color: #f8ebe2;
}

#text ul 
{
 color: #000;
 font-size: 12px;
 font-family: arial;
 line-height: 1.5;
 letter-spacing: 0.04em;
 padding-right: 0;
 padding-left: 15px;
 list-style: url(../images/bullet-ul1.gif) inside;
}

#text ul ul 
{
 padding-right: 0;
 list-style-image: url(images/bullet-ul2.gif);
}

.EasterEgg
{
 width: 265px;	
	background-repeat: no-repeat;
float:right;
clear:both;
}

.EasterEgg .pic 
{
 width: 255px;
 height: 165px;
 background-repeat: no-repeat;
}

.EasterEggTitle 
{
 width: 255px;
 background-image: url(images/upout.gif);
 background-repeat: no-repeat;
 color: #cd6540;

 font-size: 12px;
 font-family: tahoma, helvetica, verdana, sans-serif;
 letter-spacing: 0.04em;

 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 15px;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
}

.EasterEggTitle a
{
	padding-top: 170px;
	display:block;
}

.EasterEggTitle span
{
	padding-top: 170px;
	display:block;
}




.EasterEggBody 
{
 width: 245px;
 min-width: 245px;
 color: #40a8cd;
 font-size: 12px;
/* 
 line-height: 1.5;
 letter-spacing: 0.04em;*/
 background-image: url(images/upout-l.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
 min-height: 21px;
 padding-top: 7px;
 padding-right: 15px;
 padding-bottom: 10px;
 padding-left: 15px;*/
}

.EasterEggBody a 
{
 text-decoration: none;
 color: #cd6540;
}

/* EDITOR PROPERTIES */

#nav {
 position: relative;
 z-index: 1;
 margin: 0;
 padding: 0; }

#nav li.on ul, #nav li.off ul {
 margin: 0;
 padding: 0; }

#nav a {
 text-decoration: none; }

#nav li {
 float: left;
 display: block; }
#nav li ul {
 display: none; }

#nav li.off ul, #nav li.on ul {
 background-color: #f8ebe2;
 position: absolute;
 left: 0;
 width: 900px;
 z-index: -1;
 margin-top: -2px;
 padding-top: 10px;
 border-top: 2px solid #cd6540;
 border-bottom: 1px solid #40a8cd; }

#nav li a {
 color: #000;
 font-size: 12px;
 font-family: arial;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 padding: 10px 15px;
 display: block; }

#nav li.on a {
 background-image: url(images/bg-1.gif);
 background-repeat: no-repeat;
 background-position: left top;
 border-right-color: #cd6540; }
#nav li.on ul li.active a {
 background-image: url(images/bg-2.gif);
 background-repeat: no-repeat;
 background-position: left top;
 border-right-color: #40a8cd; }

#nav li.on ul a, #nav li.off ul a {
 background-image: none;
 text-transform: none;
 float: left;
 margin-bottom: -1px;
 border-style: none;
 border-width: 0; }

#nav li.on ul {
 display: block; }

#nav li.off:hover ul {
 display: block; }

#nav li.off a:hover, #nav li.off:hover {
 background-image: url(images/bg-1-over.gif);
 background-repeat: no-repeat;
 background-position: left top; }
#nav li.on ul a:hover, #nav li.off ul a:hover {
 background-image: url(images/bg-2-over.gif);
 background-repeat: no-repeat;
 background-position: left top; }
.cleaner {
 font-size: 1px;
 clear: both; }

#nadpis {
 background-color: #ebf3f7;
 width: 885px;
 margin-top: 38px;
 padding: 15px 0 15px 15px; }

#p-menu ul {
  margin: 10px 0 0 0; 
  padding: 0;}
  
#p-menu li {
  display: block;
  width: 265px;
  float: left;
  padding: 0;
  margin: 10px 0 10px 0;}
  
#p-menu ul li a {
  z-index: 2;
  text-decoration: none;
  color: #000;  
  margin: 0px;
  padding: 0px;}
  
#p-menu ul li h1 {
  width: 265px;
  height: 133px;
  background: url(../images/p-menu.gif) no-repeat;
  padding: 10px 15px 0 15px;
  font-size: 16px;
  font-weight: bold;
  font-family: tahoma, helvetica, verdana, sans-serif;
  letter-spacing: 0.04em;
  margin: 0 0 0 0;}
  
#p-menu ul.off li h1 {
  width: 265px;
  height: 40px;
  background: url(../images/p-menu2.gif) no-repeat;
  padding: 8px 15px 0 15px;
  font-size: 16px;
  font-weight: bold;
  font-family: tahoma, helvetica, verdana, sans-serif;
  letter-spacing: 0.04em;
  margin: -15px 0 0px 0;}  
  
#p-menu ul.on li h1 {
  width: 265px;
  height: 60px;
  background: url(../images/p-menu2a.gif) no-repeat;
  padding: 8px 15px 0 15px;
  font-size: 16px;
  font-weight: bold;
  font-family: tahoma, helvetica, verdana, sans-serif;
  letter-spacing: 0.04em;
  margin: -15px 0 0px 0;}

#p-menu ul.on ul li h1 {
  width: 265px;
  height: 60px;
  background: url(../images/p-menu4.gif) no-repeat;
  padding: 0px 15px 0 15px;
  font-size: 14px;
  font-weight: normal;
  font-family: tahoma, helvetica, verdana, sans-serif;
  letter-spacing: 0.04em;
  margin: -50px 0 0px 0;}

#p-menu ul.on ul li.active h1 {
  width: 265px;
  height: 60px;
  background: url(../images/p-menu3.gif) no-repeat;
  padding: 10px 15px 0 30px;
  font-size: 14px;
  font-weight: normal;
  font-family: tahoma, helvetica, verdana, sans-serif;
  letter-spacing: 0.04em;
  margin: -60px 0 0px -15px; }

#p-menu ul.on ul li.active a {
  color: #FFFFFF;}
  
#p-menu ul.off ul {
  display: none;}

#p-menu li h2 {
  height: 100px;
  margin: -113px 0 0 0;
  padding: 10px 15px 0 15px;
  color: #000;
  font-size: 12px;
  font-family: arial, verdana, "lucida grande", helvetica, sans-serif;
  line-height: 1.5;
  letter-spacing: 0.04em;}



/* EDITOR PROPERTIES */