/* 
CSS Stylesheet - design.css
domain: bsmk.cz
 */
 
@font-face {
  font-family: 'BPdotsUnicaseRegular';
  src: url('/app/fonts/BPdotsUnicase-webfont.eot');
  src: url('/app/fonts/BPdotsUnicase-webfont.eot?iefix') format('eot'),
       url('/app/fonts/BPdotsUnicase-webfont.woff') format('woff'),
       url('/app/fonts/BPdotsUnicase-webfont.ttf') format('truetype'),
       url('/app/fonts/BPdotsUnicase-webfont.svg#webfontPwTy3oH4') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  width: 100%; height: 100%;
  background: url('/img/layout/bgs/grass.jpg') top center;
  margin: 0px auto; padding: 0px;
}

body, h1, h2, h3, td, th, a, select, input, textarea, button {
	font-size: 12px;
	font-family: 'Arial CE', Arial, Helvetica, sans-serif;
}
textarea, input {
  font-size: 12px;
}

.r { text-align: right; }
.l { text-align: left; }
.c { text-align: center; }
.j { text-align: justify; }

.left { float: left; }
.right { float: right; }
.cleaner { clear: both; }

.bb { border-bottom: 2px solid black; margin: 0 0 15px; padding: 0 0 15px; }


/* MSG ERRORS */
.msg-err, .msg-ok { padding: 15px; margin: 15px 0 10px 0; text-align: center; }
.msg-err { color: #c00; }
.msg-ok { color: #360; }
.free { color: #444; padding: 15px; text-align: center; }
.free span { color: #dc4018; }


/* LINKS */
a { color: #dc4018; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

a.green { margin: 5px; background: url('/img/layout/h_green.png') center left repeat-x; border: 1px solid #508e07; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
a.green span, a.red span { display: block; height: 20px; line-height: 20px;  color: white; font-weight: bold; text-align: center; }
a.red { margin: 5px; background: url('/img/layout/a_red_bg.png') top right no-repeat; color: white; }
a.red span { background: url('/img/layout/a_red_l.png') top left no-repeat; color: white; }
a.green:hover { text-decoration: none; }
a.green:hover span { color: black; }


/* TIP */
#tip {
	position: absolute; z-index: 100;
	background: white; color: black;
	border: 1px solid #dfdfdf;
	max-width: 400px;
}
#tip .arrow-left, #tip .arrow-right { position: absolute; top: 0; width: 9px; height: 21px; background: right center; }
#tip .arrow-left { right: -9px; background-image: url('../img/arrows/tip-arrow-right.png'); }
#tip .arrow-right { left: -9px; background-image: url('../img/arrows/tip-arrow-left.png'); }
#tip .title { background: url('../img/icons/small/help.png') 99% center no-repeat; color: black; line-height: 20px; padding: 0 5px; font-weight: bold; }
#tip #tipText { padding: 5px; }
#tip #tipText ul { margin: 0; padding: 0; list-style: decimal inside; color: black; }



#alert {}
#alert h2 { color: #da2128; font-weight: bold; font-size: 1em; }
#alert h2 img { vertical-align: middle; margin-right: 5px; }

/* buttons */
.button {
  background: center left repeat-x; border: 1px solid black; cursor: pointer;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;  
}
.button:hover { text-shadow: 1px 1px 1px #DB9E2D; }
.button.yellow { background-image: url('/img/layout/h_yellow.png'); border-color: #fec64d; }