/* ------------------------------------------------------

  *Filename:            global.css
  *Description:         Global CSS
  *Version:             1.0.0 (2010-03-08) YYYY-MM-DD
  *Website:             dahlia-dekorace.cz
  *Author:              Jaroslav Piela
  
  === STRUCTURE =========================================
  
  *Page width:          960px
  *Number of columns:   1, 2, 3
  
  === SWATCH COLORS =====================================
  
  #fff    - white
  #ccc    - gray
  #666    - dark gray
  #c6168d - pink

-------------------------------------------------------*/

/* === RESETS ======================================== */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a img {
  border: 0;
}

address {
  font-style: normal;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/* === TYPOGRAPHY ==================================== */

/* The font-size percentage is of 16px. (i.e.: 0.85 * 16px = 14px) */ 

html { 
  font-size: 100.01%; 
}

body { 
  font-family: Georgia, Times, "Times New Roman", serif; 
  font-size: 101%; /* sensible type sizes: 75% (12px), 80% (13px), 85% (14px) */ 
  line-height: 1.4;
 	color: #ccc; 
}

h1, h2, h3 {
  margin: 0.6em 0 0.3em 0;
}

h1, #banner h2 {
	font-size: 2.6em;
  margin: 0;
  font-weight: normal;
  color: #fff;
  border: 1px solid #4a4a4a;  
  border-width: 0 0 1px 0;  
  margin-bottom: 20px;  
  padding-bottom: 10px;
}

h2 {
  font-size: 1.8em;
  font-weight: normal;
  color: #c6168d;
}

h2 span {
  color: #888;
  display: block;
  font-size: 0.6em;
}

h3 {
  font-size: 1.4em;
  font-weight: normal;
  color: #fff;
}

h3 a {
  color: #fff;
  text-decoration: none;
}

h3 a:hover {
  text-decoration: underline;
}

a {
  color: #ccc;
}

a:hover {
	color: #fff;
}

strong {
  color: #888;
  font-weight: normal;
}

p {
  margin: 0 0 1em 0;
}

input, textarea { 
  font-family: Arial, sans-serif; 
}


/* === COMMON STYLES ================================ */

body {
  background: url('/img/bgr-body-2.jpg') repeat-x 0 0 #000;
	text-align: center;
}

h1 {
  text-align: center;
}

h1 span {
	display: none;
}

img, a img {
  background: #000;
  padding: 8px;
  border: 1px solid #4a4a4a;
}

a:hover img {
  border-color: #666;
}

address {
  margin: 0 0 1em 0;
}

cite {
  background: url('/img/line.gif') no-repeat bottom left;
  font-size: 1.8em;
  text-align: center;
  display: block;
  font-style: normal;
  padding: 15px 0 30px 0; 
  margin: 13px 0 0 0;
  border: 1px solid #4a4a4a;  
  border-width: 1px 0 0 0;
}

cite.nobottom {
  padding-bottom: 5px;
  background: 0;
}

cite.notop {
  border: 0;
  margin: 0;
}

input, textarea {
  background: url('/img/bgr-input.png') no-repeat 0 0;
  border: 1px solid #ccc;
  display: block;
  width: 275px;
  padding: 5px;
  margin: 0 0 15px 0;
  font-family: Georgia, Times, "Times New Roman", serif; 
}

textarea {
  height: 135px;
}

input.submit {
  background: url('/img/btn-submit.png') no-repeat 0 0;
  width: 285px; height: 31px;
  line-height: 31px;
  padding: 0;
  text-align: center;
  border: 0;
  color: #fff;
  font-family: Georgia, serif;
  font-size: 1.1em;
  cursor: pointer;
}

#content input, #content textarea {
  background-image: url('/img/bgr-input-2.png');
  border: 1px solid #333;
  color: #ccc;
  width: 425px;
}

#content input.submit {
  background-image: url('/img/btn-submit.png');
  background-position: 0 -31px;
  width: 435px;
  border: none;
  color: #fff;
}

td, th {
  padding: 0.2em 1em 0.2em 0;
}

th {
  color: #888;
}

/* === COMMON CLASSES ================================ */

.dspln {
  display: none;
}

.uc {
  text-transform: uppercase;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.fright {
  float: right
}

.fleft {
  float: left;
}

div.cleaner {
  clear: both;
  font-size: 1%;
  height: 0px;
}

.grp {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  text-indent: -9999px;  
}

.grp span {
  background: no-repeat top left;
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
}

a.grp {
  cursor: pointer;
}

.nmt {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.nmb {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.link {
  text-align: center;
  margin: 1em 0 0 0;
}

p.info,
p.err,
p.oki {
  background: #c6168d;
  padding: 15px;
  text-align: center;
  color: #fff;
}

.err {
  color: red;
}


/* === CLASSES ======================================== */

a.round {
  width: 17px; height: 18px;
}

a.round span {
  background-image: url('/img/btn-round.gif');
}

a.round:hover span,
a.round.active span {
  background-position: 0 -17px; 
}

.pink,
.pink a {
  color: #c6168d;
}

.grey,
.grey a {
  color: #777;
}

.line {
  background: url('/img/line.gif') no-repeat 0 0;
  width: 900px;
  height: 25px;
}

.line-2 {
  background: url('/img/line-2.gif') no-repeat 50% 0;
  height: 25px;
  margin: 27px 0;
}

.line-3 {
  border: 1px solid #4a4a4a;  
  border-width: 1px 0 0 0;
  font-size: 1%;
  height: 1px;
  margin: 15px 0 30px 0;
}

.underline {
  border: 1px solid #ccc;
  border-width: 0 0 1px 0;
  margin: 0 0 1em 0;
}

.column-1 {
  float: left;
  width: 435px;
}              

.column-2 {
  float: right;
  width: 435px;
}

.column-3,
.column-4,
.column-5 {
  width: 300px;
  float: left;    
}

.column-3 {
  width: 285px;
  padding: 0 15px 0 0;
}

.column-4 {
  text-align: center;
}

.column-5 {
  width: 285px;
  padding: 0 0 0 15px;
}

.column-5 h3 {
  text-align: right;
}

.list,
#news-detail ul {
  margin: 0 0 1em 0;
}

.list li,
#news-detail li,
.list.links li a
#news-detail .links li a {
  background: url('/img/bgr-list.gif') no-repeat 0 5px;
  padding: 0 0 0.6em 45px;
}

.list.links li
#news-detail .links li {
  background: none;
  padding: 0 0 0.6em 0;
}

.list.links li a:hover,
#news-detail .links li a:hover {
  background-position: 0 -195px;
}

.mb {
  margin-bottom: 1em;
  display: block;
}

.mb2 {
  margin-bottom: 2em;
}

.mt {
  margin-top: 2em;
  display: block;
}

.arrow {
  background: url('/img/arrow.gif') no-repeat 50% 24px;
  text-decoration: none;
  padding: 0 0 15px 0;
  display: block;
  text-align: center;
}

.arrow.up {
  background-position: 50% -76px;
  margin: 0 0 20px 0;
}

.facebook {
  background: url('/img/icon-facebook.gif') no-repeat 0 50%;
  padding: 3px 0 3px 26px;
}


/* === LAYOUT ========================================= */

#screen {
	position: relative;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding-top: 153px;
}

#content {
  margin: 0 30px 0 30px;
  padding: 132px 0 30px 0;
}


/* === HEADER ========================================= */

#header {
  background: url('/img/bgr-header.jpg') no-repeat 30px 7px;
	position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 153px;
}

#logo, #logo span {
	width: 237px; height: 80px;
	position: absolute;
	display: block;
	top: 0; left: 0; 
}

#logo {
  top: 7px; left: 363px;
}

#logo span {
  background: url('/img/logo.jpg') no-repeat top left;
}

#logo a span {
  cursor: pointer;
}


/* === MENU =========================================== */

#menu {
  position: absolute;
  top: 93px; left: 0;  
	margin: 0; padding: 0;
	width: 100%; height: 60px; 
}

#menu li {
  width: 160px; height: 100%;
	list-style: none;
	margin: 0; padding: 0;
	float: left;
}

#menu li a,
#menu li strong {
  position: relative;
  width: 100%; height: 100%;
  display: block;
  overflow: hidden;
}

#menu li a span,
#menu li strong span {
  background: url('/img/btn-menu-2.jpg') no-repeat top left;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: block;
}

#menu li#root { width: 141px; }
#menu li#root span { background-position: 0 0; }
#menu li#root a:hover span, #menu li#root strong span  { background-position: 0 -60px; }

#menu li#vano { width: 170px; }
#menu li#vano span { background-position: -141px 0; }
#menu li#vano a:hover span, #menu li#vano strong span { background-position: -141px -60px; }

#menu li#medv { width: 167px; }
#menu li#medv span { background-position: -311px 0; }
#menu li#medv a:hover span, #menu li#medv strong span { background-position: -311px -60px; }

#menu li#byto { width: 156px; }
#menu li#byto span { background-position: -478px 0; }
#menu li#byto a:hover span, #menu li#byto strong span { background-position: -478px -60px; }

#menu li#kurz { width: 171px; }
#menu li#kurz span { background-position: -634px 0; }
#menu li#kurz a:hover span, #menu li#kurz strong span { background-position: -634px -60px; }

#menu li#vyzd { width: 155px; }
#menu li#vyzd span { background-position: -805px 0; }
#menu li#vyzd a:hover span, #menu li#vyzd strong span { background-position: -805px -60px; }

#kont a, #kont strong { width: 97px; height: 97px; position: absolute; top: 0; right: 0; text-indent: -9999px; }
#kont span { background: url('/img/btn-menu-contact.gif') no-repeat 0 0; }
	
	
/* === FOOTER ========================================= */

#footer {
  background: url('/img/bgr-footer.jpg') repeat-x 0 0 #fff;
  color: #333;
  font-size: 90%;
}

#footer .cont {
  position: relative;
  width: 900px;
  text-align: left;
  margin: 0 auto;
  padding: 35px 0 30px 0;
}

#footer h3 {
  color: #c6168d;
}

#footer img,
#footer a img {
  background-color: #fff;
  border-color: #ccc;
}

#footer a:hover img {
  border-color: #999;
}

#h3-drahovice {
  margin-top: 1.6em;
}

#h3-maps {
  margin-bottom: 1.3em;
}

#footer-menu {
  padding: 30px 30px 50px 30px;
  font-size: 90%;
  line-height: 1.8em;
}

#footer-menu ul {
  width: 900px;
  text-align: left;
  margin: 0 auto;
}

#footer-menu ul li {
	list-style: none;
	display: inline;
}

#footer-menu ul li#copyright {
  float: right;
}

#footer a.pink:hover {
  color: #333;
}

#award {
  background: url('/img/icon-award.png') no-repeat top right;
  float: right;
  line-height: 81px;
  padding-right: 95px;
}


/* === PAGES ========================================== */

  /* ROOT */
  
  /* BANNERS */
  
  #banner-cont {
    background: #000;
    padding: 8px;
    border: 1px solid #4a4a4a;
    position: relative;
  }       
  
  #banner {
    overflow: hidden;
    position: relative;    
    width: 880px; height: 240px;
  }

  #banner h1,
  #banner h2 {
    position: absolute;
    bottom: 0; left: 0;
    text-align: center;
    background: #000;
    width: 880px;
    z-index: 10;
    filter:alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    margin: 0;
    padding: 0;
    border: 0;
  }  
  
  #banner h2 a {
    color: #fff;
    text-decoration: none;
  }
  
  #banner a {
    position: relative;
    display: block;
  }
  
  #banner div.cont {
    position: relative;
    float: left;
    height: 240px;
  }
  

  
  #banner img,
  #banner a img {
    border: 0;
    padding: 0;
    background: 0;
  }

  #imagereel {
    position: absolute;
    top: 0; left: 0;
  }
  
  #imagereel img {
    float: left; 
  }

  #banner-menu {
    padding: 13px 0 13px 382px;      
  }
  
  #banner-menu a {
    float: left;
    margin: 0 12px 0 0;
  }


/* === NEWS ========================================= */

#news-list {
  padding: 0 0 1em 0;
}

#news-list li {
  border: 1px solid #4a4a4a;  
  border-width: 1px 0 0 0;
  margin: 30px 0 0 0;
  padding: 30px 0 0 0;
}

#news-list li.first {
  border: 0;
  margin-top: 0;
  padding-top: 0;
}

#news-list img,
#news-detail img {
  float: left;
}
  
#news-list .cont,
#news-detail .cont {
  float: right;
  width: 665px;
}

#news-list .cont.noimg,
#news-detail .cont.noimg {
  float: none;
  width: 100%;
}
  
#news-list .date,
#news-detail .date {
  font-size: 0.8em;
  margin: 0 0 1.5em 0;
  color: #fff;
}

#news-list li .date,
#news-detail li .date {
  margin: 0;
}

/* === GALLERY ======================================== */

.imgs { }

.imgs li {
  float: left;
  margin: 0 25px 15px 0;
}

.imgs li.last {
  margin-right: 0;
}

.imgs li h3 {
 font-size: 1em; 
 font-weight: normal;
}


/* === PAGINATOR ====================================== */
  
.paginator {
  margin: 1em 0 0 0;
  text-align: center;
  color: #555;
}
  
.paginator strong {
  font-weight: normal;
}
  
.paginator .fleft {
  text-align: left;
}
  
.paginator .fright {
  text-align: right;
}
  
.pages a,
.pages strong,
.pages span {
  margin: 0 0.5em 0 0;
}
  
.pages strong {
  font-weight: bold;
}


/* === OTHERS ========================================= */