/*
******************************************************************************
* project:			VAE Controls - Web site 2004 - XML
* source			 styl_01.css
* date:			12.4.2005
* created by:		J. Kundratova
* description:		css soubor pro vsechny styly -all-  CS !!!
******************************************************************************
*/

/* **************** HLAVNI NASTAVENI ******************* */

/* Zakladni nastaveni stranky - na bilem pozadi font Arial */
html  
{ 
font-family: Arial, Verdana, sans-serif; 
color: navy; 
background-color: White;
font: normal normal normal medium normal Arial;
vertical-align: text-top; 
text-align: left; 
scrollbar-base-color : white;	
scrollbar-face-color : #99CCFF;
margin: 0px 0px 0px 0px;
font-size: x-small;
}

/* Pozadi a nastaveni vzhledu scroll listy - nutno definovat i tady */
body  
{
	margin: 0px;
	font-family: Arial, Verdana, sans-serif;
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-image: url('../images/pozadi_01_pl.jpg');
	scrollbar-base-color: transparent;
	scrollbar-face-color: #99CCFF;
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
}

/* Zarovnani prezentace na stred /patri k  body/ */
.main 
{  
width: 760px; 
height: 400px; 
position: absolute;
top: 50%; 
left: 50%; 
margin: -75px 0px 0px -200px; 
overflow: auto; 
vertical-align: top; 
white-space: pre;
}

/* Pro odsunuti od ramovani v boxech (uzavrit do DIV) */
.content 
{ 
/*border: 1px solid black; */
padding: 5px; 
vertical-align: top;
}

/* Nastaveni pro hlavicku */
#hlavicka {
margin: 0;
padding: 0;
width: 98%; 
}
.left /* Nastaveni pro volna mista */
{ 
vertical-align: top;
margin: 5px; 
}

.obrazek /* Nastaveni pro volna mista */
{ 
margin: 5px; 
float: right;
width: 420px;
}

.pozadi /* ctvereckovane pozadi do DIV */
{ 
background-image: url('../images/pozadi_cary_3.gif');
margin-left: 10px;
padding-left: 10px;
}
/* ********************* NASTAVENI TEXTU H1,2,3,4 ********************  */

/* Velky nadpis H1*/
h1 
{
font-family: Arial, Verdana, sans-serif;
color: red; 
font-size: 10pt; 
text-align: left; 
text-indent: 0;
font-weight: bold; 
padding:0pt; 
margin: 0pt; 
text-transform: uppercase; 
vertical-align: top;}

/* Podnadpis H2*/
h2 
{
color: navy; 
font-size: small; 
font-weight: bold; 
text-align: left; 
vertical-align: baseline;}

/* H3 pro jmena statu v kontaktech */
h3 
{
color: navy; 
font-size: small; 
font-weight: normal; 
text-align: left; 
text-transform: uppercase;
vertical-align: top;}

/* H4 Nadpis do prehledu produktu */
h4 
{
color: white; 
font-size: small; 
text-align: center; 
text-indent: 0;
font-weight: bold; 
padding: 0pt; 
margin: 0pt; 
text-transform: uppercase; 
vertical-align: top;}

/* H5 Nadpis pod obrazek partneri */
h5 
{
color: navy; 
font-size: x-small; 
text-align: center; 
text-indent: 0;
font-weight: bold; 
vertical-align: top;}

/* H6 popis do udalosti */
h6 
{
color: navy; 
font-size: x-small; 
text-align: left; 
text-indent: 0;
font-weight: normal; 
vertical-align: top;}

/* H7 popis do kontaktu */
h7 
{
color: navy; 
font-size: small; 
text-align: left; 
text-indent: 0;
font-weight: bold; 
vertical-align: top;}

.job {
	margin-top: 3px;
	text-align: justify;
	vertical-align: baseline;
	color: navy;
text-transform: none;
}

.blue {
	color: blue;
text-transform: none;
font-weight: normal; 
}

/* **************** NASTAVENI HLAVICKY ******************* */

/***********************************************************/
/* DIVy v HLAVICKA */ 
/***********************************************************/

.hlavicka-cela {
height: 210px;
}

.logo {
margin: 0px;
padding: 0;
width: 200px;
float: left;
text-align: left; 
vertical-align: top;
}

.lang {
	margin-top: 3px;
	text-align: right;
	vertical-align: baseline;
}

.navigace {
/* margin-left: 400px; */
 margin-top: 110px; 
 margin-left: 160px;
text-align: right; 
vertical-align: baseline;
}

.banner {
/* margin-left: 400px; */
margin-left: 60%;
margin-top: 48px; 
}

.obsah {
background-image: url('../images/pozadi_cary_3.gif');
}

.certifikaty {
	width: 90%;
	margin: 0 0 10px 20px;
	text-align: left;
	vertical-align: top;
	background-image: url('../images/pozadi_cary_3.gif');
}

.certifikat {
margin: 0px;
padding: 0;
width: 300px;
height: 200px;
float: right;
vertical-align: top;
}

.popis {
/* width: 500px; */
text-align: left; 
}


.oddelovac {
	/* width: 500px; */
	clear: both;
}

div.a.pozadi100 {
	width: 100px;
}

/*************************************************************************/
/* TABULKY : Table - zakladni tabulka  - pozadi dlazdice */
/* ***********************************************************************/

table 
{
width: 96%; 
text-align: left;
color: navy; 
font-size: small;
margin: 0px 0px 0px 20px; 
background-image: url('../images/pozadi_cary_3.gif'); 
/* border-color: gray; table-layout:fixed; */
}

/* Table - tabulka pro prehled produktu */

table.produkty  
{
text-align: center;
font-size: small;
font-weight: normal; 
text-align: left; 
vertical-align: top; 
padding:0pt; 
margin: 0px 0px 0px 0px; 
width: 80%; 
background-image: none;
background-color: white;
border-color: #99CCFF;
}

/* Table - tabulka pro homepage */

table.td.homepage  
{
width: 95%;
height: 150px;
font-size: small;
_font-size: x-small; 
font-weight: normal; 
text-align: center; 
vertical-align: top; 
padding:0pt; 
margin: 0px 0px 0px 0px; 
background-image: none;
background-color: white;
border-color: #99CCFF;
}

/* Table td pozadi- tabulka pro homepage */

td.homepage  
{
width: 80%;
height: 150px;
font-size: small;
_font-size: x-small; 
font-weight: normal; 
text-align: center; 
vertical-align: top; 
padding:0pt; 
margin: 0px 0px 0px 0px; 
background-image: none;
border-color: #99CCFF;
}

/* Table td pozadi- tabulka pro homepage */

td.nastaveni  
{
width: 50%;
/* height: 20px; */
font-size: small;
_font-size: x-small; 
font-weight: normal; 
text-align: center; 
vertical-align: top; 
padding:0pt; 
margin: 0px 0px 0px 0px; 
background-image: none;
border-color: #99CCFF;
}

/* Table - tabulka pro reklamu na homepage */

table.td.reklama  
{
width: 95%;
height: 150px;
font-size: small;
_font-size: x-small; 
font-weight: normal; 
text-align: left; 
vertical-align: top; 
padding:0pt; 
margin: 0px 0px 0px 0px; 
background-image: none;
border-color: #99CCFF;
}

/* Table - tabulka pro reklamu2 na homepage */

table.td.reklama2  
{
width: 95%;
height: 150px;
font-size: small;
font-weight: normal; 
text-align: left; 
vertical-align: top; 
padding:0pt; 
margin: 0px 0px 0px 0px; 
background-image: none;
border-color: #99CCFF;
}

/* sloupec - bunka tabulky */
tr.table.produkty  
{
font-family: Arial, Verdana, sans-serif;
font-size: small;
font-weight: bold; 
background-color: #99CCFF;
}

/* Table - tabulka pro prehled kontaktu */
table.kontakty  
{
width: 100%;
text-align: left; 
vertical-align: top; 
margin: 0px 0px 0px 0px; 
/* background-repeat: no-repeat; */
/* background-attachment: fixed; */
background-image: none; 
}

/* sloupec - bunka tabulky kontakty */
tr.table.kontakty  
{
font-family: Arial, Verdana, sans-serif;
vertical-align: top; 
}

/* delici cara */
hr {
color: navy; 
text-align: center; 
size:1; 
width:100%; 
}

/* delici cara barevna pro novinky */
hr.novinky {color: lightgrey; }

/* Odkazy v menu budou modre, bold bez podtrzeni */
a         {color: blue; text-decoration: none; font-family: Arial, Verdana, sans-serif; font-weight:bold; }
a:link    {color: blue; }
a:visited {color: blue; }
a:active  {color: blue; }                          
a:hover   {color: red; } 

a.mapa   {color: blue; font-weight: bold; text-decoration: underline; font-size: small; text-align: left;  } 
a:link.mapa    {color: blue; }
a:visited.mapa {color: blue; }
a:active.mapa  {color: blue; }                          
a:hover.mapa  {color: red; } 

/* Odkazy v normalnim textu - budou modre s podtrzenim */
p           {color: navy; font-weight: bold; text-decoration: none; font-size: small; vertical-align: text-top; text-align: left;  } 
p a         {color: blue; text-decoration: underline; }
p a:link    {color: blue; text-decoration: none; }
p a:visited {color: blue; text-decoration: none; }
p a:active  {color: blue; text-decoration: none; }                          
p a:hover   {color: red; text-decoration: none;} 


/* Odkazy pro jazykove verze */
.lang           {color: gray; font-size: xx-small; text-decoration: none; vertical-align: middle; font-family: Arial, Verdana, sans-serif; font-weight:normal;}
.lang a         {color: gray; }
.lang a:link    {color: gray; }
.lang a:visited {color: gray; }
.lang a:active  {color: gray; }                          
.lang a:hover   {color: gray; }

/* seznam s odrazkami na hlavni strane */
li {vertical-align:top; font-weight: bold; color: navy;}

/* Seznam s odrazkou (ikonkou)*/
.seznam_iko        {list-style-image: url('../images/odrazka_kontura.gif'); list-style-position: inside;}

/* Seznam s odrazkou (red)*/
.seznam_red       {list-style-image: url('../images/odrazka_red.gif'); list-style-position: inside; color: red; }

/* Seznam s odrazkou (green)*/
.seznam_green      {list-style-image: url('../images/odrazka_green.gif'); list-style-position: inside; color: #339999;}

/* Seznam s odrazkou (blue)*/
.seznam_blue      {list-style-image: url('../images/odrazka_blue.gif'); list-style-position: inside; color: navy;}

/* kurziva */
.kurziva { font-style: italic }

/* normalni text v referencich */
.normal { font-weight: normal; font-size: small; color: navy; vertical-align:top;}

/* Zvyrazneni libovolneho textu */
.em { font-weight: bold }

/* Popisek u referenci - podle ceho je trideno */
.popisek { font-weight: normal; font-size: x-small; color: gray; text-transform: uppercase; }

/*klicova slova - skryty text */
span.skryj    { visibility: hidden; font-size: 6px;}

/* **************** NASTAVENI PATICKY ******************* */

/* Nastaveni body jen pro paticku */
.paticka_body { font-family: Arial, Verdana, sans-serif; text-align:center; }

/* Nastaveni tabulek jen pro paticku */
.paticka_table {
width: 98%; 
text-align: middle; 
background-color: navy; 
font-family: Arial, Verdana, sans-serif; 
border-top: black; 
background-image: none;
vertical-align: middle;  }

/* Nastaveni tagu p jen pro paticku */
.paticka_p { 
width: 32%; 
font-family: Arial, Verdana, sans-serif; 
font-size: small;  
font-style: normal; 
text-align: left; 
font-weight: normal; 
vertical-align: top; 
background-color: #99CCFF; 
color: navy; 
padding-left: 10px;}

/* pozadi radku tabulky */
.paticka_tr {text-align: middle; color: navy; vertical-align: top;}

/* pozadi bunky tabulky */
.paticka_td {text-align:center; font-size: x-small; color: white; vertical-align: top; padding-left: 0px;}

/* Odkazy v paticce - budou bile na modrem  */
.paticka_td a         {color: white; text-decoration: underline; font-family: Arial, Verdana, sans-serif; font-weight: normal;}
.paticka_td a:link    {color: white; }
.paticka_td a:visited {color: white; }
.paticka_td a:active  {color: white; }                          
.paticka_td a:hover   {color: red; }

/* **************** POZOR - Zacatek nastaveni pro menu - NEMENIT !!! ******************* */
#menuHolder {
text-align: right;
}

.menuItem {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: black; background-color: navy; text-align: left; font-weight: bold; }

div.menuItem.a:hover {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: black; background-color: navy; padding-left: 0px; text-align: left; }

div.menuItem {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: white; background-color: navy; border: 2px ridge #99CCFF; padding-left: 1px; text-align: left; font-weight: bold; width: 100%;}

a.menuLink {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: white; text-decoration: none; background-color: navy;  position: absolute; width: 100%; }

a.menuLink:active {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: navy; text-decoration: none; background-color: #99CCFF; 
position: absolute; width: 100%;}

a.menuLink:visited {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: white; text-decoration: none; position: absolute; width: 100%; }

a.menuLink:hover {font-family: "Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px; color: navy; text-decoration: none; background-color: #99CCFF; 
position: absolute; width: 100%; }

.cssSupport {display: none;}

#visibleMenu1 {height: 16px; width: 100px; cursor: default; background-color: white;}

#visibleMenu2 {height: 16px; width: 100px; cursor: default;}

#visibleMenu3 {height: 16px; width: 100px; cursor: default;}

#visibleMenu4 {height: 16px; width: 100px; cursor: default;}

#hiddenMenu1 {width: 100px;}

#hiddenMenu2 {width: 100px;}

#hiddenMenu3 {width: 100px;}

#hiddenMenu4 {width: 100px;}

/***************** KONEC pro menu *******************/
 
/*--**************** KONEC CSS *******************/