body {
    font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif;
	/*font-family:Verdana,'Arial CE','Helvetica CE',Arial,helvetica,sans-serif;*/
	color:#000000;
	background-color: #ffffff;
	font-size: 0.9em;
	margin: 0;
}

a { color: #91B511; font-weight: bold; }
a:hover { color: #5963C2;}

img { border: 0; }

/* bgs */
.bg1 { background-color: #231f20; }
.bg2 { background-color: #cbdb2a; }

#header { width: 780px; height: 125px; background-color: #231f20; margin: auto; border-bottom: solid 2px #ffffff; }

#header .infoline { height: 27px; line-height: 27px; background: url(imgs/header_infoline_bg.gif) repeat-x; text-align: right; padding-right: 18px; font-size: 0.9em; font-weight: bold; }
#header .logo {  width: 380px; float: left; padding: 42px 0px 0px 16px; }
#header .lang { visibility: hidden;  width: 180px; float: right; padding: 14px 18px 0px 0px; text-align: right; color: #cbdb2a; font-weight: bold; font-size: 0.9em; }
#header .lang a { color: #cbdb2a; text-decoration: none; }

#header .search {  width: 180px; float: right; padding: 14px 18px 0px 0px; text-align: right; color: #cbdb2a; font-weight: bold; font-size: 0.9em; }
#header .search input.text {  width: 100px; color: #000; font-size: 0.9em; }
#header .search input.button {  width: 40px; background-color: #cbdb2a; color: #000; font-size: 0.9em; }


#header-content { width: 780px; border-top: solid 5px #231f20; background: url(imgs/content_bg.gif) repeat-y; margin: auto; }

#navigation { width: 210px; border-top: solid 2px #231f20; border-left: solid 2px #231f20; border-bottom: solid 2px #231f20; font-size: 0.75em; }

#navigation .menu-button-1 { text-align: left; height: 16px; background: url(imgs/button_1_bg.gif) no-repeat scroll 0 -7px; margin-left: 8px; padding: 5px 0px 0px 8px; font-weight: bold; clear: both; }
#navigation .menu-button-2 { text-align: left; height: 16px;  background: url(imgs/button_2_bg.gif) no-repeat scroll 0 -7px; margin-left: 8px; padding: 5px 0px 0px 12px; font-weight: bold; clear: both; }
#navigation .menu-button-1 a { text-decoration: none; color: #000000; }
#navigation .menu-button-1 a:hover { color: #231f20; }
#navigation .menu-button-2 a { text-decoration: none; color: #8f1507; }
#navigation .menu-button-2 a:hover { color: #af2517; }
#navigation .mid { height: 1px; }

#navigation .menu-odd-1 { height: 4px; clear: both; }
#navigation .menu-odd-2 { height: 2px; clear: both; }

/* hide all submenus*/
#smnu1, #smnu2, #smnu3, #smnu4, #smnu5, #smnu6, #smnu7, #smnu8, #smnu9   {display: none;}

#navigation-top { background-color: #cbdb2a; height: 20px; line-height: 20px; color: #000000; font-size: 0.8em; font-weight: bold; }
#navigation-top .menu-button { width: 130px; float: left; text-align: center; }
#navigation-top .menu-button a { color: #000000; text-decoration: none; }

#content { width: 780px; background: url(imgs/content_bg.gif) repeat-y; margin: auto; margin-top: 2px; overflow: hidden; min-height: 500px; }
#content .left { width: 210px; padding: 10px 0px 10px 20px;  float: left; overflow: hidden; }
#content .main { width: 540px; padding: 0px 0px 10px 10px;  float: left; padding-bottom: 20px; overflow: hidden; }

#content .left .box { border: solid 1px #6f8fa6; padding: 1px; }
#content .left .box .header { border-bottom: solid 1px #e6e9ee; background-color: #c1c9d2; padding: 2px 2px 2px 4px; font-size: 11px; font-weight: bold; color: #fa6e07; }
#content .left .box .content { border-top: solid 1px #6f8fa6; padding: 2px 2px 2px 4px; font-size: 10px; }
#content .left .box .content a { color: #6e8ea5; text-decoration: none; }
#content .left .box .content a:hover { color: #fa6e07; text-decoration: underline; }

#content .right .box { border: solid 1px #6f8fa6; padding: 1px; }
#content .right .box .header { border-bottom: solid 1px #e6e9ee; background-color: #c1c9d2; padding: 2px 2px 2px 4px; font-size: 11px; font-weight: bold; color: #fa6e07; }
#content .right .box .content { border-top: solid 1px #6f8fa6; padding: 2px 2px 2px 4px; font-size: 10px; }
#content .right .box .content a { color: #6e8ea5; text-decoration: none; }
#content .right .box .content a:hover { color: #fa6e07; text-decoration: underline; }

#content .right table { width: 100%; }
#content .right td { text-align: center; }
#content .right td img { border: solid 2px #6e8ea5; }

#content .main .box { border: solid 1px #6f8fa6; padding: 4px; }
#content .main .box .header { border-bottom: solid 1px #e6e9ee; background-color: #c1c9d2; padding: 2px 2px 2px 4px; font-size: 11px; font-weight: bold; color: #fa6e07; }
#content .main .box .content { border-top: solid 1px #6f8fa6; padding: 2px 2px 2px 4px; font-size: 10px; }
#content .main .box .content a { color: #6e8ea5; text-decoration: none; }
#content .main .box .content a:hover { color: #fa6e07; text-decoration: underline; }

#content .main .box-inv { border: solid 1px #ff7e27; padding: 4px; background-color: #fa6e07; color: #ffffff;  }
#content .main .box-inv ul { list-style: square; }
#content .main .box-inv ul li { background: none; font-size: 16px; font-weight: bold; margin-left: 40px; }

#content .main .box-offer { padding: 4px; }
#content .main .box-offer h1 { font-size: 20px; font-weight: bold; }
#content .main .box-offer table tr td img { border: solid 2px #6e8ea5; }

/* article */
#content .main .article { padding: 16px 16px 0px 16px; line-height:1.6; /*font-size: 0.8em;*/ }

#content .main .article h1, #content .main .article h2 {
	padding: 0 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
}

#content .main .article h2 { padding: 0; margin-left: 16px; }

#content .main .article h1:first-letter, #content .main .article h2:first-letter { font-size: 1.5em; }

#content .main .article h3 {
background-color:#D6E59A;
border-bottom:4px solid #A7C436;
color:#406627;
font-size:1em;
padding:0.2em 0.8em;
}

#content .main .article p { padding:5px 0px 0px 16px; text-align: justify; }

#content .main .article .author { padding:5px 0; text-align: right; }

#content .main .article p.datetime { padding:0px 0px 0px 16px; color: #6D4B6D; }
#content .main .article p.datetime .print { float: right; }
#content .main .article p.datetime .print a { font-weight: normal; }

#content .main .article .back { border-top: 1px solid #000000; text-align: right; }
#content .main .article .back a { font-weight: normal; }
#content .main .article .back span { float: left; }


/* category */
#content .main .category { padding: 16px 16px 0px 16px; line-height:1.6; /*font-size: 0.8em;*/ }

#content .main .category h1 {
	padding: 0 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #000000;
	margin-bottom: 16px;
}

#content .main .category .art { padding: 0px 0px 0px 16px; text-align: justify; font-size: 0.8em; }
#content .main .category .art h2 { padding: 0px 0px 4px 0px; font-size: 1em; font-weight: bold; text-transform: uppercase; padding-top: 0; line-height: 1.2; }
#content .main .category h1:first-letter, #content .main .category .art h2:first-letter { font-size: 1.5em; }
#content .main .category .art h2 a { color: #000000; }
#content .main .category .art .datetime { padding:0px 0px 0px 0px; font-size: 1em; color: #6D4B6D; }


/* detail */
#content #detail { color: #3c3e40; }

#content #detail .list table { border: solid 1px #005aab; border-spacing: 0px; padding: 1px; font-size: 10px;}
    
#content #detail .list td { border-bottom: solid 1px #308adb; border-left: 0; border-right: solid 1px #e0e0e0; border-top: 0; margin: 0px; padding: 1px 2px 2px 2px; }

#content #detail .list tr.c1 { background-color: #eeeeff; border: 0; margin: 0px; }
#content #detail .list tr.c2 { background-color: #ddddff; border: 0; margin: 0px; }

#content #detail .list th { background-color: #005aab; border: 0; margin: 0px; }

#content #detail table thead th { background-color: #005aab; color: #ffffff; }

#content #detail h1 { font-size: 14px; font-weight: bold; color: #6f8fa6; padding-left: 20px; background: url(imgs/header_bull.gif) 0px 4px no-repeat;  }
#content #detail .photo { width: 300px; float: left; padding-right: 5px; }
#content #detail .photo img { border: solid 1px #005aab; padding: 1px 1px 1px 1px; }
#content #detail .info { width: 300px; float: left; }

#content #detail .attribute { width: 180px; float: left; margin: 0px 5px 5px 5px; padding: 2px;}
#content #detail .attribute .name { font-weight: bold; width: 89px; float: left; }
#content #detail .attribute .text, #content #detail .attribute .yes, #content #detail .attribute .no { width: 89px; float: right; }

#content #detail .thumb { width: 68px; height: 51px; line-height: 51px; float: left; border: solid 1px #005aab; padding: 1px 1px 1px 1px; text-align: center; margin-right: 5px; margin-bottom: 5px;}

#content #detail .thumb a { display: block; width: 68px; height: 51px; }
#content #detail .thumb a img { line-height: 51px;  vertical-align: middle; }
#content #detail .thumb a:hover { background-color: #dddddd; }

#content #detail .error { color: #dd0000; font-size: 12px; font-weight: bold; }
#content #detail .error a { color: #dd0000; }
#content #detail .error a:hover { color: #ffffff; background-color: #dd0000; }

#content #detail .ok { font-size: 12px; font-weight: bold; }
#content #detail .ok a { color: #005aab; }
#content #detail .ok a:hover { color: #ffffff; background-color: #005aab; }

#content #detail .textButton { width: 174px; float: right; color: #005aab; font-size: 10px; border: solid 1px #005aab; padding: 2px 2px 2px 22px; margin-left: 5px; }
#content #detail .textButton a { display: block; text-decoration: none; color: #005aab; padding: 1px 1px 1px 6px; }
#content #detail .textButton a:hover { background-color: #005aab; color: #ffffff; }
#content #detail .print { background: url(imgs/printer.png) no-repeat 3px 1px; }
#content #detail .email { background: url(imgs/email.png) no-repeat 3px 1px; }
#content #detail .photo { background: url(imgs/camera.png) no-repeat 3px 1px; }


#copyright { width: 760px; background-color: #231f20; margin: auto; text-align: left; padding: 12px 10px 32px 10px; font-size: 0.75em; color: #cbdb2a;}
#copyright a { color: #cbdb2a; text-decoration: none; }


.price { font-size: 12px; font-weight: bold; color: #005aab;}

ul { padding: 5px 30px 5px 5px; margin:0; list-style:none; }

ul li { padding:0 0 0 13px; margin: 0px 0px 8px 5px; background:url(imgs/bull_blue.gif) 0 3px no-repeat;}


#photogallery { width: 640px; height: 510px; border: solid 2px #005aab; padding: 2px; font-size: 12px; font-weight: bold; background-color: #ffffff; }
#photogallery .image { width: 640px; height: 480px; vertical-align: middle; line-height: 480px; text-align: center; }

#photogallery .left { width: 100px; height: 30px; line-height: 30px; float: left; text-align: left; }
#photogallery .left a { font-size: 20px; text-decoration: none; color: #005aab; padding: 1px 1px 1px 3px; }
#photogallery .left a:hover { background-color: #005aab; color: #ffffff; }
#photogallery .main { width: 440px; height: 30px; float: left; text-align: center; }
#photogallery .main a { font-size: 10px; text-decoration: none; color: #005aab; padding: 1px 1px 1px 3px; }
#photogallery .main a:hover { background-color: #005aab; color: #ffffff; }
#photogallery .right { width: 100px; height: 30px; line-height: 30px; float: left; text-align: right; }
#photogallery .right a { font-size: 20px; text-decoration: none; color: #005aab; padding: 1px 1px 1px 3px; }
#photogallery .right a:hover { background-color: #005aab; color: #ffffff; }


/* rollout menu */
.menu .options 
{
    font-size: 9px;
    font-weight: bold;
  background-color: #39556a;
  text-align: left;
  border-left: 2px solid #fa6e07;
  border-right: 2px solid #fa6e07;
  border-bottom: 2px solid #fa6e07;
  z-index: 99999 !important;
}

.menu 
{
    z-index: 99999 !important;
}

.menu a {
        display: block;
        padding: 6px 8px 6px 12px;
        line-height: 12px;
        text-decoration: none;
        color: #ffffff;
        border-bottom: 1px solid #7793a8;
 }

.menu a:hover { background-color: #7793a8; }

.menu hr
{
        border: 1px solid #7793a8;
}

#order-form { width: 95%; margin: auto; }
#order-form fieldset { padding: 10px; border: solid 1px #364B94; background-color: #EBEDF4; margin-bottom: 16px; }
#order-form fieldset legend { background-color: #364B94; border: solid 1px #364B94; padding: 1px 4px 1px 4px; color: #fff; font-weight: bold; }
#order-form input, #order-form select, #order-form textarea { border: 1px solid #6979AF;   }
#order-form select, #order-form textarea { width: 200px; margin-bottom: 4px;}
#order-form textarea { width: 100%; padding: 2px; }
#order-form select { width: 200px;}
#order-form tr, #order-form td { vertical-align: top; }


.error { background-color: #ffbbbb; border: solid 1px #990000; color: #000; padding: 10px; margin-bottom: 16px; }
.error ul { margin-left: 16px; }

/*  anketa */
.poll { width: 208px; border-top: solid 2px #231f20; border-left: solid 2px #231f20; border-bottom: solid 2px #231f20; background-color: #ECF2BE; font-size: 0.75em; }
.poll .header { padding-left: 6px; font-size: 16px; font-weight: bold; color: #ffffff; background-color: #000000; }
.poll .inside { padding-left: 6px; padding-right: 6px; }
.poll .inside .question { font-size: 11px; }
.poll .inside .vote-yes { width: 50px; float: left; font-size: 14px; font-weight: bold; }
.poll .inside .vote-no { width: 50px; text-align: right; float: right; font-size: 14px; font-weight: bold; }
.poll .inside .vote-yes a, .poll .vote-no a { color: #000000; }
.poll .inside .vote-yes .percent, .poll .vote-no .percent { font-size: 11px; }
.poll .inside .results-no { width: 196px; height: 8px; background-color: #8C0C04;/*A7A9AC;*/ }
.poll .inside .results-yes { height: 8px; background-color: #ABBB1A;}

/* hp article */
.hp-article { width: 260px; float: left; font-size: 12px; }
.hp-article h3 { font-size: 14px; font-weight: bold; padding-bottom: 4px; }
.hp-article .img { text-align: center; width: 260px; height: 195px; background-color: #f0f0f0; vertical-align: middle; display: table-cell; position: relative; }
.hp-article .img span.playx { position: absolute; display: block; top: -100px; left: -100px; width: 120px; height: 80px; background: url(imgs/youtube-play-button.png) no-repeat; }

/* Social Networks */
.socialnets { border-top: 1px solid #000000; text-align: right; padding-top: 4px; }

#content .left .fbbox { width: 208px; border-top: solid 2px #231f20; border-left: solid 2px #231f20; border-bottom: solid 2px #231f20; background-color: #ECF2BE; font-size: 0.75em; /*position:relative; top:-1px; left:-2px;*/ overflow:hidden;}
#content .left .fbbox iframe { border: 0; padding: 0; margin: 0; border-width: 0px; overflow:hidden; position:relative; top:-1px; left: -1px;}