/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */
@font-face {
  src: url("stencil.ttf");
}
      
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#fff;
	color: #000;  
	
}
div.aboutTryon{
  width:500px;
}  
div.aboutTryon div.logo-obch{
  margin-top:20px;  
  padding:0;
  
  
  /*
  
  font-family: Stencil Std;
  font-weight:bold;
  font-size: 48px;
  width:520px;    
  color: #007CC3;
  text-transform:uppercase;    
  background-color: #F9F156; zlute*/
}

div#container {
	position:relative; /* needed for footer positioning*/
	width:770px;
	background:#fff;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
		
}

div.cleaner{
  clear:both;
}
/* 
  WEB = url("/i mages/top-bg-gradient.jpg"); 
  Local = url("../i mages/top-bg-gradient.jpg"); 
*/
div#header {
	height:107px;
	width:770px;
	background-color: #F9F156;/* zlute*/
	/*background-color: #fff; bile*/
	
}
  div.h1label{
    font-family: times new roman;
    font-size: 42px;
    font-weight:bold;
    width:550px;
    color:#007CC3;
  }
  img.logo{
    margin-left:10px;    
    margin-top: 5px;    
    float:left;
    border:none;
  }
  
  div.aboutTryon{
    float:left;
    width:300px;    
    margin-top:10px;
    margin-left:25px;
  }
  img.budova{
  
  height: 108px;
  width:208px;
  
}
    div#header h1{
      font-size:30px;
      color:#007CC3;      
      margin-top:0px;
      margin-bottom:5px;
    }
    div#header div.perex{
      font-size:14px;
      color:#fff;
    }
	div#top-hall-logo{	      
	   text-align:right;
    }
	
	 div.top-menu{	  	   
	   background-color:#D7F4FF;
    }

     
  div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
	
/*  ------------- Pravy panel search_Float   -----------------------------*/	
	
 div#searchFloat{      
  width:209px;
  padding-left:0px;  
  padding-bottom:3px;
  padding-top:3px;
  font-family:MS Trebuchet;
  font-size:13px;
  /*background-color:#EDECF2;*/
  background-color:#fff;
 }
 
 div#searchFloat h1{
  border-bottom:1px solid #007CC3;
  font-size:16px;  
  margin:0;
  padding:0;
  font-family: Trebuchet MS; 
  /*background-color:#DFDFEE;*/
  background-color:#D7F4FF;
  padding-left:3px;
  
 }
  /* -------------- kosik menu------------------------*/	 
     div.cartMenu{
      text-align:right;
      color:#000;
      font-weight:bold;
      padding-right:5px;           
     }	 
	 
     div.cartMenu a,a:visited{
	   
      text-decoration:none;
      font-size:13px;
      color:#000;
     }
	   
     div.cartMenu a:hover{
     
      text-decoration:underline;
      font-size:13px;
      color:#000;
      background-color:#D7F4FF;
     }
     
   /*---------- prihlaseni ------------------*/
     
  div.login-form{
    font-size:12px;
    background-color:#D7F4FF;
    font-family: Trebuchet MS; 
    color:#000;  
    
    margin-top:10px;    
    margin-bottom:10px;
        
    padding-bottom:14px;
    
    border:1px solid #007CC3;
     
    
  }
  
  div.login-form input{
    border:1px solid #A29FBB;
    height:18px;
    font-size:12px;
  }
   .odpovedet{        
   /* background-color: #7e7ec2; */
    background-color: #007CC3;
    color:#fff;
    height:22px;
    margin-top:2px;    
    font-size:11px;
    font-weight:bold;
  }
  
  /*------------- vyhledavani -----------------*/   
   div.searchbox{
    font-family: Trebuchet MS;     
    font-size:11px;
    border:1px solid #007CC3;
    background-color:#D7F4FF;
    
    margin-top:0px;    
    margin-bottom:10px;
        
    padding-bottom:10px;
  }  
 
  div#searchFloat table{
    padding:0;
    margin:0;
  }
  div#searchFloat form{
    padding:0;
    margin:0;
  }
  div#searchFloat div.search-label{
    font-weight:normal;
    font-size:12px;
    margin-left:2px;
    margin-bottom:5px;
    float:left;
    width:70px;
  }
  div#searchFloat a {font-family: Trebuchet MS;} 
  div#searchFloat div.search-input input{
    border:1px solid #A29FBB;
    width:120px;
    margin-left:2px;
    margin-bottom:5px;
   
  }  
  
  .searchsub{
    /*background-color: #CAC9D9;*/
    background-color: #007CC3;
    cursor:pointer;
    margin-top:5px;
    color:#fff;
  }
  .contentsub{
    /*background-color: #CAC9D9;*/
    background-color: #007CC3;
    cursor:pointer;
    color:#fff;
    border:0;
    margin:0 0 0 45px;
  }

 .cartStatus{
    font-family: Trebuchet MS; 
    
    margin-top:10px;    
    margin-bottom:0px;
        
    padding-bottom:14px;
    
    border:1px solid #007CC3;
    background-color:#D7F4FF;
 }
 .cartStatus span{
  border:1px solid #000;
  width:35px;
 }
 .cartStatus td{
  font-size:11px;
 }
 td.td-border{
  border:1px solid #000;
  background-color:#fff;
  
  width:50px;  
  text-align:right;
  padding-right:5px;
 }
 .detailTr{
  background-color:#FFFFB1;
 }
  div#promo{
    font-family: Trebuchet MS;     
    margin-top:8px;
    background-color: #FFFFB1;
     border:1px solid #007CC3;	
  }
  .promo-img{
  /*  float:left;*/
  
  }
  div#promo .promo-label{
    font-size:18px;
    font-weight:bold;    
    color:#007CC3;    
  }
  ul.promo-ul{    
    margin:2px 0 0 33px;
    padding:0;    
  }
  .promo-ul li{
    list-style : none;
    padding:0;
    margin:0;
  }
  
/* ------------ HLAVNI menu ------------------ */

  div#menu{
  font-family: Trebuchet MS;  
  width:770px;
  }    
  div#menu ul.level1{
    padding:5px 0px 5px 0px;            
    margin:0;    
        
    height: 30px;
    background-color: #007CC3;
               
  }
  
  div#menu ul.level1 li{
    float:left;
    list-style:none;
    color:#fff;    
    padding: 0 6px 0 12px;     
  }
  div#menu ul.level1 li ul.level2hid{
    display:none;       
  }
  
  div#menu ul.level1 li ul.level2act{         
    position: absolute;
    top:132px;       
    margin-left:0px;
    padding:0;
    display:block;    
  }
  
  
  div#menu ul.level1 li ul.level2act li{
    clear: left;         
    padding: 0px 0px 0px 5px;
    display:block;     
    margin:0;
    width:180px;
    list-style:none;     
    background-color: #007CC3;
        
  }
  span.capital{
  font-weight:bold;
  color: #FFFF00;
  }
  div#menu a{
    color: #FFFF00;
    text-decoration:none;
    font-family:arial;
    font-size:16px;
    font-weight:normal;
  }

  div#menu a:hover{
    color: #fff;
    font-family:arial;
    text-decoration:none;
    font-size:16px;
    
  }



/* --------------- content hlavni obsah ------------------ */

div#content {
  font-family: Trebuchet MS;    
  margin-top:5px;
	font-size:11px;
		
}
  div#content div#left-menu h1{
    font-size: 16px;
    color: #000;
    padding:0 0 0 10px;
    margin: 0px 0px 5px 0px;    
    background-color:#D7F4FF;
    border:1px solid #000;
    width:162px;
  }
  div#content div#left-menu{
    float:left;
    border:1px solid #cac9da;
    width:170px;    
    min-height:465px;
    padding-left:0px;
    padding-right:3px;
    margin-top:4px;    
    margin-bottom: 20px;
    background-color: #FFFFB1;
  }
  h1.jakost-h1{
   margin-top:5px;
   padding-top:0px;
   text-align:center;
   border:1px solid #000;
   background-color: #D7F4FF;
   color:#000;
   width:588px;
  }
  h1.h1-wide{
   margin-top:5px;
   padding-top:0px;
   text-align:center;
   border:1px solid #000;
   background-color: #D7F4FF;
   color:#000;
   width:764px;
  }
  div#content div#left-menu div.left-menu-label{
    font-weight: bold;
    padding: 10px 0px 10px 10px;
    
  }
  div#content div#left-menu div.left-menu-item{    
    padding: 2px 0px 2px 8px;
    border-bottom: 1px solid #cac9da;
  }
  div#content div#left-menu div.left-menu-item a,a:visited{
    font-size:14px;
    font-weight:bold;    
    color:#007CC3;
    text-decoration: none;
  }
  div#content div#left-menu div.left-menu-item a:hover{
    background-color:#FFFFB1;
    color:#007CC3; 
  }
  div#content div#contentArea{
    float:left;
    width:578px;
    padding: 0px 10px 10px 5px;    
    font-size: 12px;    
    color: #000;
    
  }
  
  div#content div#contentArea a{
    text-decoration:underline;
    color:#007CC3;
    font-size: 12px;
    font-weight:bold;
    margin:2px 2px 2px 2px;
  }
  div#content div#contentArea a:hover{
    text-decoration:none;
    font-weight:bold;
    font-size: 12px;
    margin:2px 2px 2px 2px;
  } 
  div#content div#contentArea a:visited{
    text-decoration:underline;
    font-weight:bold;
    font-size: 12px;
    margin:2px 2px 2px 2px;
  }  
    div#content div#contentArea a.selected{
    text-decoration:none;
    font-weight:bold;
    background-color: #F3F49A;
    font-size: 12px;
    margin:2px 2px 2px 2px;
  } 
  div#content div#contentArea h1{
    padding:0;
    margin:5px 0px 5px 0px;
    font-size:16px;
  }

  div#content div#contentArea h2{
    padding:0;
    margin:3px 0px 3px 0px;
    font-size:14px;
  }
  div#content div#contentArea .category-label {
    font-size:14px;
    font-weight:bold;
  }
   div#content div#contentArea a.category-label {
    font-size:14px;
    
  }
  div#content div#contentArea a.category-label:hover {
    font-size:14px;
    
  }
  
  div#content div#contentArea div#action-headline{
    
    background-color:#EEEEF5;
  }
  div#content div#contentArea table.formTable h3{
    padding:0;
    margin:5px 0px 5px 0px;
    font-size:13px;
    font-weight:bold;
    color:#ED503F;

  }    
  div#content div#contentArea table.formTable .lTxtInp, div#content div#contentArea table.formTable .rTxtInp{
    font-size:12px;
    color:#767676;
  
  }
  div#content div#contentArea table.products td{
    border-right:1px solid #D3D3D3;
    border-left:1px solid #D3D3D3;
  }
  div#content div#contentArea .prodPrize{
   background-color:#E3E4EE;
  
  }  
  div#content div#contentArea .prodTxt{
    background-color:#EEEEF5;
  }
  
  div#content div#contentArea .categories{
   margin:5px 2px 5px 2px;

  }
  
  
  div#content div#contentArea .categories a{
    color:#000;
    margin:5px 0px 5px 0px;
    text-decoration:none;
  }
  div#content div#contentArea .categories a:hover{
    color:#778899;
    margin:5px 0px 5px 0px;
    text-decoration:underline;
        background-color:#EBEDEF;
  }


  div#content div#contentArea .categories a:visited{
    color:#778899;
    margin:5px 0px 5px 0px;
    text-decoration:none;
  }


  
 div#content div#contentArea table.products-row tr.even{  
  background-color:#FFFFB1;
  
 }
  div#content div#contentArea table.products-row td{
  
  padding-right:2px;
  padding-left:2px;
  border-bottom:1px solid #E2E2E2;
  
 } 
  div#content div#contentArea div.search-form{
  padding:0;
  margin:0;
  }
 
 div#content div#contentArea table.cashdesk-udaje{
 
  border:1px solid #CAC9DA;
  background-color:#EFEFF4;
  margin-bottom:10px;
 } 
  
 div#content div#contentArea table.cashdesk-platba{
 border:1px solid #E6E6FA;
  background-color:#F3F2F6;

 } 
 div#content div#contentArea table.cashdesk-doprava{
 border:1px solid #E6E6FA;
  background-color:#F3F2F6;

 }  
 div#content div#contentArea table.cashdesk-rekapitulace{ 
  border:1px solid #E6E6FA;
  background-color:#EFEFF4;
 }
.formButton {
  margin-top:5px;
  margin-bottom:10px;
}

div.float-box{
  width:588px; 
  padding:0; 
  
  
}
div.float-box-label{
  width:72px;  
  text-align:center;
  float:left;
  padding:4px 4px 1px 4px;
  margin-bottom:1px;
  margin-left:1px;
}
div.float-box-input{
  float:left;
  border:1px solid #000;  
  font-weight:bold;
  color:#000;
  width:72px;
  height:35px;
  background-color:#FFFFB1;
  text-align:center;
  margin-bottom:5px;
  margin-right: 1px;
  padding:4px 5px 4px 4px;
}
div.image-box{
  height:323px;
  width:586px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#EBEBEB;
  border:2px solid #D7D7D7;
}
.deleni-materialu table, table.tech{
  width: 590px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-collapse: collapse;
}
.deleni-materialu table th, table.tech th, table.tech td, .deleni-materialu table td{
 padding: 1px;
  text-align: center;
 border-bottom: 1px solid black;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
}
table.tech th, .deleni-materialu table th{
  background-color:#FFFFB5;
}
.deleni-materialu table th{
  width: 200px;
}

/*
div#footer {
	position:absolute;
	width:100%;
	bottom:0;  
	background:#ddd;

}
*/

.impBigNarrow {
width:40px;font-size:9px;text-align:right
}

.impBigWide {
width:60px;font-size:9px;text-align:right
}

.impSmallNarrow {
width:28px;font-size:8px;text-align:right
}

TR.shopCartTotal TD {
border: none !important;
border-bottom:none;
}
TR.divide TD {
padding-top:15px;
}