/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, 
tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
vertical-align: baseline;
background: transparent;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
color: black;
background: white;
}
/* tables still need 
'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
body{
	width:100%;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size:inherit;
	color:#000;
	background:url(images/headerBg.jpg) repeat-x;
}
#all{ width:1000px; margin:0 auto 0 auto;}


table td{ vertical-align:top;}

a{ color:#0000ff; text-decoration:underline;}
	a:hover{ text-decoration:none;}
	
h1, h2, h3, h4{ color:#000; font-weight:100; text-decoration:none; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;}
h1{ font-size:30px;}
h2{ font-size:24px;}
	h2 a{ font-size:24px;}
h3{ font-size:20px;}
h4{ font-size:18px;}
#logo{ width:254px; text-align:center; height:170px; position:relative; z-index:1;}
	#logo img{ margin:25px 0 10px 0;}
	#logo #phone { font-size:16px; color:#FF6600;}
	#logo #phone span.num{ font-size:11px; vertical-align:text-top; }
#header{
	background:url(images/mainImg.jpg) no-repeat;
	width:500px;
	height:170px;
}
	#header #zapis{
	float:right;
	text-align:center;
	left: 10px;
	right: 10px;
	position: relative;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
	*html #header #zapis{ margin-right:15px; width:140px;}
		#header #zapis .title{ font-size:12px; color:#FF6600; text-transform:uppercase; font-weight:bold;}
		#header #zapis form{ margin:10px 0 0 0; width:140px;}
		#header #zapis input.in{ background:url(images/inputBg.jpg) no-repeat; width:157px; height:20px; color:#000; margin:3px 0; padding:0 0 0 5px; font-size:12px; border:none;}
		#header #zapis input.button{ border:0; background: url(images/butttonBg.jpg) no-repeat; cursor:pointer; width:157px; height:30px;}
		
#zapis1{
	margin-bottom: 15px;
	margin-top: 10px;
	width: 157px;
	margin-right: 7px;
	margin-left: 15px;
}
	
		#zapis1 .title{
	font-size:12px;
	color:#FF6600;
	text-transform:uppercase;
	font-weight:bold;
	text-align: center;
	white-space: nowrap;
}
		#zapis1 form{
	width:140px;
	text-align: center;
}
		#zapis1 input.in{ background:url(images/inputBg.jpg) no-repeat; width:157px; height:20px; color:#000; margin:3px 0; padding:0 0 0 5px; font-size:12px; border:none;}
		#zapis1 input.button{ border:0; background: url(images/butttonBg.jpg) no-repeat; cursor:pointer; width:157px; height:30px;}

#menuTd{ background:url(images/bg.jpg) right top no-repeat; width:254px;}
	#menu{
	margin:0px;
	position:relative;
	z-index:2;
	list-style:none;
	line-height:22px;
}
	#menu li{ margin-left:5px;}
	#menu a{ font-size:12px; color:#000; text-decoration:none; position:relative; z-index:5;}
		#menu a:hover{ text-decoration:underline;}
	div#act{
	font-size:14px;
	color:#fff;
	background:#ffc931 url(images/actBg1.gif) left no-repeat;
	width:auto;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -5px;
}
		#actIn{ background:url(images/actBg2.gif) right no-repeat #ffc931; margin-left:5px;  color:#fff;}
	
	ul#smMenu{ list-style:none; border-left:1px dotted #666666; padding:0 0 0 15px; margin:0 0 10px 0;}
		ul#smMenu li a{ font-size:11px; color:#848484; text-decoration:none;}
		
#news{ margin:30px; background:#eff7fa; padding:10px; font-size:11px; color:#000;}
	#news a{ font-size:11px; color:#000; text-decoration:none;}
		#news a:hover{ text-decoration:underline;}
	.date{ margin-bottom:5px;}
	.date .day{ font-size:18px; font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; color:#000;}
	.date .month{ color:#fff; font-size:11px; background:#6fbcce; padding:0 2px;}
	a#link{ font-size:11px; color:#848484; text-decoration:underline; float:right;}
	
	
/*right*/
#link{ font-size:11px; margin:20px; color:#848484;}
	#link a{ font-size:11px; color:#009ed7;}

h1.main{ font-size:36px; color:#00b8cb; text-transform:uppercase; font-weight:bold; letter-spacing:0px; margin:-10px 0 20px 0;}

/*footer*/
.footer{
	border-top:1px dashed #ffa000;
	padding:20px;
	color:#5d5d5d;
	text-align: center;
}

/*forms*/
#content {color:#000;}
     #content form{ margin:0; padding:0;}
          #content dl{ width:450px;}
               #content dl dt{ float:left; width:150px; text-align:right;}
               #content dl dd{ margin:0 0 0 20px; padding:0; float:left;}
     #content input,#content select{ background:#fff; border:1px solid #999999; font-size:12px; width:150px; color:#000;}
     #content input.submit{ background:#999999; color:#fff; font-weight:bold; font-size:11px; width:100px; text-align:center; padding:3px 0 3px 0;}
     #content textarea{ background:#fff; border:1px solid #999999; font-size:12px; width:250px; height:150px;}
     #content img{ margin:10px;}

     #content .otz {margin-bottom:25px;}
     #content .otz .name {color:#a3a3a3;}
     
 .error {margin:40px 0 0 0;}
      .error em {color:red;}

      
 table#calend, table#calend td, th{ border:1px solid #5899d9;}
table#calend { width:100%; margin:15px;}
table#calend td{ padding:15px;}
     th, caption{ text-align:center;}

     
#content #calend submit.submit1{ width:200px; background-color:#d6211e; color:#000;}

/*forms*/
#zapis{margin-top:20px;}
    #zapis form{ margin:0; padding:0;}
          #zapis dl{ width:450px;}
               #zapis dl dt{ float:left; width:150px; text-align:right;}
               #zapis dl dd{ margin:0 0 0 20px; padding:0; float:left;}
     #zapis input,#zapis select{ background:#fff; border:1px solid #999999; font-size:12px; width:150px;}
     #zapis input.submit{ background:#999999; color:#fff; font-weight:bold; font-size:11px; width:100px; text-align:center; padding:3px 0 3px 0;}
     #zapis textarea{ background:#fff; border:1px solid #999999; font-size:12px; width:250px; height:150px;}
     #zapis img{ margin:10px;}
 

  .error{ font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif; font-size:10px; color:#cc0000; font-style:italic; margin-top:0;}
      
.text a.art p{ color:#666666; text-decoration:underline;}
	.text a.art:hover p{ text-decoration:none;}

.book{ margin:0 0 30px 0; padding-bottom:20px; border-bottom:1px dashed #666;}
	.book img{ float:left; margin:0 20px 15px 0;}
.buy{ float:right;}

/*hor menu*/
td#center{ border-left:1px dashed #DBE6EB; border-right:1px dashed #DBE6EB;}
#content ul#horMenu{
	margin:20px 0 20px 10px;
	padding:0;
	color: #333;
}
	#content ul#horMenu li{ list-style:inside none none; float:left; color: #333; width:auto; margin-right:25px; font-size:11px; font-weight:bold;}
	#content ul#horMenu li a{ text-decoration:underline; color: #333;}
	#content ul#horMenu li div#act{
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
	background-color: #CCC;
	background-image: none;
}
	#content ul#horMenu li div#act a{ text-decoration:none; color:#FC0; font-size:12px;}
	
div#annonce{ background:#eff7fa; width:170px; padding:10px; font-size:11px; color:#000;}
	#annonce a{ font-size:11px; color:#000; text-decoration:none;}
		#annonce a:hover{ text-decoration:underline;}
		
/*shop*/
.bookDescr{ margin:20px 0; font-size:13px; color:#000;}
	.bookDescr .bookName { margin:20px 0;}
	.bookDescr .bookName a{ font-size:24px; color:#FFF; background:#0781B9; text-decoration:none;}
	.bookDescr img{ width:100px; height:150px; border:1px solid #0781B9; float:left;}
	
	.bookDescr .more{ margin-top:5px;}
		.bookDescr .more a{ color:#0781B9; font-size:11px; text-decoration:underline;}
		button.buy, button#buy{ background:url(images/buttonBuy.jpg); cursor:pointer; width:86px; height:25px; border:1px solid #1988BD; float:right; margin-bottom:20px;}
                    button#buy{ margin:10px 252px 0 0;}
                button#count{ background:url(images/buttonCount.jpg); cursor:pointer; width:117px; height:25px; border:1px solid #1988BD; float:right; margin-right:3px;}
		
		.divide{ width:100%; height:10px; background:url(images/divideBg.jpg) repeat; clear:both;}



.prev{ margin:10px 0; border-bottom:1px solid #fff;}
	.prev img{ width:45px; height:70px; border:1px solid #0781B9; float:left; margin:0 5px 5px 0;}
	.prev a.name{ color:#FFF !important; background:#0781B9; text-decoration:none !important;}
	
	a#offer{ float:right; color:#0781B9; text-decoration:underline;}
	
/*offer*/
table#offer{ font-size:12px; color:#333; width:100%; border-collapse:collapse; margin:20px 0;}
	table#offer td{ padding:3px; border:1px solid #CCC;}
	table#offer input{ width:inherit;}
	table#offer tr:hover{ background:#C1EBFF;}
	
	#menuTd ul{
	margin-left:10px;
	margin-top: 20px;
}
		#menuTd ul li{
	font-size:14px;
	font-weight:normal;
	list-style:none;
	margin-bottom:0px;
	margin-left: 5px;
}
			#menuTd ul li ul li{ font-weight:100; margin:3px 0 3px 20px; padding:3px;}
			#menuTd ul li ul li a:hover{ background:#0781B9; color:#FFF; padding:3px;}

#trashbin {width:200px;}
#trashbin .ajax_loader{margin:100px 0 0 100px;}

dl#contData dt, dl#contData dd{ margin-bottom:5px;}

.prev a.del_bin{ float:right; color:red !important; border:1px solid red; padding:0 3px; margin-bottom:5px;}

#slogan{
	font-size:18px;
	color:#09F;
	text-align:center;
	margin:120px 0 0 0;
	float:inherit;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
}

#list{ margin:50px 0 0 10px; list-style:none;}
    #list ul li{ list-style:none; color:#999;}
    #list ul li a{ color:#666;}

#map{margin:20px !important;}

#map ul {margin-left:10px;}
#map ul li{ color:#999; margin-left:20px;}

/* Breadcrumbs styling */
ul.breadcrumbs {
	width:100%;
	padding:0 0 .5em 0;
	border-bottom:1px solid #ddd;
       }
ul.breadcrumbs li {
	float: left;
        width: auto !important;
        list-style:none !important;
	margin:10px 10px 0 0;
        font-size:12px;
}
ul.breadcrumbs li strong {
	color:#666;
}
ul.breadcrumbs li:after {
	content:" \00BB";
}

/* Forces blocks to enclose their floated children */
.clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
  /*.clearfix {
    overflow: hidden;
  }*/

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
.clearfix {
    display:block;
	position:relative;
  }

* html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */
    height: 1%;
  }
  /* END: Forces blocks to enclose their floated children */
.clear {
	clear: both;
}

#quest{ margin:20px 0 20px 0; font-weight:bold;}
dl#anketa {}
dl#anketa dd, dl#anketa dt{ float:left; text-align:left; margin-bottom:10px;}
dl#anketa dt{width:30px;}
dl#anketa dd{width:400px;}
dl#anketa dt input.ank{ width:25px; float:left;}
div.but {margin:20px 0 0 0;}




.phonebox {
	float: right;
	font:Georgia;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size:14px;
	position: relative;
	top: 5px;
	right: 0px;
}
.phonebox  tr td {
	white-space: nowrap;
	padding-top: 3px;
	padding-bottom: 3px;
}

.slogan{
	font-size:18px;
	color:#D85700;
	text-align:center;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	position: relative;
	font-weight: bold;
	width: 254px;
}
#table1000 {
	width: 1000px;
}

.slogan1{
	font-size:22px;
	color:#D85700; 
	text-align:center;
	float:none;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	
	top: 140px;
	left: 90px;
}
.slogan2{
	font-size:16px;
	/*	color:#D85700; */
	text-align:center;
	float:none;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	position:absolute;
	top:115px;
	left:280px;
	color:#D85700;

}
.topmenu {
	height:46px;
	clear: both;
	width:100%;
	background-image: url(/templates/images/bgtopmenu1.jpg);
	background-repeat: repeat-x;
	text-align: center;
	
}
.spacer {
	float:left;
	width:50px;
}
.TopMenuItem {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	float: left;
	/*background-image: url(bgtopmenu.jpg);
	background-repeat: repeat-x;*/
	font-weight: bold;
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 13px;
	color: #666;
	padding-top: 14px;
	text-align: center;
	white-space: nowrap;
	
	
}
.TopMenuItem a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}
.TopMenuItem a:hover {
	color: #666;
	text-decoration: underline;
}
.col_left {
	Float: left;
	position: relative;
	width: 240px;
	padding-top:20px;
}
.art_header{
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	background-image:url(/templates/images/art_header2.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	text-align: center;
	height: 24px;
	width: 240px;
}
.art_footer{
	background-image:url(/templates/images/art_footer2.jpg);
	background-repeat:no-repeat;
	color:#666;
	width:240px;
	height: 24px;
}
.art_group{
	background-color:#eff7fa;
	padding-right: 5px;
	padding-left: 5px;
	width: 230px;
	padding-top: 10px;
	padding-bottom: 10px;
	/*#eaf4f5;*/
}
.art_item
{
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:5px;
	padding-top:5px;
	
}
#content{
	color:#000;
	padding: 20px;
	font-size: 14px;
}
	#content p{
	color:#000;
	margin-top: 1.5em;
	margin-bottom: 1em;
	text-align: justify;
}
	#content table td, #content table th{ color:#000;}
	#content img{ margin:10px;}
	#content ul li{ list-style:outside; width:100%; margin-left: 20px;}

h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 20px;
	color:#000080;
}
strong, b {
	font-weight: bold;
}
.pomogaet li:first-letter {
	color: rgb(51, 102, 255);
	font-weight: bold;
}
.dalshe {
	font-style: italic;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
}
#black {
	color: #000;
}