/* Created by B&M - Benes&Michl - www.benes-michl.cz */

*                   {outline: none; }
body                {text-align:center;padding:0;margin:0;font-family:Arial;font-size: 12px;font-weight: normal; background: #3F3F3F url(../images/bg.jpg) repeat center top; color:#767575;}
#page               {text-align: left;}

a                   {color:#6C6C6C; text-decoration: underline;}
a:hover             {text-decoration: none;}
a img               {border: none;}

h1                  {font-size: 30px; color: #fff; padding: 15px 0 10px 15px; border-bottom: 1px #161616 solid; margin: 0 }
h2                  {font-size: 24px; color: #fff; margin: 15px 0}
.home h2            { margin: 30px 0 15px 0}
h3                  {font-size: 12px; color:#fff; margin: 0 ;}

p                   {line-height: 140%;}
hr                  {width: 100%; border: 0px; border-top: 1px #161616 solid; border-bottom: 1px #474747 solid; }

.rel                {position: relative;}
.hid                {display: none;}

#logo               {margin: 30px 0 0 32px;display: block; float: left;}
#menu               {margin: 43px 0 0 ; position: relative; z-index: 9999;}
#menu div           {position: relative;  z-index: 9999;}
#menu > div:first-child{background: url(../images/arrow_bottom.png) no-repeat 113px 18px; height: 42px; float: left;}
#menu > div:first-child > a {padding-right: 27px;}
#menu a             {display: block; float: left; padding: 12px 17px; color:#B6B6B6; font-size: 15px; text-decoration: none; margin-right: 2px;}
#menu a.active      {background: url(../images/black_30.png) repeat ; color:#fff;}
#menu a:hover       {background: url(../images/black_30.png) repeat ;}
#menu .sub_0        {display: none; position: absolute; top: 40px; left: 0px; width: 195px; background: url(../images/black_80.png) repeat; padding: 10px 0 ; z-index: 99999;}
#menu div:hover 
  .sub_0            {display: block;}
#menu .sub_0 a      {border-top: 1px #474747 solid; width: 161px; float: none;}
#menu .sub_0 
  div:first-child a {border: 0px }
#menu .sub_0 
  a.active,
#menu .sub_0 
  a:hover           {background: #000 url() ;}


#cycle              {background: url(../images/slider_bg.png) no-repeat left top; width: 948px; height: 541px; position: relative;}
#cycle .items       {width: 920px; height: 448px; margin: 10px 0 0 14px;}
#cycle .items img   {display: none;}
#cycle .items 
  img:first-child   {display: block;}
  
 

#cycle .slider      {margin: 15px 0 0 58px; width: 672px; height: 11px;}  
.ui-widget-content  {background: url(../images/slider_line.png) repeat-x top; border:0px; cursor:pointer}
#cycle .slider 
  .ui-slider-handle {width: 33px; margin-left:-15px; background: url(../images/slider_button.png) repeat-x top; height: 14px; border: 0px; top: 0; cursor: pointer;}
#cycle .camera      {position: absolute; right: -55px; bottom: -25px; z-index: 999999;}
#cycle .cycle_menu  {padding-left: 25px;}
#cycle .cycle_menu a{color:#6C6C6C; display: block; float: left; height: 40px; line-height: 45px; padding: 0 15px ; margin: 13px 1px 0 0 ; text-decoration: none;}
#cycle .cycle_menu 
  a:hover,
#cycle .cycle_menu 
  a.active          {background: url(../images/black_40.png) repeat ;}
#cycle .cycle_menu 
  a.active          {color: #fff;}
  
  

  
  
.right_slider       {background: url(../images/right_col_photo_bg.png) no-repeat top; width: 216px; height: 259px; padding: 17px 0 0 15px; position: relative; margin: 25px 0 100px; left: -5px}
.right_slider .canon{position: absolute; bottom: -87px; left: 0; z-index: 9999999;}
.right_slider .items img {width: 200px !important;height: 212px !important;}

.ref_slider         {background: url(../images/right_col_ref_bg.png) no-repeat top; width: 161px; height: 393px; padding: 35px 35px 0 35px; position: relative; margin: 25px 0 100px; left: -5px}
.ref_slider .canon  {position: absolute; bottom: -35px; left: 0; z-index: 9999999;}
.ref_slider .arrow_left{top: 0px; left: 0px;}
.ref_slider .arrow_right{top: 0px; left: 145px;}
#ref_control        {text-align: center; margin-top: 20px;}
#ref_control div    {display: inline;}
#ref_paging         { color:#6C6C6C;}
#ref_paging a       {display: none; color:#6C6C6C; text-decoration: none;}
#ref_paging a.activeSlide{display: inline;}

.ref                {background: url() !important}
.ref .text          {font-style: italic; margin-bottom: 35px;}
.ref img            {float: left; margin-right: 12px;}
.ref .name          {color: #D0D0D0;}

.arrow_right,
.arrow_left         {display: block; background: url(../images/arrow_right.png) no-repeat top; width: 20px; height: 21px; cursor: pointer; position: absolute; top: 469px;left: 758px;} 
.arrow_left         {background: url(../images/arrow_left.png) no-repeat top;left: 14px; }
.arrow_right:hover,
.arrow_left:hover   {background-position: bottom;}  

.clanek             {padding: 25px 0 0}
.padding            {padding-left: 15px;}

.calendar_item      {padding: 23px 0 0 15px; }
.calendar_list      {background: url(../images/calendar.png) no-repeat ; width:69px; padding-top: 35px; height:52px; text-align: center; float:left; margin-right: 25px;}
.calendar_list .month{font-size: 11px; color: #898989; font-weight: bolder; display: inline; line-height: 11px;}
.calendar_list .day {font-size: 30px; color: #5B5B5B; font-weight: bolder; display: inline; line-height: 30px;}

.calendar_item .text{padding-top: 15px;}
.calendar_item .text
  strong            {color:#D5D5D5}
.calendar_item .text
  p                 {margin-top: 0; padding-right: 60px;}
.calendar_item h3   {margin-bottom: 3px;}
.calendar_item h3 a {color:#D5D5D5; text-decoration: none;}
.calendar_item h3 a:hover {text-decoration: underline;}  
  
.news_item          {width:220px; margin-left: 20px; float: left;}
.news_item:first-child {margin-left: 0;}  
.news_item h3       {margin: 0 0 5px ; }

.article_bg         {background: url(../images/article_bg.png) no-repeat top; width: 960px; }

#contact_form       {}
#contact_form input {background: url(../images/input.png) no-repeat left top; height: 32px; width: 190px; border: 0px ; line-height: 32px; padding: 0 10px ; color: #767575; font-family: arial;}
#contact_form textarea{background: url(../images/textarea.png) no-repeat left top; height: 132px; width: 479px; border: 0px ; padding: 10px ; resize: none; color: #767575; font-family: arial; font-size: 12px; overflow: auto;} 
#contact_form th    {vertical-align: top; padding: 10px 20px 0 0; text-align: right; font-weight: normal; color:#767575; font-size: 14px;width: 54px}
#contact_form td    {padding-bottom: 5px;}

.button             {display: block; padding: 14px ; float: right; margin-left: 17px; font-size: 13px; line-height: 13px; text-decoration: none; color:#fff;}
.button.del         {background: url(../images/vymazat.png) repeat-x top; color:#C1C1C1}
.button.submit      {background: url(../images/odeslat.png) repeat-x top; font-weight: bolder; margin-right: 107px;}
.button:hover       {background-position: bottom;}

.page_kontakt .clanek strong,.page_kontakt .clanek strong a{color: #fff;}
.page_reference .clanek img{margin: 0 20px 20px 0 ;}

.err                {background: #BA2C25 url() ;display: block; border: 0px ; color: #FFFFFF; padding: 15px 20px ; font-weight: bolder; line-height: 150%; margin-bottom: 20px;}
.not                {background: #555555 url() ;display: block; border: 0px ; color: #cccccc; padding: 15px 20px ; font-weight: bolder; line-height: 150%; margin-bottom: 20px;}

.paging             {display: block; text-align: center; margin: 45px 0 0px  }
.paging .paging_cont{display: inline-block; margin: 0 auto ; &display:block; &margin-left:250px}
.paging .left       {display: block; width: 20px; height: 21px; text-decoration: none; background: url(../images/arrow_left.png) no-repeat top; float: left; margin-right: 15px;}
.paging .right      {display: block; width: 20px; height: 21px; text-decoration: none; background: url(../images/arrow_right.png) no-repeat top;float: left; margin-left: 15px;}
.paging .num        {display: block; width: 29px; height: 24px; text-decoration: none; float: left; color:#6C6C6C; line-height: 24px; position: relative; top:-2px}
.paging .num.active {background: url(../images/paging_active.png) no-repeat top; color:#fff; font-weight: bold;}
.paging .num:hover  {text-decoration: underline;} 
.paging .left:hover,
.paging .right:hover{background-position: bottom;}     


.layout_gallery     {padding-bottom: 100px;}
.layout_gallery h1  {border: 0px; font-size: 24px; padding-left: 20px;  }
.gallery_camera     {position: absolute; bottom: -30px; right: 0px}

.gallery            {margin: 0px 0 0 0px;}   
.gallery h1         {margin:10px 0 0  0px;}
.gallery .item      {display: block; float: left; margin: 0 8px 45px 0;}
.gallery .item.small_t{width:138px; height: 96px; margin: 0 0 30px  30px;}
.gallery .item a    {display: block; color:#E3E2E2; text-decoration: none;}
.gallery .item a .bg{background: url(../images/bg_gallery_item.png) repeat; padding: 6px ; margin-bottom: 3px; display: block;}
.gallery .item a:hover .bg{background: url(../images/bg_gallery_item_hover.png) repeat }
.gallery .item a img{border: 3px #838282 solid;width:209px;height:146px;}
.gallery .item.small_t a img {width:138px; height: 96px;}
.gallery .item a .bg.text{height: 50px; padding-left: 10px; width: 211px; }
.gallery .item a .bg.text span{padding-left: 28px; background: url(../images/arrow_gallery.png) no-repeat left center; display: block; height: 50px; display: table-cell; &dispay:block; vertical-align: middle; }
                /*
.gallery .paging             {display: block; text-align: center; margin: 25px 0 0px  }
.gallery .paging .paging_cont{display: inline-block; margin: 0 auto 34px; &display:block; &margin-left:250px}
.gallery .paging .left       {display: block; width: 31px; height: 31px; text-decoration: none; background: url(../images/arrow_paging.png) no-repeat left top; float: left; margin-right: 7px;}
.gallery .paging .right      {display: block; width: 31px; height: 31px; text-decoration: none; background: url(../images/arrow_paging.png) no-repeat right top; float: left; margin-left: 7px;}
.gallery .paging .num        {display: block; width: 42px; text-align: center; height: 24px; text-decoration: none; float: left; color:#EBE9EB; line-height: 24px; position: relative; top:-2px; font-size: 14px; }
*/
.gallery .paging .num.active {background: url(../images/paging_gallery_active.png) no-repeat center center; font-weight: bold;}
.gallery .paging_center      {display: inline-block;}
/*
.gallery .paging .num:hover  {text-decoration: underline;} 
.gallery .paging .left:hover {background-position: left bottom;}
.gallery .paging .right:hover{background-position: right bottom;}  
                     */
.crumb              {font-size: 14px;color:#E3E2E2; margin: 18px 0 0 20px ; width: 500px}
.crumb a            {font-size: 14px;color:#E3E2E2; padding-right: 12px; margin-right: 7px; background: url(../images/arrow_crumb.png) no-repeat right center;text-decoration: none;}
.crumb a:hover      {text-decoration: underline;}

.sort               {position: absolute; top: 20px; right: 35px;}
.sort a             {padding-left: 12px; font-size: 11px; margin-left: 50px; background: url(../images/arrow_sort.png) no-repeat left center; color:#E3E2E2}
.sort a.active      {font-weight: bold;}


.date               {font-size: 13px; margin-left: 20px; color:#fff; margin-bottom: 15px;}




#footer             {padding: 55px 0 30px 0}
#footer .copy       {margin: 55px 0 0 40px; float: left; width: 200px;}
#footer .bm         {margin: 55px 40px 0 0; float: right; width: 300px; text-align: right; color: #515050;}
#fb                 {display: block; background: url(../images/fb.png) no-repeat top; width:37px; height: 40px; text-indent: -99999px; float: right; position: relative; top: -10px}
#fb:hover           {background-position: bottom;}