html {
  background: #8E0000 url('../images/vanoce.png');
}

body {
  text-align: center;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
}

a:hover {
  text-decoration: none;
}


/* ---------- HELPERS ---------- */

.blind {
    position:absolute;
    top:-4000px;
    left:-4000px;
    width:1px;
    height:1px;
    overflow:hidden
}

hr {
    display: none;
}

.dummy {
    clear: both;
    width: 100%;
    height: 1px;
}


/* ---------- LOGO ---------- */

h1#logo a {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -459px;
  width: 295px;
  height: 160px;
  text-indent: -9999px;
  background: url('../images/logoPizza.png') no-repeat;
  z-index: 10;
  cursor:pointer;
}

h2#logoChina a {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -275px;
  top: 65px;
  width: 185px;
  height: 100px;
  text-indent: -9999px;
  background: url('../images/chinaLogoSmall.png') no-repeat;
  z-index: 10;
  cursor:pointer;
}


/* ---------- CENTERING ---------- */

div#content, p#phoneNumbers, div#loginArea, div#footer {
  width: 900px;
  margin: auto;
  text-align: left;
}


/* ---------- PHONE NUMBERS ---------- */

p#phoneNumbers {
  height: 55px;
  margin: 10px auto 0 auto;
  background: url('../images/phoneNumbers.gif') right center no-repeat;
}


/* ---------- LOGIN ---------- */

div#loginArea {
  height: 30px;
  color: #FFFFFF;
}

#loginArea div.innerLogin {
  float: right;
  width: 522px;
  height: 30px;
  background: url('../images/loginAreaBackground.gif') no-repeat
}

#loginArea table {
  float: right;
  height: 30px;
}

#loginArea a {
  float: left;
  margin: 7px 0 0 6px;
  padding-left: 10px;
  color: #FDBA39;
  background: url('../images/regArrow.gif') left center no-repeat;
}

#loginArea input.loginInput {
  border: none;
  width: 100px;
  height: 18px;
  background: url('../images/loginInput.gif') no-repeat
}

#loginArea input.loginButton {
  cursor: pointer;
  border: none;
  display: block;
  width: 65px;
  height: 18px;
  text-indent: -9999px;
  background: url('../images/loginButton.gif') no-repeat
}

#loginArea th, #loginArea a {
  font-size: 0.9em;
}

#loginArea th {
  padding-left: 5px;
  font-size: 11px;
  color: #FFFFFF;
}

#loginArea th, #loginArea td {
  padding-right: 5px;
}


/* ---------- CONTENT ---------- */

div#content {
  position: relative;
  background: #FFFFFF url('../images/contentEnd.gif') center bottom no-repeat;
  z-index: 1;
}

#content span.corner {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 10px;
  background: url('../images/corner.gif') no-repeat;
}

#content p.welcome {
  position: absolute;
  top: 20px;
  right: 5px;
  width: 567px;
  height: 32px;
  font-size: 1.8em;
  font-weight: bold;
}
.pizzy {
  width: 100px;
  height: 100px;
}
/* ---------- BILLBOARD ---------- */

div.billboard {
  position: relative;
  top: 55px;
  left: 10px;
  width: 880px;
  /*height: 285px;*/
  font-family: Arial, Tahoma, sans-serif;
  background: url('../images/board_bg.gif') repeat-y;
}

div.billboard .top {
  background: url('../images/board_top.gif') top no-repeat;
}

div.billboard .bottom {
  background: url('../images/board_bottom.gif') bottom no-repeat;
}

div.billboard .pic {
  background: url('../images/board_pic.gif') bottom right no-repeat;
}

.billboard h2 {
  padding: 35px 0 7px 15px;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #009D6D;
}

.billboard p {
  width: 530px;
  padding: 0 0 6px 15px;
  line-height: 1.3;
  font-size: 1.3em;
  color: #646363;
}

.billboard br {
  position: relative;
  top: 6px;
}

.billboard strong {
  font-weight: bold;
}

a.orderHere {
  display: block;
  margin-left: 15px;
  width: 353px;
  height: 53px;
  text-indent: -9999px;
  background: url('../images/orderHere.gif') no-repeat;
}

a.orderHere:hover {
  background: url('../images/orderHereOver.gif') no-repeat;
}

/* ---------- REGISTRACE ------ */

.registracetb {
  margin-left: 200px;
  margin-top: 60px;
  margin-bottom: 30px;
  text-align: left;
  color: black;
}
.registracetb h2 {
  padding: 35px 0 17px 0;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #EE333E;
}
.registracetb h3 {
  padding: 6px 0 7px 0;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #EE333E;
}
.prava{
  width: 150px;
  padding: 2px 2px 2px 2px;
}
.leva{
  text-align: left;
  width: 150px;
  padding: 2px 2px 2px 2px;
}
.prava2 {
  text-align: right;
}
.polozky {
  width: 200px;
}
.polozky2 {
  width: 205px;
}
.registracetb input {
  border: 1px solid #cecece;
  padding: 1px 1px 1px 1px;
}
.registracetb a {
  color: #EE333E;
}
.adresy {
  margin-left: 200px;
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: left;
  color: black;
}
.adresy2 {
  margin-left: 50px;
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: left;
  color: black;
}
.adresy2 h2 {
  padding: 0px 0 7px 0;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #EE333E;
}
.adresy2 input {
  border: 1px solid #cecece;
  padding: 1px 1px 1px 1px;
}
.adresy input {
  border: 1px solid #cecece;
  padding: 1px 1px 1px 1px;
}
.adresy h2 {
  padding: 0px 0 7px 0;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #EE333E;
}
.odeslat {
  height: 20px;
  width: 204px;
  margin-left: 2px;
}
.error {
  text-align: left;
  padding-left: 8px;
  padding-bottom: 2px;
  color: red;
  font-weight: bold;
}
.hide{
	display:none;
}
.hlavicka {
  color:#EE333E;
  font-weight: bold;
}
.bily {
  color: white;
}
.center {
  text-align: center;
}
.bezokraje {
  border: 0px solid black;
}
.imgnews {
  border: 0px solid black;
  width: 130px;
}
.imgnewskratka {
  border: 0px solid black;
  width: 130px;
  height: 65px;
}
.konecnacena {
  border-top: 1px solid black;
  font-weight: bold;
}
/* -----------  EDIT ----------- */
.edittb {
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: left;
  color: black;
}
.edittb h2 {
  padding: 15px 0 17px 0;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #EE333E;
}
.edittb input {
  border: 1px solid #cecece;
  padding: 1px 1px 1px 1px;
}
/* ----------- LOGIN ----------- */
.prihlasen {
  margin-top:-3px;
  text-align: left;
  width: 500px;
}
.prihlasena {
  font-weight: bold;
  padding-top: 5px;
  width: 50px;
}
.prihlasenb {
  padding-top: 4px;
}
.prihlasenc {
  padding-top: -6px;
}
.prihlasend {
  padding-top: -6px;
  text-align: right;
}
/* ---------- PANELS ---------- */

div.leftPanel, div.rightPanel {
  margin-top: 55px;
}

div.leftPanel {
  float: left;
  width: 275px;
  position: relative;
  left: 10px;
}

div.rightPanel {
  float: right;
  width: 590px;
  position: relative;
  right: 10px;
}

div.leftPanel h4 {
  color: #EE333E;
  font-weight: bold;
  margin-right: 10px;
  font-size: 1.4em;
  margin-bottom: 6px;
}

/* ---------- LEFT PANEL ---------- */

div.about {
  width: 275px;
  background-color: black;
  margin-top: 15px;
  font-family: Arial, Tahoma, sans-serif;
  text-align: right;
  background: url('../images/pizzaBlackTop.jpg') no-repeat;
}

.about_img {
 width: 275px;
  border:0 none;
  margin-bottom:-6px;
}
.about h3, .about p {
  width: 245px;
}

.about h3 {
  float: right;
  margin: 8px 15px 10px 0;
  font-size: 2em;
  font-weight: bold;
  text-align: right;
  color: #FDBA39;
}

.about strong {
  display: block;
  font-size: 0.5em;
  color: #EE333E;
}

.about p {
  margin-left: 15px;
  line-height: 1.3;
  font-size: 1.2em;
  font-weight: bold;
  color: #FFFFFF;
}


/* ---------- RIGHT PANEL ---------- */

div.news {
  width: 590px;
  margin-top: 15px;
  background: url('../images/sep.gif') bottom center no-repeat;
}
.news_table {
	width: 590px;
}
.news_table tr {
	background: transparent url(../images/sep.gif) no-repeat scroll center bottom;
}
.news_table td h4 {
	  float: left;
	  margin-bottom: 3px;
	  font-weight: bold;
	  color: #EE333E;
}
.news_table td p {
	float: left;
	margin-top: 5px;
}
.news img {
  float: left;
  width: 130px;
  margin-bottom: 10px;
}
.main_div
{
	width: 290px;
	margin-bottom: 10px;
	margin-top: 10px;
	min-height: 50px;
}
.main_div2
{
	float: left;
	margin-top: 5px;
	margin-left:5px;
}
.main_div3
{
	padding-left: 5px;
	float: right;
	width: 145px;
	text-align: justify;
}
.news p, .news h4 {
  float: right;
  width: 450px;
}

.news h4 {
  margin-bottom: 3px;
  font-size: 1.5em;
  font-weight: bold;
  color: #EE333E;
}

.news p {
  line-height: 1.4;
  margin-bottom: 10px;
}


/* ---------- FOOTER ---------- */

div#footer {
  position: relative;
  height: 50px;
}

#footer a.realization {
  float: right;
  width: 170px;
  height: 50px;
  text-indent: -9999px;
  background: url('../images/realized.gif') no-repeat;
}

#footer a, #footer p {
  color: #EE5858;
}

#footer p {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 700px;
  margin-top: -0.6em;
  font-size: 1.2em;
}
/* ------- POTVRZENI OBJEDNÁVKY ---------- */
.tlac {
  height: 20px;
  width: 204px;
}
.tlac span{
  padding-top:4px;
  text-align: center;
  height: 16px;
  width: 204px;
  background: #f0f0f0;
  border: 1px solid #cecece;
  color: black;
  display: block;
  text-decoration: none;
}
.potvrzeni {
  margin-left: 200px;
  margin-top: 33px;
  margin-bottom: 10px;
  text-align: left;
  color: black;
  width: 550px;
}
.potvrzeni td {
  padding: 3px;
}
.potvrzeni h2 {
  padding: 35px 0 17px 0;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 2em;
  font-weight: bold;
  color: #EE333E;
}
.potvrzeni h3 {
  padding: 6px 0 7px 0;
  font-family: Arial, Tahoma, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #EE333E;
}
.potvrzeni input {
  border: 1px solid #cecece;
  padding: 1px 1px 1px 1px;
}
.poznamka {
  width: 550px;
}
.cenik a {
  color: #ee333e;
  font-weight: bold;
}
/* NEW ADDRES DIV */
.new_addres_div
{
  z-index: 2;
  width: 400px;
  height: 190px;
  display: none;
  position: absolute;
  border: 1px solid black;
  margin-left: 250px;
  margin-top: 5px;
  background: white;
}