* { padding: 0; margin: 0; }
body { height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #CCC; }

a { text-decoration: underline; color: #CCC; }
a:hover { text-decoration: none; }

form { padding: 0; margin: 0; }

.bold { font-weight: bold; }
.small { font-size: 0.85em; }
.big { font-size: 1.2em; }

.color1 { color:; }
.color2 { color:; }

.floatleft { float: left; }
.floatright { float: right; }
.floatcenter { display: block; margin: 0 auto; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.algincenter { text-align: center; }

.cleaner { clear: both; font-size: 0px; line-height: 0em; padding: 0; margin: 0;}
.cleaner-small-padding { clear: both; font-size: 0px; line-height: 0em; padding: 5px; margin: 0;}
.cleaner-padding { clear: both; font-size: 0px; line-height: 0em; padding: 10px; margin: 0;}
.cleaner-big-padding { clear: both; font-size: 0px; line-height: 0em; padding: 15px; margin: 0;}

h1, h2, h3  { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 0 0 10px 0; margin: 0; font-weight: normal; line-height: 1.3em; color: #FFF; text-shadow: 2px 2px 0px #000000; -ms-filter: dropshadow(color=#000000, offx=2, offy=2); }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 17px; }

p { line-height: 1.7em; text-align: justify; padding-bottom: 15px;}
p.no-padding { padding-bottom: 0; }

ul { padding-left: 15px; padding-bottom: 15px; line-height: 2em; }

div#preloader { position: fixed; z-index: 999; width: 100%; height: 100%; background: #201E1E url(../images/ajax-loader.gif) no-repeat center center; }
div#preloader span { display: block; padding-top: 15%; font-size: 32px; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; line-height: 1.3em; color: #FFF; text-shadow: 2px 2px 0px #000000; -ms-filter: dropshadow(color=#000000, offx=2, offy=2); }

#wrapper { width: 100%; height: 100%; position: absolute; top: 0;left: 0; overflow: hidden; }
#mask { width: 100%; height: 400%; overflow: hidden; }
.item { width: 100%; height: 25%; display: block; position: relative; overflow-x: hidden; overflow-y: scroll; }	
.content { width: 810px; padding: 10px 15px 5px 15px; overflow: auto; overflow-x: hidden; margin: 0 auto; background-color: #201e1e; color: #CCC; z-index: 0; -webkit-border-bottom-right-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-radius-bottomright: 9px; -moz-border-radius-bottomleft: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; }
.footer { width: 810px; padding: 0px 15px 10px 12px; margin: 0 auto; color: #777; z-index: 0; text-shadow: 0px 1px 0px #ebebeb; -ms-filter: dropshadow(color=#ebebeb, offx=0, offy=1); }
.footer a { color: #777; }
.footer a.panel { padding: 0 3px; }

.activ-sign { margin: 0 auto; width: 840px; height: 88px; z-index: -1; position: relative; }
.activ-sign .topcut { display: block; position: absolute; left: -25px; bottom: -15px; }
.activ-sign .menu1 { display: block; position: absolute; left: 63px; bottom: -4px; }
.activ-sign .menu2 { display: block; position: absolute; left: 222px; bottom: -4px; }
.activ-sign .menu3 { display: block; position: absolute; left: 370px; bottom: -4px; }
.activ-sign .menu3, x:-moz-any-link, x:default { display: block; position: absolute; left: 375px; bottom: -4px; }
.activ-sign .menu4 { display: block; position: absolute; left: 501px; bottom: -4px; }
.activ-sign .menu4, x:-moz-any-link, x:default { display: block; position: absolute; left: 517px; bottom: -4px; }

.bg { position: absolute; top: 0; margin: 0 auto; width: 100%; height: 100%; z-index: -5; }

.header-wrapper { position: absolute; top: 0; left: 0; background: #201e1e; height: 70px; width: 100%; z-index: 0; border-bottom: 1px solid #FFF; }
.header { width: 830px; height: 60px; padding: 5px 15px; top: 0px; background: #201e1e; margin: 0 auto; position: relative; z-index: 5; border-bottom: 1px solid #FFF; }
.header .logo { position: absolute; top: 14px; left: 15px; border: 0px solid; }
.header .navigation { color: #FFF; padding: 0; margin: 0; list-style: none; list-style-position: inside; position: absolute; top: 25px; left: 148px; text-shadow: 2px 2px 5px #000000;
-ms-filter: dropshadow(color=#000000, offx=2, offy=2); }
.header .navigation li { float: left; padding-left: 55px; padding-top: 0px; }
.header .navigation li a { color: #FFF; text-decoration: none; color: #CCC; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; line-height: 1.1em; }

.logos { width: 50%; margin-left: 15px; margin-top: 10px; float: right; border-left: 1px solid #333; }
.logos td { height: auto; text-align: center; vertical-align: middle; padding-top: 25px; }
.logos td.title { text-align: center; height: auto; padding: 0; margin: 0; }

.contact-info-wrapp { float: left; width: 40%; position: relative; }

.temp-out { position: absolute; top: -5px; right: -239px; z-index: 1; }

.contact-form { position: relative; padding: 15px 15px 0px 15px; background: #2B2929; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; float: right; border-top: 1px solid #474545; border-bottom: 1px solid #0F0D0D; }
.contact-form td { padding: 0 0 15px 0; }
.contact-form .label { padding-top: 8px; padding-right: 15px; text-align: right; }
.contact-form .textfield { width: 350px; border: 0px solid; padding: 7px 9px; color: #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #201e1e; border-bottom: 1px solid #474545; border-top: 1px solid #0F0D0D; }
.contact-form .textfield.kontrola { width: 50px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; }
.contact-form .textarea { height: 120px; width: 350px; padding: 7px 9px; color: #CCC; font-size: 15x; font-family: Arial, Helvetica, sans-serif; border: 0px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #201e1e; border-bottom: 1px solid #474545; border-top: 1px solid #0F0D0D; background: #201e1e; }
.contact-form .captcha { height: 29px; width: 100px; display: block; border-bottom: 1px solid #474545; border-top: 1px solid #0F0D0D; }
.contact-form .button { float: right; padding: 7px 9px; background: #201e1e; border: 0px solid; color: #CCC; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #201e1e; border-bottom: 1px solid #474545; border-top: 1px solid #0F0D0D; cursor: pointer; }


/* SLIDER */
.slide-wrapper { width: 840px; position: relative; margin: 0 auto; padding: 0; background: transparent no-repeat bottom center url(../slider/slider-bg.png); }

.slides { width: 840px; margin: 0 auto; }
.slides div { width: 840px; height: 300px; overflow: hidden; position: relative; z-index: -999; }
.slides div h1 { letter-spacing: -0.09em; font-weight: normal; line-height: 0.95em; padding-top: 0px; font-size: 150px; text-align: center; color: #3eb0ff; }

#nav { width: 100%; position: absolute; bottom: -20px; margin: 0; text-align: center; } /*z-index: 0; */
#nav a { display: inline-block; height: 15px; width: 15px; padding: 0; margin: 5px; font-size: 0px; text-decoration: none; background: no-repeat center top url(../slider/navigation-point.png); color: #201e1e; }
#nav .activeSlide { background-position: center bottom;  }

#next, #prev { display: block; width: 40px; height: 77px; position: absolute; top: 70px; background-image: url(../slider/arrows-small.png); font-size: 0px; text-decoration: none; } /*z-index: 0; */
#next { float: right; background-position: top right; right: -40px; }
#prev { float: left; background-position: top left; left: -40px; text-align: right; }

/* THUMBS */
.boxgrid { width: 269px;  height: 176px; margin: 0px 1px 1px 0px; float: left; border: solid 0px; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p { padding: 0; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }
.boxcaption {  float: left; position: absolute; height: 85px; width: 100%;
	background: #201e1e;
	background: rgba(32, 30, 30, 0.9); 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.caption .boxcaption { padding: 7px 10px 0 10px; top: 144px; left: 0; line-height: 1.2em; }
.caption .boxcaption p { font-size: 11px; color: #DFDFDF; text-shadow: 1px 1px 0px #000000; -ms-filter: dropshadow(color=#000000, offx=1, offy=1);}
.caption .boxcaption a { color: #CCC; }
.caption .boxcaption h3 { font-weight: normal; font-size: 20px; line-height: 1.0em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; padding-bottom: 9px; color: #FFF; }