/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.gif) top center repeat; border:0; font:13px Arial, Helvetica, sans-serif; color:#686868; line-height:18px; min-width:960px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

/* Global Structure ============================================================= */

.body1{ background:url(../images/bg_img.jpg) top center no-repeat}

.box{ position:relative; background:#fff;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); position: relative;}

/* ============================= main layout ====================== */

a{ color:#686868; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:15px 0 0 29px}
h2{ font:28px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; line-height:34px; color: #000000; padding:31px 0 14px 0;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ width:100%; overflow:hidden}

#top{ font-size:10px; text-transform:uppercase; color:#010000; overflow:hidden; padding:12px 3px 10px 0}
#top a{ text-decoration:none}
#top a:hover{ text-decoration:underline}
#top nav{ float:right;}
#top nav li{ float:left; padding-right:8px; background:url(../images/line_top.gif) right 6px no-repeat; margin-right:7px;}
#top nav .no_bg{ background:none; padding-right:0; margin-right:0}

header .box1{ width:100%; overflow:hidden; height:121px; background:url(../images/bg_top.jpg) 0 0 no-repeat; line-height:20px; color:#4e4e4e; text-transform:uppercase;}
header .box1 .right{ text-align:right; padding:42px 41px 0 0}
	
#logo{ display:block; background:url(../images/logo3.gif) no-repeat; width:216px; height:92px; text-indent:-5000px;}

#menu_box{ position:relative; overflow:hidden; width:100%; z-index:20;}
#menu{ position:absolute; z-index:20; width:225px;  right:60px; top:10px; background:url(../images/bg_menu_button.png) no-repeat}
#menu a{ font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; line-height:26px; text-align:center;text-transform:uppercase; display:block; padding-bottom:8px;}

#menu nav { position: absolute; z-index:20; padding:19px 0 0 0;position:absolute; width:225px; background:#fff; right:0; top:-400px;}
#menu nav li { width:185px; padding:0 20px 0 20px; margin-top:-1px; position:relative; visibility:hidden;}
#menu nav .no_bg { padding-bottom:5px;}
#menu nav .box_bot{ height:20px; width:225px; overflow:hidden; background:url(../images/box_bot.png) no-repeat; position:absolute}

#menu nav .no_bg a, #menu nav .ul_1 .no_bg a, #menu nav li:hover .ul_1 .no_bg a { background:none;}
#menu nav li a{ line-height:41px; padding-bottom:0; margin:0 -5px; padding:0 5px; background:url(../images/menu_bg.gif) bottom center no-repeat;}
#menu nav li:hover a, #menu .menu_active a, #menu .menu_active.no_bg a, #menu .active a, #menu nav .ul_1 li:hover a, #menu li:hover .ul_1 .menu_active a, #menu nav li:hover .ul_1 .no_bg a:hover, #menu nav li .ul_1 li a:hover{ background: url(../images/menu_active.gif) no-repeat; color:#fff;}

#menu nav li .ul_1{ visibility:hidden; width:250px;position:absolute; margin-left:-250px; top:-20px; padding-top:1px;}
#menu nav li .ul_1 li{background: #fff;}
#menu nav li .ul_1 li a, #menu nav li:hover .ul_1 a{ background:url(../images/menu_bg.gif) top no-repeat; color:#000}
#menu nav li .ul_1 .no_bg{ background:#fff; padding-bottom:0}
#menu nav li .ul_1 li:hover{}

#menu nav li .ul_1 .box_top, #menu nav li .ul_1 .box_bot{ height:20px; width:225px; overflow:hidden; background:url(../images/box_bot.png) no-repeat;}
#menu nav li .ul_1 .box_top{ background:url(../images/box_top.png) no-repeat}

/*--- slider begin ---*/

#faded { margin-top:10px; position:relative; z-index:1}
#faded .rap { background: none; height:267px !important; overflow:hidden;}

#faded .rap li{  height:267px;width:940px; overflow:hidden; list-style-type:none; background:#fff;}

#faded .navigation{ position: absolute; width:84px; height:45px;background:#fff;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(js/PIE.htc); left:20px; bottom:20px; z-index:20}

#faded .prev, #faded .next{ display:block; position:absolute; z-index:2; width:31px; height:31px; text-indent:-5000px; top:7px !important;}
#faded .prev{ background:url(../images/marker_left.jpg) no-repeat; left:7px !important;}
#faded .next{background:url(../images/marker_right.jpg) 0 0 no-repeat; right:7px !important;}
#faded .next:hover { background:url(../images/marker_right_active.jpg) no-repeat}
#faded .prev:hover { background:url(../images/marker_left_active.jpg) no-repeat}	

#page1 #faded .rap { background: none; height:557px !important; overflow:hidden;}
#page1 #faded .rap li{  height:557px;width:940px; overflow:hidden; list-style-type:none; background:#fff;}

/*--- slider end ---*/

/* ============================= content ====================== */

#content{ width:100%; overflow:hidden}

.marg_right1{ margin-right:16px}
.pad_bot1{ padding-bottom:28px;}
.pad_bot2{ padding-bottom:37px;}
.pad_bot3{ padding-bottom:11px;}
.marg_img{ margin:7px 0 -7px 0}
.pad_top_none{ padding-top:0}

.under{ border-bottom:1px solid #dbdbdb; margin-bottom:24px;}
.under2{ background:url(../images/line_hor1.gif) bottom center no-repeat; padding-bottom:13px; margin-bottom:12px;}

.font1{ font:17px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:20px; padding:12px 0 9px 0; color:#000000; text-transform:uppercase;}
.font2{ font-size:11px; text-transform:uppercase; color:#000000}  


.button{ background:#000000; display:inline-block; font-size:10px; text-transform:uppercase; color:#fff; text-decoration:none; line-height:29px; padding: 0 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position:relative;}
.button:hover{ background:#e2e2e2; color:#000}

.list1{ margin:-2px 0}
.list1 li{ line-height:29px; background:url(../images/line_hor1.gif) bottom center no-repeat; font-size:11px; text-transform:uppercase; width:100%; overflow:hidden}
.list1 li a{ color:#959595; text-decoration:none; padding-left:30px; background:url(../images/marker_1.jpg) 0 5px no-repeat; display:block}
.list1 li a:hover{background:url(../images/marker_1_active.gif) 0 5px no-repeat;}
.list1 .no_bg{ background:none}
.list1 span{ color:#000;}
.stars_full{ float:right; background:url(../images/stars_active.gif) no-repeat; width:48px; height:8px; margin:10px 15px 0 0;}
.stars_full span{ height:8px; float:right; background:url(../images/stars.gif) right top repeat-x}
.stars_0{ width:100%;}
.stars_1{ width:80%;}
.stars_2{ width:60%;}
.stars_3{ width:40%;}
.stars_4{ width:20%;}


.pdf{ background:url(../images/page2_img2.jpg) 0 0 no-repeat; padding-left:62px; line-height:55px; display:block; color:#000}

/*---gallery1 begin ---*/
.carousel-box .inner1{ position:relative; padding-top:6px; font-size: 10px; width:100%; overflow:hidden }
.gallery1{ float:left;}
.gallery1 li{ float:left; padding-right:10px; color:#000; width:114px;}
.gallery1 li a{ margin-bottom:11px; display:block}
.gallery1 li span{ font-size:10px; color:#696969; display:block; padding-top:1px;}
.inner1 .next3{ position:relative; background:url(../images/marker_right3.gif) no-repeat; width:24px; height:152px; float:right; cursor:pointer}
.inner1 .prev3{position:relative; background: url(../images/marker_left3.gif) no-repeat; width:24px; height:152px; float: left; cursor:pointer; margin-right:17px;}
.inner1 .next:hover{ background:url(../images/marker_right3_active.gif) no-repeat}
.inner1 .prev:hover{ background:url(../images/marker_left3_active.gif) no-repeat}

/*---calendar begin ---*/
.carousel-box .inner2{ position:relative; padding-top:6px; width:259px;}
.calendar{ width:100%; overflow:hidden;}
.calendar li{ width:100%; position:relative; height:310px}
.calendar h2{ font-size:20px; line-height:26px; padding: 0 0 17px 0; text-align:center; font-weight:normal;}
.inner2 .next2{ position: absolute; z-index:4; display:block; background:url(../images/marker_right2.gif) no-repeat; width:14px; height:23px; top:6px; right:5px;}
.inner2 .prev2{position: absolute; z-index:4; display:block; background: url(../images/marker_left2.gif) no-repeat; width:14px; height:23px; top:6px; left:3px;}
.inner2 .next2:hover{ background:url(../images/marker_right2_active.gif) no-repeat}
.inner2 .prev2:hover{ background:url(../images/marker_left2_active.gif) no-repeat}

.calendar td{ width:37px; line-height:39px; border-bottom:1px solid #d7d8d4; color:#000; text-align:center}
.calendar .active{ background:#d7d8d4}
.calendar th{ line-height:28px; border-bottom:8px solid #fff;background:#0c0c0c; color:#fff; text-transform:uppercase; width:37px; font-weight:normal; text-align:center}
.calendar .no_bg td{ border:0}

.link1{ display:inline-block; color:#000; padding-right:10px; background:url(../images/marker_3.gif) right 8px no-repeat; margin-top:6px; margin-bottom:11px;}
.link3{ text-decoration:none}
.link3:hover{ text-decoration:underline}

.cena{ font:17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; display:inline-block; padding:3px 8px 0 0; width:60px;}

#page3 figure{ margin-top:6px;}
#page3 strong{ color:#000; display:block}
#page4 figure{ margin-bottom:20px;}
#page4 .pad_bot3{ padding-bottom:15px}
#page5 .font1{ padding-top:14px;}

.gallery{ padding-top:6px; padding-bottom:4px;}
.gallery li{ float:left; padding-right:9px; padding-bottom:10px;}

.downloads { margin-right:18px;}
.downloads li{ padding:7px 0 8px 0; width:100%; overflow:hidden; background:#f0f0f0}
.downloads .bg_none{ background:none}
.downloads li span{ width:175px; float: left; padding-right:22px; background:url(../images/marker_2.gif) right center no-repeat}
.downloads li a{ float:right; margin-top:7px; line-height:23px; padding:0 7px}

#gallery2{ width:100%; overflow:hidden} 

.pages{ width:100%; overflow:hidden; padding:6px 0 29px 0; position:relative}
.pages li{ float:left; padding-right:1px; position:relative}
.pages li span{ font-size:10px; color:#gallery; line-height:24px; background:#e2e2e2; display:block; text-decoration:none; text-transform:uppercase; color:#000;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position:relative; height:24px; cursor:pointer}
.pages li span:hover, .pages li span.active{ background:#000; color:#fff;}
.pages .page{ width:24px; text-align:center}
.pages .last, .pages .first{ padding:0 10px;}
.pages .next{ background:url(../images/marker_right4.gif) no-repeat; width:24px; height:24px; display:block;}
.pages .next:hover{ background:url(../images/marker_right4_active.gif) no-repeat}
.pages .prev{ background:url(../images/marker_left4.gif) no-repeat; width:24px; height:24px; display:block;}
.pages .prev:hover{ background:url(../images/marker_left4_active.gif) no-repeat}

section{ width:100%; overflow:hidden}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block;}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/magnify.png) no-repeat 50% 50%;z-index:1;}

.tittle{ color:#a6a6a6; font-size:12px;}
.tittle span{ font-size:14px; color:#1f1f1f; text-decoration:underline; display:block; text-transform:uppercase}

.box_map{ background:#f0f0f0; border:1px solid #cbcbcb; padding:5px; float:left;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position: relative;}
.box_wrap{ width:337px; height:303px; overflow:hidden}
iframe{ margin-top:-3px}

.cols{ width:180px; }

.link2{ font-weight:bold; text-decoration:none}
.link:hover{ text-decoration:underline}

/* ============================= footer ====================== */

footer { font-size:10px; text-transform:uppercase; color:#000000; padding:0 30px 24px; line-height:12px}
footer a{ color:#000000; text-decoration:none}
footer a:hover{ text-decoration:underline}

/* ============================= forms ============================= */

#ContactForm {}
#ContactForm .wrapper{ margin-bottom:5px;}
#ContactForm .bg{ float:left; background:#e5e5e5;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; behavior: url(js/PIE.htc); position: relative;}
#ContactForm a{ float:right; margin-top:12px;}
#ContactForm .input {width:323px; height:15px;background: none; padding:8px 11px;color:#686868; font:13px Arial, Helvetica, sans-serif; margin:0}
#ContactForm textarea { overflow: auto;width:518px; height:265px;background: none; padding:8px 11px;color:#686868; font:13px Arial, Helvetica, sans-serif; margin:0}