/* 

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 {

  color:white; margin:4px 0 0; height:21px; font-size:1em; text-align:center; background:url('/img/layout/h_green.png') center left repeat-x; border:1px solid #508e07; border-radius:5px;

}

.button:hover { text-shadow: 1px 1px 1px #DB9E2D; cursor: pointer; }

.button.yellow { background-image: url('/img/layout/h_yellow.png'); border-color: #fec64d; }