/* 



CREEM DEV CSSII 3.0 beta //////////////////////////////////////////////////
design sheet

*/



/* BASIC */

body {
margin: 0px 0px;
margin-top: 1px;
padding: 0px; /* opera */
z-index: 0;
background: #FFF url(images/bgrnd01.gif) top left repeat-x;
}
body , table td, table th, ul li, ol li, input, textarea, select {
font : 11px/140% "Arial CE", Arial, Helvetica, sans-serif;  /* 140% lineheight */
color: #424242;
}
h1, h2 {		/* logotyp *//* title graphic */
margin: 0px;
padding: 0px;
display: inline;
}
h3 {		 	/* title text */
font-size: 12px;
font-weight: bold;
display: inline;
}
h4 {		 	/* news text */
font-size : 11px;
font-weight: bold;
display: inline;
color: #DC1F03;
}

img {
border: 0px;
}

a:link, a:visited {
color: #FFB700;
text-decoration:underline;
}
a:hover, a:active {
color: #FFB700;
text-decoration:underline;
}



/* COMMON */

.px10, .px10 th, .px10 td {
font-size: 10px;
line-height: 130%;
}
.px11, .px11 th, .px11 td {
font-size: 11px;
}
.px12, .px12 th, .px12 td {
font-size: 12px;
}

.padding2 {
padding: 2px;
}
.padding4 {
padding: 4px;
}
.padding10 {
padding: 10px;
}

div.paddingin {
padding: 25px;
}

.copy {
font-size: 10px;
color: #888888;
}
.copy a:link, .copy a:visited {
color: #888888;
text-decoration: underline;
}
.copy a:active, .copy a:hover {
color: #888888;
text-decoration: underline;
}



/* LISTS */

ul {
margin-left: 15px;
padding-left: 0px;
}
ul li {
list-style : square; /* circle disc */
}

ol {
margin-left: 20px;
padding-left: 0px;
}
ol li {
list-style : decimal; /* lower-alpha none */
margin-left: 0px;
padding-left: 0px;
}
ul.arrow {
margin-left: 15px;
padding-left: 0px;
}
ul.arrow li {
list-style : square url(images/arrow.gif);
height: 14px; /* nelze line-height - block */
}

ul.menu, ul.menu li {
display: inline;
margin: 0px;
margin-right: 20px;
padding: 0px;
}

ul.menu2 {
margin: 0px;
padding: 0px;
}

ul.menu2 li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 6px;
	padding-top: 2px;
	width: 152px;
	height: 18px;
	margin-bottom: 2px;
	color: #024A8B;
	background: #E8EEF6;
	border: 1px solid #79B0E2;
}
ul.menu2 li.on {
background: #053764;
color: #FFF;
cursor: pointer;
}
/* ----- menu */
	ul.menu {
	}
	ul.menu a {
		text-transform: uppercase;
		font-weight: bold;
		text-decoration: none;
		color: #FF705B;
		font-family:Geneva, Arial, Helvetica, sans-serif;
	}
	ul.menu li.act a {
		color: #7F7F7F;
	}
/* end. menu */

/* FORMS */

input, textarea, select {
font-size: 10px;
padding-left: 2px;
}

input, textarea, select {
vertical-align: middle;
}

select.col {
background: #06506f;
color: #78a5b5;
}

input.s, textarea.s, select.s {
width: 104px;
}
input.m, textarea.m, select.m {
width: 115px;
}
input.l, textarea.l, select.l {
width: 153px;
}
input.xl, textarea.xl, select.xl {
width: 200px;
}
input.xxl, textarea.xxl, select.xxl {
width: 250px;
}



/* TABLES */

table.hidden {
width: 100%;
border: 0px;
margin: 0px;
padding: 0px;
border-collapse : collapse;
}
table.hidden th {
border: 0px;
margin: 0px;
padding: 0px;
text-align: left;
}
table.hidden td {
border: 0px;
margin: 0px;
padding: 0px;
vertical-align: top;
}

th.thver1 {
background: #a9002a;
height: 29px;
}
th.thver2 {
background: #125e7e;
height: 29px;
}

table.colored {
width: 300px;
margin: 0px;
padding: 0px;
border-collapse : collapse;
border: 1px solid #8E8E8E;
}
table.colored th {
margin: 0px;
padding: 4px;
color: #FFF;
background: #8E8E8E url(img/headback.gif) repeat-x;
border: 1px solid #8E8E8E;
}
table.colored td {
margin: 0px;
padding: 4px;
background: #DADADA;
border: 1px solid #8E8E8E;
}

table.striped {
width: 300px;
margin: 0px;
padding: 0px;
border-collapse : collapse;
border: 1px solid #8E8E8E;
}
table.striped th {
margin: 0px;
padding: 4px;
color: #FFF;
background: #8E8E8E;
border: 1px solid #8E8E8E;
border-bottom: 1px solid #DADADA;
}
table.striped td {
margin: 0px;
padding: 4px;
background: #DADADA;
border: 1px solid #8E8E8E;
}
table.striped td.th {
color: #FFF;
background: #8E8E8E;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
}

/* CONTAINERS */

div.left, img.left, p.left {
float:left;
}
div.right, img.right {
float:right;
}
div.clear {
clear:both;
}
div.space {
font: 0px;
}

.top {
vertical-align: top;
}
.middle {
vertical-align: middle;
}
.bottom {
vertical-align: bottom;
}



/* TESTS */

.testred, table.testred td, table.testred th {
border: 1px solid red;
}
.testblue, table.testblue td, table.testblue th {
border: 1px solid blue;
}