@charset "UTF-8";
/*
.ces-gal-img-a img {}


<div class="ces-gal">
    <a class="ces-gal-img-a ppt-href"><img /></a>
    <p class="ces-gal-msg">msg</p>
    <div class="ces-gal-img-id">imageID</div>
    <a class="ces-gal-izbor-a">izaberi</a>
</div>

*/
/* kontejner u kome se nalaze sva četri */
.ces-gal {
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 1px solid #bbce7b;
  border-radius: 12px;
  box-shadow: 0 1px 3px #8bcdc4;
}

/* zajedničko za sva četri */
a.ces-gal-img-a, p.ces-gal-msg, .ces-gal-img-id, a.ces-gal-izbor-a {
  border-radius: 12px;
}

/* zajedničko gore */
a.ces-gal-img-a, p.ces-gal-msg {
  display: block;
  margin: auto auto;
  padding: 0px;
  padding: 16px;
  width: 40%;
  height: 150px;
  border: 1px solid transparent;
}

/* zajedničko dole */
.ces-gal-img-id, a.ces-gal-izbor-a {
  display: block;
  margin: 0px;
  padding: 16px;
  border: 1px solid #f2f5e7;
  background: #f2f5e7;
  color: #9F966F;
  text-align: center;
  text-shadow: 2px 2px 0px #ffffff;
}

/* slika čestitke */
a.ces-gal-img-a, a.ces-gal-img-a:link, a.ces-gal-img-a:visited {
  float: left;
  border: 1px solid #eee;
  border-radius: 12px 0 0 0;
  text-align: center;
}

a.ces-gal-img-a:hover {
  background: #F7F9F0;
}

/* poruka pored slike */
p.ces-gal-msg {
  float: right;
}

/* id broj slike */
.ces-gal-img-id {
  float: left;
  border-radius: 0 0 0 12px;
  color: #9F966F;
  font-size: 24px;
  font-family: Impact, Arial, Verdana, sans;
  line-height: 14px;
}

/* link izaberi */
a.ces-gal-izbor-a, a.ces-gal-izbor-a:link, a.ces-gal-izbor-a:visited {
  float: right;
  width: 33%;
  border: 1px solid #f2f5e7;
  border-radius: 0 0 12px 0;
  color: #9F966F;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #ffffff;
  letter-spacing: 8px;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
}

a.ces-gal-izbor-a:hover {
  background: #F7F9F0;
  color: #333;
}

.ces-gal-izbor-bar {
  float: left;
  width: 100%;
  background: #f2f5e7;
}

.ces-unos {
  margin: 36px;
  text-align: center;
}

.ces-prijem {
  margin: 32px 0;
  border: 2px solid #eee;
  border-radius: 32px;
  box-shadow: 8px 16px 32px #888;
}

h2.ces-prijem-header {
  text-align: center;
  text-shadow: 0 2px 5px #888;
  font-size: 24px;
}

.ces-prijem-image {
  text-align: center;
}

.ces-prijem-image img {
  margin: 16px 32px;
}

p.ces-prijem-message {
  padding: 26px 32px;
  text-shadow: 0 2px 3px #888;
  font-size: 19px;
  font-family: Georgia, Times, serif;
}

.ces-prijem-data {
  text-align: right;
  letter-spacing: 5px;
}

.ces-prijem-data dt, .ces-prijem-data dd {
  padding: 8px 16px;
}

.ces-prijem-data dt {
  margin: 38px 0 0 0;
  background: #F7F9F0;
  color: #8d5072;
  letter-spacing: 8px;
  font-size: 12px;
}

.ces-prijem-data dd {
  font-size: 17px;
}

/*

<div class="ces-prijem">
<h2 class="ces-prijem-header"><?php echo $model->CardHeader; ?></h2>
<div class="ces-prijem-image"><img src="/cestitke/images/<?php echo $model->CardImage; ?>" alt="<?php echo $model->CardHeader; ?>" /></div>
<div class="sn-line"></div>
<p class="ces-prijem-message"><?php echo nl2br( $model->CardMessage ); ?></p>

<dl class="ces-prijem-data">
<dt>Primalac</dt>
<dd><a href="mailto:<?php echo $model->RecEmail; ?>" title="<?php echo $model->RecEmail; ?>"><?php echo $model->RecName; ?></a></dd>
<dt>Pošiljalac</dt>
<dd><a href="mailto:<?php echo $model->SendEmail; ?>" title="<?php echo $model->SendEmail; ?>"><?php echo $model->SendName; ?></a></dd>
</dl>
</div>

*/