/* CSS Document */
/*
* ------------------------------------------------------------------------------
*  cely obsah stranky
* ------------------------------------------------------------------------------
*/
* {
  margin: 0px;
  padding: 0px;
  line-height: 140%;
  color: #000000;
  font-size: 11px; 
}

body{
  text-align: center;     /* Vystředění pro IE */
  background: #a8a8a7;
  font-family: Arial, Tahoma, Verdana;
  border-top: #24211d solid 6px;
}

h1{
  font-size: 20px;
}


/*
*
*   #body je hlavní div s veškerým obsahem, centrovaný na střed 
* 
*/
#body{
  width: 950px;
  margin: 0 auto;        /* Vystředění hlavního divu body pro firefox a operu */
  text-align: left;
  background: url(images/schema/horizontal-line.png) repeat-y;
}

#all{
  width: 928px;
  position: relative;
  top: 0;
  left: 0;
}
/*
* ------------------------------------------------------------------------------
* // cely obsah stranky
* ------------------------------------------------------------------------------
*/




/*
* ------------------------------------------------------------------------------
*  hlavicka
* ------------------------------------------------------------------------------
*/  
#header,
#header2{
  float: left;
  margin-left: 22px;
  width: 928px;
  height: 160px;
  display: inline;
}

#header2{
  height: 94px; 
  background: url(images/schema/horizontal-line2.png) no-repeat left bottom;
}
    
#header #jazyky,
#header2 #jazyky{  
  width: 146px; 
  height: 20px;
  margin: 0px 7px;
  font-size: 12px;
  color: #6d6b6a;
  padding-top: 5px;
  float: left;
  text-align: center;
  display: inline;
}

#header #jazyky a,
#header2 #jazyky a{
  font-size: 10px;
  color: #6d6b6a;
  padding: 0 2px;
}

#header #menu,
#header2 #menu{   
  float: left;
  width: 730px;
  color: #000000;
  font-size: 11px;
  padding-top: 5px;
  padding-right: 17px;
  text-align: right;
  height: 20px;
}

#header #menu a,
#header2 #menu a{
  color: #000000;
  font-size: 11px;
  padding: 0 2px;
  font-weight: bold;
}

#header #menu a:hover,
#header2 #menu a:hover,
#header #menu a.selected,
#header2 #menu a.selected
{
  color: #df0024;
  text-decoration: none;
}

#header #logo,
#header2 #logo{
  width: 700px;
  height: 110px;
  float: left;
}

#header2 #logo{
  height: 71px;
}

#header #logo #polak{
  position: absolute;
  top: 70px;
  left: 300px; 
}

#header2 #logo #polak{
  display: none;
}

#header #logo #polak img{
  border: 0;
}

#header #logo #logo-p,
#header2 #logo #logo-p{
  position: absolute;
  z-index: 12;
  left: 130px;
  top: 55px;
  width: 140px;
  height: 130px;
} 

#header2 #logo #logo-p{
  position: absolute;
  z-index: 12;
  left: 165px;
  top: 15px;
  width: 75px;
  height: 69px;
}

#header #hledej,
#header2 #hledej{
  text-align: right;
  float: left;
  width: 190px;
  height: 30px;
  margin: 90px 20px 0 0; 

}

#header2 #hledej{
 margin: 20px 20px 0 0; 
}

#header #hledej .search,
#header2 #hledej .search{
  width: 130px;
  font-size: 11px;
  padding: 2px;
  background: #fdfdfd;
  border: 1px solid #aaaaaa;
  color: #838383;
  float: left;
  margin-right: 5px;
}

#header #hledej .search-button,
#header2 #hledej .search-button{
  width: 12px;
  height: 19px;
  background:  url(images/schema/search.png);
  border: 0;
  cursor: pointer;
  float: left;
}

#logo-p img{
  border: 0px;
}
/*
* ------------------------------------------------------------------------------
*  //hlavicka
* ------------------------------------------------------------------------------
*/




/*
* ------------------------------------------------------------------------------
*  menu
* ------------------------------------------------------------------------------
*/
#content,
#content2{
  float: left;
}

#content2{
  background: url(images/schema/horizontal-line3.png) repeat-y;
}

#content #left,
#content2 #left{
  float: left;
  width: 181px;
}

#content2 #left{
  margin-top: 66px;
  float: left;
}

#content #left #left-menu,
#content2 #left #left-menu{
  margin-left: 22px; 
  text-align: right;
  padding: 20px 0px;
  width: 159px;
  background: #24211d url(images/schema/menu-left.png) no-repeat;
}

#content #left #left-menu a,
#content2 #left #left-menu a
{
  display: block;
  width: 129px;
  padding-right: 30px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  line-height: 30px;

}

#content #left #left-menu a:hover,
#content2 #left #left-menu a:hover,
#content #left #left-menu a.selected,
#content2 #left #left-menu a.selected
{
  color: #f99a00;
  font-weight: bold;
  background: url(images/schema/brown-arrow.png) right top no-repeat;
}

#content2 #left #poptavka{
  margin: 0 0 0 13px;
  text-align: right;
  width: 168px;
  height: 51px;
  padding-top: 2px;
  background: url(images/schema/prouzek-orange.png) no-repeat;
}

#content2 #left #barevnice,
#content2 #left #prohlidky{
  margin: 10px 0 0 13px;
  text-align: right;
  width: 168px;
  height: 24px;
  padding-top: 2px;
  background: url(images/schema/prouzek-green.png) no-repeat;
}

#content2 #left #prohlidky{
  margin: 0 0 0 13px;
  background: url(images/schema/prouzek-blue.png) no-repeat; 
}

#content2 #left #poptavka a,
#content2 #left #barevnice a,
#content2 #left #prohlidky a{
  font-size: 12px;
  margin-right: 31px;
  color: white;
  text-decoration: none;
}

#content #left #eu,
#content2 #left #eu
{
  margin: 30px 0 0 11px;
  width: 100px;
  height: 96px;
  background: url(images/schema/eu.png) no-repeat;
}

#content #left #eu a,
#content2 #left #eu a{
  display: block;
  color: white;
  width: 75px;
  padding: 25px 13px 2px 10px;
  font-size: 9px;
  text-decoration: none;
}

#content #left #polakcz,
#content2 #left #polakcz{
  margin: 30px 0 0 30px;
}

#content #left #polakcz a,
#content2 #left #polakcz a{
  padding-left: 30px;
  background: url(images/schema/logo-p-mini.png) no-repeat;
  line-height: 23px;
  font-size: 11px;
  display: block;
}
/*
* ------------------------------------------------------------------------------
* //menu
* ------------------------------------------------------------------------------
*/



/*
* ------------------------------------------------------------------------------
* obsah
* ------------------------------------------------------------------------------
*/
#content #content-cont{
  float: left;
  width: 746px;
  padding-bottom: 25px;
  min-height: 650px;
}

#content2 #content-cont{
  float: left;
  width: 569px;
  padding-bottom: 25px;
  min-height: 650px;
}

#content2 #content-cont .poptavka {
  float: left;
}

#content2 #content-cont .poptavka input{
  width: 99%;
}
#content2 #content-cont .poptavka select{
  width: 100%;
}

#content2 #content-cont .poptavka table tr th{
  background: #dddddd; 
  padding: 5px 2px; 
  font-weight: bold;
}

#content2 #content-cont .poptavka table,
#content2 #content-cont .poptavka td{
  border: #dddddd 1px solid;
}

#content2 #content-cont .poptavka td{
  padding: 5px;
}

#content #content-cont #content-image{
  width: 745px;
  height: 330px;
}

#content #content-cont #content-text{
  width: 400px;
  font-size: 13px;
  margin: 30px 0 0 125px;
  display: inline;
  float: left;
}

#content #content-cont #content-text h1{
  font-size: 20px;
  margin: 15px 0 10px 0;
}

#content #content-cont #content-text p{
  margin: 10px 0;
}

#content #content-cont #content-text a,
#content #content-cont #content-text a strong{
  color: #DF0024;
}

#content2 #content-cont{
  width: 745px;
}

#content2 #content-cont .left{
  margin: 5px 10px 10px 25px;
  width: 370px;
  font-size: 12px;
  float: left;
  display: inline;
} 

#content2 #content-cont .left.dotazy h2{
  color: black;
  font-size: 13px;
}

#content2 #content-cont h1{
  margin: 9px 0 18px 0;
  font-size: 24px;
  color: #24211d;
}

#content2 #content-cont .left h2,
#content2 #content-cont .left-kontakt h2{
  color: #676767;
  margin-bottom: 3px;
  font-size: 17px;
}

#content2 #content-cont .left-kontakt{
  margin: 5px 10px 10px 25px;
  width: 190px;
  font-size: 12px;
  float: left;
  display: inline;
} 

#content2 #content-cont .left p,
#content2 #content-cont .left-kontakt p{
  margin-bottom: 20px;
}

#content2 #content-cont .left a{
  color: #DF0024;
}

#content2 #content-cont .left a strong{
  color: #DF0024;
}

#content2 #content-cont .right{
  text-align: right;
  margin: 68px 0px 10px 0px;
  width: 340px;
  font-size: 11px;
  color: #605d5c;
  float: left;
}

#content2 #content-cont .right a{
  font-size: 11px;
  color: #DF0024;
}

#content2 #content-cont .right-kontakt{
  text-align: right;
  margin: 68px 0px 10px 0px;
  width: 520px;
  font-size: 12px;
  float: left;
}

#content2 #content-cont .right .reference{
  padding-left: 20px;
}

#content2 #content-cont .right .reference a{
  margin: 0 0 20px 20px;
  display: inline;
  color: #DF0024;
  float: left;
}

#content2 #content-cont .right p{
  width: 220px;
  margin: 15px 15px 25px 100px;
  font-size: 11px;
  color: #797777; 
  text-align: left;
}

#content2 #content-cont .right .small{
  margin-right: 90px;
}

#content2 #content-cont #reference{
  margin-left: 20px;
}

#content2 #content-cont #reference .hala{
  float: left;
  margin-bottom: 10px;
}

#content2 #content-cont #reference .hala .left{
  float: left;
  width: 420px;
  height: 90px;
  background: red;
  margin: 0;
  background: url(images/schema/vertical-reference.png) repeat-x 0 35px;
}

#content2 #content-cont #reference h2{
  margin-bottom: 10px;
}

#content2 #content-cont #reference .hala div{
  background: #FFFFFF;
  height: 80px;
  float: left;
  display: inline;
  color: #797777; 
  padding-right: 10px;
  padding-top: 10px;
}

#content2 #content-cont #reference .hala div h3{
  background: #FFFFFF;
  display: inline;
  color: #797777; 
  font-size: 15px;
}

#content2 #content-cont #reference .hala .right{
  width: 265px;
  height: 90px;
  float: left;
  margin: 0 0 0 7px;
  background: none;
  text-align: left;
}

#content2 #content-cont #reference .hala .right img{
  margin-left: 10px;
}

#content2 #content-cont #reference h1{
  margin: 9px 0 18px 0;
  font-size: 24px;
  color: #24211d;  
  float: left; 
  width: 700px;
}

#content2 #content-cont #reference h2{
  font-size: 18px;
  color: #797777;
  float: left;
  width: 700px;
}

#content2 #content-cont ul,
#content #content-text ul{
  list-style-type: none;
}

#content2 #content-cont ul li{
  margin: 2px 0;
}

#content2 #content-cont ul.green li,
#content #content-text ul.green li{
  padding-left: 12px;
  background: url(/images/schema/green_arrow.png) no-repeat 0px 2px;  
}                                                              

#content2 #content-cont ul.blue li,
#content #content-text ul.blue li{
  padding-left: 12px;
  background: url(/images/schema/blue_arrow.png) no-repeat 0px 2px;  
}  


#content2 #content-cont ul.red li,
#content #content-text ul.red li{
  padding-left: 12px;
  background: url(/images/schema/red_arrow.png) no-repeat 0px 2px;  
}
    
#content2 #content-cont .barvy .hala{
  float: left;
  width: 600px;
}

#content2 #content-cont .barvy .hala div{
  display: none;
}

#content2 #content-cont .barvy {
      width: 720px;
      height: 350px;
      margin: 5px 0px 10px 0;
      padding-left: 25px;
      float: left;
      display: inline;
}

#content2 #content-cont .barvy .buttons{
    width: 120px;
    float: left;
}

#content2 #content-cont .barvy .buttons a{
      display: block;
      height: 40px;
      float: left;
      padding: 0 10px 1px 0;
      text-decoration: none;
}

#content2 #content-cont .barvy .buttons span{
    line-height: 85%;
    display: block;
    font-size: 10px;
}

#content2 #content-cont .barvy .buttons a img{
      border: 1px black solid;
      line-height: 20px;
}


/*
* ------------------------------------------------------------------------------
* //obsah
* ------------------------------------------------------------------------------
*/





/*
* ------------------------------------------------------------------------------
* paticka
* ------------------------------------------------------------------------------
*/
#footer{
  float: left;
  height: 55px;
  width: 906px;
  margin-left: 21px;
  display: inline;
  border-bottom: #24211d solid 5px;
  padding: 8px 0;
}

#footer #footer-left{
  padding-top: 5px;
  text-align: right;
  float: left;
  width: 159px;
}

#footer #footer-left a{
  margin-right: 10px;
  color: #666666;
  font-size: 14px;
}

#footer #content-foot{
  padding-top: 8px;
  float: left;
  width: 740px;
  margin-left: 6px;
  display: inline;
  height: 25px;
  color: #666666;
  font-size: 14px;
  background: url(images/schema/footer-line.png) no-repeat left top;
} 

#footer #content-foot p{
  margin-left: 15px;
  font-size: 11px;
}

#footer #content-foot p.backlink a,
#footer #content-foot p.backlink{
  font-size: 9px;
}

#footer #content-foot p.backlink a:hover{
  color: #df0024;
  text-decoration: none;
}
/*
* ------------------------------------------------------------------------------
* //paticka
* ------------------------------------------------------------------------------
*/


.clear{
  clear: both;
}


.red{
  color: red;
}  

a img{
  border: 0;
}

ol{
  margin-left: 20px;
}