@charset "UTF-8"; 

/* --------------------------------------------------------------------------------------------

    Autor:

      Marek Křivan (marek.krivan@webmediagroup.eu)

    Struktura:

      rozmery, pozice, vrstvy, pozadi, ramecky, pisma, barvy, kurzory

-------------------------------------------------------------------------------------------- */



@import url("framework.css");



/* --- */



body{

  font-family: Tahoma;

  font-size: 12px;

  color: #ffffff;

  background: url('../img/body-bg2.jpg') #fff repeat-x;

}



a{text-decoration: none; color: #fff;}



input, textarea, select{ outline: none; }



.wrapper{

 width: 994px;

 margin: 0 auto;      

}



.mini_wrapper{

margin-left: 5px;

float: left;

width: 744px;

}



.mini_wrapper_s{

width: 744px;

margin-left: 250px;

}



.mini_wrapper_s2{

width: 727px;



}



.mini_wrapper_s3{

width: 727px;

margin-right: -20px;

}



.mini_wrapper_s4{

width: 750px;

}



f-left{

float: left;

}



f-right{

float: right;

}



.last_pic{

margin-right: 0;

}





#socialFB { z-index: 1000; width: 323px; height: 101px; position: fixed; top: 190px; left: -292px; }

#socialFB iframe { float: left; background: #fff; }

#socialFB img { display: block; float: left; width: 31px; height: 101px; cursor: Pointer; }





/* --------------------------------------------------------------------------------------------

    Header

-------------------------------------------------------------------------------------------- */

#header{

  background: url('../img/bg-head.jpg') center top no-repeat; 

  height: 210px;  

} 



#header h1{

 background: url('../img/lebis-logo.png') 0 0 no-repeat;

 position: relative;

 top: 10px;

 left: 405px; 

 width: 194px;      

}



#header h1 a{

 display: block;

 width: 194px;

 height: 137px; 

 text-indent: -5000px;

}



/* Shopping Cart ------------------------------- */

#header .shopping-cart{

  position: relative;

  top: 10px;

  width: 200px;

  height: 95px;

}

#header .shopping-cart #go_to_cart{position: absolute; background: transparent; display: block; text-indent: -5000px; left: -65px; top: 15px; height: 50px; width: 45px;}



#header .shopping-cart a{

 font-size: 14px;                        

}



#header .shopping-cart a.login, #header .shopping-cart a.reg{

 background-position: top;

width: 97px;

padding-top: 9px;

padding-bottom: 9px;

display: inline-block;

vertical-align: middle;

text-align: center;

position: relative;

                        

}



#header .shopping-cart p.user{

 font-size: 14px;

 margin-bottom: 5px;

}



#header .shopping-cart p.cart{

  line-height: 140%;                            

}



.login{



top: 8px;

left: -8px;  

}



.reg{



top: 8px;

left: -13px;  

}







/* Navigation --------------------------------- */

#header #menu{

 margin-top: 37px; 

 margin-left: 149px;

 width: 840px;

}



#header #menu li a{

 color: #030303;

 display: block;

  -webkit-border-radius: 100px;

-moz-border-radius: 100px;

border-radius: 100px;

behavior:url('border-radius-ie.htc'); 

padding: 12px 30px 12px 30px;

}



#header #menu li:hover{

 

}



#header #menu li{

 display: inline-block;

 position: relative;

 top: -12px;

 font-size: 16px;

}



#header #menu li ul{

 display: none;

 position: absolute;

 top: 40px;

 left: 16px;

 z-index: 1000;

  -webkit-border-bottom-right-radius: 15px;

  -webkit-border-bottom-left-radius: 15px;

  -moz-border-radius-bottomright: 15px;

  -moz-border-radius-bottomleft: 15px;

  border-bottom-right-radius: 15px;

  border-bottom-left-radius: 15px;

  padding: 19px 0 9px 0;

}



#header #menu li:hover ul{

 display: block;

 background: #e6e7e8;

}



#header #menu li ul li{

 padding: 0;

 margin: 0;

 display: block; 

 background: url('../img/submenu-bg.jpg') no-repeat left center;

 padding-left: 15px;

 width: 234px;    

 margin-left: 17px; 

 margin-bottom: 12px;

 padding-top: 5px;                

}



#header #menu li ul li a{

 color: #030303;

 padding: 0;

                       

}



#header #menu li ul li:hover{

 background: url('../img/submenu-bg.jpg') no-repeat left center;

 text-decoration: underline;

}



#header #menu li:hover, #header #menu li.ac, .selected_menu{

 background: #a5d474; 

 -webkit-border-radius: 100px;

-moz-border-radius: 100px;

border-radius: 100px;

behavior:url('border-radius-ie.htc');                        

}



#header #menu li.home{

 padding: 3px 0 0 0;

 background: url('../img/home.png') no-repeat top center ;

 margin-right: 15px;

 position: relative;   

}



#header #menu li.home a{

 text-indent: -5000px;

  width: 26px;

 height: 19px;  

 display: inline-block;

 padding: 0;

}



#header #menu li:hover.home, #header #menu li.ac.home{

  background-position: bottom center;

 

}



.home_active{

background: url('../img/home.png') no-repeat top center ;

background-position: bottom center;

}



#header_title{

font-size: 18px;

font-style: italic;

font-family: 'Times new roman';

display: block;

width: 300px;

margin-top: 29px;

margin-left: -117px;

}



/* --------------------------------------------------------------------------------------------

    Slider

-------------------------------------------------------------------------------------------- */



#slider{ 

 background: url("../img/slider/slider-bg2.gif") repeat scroll 0 0 transparent;

 height:401px;

 position:relative;

 overflow:hidden;

}



#slider #slider_wrapper{

  background: url("../img/slider/slider-bg.gif") no-repeat scroll center 0 transparent;                

  overflow: hidden;

  padding-bottom: 45px;

  height: 401px; 

}

#slider #slider_wrapper .slides_container li{width:990px;height:353px;position:relative;display:block;overflow:hidden;}





#slider .bot_bg{

  position: absolute;

  left: 0;

  right: 0;

  z-index: 1;

  bottom: 0;

  height: 45px;

  background-color: #edf2de;

  padding-bottom: 3px;             

}



/* slider pagination --------------------------------- 



#slider .pagination{position: relative; top: 18px; width: 75px; z-index:10; margin: 0 auto; }

#slider .pagination li{float:left;margin:0 10px 0 0;}  

#slider .pagination li a{width:15px;height:15px;display:block;overflow:hidden;background:url('../img/slider/padding.png') left bottom no-repeat;text-indent:20px;}

#slider .pagination li.current a, #slider .pagination li a:hover{background-position:top;}

*/



/* slider arrow --------------------------------- */

#slider .prev{

  text-indent: -5000px;;

  background: url('../img/arrow-left.png') no-repeat;

  display: inline-block;

  width: 30px;

  height: 59px;  

  position: absolute;

  top: 147px;

  z-index: 999;         

}



#slider .next{

  text-indent: -5000px;;

  background: url('../img/arrow-right.png') no-repeat;

  display: inline-block;

  width: 30px;

  height: 59px;  

  position: absolute;

  top: 147px;

  margin-left: 960px;

  z-index: 999;             

}





/* --------------------------------------------------------------------------------------------

    Content

-------------------------------------------------------------------------------------------- */

#container{

background-color: #edf2de;

padding-bottom: 20px;

margin-top: -50px;

}



#content{

padding-top: 5px;      

}



#content .banners .first, #content .banners .second, #content .banners .last{
 display: block;
 padding: 5px;
 width: 308px;
 height: 381px;
 text-align: center;
 padding-top: 0px;
 margin-right: 20px;
 margin-top: 50px;
}



#content .banners .last{
 margin-right: 0px;
}

#content .banners .virt a{
 padding:11px 36px 11px 36px;
 margin-right:15px;
 font-size:130%;
 background-color:#714099;
 float:left;
 position:relative;
 top:-65px;
 left: 700px;
}



#content .banners img{ 

  border: 2px solid #8bcf7e; 

}



#content .banners img:hover{ 

  border: 7px solid #009900; 

  margin-top: -5px; 

}





/* --------------------------------------------------------------------------------------------

    Footer

-------------------------------------------------------------------------------------------- */

#footer{

 background: #003300;  

 height: 198px;   

}



#footer .box{

 background: #002500;

 max-width: 278px;

 max-height: 85px;    

 margin-top: 41px;        

 margin-right: 25px;

 padding: 19px 21px;

}



#footer .recommend h3{

 width: 85px;

 font-size: 16px;  

 font-weight: normal !important;     

 line-height: 125%;           

}



#footer .recommend input[type="text"]{

 width: 180px;

 background: #dbefdb;

 border: none;   

 margin-bottom: 8px;  

 color: #024a02;

 padding-left: 10px;                                     

}



#footer .recommend input[type="submit"]{

 width: 74px;

 background: #dbefdb;

 border: none;      

 float: right;

 color: #024a02;                                    

}





#footer .newsletter input[type="text"]{

  width: 187px;

 background: #dbefdb;

 border: none;   

 margin-bottom: 8px;  

 color: #024a02;

 padding-left: 10px;                                            

}



#footer input{

padding-top: 3px;

padding-bottom: 3px;

}



#footer .newsletter h3{

 font-size: 16px;

 font-weight: normal !important;                      

}



#footer .newsletter p{

 color: #338233;

 line-height: 130%;

 margin: 10px 0;

}



#footer .newsletter input[type="submit"]{

 width: 74px;

 height: 23px;

 background: #dbefdb;

 border: none;      

 color: #024a02; 

}

/*

#footer .powered-by{

 text-align: right;

 color: #336633;

 font-size: 11px;

 margin-top: 41px;                   

}

#footer .powered-by img{

 margin-bottom: 5px;

} 



#footer .powered-by p{

 line-height: 180%;                     

}

*/



#footer .powered-by ul{

 margin-top: 41px;                 

}



#footer .powered-by ul li{

 padding-bottom: 9px;

 color: #336633;                  

}



#footer .powered-by ul li a{

 text-align: right;

 color: #336633;

 font-size: 11px;

 display: block;                   

}



#janik_design{

padding-top: 55px;



}



#janik_design:hover{

background: url('../img/janik-logo.png') no-repeat;

background-position: top right;

}



                   

/*======================================================================= #{}*/

/* ALL content tags*/

.id_site{

color: #8d5fa6;

font-size:24px;

padding-bottom:30px;

margin-right: 40px;

}



.category{

margin-bottom: 35px;

margin-left: 29px;

padding-left: 30px;

background:url('../img/arrow_right_medium_purple.png') no-repeat;

background-position: left;

color: #8d5fa6;

font-weight: normal;

font-size: 18px;

}



#up_ref{

padding-top: 50px;

padding-bottom: 15px; 



}



#up_ref a[href="#top"],#up_ref a.up{

padding-left: 35px;

padding-right: 15px;

background: url('../img/arrow_up_medium_grey.png') no-repeat;

background-position: left;

font-size: 16px;

color: #969696;

display: block;

float:right;

margin-bottom: 10px;

margin-top: -25px;



}



.colored{

background-color: #ecf2de;

height: 20px;

padding-top: 20px;

padding-bottom: 15px;

}



.uncolored{

height: 20px;

padding-top: 20px;

padding-bottom: 15px;

}



#content, #content_gallery, #content_eshop{

margin-top:45px;

}



.margin-o-cont{

margin-top: 40px;

} 



.read-less a{

font-size: 14px;

padding-top: 5px;

display: block;

}



/* Paging

-----------------------------------------------------------------------------*/

#pages{

width: 630px; 

margin-left: 30px;

height: 20px;

float:right;

margin-top: -20px;

}



#pages ul li{

margin: 0 auto;

}



#pages ul li{

float: left;

}



#pages a,#pages span{

color: #333333;

font-size: 16px;

padding-left: 10px;

padding-top: 3px; 

}



#pages a.left{

background: url('../img/arrow_left_medium_purple.png') no-repeat;

background-position: left;

padding-left: 30px;

padding-right: 30px;

}



#pages a.right{

background: url('../img/arrow_right_medium_purple.png') no-repeat;

background-position: right;

padding-right: 30px;

padding-left: 30px;

}



#pages span.selected{

font-weight: bold;

color: #8d5fa6;

}



/* Sub-menu (sections)

-----------------------------------------------------------------------------*/

.submenu{

width: 267px;

min-height: 270px;

float: left;

}



#content_gallery .submenu, #content_eshop .submenu{

width: 242px;

}



.submenu ul li{

border-bottom: solid #e6e7e8 2px;

margin-right: 40px;

}



.submenu ul li:hover{

background-color: #f3f3f3;

}



.submenu ul li .selected,.submenu ul li.selected{

background-color: #f3f3f3;

}



.submenu ul li a{

background: url('../img/arrow_right_small_grey.png') 11px 8px no-repeat;

display: block;

color: #030303;

font-size: 14px;

padding-left: 30px;

padding-top: 9px;

padding-bottom: 9px;

}



.submenu .id_site{

border-bottom: solid #e6e7e8 2px;

margin-top:0px;

}



/* --------------------------------------------------------------------------

   ESHOP

=============================================================================*/

/* Conditions

-----------------------------------------------------------------------------*/

#conditions_content .descr{

font-size: 14px;

color: #030303;

padding-left: 20px;

line-height: 120%;

padding-bottom: 20px;

}



#conditions_content .category{

margin-left: 0px;

padding-left: 20px;

}



/* Shipment

-----------------------------------------------------------------------------*/

#content_eshop .category_div{

font-size: 18px;

padding-left:28px;

padding-top: 12px;

color: white;

}



#cod{

background: url('../img/doruceni_dobirka.png') no-repeat;

}



#delivery{

background: url('../img/doruceni_dovoz.png') no-repeat;

}



#pickup{

background: url('../img/doruceni_vyzvednuti.png') no-repeat;

}



#shipment_content .descr, #lower_shipment .descr{

color: #030303;

line-height: 120%;

font-size: 14px;

padding-left: 20px;

}               



#shipment_content .category{

margin-left: 0;

margin-bottom: 25px;

}



#terms_content{

padding-left: 20px;

}



#terms_content .descr{

padding-left: 0px;

}



#terms_content .terms_tables{

border: solid #dde0d5 1px;

background-color: #ecf2de;

color: #030303;

font-weight: bold;

font-size: 14px;

margin-bottom: 20px;

margin-top: 15px;

}



#terms_content .terms_tables table{

padding-right: 35px;



}



#terms_content .terms_tables table .first_collumn{

padding-left: 30px;

width: 316px;

border-right: solid #dde0d5 1px;

text-align: left;

}



#terms_content .terms_tables table td{

height: 22px;

padding-left: 20px;

padding-right: 10px;

text-align: right;

}



#terms_content .terms_tables table .first_row{



}



#terms_content .terms_tables table .last_row{

height: 10px;

}



#pickup_content table{

font-size: 16px;

margin-left: 20px;

margin-bottom: 60px;

}



#pickup_content table tr td{

padding-left: 20px;

color: #030303;

background-color: #d2d2d2;

margin-right: 1px;

width: 458px;

height: 32px;

vertical-align: middle;

border: solid white 2px;

}



#pickup_content table tr .table_M{

width: 161px;

} 



#pickup_content table .actual_row td{

background-color: #8d5fa6 !important;

color: white;

}



#pickup_content h3{

font-size: 16px;

color: #030303;

padding-bottom: 15px;

font-weight: normal;

padding-left: 20px;

padding-top: 50px;

}



.not_bold{

font-weight: normal;

}



#lower_shipment{

padding-left: 60px;

}



#adds_content .adds{

background-color: #ecf2de;

color: #030303;

font-size: 14px;

margin-top: 25px;

padding-bottom: 30px;

}



#adds_content .adds h3{

font-weight: bold;

padding-left: 20px;

padding-top: 35px;

padding-bottom: 20px;

}



#adds_content .adds .purple_f18{

font-size: 18px;

color: #8d5fa6;

padding-top: 20px;

padding-bottom: 40px;

padding-left: 20px;

}



#adds_content .adds td{

padding-left: 20px;

font-weight: bold;

}



#adds_content .adds table{

margin-top: 15px;

}



#adds_content .adds .descr{

width: 680px;

}



#adds_content{

margin-bottom: 50px;

}







/* E-shop products

-----------------------------------------------------------------------------*/

#content_eshop #pages{

width: 740px;

}



#products{

margin-left: 25px;

float: left;

width: 725px;

}





#products .box_outer{

height: 234px;

width: 324px;

border: solid #ccc 1px;

float:left;

margin-left: 21px;

margin-bottom: 22px;

}



#products .box_outer .box_inner{

height: 218px;

width: 308px;

border: solid #fff 8px;

color: #333333;

}



#products .box_outer .box_inner:hover{

border: solid #ccc 8px;

}



.product_name{

border-bottom: solid #e6e7e8 2px;

font-size: 12px;

margin-left: 15px;

margin-right: 15px;

padding-top: 15px;

font-size: 14px;

padding-bottom: 8px;

font-weight: normal;

}



.product_image{

margin-left: 10px;

margin-top: 10px;

background-color: white;  

height: 165px;

width: 150px;

float:left;

display: block;

}



.product_image img{

margin: auto;

display: block;

}



.product_descr{

margin-top: 10px;

padding-left: 10px;

height: 102px;

width: 125px;

float: left;

padding-right: 4px;

overflow: hidden;

}



.product_price{

font-size: 14px;

padding-top: 4px;

height: 25px;

width: 135px;

float:left;

padding-left: 10px;

}



.product_ref{

background-color: #8d5fa6;

display: block;

height: 25px;

width: 98px;

float: left;

padding-top: 13px;

padding-left: 40px;

margin-left: 10px;

}



/* Product detail

-----------------------------------------------------------------------------*/

#product_detail{

color: #333532;

font-size: 14px;

min-height: 830px;

}



#product_detail_container img{

border: solid #924162 1px;

}



#category{

margin-left: 5px;

padding-left: 0px;

padding-bottom: 45px;

}



#category li{

margin-bottom: 35px;

padding-left: 20px;

padding-right: 15px;

background:url('../img/arrow_right_medium_purple.png') no-repeat;

background-position: left;

color: #8d5fa6;

font-weight: normal;

font-size: 18px;

display: inline;

}



#product_detail_image{

width: 145px;

height: 145px;

margin-left: 0px;

margin-right: 0px; 

}



#product_params_table .first_col{

width: 134px;

}



#product_params_table .white_row{

background-color: white !important;

line-height: 130%; 

}



#product_params_table td{

background-color: #dddddd;

padding: 8px;

width: 411px;

border: solid white 1px;

font-size: 12px;

}



#product_detail_params .ref_product_q{

color: white;

text-decoration: none;

/*text-decoration: underline;

background:url('../img/dotaz_na_produkt.png') repeat-x;

background-position: center;   */

border: solid 2px #8d5fa6;

color: #000;

display: block;

width: 150px;

font-weight: bold;

padding-top: 6px; 

padding-bottom: 6px;

text-align: center;

margin-top:2px;

}



#product_detail_params .ref_product_q:hover{

 border: solid 2px #a0a0a0;

}



#product_detail .product_gall{

 margin-top: 25px;

}



#product_detail .product_gall img{margin-left: 10px; margin-bottom: 10px; }



#product_detail h3{

margin-top: 30px;

margin-bottom: 2px;

}



#product_vars td{

padding-left: 3px;

padding-top: 1px;

padding-bottom: 5px;

border: solid white 1px;

background-color:#f3f3f3;

}



#product_vars .first_row td{

color: white;

background-color: #8d5fa6 !important;

font-weight: bold;

}



#product_vars #first_col{

width: 96px;

padding-top: 5px;

padding-bottom: 5px;

}



#product_vars #second_col{

width: 203px;

padding-top: 5px;

padding-bottom: 5px;

}



#product_vars #third_col{

width: 196px;

padding-top: 5px;

padding-bottom: 5px;

}



#product_vars #fourth_col{

width: 220px;

padding-top: 5px;

padding-bottom: 5px;

}



#product_vars input[type="text"]{

width: 22px;

height: 14px;

margin-top: 0px;

}



#product_vars a{

color: white;

border: solid 1px #8d5fa6;

background: #fff;

color: #282828;

padding-top: 2px;

padding-bottom: 2px;

margin-top:4px;

width: 79px;

display:block;

text-align: center;

margin-left: 33px;

font-weight: bold;

font-size: 12px;

}

#products a.btn_buy{
float:left;
color: white;
border: solid 1px #8d5fa6;
background: #fff;
color: #282828;
padding: 3px 5px 3px 5px;
width: 79px;
text-align: center;
margin: 0px 0px 0px 10px;
font-weight: bold;
font-size: 12px;
}

#product_vars .k2_row td{

background-color: #d2d2d2 !important;

}



/* Login

-----------------------------------------------------------------------------*/

#login_content{

min-height: 600px;

}



#login_table{

width: 412px;

height: 316px;

margin: 9px;

}



#login_table td{

padding-left: 19px;

padding-right: 20px;

/*width: 160px;*/

}



#login_table td.left{

background-color: #8d5fa6;

}



#login_table td.left p{

font-size: 12px;

line-height: 120%;

margin-bottom: 38px;

}



#login_table td.left input[type="submit"]{

background:url('../img/prihlasit.png') no-repeat;

background-position: center;

color: #000000;

padding: 8px 0px 8px 0px;

font-size: 14px;

text-align: center;

display: block;

/*margin-bottom: 98px;*/

width: 165px;

border:none;

}



#login_table td.right{

background-color: #d2badb;

}



#login_table td.right h3{

font-size: 16px;

font-weight: normal;

color: #000000;

margin-top: 30px;

margin-bottom: 15px;

}



#login_table td.right .fpass {

font-size: 12px;

color: #333333;

padding-right: 20px;

}



#login_table td.right label{

font-size: 12px;

color: #000;

padding-right: 20px;

}



#login_table td.right #remember{

margin-left: 25px;



}



#login_table .password{

margin-bottom: 3px;

}



#login_table .checkbox{

display: inline;

}



label[for="remember"]{

color: #333333 !important;

margin-top: 3px;

}



#login_table td.right .bolder{

color: #000000;

}



#login_table td.right input[type="text"]{

font-size: 14px;

color: #000000;

margin-bottom: 8px;

height: 26px;

margin-top: 3px;

border: none;

width: 168px;

}



input[type="submit"]{

cursor: pointer;

}





#login_table td.right input[type="submit"], #login_table td.right #reg{

background:url('../img/prihlasit2.png') no-repeat;

background-position: center;

color: #000000;

padding-top: 10px;

padding-bottom: 10px;

font-size: 14px;

text-align: center;

display: block;

margin-bottom: 5px;

margin-top: 12px;

width: 168px;

border:none;

}



#login_table td.right #reg{

margin-top: 30px;

/*height: 27px;*/

}



#login{

border: solid #8d5fa6 1px;

width: 430px;

height: 334px;

margin: 0 auto;

margin-top: 90px;

display: block;

}





/* --------------------------------------------------------------------------

   PHOTO-GALLERY

=============================================================================*/



/* Content

-----------------------------------------------------------------------------*/

#gallery{

margin-left: 2px;

float: left;

width: 748px;

}





#gallery .box_outer{

height: 168px;

width: 225px;

border: solid #ccc 1px;

float:left;

margin-left: 21px;

margin-bottom: 23px;

}



#gallery .box_outer .box_inner{

height: 152px;                  

width: 209px;

border: solid #fff 8px;

color: #333333;
  Overflow: hidden;
}

#gallery .box_outer .box_inner img{
 width: 228px;
}



#gallery .box_outer .box_inner:hover{

border: solid #ccc 8px;

}



#stripe{

background-color: #ecf2de;

position: absolute;

top: 350px;

z-index: -1;

}



#content_gallery #pages{

width: 740px;

}



/* --------------------------------------------------------------------------

   CONTACTS

=============================================================================*/



/* Content

-----------------------------------------------------------------------------*/



#contact{

margin-top: 40px;

padding-bottom: 25px;

}



#content_contact{

padding-bottom: 25px;

color: #333333;

}



/* Adress div

-----------------------------------------------------------------------------*/

.mail, #slovensko a{

color: #333;

}





#adress{

width: 300px;

float: left;

}



.font_16{

font-size: 16px;

padding-bottom: 6px;

}



.font_14{

font-size: 14px;

line-height: 130%;

}



#phone{

padding-left: 40px;

background: url('../img/icon_phone.png') no-repeat;

background-position: middle left;

margin-bottom: 15px;

padding-bottom: 15px;

}



#mail{

padding-left: 40px;

background: url('../img/icon_mail.png') no-repeat;

background-position: middle left;

margin-bottom: 15px;

padding-bottom: 15px;

}



/* Map div

-----------------------------------------------------------------------------*/

#map{

background: url('../img/map.png') no-repeat;

background-position: top left;

height: 300px;

width: 720px;

margin-left: 250px;

}



#map a{

background: url('../img/ref_btn_bg_purple.png') no-repeat;

background-position: center;

position: relative;

left: 365px;

top: 191px;

display: table-cell;

vertical-align: middle;

text-align: center;

font-size: 18px;

width: 218px;

height: 56px;

color: white;

}



#map a:hover{

text-decoration: underline;

}



/* Shop div

-----------------------------------------------------------------------------*/

#shop{

background-color: #ecf2de;

padding-top:40px;

}



#shop_info{ 

padding-bottom: 30px;

}



#shop_info ul li{

height: 220px;

width: 293px;

float: left;

margin-right:20px;

}



#shop .font_16{

font-size: 16px;

padding-bottom:35px;

width: 335px;

font-weight: normal;

}



.font_12_5{

width: 342px;

font-size: 12.5px;

padding-right: 5px;

float: left;

line-height: 140%;

}



/* Open table div

-----------------------------------------------------------------------------*/

#opened{

padding-bottom: 44px;

}



#opened table{

font-size: 16px;

margin-top: -15px;

}



#opened table tr td{

padding-left: 20px;

background-color: #d2d2d2;

margin-right: 1px;

width: 458px;

height: 32px;

vertical-align: middle;

border: solid #ecf2de 2px;

}



#opened table tr .table_M{

width: 161px;

} 



.actual_row td{

background-color: #8d5fa6 !important;

color: white;

}



/* Slovensko - contact div

-----------------------------------------------------------------------------*/

#slovensko .font_16{

padding-bottom:27px;

padding-top: 37px;

}



/* --------------------------------------------------------------------------

   OUR PRODUCTS

=============================================================================*/



/* All occ content

-----------------------------------------------------------------------------*/

#content_our_products{

margin-bottom: -50px;

}



#content_our_products h2{

font-size:16px;

}



#content_our_products h3{

color: #333333;

font-weight: normal;

font-size:16px;

padding-bottom:40px;

padding-left: 25px;

} 



#content_our_products .descr{

color: #030303;

width: 262px;

padding-left: 45px;

font-size: 14px;

padding-top: 10px;

line-height: 120%;



}



.float_left{

float:left;

}



#content_our_products h2{

font-size: 18px;

}



#collumn_descr{



}



#collumn_descr img, #greenhouse_descr img{

position: relative;

left: 20px;

top: -60px;

z-index: 100;

}



#collumn_middle_container, #greenhouse_middle_pics{

background-color: #ecf2de;

margin-bottom: -100px;

padding-top: 70px;

padding-bottom: 80px;

}



#collumn_middle, #greenhouse_middle{

padding-bottom: 15px;

padding-top: 40px;

}



#collumn_middle{

margin-top: -200px;

}



#collumn_pic a, #greenhouse_pic1 a{

margin-right: 9px;

}



#collumn_pic a img, #greenhouse_pic1 a img, #greenhouse_pic2 a img{

padding-bottom: 17px;

}



#collumn_manual{

background: url('../img/sestaveni.png') no-repeat;

background-position: 15px 93px;

padding-bottom: 30px;

padding-left: 15px;

}



#collumn_manual h3{

padding-bottom: 202px

}



#collumn_manual a{

padding-left: 2px;

}



#collumn_bottom{



}



#collumn_middle_bg{

background-color: #ecf2de;

position: relative;

top: -220px;

left: 0px;

z-index: -1;

background-color: #ecf2de;

margin-bottom: -100px;

padding-top: 10px;

padding-bottom: 60px;

margin-left: 15px;

}



#collumn_middle_bg .call{

padding-top: 19px;

margin-top: 30px;

/*padding-bottom: 30px;*/

margin-left: 15px;

background: url('../img/volejte.png') no-repeat;

background-position: top;

font-size: 18px;

color: white;

width: 238px;

height: 40px;

display: inline-block;

text-align: center;

vertical-align: middle;

}



#collumn_bottom h3{

color: #333333;

font-weight: normal;

font-size:16px;

padding-bottom:105px;

padding-left: 0px;

padding-top: 35px;

}



#collumn_bottom_container{

background-color: #ecf2de;

}



/* Greenhouse

-----------------------------------------------------------------------------*/

#greenhouse_middle_container{



}



#greenhouse_middle_pics{

padding-bottom: 0px;

}



#greenhouse_middle_pics{

background-color: #ecf2de;

position: relative;

top: -225px;

left: 265px;

z-index: -1;

}



#greenhouse_middle_pics .call{

padding-top: 20px;

margin-top: 30px;

/*padding-bottom: 30px;*/

margin-left: 15px;

background: url('../img/volejte.png') no-repeat;

background-position: center;

font-size: 18px;

color: white;

width: 238px;

height: 40px;

display: inline-block;

text-align: center;

vertical-align: middle;

position: relative;

top: -70px;

left: 0px;

text-indent: 0px;

}



#greenhouse_middle{

margin-top: -200px; 

}



#greenhouse_adva{

padding-top: 35px;

}



#greenhouse_adva ul{

list-style: circle;

width: 725px;

padding-bottom: 40px;

margin-left: 16px;

}



#greenhouse_adva ul li{

color: #333333;

font-size: 14px;

padding-bottom: 15px;

line-height: 120%;

}



#greenhouse_pic2 a.last_row{

margin-right: 5px;

}



#greenhouse_pic2 a.not_last{

margin-right: 17px;

}



#greenhouse_bottom_container{

background-color: #ecf2de;

}



#category_section{

font-size: 16px;

color: #8d5fa6;

font-weight: normal;

padding-bottom: 25px;

}



#greenhouse_foot{

padding-bottom: 15px;

padding-top: 40px;

}



#greenhouse_foot_container{



padding-bottom: 25px;

}



#greenhouse h2{

font-size: 18px;

}



/* Manure

-----------------------------------------------------------------------------*/

#manure_container .descr, #manure_container .descr_f18{

color: #030303;

}



#manure_container p, #manure_container h3{

padding-left: 20px;

}



#manure_container .descr{

font-size: 14px;

line-height: 120%;

}



#manure_container .descr_f18{

font-size: 18px;

padding-top: 30px;

padding-bottom: 15px;

}



#manure_container .descr_bold{

font-weight: bold;

font-size: 14px;

line-height: 120%;

color: #030303;

padding-top: 35px;

padding-bottom: 25px;

}



#manure_container .descr_bold_purple{

color: #996699;

font-weight: bold;

font-size: 14px;

line-height: 120%;

padding-bottom: 20px;

}



#manure_container h3{

font-weight: bolder;

font-size: 14px;

color: #030303;

padding-bottom: 12px;

padding-top: 20px;

margin-bottom: 13px;

margin-top: 15px;

background-color: #ecf2de;

}



#manure_descr{

height: 300px;

width: 310px;

float: left;

padding-right: 55px;

}



#manure_top img{

padding-top: 20px;

}



#content_manure h2{

margin-bottom: 45px;

margin-left: 5px;

}







#manure_middle_container .descr{



}



#manure_container h3{



}



#manure_upper_text, #manure_lower_text, #manure_table{

padding-left: 20px;

}



#manure_text{

padding-bottom: 45px;

}



#manure_table table td{

width: 134px;

border: solid #ecf2de; 3px;

font-size: 14px;

padding-top: 8px;

padding-bottom: 8px;

text-align: center;

}



#manure_table table td.td_type1{

background-color: #666666;

color: white;

}



#manure_table table td.td_type2{

background-color: #d2d2d2;

color: #666666;

}



#manure_table table td.td_type3{

background-color: #e8e8e8;

color: #030303;

}



#manure_table table{

margin-left: 17px;

margin-top: 35px;

margin-bottom: 40px;

}



#manure_middle p, #manure_bottom p{

width: 674px;

}



#manure_bottom_container{

background-color: #ecf2de;

}



/* Gardener

-----------------------------------------------------------------------------*/

#content_gardener .descr{

font-size: 14px;

color: #030303;

line-height: 120%;

padding-top: 15px;

}



#content_gardener h2{

margin-left: -5px;

}



#gardener_descr{

float: left;

width: 330px;

height: 235px;

padding-left: 20px;

padding-right: 20px;

}



#gardener_descr .f20_purple{

font-size: 20px;

color: #704099;

line-height: 120%;

}



#gardener_img{

width: 376px;

height: 530px;

background: url('../img/lebis_poradce_v2.png') no-repeat;

background-position: center;

position: relative;

top: -10px;

left: 360px;

}



#gardener_bottom_container{



margin-top: -205px;

}



#gardener_bottom_content .descr{

font-size: 18px;

color: #030303;

padding-bottom: 20px;

padding-left: 20px;

}



#gardener_bottom_content .call{

padding-top: 20px;

margin-top: 30px;

/*padding-bottom: 30px;*/

margin-left: 20px;

background: url('../img/volejte.png') no-repeat;

background-position: top;

font-size: 18px;

color: white;

width: 238px;

height: 50px;

display: inline-block;

text-align: center;

vertical-align: middle;

}



#gardener_bottom_content{



background-color: #ecf2de;

}



/* Flowerbox

-----------------------------------------------------------------------------*/

#flowerbox_img{

width: 544px;

height: 307px;

background: url('../img/truhlik.png') no-repeat;

background-position: center;

position: relative;

top: 0x;

left: 450px;

}



#flowerbox_descr .descr{

font-size: 14px;

color: #030303;

line-height: 120%;

padding-top: 15px;



} 



#flowerbox_descr .system_h2, #flowerbox_system_content h2{

color: #030303;

font-size: 18px;

padding-left: 45px;

}



#flowerbox_descr .category{

margin-bottom: 80px;

}



#flowerbox_descr .f18_purple{

font-size: 20px;

color: #996699;

line-height: 120%;

padding-left: 30px;

padding-top: 55px;

padding-bottom: 40px;

margin-top: 0px;

margin-bottom: 30px;

background-color: #ecf2de;

margin-left: 15px;

padding-right: 270px;

width: 420px;

}



#flowerbox_results_content .f18_purple{

font-size: 20px;

color: #8d5da6;

padding-left: 45px;





}



#flowerbox_descr{

height: 300px;

float: none;

width: 350px;

margin-bottom: -330px;

}



#flowerbox_system_container{

background-color: #ecf2de;

padding-bottom: 20px;

}



#flowerbox_system_content .descr{

font-size: 14px;

color: #030303;

line-height: 120%;

padding-top: 15px;

width: 680px;

}



#flowerbox_system_content ul li{

font-size: 16px;

color: #030303;

margin-left: 30px;

padding-left: 20px;

padding-bottom: 14px;

padding-top: 5px;



}



#flowerbox_system_content ul li.w_mark{

background: url('../img/arrow_right_medium_purple.png') no-repeat;

background-position: left top; 

}



#flowerbox_system_content h2{

padding-top: 65px;

padding-bottom: 24px;

margin-top: 45px; 

}



.flowerbox_pics{

margin-left: 45px;

margin-top: 15px;

margin-bottom: 25px;  

}



.flowerbox_pics img{

width: 310px;

margin-right: 27px;

padding-top: 20px;

padding-bottom: 20px;

}



#flowerbox_results_content{

padding-top: 35px;

padding-bottom: 20px;

margin-bottom: 15px;

}



#flowerbox_results_content ul{

padding-top: 50px;  

}



#flowerbox_results_content ul li{

font-size: 18px;

color: #030303;

margin-left: 45px;

padding-left: 50px;

padding-bottom: 15px;

padding-top: 5px;

background: url('../img/li-plus.png') no-repeat;

background-position: left top;

line-height: 120%;  

}



#flowerbox_wick_container{

margin-bottom: 0px;

}



#flowerbox_result_container{

background-color: #ecf2de;

}



#flowerbox_wick_content .f18_purple{

font-size: 18px;

color: #8d5da6;

padding-left: 45px;

padding-top: 25px;

}



#wick_warning{

font-size: 16px;

font-weight: bold;

color: #030303;

padding-top: 17px;

padding-bottom: 17px;

padding-left: 45px;

}



#flowerbox_wick_container .descr{

font-size: 14px;

width: 690px;

} 



#flowerbox_wick #up_ref{

margin-top: 50px;

padding-bottom: 20px;

} 



/* --------------------------------------------------------------------------

   NEWS

=============================================================================*/

#content_news{

}



#news{

color: #333333;

padding-left: 12px;

min-height: 750px;

width: 970px;

}



#news h2{

font-size: 18px;

padding-bottom: 10px;

border-bottom: solid #e6e7e8 2px;

width: 870px;

font-weight: normal;

}



.news_date{

font-size: 14px;

padding-top: 10px;

padding-bottom: 20px;

}



.news_event{

font-size: 14px;

line-height: 130%;

width: 850px;

display: block;

}



.news_article{

padding-left: 50px;

padding-bottom: 85px;

}



.news_article a, .news_article .read-less a{

color: #8d5fa6;

}



#news .id_site{

padding-bottom: 42px;

}



/* --------------------------------------------------------------------------

   ABOUT US

=============================================================================*/



/* Historie

-----------------------------------------------------------------------------*/

#about_us_history .category{

margin-left: 0;

margin-bottom: 50px;

}



#about_us_history .descr{

font-size: 14px;

color: #030303;

padding-left: 60px;

}



.category_div{

height: 41px;

background-position: left;

padding-bottom: 15px;

margin-top: 25px;

}



#about_us_history .category_div{

font-size: 18px;

color: white;

padding-top: 12px;

padding-left: 24px;

}



#about_us_history #y1935, #about_us_history #y1982, #about_us_history #y1987, #about_us_history #y2000, #about_us_history #y2011 {

background: url('../img/rok_purple.png') no-repeat;

}



#about_us_history #yact{

background: url('../img/historie_aktivity.png') no-repeat;

}



#about_us_history #ylect{

background: url('../img/historie_prednasky.png') no-repeat;

}



#about_us_history .descr{

font-size: 14px;

color: #030303;

margin-left: -30px;

}



#about_us_history .history_pics{

padding-top: 15px;

}



#about_us_history .history_pics img{

margin-bottom: 18px;

}



#about_us_history .history_pics a{

margin-right: 17px;

}



#about_us_history .history_pics .last_row{

margin-right: 0px;

}



/* Who we are

-----------------------------------------------------------------------------*/

#who_we_are .category_div{

height: 41px;

background-position: left;

padding-bottom: 15px;

margin-top: 40px;

margin-left: 20px;

}



#who_we_are .descr{

font-size: 14px;

color: #030303;

padding-left: 60px;

line-height: 120%;

margin-left: -20px;

}



#who_we_are #wwa_found{

background: url('../img/zalozeno.png') no-repeat;

}



#who_we_are #wwa_care{

background: url('../img/pece.png') no-repeat;

}



#who_we_are #wwa_destin{

background: url('../img/nas_cil.png') no-repeat;

}



#who_we_are .category{

padding-left: 25px;

margin-left: 20px;

margin-bottom: 15px;

}



#who_we_are .category_div{

font-size: 18px;

color: white;

padding-top: 12px;

padding-left: 24px;

}



#wwa_pics img{

margin-bottom: 18px;

}



#wwa_pics a{

margin-right: 17px;

}



#wwa_pics .last_row{

margin-right: 0px;

}



#wwa_pics_container{

background-color: #ecf2de;

}



#wwa_pics{

padding-top: 50px;

padding-left: 65px;

margin-top: 20px;



}



/* Our Customers

-----------------------------------------------------------------------------*/

#our_customers_content #letters{

background: url('../img/dopisy.png') no-repeat;

}



#our_customers_content .category_div{

height: 41px;

background-position: left;

padding-bottom: 15px;

margin-top: 40px;

margin-left: 20px;

}



#our_customers .descr, #our_customers_lower_container .descr{

font-size: 14px;

color: #030303;

padding: 10px 0px 10px 60px;

line-height: 120%;

margin-left: -20px;

}



#our_customers_lower_container{

background-color: #ecf2de;

}



#our_customers_lower{

padding-top: 90px;

}



#our_customers_content{

/*margin-bottom: -90px;*/

}



#our_customers_lower_content{

padding-left: 20px;

}



#our_customers_lower_content .last_row{

margin-right: 0px;

}



.our_customers_pics{

padding-left: 40px;

}



.our_customers_pics img{

margin-top: 25px;

margin-bottom: 25px;

}



.our_customers_pics a{

margin-right: 11px;

}



#our_customers_lower_container #pages{

width: 718px;

}



/* The Year

-----------------------------------------------------------------------------*/

#the_year_content .category{

margin-left: 0px;

padding-left: 20px;

}



#the_year_content .descr{

font-size: 14px;

color: #030303;

padding-left: 20px;

line-height: 120%;

padding-bottom: 15px;

}



#the_year_content .descr a, #the_year_content .read-less a{

color: #8d5fa6;

}



#the_year_content h3{

color: #333333;

font-size: 18px;

margin-left: 20px;

border-bottom: solid #e6e7e8 2px;

padding-bottom: 10px;

margin-bottom: 10px;

}



.the_year_event_pic{

margin-left: 20px;

}



#the_year_content .descr2{

font-size: 14px;

color: #030303;

padding-left: 20px;

line-height: 120%;

padding-bottom: 65px;

}



.the_year_event{

padding-bottom: 20px;

}



.the_year_event img{

margin-bottom: 20px;

margin-right: 10px;

}



/* Exhibition

-----------------------------------------------------------------------------*/

#exhibition_lower_content .descr{

font-size: 14px;

color: #030303;

padding-left: 20px;

line-height: 120%;

padding-bottom: 15px;

}



#exhibition_lower_content .opened{

padding-top: 15px;

}



#exhibition_content #title_image{

height: 542px;

width: 725px;

background: url('../img/vystava_uvodni.png') no-repeat;

background-position: center;

}



#exhibition_content .purple_f18{

color: #8d5fa6;

font-size: 18px;

line-height: 140%;

padding-top: 30px;

padding-bottom: 30px;

}



#exhibition_lower_container{

background-color: #ecf2de;

}



#exhibition_lower_container .exhibition_pics{

margin-bottom: 20px;

margin-top: 20px;

}



.exhibition_pics a{

margin-right: 15px;

/*float:left;*/

}



.exhibition_pics img{

margin-bottom: 15px;

}



.exhibition_pics .central_img{





}



.exhibition_pics .last_row{

margin-right: 0px;

}



#exhibition_lower_container #up_ref{

background-color: #ecf2de;

}



.exhibition_pics #table1 td{

vertical-align: middle;

}



.exhibition_pics #table2 td{

vertical-align: top;

}



.exhibition_pics table td{

/*border: solid black 3px;*/

}



#exhibition_lower_content{

padding-top: 40px;
         
}





#eshop_univerzal, #ShoppingCart{margin-left: 25px;float: left;width: 725px;color: #030303;}
#eshop_univerzal a {color: #030303;}


#content_our_products .category, #manure_container .category{ 
 padding-left: 22px;
 margin-left: 3px;
}



#content_gardener .category{
 margin-left: -17px;
 padding-left: 22px;
}

#content_our_products .descr{
  padding-left: 20px;
}

#manure_container p.id_site{padding-left: 0px; margin-left: 0px;}


#flowerbox_descr .category{
 margin-left: 20px;
}

#flowerbox_descr .descr, #flowerbox_descr .system_h2{
 padding-left: 38px;
}

#flowerbox_wick_content .descr{padding-left: 45px;}


/* --------------------------------------------------------------------------------------------
    Publikace
-------------------------------------------------------------------------------------------- */
#publications{
float: none;
width: 750px;
}

#publications .po-15-letech{ position: relative; top: -35px;}
#publications h3.navrat-v-podnikani{text-indent: -5000px;background: url('../img/navrat-v-podnikani.jpg') no-repeat;
width: 358px;
height: 42px;
}

#publications p{font-size: 1.16em; color: #030303; line-height: 130%; margin-bottom: 10px;}
#publications img.publ{margin-top: 50px;}
#publications a.btn-download-pdf{text-indent: -5000px; display: block;margin: 47px auto 20px auto; background: url('../img/btn-download-pdf.jpg') no-repeat;
width: 541px;
height: 90px;
}

/* --------------------------------------------------------------------------------------------
    Produkt kotvičník   704 684
-------------------------------------------------------------------------------------------- */

#kotvicnik{
float: none;
width: 750px;
}

#kotvicnik .img_kot{ position: relative; top: -90px; z-index: 1;  margin-bottom: -80px;}
#kotvicnik h2.category{position: relative; z-index: 3;}

#kotvicnik h3.co-me-privedlo-k-bilinkam{background: url('../img/co_me_privedlo_k_bilinkam.jpg') no-repeat;
width: 274px;
height: 42px;
text-indent: -5000px;
}

#kotvicnik p{color: #030303; line-height: 130%; font-size: 1.16em; width: 684px; margin-left: 20px; }

#kotvicnik h3.pestovani-a-suseni{background: url(../img/pestovani_a_suseni.jpg) no-repeat;
width: 273px;
height: 42px;
text-indent: -5000px;
margin-top: 55px;
margin-bottom: -20px;
}

#kotvicnik h4{color: #030303; margin-left: 20px; margin-bottom: 20px; }

#kotvicnik .gallery {margin-top: 23px; }
#kotvicnik .gallery .img p{ width: 330px; margin-left: 0px; margin-top: 5px; }
#kotvicnik .gallery .img{float: left; margin-right: 23px; margin-bottom: 23px;}
#kotvicnik h3.priprava{background: url(../img/priprava.jpg) no-repeat;
width: 273px;
height: 42px;
text-indent: -5000px;
margin-top: 30px;
margin-bottom: -30px;
}

#kotvicnik h3.lecive-ucinky{
background: url(../img/lecive-ucinky.jpg) no-repeat;
width: 234px;
height: 42px;
text-indent: -5000px; 
margin-top: 30px;
}


#kotvicnik p.ucinky{color: #8d5da6; line-height: 210%; margin-left: 0;}
#kotvicnik ul{color: #030303; margin-top: 20px; font-size: 1.2em;}
#kotvicnik ul li{margin-bottom: 5px; background: url(../img/li-plus.png) left top no-repeat; padding-left: 50px; padding-top: 10px; padding-bottom: 10px; }

#kotvicnik h4.u-zen, #kotvicnik h4.u-muzu{margin-left: 0; color: #8d5da6; font-size: 1.2em; font-weight: normal; margin-top: 35px;  margin-bottom: -10px; }

#kotvicnik h3.uzivani{  background: url(../img/uzivani.jpg) no-repeat;
width: 102px;
height: 42px;
margin-top: 40px;
margin-bottom: -20px;
text-indent: -5000px; 
}

#kotvicnik h3.moje_rada{  background: url(../img/moje_rada.jpg) no-repeat;
width: 102px;
height: 42px;
margin-top: 40px;
margin-bottom: -20px;
text-indent: -5000px; 
}

#kotvicnik h3.cena-kotvicniku{  background: url(../img/kotvicnik_cena.jpg) no-repeat;
width: 171px;
height: 42px;
margin-top: 40px;
margin-bottom: -20px;
text-indent: -5000px; 
}

#kotvicnik h2.cesky-kotvicnik{color: #996699; font-size: 18px; font-weight: normal; margin-left: 20px; margin-top: 20px; margin-bottom: 20px; }

#kotvicnik p.info{color: #8d5fa6; font-size: 1.3em; margin-top: 30px;}

#kotvicnik a.btn-buy{background: url(../img/btn-koupit.jpg) no-repeat;
width: 539px;
height: 90px;
display: block;
margin: 60px auto 30px auto;
text-indent: -5000px;
}


/* --------------------------------------------------------------------------------------------

    1. UROVEN KOMENTARE

-------------------------------------------------------------------------------------------- */



/* 2. UROVEN KOMENTARE --------------------------------- */



/* 3. UROVEN KOMENTARE ----------------- */



/* 4. UROVEN KOMENTARE -------- */



/* DOVETKY */  