/* -- 
Generated by RSEPaw
RSEPaw is a Web applications and web site generator
Product of RSEInfo 2008-
 -- */

@charset "UTF-8";
@font-face {
	font-family: mv_boliregular;
	src: url('font/mvboli.ttf'),
		url('font/mvboli.eot'),
		url('font/mvboli.eot#iefix'),
		url('font/mvboli.svg'),
		url('font/mvboli.woff');
}
@font-face {
	font-family: FontAwesome;
	src: url('font/fontawesome-webfont.ttf?v=4.7.0'),
		url('font/fontawesome-webfont.eot?v=4.7.0'),
		url('font/fontawesome-webfont.eot?v=4.7.0#iefix'),
		url('font/fontawesome-webfont.svg?v=4.7.0'),
		url('font/fontawesome-webfont.woff?v=4.7.0');
}
:not(.list) { box-sizing: border-box;}
.list, .list * { box-sizing : content-box;}
/*<main>*/
content {
	display:block;
	margin:20px 5px;
}
content [id^='row'].row {
	display: block;
	margin-left:0px;
}
content [id^='row'].row .col {
	margin-left:0px;
}content table, content  tr, content td {
	display:inline-block;
}
content [data-preserve='1'] table {
	display:table;
}
content [data-preserve='1'] tr {
	display:table-row;
}
content [data-preserve='1'] td {
	display:table-cell;
}
body {
	margin:0;
}
#page {
	max-width: 975px;
	margin: 0 auto;
	text-align : left;
	background : #ffffff;
	padding : 0;
	overflow : hidden;
	clear : both;
	position : relative;
	display : block;
	font-family : "Trebuchet MS",Tahoma;
	font-size: 0.8em;
	font-weight:normal;	
}

#phome #row1 #col1 {
	padding : 20px 10px;
}
#phome #row2 {
	display:none;
}
#phome #row2 #col1.col, #phome #row2 #col2.col, #phome #row2 #col3.col, #phome #row2 #col4.col, #phome #row2 #col5.col {
	font-family: mv_boliregular,"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
   font-size:1.2em;
	color:#797979;
	padding:20px 10px;
   box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
   display:inline-block;
   width:20%;
   max-height:500px;
   overflow:hidden;
   vertical-align:top;
}
#phome #row3 #col1.col{
	padding : 0px 30px;
}
#phome #row4 #col1.col, 
#phome #row6 #col1.col {
	background:#f9f9f9;
	background:linear-gradient(#f9f9f9,#eeeeee);
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
	padding : 0px 30px;
}
#phome #row5 #col1.col {
	padding : 0px 30px;
}
#p8 form {
	background:#f9f9f9;
	background:linear-gradient(#f9f9f9,rgb(149,200,255));
	box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);
}

header {
	background: url(../img/banner_shading_top_ffa54d.jpg)  no-repeat;
}
footer {
	background-color: rgb(149,200,255);
}
header #row1 {
   min-height:100px;
}
header #row2 {
	box-shadow: 4px 3px;
	text-shadow: 2px 1px lemonchiffon;
}
header #logo {
	float : left;
	width : 120px;
	height : 64px;
	margin-left : 10px;
	margin-bottom : 25px;
	padding:0;
}
header .logo a, header .logo a:hover {
	font-size: 3em;
	font-family: mv_boliregular;
	font-weight: bold;
	text-shadow: 5px 3px black;
	color: aliceblue;
	font-style:normal;
}
header .logo, header .hcenter {
	display:inline-block;
	vertical-align:top;
}
header .hcenter #htitle {
	font-family: mv_boliregular,"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	display:inline-block;
	vertical-align:top;
	text-shadow:1px 1px green;
	font-weight: normal;
   font-size: 1.4em;
   letter-spacing: -0.07em;
	color: rgb(151, 241, 157);
	text-align: left;
	margin-left : 5px;
}

.menu {
	background-color: rgb(149,200,255);
  	width : 100%;
	margin-bottom : 25px;
	border-radius:25px;
}
.menu td {
	padding: 2px;
	margin-top:10px;
}
.hm {
	background-color: rgb(149,200,255);
	display:none;
	padding : 10px 5px;
	z-index:2000;
	top:0;
}
.hm a{
	display: block;
	padding: 0px 2px;
}
.myspace{
	white-space: nowrap;
	background-color: lemonchiffon;
	border-radius: 0px 0px 5px 5px;
	padding: 0px 5px;
	max-width:150px;
	display:block;
	vertical-align:top;
	margin-top:0;
}
.myspace a {
	color: rgb(198, 179, 156);
	font-weight:bold;
}
.signup {
	display:none;
}
#tm::before {
	content:	"\f0c9";
	font-size:18pt;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: cadetblue;
	padding : 0px 2px;
}

.header .hright {
	width: 45%;
   font-weight: normal;
	text-align: right;
	vertical-align:bottom;
}
.hm a,.hm .menuseparator,.focus .menu a,.focus .menu .menuseparator,.focus1 .menu a,.focus1 .menu .menuseparator {
	font-size: 12pt;
	font-weight: bold;
	color: #d6ffff;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 2px;
	padding : 0;
	vertical-align : top;
	text-shadow:1px 1px grey;
}
.hm a:hover,.focus .menu a:hover,.focus1 .menu a:hover {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0 ;margin : 0;
	background-color : #ffffff;
	color : #a0a0a0;
	border : 4px solid #ffffff;
	box-shadow : 3px 3px 2px #ffa54d;
	border-radius : 4px;
	font-style:normal;
}
header #flags {
	text-align:right;
	padding:0px;
	margin:-25px 0 0 0;
}
footer {
	display:block;
	margin-bottom:20px;
}
footer {
	font-size: 9pt;
	color: #555555;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	table-layout : fixed;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width: 100%;
}
footer #row1 {
	font-size:14pt;
	font-family: mv_boliregular,"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-shadow:1px 1px black;
	text-align:center;
	margin-bottom:10px;
}
footer #row2 a {
	display : block;
	text-align:center;
}
footer a, footer .menuseparator {
	font-size: 9pt;
	color: #555555;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 2px;
	padding : 0;
	vertical-align : top;
}
footer a:hover {
	font-size: 9pt;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px;margin-right:0px;
	color: #ffffff;
}

.date {
	font-size : 10px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
}

.location{
	font-size:0.95em;
	color:#808080;
	padding:0px 0px 20px 0px;
}
.location:before {
	content:'>';
}
.location a {
	font-size:0.95em;
	color:#808080;
	text-decoration:none;
}
.location a:hover {
	font-size:0.95em;
	color:#ffffff;
	background:#808080;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}
.reset {
	text-decoration:none;
	font-style:normal;
	color:#8C5896;
}
.focus {
	background:#f6e095;
	background:linear-gradient(#f6e095,#ffffff);
	padding:10px;
	margin:10px;
	overflow:hidden;
	box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.2);
	border-radius:25px;
}
.focus1 {
	background:#f6e095;
	background:linear-gradient(#f6e095,#ffffff);
	padding:10px;
	margin:10px;
	overflow:hidden;
	box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.2);
	border-radius:25px;
}
.facebook {
	overflow:hidden;
	border:thin solid #aaaaaa;
}
workshop{
	display:none;
}
.go-back {
	font-weight:bold;
	padding:0px 1em 0px 0px;
	background:#009900;
	color:#ffffff;
	border-radius:5px;
	box-shadow:2px 2px 5px #808080;
	margin:15px;
}
.go-back::before{
	content: "";
	width:0;height:0;line-height:0;
	display:inline-block;position:relative;
	left:-1em;top:0.65em;
	border-top:1em solid transparent;
	border-right: 1.1em solid #009900;
	border-bottom: 1em solid transparent;
}

h6 {
	font-family:"Trebuchet MS",Tahoma,Arial;
	color:#888888;
	font-size:1.3em;
	margin:10px;
	padding:0px;
}
h {
	font-family:mv_boliregular,"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:bold;
	margin:20px 60px 20px 0px;
	padding:0px;
	text-align:right;
	text-shadow:1px 2px grey;
	display:block;
	color:#a9a9a9;
	text-align:center;
}
.record h1, h1 {
	font-family:Arial;
	color:#a297f1;
	margin:0px;
	padding:0.67em 0;
	font-size:2em;
	font-weight:bold;
	text-decoration:none;
	text-shadow:2px 2px grey;
}
.record h2, h2 {
	font-family:"Trebuchet MS",Tahoma,Arial;
	color:#ffa54d;
	margin:0px;
	padding:0.25em 0.35em;
	font-size:1.75em;
	font-weight:bold;
	text-decoration:none;
	border:0;
	background:transparent;
	text-shadow:1px 1px blue;
	text-align:left;
}
.record h3, h3 {
	font-family:"Trebuchet MS",Tahoma,Arial;
	color:#808080;
	margin:0px;
	padding:0;
	font-size:1.5em;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.record h4, h4 {
	font-family:"Trebuchet MS",Tahoma,Arial;
	color:#353535;
	margin:0px;
	padding:0;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.record h5, h5 {
	font-family:"Trebuchet MS",Tahoma,Arial;
	color:#353535;
	margin:0px;
	padding:0;
	font-size:1em;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
}

.msg {
	font-size:1.2em;
}
.msg-title {
	font-size:1.4em;
	display:inline-block;
	margin:20px;
	font-weight:bold;
	text-align:center;
}
.content {
	table-layout : fixed;
	margin-bottom : 20px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	width:inherit;
}
.content td {
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	vertical-align:top;
}
.slideshow {
	box-shadow:2px 2px 5px #808080;
}
.slideshow h3 {
	color:#202020;
}
.choice {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.choice li {
	display: block;
	padding:10px 0px;
	margin:0px;
	color:rgb(149,200,255);
	font-weight:bold;
	font-size:1.2em;
	font-style:normal;
}
.choice a {
	margin:0;
   font-size:1em;
	padding:10px 5px;
	transition:all 0.8s;
	transition-timing-function:ease;
	color:blue;
	background-color :#ffa54d;
	display:block;
}
.choice a, .choice a:hover, .choice a:focus {
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}
.choice a:hover, .choice a:focus {
	background-color:maroon;
	color:rgb(149,200,255);
}
.choice1 {
	list-style-type:none;
	padding:0px;
	margin:0px;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	border-radius:10px;
	background-color :#d5d5d5;
	text-shadow:1px 1px #888888;
	color:#ffa54d;
}
.choice1 li {
	padding:10px 10px;
	margin:0px;
	font-weight:bold;
	font-size:1.2em;
	font-style:normal;
	transition:all 0.8s;
	transition-timing-function:ease;
}
.choice1 a {
	margin:0;
   font-size:1em;
	padding:0;
}
.choice1 a, .choice1 a:hover, .choice1 a:focus {
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
	color:inherit;
}
.choice1 li:hover {
	background-color:#ffa54d;
	border-radius:10px;
	text-align:center;
	color:#ffffff;
}
#flashnews .slideshow {
	display: block;
	margin: auto;
	width: 340px;
	height: 159px;
	slide-displaying: 5500;
}
#flashnews .text {
	overflow: hidden;
	width: 240px;
	height: 45px;
	color: #3308EF;
	background-color: #ffffff;
	right: 5px;
	bottom: 5px;
}	
#flashnews .text h3 {
	font-size :1.2em;
}
#matnikcolors .slideshow {
	display: block;
	margin: auto;
	width: 340px;
	height: 159px;
	with-slideline: false;
}
#matnikcolors2 .slideshow {
	display: block;
	margin: auto;
	width: 200px;
	height: 100px;
	with-slideline: false;
}
.record img {
	max-width:325px;
	height:auto;
}
.payment header, .payment footer {
	max-width : 750px;
	margin-bottom : 10px;
}
.payment header #logo {
	max-width : 100px;
	height : auto;
	margin-right : 5px;
}
.payment header .secure {
	font-size:0.85em;
	color:#a8a8a8;
}
.payment .cancel {
	font-size : 10pt;
	border-radius : 15px 0px 10px 0px;
	opacity:1;
	padding:5px;
	color:white;
	font-weight:bold;
	background-color:rgb(247, 92, 92);
	display:block;
	width:min-content;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
.payment header .cancel {
	margin-top:5px;
}
.formfields-value {
	float:right;
}.formfields-label #freq{
	color:red;
}
.msg {
	font-size:1.2em;
}
.msg-title {
	font-size:1.4em;
	display:inline-block;
	margin:20px;
	font-weight:bold;
	text-align:center;
}
/*</main>*/

/*<min-width:600px>*/
@media (min-width:600px) {
header #logo {
	width : 200px;
	height: 100px;
}
header .row .hcenter {
	width : auto;
}
header .hcenter #htitle{
	font-size: 1.8em;
   letter-spacing: -0.09em;
   padding-top: 0;
   margin-top:0px;
	margin-left:10px;
	text-shadow:2px 1px green;
	width:max-content;
}
footer {
	display: block;
	width: 100%;
	text-align: center;
}
footer #row1 {
	font-size:16pt;
}
footer #row2 a {
	font-size: 9pt;
	display:inline;
	text-align:unset;
}
.toggle-menu {
	display:none;
}
.myspace{
	float:right;
	vertical-align:top;
	margin-top:-6.5em;
}
.hm {
	float:right;
	position:relative;
	top:-50px;
	border-radius:4px;
	padding:3px;
	display:block;
	width:auto;
}
.hm a {
	display: inline;
	font-size:10pt;
}
.hm a::after, footer #row2 a::after {
	content: " | ";
}
#flashnews .text h3 {
	font-size :1.5em;
}
h {
	font-size:3em;
	text-shadow:2px 3px grey;
	text-align:right;
}
.choice li {
	background-color :blue;
	display: inline-block;
	width:auto;
	padding:10px 0px;
	margin:0px;
	font-size:1.4em;
}
.choice a {
	display:inline;
}
.record img {
	max-width:none;
	height:initial;
}
#pca .row .col, #pms .row .col, #pmsg .row .col, #p1 .row .col, #p2 .row .col, #p3 .row .col, #p4 .row .col, #p5 .row .col, #p6 .row .col, #p7 .row .col, #p8 .row .col, #p9 .row .col {
	display:inline-block;
	vertical-align:top;
}
content table, content .row form table {
	display:table;
}
content tr, content .row form tr  {
	display:table-row;	 		
}
content td, content .row form td {
	display:table-cell;	 		
}
.formfields-value {
	float:none;
}

#flashnews .slideshow {
	width : 600px;
	height : 280px;
}

#flashnews .text {
	width : 300px;
	height : auto;
}

#matnikcolors .slideshow {
	width : 600px;
	height : 280px;
}
}
/*</min-width:600px>*/

/*<max-width:599px>*/
@media (max-width:599px) {
.toggle-menu {
	display:inline;
	float:right;
	margin-top:-6.5em;
}
}
/*</max-width:599px>*/

/*<min-width:730px>*/
@media (min-width:730px) {
header .row .hcenter{
//   width:65%;
}
#tm {
	display: none;
}
.formfields-value .field-stopdate {
	display:inline;
}

#phome #row2 {
	display:block;
}
#pca #col1.col, #pms #col1.col, #pmsg #col1.col, #p1 #col1.col, #p2 #col1.col, #p3 #col1.col, #p4 #col1.col, #p5 #col1.col, #p6 #col1.col, #p9 #col1.col {
	width:75%;
	vertical-align:top;
	padding : 0px;
}
#pca #col2.col, #pms #col2.col, #pmsg #col2.col, #p1 #col2.col, #p2 #col2.col, #p3 #col2.col, #p4 #col2.col, #p5 #col2.col, #p6 #col2.col, #p9 #col2.col {
	width:24.5%;
	vertical-align:top;
	padding:0px;	
}
#p7 #col1.col {
	width : 70%;
	padding-left : 50px;
}
#p7 #col2.col {
	padding : 20px 0 0 5px;
}
#p8 #col1.col{
	width : 70%;
	padding-left : 20px;
}
#p8 #col2.col {
	padding : 50px 0 0 5px;
}

.fixed {
	position: fixed;
}
}
/*</min-width:730px>*/

/*<min-width:800px>*/
@media (min-width:800px) {
.myspace{
	margin-top:-4em;
}
}
/*</min-width:800px>*/