/*# GLOBAL #*/
.LTR, .RTL
{   
   color: black;
   background-color: #2e3037;
   color: #fff;
}

body 
{
   font:normal 15px Sylfaen, Arial, Verdana;
   line-height:18px;   
   margin: 0 0 0 0;   
}

h1
{
   margin: 10px 0 30px 0;
   color: #eceaea;
}

h2
{
   margin: 8px 0 16px 0;
  color: #8f9fa3;
}

h3
{
   margin: 6px 0 6px 0;
  color: #8f9fa3;
}

p
{
   text-align: justify;
}

a, a:visited
{
  text-decoration: none;
  color: #8f9fa3;
}

a:hover
{
  text-decoration: underline;
}

a img
{
   border: none;
}

.clear-box
{
   clear:both;
}

/*#MAIN LAYOUT#*/
#container1
{
   width: 100%;
   background: url('../App_Themes/Kerss/bg_container1.jpg') repeat-x 0 0;
   background-color: #d8dfe1;
}

#container2
{
   width: 100%;
   background: url('../App_Themes/Kerss/bg_container2.jpg') repeat-x 0 0px;
}

#container3
{
   width: 100%;
   background: url('../App_Themes/Kerss/bg_container3.jpg') repeat-x 0 0;
}

#top
{
   margin: auto;
   width: 1024px;
   background: url('../App_Themes/Kerss/bg_top_logo.jpg') no-repeat 0 26px;
}

#middle
{
   margin: auto;
   width: 1024px;
   background: url('../App_Themes/Kerss/bg_middle.jpg') no-repeat 0 0;
   min-height: 388px;
   overflow: auto;
   padding-bottom:25px;
}

#bottom
{
   margin: auto;
   width: 1009px;
   height: 100px;
   padding: 25px 0 0 10px;
}

/*# TOP LAYOUT #*/
#logo
{
   margin: 14px 0 0 55px;
   float: left;
}

#motto
{  
   font-size: 20px;
   font-weight: bold;
   color: #2f3879;
   vertical-align: middle;
   float: left;
   margin: 44px 0 0 30px;
   height: 40px;
}

/* panel s vyhladavanim a hlavnym menu*/
#search-mm
{
   float: left;
   margin-left: 50px;
   width: 455px;
   margin-top: 15px;
}

#top-panel1
{
   clear: both;
   width: 100%;
   height: 155px;
}

/* panel pod hlavnym menu a hlavnym menu*/
#top-panel2
{
   width: 100%;     
   background: url('../App_Themes/Kerss/bg_top_panel2.jpg') no-repeat 100px bottom;
   padding: 15px 0 15px 0;
   margin: auto;
   clear: both;
}

/* block pre nazov kerss na home page*/
#top-panel2 #block1
{
   width: 550px;
   float: left;
}

/* block pre text pod nazvom kerss*/
#top-panel2 #block2
{
   width: 440px;
   height: 350px;
   float: left;
   background: url('../App_Themes/Kerss/bg_home_panel2.jpg') no-repeat 27px 70px;
   padding: 0 0 0 25px;
   position: relative;
}

#top-panel2 #block2 h1
{
   font:normal 38px Sylfaen, Arial, Verdana;
   color: #2f3879;
   font-weight: bold;
   margin: 0 0 0 0;
   position: relative;
   top: -40px;
}
#top-panel2 #block2 h2
{
   font:normal 20px Sylfaen, Arial, Verdana;
   color: #2f3879;
   font-weight: bold;
   margin: 0 0 0 0;
   position: relative;
   top: -40px;
}

#address1
{
   width: 180px;
   position: absolute;
   left: 290px;
   top: -34px;
   font-weight: bold;
   color: #434754;
}

#address2
{
   width: 260px;
   margin: 5px 0 35px 10px;
}

#address1 tr.separator
{
   background: url('../App_Themes/Kerss/bg_separator1.jpg') repeat-x 0 24px;
   height: 35px;
   vertical-align: top;
}

#address1 a, #address1 a:visited
{
   color:  #434754;
}

#address1 a:hover
{
   color: #65676f;
}

#address2 tr.separator
{
   background: url('../App_Themes/Kerss/bg_separator2.jpg') repeat-x 0 32px;
   height: 40px;
   vertical-align: top;
}

/*# SEARCH BOX #*/
.searchbox
{
   display: block;   
   background-image: url('../App_Themes/Kerss/bg_searchbox.jpg');
   background-repeat: no-repeat;
   height: 28px;
   margin-right: 5px;
   float:right;
}

.searchbtn
{
   display: block;
   float: left;
   width: 36px;
   height: 28px;
}

.searchtxtbox
{
   color: #8B8B8B;
   display: block;
   float: left;
   margin: 4px 10px 0 12px;
   height: 18px; width: 175px;
   border-width: 0px;
   font:normal 14px Sylfaen, Arial, Verdana;
}

/* 
   Tato trieda urcuje styl pre samotny watermark, ale i textbox
   v ktorom sa watermark nachadza vtedy, ak nie je na textboxe focus
*/
.watermark
{ 
   color: #8B8B8B;
   display: block;
   float: left;
   margin: 4px 10px 0 12px;
   height: 18px; width: 175px;
   border-width: 0px;
   font:normal 14px Sylfaen, Arial, Verdana;
}

/*# MAIN MENU #*/
.mmCMSListMenuUL
{
   margin: 10px 0 0 24px;
   padding: 0 0 0 0;
   list-style-type: none;
}

.mmCMSListMenuLI
{
   float:left;
   background-image: url('../App_Themes/Kerss/bg_mmbtn_off.jpg');
   background-repeat: no-repeat;
   text-align: center;
}

.mmCMSListMenuLIFirst
{
   float:left;
   background-image: url('../App_Themes/Kerss/bg_mmbtnfirst_off.jpg');
   background-repeat: no-repeat;
   text-align: center;
}

.mmCMSListMenuLILast
{
   float:left;
   background-image: url('../App_Themes/Kerss/bg_mmbtnlast_off.jpg');
   background-repeat: no-repeat;
   text-align: center;
}

.mmCMSListMenuHighlightedLI, .mmCMSListMenuLI:hover
{
   float:left;
   background-image: url('../App_Themes/Kerss/bg_mmbtn_on.jpg');
   background-repeat: no-repeat;
   text-align: center;
   cursor:pointer;
}

.mmCMSListMenuHighlightedLIFirst, .mmCMSListMenuLIFirst:hover
{
   float:left;
   background-image: url('../App_Themes/Kerss/bg_mmbtnfirst_on.jpg');
   background-repeat: no-repeat;
   text-align: center;
   cursor:pointer;
}

.mmCMSListMenuHighlightedLILast, .mmCMSListMenuLILast:hover
{
   float:left;
   background-image: url('../App_Themes/Kerss/bg_mmbtnlast_on.jpg');
   background-repeat: no-repeat;
   text-align: center;
   cursor:pointer;
}

a.mmCMSListMenuLink,
a.mmCMSListMenuLinkFirst,
a.mmCMSListMenuLinkLast
{
   display: block;
   width: 85px;
   height:30px;
   padding-top: 10px;
   text-decoration: none;
   font-size: 16px;
   color: #434754; font-weight: bold;
}

a.mmCMSListMenuLinkHighlighted,
a.mmCMSListMenuLinkFirstHighlighted,
a.mmCMSListMenuLinkLastHighlighted
{
   display: block;
   width: 85px;
   height:30px;
   padding-top: 10px;
   text-decoration: none;
   font-size: 16px;
   color: #8f9fa3; font-weight: bold;
}

a.mmCMSListMenuLink:hover,
a.mmCMSListMenuLinkHighlighted:hover, 
a.mmCMSListMenuLinkFirstHighlighted:hover,
a.mmCMSListMenuLinkLastHighlighted:hover
{
   color: #8f9fa3;
}

.IE6 .mmCMSListMenuUL li a:visited
{
   color:#434754;
}

/*# MIDDLE LAYOUT #*/
#cl-home,#cm-home
{
   width: 270px; 
   float: left;
   padding: 30px 70px 0 0;
}

#cr-home
{
   width: 680px;
   float: left;
   padding: 30px 0 0 0;
}

.IE6 #cl-home, .IE6 #cm-home
{
   width: 260px;
   padding: 30px 20px 0 0;
}

.IE6 #cl-home-header, .IE6 #cm-home-header, .IE6 #cr-home-header
{
   width:260px;
}


#cl-home-header, #cm-home-header, #cr-home-header
{
   background: url('../App_Themes/Kerss/bg_header_services.jpg') no-repeat 0 0;
   width: 285px; 
   height: 40px;
   padding: 12px 0 0 55px;
   font-size: 30px;
}

#cm-home-header
{
   background: url('../App_Themes/Kerss/bg_header_news.jpg') no-repeat 0 5px;
}

#cr-home-header
{
   background: url('../App_Themes/Kerss/bg_header_services.jpg') no-repeat 0 -2px;
   margin-bottom: 16px;
}

#cl
{
   padding: 30px 70px 0 0;
   width: 270px;
   float: left;
}

.IE6 #cl
{
   padding: 30px 0 0 0;
}

.IE6 #cr
{
   width: 620px;
}

#cr
{
   padding: 30px 0 0 0;
   width: 680px;
   float: left;
}

#clr
{
   padding: 30px 15px 0 10px;
}

/*#NEWS HOME#*/
.newsdate
{
   background: url('../App_Themes/Kerss/bg_newsdate.jpg') no-repeat 0 0px;
   width: 85px;
   height: 20px;
   color: #8f9fa3;
   padding: 2px 0 0 6px;
   font-size: 14px;
}

.newsCMSListMenuUL
{
   margin: 0 0 0 0;
   padding: 0 0 20px 0;
}

.newsCMSListMenuLI, 
.newsCMSListMenuHighlightedLI
{
   display: block;
   list-style-type: none;
   background: url('../App_Themes/Kerss/bg_separator2.jpg') repeat-x 0 bottom;   
   padding: 4px 0 5px 0;   
}

.newsCMSListMenuLI a, .newsCMSListMenuLI a:visited
{
   color: #fff;
   text-decoration:none;
}

.newsCMSListMenuLI a:hover, .newsCMSListMenuLI a:hover p
{
   color: #fff;
   text-decoration:underline;
}

a.btnmore
{
   background: url('../App_Themes/Kerss/bg_button1.jpg') no-repeat 0 0;
   width:113px;
   height: 28px;
   text-align:center;
   display:block;
   padding-top: 5px;
   font-size:15px;
   color: #7a7a7a;
   font-weight: bold;
   text-decoration: none;
}

.list1
{   
   list-style-image: url('../App_Themes/Kerss/icon_list1.jpg');
   margin: 0 0 0 0;
   padding: 10px 0 20px 20px;
}

.list1 li
{
   background: url('../App_Themes/Kerss/bg_separator2.jpg') repeat-x 0 bottom;   
   padding: 7px 0 7px 0;
}

.list2
{   
   list-style-image: url('../App_Themes/Kerss/icon_list2.jpg');
   margin: 0 0 0 0;
   padding: 0px 0 20px 20px;
}

.list2 li
{
   background: url('../App_Themes/Kerss/bg_separator2.jpg') repeat-x 0 bottom;   
   padding: 7px 0 7px 0;
}

.list3
{
   list-style-image: url('../App_Themes/Kerss/icon_list2.jpg');
   margin: 0 0 0 0;
   padding: 0px 0 0 20px;
}

.list3 li
{   
   padding: 2px 0 2px 0;
}

.thumbnail-block1
{
   width: 92px;
   height: 68px;
   padding: 5px 5px 5px 5px;
   background: url('../App_Themes/Kerss/bg_teaser1.jpg') no-repeat 0 0;
   float: left;
   margin: 5px 7px 5px 3px;
}

.thumbnail-block2
{
   width: 145px;
   height: 113px;
   padding: 5px 5px 5px 5px;
   background: url('../App_Themes/Kerss/bg_teaser2.jpg') no-repeat 0 0;
   float: left;
   margin: 5px 8px 5px 7px;
}

.thumbnail-block3
{
   width: 145px;
   height: 113px;
   padding: 5px 5px 5px 5px;
   background: url('../App_Themes/Kerss/bg_teaser3.jpg') no-repeat 0 0;
   float: left;
   margin: 5px 15px 5px 0px;
}

.IE6 .thumbnail-block2, .IE6 .thumbnail-block3
{ 
   margin: 5px 5px 5px 4px;
}

#bm
{
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   list-style-type: none;
}

#bm li
{
   margin-right: 16px;
   display: inline;
}

#bm li a, #lm li a:visited
{
   color: #8f9fa3;
   text-decoration: underline;
}

#lm
{
   list-style-image: url('../App_Themes/Kerss/icon_list1.jpg');
   margin: 0 0 25px 0;
   padding: 10px 0 20px 20px;
}

#lm li
{
   background: url('../App_Themes/Kerss/bg_separator2.jpg') repeat-x 0 bottom;   
   padding: 7px 0 7px 0;
}

#lm li a
{
   color: #8f9fa3;
}

#lm li a:visited
{
   color: #8f9fa3;
   text-decoration: none;
}

.lm-header
{
   background: url('../App_Themes/Kerss/bg_header_lm.jpg') no-repeat 5px -2px;
   width: 285px; 
   height: 30px;
   padding: 12px 0 0 55px;
   font-size: 22px;
}

.clients-header
{
   background: url('../App_Themes/Kerss/bg_header_clients.jpg') no-repeat 5px -2px;
   width: 285px; 
   height: 30px;
   padding: 12px 0 0 55px;
   font-size: 22px;
}

.office-header
{
   background: url('../App_Themes/Kerss/bg_header_office.jpg') no-repeat 5px -2px;
   width: 285px; 
   height: 30px;
   padding: 12px 0 0 55px;
   font-size: 22px;
}

.billing-header
{
   background: url('../App_Themes/Kerss/bg_header_billing.jpg') no-repeat 5px -2px;
   width: 285px; 
   height: 30px;
   padding: 12px 0 0 55px;
   font-size: 22px;
}

.copyright
{
   float: left;
   font-size: 14px;
}

.IE6 .copyright
{
   padding-top: 10px;
}

.linq
{
   float: right;      
   font-size: 14px;
   color: #8f9fa3;
   position: relative;
   top: -35px;
}
.linq img
{
   clear: both;
   display: block;
   margin-bottom: 3px;
}

.linq a, .linq a:visited
{
   color: #8f9fa3;
}

.news-preview-block
{
   background: url('../App_Themes/Kerss/bg_separator2.jpg') repeat-x 0 bottom;   
   padding: 4px 0 5px 0; 
}

.news-preview-block a, .news-preview-block a:visited
{
   color: #8f9fa3;
}

.news-detail-block, .gallery-detail-block
{
   background: url('../App_Themes/Kerss/bg_separator2.jpg') repeat-x 0 bottom;   
   padding: 4px 0 5px 0;
   margin-bottom: 20px;
}

.gallery-preview-block
{   
   padding: 20px 0 25px 0;
   background: url('../App_Themes/Kerss/bg_separator2.jpg') repeat-x 0 bottom;
}

#google-address, #google-address h3
{
   color: #2e3037;
   font-size: 16px;
}

.banner-office
{
   margin-left: 28px;
}

.search-result-block
{
   padding: 10px 0 20px 0;
   background: url('../App_Themes/Kerss/bg_separator2.jpg') repeat-x 0 bottom;
}

.hidden1
{
   display: none;
   background: url('../App_Themes/Kerss/bg_mmbtnfirst_on.jpg') no-repeat 0 0;
}

.hidden2
{
   display: none;
   background: url('../App_Themes/Kerss/bg_mmbtn_on.jpg') no-repeat 0 0;
}

.hidden3
{
   display: none;
   background: url('../App_Themes/Kerss/bg_mmbtnlast_on.jpg') no-repeat 0 0;
}

#referencie
{
   width: 95%;   
}

#referencie tr td
{
   padding-left: 3px;
}

#referencie tr.alt
{
   background-color: #43454f;
}