body {
  font-family:"Trebuchet MS",Arial,Verdana,Tahoma,helvetica,Geneva;
  margin:0px;
  font-size:12px;
  color:#333;
  background-color: #fff;
}


a {color:#1F5DB2;}
a img {border:0;}


p {padding:0;margin:10px 15px;;}
table {margin:10px 15px;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:10px 15px;color:#1F5DB2;}
h1 {font-family:Verdana;font-size:24px;}
h2 {font-family:Verdana;font-size:16px;}
h3 {font-family:Verdana;font-size:14px;}
td,th {padding:5px;}



p.warning{font-weight:bold;color:#ff0000;}
input.submitButton {background-image:url("images/greenBut200x30.png");color:#fff;width:200px;height:30px;border:0;line-height:30px;vertical-align:middle;font-size:14px;color:#fff;font-weight:normal;}

.bila {color:#fff;}
.cerna {color:#000;}
.cernaSvetlejsi {color:#333;}
.cervena {color:#ff0000;}
.modra {color:#1F5DB2;}
.modraSvetlejsi {color:#D0DEEA;}
.orange {color:#FF6F00;}
.zelena {color:#A3CD39;}
.zelenaTmavsi {color:#598B23;}

.mikroPismo {font-size:8px;}
.malePismo {font-size:10px;}
.vetsiPismo {font-size:14px;}

.doprava {text-align:right;}
.nastred {text-align:center;}
.doleva {text-align:left;}


.leftClr {clear:left;width:1px;height:1px;overflow:hidden;} 
.hd{display:none;}
 





.obrazekDoleva {float:left;margin:0 15px 15px 35px;}
.obrazekDoprava {float:right;margin:0 0 15px 15px;}
.obrazekDolevaMargin15 {float:left;margin:15px;}
.obrazekDopravaMargin15 {float:right;margin:15px;}
.noMargin {margin:0;}

.emptyFoto {position:relative;width:100px;height:100px;overflow:hidden;float:left;margin:0 15px 15px 35px;}



.fotoBox {width:150px;height:112px;overflow:hidden;border:1px solid #000;margin:10px;float:left;}
.fotoBox150x150 {width:150px;height:150px;overflow:hidden;margin: 0 auto;text-align:center;}

div.obrazekFotogalerie {position:relative;width:150px;height:150px;border:1px solid #ccc;margin:10px; float:left;overflow:hidden;line-height:150px;vertical-align:middle;text-align:center;padding:2px;}
  div.obrazekFotogalerie img {vertical-align:middle;text-align:center;}

input.blueButton50x30 {position:relative;width:50px;height:30px;border:0;overflow:hidden;background-image:url("images/blueButton50x30.png");color:#fff;}

h2.blueHeader {position:relative;width:180px;height:30px;padding:0 10px;margin:15px;overflow:hidden;line-height:30px;vertical-align:middle;font-size:14px;color:#fff;font-weight:normal;background-image:url("images/blueBut200x30.png");}
h2.greenHeader {position:relative;width:180px;height:30px;padding:0 10px;margin:15px;overflow:hidden;line-height:30px;vertical-align:middle;font-size:14px;color:#fff;font-weight:normal;background-image:url("images/greenBut200x30.png");}

#mainPage{position:relative;margin: 0 auto;width:1020px;height:auto;text-align:left;overflow:hidden;}  
  #headka {position:absolute;left:0;top:0;width:1020px;height:422px;text-align:left;overflow:hidden;/*background-image:url("images/headBg.jpg");*/}
    #bg1 {position: absolute; left:0;top:0;width:1020px;height:422px;z-index:10;filter: Alpha(Opacity=100);}
    #bg2 {position: absolute; left:0;top:0;width:1020px;height:422px;z-index:10;filter: Alpha(Opacity=0);}
    #bg3 {position: absolute; left:0;top:0;width:1020px;height:422px;z-index:10;filter: Alpha(Opacity=0);}
    #bg4 {position: absolute; left:0;top:0;width:1020px;height:422px;z-index:10;filter: Alpha(Opacity=0);}
    #bg5 {position: absolute; left:0;top:0;width:1020px;height:422px;z-index:10;filter: Alpha(Opacity=0);}
    #srchBox {position:absolute;left:150px;top:250px;width:300px;height:30px;text-align:center;overflow:hidden;z-index:50;}
      #srchBox p {margin:0;line-height:30px;vertical-align:middle;}
      #srchBox img {vertical-align:middle;}
      #srchBox input[type=text] {background:transparent;width:150px;border:1px solid #1F5DB2;height:20px;}
    #mainMenu {position:absolute;left:128px;top:343px;width:500px;height:22px;text-align:center;overflow:hidden;text-transform:uppercase;z-index:50;}
        #mainMenu p {margin:0 15px;line-height:22px;vertical-align:middle;text-align:center;}
        #mainMenu a {text-decoration:none;}
        a.unactiveMenu {color:#fff;}  
        a.unactiveMenu:hover {color:#000;}
        a.activeMenu {color:#000;}
    #subMenu  {position:absolute;left:35px;top:389px;width:970px;height:33px;text-align:center;overflow:hidden;z-index:50;}
      #subMenu span {color:#333;text-decoration;display:block;width:auto;height:33px;line-height:33px;vertical-align:middle;float:left;margin:0 20px 0 0;text-decoration:none;}
      #subMenu a {color:#1F5DB2;text-decoration;display:block;width:auto;height:33px;line-height:33px;vertical-align:middle;float:left;margin:0;text-decoration:none;}
      div.submenuSpacer {position:relative;width:2px;height:31px;margin:1px 10px;overflow:hidden;background-image:url("images/subMenuSpacer.png");float:left;}
  #mainContent {position:relative;width:1020px;height:auto;margin-top:422px;text-align:left;overflow:hidden;background-image:url("images/middleBg.jpg");background-repeat:repeat-y;}
  
    #levySloupec {position:relative;width:780px;height:auto;text-align:left;overflow:hidden;float:left;margin-top:20px;}
      #levySloupec p {margin-left:30px;}
      #levySloupec h1 {margin-left:30px;}
      #levySloupec h2 {margin-left:30px;}
      #levySloupec h3 {margin-left:30px;}
      #levySloupec h4 {margin-left:30px;}
      #levySloupec table {margin-left:30px;}     
      #portfolioBox {position:relative;margin:15px 15px 15px 30px;width:735px;height:auto;overflow:hidden;}
        div.portfolioItem {position:relative;width:150px;height:150px;overflow:hidden;float:left;margin:15px 15px 0px 0px;border:1px solid #e0e0e0;text-align:left;}   
        div.portfolioItemBest  {position:relative;width:75px;height:75px;overflow:hidden;float:left;margin:15px 0px 15px 14px;border:1px solid #e0e0e0;text-align:left;}              
      div.middleBox {position:relative;margin:15px 15px 15px 30px;width:733px;height:auto;overflow:hidden;border:1px solid #D0DEEA;
                     background-image:url("images/middleBoxBg.jpg");background-repeat:repeat-x;background-position:left bottom;}
        div.middleBox p {margin-left:10px;margin-top:10px;margin-bottom:10px;margin-right:10px;}                            
      div.fotoCol {position:relative;margin:15px 15px 15px 30px;width:150px;height:auto;overflow:hidden;border-right:1px solid #D0DEEA;padding-right:15px;float:left;}
      
      a.arrows75x75Link {display:block;position:relative;width:75px;height:75px;overflow:hidden;float:left;margin:15px 0px 15px 15px;border:1px solid transparent;text-align:left;
                        text-decoration:none;background-image:url("images/arrows75x75.png");}
      
      #levySloupec table {position:relative;margin:15px 15px 15px 30px;overflow:hidden;border:1px solid #D0DEEA;
                          background-image:url("images/middleBoxBg.jpg");background-repeat:repeat-x;background-position:left bottom;}  

    #pravySloupec {position:relative;width:239px;height:auto;text-align:left;overflow:hidden;float:right;border-left:1px solid #DCE6EF;margin-top:20px;}  
      #pravySloupec p {margin-left:15px;margin-right:30px;}
      #pravySloupec h1 {margin-left:15px;margin-right:30px;}
      #pravySloupec h2 {margin-left:15px;margin-right:30px;}
      #pravySloupec h3 {margin-left:15px;margin-right:30px;}
      #pravySloupec h4 {margin-left:15px;margin-right:30px;}
      #pravySloupec table {margin-left:15px;margin-right:30px;}
      

  #foot {position:relative;width:1020px;height:auto;text-align:left;overflow:hidden;background-image:url("images/bottomBg.jpg");background-repeat:no-repeat;}     
    #foot p {margin-left:30px;margin-right:30px;}

/* Page Numbers */
.pages {
    position:relative;width:auto;height:auto;overflow:hidden;margin:0 30px 0px 15px;
    padding: 1em;
    clear: left;
    font-size: 85%;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #6bb900;
    background: #fff;
}

.pages span.current {
    border: 1px solid #2E6AB1;
    font-weight: bold;
    background: #2E6AB1;
    color: #fff;
}

.pages a {
    border: 1px solid #9AAFE5;
    text-decoration: none;
}

.pages a:hover {
    border-color: #2E6AB1;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
    border: 1px solid #ddd;
    color: #999;
}

.pages .nextprev-next {
    float: right;
}

.tooltip {
    border: 1px solid #85be35;
    padding: 5px;
    background-color: #fff;
    width: 150px;
    font-size: 85%;
    color: #777;
    opacity: 0.95;
    text-align: left;
}

.tooltip h6 {
    background: #85be35;
    color: #fff;
    margin: -5px -5px 4px -5px;
    padding: 2px 5px;
    font-size: 100%;
    font-weight: bold;
}

.tooltip img {
    vertical-align: middle;
    border: 1px solid #85be35;
    margin: 2px 0;
}