body {
  background: #525252 url('/images/backgrounds/gradient1.png') repeat-x 0 0;
}

a {
  color: #0066CC;
}

.spacer {
  height: 20px;
}

/* Colors */

.morado { color: #9F59B1 !important; }
.verde { color: #80AB00 !important; }
.fucsia { color: #BD5285 !important; }
.naranja { color: #EB7033 !important; }
.roja { color: #BF3939 !important; }
.salmon { color: #E44D5A !important; }
.rosa { color: #E96090 !important; }
.violeta { color: #7356C8 !important; }
.lila { color: #912871 !important; }
.amarilla { color: #EEE114 !important; }


/* Buttons */

button.largeOrange {
  border: 0; cursor: pointer;
  font-weight: normal;
  padding: 0px 20px 0 0px;
  background: url(/images/buttons/orange-large-grey-right.png) right no-repeat;
  text-align: center;
  font-size: 16px;
  margin: 0px;
  overflow: visible; 
}
button.largeOrange span {
  position: relative;
  display: block;
  white-space: nowrap;
  border: 0;
  padding: 0 0 0 20px;
  margin: 0px;
  height: 32px;
  line-height: 32px;
  background: url(/images/buttons/orange-large-grey-left.png) left no-repeat;
  color: #fff;
}
button.largeOrange.green span { background-image: url(/images/buttons/orange-large-green-left.png); }
button.largeOrange.green { background-image: url(/images/buttons/orange-large-green-right.png); }
button.largeOrange.white span { background-image: url(/images/buttons/orange-large-left.png); }
button.largeOrange.white { background-image: url(/images/buttons/orange-large-right.png); }


button.smallOrange {
  border: 0; cursor: pointer; font-weight: bold;
  padding: 0px 10px 0 0;
  text-align: center;
  background: url(/images/buttons/orange-small-grey-right.png) right center no-repeat;
  font-size: 13px;
  margin: 0px;
  overflow: visible;
}
button.smallOrange span {
  position: relative;
  display: block;
  white-space: nowrap;
  padding: 0 0 0 13px;
  height: 22px;
  line-height: 20px;
  background: url(/images/buttons/orange-small-grey-left.png) left center no-repeat;
  color: #fff;
  margin: 0px;
  font-weight: normal
}
button.smallOrange.green { background-image: url(/images/buttons/orange-small-green-right.png); }
button.smallOrange.green span { background-image: url(/images/buttons/orange-small-green-left.png); }
button.smallOrange.white { background-image: url(/images/buttons/orange-small-right.png); }
button.smallOrange.white span { background-image: url(/images/buttons/orange-small-left.png); }


/* Dialog Boxes */

.ui-dialog.simple {
  background: url(/images/backgrounds/popupgreenshadow.png) top left no-repeat;
  padding: 5px 20px 0 0;
  width: 430px;
  height: 405px;
}

#preload.ui-dialog.simple {
  margin: 0;
  padding: 0;
  height: 1px;
  width: 1px;
  background-color: transparent;
  background-position: 1px 1px;
}


.ui-dialog.modalConfirm  {
 padding: 5px;
 -border-radius: 10px;
 background-color: #ffc;
 font-size: 18px;
 position: absolute;
 z-index: 1000;
 height: 70px;
 margin-top: -75px;
 width: 930px;
}

.content .nextStepBar .ui-dialog.modalConfirm  p { 
  padding: 10px 10px 0 10px;
  color: #333;
  }

.ui-dialog.modalConfirm .ui-dialog-titlebar, .ui-dialog.simple .ui-dialog-titlebar {
  display: none;
}

.ui-dialog.modalConfirm button {
  margin: 0 0 0 15px;
}

.ui-dialog.modalConfirm .elegir {
  clear: left;
  text-align: right;
  font-size: 13px;
  padding-right: 15px;
}

.ui-dialog.modalConfirm .elegir  a {
  color: #06c;

}
.elegir a:hover {
  cursor: pointer;
}

/* Application Layout */

.container {
  position: relative;
  padding-top: 65px;
}

.elmundoHeader {
  position: relative;
  margin: 0px auto;
  height: 99px;
  width: 940px;
}
.elmundoHeader img {
  position: absolute;
}

.header #logo {
  position: absolute; display: block; margin: 0; padding: 0px;
  top: 0; left: 0; height: 60px; width: 339px;
}
.header #logo a {
  display: block;
  height: 60px; width: 339px;
  background: url('/images/floresfrescas-dark.png') no-repeat 0 0;
}
.header.elmundo #logo a {
  background: url('/images/floresfrescas-dark-lower.png') no-repeat 0 0;
}
.header #logo a span {
  display: none;
}
.header .user {
  position: absolute; 
  top: 10px; right: 0px;
  color: #cccccc;
  font-size: 13px;
}
.header .user a {
  color: #99cc00
}
.header .notices {
  position: absolute;
  right: 0px; top: 5px;
}

.header .notices p {
	margin: 10px 0;
}

.footer p {
  color: #aaa;
  font-size: 12px;
  text-align: center;
}
.footer p a {
  color: #aaa;
  text-decoration: underline;
}



body div.credit {
  background-color:#454545;
  margin-top:40px;
} 

.credit p {
    color:#999;
    line-height: 135%;
    padding: 20px 15px 0 50px;
    background: transparent url(/images/vostok.gif) 25px 20px no-repeat;
}
    
.credit p a {
      color:#ccc;
}