/* CSS Document */
*{
margin: 0;
padding: 0; 
border: 0;
}

html, body{
background: url(images/bg-bottom.jpg), url(images/bg-top-long.jpg);
background-repeat: repeat-x, repeat-x;
background-position: center bottom, center top;
background-color: #5E9A04;
margin: 0;
padding: 0;
}

body{
overflow: auto;
overflow-y: scroll;
position: relative;
color: #000;
}

h1, h2, h3, h4, h5, h6{
margin: 0;
padding: 6px;
font-weight: normal;
}

.lightgreen{
color: #5d9a03;
}

.darkgreen{
color: #056929;
}

#main_nadpis{
color: #777777;
font-size: 23px;
padding: 7px 10px 0 33px;
}

#contur{
width: 900px;
overflow: visible;
margin: 0 auto 0 auto;
float: center;
font-size: 15px;
line-height: 21px; 
font-family: "My DINPro Regular", MyDINProRegular, Arial;
}

#page{
background-image: url(images/stripes_bg.png);
background-repeat: repeat;
background-position: center top;
width: 900px;
min-height: 300px; _height: 300px;
overflow: visible;
}

#header{
width: 900px;
height: 108px;
position: relative;
}

#logo{
background-image: url(images/logo.png);
width: 210px; 
height: 83px;
position: absolute;
top: 20px;
left: 26px;
}

#window{
width: 900px;
min-height: 550px;
padding: 0 0 20px 0;
}

#window_half_l, #window_half_r{
width: 420px;
min-height: 500px;
float: left;
}

#window_half_r{
width: 480px;
}

#bottom{
width: 900px;
height: 217px;
position: relative;
}

#copyright{
color: white;
width: 900px;
height: 30px;
text-align: right;
padding: 8px 0 0 0;
}


/*------------------------------------------------------------------------------
  TOP ITEMS
*/

#logo{
width: 256px;
height: 78px;
position: absolute;
top: 21px;
left: 7px;
}

#menu{
// width: 512px;
// background-color: red;
width: 590px;
height: 33px;
position: absolute;
top: 78px;
right: 4px;
}

#menu a{
font-family: "My Fette Engschrift", MyFetteEngschrift, Arial;
padding: 7px 5px 7px 5px;
color: #000;
text-decoration: none;
font-size: 19px;
}

#menu a:hover{
color: #73a721;
}

#menu #active{
background-image: url(images/menu-active.png);
background-repeat: no-repeat;
background-position: center bottom;
}

#h_kontakt{
width: 535px;
height: 33px;
position: absolute;
bottom: 0;
right: 20px;
text-align: right;
}

#h_k_nadpis{
font-family: "My Fette Engschrift", MyFetteEngschrift;
padding: 0 8px 0 8px;
color: #5d9a03;
text-decoration: none;
font-size: 22px;
}

#h_k_rozdel{
font-family: "My DINPro Light", MyDINProLight;
padding: 0 3px;
}

#h_k_tel b{
font-family: "My DINPro Medium", MyDINProMedium;
font-weight: normal;
color: #056929;
}

#h_k_email a{
color: #056929;
text-decoration: none;
}

#h_k_email a:hover{
color: #056929;
text-decoration: underline;
}

.hr-line{
background-color: #cdcdcd;
width: 888px;
height: 1px;
overflow: hidden;
margin: 5px 6px
}

.hr-line2{
background-color: #3f2302;
width: 888px;
height: 1px;
overflow: hidden;
margin: 5px 6px
}

.zavinac{
font-family: "My Ebrima Regular", MyEbrimaRegular;

}

.prumer{
padding: 0 3px 0 0;
}




/*------------------------------------------------------------------------------
  WINDOW ITEMS
*/

#window .nadpis{
font-family: "My Fette Engschrift", MyFetteEngschrift;
color: #5d9a03;
font-size: 27px;
padding: 18px 10px 0px 10px;
}

#window .nadpis_mensi{
font-family: "My Fette Engschrift", MyFetteEngschrift;
color: #5d9a03;
font-size: 20px;
padding: 0 10px 0px 10px;
text-align: center;
}


#window .nadpis_actual{
font-family: "My Fette Engschrift", MyFetteEngschrift, Arial;
color: #5d9a03;
font-size: 27px;
padding: 5px 10px 0px 10px;
}

#window .podnadpis{
font-family: "My Fette Engschrift", MyFetteEngschrift, Arial;
color: #5d9a03;
font-size: 22px;
padding: 2px 10px 0px 10px;
}

#window .podnadpis2{
font-family: "My Fette Engschrift", MyFetteEngschrift, Arial;
color: #000000;
font-size: 22px;
padding: 2px 10px 0px 10px;
}

.nadpis_actual a:hover{
color: #848484 !important;
text-decoration: none !important;
}


.aktualita{
position: relative;
display: inline-block;
width: 100%;
}

.aktual_sipka{
background-image: url(images/aktual-sipka.png);
background-position: right bottom;
background-repeat: no-repeat;
width: 155px;
height: 30px;
position: absolute;
right: 310px;
bottom: 16px;

}



.aktual_sipka a{
padding: 6px 30px 10px 5px;
display: block;
}


#window p{
text-align: justify;
padding: 10px 20px 6px 20px; 
}

#window b{
font-family: "My DINPro Medium", MyDINProMedium;
font-weight: normal;
}

#window a{
color: #5d9a03;
text-decoration: none;
}

#window a:hover{
text-decoration: underline;
}

#window ul{
padding: 5px 20px 10px 36px;
list-style-image: url(images/li-square.png);
line-height: 25px; 
}

#window .img_r{
float: right;
clear: right;
padding: 0 0 15px 20px;
}

.img3{
float: left;
padding: 0 0 0 9px;
}

#sortiment_menu{
padding: 0 0 0 15px;
}

.sm_item, .sm_item_active{
color: #000 !important;
display: block;
float: left;
padding: 2px 40px 8px 40px;
font-size: 15px;
text-align: center;
line-height: 15px;
}

.sm_item:hover, .sm_item_active:hover{
color: #5d9a03 !important;
display: block;
float: left;
padding: 2px 40px 8px 40px;
font-size: 15px;
text-align: center;
text-decoration: none !important;
}

.sm_item_active{
background:  url(images/menu-sortiment-active.png) center bottom no-repeat;
}

.sortiment_left, .sortiment_right{
width: 442px;
min-height: 100px;
display: inline-block;
}

.sortiment_right{
padding: 0 0 0 10px;
}

.sortiment_tab{
width: 442px;
margin: 10px 0 20px 0;
border-collapse: collapse;
display: inline-block;
float: left;
clear: left;
padding: 0;
}


.sortiment_tab td {
border-bottom: 1px solid #cdcdcd;
}

.sort_l_nad, .sort_r_nad, .sort_l, .sort_r{
color: #777;
line-height: 22px;
}


.sort_l, .sort_l_nad{
width: 322px;
border-bottom: 1px solid #5d9a03 !important;
text-align: left;
padding: 3px 0 3px 20px;
}

.sort_r, .sort_r_nad{
width: 120px;
border-bottom: 1px solid #5d9a03 !important;
text-align: right;
padding: 3px 20px 3px 0;
}

.sort_l, .sort_r{
border-bottom: 1px solid #cdcdcd !important;
color: #000;
}

.misto_sortiment_sipka{
width: 100%;
height: 20px;
position: relative;
}

.sortiment_sipka{
background-image: url(images/aktual-sipka.png);
background-position: right bottom;
background-repeat: no-repeat;
width: 125px;
height: 30px;
position: absolute;
right: 23px;
bottom: 10px;

}



.sortiment_sipka a{
padding: 6px 30px 10px 5px;
display: block;
}


.fotogalerie{
padding: 10px 0 20px 0;
display: inline-block;
}

.foto_item, .foto_item_end{
background-color: whitesmoke;
width: 291px;
height: 180px;
float: left;
margin: 0 13px 20px 0;
display: inline-block;
}

.foto_item_end{
margin: 0 0 20px 0;
}

.foto_img{
width: 291px;
height: 180px;
}

#copyright a{
color: #fff;
text-decoration: none;
}

#copyright a:hover{
text-decoration: underline;
}

#bottom a{
font-size: 14px;
text-decoration: none;
color: #848484;

}

#bottom a:hover{
color: #73a721;
text-decoration: underline;
}



#bot_menu{ 
width: 170px;
height: 190px;
position: absolute;
left: 20px;
top: 20px;
}

#bot_menu a{
font-family: "My Fette Engschrift", MyFetteEngschrift;
padding: 3px 10px 3px 10px;
color: #848484;
text-decoration: none;
font-size: 19px;
display: block;
}

#bot_menu a:hover{
color: #73a721;
text-decoration: none;
}

#bot_menu #bot_active{
color: #73a721;
text-decoration: none;
}

#bot_aktual{
width: 360px;
height: 90px;
position: absolute;
left: 220px;
top: 20px;
}

.bot_text{
padding: 0 0 0 18px;
color: #848484;
}

#bot_foto{ 
background-image: url(images/gal-bot.png);
background-repeat: no-repeat;
background-position: 18px bottom;
width: 360px;
height: 90px;
position: absolute;
left: 220px;
top: 95px;
}

.bot_nadpis{
font-family: "My Fette Engschrift", MyFetteEngschrift;
padding: 3px 10px 3px 10px;
color: #848484;
text-decoration: none;
font-size: 18px;
}

.bot_nadpis a{
font-size: 18px !important;
padding: 0 10px 0 10px !important;
}

.bot_nadpis a:hover{
text-decoration: none !important;
}

#bot_links{ 
width: 270px;
height: 190px;
position: absolute;
right: 20px;
top: 20px;
}

#breadcrumb{
font-size: 12px;
display: inline-block;
float: right;
color: #848484;
text-align: right;
margin: 0;
padding: 0 10px 5px 0;
}

#breadcrumb li{
margin:0;
padding:0;
list-style-type: none;
display: inline;
}


#breadcrumb li a{
color: #5d9a03;
text-decoration: none;
}

#breadcrumb li a:hover{
text-decoration: underline;
}

/*
--------------------------------------------------------------------------------
VYSKAKOVACI KARTA
*/

#infoNewBg{
width: 100%;
box-sizing: border-box;
overflow: hidden;
height: 200%;
background-color: black;
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0.65;
// display: none;
}


#infoNew{

width: 0px;
height: 0px;
position: relative;
left: 50%;
top: 450px;
z-index: 30;
// display: none;
}

.infoNewContent{
width: 620px;
height: 460px;
background: white url(images/prodejci-bg.png) bottom center no-repeat;
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

border: 10px solid #fff;
// border-radius: 10px;
box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.3);

font-family: "My Calibri Bold", Arial; 
// text-align: center;     
box-shadow:inset 0px 0px 10px rgba(0,0,0,0.2); 
// text-shadow: 0 0 12px rgba(0, 0, 0, 0.5); 
// border: 5px solid white;  
// background: white; 

padding: 30px 30px 30px 30px;
font-size: 30px !important;
}

#infoBigText{
display: block;
width: 350px;
height: 200px;

font-family: "My Fette Engschrift", MyFetteEngschrift, Arial;
font-size: 48px;
color: #de1f30;
text-align: left;

position: absolute;
top: 100px;
left: 60px;
}


#infoNewButtonLink{
display: block;
width: 200px;
height: 40px;
font-family: "My Fette Engschrift", MyFetteEngschrift, Arial;
font-size: 34px;
text-decoration: none !important;
text-align: left;
color: white;
background-color: #de1f30;
padding: 10px 20px;
position: absolute;
top: 350px;
left: 60px;
}

#zavritNew{
background-color: white;
width: 36px;
height: 35px;
position: absolute;
top: 24px;
left: 620px;
font-size: 24px;
text-align: center;
cursor: pointer;
z-index: 100;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);

} 

.infoNewContentRed::selection {
  background: red !important; /* WebKit/Blink Browsers */
  color: #fff;
}

.infoNewContentRed::-moz-selection {
  background: red !important; /* Gecko Browsers */
  color: #fff;
}


.infoNewContentGreen::selection {
  background: #1b9b01 !important; /* WebKit/Blink Browsers */
  color: #fff;
}

.infoNewContentGreen::-moz-selection {
  background: #1b9b01 !important; /* Gecko Browsers */
  color: #fff;
}



#zavritNew:hover:before, #zavritNew:hover:after{ 
  background-color: #de1f30;
}


#zavritNew:before, #zavritNew:after {
  content: "";
  position: absolute;
  z-index: -1;

  transform: rotate(45deg);
  background-color: #8B9298;
}

#zavritNew:before {
  top: 16px;
  left: 8px;
  width: 20px;
  height: 4px;
}

#zavritNew:after {
  top: 8px;
  left: 16px;
  width: 4px;
  height: 20px;
}

#telefon{
display: inline-block;
background-color: #5d9a03;
font-weight: bold;
color: #fff;
padding: 3px 9px;
margin: 6px 0 6px -10px;
cursor: pointer;
}

#telefon:hover {
background-color: #056928
}


#telefon2{
display: inline-block;
padding: 3px 0;
margin: 6px 0;
}