/* +!
 Author: check the devel.php
 date: 01.07.2008
*/

body
{
  text-align: center;
  font-family: Verdana, Arial;
  font-size: 10px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: rgb(200,200,200);
  
  overflow-x: hidden;
}

.naStred
{
  width: 100%;
  position: relative;
  text-align: left;
  margin: 0 auto;
}

.hornaLista
{
  background-color: rgb(140,140,140);
  width: 100%;
  height: 90px;
  
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.menuLista
{
  background-color: rgb(200,200,200);
  font-size: 12px;
  padding-bottom: 2px;
  padding-top: 2px;
  padding-left: 10%;
  padding-right: 10%px;
  
  border-bottom-color: black;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#ciernaCiara
{
  width: 100%;  
  border-top-color: black;
  border-top-style: solid;
  border-top-width: 1px;  
}

.menuPolozka
{
  font-size: 12px;
  padding-right: 25px;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  
}

a.menuPolozka
{
  text-decoration: none;
  font-weight: bold;
  color:rgb(90,90,90);
}

a:link.menuPolozka
{
  text-decoration: none;
  color:rgb(90,90,90);
}

a:hover.menuPolozka
{
  color: white;
  background-color:rgb(200,200,200);
  /*background-color: rgb(244,16,27);*/
}

a:visited.menuPolozka
{
  text-decoration: none;
}

.slideshow
{
  padding-bottom: 15px;
  padding-top: 15px;
  width: 800px;
  height: 350px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.produktyPolozka
{
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  background-color: rgb(200,200,200);
  padding-bottom: 3x;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  
  margin-top: 3px;
  margin-bottom: 3px;
}

a
{
  text-decoration: none;
  font-weight: bold;
  color:black;
}

a img
{
  border-style: solid;
  border-color: #CC0000;
  border-bottom: 4px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

a:link
{
  text-decoration: none;
  color:black;
  
}

a:hover
{  
  color: white;
  background-color: rgb(244,16,27);
}

a:visited
{
   text-decoration: none;
}

a.produktyLink img
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);    
}

a:link.produktyLink img
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);    
}

a:hover.produktyLink img
{
  opacity: 1.0;
  -moz-opacity: 1.0;
  filter: alpha(opacity=100);    
}

a:visited.produktyLink img
{
   
}

.tableProdukty
{
  width: 80%;
  overflow-x: auto;
  
  margin-top: 0px;  
}

#pretekar
{
  position: relative;
  left: 10%;
}

#dynamicContent
{
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
  
  height: 350px;
  background-color: white;
  
}

#ajaxImg /*pole kde dynamicky vkladam obrazky produktov*/
{    
  position: absolute;
  margin-top: 10px;
  left: 10%;
}

.ajaxInfo /*pole kde vkladam informacie o produkte*/
{
  position: absolute;
  left: 62%;     
  margin-top: 10px;        
  
  
  padding-left: 15px;
  padding-bottom: 0px;
  text-align: justify;
  width: 312px;
  height: 300px; /*rovnaka vyska ako obrazok*/
  border-left-color: black;
  border-left-style: solid;
  border-left-width: 1px;
}

.thImg
{
  border-bottom-color: white;
  border-bottom-style: solid;
  border-bottom-width: 4px;
  
  margin-bottom: 4px;
}

.thImg:hover
{
  border-bottom-color: rgb(244,16,27);
  border-bottom-style: solid;
  border-bottom-width: 4px;
}

#ajaxLoader
{
    position: absolute;
    top: 200px;
    left: 50%;
    z-index: 10000;        
}

/*informacie o firme*/
#oFirme
{
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 10%;
  padding-right: 10%;
  height: 350px;
  background-color: white;
  font-size: 12px;
  /*width: 800px;*/
}

.floatRight
{
    float: right;
    padding-right: 25px;
    padding-left: 25px;
}

#map
{    
  /*
  background-color: black;
  border-width: 2px;
  border-color: rgb(140,140,140);
  border-style: solid;
  */
    
  width: 560px; 
  height:330px;
  
  position: absolute;
  left: 43%;
  top: 140px;
}

#author
{
  position: absolute;
  top: 700px;
  left: 1000px;
  color: rgb(150,150,150);
}

#author a:link
{
  text-decoration: none;
  color: rgb(150,150,150);
}

#author a:hover
{
  text-decoration: none;
  font-weight: normal;
  color: rgb(150,150,150);
}

#author a:visited
{
  text-decoration: none;
  color: rgb(150,150,150);
}