@import url("style_kat_list.css");
@import url("style_vanoce.css");
@import url("style_valentyn.css");
@import url("reg_user.css");
@import url("nastaveni.css");
@import url("objednavani.css");
@import url("help.css");
@import url("reminder.css");
@import url("detail.css");

#infot{position: absolute;text-align:left;float:left;width: 150px;border: 1px solid black;padding: 4px;background-color: #FDEDD5;visibility: hidden;z-index: 100;font-size: 12px;color: #1E0946;}

@media screen{
.print{
display:none;
}

:focus
{
  -moz-outline-style: none;
}
:-moz-any-link:focus {
   outline: none;
}
a
{
text-decoration:none;
outline: none;
outline-style: none;
}
a:active
{
  outline: none;
}

form {
padding:0;
margin:0;
}

body{
font-family:arial;
background-color: white;
background-repeat: repeat-x;
margin:0;
padding:0;
text-align:center;
}

.body_pozadi{background-image:url('../images/design/valentyn_pozadi_stranky.jpg'); background-repeat: no-repeat; background-position: center top; height:1000px; }
.body_pozadiBila {background-color: white; border:0px solid red; width:980px;}


.detailSleva{
  font-size: 13px;
  font-weight: bold;
  color:#b40001;
}

img {
border:none;
margin:0;
padding:0;
}

.clear{
clear:both;
padding:0;
mmargin:0;
font-size:1px;
}

h2,h1,h3,h4,h5{
font-family:arial;
}

h1{
  color:#b40001;
  padding: 3px 0px 0px 0px;
  margin:0px;
  font-size:12px;
}

h2{
  color:#76A138;
  padding: 0px 0px 3px 0px;
  margin:0px;
  font-size:12px;
}

#newNadpis{
background:url("../images/design/modry-vykricnik.gif");
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 0px 13px;
font-family:arial;
font-size: 13px;
font-weight:bold;
color: #484848;
}

#newNadpis a{
  font-size: 12px;
  font-weight: normal;
  color: #484848;
  text-decoration: none;
}

#newNadpis a:hover{
 text-decoration: underline;
 color: #b40001;
}

#inner_window{
position:absolute;
background:#fff;
z-index:20;
border:2px solid #FAC1C8;
}

/*******help box*********/
#window_help{
display:none;
position:absolute;
background:url("../images/design/help_box.gif");
width:219px;
height:132px;
z-index:60;
}

#window_help_text{
position:absolute;
font-size:7pt;
width:180px;
left:30px;
top:7px;
color:#757575;
text-align:left;
height:90px;
overflow:hidden;
}

/**** mesage box ******/
#message_box table{
text-align:center;
width:100%;
text-align:center;
margin:0;
padding:0;
margin-bottom:12px;
}

#message_text{
color:#b40001;
font-size:8pt;
text-align:center;
width:98%;
padding-top:5px;
padding-left:5px;
padding-right:5px;
height:40px;
font-weight:bold;
}


#message_text a{
color:red;
text-decoration:none;
}

#message_text a:hover{
color:#b40001;
text-decoration:none;
}


input {
margin:0;
padding:0;
width:100px;
font-size:7pt;
border:1px solid #D9D9D9;
color:#757575;
text-indent:3px;
}

.kosik_button{
background:url("../images/design/tlacitko_kosik.jpg") no-repeat;
color:white;
font-size: 12px;
font-weight:bold;
padding-bottom:3px;
width:78px;
height:28px;
border:none;
}

.kosik_button:hover{
cursor:pointer;
}

.hledej_button{
background:url("../images/design/tlacitko_hledej.jpg") no-repeat;
color:white;
font-size: 12px;
font-weight:bold;
padding-bottom:3px;
width:78px;
height:28px;
border:none;
}

.hledej_button:hover{
cursor:pointer;
}

.prihlas_button{
background:url("../images/design/tlacitko_prihlasit.jpg") no-repeat;
color:white;
font-size: 12px;
font-weight:bold;
padding-bottom:3px;
margin: 5px 0px 5px 0px;
width:78px;
height:28px;
border:none;
}

.prihlas_button:hover{
cursor:pointer;
}

.tip_button{
background:url("../images/design/tlacitko_detail.jpg") no-repeat;
color:white;
font-size: 12px;
font-weight:bold;
padding-bottom:3px;
margin: 5px 0px 5px 0px;
width:78px;
height:28px;
border:none;
}

.tip_button:hover{
cursor:pointer;
}

.odeslat_button{
background:url("../images/design/tlacitko_odeslat.jpg") no-repeat;
color:white;
font-size: 12px;
font-weight:bold;
padding-bottom:3px;
margin: 5px 0px 5px 0px;
width:78px;
height:28px;
border:none;
}

.odeslat_button:hover{
cursor:pointer;
}

.button{
background:url("../images/design/tlacitko_small.gif") no-repeat;
color:white;
font-family:verdana;
font-weight:bold;
padding-bottom:3px;
width:80px;
height:22px;
border:none;
}

.button:hover{
cursor:pointer;
}

.button_big{
background:url("../images/design/tlacitko.gif") no-repeat;
color:white;
font-family:verdana;
font-weight:bold;
padding-bottom:4px;
width:120px;
height:20px;
border:none;
}

.button_bigMax{
background:url("../images/design/tlacitko_big.gif") no-repeat;
color:white;
font-family:verdana;
font-weight:bold;
padding-bottom:4px;
width:150px;
height:20px;
border:none;
}

.button_big:hover{
cursor:pointer;
}

.button_sedy{
background:url("../images/design/tlacitko_sede_small.gif") no-repeat;
color:white;
font-family:verdana;
font-weight:bold;
padding-bottom:3px;
width:80px;
height:22px;
border:none;
}

.button_sedy:hover{
cursor:pointer;
}


#main {
position:relative;
width:980px;
padding:0;
margin:0;
margin-left:auto;
margin-right:auto;
color:#757575;
font-weight:bold;
}

/****************/
/*     TOP      */
/****************/

#top{
margin:auto;
width:980px;
position:relative;
z-index:30;
}

#top_logo{
display:block;
position:absolute;
top:0px;
left:0px;
}

#prihlasene_jmeno{
position:absolute;
width:980px;
left:0px;
top:10px;
z-index:100;
text-align:right;
font-size: 12px;
color: #484848; 
}

#prihlasene_jmeno a{
color: #b40001;
text-decoration: underline;
}

#prihlasene_jmeno a:hover{text-decoration: none; color: #484848;}

#prihlasene_jmeno #jmeno{
font-weight: bold;
color: #b40001;
}

#kosik_prihlaseni{
position:absolute;
left:685px;
width:295px;
height:50px;
text-align:right;
top:30px;
}

#kosik_prihlaseni td{
font-size:11px;
color:#b40001;
text-align:left;
f/ont-weight:bold;
font-family:arial;
}

#kosik_prihlaseni td.text{
width:200px;
}

#kosik_prihlaseni td.odkazy{
 text-align: right; 
 padding: 0px 10px 0px 0px;
}

#kosik_prihlaseni td.odkazy a{
 font-size:12px;
 color:#b40001;
 font-weight:bold;
 text-decoration: underline;  
}

#kosik_prihlaseni td.odkazy a:hover{
 color:#636363;
}

#kosik_prihlaseni #kosik_pocet{
color:black;
font-size:7pt;
font-family:arial;
}

#kosik_prihlaseni img{
margin-top:5px;
padding:0;
} 

#top #menu{
position:absolute;
margin:0;
padding:0;
font-family:Verdana;
font-size:9pt;
top:58px;
left:85px;
}

#top #menu td{
position:relative;
f/loat:left;
l/eft:0px;
top:0px;
color:#757575;
text-align:center;
w/idth:150px;
padding-left:8px;
}



#top #submenu{
position:absolute;
padding:0;
margin:0;
left:104px;
top:78px;
}

#top #submenu table{
background:#fff;
}


#top #submenu .nadpis{
color:#000;
font-size:8pt;
text-indent:10px;
}


#top #submenu td a{
display:block;
font-size:10pt;
text-decoration:none;
color:#757575;
text-indent:10px;
width:100%;
ba/ckground:#C41325;
}


#top #submenu  td a:hover{
display:block;
width:100%;
font-size:10pt;
text-decoration:none;
color:#fff;
background:#C41325;
text-indent:10px;
}

#top #submenu #submenu_1{
position:absolute;
_top: 2px;
left:530px;
width:140px;
border:1px solid #C61422;
text-align:left;
background:#fff;
-moz-opacity: 0.9;
filter:alpha(opacity=85);
}

#top #submenu #submenu_1 td{
width:130px;
display: block;
font-weight:bold;
}





/***** svatek ******/

#svatek {
position:absolute;
top:88px;
left:190px;
color:#959595;
font-size:7pt;
font-family:verdana;
font-weight:100;
}

.svatek_jm{
color:#b40001;
font-weight:bold;
}

.svatek_jm2{
color:#757575;
font-weight:bold;
}

#svatek a{
  color:#b40001;
}

#svatek a:hover{
  color:#76A138;
}


.jm_dne{
font-weight:bold;
color:#b40001;
}
/****************************/
/******* middle *************/
/****************************/
#middle {
position:relative;
top:104px;
text-align:left;
b/order:1px solid red;
}

#right_page #lista {
background-image: url(../images/design/seda_lista_spodek_listovani.jpg);
background-repeat: repeat-x;
height:24px;
color:#656565;
font-size:12px; 
}


#lista2 {
background-image: url(../images/design/listaRed.jpg);
background-repeat: repeat-x;
height:25px;
padding:0px 0px 0px 10px;
color:#ffffff;
}

#right_page #lista2 td {border:0px solid black; font-size:12px; color:#ffffff; font-weight: bold; vertical-align: top; padding-top:4px;}
#right_page #lista2 td.sipky {border:0px solid black; color:#ffffff; font-weight: bold; height:25px;}

#right_page #lista2 td a{color:#ffffff; text-decoration: none;}
#right_page #lista2 td a:hover{color:#ffffff; text-decoration: underline;}

#right_page #lista2 td a.black{color:#000000; text-decoration: none;}
#right_page #lista2 td a.black:hover{color:#000000; text-decoration: underline;}


/****** left page ****/
#left_page{
position:relative;
z-index:10;
width:176px;
float:left;
b/order: 1px solid red;
}

#left_page #vyhledani{
background-image: url(../images/design/boxik_vyhledavani.jpg);
background-repeat: none;
background-position: top;
margin: 0px 0px 5px 0px;
width: 176px;
height: 102px;
border:0px solid red;
}

#left_page #vyhledani .odkazy{margin: 5px 0px 0px 0px; }

#left_page #vyhledani .odkazy a{
 font-size:12px;
 color:#b40001;
 font-weight:bold;
 text-decoration: underline;   
}

#left_page #vyhledani .odkazy a:hover{
 color:#636363;
}


#finder_inp{
font-size:6,8pt;
border:1px solid #D9D9D9;
margin: 5px 0px 5px 0px;
_margin-left: -3;
}

#login_inp{
font-size:6,8pt;
border:1px solid #D9D9D9;
margin: 3px 0px 1px 3px;
}

#login_lb{
 font-family: 12px;
 color: #636363;
}

#login_lb a{
  font-size: 13px;  
  color: #636363;
  text-decoration: none;
}

#login_lb a:hover{text-decoration: underline;}

#dotaz_inp{
font-size:6,8pt;
border:1px solid #D9D9D9;
margin: 3px 0px 1px 0px;
width: 130px;
_margin-left: -2px;
}

#dotaz_inpT{
font-size:6,8pt;
border:1px solid #D9D9D9;
margin: 3px 0px 1px 0px;
width: 133px;
}

.kosik_inp{
font-size:12px;
border:1px solid #D9D9D9;
width:25px;
height:18px;
margin: 0px 10px 0px 0px;
}

#obsah{
  padding: 5px 0px 0px 10px;
}

#left_page #prekvapeni{
background-image: url(../images/design/boxik-darky-za-vas-1px.jpg);
background-position: left bottom;
background-repeat: repeat-x;
margin: 5px 0px 0px 0px;
color: #484848;
width: 174px;
height: 200px;
border:1px solid #D9D9D9;
}

#left_page #prekvapeni #prekvapeni2 {
background-image: url(../images/design/boxik-darky-za-vas.jpg);
background-repeat: no-repeat;
background-position: right bottom;
width: 174px;
height: 200px;
}


.boxikNadpis {
  padding: 10px 0px 0px 0px;
  font-size: 16px;
  font-weight: bold;
  color: #b40001;
}

.boxikNadpis2 {
  padding: 10px 0px 0px 0px;
  font-size: 13px;
  font-weight: bold;
  color: #b40001;
}

.boxikNadpis2small {
  padding: 10px 0px 0px 0px;
  font-size: 10px;
  font-weight: bold;
  color: #b40001;
}

.boxikEmail a{
  font-size: 12px;
  color: #b40001;
  text-decoration: none;
  font-weight: normal;
}

.boxikEmail a:hover{text-decoration: underline;}


.boxikText{
  font-size: 13px;
  font-weight: bold;
  color: #636363;
}

.boxikText2{
  padding-top:3px;
  font-size: 12px;  
  color: #636363;
}

.boxikText3{
 font-size: 12px;  
 color: #b40001;
 font-weight: normal;
}


.boxikTextA{
  padding: 15px 0px 0px 15px;
}

.boxikTextA a{  
  font-size: 13px;
  font-weight: bold;
  color: #636363;
  text-decoration: none;
}

.boxikTextA a:hover{text-decoration: underline;}

/**** index right  ******/

#right_page{
position:relative;
margin:0;
padding:0;
width:797px;
left:5px;
top:0;
float:left;
}

#right_top{
position:relative;
width:100%;
height:280px;
top:0;
left:0;
background:#fff;
text-align:left;
}

#right_top_left{float:left;}

#right_top_left #tipyHP{
  background-image: url(../images/design/tip.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 619px;
  h/eight: 240px;
  border:1px solid #D9D9D9;
  vertical-align: middle;
}


#right_top_left #modra{
  background-image: url(../images/design/modry-podklad-pod-tipy-1px.jpg);
  background-repeat: repeat-x;;
  background-position: left bottom;
  width: 619px;
  height: 109px;
  border:1px solid #D9D9D9;
  margin: 5px 0px 0px 0px;
}

#right_top_left #modra #RedText{
  padding: 8px 0px 0px 5px;
  font-size: 18px;
  font-weight: bold;
  color: #b40001;
}

#right_top_left #modra #Text{
  padding: 0px 0px 0px 20px;
  font-size: 12px;
  font-weight: bold;
  color: #484848;
}

#stred_table{
  margin: 15px 0px 0px 0px;
  width: 619px;
}

#stred_table td.box{
 padding: 10px 2px 10px 2px;
 border:0px solid #D9D9D9;
 width: 295px;
 background-image: url(../images/design/podklad-pod-produkty-1px.jpg);
 background-repeat: repeat-x;
 background-position: left bottom;
 vertical-align: top;
  
}

.detailObr { 
vertical-align: top; 
width:140px; 
padding-left:3px;
}

.detailNadpis { 
  font-size: 12px;
  font-weight: bold;
  color: #b40001;  
}


.detailText { 
  font-size: 11px;
  font-weight: normal;
  color: #6e6d6d;  
}

.detailCena{
  font-size: 12px;
  color: #b40001;
}

.detailDetail a{
  font-size: 12px;
  font-weight: bold;
  color: #3182d3;
}

.detailDetail a:hover{text-decoration: underline;}


#menu input.button{
position:relative;
float:left;
left:8px;
top:0px;
background-image:none;
width:48px;
border:1px solid #D9D9D9;
background-color:#b40001;
height:17px;
color:white;
font-family:verdana;
font-weight:bold;
p/adding-top:1px;
p/adding-bottom:1px;
}

#topRight{
width:170px;
 vertical-align: top;
 padding: 0px 0px 0px 5px;
}

.anketa{
width:170px;
height:189px;
border:1px solid #D9D9D9;
text-align: justify;
margin: 0px 0px 5px 0px; 
 background-image: url(../images/design/boxik-anketa-1px.jpg);
 background-repeat: repeat-x;;
 background-position: left bottom;

}

.anketa .text{color:#757575;}
.anketa a{ color:#757575; text-decoration: none;}
.anketa a:hover{ color:#757575; text-decoration: underline;}


.prihlaseni{
 width:170px;
 height:151px;
 border:1px solid #D9D9D9;
 margin: 0px 0px 5px 0px; 
 background-image: url(../images/design/boxik-prihlaseni-1px.jpg);
 background-repeat: repeat-x;;
 background-position: left bottom;
}


.telefon{
 width:170px;
 height:151px;
 border:1px solid #D9D9D9;
 margin: 0px 0px 5px 0px; 
 background-image: url(../images/design/boxik-tel-obednavky-1px.jpg);
 background-repeat: repeat-x;;
 background-position: left bottom;
}

.telefon1 {
margin: 0px;
padding: 0px;
background-image: url(../images/design/boxik-tel.-obednavky,-segra.jpg);
background-repeat: no-repeat;
background-position: right bottom;
 width:168px;
 height:151px;
}

.dotaz{
 width:170px;
 height:248px;
 border:1px solid #D9D9D9;
 margin: 0px 0px 5px 0px; 
 background-image: url(../images/design/boxik-tipy-na-darky-1px.jpg);
 background-repeat: repeat-x;;
 background-position: left bottom;
}

.karty{
  text-align: center;
}

/***** right bottom ****/

/*************/
/*** footer **/
/************/

#bottom {
clear:both;
position:relative;
margin-top:120px;
}

html>body #bottom{
clear:both;
margin-top:0;
po/sition:relative;
top:120px;
text-align: center;
}

#bottom td{
border-top: 1px solid silver;
width:980px; 
text-align: center;
font-size:11px;
padding-top:5px;
color:#6e6e6e;
margin:0;
}

#bottom a{
color:#6e6e6e;
}
#bottom a:hover{
color:#b40001;
}

/****************/
/** login *******/

.login {
position:absolute;
display:none;
border:2px double #D9D9D9;
width:240px;
height:145px;
_height:155px;
z-index:35;
text-align:center;
font-size:8pt;
background:#F2F2F2;
}

.login label{
font-size:8pt;
color:#757575;
font-weight:bold;
}

.login table{
margin-left:auto;
margin-right:auto;
margin-top:5px;
width:230px;
padding-left:5px;
}

.login table td{
text-align:left;
color:#757575;
}

.login table img{
position:absolute;
top:85px;
_top:95px;
left:205px;
}
.login a{
text-decoration:underline;
color:#b40001;
}

.login h5{
text-align:left;
padding:0;
margin:0;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
color:white;
background-color:#b40001;
font-size:10pt;
}

.login p{
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
margin-top:3px;
font-size:8pt;
color:#757575;
}

.ErrorText{
color:#b40001;
font-size:10pt;
}

.ErrorTextBlack{
font-size:10pt;
font-weight: normal;
}

.odkazErr{
text-decoration:underline;
color:#b40001;
}

}
