/*---- Layout ----*/

body
{
	font-family: Verdana, Arial, 'Lucida Grande CE', 'Helvetica CE', lucida, sans-serif;
	padding: 0;
	margin: 0;
	background-color:#FFF;
	font-size:0.9em;
}

#mainContent ul li { font-size: 80%; }
ul ul { font-size: 100%; }
li ul  { font-size: 133%; }
li ul li ul { font-size: 122%; }
td p { font-size: 100%; }

#mainContent ul li h2 { font-size: 100%;text-align:left; }


/*---- Presentation ----*/
h1,h2,h3,h4 {
color:#284494;
}
h1 {
	font-size: 1.1em;
	font-weight: bold;
	font-variant: normal;
	margin-bottom:0.2em;

	padding:10px;
	text-align:center;

} 

h2 {
	font-size: 0.9em;
	font-weight: bold;
	font-variant: normal;
	margin-bottom:0.2em;
	margin-top:0.5em;
	text-align: center;


} 

h3 {

	font-size: 0.8em;
	font-weight: bold;
	font-variant: normal;
	margin-bottom:0.3em;
margin-top:1em;

padding-bottom:0;
text-align:center;

} 

h4 {

	font-size: 0.7em;
	font-weight: bold;
  color:#284494;
margin:0;padding:0;
margin-top:5px;
margin-bottom:0.2em;
} 

p,tr,td {
	font-variant: normal;
	margin-top:0.3px;
	margin-bottom:0px;
	font-weight: normal;
} 


#contentColumn li,td {

	font-size: 70%;

} 



#contentColumn ul{
vertical-align:top;
} 

#contentColumn ul li {
	font-variant: normal;
	margin-top:5px;
	margin-bottom:0px;
	font-weight: normal;
	list-style-position: outside;

} 

p {

	font-size: 75%;
	margin-top:0.5em;
	margin-bottom:0px;
	font-weight: normal;


} 
input {
	font-size: 100%;
} 
select {
	font-size: 80%;
} 


a
{color:#090959;}

img {
	border: none;}

form {
	margin:0;padding:0;}

/**/
.rightAlign {
	text-align:right;
width:100%;}


ul.inlinelist 
{text-align:center;
margin:0;padding:0;

font-weight:bold;
margin-left:5px;
margin-right:5px;
}

ul.inlinelist li
{
display:inline;
list-style-type: none;
font-weight:bold;
margin-left:5px;
margin-right:5px;
}


/*---- Borders ----*/

#footer, #header, #navigation, #contentColumn, #innerContentColumn
{
	border:none;
}




/*---- Visual Elements ----*/

#pageFrame
{
	margin: 0px auto; 
	width: 780px;
	border:none;
padding:0;

}

#bottom
{
	clear: both;
	height: 10px;
	padding:0px;
	margin:0px;
	border: none;
	margin-bottom:0;
	top: auto;
	bottom: 0px;

}




#header
{
	width:780px;
	height:90px;
  margin:0;padding:0;
  background-image: url(../img/header-bg.png);
	
}


#headerTop, #headerTop a img
{
	width:780px;
	height:67px;
	border:none
	
}

#headerTop
{
	width:780px;
	height:67px;
	
}

#animation
{z-index:20;
	width:780px;
	height:180px;
margin:0;padding:0;
	background-image: url(../img/primaspot.jpg);
	background-repeat: no-repeat;
}

#animationint
{z-index:20;
	width:780px;
	height:180px;
margin:0;padding:0;
	background-image: url(../img/primaspotint.jpg);
	background-repeat: no-repeat;

}

#header img
{
	width:702px;
	height:127px;
margin:0;padding:0;

}


#mainContent
{
	width:780px;
	clear:both;
	margin:0;padding:0;
position:absolute;
	
}

.slogan
{
	width:780px;
	clear:both;
	margin:0;padding:0;
height:24px;
line-height:24px;
margin: 6px 0;
text-align:center;
color:black;
font-size:0.8em;
background-color:#E6E6E7;
}

#leftColumn
{float:left;width:160px;

}


#mainColumn, #mainColumnTitle
{float:left;
}

#mainColumn
{width:600px;
}

 #mainColumnTitle
{width:460px;
}

#innerMainColumn, #innerMainColumnProducts
{margin:0 10px 10px 10px;
}


#rightColumn
{float:right;width:160px;

}

#contentColumn
{
margin:0;padding:0;

}

#navigation 
{width:780px;	margin:0;padding:0;
}


#bottomNav
{clear:both;

}


#bottomNav ul
{
}

#topNav ul,#bottomNav ul
{height:23px;
	text-align:center;
margin:0;padding:0;
line-height:23px;
margin: 0px 19px;
}

#bottomNav ul
{
margin: 0px;
}

#topNav ul li, #bottomNav ul li
{margin: 0px 5px;
  padding:0;
	list-style-type: none;
	font-weight: normal;
  display: block;float:left;	
	height:23px;
}



#topNav ul li, #topNav ul li a,#bottomNav ul li, #bottomNav ul li a
{
  color:#545456;
}

#topNav ul li a, #bottomNav ul li a
{
display: block;float:left;
margin:0;padding:0px;
	text-decoration:none;	
	height:23px;
 font-size:0.75em;
 letter-spacing:0.04em;
}




.innerContentColumn
{width:702px;
	padding: 10px;
}




.bottomstrip {
	height:10px;
	width:100%;
	padding:0px;
	margin:0px;
	border: none;

} 

#footer
{
	clear: both;

	
	width:780px;
	background-position: center top;
	height: 78px;
	
}
#innerFooter
{
	text-align: center;
	font-size:0.6em;
	color:#000;
padding-top:10px;
}


#innerContentColumn
{
	overflow: visible;
/*	height: 100%;	 fix the Win32 IE float bug */
	/*margin-right: 200px;*/
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	width:596px;
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
	float:right;
}











/*other*/
._align {
	clear: both;
	height: 1px;
	padding:0px;
	margin:0px;
	border: none;
	font-size:1px;
	line-height: 1px;
} 

.align {
	clear: both;
	height: 1px;
	padding:0px;
	margin:0px;
	border: none;
font-size:1px;
	line-height: 1px;
} 

.alignBottom {
	clear: both;
	height: 10px;
	padding:0px;
	margin:0px;
	border: none;
	bottom: 0px;


} 


.noMargin {
	margin:0px;
	text-align:right;

} 

.rightMargin {
	margin-right:2px;
} 





/***cislovani stran**/
#numbering {
margin-top:5px;
width:100%;

}



/*formular*/

.leftCol {
float:left;
width:100px;
text-align:right;
padding:0px;
margin:0px;
font-size:0.8em;
}

.rightCol {
float:right;
width:350px;
text-align:left;
padding:0px;
margin:0px;
font-size:0.8em;
}

.twoCol {

width:470px;
}

.formItem {
width: 470px;
padding-left:5px;
padding-right:5px;
padding-top:1px;
padding-bottom:1px;
}

/**warn*/
.warn {
color:red;font-weight: bold;
}


.gallery {margin-top:10px;

}

input.buttonback,input.buttonsend {
margin-top:5px;
	background-image: url(../img/tlback.png);
	background-repeat: no-repeat;
	background-position: center center;
  width:75px;
height:34px;
	
	font-weight: bold;
	color: #000000; 
	border: none;
}

input.buttonback:hover,input.buttonsend:hover {
	background-image: url(../img/tlback_m.png);
	background-repeat: no-repeat;
	background-position: center center;

}
#rightimg {
	float:right;
	width:120px;
;
}

#leftbox {
	float:left;
	width:530px;
}


.panel {
	border: 1px solid #284494;
	margin-bottom:13px;
}


#floatpanel {
position: fixed; top:415px; right:auto; background-color:#FFFFFF; text-align: left;width:158px;
background-color:#E8E8E8;

}

#floatpanel p {
text-align:center;
}

.mainpanel {
	border: 1px solid #284494;
	margin:0px 0 13px 0;
	background-color:#E6E6E7;
	
}

.panel .header {
	background-color:#284494;
	color:#FFF;
	font-size:0.8em;
	font-weight:bold;
	padding:3px 3px 3px 20px;
	background-image: url(../img/panel-bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.mainpanel .header {
	height:85px;
	line-height:85px;
	color:#545456;
	font-size:1.2em;
	font-weight:bold;
	padding:3px 3px 3px 220px;
	background-image: url(../img/mainpanel-bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom:1px solid #4063AA; 
}

.panel .body img {
	display: block;
}

.panel .body {
	margin:0;
	padding:0;
}

#floatpanel .body h3 {
	margin:0;
	padding:5px;
}

.panel .body p {
	padding:5px;
}

.mainpanel .body {
	margin:0;
	padding:10px 70px;
	font-size:0.8em;
}

.mainpanel .body option {
width:250px;
}

table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:10px;
}
td, th{
	border:1px solid #284494; 
	text-align:center;
	padding:2px;
}

.images td, .images th{
	border:none; 

}

th{
	color:#284494; 
	font-size:0.7em;

}

th{
	color:#284494; 
	font-size:0.7em;

}

table.contactform,table.contactform td  {

border: 0px;
}

table.contactform th,table.contactform tr {
	font-size:1.1em;
	border: 0px;
}


.vbar,.vbartop {
  font-size:10px;
  font-weight:bold;
vertical-align: top;

  line-height:23px;
  height:23px;
  text-align:center;
}

.vbar {
  width:30px;
float:left;
}

.link {
	background-image: url(../img/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height:1em;
	line-height:1em;
	font-size:0.8em;
	font-weight:bold;
	text-align:right;
	padding:0 20px 0 0;
	margin:5px 40px 5px 0;
}

.link a {
	font-size:0.8em;
  text-decoration:none;
  color:#425363;
}

.address {
		text-align:center;
		margin-bottom:2em;
}

ul.submenu {
  list-style:none;
  float:left;

  margin:0;padding:0;
  margin-bottom:20px;

}

ul.submenu li {
 float:left;
	background-image: url(../img/arrow-right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color:#E8E8E8;

	font-weight:bold;
	padding:5px 5px 5px 20px;
	margin:5px 0 5px 20px;
	width:150px;
}

ul.submenu li a {
	font-size:1em;
}
.navtree {
	font-size:0.8em;
}

.navtree a {
	text-decoration:none;
	font-size:0.9em;
}

.nomargin {
	margin:0;
	padding:0;
}

.hidden {
		display: none;
			margin:10px;
			padding:10px;
		background-color:#fff;
		border:1px solid #000;
}

table.contact td.namelist {
		width:40%;
			font-size:0.8em;
}

table.contact td.bcard {
		width:60%;
    background-color:#CCC;
}

table.contact tr {
			font-size:1.3em;
}

table.contact ul {
			text-align:left;
}
table.contact ul {
			list-style-type: none;
			padding-left:5px;
}