/* ----- Obecné styly ----- */

body {
	background: #9aacbe url("pict/web/body_back.gif");
	font-family: "Trebuchet MS",sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #000;
	text-align: center;
}

a {color: #000; text-decoration:none;}
a:link {color: #000; text-decoration:none;}
a:hover {color: #000; text-decoration:underline;}
a:visited {color: #000; text-decoration:none;}

h1 	{ 
          font-size: 18px;
          color: #000000;
          background-color: #a6d0e0;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing: 3px;
          text-decoration: none;
	        text-align: center;
	        border: 1px solid #000;
        	padding: 3px 6px;
}
  
h2 	{ 
          font-size: 18px;
          color: #000000;
          background-color: #a6d0e0;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing: 3px;
          text-decoration: none;
	        text-align: center;
	        border: 1px solid #000;
        	padding: 3px 6px;
}

h3 	{ 
          font-size: 16px;
          color:#000000;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing:0px;
          text-decoration:none;
	}
	
h4 	{ 
          font-size: 19px;
          font-family: "Comic Sans MS";
          font-style: italic;
          font-weight: bold;
          letter-spacing:0px;
          text-decoration:none;
	}

h5 	{ 

	        font-family: "Trebuchet MS",sans-serif;
	        font-style: normal;
	        font-size: 20px;
	        color: #333;
	        text-align: center;
	        letter-spacing:0px;
}	



/* ----- Univerzální styly ----- */

.t-left {text-align: left;}
.t-center {text-align: center;}
.t-right {text-align: right;}
img { border: none;}

/* ----- Struktura ----- */

#zaklad {
  margin: 0px auto;
  padding: 0px 0px 20px 0px;
}

#hlavicka {
  margin: 0 0 10px 0;
  padding: 0px;
  width: 980px;
  border: #000 1px solid;
}

  /* pozadí loga */
  #hlavicka .logo {
    margin: 0px;
    padding: 0px;
    height: 100px;
    background: url(pict/web/logo.jpg) no-repeat;
  }

  /* název firmy */
  #hlavicka .logo p {
    margin: 0px;
    padding-top: 20px;
    font-family: "Trebuchet MS",sans-serif;
    font-weight: bold;
    font-size: 22px;
    text-align: left;
  }

   #hlavicka .vyhledavani {
    margin: 0px;
    padding-top: 10px;
    padding-right: 20px;
    
  }


  /* slogan */
  #hlavicka .logo h2 {
    margin: 0px;
    padding-top: 0px;
    font-family: "Trebuchet MS",sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    text-align: center;
  }

  /* pozadí celého řádku */
  #hlavicka .menu {
    margin: 0px;
    padding: 0px;
    height: 29px;
    background: #96bfdf;
    border-top: 1px solid #b4d2e9;
  }

  #hlavicka .menu h3 {
    float: left;
    margin: 0px;
    padding-top: 3px;
    padding-left: 10px;
    font-family: "Trebuchet MS", arial;
    font-size: 16px;
    font-weigth: bold;
    color: #35349c;
  }
  
  #hlavicka .menu span {
    float: left;
  }

  #hlavicka .menu ul { 
    list-style-type:none; 
    padding:0; 
    margin:0;
  } 
  /* make the top level links horizontal and position relative so that we can position the sub level */ 
  #hlavicka .menu li { 
    float:left; 
    position:relative; 
    z-index:100; 
  } 

  /* use the table to position the dropdown list */ 
  #hlavicka .menu table { 
    position: absolute; 
    border-collapse: collapse; 
    z-index: 80; 
    left: -1px; 
    top: 25px; 
  } 

  /* hlavni */ 
  #hlavicka .menu ul li a, #hlavicka .menu ul li :visited { 
    display: block; 
    font-size: 10px; 
    padding: 7px 0 1px 5px; 
    color: #000; 
    background: #96bfdf; 
    text-decoration: none; 
    margin-right: 1px;
    text-align: center;
    font-family: "Trebuchet MS",arial;
    font-size: 12px;
    font-weight: bold;
  } 

  /* hlavni */ 
  #hlavicka .menu ul li :hover{ 
    color: #fff; 
    background: #96bfde; 
  }

  /* sub */ 
  #hlavicka .menu ul li ul li a, #hlavicka .menu ul li ul li :visited { 
    display: block; 
    font-size: 10px; 
    width: 120px;
    padding: 3px 0; 
    color: #000; 
    background: #fff; 
    text-decoration:none; 
    margin-right: 1px; 
    text-align: center;
    border-left: #aaa 1px solid;
    border-right: #aaa 1px solid;
    border-bottom: #aaa 1px solid;
    font-family: "Trebuchet MS",arial;
    font-size: 12px;
    font-weight: normal;
  } 
  /* sub */ 
  #hlavicka .menu ul li ul li :hover{ 
    color:#fff; 
    background:#96bfdf; 
  }

  /* hide the sub level links */ 
  #hlavicka .menu ul ul { 
    visibility:hidden; 
    position:absolute; 
    width:149px; 
    height:0; 
  } 
  /* make the sub level visible on hover list or link */ 
  #hlavicka .menu ul li:hover ul, #hlavicka .menu ul a:hover ul { 
  visibility:visible; 
  }
  
  
  #hlavicka li#lang-cz a {
    margin-top:7px;
    margin-right:15px;
    margin-left:30px;
    padding:0 0 0 25px;
    background: url("pict/web/vlajky/cze.gif") 0 1px no-repeat;
  }
  
  #hlavicka li#lang-en a {
    margin-top:7px;
    padding:0 0 0 25px;
    background: url("pict/web/vlajky/eng.gif") 0 1px no-repeat;
  } 
  
  
  
  
  
  #uvod-logo h5 {
    margin: 0;
    padding-top: 10px;
    font-family: "Trebuchet MS",sans-serif;
    font-style: normal;
    font-size: 20px;
    color: #333;
    text-align: center;
    letter-spacing:0px;
  }

#levy-sloupec {width:180px;}

.ram170 {
        	margin-bottom: 10px;
        	padding: 0px;  
        	border: 0;
        	font-size: 11px;
        	width: 170px;
}

.ram170 .nadpis {
          padding: 0px 0px 0px 7px;  
          margin: 0px;
          height: 20px;
          font-size: 12px;
          color: #000;
          background-image: url(pict/web/ram170_a.gif);
          font-family: "Trebuchet MS",sans-serif;
          font-style: normal;
          font-weight: bold;
          text-align: left;
}

.ram170 .dataram {
          font-size: 11px;
          padding: 2px 3px;  
          margin: 0px;
          color: #000;
          background-image: url(pict/web/ram170_b.gif);
          font-family: "Trebuchet MS",sans-serif;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
          text-align: left;
}

.ram170 .data-centr {
          font-size: 11px;
          padding: 2px 3px;  
          margin: 0px;
          color: #000;
          background-image: url(pict/web/ram170_b.gif);
          font-family: "Trebuchet MS",sans-serif;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
          text-align: center;
}
.ram170 .data-centr a:hover {
         text-decoration:underline;
}

.ram170 .spodek {
          background-image: url(pict/web/ram170_c.gif);
          height: 10px;
          padding:0px;  
          margin:0px;
}

.ram170 .dataram .popis_submenu {
          padding: 10px 0 0 0;
          margin: 0;
          font-family: Arial;
          font-style: normal;
          font-weight: normal;
          letter-spacing: 0px;
          font-size: 9px;
          color: #888;
          border-bottom: 1px dashed #ccc;
}

.ram170 .dataram .s1 {
          font-size: 11px;
          color:#0000FF;
          background-color: #e0e1f0;          
          font-family: "Trebuchet MS",sans-serif;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
}

.ram170 .dataram .s2 {
          font-size: 11px;
          color:#FF0000;
          background-color: #f0e1e0;          
          font-family: "Trebuchet MS",sans-serif;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
}

.ram170 A {
          font-size: 12px;
}

.ramecek {background-color: #000000;
          margin-bottom:4px;
          padding:0;}
          
.ramecek .nadpis {
          font-size: 11px;
          color:#FFFFFF;
          background-color: #000000;          
          background-image: url(pict/web/poz3.jpg);
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing:2px;
}

.ramecek .dataram {
          font-size: 11px;
          color:#000000;
          background-color: #FFFFFF;          
          font-family: ARIAL;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
}

.rammecek A {
          font-size: 12px;
          color:#000000;
          font-family: "Trebuchet MS",sans-serif;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
          text-decoration:none;
}

.rammecek A:hover {
          color:#000000;
          text-decoration:underline;
}


.menu_popisek {
          font-size: 14px;
          color:#000000;
          background-color: #9aacbe;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing:0px;
            }




form {margin:0px;}

.form_field {
          font-size: 9px;
          color:#000033;
          background-color: #EEEEEE;
          font-family: ARIAL;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
          border: 1 solid #000000;
            }


.form_butt  {
          font-size: 10px;
          color:#000000;
          background-color: #EEEEEE;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing:0px;
          word-spacing:0px;
          border: 2 solid #000000;
          margin:0px;
          padding:0px;

            }

.datamain { 
          font-size: 12px;
          color:#000000;
          background-color: #FFFFFF;          
          font-family: ARIAL;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
          text-decoration:none;
          text-align: left;
}

.ikony { 
          font-size: 12px;
          color: #000;
          background-color: #FFF;          
          font-family: ARIAL;
          font-style: normal;
          font-weight: normal;
          letter-spacing: 0px;
          text-decoration: none;
          text-align: center;
}


.datamain td { 
          font-size: 11px;
          color:#000000;
          border: #555 dashed 0px;
          font-family: ARIAL;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
          text-decoration:none;
	}

.datamain .firstnadpis {
	        font-size: 18px;
	        color: #FFFFFF;
        	background-color: #9aacbe;                
  	      font-family: ARIAL;
        	font-style: normal;
        	font-weight: bold;
        	text-align: center;
        	letter-spacing:2px;
        	margin-bottom:10px;
        	padding: 3px 6px;
        	border-color: #000000;
  	      border-width: 1;
        	border-style: solid;
}

.datamain A {
          font-size: 12px;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing:1px;
          text-decoration:none;
            }
.datamain A:hover {letter-spacing:1px;text-decoration:underline;}



.nav1{
          font-size: 14px;
          color:#000000;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing:1px;
          text-decoration:underline;
          margin:0px;
          padding:0px;
          display:inline;
           }

.nav2{
          font-size: 13px;
          color:#000000;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing:0px;
          text-decoration:underline;
          margin:0px;
          padding:0px;
          display:inline;
            }

.nav3{
          font-size: 12px;
          color:#0000AA;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing:1px;
          text-decoration:none;
          margin:0px;
          padding:0px;
          display:inline;
            }


.data_popisek  	{ 
          font-size: 10px;
          color:#333333;
          font-family: ARIAL;
          font-style: normal;
          font-weight: normal;
          letter-spacing:0px;
          text-decoration:none;
}

.vypis {  background-color: #AAAAAA;
          margin:1px;
          margin-top:3px;
          border-collapse: collapse; 
          width:590px;
}

.vypis td {background-color: #E9E9E9;
          background-image: url(pict/web/vypis.gif);
          background-repeat: no-repeat;
          border: 1px solid #aaaaaa;
          padding: 3px;
          font-size: 11px; color:#000000;
}

.vypis .nahled {
          vertical-align: top; 
          text-align: center;
          width: 52px;
}
.vypis .obj_kusy {
          width:83px;
          text-align: right;
          font-size:11px;
}

.vypis A {
          font-size: 12px;
          color:#000077;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing: 0px;
          text-decoration:none;
}

.vypis A:hover {letter-spacing:0px;text-decoration:underline;}








.vypis_sleva { background-color: #AAAAAA; 
          margin:1px;
          margin-top:3px;
          border-collapse: collapse; 
          width:590px;
}

.vypis_sleva .nahled {
          vertical-align: top; 
          text-align: center;
          width: 52px;
}

.vypis_sleva td {background-color: #E9E9E9;
          background-image: url(pict/web/vypis_r.gif);
          background-repeat: no-repeat;
          font-size: 11px; color:#000000;
          border: 1px solid #aaaaaa;
          padding: 3px;
}

.vypis_sleva .obj_kusy {
          width:83px;
          text-align: right;
          font-size:11px;
}

.vypis_sleva A {
          font-size: 12px;
          color:#000077;
          font-family: ARIAL;
          font-style: normal;
          font-weight: bold;
          letter-spacing:0px;
          text-decoration:none;
}

.vypis_sleva A:hover {letter-spacing:0px;text-decoration:underline;}

/*
.vypis_extrem td {background-color: #E9E9E9;
          background-image: url(pict/web/vypis_ex.gif);
          background-repeat: no-repeat;
          
          font-size: 11px; color:#000000;
}

.vypis_obj td {background-color: #E9E9E9;
          background-image: url(pict/web/vypis_obj.gif);
          background-repeat: no-repeat;
          
          font-size: 11px; color:#000000;
}

*/


.popisek1 {
    color:#000099;
    font-size:11px;
    margin:0px;
    padding:0px;
}

.popisek2{
    color:#888888;
    font-size:10px;
    margin:0px;
    padding:0px;
}

.popisek3 {
    color:#555555;
    font-size:11px;
    margin:0px;
    padding:0px;

}

.nachazitese {
          background-color: #F5F5F5;                
          margin:1px;
          padding: 1px;
	        border-color: #DDDDDD;
	        border-width: 1;
	        border-style: solid;
          font-size: 10px;
          color:#999999;
          font-family: ARIAL;
          font-style: normal;
          font-weight: normal;
}
.nachazitese A { font-size: 10px; color: #666666; text-decoration: none; }
.nachazitese A:hover { text-decoration:underline; }

.nachazitese .select-nadskupiny A {
          float: left;
          padding-top: 10px;
          background-image: url(./zbozi/pict/nadskupiny/sipka_white.gif);
          background-repeat: no-repeat;
          background-position: center top;
}

.nachazitese .select-nadskupiny A:hover{
          background-image: url(./zbozi/pict/nadskupiny/sipka_blue.gif);
}


/* vertical menu bar */
.lmenu * {
		padding: 0px;
		margin: 0px;
}

.lmenu body {
	margin: 20px;
	font-size: 12px;
}

.lmenu {

	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 125px;
}

ul.lmenu li {
	margin: 0px;	
  padding: 0px;
	border-bottom: 1px solid #FFF; /* odstranění odskoku mezi položkami menu v  IE */
	position: relative;
}

ul.lmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px; /* if using borders, -1 to align top borders */
	left: 165px;
	width: 165px;
	background: #e0e1f0;

}

ul.lmenu li a:link,
ul.lmenu li a:visited,
ul.lmenu li a:hover,
ul.lmenu li a:active {  /*nastavení hlavní nabídky - AKU */ 
 	border-bottom: 1px solid #D3D3D3; /* oddělující pruh */
  display: block;
	padding: 2px 0px 2px 3px;
	width: 160px;
	text-decoration: none;
	background: #FFF;
	color: #000;
}
ul.lmenu li a:hover,
ul.lmenu li a:active {
	background: #e0e1f0;
	color: #0000FF;
}

ul.lmenu li a.hidden:link, /*nastavení hlavní nabídky */
ul.lmenu li a.hidden:visited {
	border-bottom: 1px solid #D3D3D3; /* Oddělující pruh */
  color: #000;
  text-decoration: none;
  display: block;
  padding: 2px 0px 2px 3px;
  width: 160px;
  background: #FFF;
}
ul.lmenu li a.visible:link,
ul.lmenu li a.visible:visited,
ul.lmenu li a.visible:hover,
ul.lmenu li a.visible:active { /*nasatvení po najetí myši na hlavní nabídku*/ 
	background: #e0e1f0;
	color: #0000FF;
}


#pravy-sloupec { width:180px; }

#paticka {
  padding-top: 20px;
	font-family: "Trebuchet MS",sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #000;
}

#banner {margin:0; padding:0;}
#banner img {margin:0; padding:0;}




/* Karty zboží */
#karta
    {
        font-family: "Trebuchet MS",sans-serif;
      	font-style: normal;
      	font-size: 12px;
      	color: #000000;
    }


#karta .specifikace td img {
      border: none;
}

#karta .specifikace {
border-collapse: collapse;
}



#karta .specifikace tr {
  background-color:#eeeeee;
}

#karta .specifikace td {
  border: 1px solid #aaaaaa;
  padding: 3px;
}

#karta .specifikace th {
  border: 1px solid #aaaaaa;
  padding: 3px;
}



#karta .specifikace .tmave {
  background-color:#dddddd; 
}
#karta img {
  border: 1px solid #000000;
}

/*fonty*/
.vetsi{
 font-size: 16px;
 font-weight: bold;
}
.podtrzene_tucne{
      text-decoration: underline;
      font-weight: bold;
}
.cervene {
          color: red;
}
.cervene_u {
          color: red;
          text-decoration: underline;
}

.cervene2 {
          font-size: 14px;
          color: red;
}
.cervene3 {
          font-size: 16px;
          color: red;
}
.modre {
          color:#1d4e75;
}
.modre2 {
          font-size: 14px;
          color:#1d4e75;
}
.modre3 {
          font-size: 16px;
          color:#1d4e75;
}
.sede {
      font-size: 10px;
      color: #444444;
}
.svetle_sede {
      font-size: 10px;
      color: #777777;
}

.barva_ceny {
        color: #000088;
}
.barva_nejnizsi {
      color: brown;
}

.barva_nejnizsi_male {
      color: brown;
      font-size: 10px;
}


 /* Tabulka setu */
 
.tab-sety {
            border-collapse: collapse;
            width:100%;
          }

.tab-sety tr {
          background-color: #e5e5e5;
}   

.tab-sety td {
  border: 1px solid #aaaaaa;
}

.top_left {
          text-align: left;
          vertical-align: top;
}

.obr-bordered {
    border: 1px solid #999999;
    padding: 1px;  
}

.obr-7x7 {
width: 7px;
height: 7px;
}

.obr-20x20 {
width: 20px;
height: 20px;
}