*
{
border: none;
margin: 0px;
padding: 0px;
}

body      
{
margin: 0px auto;
padding: 0px;
color: #000000;
background: #E95910 url(../img/background.jpg) no-repeat center top;
font-family: arial;
}

#container 
{
position: relative;
overflow: hidden;
margin: 0px auto;
width: 980px;
}

#zahlavi
{
position: relative;
width: 980px;
height: 75px;
}

#zahlavi .logo
{
position: relative;
float: left;
width: 225px;
height: 75px;
}

#zahlavi .coop
{
position: relative;
float: right;
width: 123px;
height: 75px;
}

#hlbanner
{
position: relative;
width: 980px;
height: 250px;         
background: url(../img/banner.png) no-repeat center top;
}

#levy-sloupec
{
position: relative;
float: left;
overflow: hidden;
width: 340px;
padding: 0px;
margin: 0px;
}     

#stred-top
{
position: relative;
overflow: hidden;
width: 980px;
height: 30px;
background: url(../img/content-header.png) no-repeat center top; 
}  

#stred-cont
{
position: relative;
overflow: hidden;
width: 980px;
background: url(../img/content-middle.gif) repeat-y center top;
}

#stred
{
position: relative;
overflow: hidden;
width: 980px;
background: url(../img/content-top.gif) no-repeat center top;
}

#slider-cont
{
position: relative;
width: 980px; 
height: 185px;   
text-align: center;
padding: 15px 0px 0px 0px;
background-image: url(../img/content-slider.gif);
}

.slider-prev
{
position: absolute;
width: 20px;
height: 20px;
left: 13px;
top: 85px;
}

.slider-next
{
position: absolute;
width: 20px;
height: 20px;
right: 13px;
top: 85px;
}

#slider
{
position: relative;
width: 910px;  
height: 150px; 
padding: 0px;
margin: 0px;
}

#maska
{
position: relative;
top: 5px;
left: 0px;
width: 720px; 
height: 220px;
overflow: hidden;
}

#obsah
{
width: 580px;
height: auto;
float: left;
position: relative;
overflow: hidden;
padding: 0px 25px 25px 25px;
color: #4E4E4E;
font-size: 13px;
} 



#obsah a 
{
color: #4E4E4E;
}

#obsah h2
{
position: relative;
padding: 0px;
color: #4e4e4e;
font-size: 16px;
font-style: italic;
}   

#obsah h3
{
position: relative;
padding: 20px 0px 0px 0px;
color: #4e4e4e;
font-size: 16px;
}  

#obsah h4
{
position: relative;
padding: 0px 0px 0px 10px;
color: #4e4e4e;
margin: 20px 0px 20px 0px;
font-size: 14px;
background: url(../img/nadpis.png) no-repeat center bottom;
} 

#obsah ul 
{
margin: 20px 0px 0px 0px;
font-size: 13px;
color: #4e4e4e;
padding-left: 40px;
}

#obsah p
{
position: relative;
margin: 20px 0px 0px 0px;
font-size: 13px;
color: #4e4e4e;
text-align: justify;
}

#obsah p img
{
position: relative;
float: left;
margin: 5px 10px 0px 0px;
}

#zapati
{
position: relative;
clear: both;
overflow: hidden;
width: 980px;
height: 50px;
}

#zapati a
{
color: #dedede;
text-decoration: none;
}

#zapati p
{
position: relative;
float: right;
text-align: right;
padding: 0px 20px 0px 0px;
color: #dedede;
font-size: 11px;
line-height: 18px;
} 

/* Hlavni menu */

#hlavnimenu
{                     
position: relative;
font-family: arial;
margin: 0px auto;
padding: 20px 0px 0px 0px;
width: 980px;
height: 45px;
font-size: 13px;
text-align: center;      
background: url(../img/menu.png) no-repeat center top;
}

#hlavnimenu ul
{
height: 45px;
margin: auto;
width: 980px;
padding: 0px;
list-style-type: none;
} 

#hlavnimenu ul li
{
float: left;
margin: 0px;
padding: 15px 15px 10px 38px;
width: auto;
font-weight: bold;
font-style: italic;
}
                   
#hlavnimenu ul li a
{
float: left;
color: #FFE49E;
text-decoration: none;
}

#hlavnimenu ul li a:hover
{
color: #fefefe;
background: url(../img/menu-active.png) repeat-x left top;
}

#hlavnimenu ul li a:hover span
{
cursor: pointer;
}

#hlavnimenu ul li a.aktivni,
#hlavnimenu ul li a.aktivni:hover
{
color: #fefefe;
background: url(../img/menu-active.png) repeat-x left top;
}


/*  Podmenu
*/


.podmenu
{
position: relative;
width: 340px;
margin: 0px;
padding: 0px;
}

.podmenu ul
{
position: relative;
list-style-type: none;
width: 340px;
}

.podmenu ul li
{
display: block;
cursor: pointer;
}

.podmenu ul li a
{
display: block;
color: #ffffff;
background: url(../img/podmenu-inactive.png);
text-decoration: none;
padding: 0px;
width: 340px;
height: 50px;
font-size: 13px;
font-style: italic;
line-height: 50px;
font-weight: bold;
padding: 0px 0px 0px 40px;
cursor: pointer;
}

.podmenu ul li a span
{
height: 50px;
width: 340px;
cursor: pointer;
}

.podmenu ul li a:hover, .podmenu ul li a.aktivni
{
display: block;
color: #ffffff;
background: url(../img/podmenu-active.png);
text-decoration: none;
padding: 0px;
width: 340px;
height: 50px;
font-size: 13px;
font-style: italic;
line-height: 50px;
font-weight: bold;
padding: 0px 0px 0px 40px;
cursor: pointer;
}

.podmenu ul li a.aktivni,
.podmenu ul li a.aktivni:hover
{
display: block;
color: #ffffff;
background: url(../img/podmenu-active.png);
text-decoration: none;
padding: 0px;
width: 340px;
height: 50px;
font-size: 13px;
font-style: italic;
line-height: 50px;
font-weight: bold;
padding: 0px 0px 0px 40px;
cursor: pointer;
}

/*  KONEC: podmenu
*/


/*  FotoGalerie
*/

.galerie
{
position: relative;
overflow: hidden;
font-size: 12px;
line-height: 20px;
color: #4e4e4e;
margin: 20px 0px 0px 12px;
text-align: justify;
}

.galeriediv a
{
position: relative;
float: left;
color: #4e4e4e;
background: #d9e2f1;
padding: 5px;
margin: 0px 17px 15px 0px;
border: 1px #e0e0e0 solid;
}

.galeriediv a:hover
{
position: relative;
float: left;
color: #6e6e6e;
background: #376ca2;
padding: 5px;
margin: 0 17px 15px 0;
border: 1px #e0e0e0 solid;
}

.galerienahled
{
position: relative;
float: left;
border: 0px #ffffff solid;
width:140px;
}



#registrace,
#letak
{
position: relative;
margin: 10px 0px 0px 0px;
width: 340px;
font-size: 13px;
color: #4E4E4E;
padding-left: 5px;
}

#datumletak
{
position: relative;
margin: 10px 0px 0px 0;
width: 340px;
font-size: 13px;
color: #4E4E4E;
padding-left: 5px;
}

#registrace h3,
#letak h3
{
font-size: 14px;
font-style: italic;
color: #ffffff;
padding: 10px 0px 10px 15px;
}

#registrace form
{
position: relative;
background: url(../img/form.png) no-repeat left top;
margin: 0 0 0 5px;
width: 329px;
height: 48px;
padding: 0px;
}

#registrace form .reg
{ 
width: 235px;
height: 36px;
float: left;
line-height: 18px;
margin: 2px 0px 0px 20px;
padding: 0px;
background: none;
border: none;
color: #ffffff;      
font-weight: bold;
}

#registrace form .tl
{
width: 55px;
height: 48px;
float: left;
margin: 0px 0px 0px 10px;
padding: 0px 8px 10px 0px;
background: url(../img/tl_ok.png) no-repeat left top;
border: none;
color: #ffffff;
cursor: pointer;
font-weight: bold;
}

#datumletak form
{
position: relative;
background: url(../img/form.png) no-repeat -15px top;
margin: 10px 0 0 0;
width: 329px;
height: 48px;
padding: 0px;
}

#datumletak form select
{ 
height: 29px;
float: left;
font-size: 14px;
margin: 2px 0px 0px 7px;
padding: 7px 0 0 0;
background: none;
border: none;
color: #ffffff;      
font-weight: bold;
}

#datumletak form option
{ 
font-size: 12px;
margin: 0;
padding: 5px 10px;
background: none;
border: none;
color: #ffffff;      
font-weight: bold;
}

#datumletak form .tl
{
position: absolute;
left: 250px;
width: 55px;
height: 48px;
margin: 0px;
padding: 0px 8px 10px 0px;
background: url(../img/tl_ok.png) no-repeat left top;
border: none;
color: #ffffff;
cursor: pointer;
font-weight: bold;
}

.stahnoutletak
{
position: absolute;
top: 435px;
right: 15px;
}

#topslider 
{
position: absolute;
margin-right: 10px;
right: 0px;
top: 0px;
}

#topslider ul, #topslider li 
{
margin: 0px;
padding: 0px;
list-style: none;
}

#topslider li 
{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width: 300px;
height: 250px;
overflow: hidden; 
}	

/*spodni slider*/
/* Sample 1*/
#slider
{
position: absolute;
}

#slider div
{
display: block;
float: left;
margin: 0px 2px 0px 2px;
}

#prev1, #next1 
{
margin-top: 70px;  
}  

#next1 
{
margin-right: 40px;    
}

.mask1
{
float: left;
position: relative;
width: 912px;
height: 150px;
overflow: hidden;
margin-left: 4px;
}

/*letak slider*/
/* Sample 1*/
#tuty1v
{
position: absolute;
}

#tuty1v div
{
display: block;
float: left;
margin-left: 5px;
}

#tuty1v span 
{
display: block;
float: left;
}

#tuty1v span img 
{
border: medium none;
display: block;
height: 250px;
padding: 5px 0px 5px 5px;
width: 177px;
}

#prev, #next 
{
position: absolute; 
top: 55px;
cursor: pointer;
}  
                         
#next 
{
left: 563px;    
}

.mask2
{
height: 261px;
margin-left: 20px;
overflow: hidden;
position: relative;
top: 20px;
width: 551px;
}

#prohlizeni 
{
background: url("../img/ramecek.png") no-repeat scroll 0 0 transparent;
height: 351px;
top: 64px;
margin: 10px 0px 0px 0px;
padding: 0px;
position: relative;
text-align: center;
width: 591px;
}

#obsah tbody tr td 
{
padding: 5px;
}

/* TV spoty*/
#spoty 
{
clear: both;
}

#spoty object 
{
margin: 5px 0px 0px 140px;
}

#spoty h3 
{
text-align: center;
margin: 20px 0px 0px 0px;
}

#spoty-2009, #spoty-2010, #spoty-radio 
{
width: 225px; 
height: 150px;
float: left; 
cursor: pointer;
margin: 5px 5px 5px 40px;
}

#spoty-2009 
{
background-image: url('../img/tv-spot-2009.png');
}

#spoty-2010 
{
background-image: url('../img/tv-spot-2010.png');
}

/*
boxy na uvodni strance
*/

#main 
{
width: 700px;
margin-top: 10px;
}

#main div 
{
float: left;
margin: 10px 0px 10px 0px;
}

#main img
{
width: 300px;
height: 150px;
}

#slider img
{
width: 300px;
height: 150px;
}

/*
mapa kraju
*/

.mapaKraju 
{
margin-bottom: 10px; 
width: 471px; 
margin: 0px auto; 
position: relative;
}

#nazevKraje 
{
padding: 10px; 
background-color: #E95A10; 
color: white;
width: 150px; 
text-align: center; 
position: absolute; 
font-size: 14px;
}

.krajNadpis 
{
background-color: #E05493; 
padding: 5px; 
color: white; 
margin: 10px 0px 10px 0px;
}

.list_vyhercu
{
padding: 10px 0 0 25px;
}

/* letak */
.letak-datum {
  margin: 0 auto;
}

.letak-datum form select {
margin: 5px;
}



.recept
{
position: relative;
height: 68px;
background: url("../img/recept.png") no-repeat left top;
padding: 10px 0; 
margin: 10px 0;
clear: both;
}


.seznam-prodejen
{
position: relative;
border-collapse: collapse;
width: 580px;
padding-top: 10px;
}

.seznam-prodejen td.prod-naz
{
position: relative;
width: 340px;
}

.seznam-prodejen td.prod-tel
{
position: relative;
width: 140px;
}

.seznam-prodejen td.prod-img
{
position: relative;
text-align: right;
width: 100px;
}

.seznam-prodejen td.prod-img img
{
position: relative;
width: 18px;
top: 2px;
}

.seznam-prodejen tr
{
position: relative;
}

.seznam-prodejen tr:hover
{
position: relative;
background: #eeeeee;
}