body {
  background: #731e33 url(../img/podklad.jpg) repeat-x center top;
  font-family: "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
  font-size: .8em;
  color: #666158;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
}

#stranka {
  width: 100%; 
  margin: 0px auto;
}

.cleaner {
  clear: both;
  border: 0;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  width: 0;  
} 

hr {
  border-top: 1px #cecec3 solid;
  border-bottom: 1px #ffffff solid;
  border-left: 0;
  border-right: 0;
  display: none;
}

#obsah-ram hr {
  width: 940px;
  height: 6px;
  padding: 0px;
  margin: 10px 0 10px 0;
  float: left;
  background: url(../img/hr.jpg) center center no-repeat;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  display: none;
}

#obsah-moduly hr {
  width: 286px;
  height: 6px;
  padding: 0px;
  margin: 10px 0 10px 0;
  float: left;
  background: url(../img/hr_mozil_moduly.gif) center center no-repeat;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  display: none;

}

#ram1 hr {
  width: 695px;
  height: 4px;
  padding: 0px;
  margin: 10px 0 0 0;
  float: left;
  background: url(../img/hr-695.gif) center center no-repeat;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  display: none;
}

#ram2 hr {
  width: 200px;
  height: 6px;
  padding: 0px;
  margin: 10px 0 0 0;
  float: left;
  background: url(../img/hr_moz_akt.gif) center center no-repeat;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  display: none;
}

h1 {
  font-size: 22px;
  line-height: 30px;
  color: #a52b4a;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: "Arial CE", Arial, "Helvetica CE", "Trebuchet MS",  Helvetica, sans-serif;
}

h2 {
  font-size: 14px;
  line-height: 20px;
  color: #a52b4a;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-family: "Arial CE", Arial, "Helvetica CE", "Trebuchet MS",  Helvetica, sans-serif;
}

h3 {
  font-size: 13px;
  line-height: 20px;
  color: #a52b4a;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: "Arial CE", Arial, "Helvetica CE", "Trebuchet MS",  Helvetica, sans-serif;
}

h4 {
  font-size: 1em;
  margin: 0 0 10px 0;
  padding: 0;
}

#banner-cely {
  width: 990px;
  height: 200px;
  margin: 0;
  padding: 0;
  display: none;

}
#banner {
  width: 990px;
  height: 200px;
  margin: 0;
  padding: 0;
  background: url(../img/banner_1_4.jpg) left top no-repeat;
  display: none;
}

#banner-flash {
  width: 260px;
  height: 200px;
  margin: 0 0 0 39px;
  padding: 0 0 0 0;
  float: left;
  display: inline;
  background: url(../img/banner_2_4.jpg) left top no-repeat;
}

#banner-prihlaseni {
  width: 390px;
  height: 200px;
  margin: 0 0 0 0px;
  padding: 0;
  float: left;
  display: inline;
  background: url(../img/banner_3_4.jpg) left top no-repeat;
}

#banner-registrace-cz {
  width: 160px;
  height: 200px;
  margin: 0 0 0 0px;
  padding: 0;
  float: left;
  display: inline;
  background: url(../img/banner_4_4_cz.jpg) left top no-repeat;
}

#banner-registrace-sk {
  width: 160px;
  height: 200px;
  margin: 0 0 0 0px;
  padding: 0;
  float:left;
  background: url(../img/banner_4_4_sk.jpg) left top no-repeat;
}

a.print_page, a.print_page:hover {
    cursor: pointer;
    float: right;
    margin-right: 25px;
    background: url(../img/icon_printer.gif) no-repeat left center;
    padding-left: 15px;
    font-size: 0.8em;
    color: #e5dadd;
    display: inline;
}
#zvuk {
    cursor: pointer;
    float: left;
    width: 35px;
    height: 20px;
    padding: 0 0 0 10px;
    margin: 0px;
    font-size: 0.8em;
    color: #e5dadd;
    display: inline;
}

#fiatpeople {
  display: inline;
  float: left;
  width: 123px;
  height: 120px;
  margin: 63px 0 0 18px;
  padding: 0;
}

#fiatpeople-registrace {
  display: inline;
  float: left;
  width: 103px;
  height: 105px;
  margin: 48px 0 0 3px;
  padding: 0;
}

#prihlas {
  margin: 17px 0 0 137px;
  color: #e5dadd;
  font-size: 12px;
  display: none;

}

#obsah-podklad {
  width: 990px;
  margin: 0;
  padding: 0;
  background: url(../img/obsah-podklad.gif) left center repeat-y;
}

#obsah {
  width: 100%;
  min-height: 400px;
  height: 400px;
  margin: 0;
  padding: 0 0 0 0px;
  background: url(../img/obsah.gif) no-repeat; 
}
div[id] #obsah {
  height: auto;
}

#pata {
  width: 990px;
  height: 131px;
  margin: 0;
  padding: 46px 0 0 0;
  font-size: 11px;
  color: #7e7f80;
  text-align: center;
  background: url(../img/pata.jpg) no-repeat;
}

#pata a {
  text-decoration: underline;
  color: #7e7f80;
}



#pod-patou {
  margin: 25px 0 0 0;
  color: #cca3ab;
}

#pod-patou a {
  text-decoration: underline;
  color: #cca3ab;
}


#podkladmenu-leva {
  background: url(../img/menu-mala-levy-roh.gif) no-repeat;
  width: 20px;
  height: 38px;
  margin: 0 0 0 5px;
  padding: 0; 
  float: left;
  display: inline;  
}

#podkladmenu-prava {
  background: url(../img/menu-mala-pravy-roh.gif) no-repeat;
  width: 20px;
  height: 38px;
  margin: 0 5px 0 0px;
  padding: 0; 
  float: right;
  display: inline;
} 

ul#menu-velka { 
  background: url(../img/menu-podklad-velka-horni.gif) repeat-x;   
  width: 450px;
  height: 38px;
  margin: 0px 0 0 0;
  float: left; 
  padding-left: 0px;
  list-style: none;
  display: none;
}
ul#menu-mala { 
  background: url(../img/menu-mala-podklad.gif) repeat-x;   
  width: 450px;
  height: 38px;
  margin: 0px 0 0 0;
  float: left; 
  padding-left: 0px;
  list-style: none;
  display: none;
}
ul#menu-prave {
  background: url(../img/menu-mala-podklad.gif) repeat-x;   
  width: 490px;
  height: 38px;
  margin: 0px 0 0 0;
  float: left; 
  padding-left: 0px;
  list-style: none;   
    display: none;
}
ul#menu-prave2 {
  background: url(../img/menu-mala-podklad.gif) repeat-x;   
  width: 490px;
  height: 38px;
  margin: 0px 0 0 0;
  float: left; 
  padding-left: 0px;
  list-style: none; 
    display: none;  
}



ul#menu-dolni { 
  background: url(../img/menu-velka-podklad.gif) repeat-x;   
  width: 939px;
  height: 30px;
  margin: 0px 0 0 0;
  float: left; 
  padding-left: 0px;
  list-style: none;
    display: none;
}

#obsah-moduly {
  float: left;
  width: 940px;
  margin: 0 0 0 0px;
  padding: 0;
  background: url(../img/modul-podklad.gif) repeat-y; 
  display: none;
}

#levy-modul {
  float: left; 
  width: 286px;
  margin: 0;
  padding: 60px 0 0 0px; 
  background: url(../img/aktuality.gif) left top no-repeat; 
}

#stred-modul {
  float: left; 
  width: 286px;
  padding: 60px 0 0 41px;
  background: url(../img/clanky.gif) left top no-repeat; 
}

#pravy-modul {
  float: left; 
  width: 286px;
  padding: 60px 0 0 41px; 
  background: url(../img/recepty.gif) right top no-repeat; 
}

#obsah2 {
  background: #000;
  width: 940px;
  margin: 20px 0px 0 25px;
  padding: 0;
  float: left;
  background: url(../img/obsah-podklad2.gif) repeat-y;
}

#ram1 {
  float: left;
  display: inline;
  width: 100%;
}

#ram2 {
  margin: 0 0 0 40px;
  padding: 0;
  width: 205px;
  float: left;
  display: inline;
  display: none;
}

#obsah-ram {
  margin: 10px 25px 10px 25px;

}

#recepty {
  background: url(../img/aktuality.gif) no-repeat;
}

#clanky {
  background: url(../img/clanky.gif) no-repeat;
}

#aktuality {
  background: url(../img/recepty.gif) no-repeat;
}


.input {
  width: 100px;
	height: 20px;
	display: block;
	float: right;
	margin: 5px 0 0 5px;
	padding: 0;
	border: 0;	
  background: url(../img/prihlaseni.gif) center no-repeat;
}

.input input {
  width: 100px;
	display: block;
	float: left;
	margin: 0 0px 0 2px;
	padding: 3px 0px 0 0;
	border: 0;
	font-size: 12px;
	background: none;
	overflow: none;
}

input.tlacitko {
  margin: 5px 22px 0 10px;
  padding: 0;
  width: 65px;
	height: 20px;
	display: block;
	float: right;
	font-size: 12px;
  background: url(../img/odeslat.jpg) center no-repeat;
  border: 0;
  color: #ffffff;
} 


.nastred {
  margin: 0 0 0 5px;
  padding: 0;
}

.nastred a{
  margin: 0 0 0 5px;
  padding: 0;
}

.nastred a {
  color: #e5dadd;
  text-decoration: underline;
  font-size: 10px;
}

.aktualita .datum {
  float: right;
  font-size: 0.85em;
  color: #717880;
  line-height: 0.85em;
}

.aktualita h3 {
  margin: 0;
  padding: 0 0 2px 0;
  font-size: 12px; 
}

.aktualita .vice {
  float: right;
}

.aktualita-datum {
  float: right;
  color: #717880;
  font-size: 0.85em;
  line-height: 0.85em;
}

p {
  margin: 0 0 14px 0;
  padding: 0;
}







form {
  margin: 0;
  padding: 0;
}

table.prihlaseni {
  width: 180px;
}

table.prihlaseni td {
  margin: 0;
  padding: 0 0 10px 0;
}

table.formular td {
  margin: 0;
  padding: 0 10px 10px 0;
}

div.input {
  width: 100px;
	height: 22px;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	border: 0;	
  background: url(../img/input_text.jpg) center no-repeat;
}

div.input input {
  width: 94px;
	display: block;
	float: right;
	margin: 0 2px;
	padding: 3px 0 0 0;
	border: 0;
	background: none;
	overflow: none;
}

div.input2 {
  width: 170px;
	height: 22px;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	border: 0;	
  background: url(../img/input_text_2.jpg) center no-repeat;
}

div.input2 input {
  width: 164px;
	display: block;
	float: right;
	margin: 0 2px;
	padding: 3px 0 0 0;
	border: 0;
	background: none;
	overflow: none;
}

div.input4 {
  width: 170px;
	height: 22px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;	
  background: url(../img/input_text_2.jpg) center no-repeat;
}

div.input4 input {
  width: 164px;
	display: block;
	float: left;
	margin: 0 2px;
	padding: 3px 0 0 0;
	border: 0;
	background: none;
	overflow: none;
}

input.tlacitko, input.tlacitko2 {
  width: 100px;
	height: 22px;
	display: block;
	float: right;
  background: url(../img/tlacitko.jpg) center no-repeat;
  border: 0;
  color: #fff;
} 

input.tlacitko2 {
	float: left;
}

.nastred {
  text-align: center;
}


p.chyba {
  margin: 0;
  padding: 0;
  text-align: left;
  color: #860d26; 
}

.aktualita .datum {
  float: right;
  font-size: 0.85em;
  color: #717880;
  line-height: 0.85em;
}

.aktualita h3 {
  margin: 0;
  padding: 0 0 2px 0;
  font-size: 14px; 
}

.aktualita .vice {
  float: right;
}

.aktualita-datum {
  float: right;
  color: #717880;
  font-size: 0.85em;
  line-height: 0.85em;
}

p {
  margin: 0 0 14px 0;
  padding: 0;
}

table.cenik {
  width: 100%;
  background: #f8f0e3;
  line-height: 1.3em;
}

table.cenik tr td {
  padding: 2px 4px;
}

tr.sudy td {
  background: #fdfbf6;
}

tr.lichy td {
  background: #fff;
}

div.produkt, div.produkt2 {
  background: #fff;
  width: 200px;
  float: left;
  min-height: 150px; 
  height: 150px;
  border: 1px #e0e0d1 solid; 
  padding: 10px;
  text-align: left;
  margin: 0 10px 10px 0;
 
}

div.produkt2 {
  margin: 0 0 10px 0;
}

div[id] div.produkt, div[id] div.produkt2 {
  height: auto;
}


div.produkt p, div.produkt2 p {
  margin: 6px 0 0 0;
  padding: 0;
}

div.produkt a.vice-info, div.produkt2 a.vice-info {
  float: right;
}


div.pridat-do-kosiku {
  width: 80px;
  float: right;
  text-align: left;
  margin: 0;
  padding: 0;
}

div.produkt h4, div.produkt2 h4 {
  font-size: 1em;
  margin: 0 0 10px 0px;
  padding: 0;
}

div.input3 {

  width: 80px;
	height: 22px;
	display: block;
	float: right;
	margin: 4px 0 0 0; 
  border: 0;	
  background: url(../img/input_text_3.jpg) center no-repeat;
  
}

div.input3 input {
  width: 74px;
	display: block;
	float: right;
	margin: 0 2px;
	padding: 3px 0 0 0;
	border: 0;
	background: none;
	overflow: none;
	text-align: right;
}

input.tlacitko3 {
  width: 80px;
	height: 22px;
	display: block;
	float: right;
  background: url(../img/tlacitko_3.jpg) center no-repeat;
  border: 0;
  color: #fff;
  margin: 10px 0 0 0;
} 

input.tlacitko-e {
  width: 80px;
	height: 22px;
	display: block;
	float: right;
  background: url(../img/tlacitko_3.jpg) center no-repeat;
  border: 0;
  color: #fff;
  margin: 10px 0 0 0;
} 



div.eshop-obr, div.eshop-obr2 {
  width: 110px;
  float: left;  
  margin: 0;
}

div.eshop-obr2 {
  margin: 0 10px 10px 0;
}

div.eshop-obr a, div.eshop-obr2 a {
  border: 5px solid #e0e0d1;
  margin: 0;
  display: block;
  width: 100px;
  height: 75px;
}



img.foto_neni {
  width: 100px;
  height: 75px;
  display: block;
  float: left;
  border: 0;
  border: 5px solid #f2f2e9;
  margin: 0;
}



a.kosik {
  float: right;
  margin: 0 0 10px 0;
  padding-left: 24px;
  background: url(../img/kosik.gif) no-repeat left;
  line-height: 24px;
}

a.kosik2 {
  margin: 0 0 10px 0;
  padding-left: 24px;
  background: url(../img/kosik.gif) no-repeat left;
  line-height: 24px;
}

a.zpet {
  float: right;
}

a.zpet_recept {
  float: right;
  margin: 0 0 10px 0;
  padding-left: 24px;
  background: url(../img/zpet.jpg) no-repeat left;
  line-height: 24px;
}

div.pridat-do-kosiku-detail {
  width: 270px;
  float: right;
  margin: 10px 0 0 0;
}

div.pridat-do-kosiku-detail label {
	float: right;
  margin: 0 10px 0 0;

}

div.pridat-do-kosiku-detail div.input3 {
	margin: 0;
}

div.pridat-do-kosiku-detail div.input3 input {
	float: none;

}

div.pridat-do-kosiku-detail input.tlacitko3 {
  margin: 0 0 0 10px;
} 

table.cenik div.input3 {
  float: left;
}

input.tlacitko4 {
  width: 125px;
	height: 22px;
	display: block;
	float: right;
  background: url(../img/tlacitko_4.jpg) center no-repeat;
  border: 0;
  color: #fff;
  margin: 8px 0 0 10px;
} 

.cislo_karty, .vin_vozidla {
  float: right;
  
}

.cislo_karty {
  margin-top: 10px;
  width: 350px;
  text-align: center;
  
}

.vlevo {
  float: left !important;
}

.napravo {
  text-align: right !important;
}

.nastred {
  text-align: center;
}


div.recept_ingredience, .doba_pripravy, .recept_text {
    margin-top: 10px;
}

div.komentar_obal {
    margin: 0 auto;
    margin-top: 10px;
    background: #fff;
    width: 680px;
    border: 1px #e0e0d1 solid; 
    padding: 5px;
}

span.komentar_uzivatel {
    padding: 0 10px;
    vertical-align: center;
    font-weight: bold;
}

span.komentar_datum {
    font-size: 1em;
    color: #9F9F9F;
}

div.komentar_text {
    padding: 0 10px;
    width:660px;
}

div.recept_fotky {
    width: 390px;
    margin-top: 20px;
    text-align: center;
}

div.recept {
  background: #fff;
  width: 665px;
  min-height: 100px; 
  height: 100px;
  border: 1px #e0e0d1 solid; 
  padding: 10px;
  text-align: left;
  margin: 0 10px 10px 0;
}

div[id] div.recept {
  height: auto;
}

div.recept_uzivatel {
    float: right;
}

.doleva {
    float: left;
}

h3.recept_nadpis {
    font-size: 14px;
    float: left;
    margin: 0;
}

div.recept_obsah {
    margin-top: 10px;
}

img.print_l, img.print_r {
    display: none;
    margin-bottom: 15px;
}

a.recept-vice-info {
    float: right;
}

#pridat_komentar {
    display: block;
}

h4.odkaz {
    text-decoration: underline;
    cursor: pointer;
    color: #860d26;
}

.swf {  
    float: left;
}

a.pridat_recept {
  margin: 0 0 10px 0;
  padding-left: 20px;
  background: url(../img/pridat_recept.gif) no-repeat left center;
  line-height: 20px;
  float: right;
}

span.cervene {
  color: #AF1132;
  font-weight: bold;
}

img.ikona-vpravo {
  margin: 0 0 4px 14px;
}

.aktuality {
  float: left;
  width: 500px
}
div.vycentruj {
  width: 100%;
  text-align: center;
}
.vice-informaci-clanky {
  float: right;
}
.zpet-clanky {
  float: right;
}
.fotografie_detail {
  background: url(../img/sablona_obrazky.jpg) no-repeat left center;
  width: 154px;
  height: 115px;
  display: inline;
  padding: 16px 9px 0 9px;
  margin: 0px;
  float: left;
}

li {
  background: url(../img/li.gif) no-repeat left center;
  list-style-type: none;
  padding: 0 0 0 13px;
}

#horni-odsazeni {
  width: 200px;
  height: 10px;
  margin: 10px 0 0px 0px;
  background: url(../img/horni-odsazeni.gif) 1px bottom no-repeat;
}

#ram2 ul {
  margin: 0;
  float: left;
  padding: 0px 0 0 0;
  list-style-type: none;
  text-decoration: none;
}

#ram2 ul li {
     text-decoration: none;
     list-style-type: none;
     padding: 0;
     margin: 0;
}

#ram2 ul li a {
     width: 180px;
     display: block;
     list-style-type: none;
     padding: 0px 0px 0 20px;
     line-height: 28px;
     color: #666158;
     text-decoration: none;
     font-size: 12px;
     font-weight: normal;
     height: 28px;
     margin: 0 0 0 0px;
     background: url(../img/prave-podmenu.gif) bottom center no-repeat;
      
}


.fotografie_uvod {
  margin: 0;
  padding: 6px 0 0 6px;
  width: 112px;
  height: 89px;
  background: url(../img/obr_uvod.gif) top left no-repeat;  
  display: inline; 
  float: left;
}


.vpravo {
  float: right;
  margin: 5px 30px 0 0;
  padding: 0;
}
.vpravo a {
  font-size: 10px;
  color: #e5dadd;
}

form {
  margin: 0;
  padding: 0;
}

table.prihlaseni {
  width: 180px;
}

table.prihlaseni td {
  margin: 0;
  padding: 0 0 10px 0;
}

table.formular td {
  margin: 0;
  padding: 0 10px 10px 0;
}

div.input {
  width: 100px;
	height: 20px;
	display: block;
	float: right;
	margin: 3px 0 0 0;
	padding: 0;
	border: 0;	
  background: url(../img/prihlaseni.gif) center no-repeat;
}

div.input input {
  width: 94px;
	display: block;
	float: right;
	margin: 0 2px;
	padding: 3px 0 0 0;
	border: 0;
	background: none;
	overflow: none;
}

div.input2 {
  width: 170px;
	height: 22px;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	border: 0;	
  background: url(../img/input_text_2.jpg) center no-repeat;
}

div.input2 input {
  width: 164px;
	display: block;
	float: right;
	margin: 0 2px;
	padding: 3px 0 0 0;
	border: 0;
	background: none;
	overflow: none;
}

div.input4 {
  width: 170px;
	height: 22px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;	
  background: url(../img/input_text_2.jpg) center no-repeat;
}

div.input4 input {
  width: 164px;
	display: block;
	float: left;
	margin: 0 2px;
	padding: 3px 0 0 0;
	border: 0;
	background: none;
	overflow: none;
}

input.tlacitko, input.tlacitko2 {
  width: 100px;
	height: 22px;
	display: block;
	float: right;
	margin: 2px 0px 0 0;
  background: url(../img/odeslat.jpg) center no-repeat;
  border: 0;
  color: #fff;
} 
input.tlacitko3 {
  width: 100px;
	height: 22px;
	display: block;
	float: right;
	margin: 2px 0px 0 0;
	font-size: 10px;
  background: url(../img/tlacitko.jpg) center no-repeat
  border: 0;
  color: #fff;
} 

input.tlacitko2 {
	float: left;
}

.nastred {
  text-align: center;
}

.nastred2 {
  text-align: left;
  margin: 0 0 0 25px;
  font-size: 9px;
  color: #e5dadd;  
}
.nastred2 a{
  color: #e5dadd;  
}

.mala_chyba {
  color: #e5dadd;
  font-size: 9px;
  margin : 0 0 0 25px;
  text-align: left;
  
}
img {

}