/* 
www.emity.cz
author: www.mediapolis.cz
date: 10/2008
*/

/* general + layout */
    * {
    font: normal normal 11px 'Arial CE','Myriad', sans-serif;
    margin:0;
    padding:0;
    border:0;
    color: #fff;
    }
    body {
    background: #000;
    behavior: url('csshover.htc');
    }
    #main {
    position: absolute;
    width: 750px;
    top: 20px;
    margin-left: -375px;
    left: 50%;
    }
    #header {
    background: url('im/header.png');
    height: 125px;
    width: 750px;
    float: left;
    }
    #page {
    background: #C3073D url('im/page-background.png') repeat-y;
    float: left;
    width: 750px;
    }
    #page_insider {
    background: url('im/page-bottom-background.png') no-repeat;
    background-position: left bottom;
    padding: 30px 35px 68px 35px;
    float: left;
    }
    #footer {
    background: #fff;
    width: 750px;
    padding-bottom: 15px;
    float: left;
    }  
    p {
    line-height: 160%;
    width: 400px;
    margin: 25px 0;
    }  
    h1 {
    font-size: 180%;
    }
    h2 {
    font-size: 150%;
    }
    strong {
    font-weight: bold;
    }
    p a:hover {
    text-decoration: none;
    }
   .cleaner {
    clear: both;
    height: 0;
    width: 0;
    font-size: 1px;
    margin: 0;
    line-height: 0;
    }
    strong {font-weight: bold;}

/* menu-top */
    #topmenu {
    position: absolute;
    top: 100px;
    height: 28px;
    z-index: 10;
    }
    #topmenu li {
    float: left;
    height: 28x;
    padding-left: 15px;
    padding-right: 15px;
    list-style-type: none;
    border-right: 1px solid #fff;
    background: url('im/menu-back.png') repeat-x;
    background-position: top left;    
    }
    #topmenu ul {
    height: 28px;
    display: block;
    }
    #topmenu li a {
    line-height: 24px;
    height: 24px;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
    }
    #topmenu li:hover {
    background: #C3073D;
    }

     
/* homepage */
    #homepage_img {
    width: 680px;
    overflow: none;
    float: left;
    background: #C3073D url(photos/homepage_1.jpg) left top no-repeat;
    padding-top: 251px;
    position: relative;
    z-index:1;
    }

    .homepage_imgmenu {
    background: #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    display: block;
    float: left;
    }
    
    .homepage_imgmenu h2 {
    width: 198px;
    float: left;    
    line-height: 30px;
    color: #C3073D;
    text-indent: 15px;
    font-size: 100%;
    background: #fff;
    }
    
    .pictures {
    width: 480px;
    float: left;
    } 
    .divider {
    border-bottom: 1px solid  #C3073D;
    font-size: 1px;
    margin: 0;
    line-height: 0;
    padding: 0;
    }
    .picture {
    float: left;
    width: 120px;
    height: 100px;    
    text-align: center;
    }
      .picture div {
      position: static;
      width: 120px;
      height: 47px;
      background: #fff;
      margin-top: -47px;
      display: none;
      }
      .picture:hover div {
      display: block; 
      }
      .picture div a {
      position: relative;
      display: block;
      padding: 8px;
      color: #C3073D;
      background: #fff;
      }
      .picture div a:hover {
      text-decoration: none;
      }
      .picture img {
      width: 110px;
      height: 90px;
      margin-top: 5px;
      }
      .textlink {
      position: inline;
      color: #fff;
      
      }

/* contact form*/
    #form_kontakt {
    border: 1px solid #fff;
    }
    #form_kontakt th {
    text-align: left;
    padding: 5px 3px 5px 0;
    }
    #form_kontakt input.text {
    width: 150px;
    height: 16px;
    line-height: 16px;
    padding: 1px;
    color: #000;    
    }
    #form_kontakt textarea {
    width: 150px;
    height: 100px;
    padding: 1px;
    color: #000;    
    }
    .button_reset {
    background: #666;
    } 
    .button_submit {
    background: green;
    }

/* footer */
    #footer a {
    color: #C3073D;;
    text-decoration: underline;
    }
    #footer a:hover {
    text-decoration: none;
    }
    #footer p {
    padding: 15px 25px 0 25px;
    margin: 0;
    color: #C3073D;
    }

/* link to subpages  */
    #residence-krc {
    width: 680px;
    margin-top: -251px;
    z-index:10;
    overflow: hidden;
    background: #C3073D url(photos/homepage-Praha-Melnik.jpg) no-repeat;
    border-bottom: 1px solid #C3073D;  
    }
    #resmelnik1 {
    width: 339px;
    height: 250px;
    display: block;
    float: left;
    text-align: center;
    overflow: hidden;
    }
      #resmelnik-odkaz {
      display: block;
      width: 338px;
      height: 130px;
      }
      #resmelnik1 p {
      color: #000;
      text-align: justify;
      width: 310px;
      margin: 0 auto;
      margin-top: 5px;
      }
      #resmelnik1 h2 {
      font-size: 130%;
      font-weight: bold;
      color: rgb(77,41,17);
      text-align: center;
      width: 339px;
      }
      #resmelnik1 p a {
      font-size: 110% !important;
      font-weight: bold;
      color: rgb(77,41,17);
      }      

    #reskrc1 {
    width: 339px;
    height: 250px;
    display: block;
    float: left;
    text-align: center;
    }
      #reskrc-odkaz {
      display: block;
      width: 338px;
      height: 130px;
      }        
      #reskrc1 h2 {
      font-size: 130%;
      font-weight: bold;
      color: rgb(0,158,224);
      text-align: center;
      width: 339px;
      }
      #reskrc1 p {
      width: 310px;
      color: #000;
      text-align: justify;
      margin: 0 auto;
      margin-top: 5px;
      }
      #reskrc1 p strong, #resmelnik1 p strong {
      color: #000;
      }
      #reskrc1 p a {
      font-size: 110% !important;
      font-weight: bold;
      color: rgb(0,158,224);
      }