/****************************************************************************************/
/*                                                                                      */
/* Version:         2009-11-12 07:00                                                    */
/* Last changed by: Josef Vondracek                                                     */
/*                                                                                      */
/****************************************************************************************/

/*======================================================================================*/
/* GLOBAL SETTINGS                                                                      */
/*======================================================================================*/

body
{
	color: #757575;

	font-family: "Tahoma";
	font-family: Tahoma;
	
	font-size: 14pt;
}



body, form, ul, li, ol, h1, h2, h3, h4, h5, h6, object, p, form, dl, dd, dt
{
	margin: 0;
	padding: 0;
}

input, select, textarea, sub, sup
{
	font-size: 100%;
	font-family: "Tahoma", "Verdana", "Arial";
	font-family: Tahoma, Verdana, Arial;
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
}

img
{
	border: none;
}

a
{
	cursor: pointer;
	color: #858585;
}

label
{
	cursor: pointer;
}

.clear 
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}

.clear hr
{
	display: none;
}

/*======================================================================================*/

body.bg1
{

}

/*======================================================================================*/

#page
{
	width: 540px;
	padding: 0 0 0 0;
	margin: 0 0 0 -140px;
	position: relative;
	left: 50%;
	z-index: 999;
	display: block;
	overflow: visible;
	font-size: 70%;
}

/*======================================================================================*/
/* TOP PANEL                                                                            */
/*======================================================================================*/

#topPanelHolder
{

  margin-top: 22px;
	position: relative;
}

#topPanelHolder a.logo
{
	width: 183px;
	height: 109px;
	display: block;

	margin: 25px 0 0 10px;
	z-index: 250;
	background: url(images/logo.png) no-repeat 0 0;
}

#topPanelHolder a.logo strong
{
	display: none;
}

#topPanelHolder h1
{
	display: none;
}

h1, h2 {
  padding: 0 0 10px 0;
  font-size: 24pt;
  font-weight: normal; 
  font-family: "Trebuchet MS", Sans-Serif;
  color: #fe00fb;
}

h3 {
  padding: 0 0 10px 0;
  font-size: 14pt;
  font-weight: normal; 
  font-family: "Trebuchet MS", Sans-Serif;
  color: #fe00fb;
}



/*======================================================================================*/

#topPanel
{

	z-index: 100;
	clear: right;
}

/*======================================================================================*/

#topPanel #menu1
{
    position: absolute;
    left: 320px;
    top: 55px;
    list-style: none;
}

#topPanel #menu1 li
{
    padding: 0 6px;
    float: left;
    border-right: 1px solid #a8a8a8;
}

#topPanel #menu1 li.last
{
    border: none;
}

#topPanel #menu1 li a
{
    color: #6f6f6f;
    text-decoration: underline;
}

#topPanel #menu1 li a:hover
{
    text-decoration: none;
}

/*======================================================================================*/

#topPanel #menu2
{

    height: 35px;
    padding: 16px 0 0 0;
    font-family: "Arial", Sans-Serif;
    font-size: 9pt;
    display: block;
    list-style: none;
    background: url(images/menu2.gif) no-repeat 0 0;
}

#topPanel #menu2 li
{
    height: 16px;
    padding: 3px 2px 0 0;
    display: block;
    float: left;
    background: url(images/menu2-border.gif) no-repeat right top;
    text-align: center;
}

#topPanel #menu2 li.l1 { height: 17px; padding: 2px 32px 0 32px; }
#topPanel #menu2 li.l2 { width: 83px; }
#topPanel #menu2 li.l3 { width: 118px; }
#topPanel #menu2 li.l4 { width: 83px; }
#topPanel #menu2 li.l5 { width: 93px; }
#topPanel #menu2 li.l6 { width: 110px; }
#topPanel #menu2 li.l7 { width: 98px; }

#topPanel #menu2 li.last
{
    background: none;
}

#topPanel #menu2 li a
{
    color: #4a4a4a;
    font-weight: bold;
    text-decoration: none;
}

#topPanel #menu2 li a:hover
{
    text-decoration: underline;
}

#topPanel #menu2 li.l1 a:hover
{
    text-decoration: none;
}

#topPanel #menu2 li span
{
    width: 15px;
    height: 13px;
    display: block;
    background: url(images/home.gif) no-repeat 0 0;
}

#topPanel #menu2 li strong
{
    display: none;
}

/*======================================================================================*/

#topPanel form
{
    width: 210px;
    height: 25px;
    position: absolute;
    left: 782px;
    top: 50px;
    display: block;
}

form input.text
{

    border: 1px solid #d2d2d2;
    background: white;
    color: gray;
    padding: 3px 0 3px 7px; 
    margin-right: 5px;

}

 form input.button
{
    width: 56px;
    height: 19px;

    float: right;
    display: block;
    border: none;
    background: url(images/hledej.jpg) no-repeat 0 0;
    color: White;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
}

/*======================================================================================*/
/* INFO PANEL                                                                           */
/*======================================================================================*/

#infoPanel
{
    width: 585px;
    height: 162px;
    padding: 38px 60px 0 350px;
    position: relative;
    display: block;
    overflow: visible;
    background: url(images/info-panel-content.gif) no-repeat 0 0;
}

#infoPanel div.personImage
{
    display: block;
    position: absolute;
    left: 47px;
    top: -28px;
}

#infoPanel div.images
{
    position: absolute;
    left: 243px;
    top: 40px;
}

#infoPanel div.images #slideImages
{
    width: 79px;
    height: 79px;
    padding: 0 0 15px 0;
}

#infoPanel div.images a.back
{
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    background: url(images/images-left.png) no-repeat 0 0;
}

#infoPanel div.images a.next
{
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    background: url(images/images-right.png) no-repeat 0 0;
}

#infoPanel div.images a.back span,
#infoPanel div.images a.next span
{
    display: none;
}

#infoPanel div.images span.numbers
{
    width: 29px;
    padding: 5px 0 0 0;
    float: left;
    color: #6c6c6c;
    text-align: center;
}

#infoPanel div.content
{
    
}

div.content h1
{
    line-height: 23px;
    color: White;
    font-style: italic;
    font-size: 140%;
}

div.content p
{
    padding: 0 0 15px 0;
    line-height: 19px;
    color: #c9c9c9;
    font-style: oblique;
    font-size: 125%;
}

div.content strong
{
    margin: 0 30px 0 0;
    display: block;
    float: left;
    color: White;
    font-style: italic;
    font-size: 200%;
}

div.content a.more
{
    width: 109px;
    height: 27px;
    padding: 7px 10px 0 0;
    display: block;
    float: left;
    background: url(images/want2know-more.png) no-repeat 0 0;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

/*======================================================================================*/
/* CONTENT PANEL                                                                        */
/*======================================================================================*/
.contentPanel ul {
  margin-left: 70px;
  list-style-image:url("/styles/images/ulimg.jpg");
}

#contentPanel
{

	padding: 8px 8px 22px 10px;
	clear: both;

 
}

#contentPanelBottom
{

	height: 29px;
	clear: both;
  background: url(/images/predel.png) no-repeat;
  right: 225px;
 margin: -20px 200px 0 0;
  position: relative;
  width:780px;
}

#baba {
  position: absolute;
  top: 0;
  margin-left: -988px;
  left: 50%;
  top: 1`0%;
  
  z-index: 999;
}

/*======================================================================================*/

#contentPanel .contentPanel
{
    width: 493px;
    padding: 22px 0;
    float: left;
    text-align: justify;
    min-height: 400px;
}

#contentPanel .contentPanel-subpage
{
    width: 700px;
    padding: 22px 0;
    float: left;
}

#contentPanel .contentPanel h2, #contentPanel .contentPanel-subpage h2
{
   
    color: #fe00fb;
    font-size: 210%;
    font-weight: normal;
    font-family: "Trebuchet MS";
    font-family: Trebuchet MS; 
    text-align: left;
    
}

#contentPanel .contentPanel p, #contentPanel .contentPanel-subpage p
{
    padding: 0 0 25px 0;
    color: #948989;
}

#contentPanel .contentPanel p strong.next, #contentPanel .contentPanel-subpage p strong.next
{
    padding: 15px 0 0 0;
    display: block;
    clear: right;
    text-align: right;
}

#contentPanel .contentPanel p strong.next a, #contentPanel .contentPanel-subpage p strong next a
{
    color: #ff37fe;
}

#contentPanel .contentPanel div.help, #contentPanel .contentPanel-subpage div.help
{
    width: 100%;
    height: 65px;
    clear: both;
}

#contentPanel .contentPanel div.help select, #contentPanel .contentPanel-subpage div.help select
{
    width: 150px;
    padding: 5px 10px;
    float: left;
    border: 1px solid #d2d2d2;
}

#contentPanel .contentPanel div.help a, #contentPanel .contentPanel-subpage div.help a
{
    width: 109px;
    height: 20px;
    padding: 7px 10px 0 0;
    position: relative;
    left: 15px;
    display: block;
    float: left;
    background: url(images/want-help.png) no-repeat 0 0;
    color: White;
    text-decoration: none;
    font-weight: bold;
    text-align:center;
}

#contentPanel .contentPanel div.images, #contentPanel .contentPanel-subpage div.images
{
    width: 260px;
    float: left;
}

#contentPanel .contentPanel div.images img, #contentPanel .contentPanel-subpage div.images img
{
    float: left;
    border: 1px solid #dadada;
}

#contentPanel .contentPanel div.images div, #contentPanel .contentPanel-subpage div.images div,
{
    width: 42px;
    height: 110px;
    float: left;
    background: url(images/changes-arrow.png) no-repeat center center;
}

#contentPanel .contentPanel div.images div strong, #contentPanel .contentPanel-subpage div.images div strong
{
    display: none;
}

/*======================================================================================*/

#contentPanel .newsPanel
{
    width: 306px;
    padding: 22px 22px 22px 22px;
    position: relative;
    float: right;
    background: #f1f1f1 url(images/news-bottom.png) no-repeat left bottom;
}

#contentPanel .newsPanel .topCorners
{
    width: 350px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: #f1f1f1 url(images/news-top.png) no-repeat left top;
}

#contentPanel .newsPanel h2
{
    height: 45px;
    color: #221c22;
    font-size: 210%;
    font-weight: normal;
    font-family: "Trebuchet MS";
    font-family: Trebuchet MS;
}

#contentPanel .newsPanel div.item
{
    width: 100%;
    padding: 0 0 20px 0;
    clear: both;
}

#contentPanel .newsPanel div.item div
{
    width: 77px;
    padding: 0 0 20px 0;
    float: left;
}

#contentPanel .newsPanel div.item div img
{
    border: 1px solid #dcdcdc;
}

#contentPanel .newsPanel div.item h3
{
    color: #282828;
}

#contentPanel .newsPanel div.item span
{
    height: 17px;
    display: block;
    clear: right;
    color: #ababab;
    font-size: 80%;
}

#contentPanel .newsPanel div.item p
{
    color: #948989;
}

#contentPanel .newsPanel div.archive
{
    width: 100%;
    padding: 20px 0 0 0;
    clear: both;
    text-align: right;
}

#contentPanel .newsPanel div.archive a
{
    color: #ff37fe;
    font-weight: bold;
}

/*======================================================================================*/
/* BOTTOM PANEL                                                                         */
/*======================================================================================*/

#bottomPanel
{

	margin: 0 auto;
   width: 777px;
	color: #979797;
  float:right;
}

#bottomPanel p.copyright
{
    padding: 0 40px 0 0;
    display: block;
    float: left;
    width: 188px;
    background: url(images/bottom-dots.gif) no-repeat right top;
}

#bottomPanel p.copyright span
{
    width: 90px;
    height: 50px;
    padding: 0 0 12px 0;
    display: block;
    background: url(images/logo-bottom.gif) no-repeat 0 0;
}

#bottomPanel p.copyright span strong
{
    display: none;
}

#bottomPanel p.copyright a
{
  float: left;     
}

#bottomPanel p.contactAddress
{
    width: 167px;
    padding: 18px 3px 0 40px;
    display: block;
    float: left;
    background: url(images/bottom-dots.gif) no-repeat right top;
}

#bottomPanel p.contactAddress strong
{
    height: 17px;
    display: block;
    clear: both;
    font-size: 100%;
    margin-bottom:7px;
}

#bottomPanel p.contactOther
{
    padding: 35px 0 0 85px;
    float: left;
    display: block;
    background: url(images/contact-phone.gif) no-repeat 32px 29px;
}

#preview3d_selection a img {
margin:0 8px;
}

#preview3d_selection {
padding:20px 0;
text-align:center;
}

#copyr {
  margin-left: -236px; 
  color: #979797; 
  font-size: 8pt;
}