/* CSS Stylesheet */

a,a:hover,a:visited
{
  color:#537bb9;
  text-decoration:none;
   
    border-bottom:1px solid #ccccff;
    padding-bottom:0px;  
}

 a:hover
  {
    border-bottom:1px solid #a1afd2; 
    border-bottom:1px dotted #ffcc55;
    color:orange; 
  }




body
{
  background:url('pics/bgrepeat2.png') top left repeat-x #e3eaf0;
  margin:0px;
  padding:0px;
  font:14px/16px "Century Gothic",Verdana,Arial;
  color:#537bb9;
  text-align:justify;
}

#page
{
  margin:0px auto;
  width:950px;
  padding:0px;
}




#header a span#o
{
 display:block;
 width:950px;
 height:233px;
 background:url('pics/header.png') top left no-repeat transparent;
 cursor:pointer;
}

 #header a,#header a:hover
 {
   border:none;
   text-decoration:none;
 }

  #header div
  {
    position:absolute;
    top:200px;
    /*left:120px;*/
    padding-left:40px;
    /*color:rgb(83,123,185);*/
    color:white;
    font-size:16px;
    font-weight:bold;
  }


span#i
{
 visibility:hidden;
}

#menu-tab
{
  padding:0px;
  margin:0;
  float:left;
}
#facebook
{
  padding-top: 10px;
  padding-left: 5px;
}

#menu
{
  padding:5px 0px 0px 0px;
  margin:0px 20px 0px 10px;
  list-style:none;
}
  
  #menu li
  {
    margin:0px;
    padding:0px;
    width:182px;
    text-align:center;
    position: relative;
  }
  
  #menu li span
  {
    padding:10px 0px 0px 0px;
    width:181px;
    height:35px;
    display:block;
    background:url('pics/menuitem-on.png') top left no-repeat transparent;
    /*color:#dea135;*/
    color:#ce9125;
    /*font-size:17px;*/
    font:15px arial;
  }
  
  #menu li a span
  {
    background-image:url('pics/menuitem-off.png');
    cursor:pointer;
  }
  
  #menu li a span:hover
  {
    background-image:url('pics/menuitem-on.png');
  }
  
  /*#menu li ul.menusubmenu
  {
    display:none;
    left:220px;
    position:relative;
    margin-left:200px;
    
    
    float:left;
  }*/
  
  /*#menu li.current ul.menusubmenu
  {
    display:block !important;
  }*/
  
   #menu ul.menusubmenu li,#menu ul.menusubmenu li span
   {
     background-image:none;
     list-style:none;
     padding:0px;
     margin:0px;
     height:auto;
   }
   
   #menu ul.menusubmenu
   {
     padding:0px;
     /*margin:-10px 0px 3px 0px;*/
     border:none;
     text-decoration:none;
     background-color:white;
     border:1px solid orange;
     
     display:none;
     /*margin:-20px 0px 0px 180px;
     float:right;*/ 
     position:absolute;
     left:142px;
     top:0px;
     z-index:2;
     font-size:15px;
   }
   
    #menu ul.menusubmenu li a
    {
      text-decoration:none;
      border:none;
    }
    
    #menu ul.menusubmenu li a span
    {
      margin:0px;
      padding:7px 0px 7px 0px;
      border-bottom:1px solid #fee186;
    }
    
    #menu ul.menusubmenu li a span:hover
    {
      border-right:5px solid orange;
      background:url('pics/pojisteni-submenu-gradientbg.png') repeat-x top left #fdeecd; 
      border-bottom:1px solid #fdd176;
    }
    
    #menu ul.menusubmenu li.current
    {
      border-right:5px solid orange;
    }
  

#content
{
  background:url('pics/contentrepeat.png') top left repeat-y transparent;
  width:950px;
  float:right;
}

#text
{
  /*background-color:yellow;*/
  margin:10px 35px 0px 200px;
}

  h1,h2
  {
    color:#dea135;
    font:19px "Century Gothic",Verdana,Arial;
    font-weight:bold;
    text-align:center;
    margin:5px 20px 10px 20px;
    padding:0px 0px 5px 0px;
    border-bottom:1px solid #f8e0ae;

    /*clear:right;*/ 
  }
  
  h1
  {
    /*border-top:2px solid #f8e0ae;*/
    padding-top:8px;
  }
  /*h1#havarijni-pojisteni,h1#pojisteni-skel-zavazadel-nahradniho-vozidla,h1#pojisteni-asistence-plus,h1#urazove-pojisteni-osob-ve-vozidle,h1#pojisteni-aut-pro-firmy-autoflotily,h1#pojisteni-odpovednosti-za-skodu,h1#pojisteni-domacnosti,h1#kapitalove-pojisteni,h1#rizikove-pojisteni,h1#pastelka-pojisteni-pro-deti,h1#pojisteni-profesni-odpovednosti
  {
    margin:60px 0px 20px 0px;
    padding:10px 0px 10px 0px;
    border-top:1px solid #fdd176;
    background-color:#FFEDD8;
  }*/
  
  h2
  {
    font-size:18px;
    text-align:left;
    margin-top:20px;
    font-weight:bold;
    clear:none !important;
  }
  
  h2#contactform
  {
    text-align:center;
  }
  
  h4
  {
    clear:both;
  }
  
  /*-------------------------- FORMS ---------------------------------- */
  .contactform
  {
    padding:0px 0px 0px 30px;
  }
  
  
  dt
  {
    padding:8px 0px 0px 0px;
  }
  
  dd
  {
    padding:5px 0px 0px 0px;
  }

  input,textarea
  {
    border:1px solid #bbbbff;
    background-color:#ececff;
    color:#5555ff;
    padding:2px;
  }
    
  #submitbutton
  {
    border:1px solid #bbbbff;
    background-color:#ececff;
    color:#5555ff;
    float:right;
    margin-right:60px;
    padding:3px;
    width:200px;
  }
  
  #submitbutton:hover,input:hover,textarea:hover
  {
    border-color:#9999ff;
    background-color:#eeeeff;
  }
  
     input#subject
     {
       width:400px;
     }
     
     .error
     {
       color:orange;
       font-style:italic;
       padding-left:5px;
     }
  
  label.required
  {
    /*font-weight:bold;*/
  }
  
  /*-------------------------- /FORMS ---------------------------------- */
  
  .inthumb
  {
    width:230px;
    height:275px;
    float:left;
    margin:0px 2px 0px 0px;
  }
  
  .inthumb strong
  {
    font:14px "Century Gothic",Verdana,Arial;
    color:#537bb9;
    margin:0px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
  }
  
  .inthumb span
  {
    /*font-size:12px;
    text-align:justify;*/
    line-height:15px;
    display:block;
    text-align:center;
    padding:0px 10px 180px 10px;
    background:url('pics/insurance-thumb-cars-off.jpg') 0px 18px no-repeat transparent;
  }
    
  .inthumb a:hover strong 
  {
    color:orange;
    border:none;
  }
  
  .inthumb a
  {
    cursor:pointer;
  }
  
  .inthumb div
  {
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 10px;
    font-size:12px;
  }
  
  .inthumb div a
  {
    font-weight:bold;
    border-bottom:1px solid #ccccff;
    padding-bottom:0px;
  }

  .inthumb div a:hover
  {
    border-bottom:1px dotted #ffcc55;
    color:orange;
  }   
  
  
  .inthumb span.online
  {
    text-align:right;
    background:none !important;
    height:0px;
    padding:0px;
    margin:0px;
  }

  .inthumb span.online a
  {
    color:orange;
  }


  #cars span {background-image:url('pics/insurance-thumb-cars-off.jpg');}
  #cars span:hover {background-image:url('pics/insurance-thumb-cars-on.jpg');}
  
  #life span {background-image:url('pics/insurance-thumb-life-off.jpg');}
  #life span:hover {background-image:url('pics/insurance-thumb-life-on.jpg');}

  #travel span {background-image:url('pics/insurance-thumb-travel-off.jpg');}
  #travel span:hover {background-image:url('pics/insurance-thumb-travel-on.jpg');}

  #sport span {background-image:url('pics/insurance-thumb-sport-off.jpg');}
  #sport span:hover {background-image:url('pics/insurance-thumb-sport-on.jpg');}

  #retirement span {background-image:url('pics/insurance-thumb-retirement-off.jpg');}
  #retirement span:hover {background-image:url('pics/insurance-thumb-retirement-on.jpg');}

  #house span {background-image:url('pics/insurance-thumb-house-off.jpg');}
  #house span:hover {background-image:url('pics/insurance-thumb-house-on.jpg');}

  #investiments span {background-image:url('pics/insurance-thumb-investiments-off.jpg');}
  #investiments span:hover {background-image:url('pics/insurance-thumb-investiments-on.jpg');}

  a.decorative
  {
    margin:3px 40px 0px 0px;
    display:block;
    /*font-weight:bold;
    font-size:12px;*/
    font:12px verdana;
    text-align:right;
    /*color:#79b1e0;*/
    text-decoration:underline;
    border:none;
  }
  
  div.decorator-box
  {
    background-color:#e9edfb;
    border:1px solid #d8dcfb;
    padding:10px 15px 10px 15px;
    margin:-15px 15px 0px 0px;
    clear:both;
    font:11px Verdana;
  }
  
  div.decorator-box:hover
  {
    /*background-color:#f7ebdf;
    border:1px solid #f7e0c0;
    color:orange;*/
    border:1px solid #b8c5fd;
    background-color:#edf0fc;
  }
  
  div.highlightbox
  {
    float:right;
    width:170px;
    height:85px;
    padding:25px 15px 15px 15px;
    margin:0px 0px 0px 10px;
    /*border:1px solid #a8b5ed;
      background-color:#e9edfb;*/
    background:url('pics/decorbox-blue.png') no-repeat top left transparent;
    clear:right;
    text-align:center;
    /*font-weight:bold;*/
    line-height:17px;
    font-size:12px;
  }
  .highlightbox:hover
  {
    /*border:1px solid #98a5cd;
    background-color:#edf0fc;*/
  }
  div.highlightbox div
  {
    padding-bottom:5px;
    margin-bottom:8px;
    border-bottom:1px solid #ccccff;
    font-weight:bold;
    font-size:14px;
    font:14px Verdana; 
  }
  div.highlightbox a
  {
    font-weight:bold;
    font-size:15px;   
  }

  
  .orange
  {
    /*border:1px solid #fac555 !important;
    background-color:#f7e7c6 !important;*/
    background-image:url('pics/decorbox-orange.png') !important;
    color:orange;
  }
  .bonus
  {
    padding-top:25px !important;
    font-size:14px !important;
    font-weight:bold;
  }
  div.orange div   
  {
    border-bottom:1px solid #f6c856;
  }
  .orange:hover
  {
    /*border:1px solid #fdd176 !important;
    background-color:#fdeecd !important;*/
  }
  
  .b
  {
    font-weight:bold;
  }
  
  
 li
 { 
   margin-top:3px;
 }

 
 table
 {
   width:500px;
   margin-left:100px;
   text-align:center;
   border-bottom:1px solid #fdd176;
   border-spacing:0;
 }
   
   table.onerow,table.alternate
   {
     margin:20px 0px 0px 60px;
     width:auto;
   }
   
   table.footpad
   {
     margin-bottom:10px;
   }
   
 
 td
 {
   border:1px solid #fdd176;
   border-bottom-style:dotted;
   border-top:none;
   padding:2px 5px 2px 5px
 }
 
   table.onerow td:hover
   {
     background-color:#fdeecd;
   }
 
 th
 {
   padding:5px;
   border:1px solid #fdd176;
   background-color:#f7e7c6;
 }
 
 tr:hover
 {
   background-color:#fdeecd;
 }
 
   table.onerow tr:hover
   {
     background-color:white;
   }
 
 th.head
 {
   border:none !important;
   border-bottom:2px solid #fdd176;
   padding:5px 0px 5px 0px; 
   background-color:transparent !important;
 }
 
 td.firstcol
 {
   border-right-style:dotted;
 }
 
 td.secondcol
 {
   color:orange;
   border-left:none;
 }
  

  img
  {
    float:left;
    padding:10px;
  }
  
  img.themepic
  {
    float:right;
    padding:10px;
    margin-top:-10px;
  }
  
  div.emph
  {
    /*font-style:italic;*/
    color:orange;
    font-size:110%;
    padding-top:10px;
  }
  
  
  .reference-box
  {
    width:230px;
    margin:3px;
    height:291px;
    float:left;
    /*border:1px solid #fdd176;
    background-color:#fdeecd;*/
    font-size:13px;
    font:12px Verdana;
  }
      
      .reference-box .head
      {
        font-weight:bold;
        text-align:center;
        margin-bottom:0px;
        padding-top:12px;
        background:url('pics/reference-box-head.png') no-repeat top left transparent;
        height:14px;
      }
      
      .reference-box .text
      {
        height:135px;
        background:url('pics/reference-box-text.png') repeat-y top left transparent;
        padding:10px 20px 20px 20px;
      }
      
      .reference-box .foot
      {
        border-top:1px dashed #fdd176;
        /*background-color:#f7e7c6;*/
        padding:5px 0px 18px 15px;
        width:215px;
        background:url('pics/reference-box-foot.png') no-repeat bottom left transparent;
      }
      
      .reference-box .foot div
      {
      }

      .reference-box .foot div strong
      {
        padding:0px 5px 0px 0px;
        font:15px Arial;
        font-weight:bold;
        color:orange;
      }
      
      
  .flag1 ul li
  {
    padding:0px;
    margin:0px;
    list-style-type:circle;
  }
  
  .flag1,.flag2,.flag3
  {
    border-left:20px solid;
    border-top:2px dotted;
    padding:7px 0px 0px 5px;
    margin:5px 0px 5px 5px;
    width:90%;
  }
  
  .flag1
  {
    border-color:rgb(141,157,201);
    margin-left:20px;
  }
  
  .flag2
  {
    border-color:rgb(178,187,217);
  }
  
  .flag3
  {
    border-color:rgb(216,220,237);
  }
     
      
  .submenu
  {
    float:right;
    width:170px;
    border-left:3px solid #fdd176;
    border-right:3px solid #fdd176;
    margin:5px 8px 5px 15px;
    padding:5px;
    background-color:white;
    font:12px Verdana;
    text-align:left;
  }
  
    .submenu h3
    {
      margin:0px 0px 5px 0px;
      text-align:center;
      font-size:14px;
    }
    
    .submenu ul
    {
      margin:0px;
      padding-left:18px;
    } 
    
    .submenu ul li
    {
     
    }
    
 #contentsubmenu 
 {
   /*width:90%;*/
   height:55px;
   margin:-11px 20px 0px 20px;
   font-size:13px;
   border:1px solid #fdd176;
   border-top:none;
   border-bottom:none;
   /*background-color:#FDF1C6;*/
   font-weight:bold;
   background:url('pics/pojisteni-submenu-gradientbg.png') repeat-x top left transparent; 
 }
    
  #contentsubmenu ul
  {
    list-style-type:circle !important;
    list-style-type:none !important;
    
  }
 
  #contentsubmenu li
  {
    float:right;
    padding:0px 30px 3px 0px;
    text-align:center;
  }
 
  #contentsubmenu li.current
  {
    list-style-type:square !important;
    /* padding-right:10px; */
  }
  
  #contentsubmenu li.current a
  {
    color:black;
    text-decoration:none !important;
    border:none !important;
  }
 
    
    /* --------------------- CITOVACI BOX -------------------------------- */
    .citation
    {
      width:470px;
      /*background-color:#e0e0ff;
      background-color:#ececff;*/
      border-top:1px solid #bbbbff;
      border-bottom:1px solid #bbbbff;
      
      background-color:#ededfd;

      
      margin:20px 0px 20px 70px;
      padding:0px 60px 0px 60px;
      font-style:italic;
      font-size:15px;
      font-family:Verdana;
    }
    
    .citation span.q,.citation span.a
    {
      display:block;
      line-height:23px;
    }
    
    .citation span.a
    {
      text-align:right;
    }

    .citation .uv-up,.citation .uv-down
    {
      font-size:70px;
      position:relative;
      font-family:serif;
      font-weight:bold;
      color:#7d9dcd;
    }
    
    .citation .uv-up span,.citation .uv-down span
    {
      /*visibility:hidden;*/
    }
    
    .citation .uv-up
    {
      top:30px;
      left:-45px;
      /*background:url('pics/uv-up.png') no-repeat top left transparent;*/
    }

    .citation .uv-down
    {
      text-align:right;
      top:10px;
      left:35px;
    }
    
    /* --------------------- /CITOVACI BOX -------------------------------- */
    
#footer
{
  background:url('pics/footer.png') top left no-repeat transparent;
  height:255px;
  width:950px;
  clear:both;
}
  #footer div
  {
    color:#94acf1;
    position:relative;
    top:105px;
    left:110px;
    width:530px;
    text-align:center;
  }
  
  #footer a
  {
    color:#6b8be7;
    border:none;
  }

  #footer a:hover
  {
    border-bottom:1px solid #a4ccf1;
    padding-bottom:0px;
  }
  
  #footer div.links
  {
    padding-top:5px;
    font-size:10px;
    text-align:center;
    width:460px;
    margin-left:20px;
  }

#left {
 float: left;
 width: 181px;
}

#left iframe{
 padding-left: 15px;
 padding-top: 10px;
}
