body{

  font: 100%; 

  color: black; 

  font-family: Garamond;

  line-height: 1.5;

  } 



#text_field{ 

  width: 100%;

  max-width:900px;

  margin:0px auto;

 }



.head{  

  background:url("/img/head_aj.gif") no-repeat;

 text-align:center; 
  padding:15px;
  height:80px; 



  }





#flags{

       float:right;

       width:20%;

       }

       

a{

  color:#0066ff

  }

/*Div for title page*/  

.title{width:100%; }

.title a{width:65%; float:right; text-decoration:none}

.title a:hover{width:65%; float:right; color:black}

.title p{width:65%; float:right;}

.title img.button{width:150px;}

.title img{margin-right:40px; width:30%; float:left }

.title h2{}



/*Index button*/

.index_button{



  width:100%;



  padding:5px; 



  text-align:center;



  }



  



.index_button img{



  padding:5px; 



  width:25%;



  }





span.toy {font-size:300%; font-weight:400; margin-left:15%;}

.cleaner{clear:both;}

.pata{background:blue;width:100%; max-width:900px; height:40px; margin:0px; padding:0px;  color: white;  }



#map{ margin-left: 0px;}





img.field{ padding: 10px; width:250px; height:325px;}

img.product{ padding: 0px; width:100px; height:100px;}

img.news{ width:113px; height:150px; float: right; border:1px  solid black; margin-right:10px;}

img.field1{ padding: 10px; width:300px; height:255px;}

img.field2{ padding: 0px; width:210px; height:160px;}

img.field_small{ padding: 10px; width:150px; height:114px;}

img.field_smalld{ padding: 10px; width:330px; height:124px;}

img.field1_small{ padding: 10px; width:113px; height:150px;}

img.field3{ padding: 13px; width:120px; height:85px;}

img.right{float:right; width:30%;}

img.left{float:left; width:30%;}



p{width:100%; text-align:justify;}

p.contact{ font-family: Garamond; font-size: 130%; width: 200px; margin-left: 170px; margin-top: -250px; text-decoration: underline}

p.prac{color:white;}







h1{color:blue; line-height:1; font-size: 150%;}

h2{font-weight:bold; font-size: 150%; line-height:1;}

h3{font-size: 130%; text-decoration: underline; text-align:left; line-height:0; color: black; font-weight: bold; margin-left:20px;}

h3.news{font-size: 130%; text-decoration:none; text-align:left; line-height:0; color:white; font-weight:bold; margin-left:10px;}

h4{font-size:110%; text-decoration:none; text-align:center; line-height:1;}

h5{font-weight:bold; font-size: 150%; line-height:0;}

h6{font-size:110%; text-decoration:none; text-align:left; line-height:0; color: blue;} 

h7{font-weight:bold; font-size: 150%; line-height:1.5;color:blue;}



ul{list-style-type:square;}

ul li {line-height:1.5; width:100%;}





.foot{width:800px;height:30px;color: green; color: white; font-size: 100%;}

.foot ul {padding:0; margin:0; list-style-type: none;  }



.foot ul li {float:right;  }



.foot ul li a, .foot ul li a:visited {display:block;  text-decoration:none; color:white;  }



.kosik{ width:100%; float:right;}



.kosik table{border-collapse:collapse; width:100%; line-height:1.3;}



.kosik tr:nth-child(even){ background-color: #3da7d1}



/* CSS Document */

.kosik th, td {

  text-align:left; 	padding:10px; 

}



#kontakt {

    position: fixed;

    top:10px;

    bottom: 50px;

    right: 0px;

    background: url("../img/kontakt.jpg") no-repeat scroll 0% 0% transparent;

    width: 50px;

    height: 150px;

    color: #FFF;

    font-weight: bold;

}



  #widescreen {

    position: fixed;

    top:105px;

    bottom: 50px;

    right: 30px;

    background: url("../img/banner_metav.gif") no-repeat scroll 0% 0% transparent;

    width: 160px;

    height: 600px;

    color: #FFF;

    font-weight: bold;

  

}



 /* Menu */

#nav-trigger {

  display: none;

  text-align: left; }

  #nav-trigger span {

    display: inline-block;

    padding: 20px 40px;

    background-color: #3399cc;

    width:100%;

    color: white;

    cursor: pointer;

    text-transform: uppercase; }

    #nav-trigger span:after {

      display: inline-block;

      margin-left: 10px;

      content: "";

      border-left: solid 10px transparent;

      border-top: solid 10px #fff;

      border-right: solid 10px transparent; }

    #nav-trigger span:hover {

          background-color: #3399cc; }

    #nav-trigger span.open:after {

      border-left: solid 10px transparent;

      border-top: none;

      border-bottom: solid 10px #fff;

      border-right: solid 10px transparent; }



nav {

  margin-bottom: 30px; }



nav#nav-main { width:900px; height:68px; position:relative; line-height:3; background:url("../img/menu_center.gif");  }



 nav#nav-main ul {padding:0; margin:0; list-style-type: none; width: 900px;}



  nav#nav-main li  {float:left;  width:180px;}



 nav#nav-main a  {display:block; width:150px;  padding:23px 0 0 30px; height:60px; text-decoration:none; color:white; background: url("../img/menu_center.gif") center right repeat-x; }







nav#nav-main a:hover{ background:url("../img/active_menu.jpg");height:60px; color: black;  }

 

nav#nav-mobile {

  position: relative;

  display: none; }

  nav#nav-mobile ul {

    display: none;

    list-style-type: none;

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    text-align: left;

    background-color: blue; }

  nav#nav-mobile li {

    display: block;

    padding: 5px 10px;

    margin: 0 5px;

    border-bottom: solid 1px #3399cc; }

    nav#nav-mobile li:last-child {

      border-bottom: none; }

  nav#nav-mobile a {

    display: block;

    color: white;

    padding: 10px 30px; }

    nav#nav-mobile a:hover {

      background-color: blue;

      color: #fff; }



/* =Media Queries

-------------------------------------------------------------- */

@media all and (max-width: 480px) {

  #nav-trigger {

    display: block; }



  nav#nav-main {

    display: none; }



  nav#nav-mobile {

    display: block; }

  

#text_field{

width:100%;

text-align:justify;

}

#kontakt{display:none;}



.header{background:url("/img/logo_mobile.png")no-repeat; padding-bottom:50px; margin-left:10%;height:100px;}



#flags{display:none;}



#news_b{background-color:blue;  width: 60%; margin-top: 40px;border: 1px solid #3366cc; border-radius: 15px;}

#contact{margin-left:-150px; margin-top:450px; }

#map{display:none}

#nastr{display:none}

object{display:none}



  #info {display: none; position: relative; top: 0px; left: 0px;}  

      #info_box {

        position: absolute; 

        top: 0px; 

        left: 10px; 

        background-color: #BBBBBB; 

        padding: 2px 8px 2px 8px; 

        border: 1px solid black; 

        color: black;

      }

      

      #video{ display:none;

      

      }

      

.title{width:100%; }

.title a{width:100%}

.title a:hover{width:100%; color:black}

.title p{width:100%;}

.title img.button{width:30%; margin:0;}

.title img{width:100%;}

.title h2{} 



span.toy {font-size:200%; font-weight:400; margin-left:0px;text-align:center}

img.field_small{ padding: 2px; width:30%; height:30%;}

img.field1_small{ padding: 2px; width:30%; height:30%;}

.pata{background:blue;width:100%; max-width:900px; height:40px;  color: white;  }