@media screen and (min-width:1800px) {
    .btn_2 {
       display: none;
    }    
    div#header {
        background: url(http://trudon.sk/velkoobchod/images/b_header_nn.jpg) 0 0 no-repeat !important;
        width: 1500px !important;
        margin-left: 6%;
    }
    #hladaj {
        left: 1200px !important;
    }
    body {
        width: 1700px !important;
        background: linear-gradient(#829119, #acd125) !important;
    }
    div#content {
        width: 1500px !important;
        margin-left: 6%;
    }
    div#pravy {
        width: 560px !important;
    }
    div#detail-obrazok {
        width: 555px !important;
    }
    div#detail-obrazok img {
        max-width: 550px !important;
        max-height: 550px !important;
    }
    .nazov {
        width: 220px !important;
    }
    select#detail {
        width: 220px !important;
    }    
    div#Lavy {
        width: 600px !important;
    }
    div#footer {
        width: 1500px !important;
        margin-left: 6%;
    }
    div#clanok {
        width: 1200px !important;
    }
    div.filter {
        width: 870px !important;
    }
    .L {
        width: 200px !important;
    }
    .P {
        width: 570px !important;
    }                        
} 
  
@media screen and (min-width:1500px) and (max-width: 1799px) {
    .btn_2 {
       display: none;
    }
    div#header {
        background: url(http://trudon.sk/velkoobchod/images/b_header_n.jpg) 0 0 no-repeat !important;
        width: 1200px !important;
        margin-left: 8.3%;
    }
    #hladaj {
        left: 890px !important;
    }
    body {
        width: 1400px !important;
        background: linear-gradient(#829119, #acd125) !important;
    }
    div#content {
        width: 1200px !important;
        margin-left: 8.3%;
    }
    div#pravy {
        width: 400px !important;
    }
    div#detail-obrazok {
        width: 380px !important;
    }
    div#detail-obrazok img{
        max-width: 380px !important;
        max-height: 380px !important;
    }
    div#Lavy {
        width: 480px !important;
    }
    div#footer {
        width: 1200px !important;
        margin-left: 8.3%;
    }
    div#clanok {
        width: 900px !important;
    }
    div.filter {
        width: 870px !important;
    }
    .L {
        width: 200px !important;
    }
    .P {
        width: 570px !important;
    }                        
}                 

@media screen and (min-width:1200px) and (max-width: 1499px)  {
   body {
     width: 1200px !important;
   }
   div#header {
    width: 84% !important;
   	margin-left: 8.3%;
   }

   div#content {
   	width: 84% !important;
   	margin-left: 8.3%;
   }

   div#footer {
   	width: 84% !important;
   	margin-left: 8.3%;
   }

}

@media screen and (min-width:1100px) and (max-width: 1199px) {
body {
    width: 1100px !important;
   }

   div#header {
    width: 91.8% !important;
   	margin-left: 4.1%;
   }

   div#content {
    width: 91.8% !important;
   	margin-left: 4.1%;
   }

   div#footer {
    width: 91.8% !important;
   	margin-left: 4.1%;
   }

}

@media screen and (min-width:800px) and (max-width: 1099px) {
   body {
    width: 1000px !important;
   }
   div#header {
   	margin-left: 0%;
   }

   div#content {
   	margin-left: 0%;
   }

   div#footer {
   	margin-left: 0%;
   }

}
@media screen and (min-width:800px) and (max-width: 1499px) {
   .btn_2 {
        display: none;
    }
    #hladaj {
        left: 750px !important;
    }
    div#clanok {
        width: 700px !important;
    }
    div#pravy {
        width: 360px !important;
    }
    div#detail-obrazok {
        width: 355px !important;
    }
    div#detail-obrazok img{
        max-width: 350px !important;
        max-height: 350px !important;
    }
    div.filter {
        width: 677px !important;
    }
    .P {
        width: 510px !important;
    }
    div#Lavy {
        width: 340px !important;
    }                        
}

@media screen and (max-width:799px) {
   .btn_1 {
    display: none;
    }
   div#menuviac {
       display: block;  
   }
   
   div#header {
   	margin-left: 0%;
   }

   div#content {
   	margin-left: 0%;
   }

   div#footer {
   	margin-left: 0%;
   }

}




div#header {
    background:url(http://trudon.sk/velkoobchod/images/b_header.jpg) 0 0 no-repeat;
    height: 200px; 
    width: 100%; 
    //margin-left: 8.3%; 
    margin-right: auto;
    float: left;  
    position: relative;
    box-shadow: 1px 1px 7px #000;
    
}
#menuhl {
    position: absolute;
    top: 163px;
    left: 194px;
    width: 612px;
}

.btn_1 {
    font: 18px Tahoma, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 3px;
}

.btn_1 {
    height: 23px;
    margin-right: 8px;
}

.btn_2 {
    font: 18px Tahoma, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 3px;
}

.btn_2 {
    height: 23px;
    margin-right: 8px;
}



	img#logo{position:absolute; top:145px; left:0px}
	img#office {position:absolute; top:5px; left:40px}
body {
    width: 750px;
    margin-left: auto; margin-right: auto; background: #8AC007;
    
}

div#trudon_pismo {
    position: absolute;
    top: 145px;
    left: 0px;
    padding-top: 12px;
    padding-left: 24px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 5px;
    text-shadow: 2px 0px 1px #000;
}
div#pasik {
    height: 55px;
    width: 100%;
    position: absolute;
    top: 147px;
    background: linear-gradient(#58630E, #95B325);
    opacity: 0.6;
}    


div#content  {
    background: white; 
    width: 100%; 
    //margin-left: 8.3%; 
    margin-right: auto;
    float: left;
    position: relative;
    box-shadow: 1px 1px 7px #000;
    top:5px
    }

div#clanok {
    float: right;
    background: white;
    padding: 25 25 0 0;
    width: 650px;
}
div#menu { 
  margin: 25px 0px 0px 10px;
	float: left;
	width: 230px;
}
div#footer{
    background: white; 
    width: 100%; 
    //margin-left: 8.3%; 
    margin-right: auto;
    float: left;
    position: relative;
    box-shadow: 1px 5px 7px #000;
    margin-top: 5px;
}


a.zmaz {
float: right;
margin-right: 10px;
}
.malykosik {
background: #F3F3F3;
border: solid 1px #E7E7E7;
padding: 7px;
margin-right: 4px;
//padding-bottom: 40px;
}

.malykosik a.button {
    font-size: 15px;
}
.malykosik a {
    font-size: 10px;
}

.malykosik a:link {
  text-decoration: none;
}

.table1  { width:220px; height:190px;  border-collapse: collapse; background-color: #F3F3F3; border: 1px solid #E7E7E7;margin-bottom:10px;   }
.table1 tr { vertical-align: top;  }

#hlavicka { width:200px; height:25px; position:relative; background:url(http://trudon.sk/velkoobchod/images/bhlav.jpg) 0 0 repeat-x; }
#hlavicka { border: 1px solid black}
#hlavicka { font:14px Tahoma, Arial, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none; margin: 10px  }

#posun { margin-left: 14px;margin-top: 3px }

.prvokmenu2 { margin-left: 0px; margin-top:20px;  }
.prvokmenu2 { font:14px Tahoma, Arial, sans-serif; color:#FFFFFF; text-decoration:none;  font-weight:bold; }
.prvokmenu2:hover { color:#FFFFFF; }

.prvokmenu0 {
    font: 12px Tahoma, Arial, sans-serif;
    color: #555555;
    text-decoration: none;
    font-weight: bold;
    margin-left: 15px;
    margin-top:20px;
}

.prvokmenu {
    font: 12px Tahoma, Arial, sans-serif;
    color: #888888;
    text-decoration: none;
    font-weight: bold;
    margin-left: 30px; margin-top:20px;
}
.prvokmenu:hover { 
    color:#666666; 
}
div.filter {
    float: left;
    width: 620px;
    /*height: 142px;*/
    background: #676767;
    padding: 10px;
    color: white;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #888;
}
.L {
    width: 150px;
    float: left;
    height: 20px;
    margin: 2px;
    background: #A4A4A4;
    padding: 3px 2px 2px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 2px 2px 2px 0px #444444;
}

.P {
    width: 440px;
    height: 29px;
    float: left;
    
}

input.pocettovar {
width: 24px;
margin-left: 7px;
height: 24;
}

.button {
    float: left;
    width: 150;
    text-align: center;
    
     color: #FFFFFF;
     
}

input[type="submit"], input[type="reset"] {
    min-width: 105;
    height: 27;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #676767;
    color: #FFFFFF;
    box-shadow: 1px 1px 5px #888;
    //border: solid  #A4A4A4;
    margin: 0 -10 0 0;
}
input[type="submit"]:hover ,input[type="reset"]:hover {
    
    background: #A4A4A4;
    //border: solid  #676767;
}
select {
    height: 25px;
    width: 236px;
    margin: 2px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
}

select#detail {
    width: 180px;
}
.mod-e-produkty {
    float: left;
    width: 100%;
}
.mod-e-produkty .produkt {
    float: left;
    width: 266px;
    height: 285px;
    padding: 5 15 15 15;
    overflow: hidden;
}
.mod-e-produkty .produkt .nadpis {
    display: table;
    width: 238px;
    height: 30px;
    padding: 0 0 0 2px;
    text-align: left;
}
.mod-e-produkty .produkt .nadpis a, .mod-e-produkty .produkt .nadpis h2 {
    font-size: 17px;
    font-weight: bold;
    color: #7ea600;
}
.mod-e-produkty .produkt div.cena {
    float: right;
    width: 90px;
    position: relative;
    color: #999;
    padding: 0 0 0 5px;
    font-weight: bold;
}
span.stara {
text-decoration: line-through;
}
.mod-e-produkty .produkt div.cena h3 {
    color: #7ea600;
    font-size: 15px;
    font-weight: bold;
}
.mod-e-produkty .produkt div.fotka {
float: left;
width: 154px;
height: 210px;
display: table;
text-align: center;
background: white/* url('img/produkt-foto.png?v=2') top left no-repeat*/;
-moz-box-shadow: 1px 1px 5px #888;
-webkit-box-shadow: 1px 1px 5px #888;
box-shadow: 1px 1px 5px #888;
}
.mod-e-produkty .produkt div.fotka a {
height: 100px;
display: table-cell;
vertical-align: middle;
}
.mod-e-produkty .produkt div.fotka img {
max-width: 155px;
max-height: 200px;
margin: auto;
width: expression(this.height < this.width && this.width > 150 ? 150 : true);
height: expression(this.height >= this.width && this.height > 200 ? 200 : true);
}
.mod-e-produkty .produkt div.popis {
float: left;
width: 228px;
height: 30px;
padding: 10 0 0 10;
line-height: 20px;
}


a.button {
    padding: 4px;
    margin: 0 10 0 0;
    background: #8AC007;
    border-radius: 3px;
    box-shadow: 2px 1px 4px #444;
    text-decoration:none;
    
}

button {
    padding: 4px;  
    /* background: #8AC007; */  
    border-radius: 3px;  
    /* box-shadow: 2px 2px 2px #4F6067; */
}
a.button:hover {
  background: #7EA600;  
  opacity: 0.9;  
}      
a.button:active {
  background: #fff;  
  color: #7EA600; 
  box-shadow: inset 2px 1px 4px #444;
}
a.button:focus {
  background: #3399FF;  
   
}
      
div#pravy {
    float: left;
    width: 330px;
}
div#detail-obrazok {
    width: 320px;
    border: solid 1px #8AC007;
    width: expression(this.height < this.width && this.width > 320 ? 320 : true);
}
div#detail-obrazok img{
    max-width: 320px;
    max-height: 320px;
    /* border: solid 1px #8AC007; 
    margin-top: 4px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto; */
    align: center;
    display: block;
    margin: auto;                       
    width: expression(this.height < this.width && this.width > 350 ? 350 : true);
    height: expression(this.height >= this.width && this.height > 350 ? 350 : true);
}



.nazov {
    float: left;
    width: 120px;
    height: 15px;
    padding-left: 15px;
}
input[type="text"], input[type="email"], input[type="password"] {
height: 21px;
margin: 4 0 4 0;

}
.hodnota {
  /* width: 120px; */
  height: 25px;
    /* background: #EAE9E6; */
    
}
.atributy {
    margin-top: 5px;
    margin-right: 3px;
    margin-bottom: 8px;
    padding-bottom: 3px;
    /* box-shadow: 2px 2px 2px #8AC007; */
    /* -webkit-border-radius: 5px; */
    border: solid 1px #8AC007;
}   

div#Lavy {
    float: right;
    width: 320px;
    margin-top: -30px;
}
div#Lavy .cena {
    font-size: 25px; 
    font-weight: bold; 
    color: #c00000;
    float: left;
}
div#Lavy .cena-povodna {
width: 100%;
/* height: 25px; */
float: left;
font-size: 25;
text-decoration: line-through;
font-weight: bold;
}
div#Lavy .popis .fotka {
    float: left;
    margin: 2;
    display: table;
}
.mod-e-produkty-vzorkovnik .model div.fotka {
float: left;
display: table;
width: 50px;
text-align: center;
height: 90px;
padding: 5px 0;
}
.mod-e-produkty-vzorkovnik .model div.fotka img {
max-width: 80px;
max-height: 140px;
width: expression(this.height < this.width && this.width > 80 ? 80 : true);
height: expression(this.height >= this.width && this.height > 130 ? 130 : true);
}
      
      
      
/* Nadpisy a ina úprava textu*/
h1, h2, h3 {
color: #3E6D0F;
font-weight: bold;
display: block;
-webkit-margin-before: 1%;
-webkit-margin-after: 0.7%;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
h1{
font-size: 28px;
} 
h2{
font-size: 22px;
}      
h3{
font-size: 18px;
}

/* PRODUKTY MODEL */
.produkty-model {                         float : left; width: 100%; }

.produkty-model .model {                  float: left; width: 171px; height: 210px; border: solid 1px #F3F3F3; margin: 1px; margin-top: 10px; }
.produkty-model .model a {                border: none; }

.produkty-model .model .nadpis {          display: table; width: 157px; height: 40px; padding: 0 10px 0 10px; text-align: center;  }
.produkty-model .model .nadpis a {        height: 40px; #position: relative; #top: 50%; display: table-cell; vertical-align: middle; }
.produkty-model .model .nadpis h2 {       #position: relative; line-height: 13px; #top: -50%; }
.produkty-model .model .nadpis a,
.produkty-model .model .nadpis h2 {       font-size: 12px; font-weight: bold; color: #7EA600; }

.produkty-model .model div.fotka {        
          float: left; display: table; width: 100%; text-align: center; height: 150px; padding: 5px 0; }
.produkty-model .model div.fotka a {     
          height: 150px; #position: relative; #top: 50%; display: table-cell; vertical-align: middle; }
.produkty-model .model div.fotka img {    
          #position: relative; #top: -50%; max-width: 170px; 
            position:relative;
            max-height: 140px; 
            width: expression(this.height < this.width && this.width > 160 ? 160 : true); 
            height: expression(this.height >= this.width && this.height > 135 ? 135 : true); }
img {
    border: none;
}
  div#tabulka {
    background: #DFDFDF;
    border-radius: 10px;
    padding: 0 0 0 10;
    height: 100%;
}

.stlpec {
    width: 110;
    float: left;
    margin: 5 5 0 0;
    
}

/* schování tlačítka */
    .schovat div {display: none}
    /* nastylování „ikony“ plus nebo mínus */
     button span:before {content: "+"; display: inline-block; margin-right: .5em; padding: 0 .4em; border-radius: 3px; background: #fff; color: #000}
    /* ikona minus bude mít pomlčku */
    button span.skryt:before {content: "-"}
    /* když je obsah schovaný, schováme popisek „Skrýt“ */
   .schovat .skryt {display: none}
    /* když je obsah zobrazený, schováme popisek „Zobrazit“ */
    .ukazat .zobrazit {display: none} 
    
 #info {display: none; position: relative; top: 0px; left: 0px;}  
div#info_box {
        position: Relative; 
        top: 0px; 
        left: 10px; 
        background-color: #BBBBBB; 
        padding: 2px 8px 2px 8px; 
        border: 1px solid black; 
        color: black; 
      }  
      
      img {
    display: block;
    margin: auto;
    max-width: 100%;
}
div#OBR {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    margin: auto;
    display: block;
    width: 100%;
    left: 0;
    z-index: 99;
    /*padding: 0 100 1000 0;*/
}

.obrazok {
margin:auto;

}

#hladaj {
    position: absolute;
    top: 10px;
    left: 490px;
}

#uziv1 {
  text-align: left;
  font-size: 15px;
  font-weight: normal;
  color: #000000;
}
#uziv1 a{
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  color: #000000;
}
#uziv1 a:hover{
  background: #E0D5B7;
  color: #000000;
}

.novareg {
    font: 13px Tahoma, Arial, sans-serif;
    color: #487910;
    text-decoration: none;
    margin-top: 0px;
}

a.novareg {
    font-size: 13px;
    margin-left: 5px;
}

input.input1 {
    margin: 0 0 6 12;
}

div#text1 {
    margin: 0 0 0 12px;
}

#ram {
    border-top: 1px solid #909090;
    border-bottom: 1px solid #909090;
    border-left: 1px solid #909090;
    border-right: 1px solid #909090;
    background: #F5F5F5;
    padding: 10px;
}

#odhlas a {
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    border-top: 1px solid #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
    border-left: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8;
    color: #000000;
}

#odhlas {
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: #000000;
}

#uziv1 a {
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    color: #000000;
}

#uziv1 {
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    color: #000000;
}

table.obj {
  font: 12px Tahoma, sans-serif;
}