@import "global.css";

    html { width: 100%; min-height: 100%; height: 100%; background: url('img/bkg-html.png') repeat-x #4d5a2d; }
    body { width: 100%; min-height: 100%; height: 100%; font-size: 13px; font-family: Verdana, sans-serif; color: #000; background: url('img/bkg-body.png') repeat-x top center; }
    
    a { color: #000; }
    a img { border: 5px solid #4d5a2d; }
    a:hover img { border-color: #a2af63 !important; }
    
    h1 { width: 98%; font-size: 18px; margin-top: 14px; padding: 2px 1% 8px 1%; font-weight: bold; background: url('img/h1.png') repeat-x bottom; display: inline-block; }
    
    .pl15 { padding-left: 15px; }
    .pr15 { padding-right: 15px; }

    
    
    #wrap { width: 920px; margin: 0 auto; padding: 0 20px 0 20px; background: url('img/bkg-main.png') #fff repeat-x center bottom; position: relative; }
    
  /* header */
    #top { width: 960px; height: 167px; position: absolute; top: 0; left: 0; }
    #top #head a { margin: 27px 0 0 42px; display: inline-block; }
    #top #head a img { border: 0; }
    
    #head { height: 960px; height: 120px; background: url('img/bkg-head.png') no-repeat center bottom; }
    #head #logo { width: 411px; height: 94px; background: url('img/logo.png') no-repeat; position: absolute; right: 38px; top: 14px; }
    
    #mmenu { height: 47px; background: url('img/bkg-menu.png') #4d5a2d repeat-x; color: #fff; text-align: center; }
    #mmenu ul { height: 47px; display: inline-block; }
    *+html #mmenu ul { width: 678px; }
    #mmenu ul li { height: 47px; margin: 0 1px 0 1px; }
    #mmenu ul li a { height: 37px; line-height: 37px; color: #fff; font-size: 14px; font-weight: bold; padding: 0; margin: 0; display: block; text-decoration: none; }
    #mmenu ul li:hover, #mmenu ul li.hover, #mmenu ul li.act { text-decoration: none; background: url('img/bkg-menu.png') 0 -47px repeat-x; }
    #mmenu ul li.act a { background: url('img/menu-act.png') bottom center no-repeat; }
    #mmenu ul li a span { padding: 0 12px 0 12px; }
    
  /* main */
    #main { width: 900px; padding: 193px 10px 66px 10px; }
    #main img { border: 5px solid #4d5a2d; margin-bottom: 6px; }
    #main p { text-align: justify; }
    #main p span { padding: 4px; font-size: 12px; }
    #main p span em { display: block; }
    
    #mapa { width:500px; height:280px; float: right; }
    #mapa img { border: 0; }

    .trip { padding-left: 25px; margin-left: 0px; }
    .trip li { font-weight: bold; padding-top: 4px; }
    .trip li ul li { font-weight: normal; padding-top: 0px; list-style-type: none; }
    .trip li ul li:before { content: "- "; }
    
    .price, .clean { padding-left: 0px; margin-left: 0; }
    .price li, .clean li { list-style-type: none; padding-top: 5px;  }
    .price li ul li { padding-top: 0px; list-style-type: disc; }
     
    .clean li { font-weight: bold; }
    .clean li ul li { font-weight: normal; padding-top: 0px; list-style-type: none; }
     
    .gal { float: left; margin: 5px; }
    
  /* footer */
    #footer { width: 930px; padding: 10px 15px 15px 15px; margin: 0 auto; color: #fff; font-size: 12px; }
    #footer a { color: #fff; text-decoration: none; }
    #footer a:hover { text-decoration: underline; }