/* =====    GENERAL   ========================================================================== */ 

@import 'common.css';
@import 'image-replacement.css';
@import 'layout.css';
@import 'buttons.css';
@import 'top_navigation_bar.css';  
@import 'footer.css'; 

/* Typography */
body 
  { color: #595847;
    background: #fafaf5 url('/images/railshosting_website/bg/body.bg.png') top center repeat-x;
    font-size: 74%; 
    font-family: 'Lucida Grande', Tahoma, Helvetica, sans-serif; 
    position: relative; }    

#big_train
  { width: 394px; height: 593px;
    background: url('/images/railshosting_website/train.big.png') 0 0 no-repeat; 
    position: absolute; 
    right: 82%;
    bottom: 0; }

#page { /*background: url('/images/railshosting_website/train.big.png') -118px 100% no-repeat;*/ }

a { color: #595847; }

#main h2
  { color: #7e7c5b;
    background: url('/images/railshosting_website/bg/h2.bg.png') center left no-repeat; 
    font-size: 100%; 
    text-transform: uppercase; 
    padding: 0.2em 0.2em 0.3em 1em; 
    margin: 4.5em 0 1em 0; }
    
#main * .content p
  { margin-bottom: 0.5em; }

/* Panels */
#panels
  { margin-top: 30px;
    margin-bottom: 20px;
    /*border: 1px solid blue;*/ }
#panels .panel
  { width: 276px;
    height: 164px;
    margin-right: 14px;
    padding-left: 1em;
    float: left;
    position: relative;
    /*border: 1px dotted red;*/ }
#panels .panel.last
  { float: right;
    margin-right: 0 !important; }
.panel h3
  { margin: 0 0 22px 0 !important; padding: 0 !important; position: relative; }
.panel h3 span.train
  { width: 16px; height: 20px;
    background: url('/images/railshosting_website/train.small.png') 0 0 no-repeat !important; 
    position: absolute; 
    top: -2px; left: -22px; }
.panel h3 span.train.num_2
  { left: -38px; }
.panel h3 span.train.num_3
  { left: -55px; }
.panel .description
  { color: #595847;
    font-size: 110%;
    border-left: 1px solid #f5f5eb; 
    padding: 0 0 0 10px; }
.panel .price
  { color: #595847;
    text-align: right;
    font-size: 170%; 
    letter-spacing: -0.05em; 
    padding-right: 20px;}
.panel .price span
  { font-size: 80%; }
.panel .dot
  { position: relative; top: -0.2em;}
.panel .price strong
  { padding-left: 3px; }
.panel .button
  { color: #999991;
    text-align: right;
    position: absolute; 
    bottom: 0; 
    right: 20px; }
.panel .button span
  { background: url('/images/railshosting_website/buttons/button.order.bg.l.png') 0 50% no-repeat; 
    padding: 6px 3px 6px 13px !important; }
.panel .button span.r
  { background: url('/images/railshosting_website/buttons/button.order.bg.r.png') 0 50% no-repeat; }
  
  
/* Highlighted panel */
.highlighted_panel
  { background: url('/images/railshosting_website/bg/highlighted_panel.bg.png') 0 0 no-repeat;
    padding: 0.9em 1em 1.1em 1em; 
    margin: 0 0 0 2.3em;
    position: relative; 
    display: inline;}
.highlighted_panel span
  { background: url('/images/railshosting_website/bg/highlighted_panel.bg.r.png') 0 0 no-repeat; 
    padding: 0.8em 0 1.2em 0; 
    width: 11px;
    position: absolute;
    top: 0; right: 0;}

  
/* Porovnani */
#detailni_porovnani_tarifu 
  { /*padding-top: 15px;*/ }
#detailni_porovnani_tarifu p.button
  { text-align: center;
    background: url('/images/railshosting_website/bg/linka.button_porovnani.png') 1em 60% no-repeat;
    padding-left: 1em; 
    margin-top: 20px !important;}
#detailni_porovnani_tarifu a.button
  { outline: none;
    position: relative;
    left: 1.5em; }
#detailni_porovnani_tarifu a.button span
  { color: #94948f;
    background: url('/images/railshosting_website/buttons/button.package_comparison.bg.l.png') 0 50% no-repeat; 
    padding: 6px 3px 6px 20px !important; }
#detailni_porovnani_tarifu a.button span.r
  { background: url('/images/railshosting_website/buttons/button.package_comparison.bg.r.png') 0 50% no-repeat;
    width: 20px; }
#detailni_porovnani_tarifu a.button.expanded
  { color: #a1a194; }
#detailni_porovnani_tarifu a.button.expanded span
  { color: #a1a194;
    background: url('/images/railshosting_website/buttons/button.package_comparison.expanded.bg.l.png') 0 50% no-repeat; }
#detailni_porovnani_tarifu a.button.expanded span.r
  { background: url('/images/railshosting_website/buttons/button.package_comparison.expanded.bg.r.png') 0 50% no-repeat; 
    width: 20px; }


/* Porovnani -- detail*/
#detailni_porovnani_tarifu .content
  {  }
#detailni_porovnani_tarifu table
  { width: 100%; } 
#detailni_porovnani_tarifu table th,
#detailni_porovnani_tarifu table td
  { border-left: 2em solid #fafaf5;
    border-right: 1.5em solid #fafaf5; }
#detailni_porovnani_tarifu table td:first-child,
#detailni_porovnani_tarifu table th:first-child
  { border-left: none; }
#detailni_porovnani_tarifu table td:last-child,
#detailni_porovnani_tarifu table th:last-child
  { border-right: none; }
#detailni_porovnani_tarifu table th
  { color: #fafaf5;
    text-align: right; 
    padding: 0 1em 0 0 !important; 
    background: #696858 url('/images/railshosting_website/bg/package_comparison.th.l.png') 0 0 no-repeat; 
    height: 21px;  }
#detailni_porovnani_tarifu table th span
  { display: block;
    position: relative; }
#detailni_porovnani_tarifu table th span.r
  { background: url('/images/railshosting_website/bg/package_comparison.th.r.png') 0 0 no-repeat;
    width: 10px; height: 21px;
    display: block;
    position: absolute;
    top: -4px; right: -1em; }
#detailni_porovnani_tarifu table td
  { padding:0.3em 0em 0.3em 0pt;  }
#detailni_porovnani_tarifu tr.even td
  { background: #f7f7ed }
#detailni_porovnani_tarifu td .popis,
#detailni_porovnani_tarifu td .hodnota
  { color: #4c4b39;
    width: 45%;
    display: block;
    float: left;
/*    border: 1px dotted red; */}
#detailni_porovnani_tarifu td .popis
  { color: #666552;
    text-align: right; 
    padding-right: 0.7em; }
#detailni_porovnani_tarifu td .hodnota
  { color: #3d3c2e;
    font-weight: bolder; 
    padding-left: 0.7em; }    
#detailni_porovnani_tarifu td.yes .hodnota
  { background: url('/images/railshosting_website/icons/yes.tinted.png') 0.6em 0 no-repeat; 
    width: 16px; 
    height: 16px; }
#detailni_porovnani_tarifu td.yes .hodnota span
  { display: none; }
#detailni_porovnani_tarifu tr.ceny td
  { font-size: 110%;
    padding-left: 10em; 
    letter-spacing: -0.05em;} 
#detailni_porovnani_tarifu tr.ceny strong
  { font-size: 120%; }
#detailni_porovnani_tarifu tr.order_package td
  { padding-left: 10.5em; } 
#detailni_porovnani_tarifu tr.order_package button
  { height: 25px !important;
    position: relative; }
#detailni_porovnani_tarifu tr.order_package button span
  { color: #f0f0dd;
    background: url('/images/railshosting_website/buttons/button.order_package.bg.l.png') 0 0 no-repeat; 
    padding: 4px 14px 4px 12px !important;
    height: 22px; 
    display: block;  }
#detailni_porovnani_tarifu tr.order_package button span.r
  { background: url('/images/railshosting_website/buttons/button.order_package.bg.r.png') 0 0 no-repeat; 
    padding: 0 0 0 0 !important;
    width: 22px; height: 23px;
    position: absolute; 
    top: 0; right: -1px; }
#detailni_porovnani_tarifu .order_notice
  { font-size: 120%;
    text-align: center;
    margin: 2em 0 3em 0; }
#detailni_porovnani_tarifu .order_notice .highlighted_panel
  { padding: 0.7em 1.5em 0.9em 1.5em;  }



/* Technologie     */
#technologie .logotypes 
  { margin-top: 2em; }
#technologie .logotypes a img
  { background: url('/images/railshosting_website/logotypes/logotypes.divider.png') center right no-repeat;
    padding-right: 26px; 
    margin-left: 23px; }
#technologie .logotypes a:first-child img
  { margin-left: 0; }
#technologie .logotypes a.last-child img
  { background: none;
    padding-right: 0px;  }


/* Deployment */
#deployment ol
  { margin: 0 0 2em 0;
    padding: 0; }
#deployment ol li
  { margin: 0; 
    list-style-type: none; 
    min-height: 20px;
    counter-increment: deployment_process_list; }
#deployment ol li:before
  { content: counter(deployment_process_list) " "; 
    background: url('/images/railshosting_website/bg/li.bg.png') top left no-repeat; 
    padding: 3px 5px 3px 6px; 
    margin-right: 0.7em; }
#deployment li code
  { }

    

/* Testimonials */
#testimonials blockquote
  { margin: 0; }
#testimonials .item
  { background: url('/images/railshosting_website/bg/quotes.blue.png') 0 8px no-repeat; 
    padding-left: 27px; }
#testimonials p.quote
  { color: #3fb9fa;
    font-size: 125%;
    font-family: Georgia, 'Times New Roman', serif; }
#testimonials p.author,
#testimonials p.source,
#testimonials a
  { color: #7a785c; 
    text-decoration: none; }
#testimonials p a
  { text-decoration: none;
    border-bottom: 1px dotted #7a785c; }
#testimonials p.author .name
  { font-size: 110%; }
#testimonials .item.highlight
  { background: url('/images/railshosting_website/bg/quotes.red.png') 0 8px no-repeat; 
    font-size: 130%; }
#testimonials .item.highlight p.quote
  { color: #fb1f2d; }
#testimonials .item.highlight p.author
  { font-size: 90%; }
#testimonials .item.highlight p.source
  { font-size: 75%; }
  

/* Kraxnet */
#kraxnet .column_1 a
  { text-decoration: none; }
#kraxnet .column_1 a:hover
  { text-decoration: underline; }
#kraxnet .blog
  { color: #807f73; }
#kraxnet .blog h3
  { padding-left: 43px; 
    margin-bottom: 0.3em; }
#kraxnet .blog h3 a
  { color: #807f73;
    font-weight: normal;
    text-decoration: none; } 
#kraxnet .blog h3 a img
  { position: relative; bottom: -1px; }
#kraxnet .posts
  { background: url('/images/railshosting_website/icons/megaphone.png') 0 0 no-repeat; 
    padding-left: 43px; }
#kraxnet .posts a
  { color: #807f73;
    text-decoration: none;
    border-bottom: 1px solid #807f73; }
#kraxnet .posts .date,
#kraxnet .posts .post_url
  { font-size: 90%; 
    border: none;}
#kraxnet .posts .all
  { font-size: 90%; }
#kraxnet .posts .all a
  { border-bottom: 1px dotted #807f73; }

/* About */
#about
  { color: #595847;
    font-size: 90%;
    background: url('/images/railshosting_website/bg/kontakt.bg.png') 0 0 no-repeat; 
    margin-top: 4em; 
    padding: 1em 1em 1.5em 1em; }
#about a 
  { color: #595847; }
#about h3
  { text-transform: uppercase;
    font-weight: normal;
    margin: 0 0 0.3em 0;
    padding: 0; }
#about .vcard
  { margin-right: 2em;
    float: left; }
#about #flickr h3
  { font-size: 7px;
    line-height: 100%;
    margin-bottom: 2px;
    width: 49px; height: 14px;
  	position: relative; } 
#about #flickr h3 span 
  { position: absolute;
  	width: 100%;
  	height: 100%;
  	background: url('/images/railshosting_website/flickr_logo.png') 0 0 no-repeat; }
#about #flickr .photo
  { float: left; 
    margin: 4px 15px 0 0; }
#about #flickr .photo a
  { text-decoration: none !important; }
#about #flickr .photo img
  { border: 1px solid #fff;
    outline: 1px solid #e8f4fa; }
#about #flickr .description
  { color: #807f73;
    font-size: 85%;
    line-height: 130%; 
    margin-top: 8px; }
#about #flickr p.all
  { font-size: 85%;
    margin-top: 1em; }
#about #flickr p.all a
  { color: #807f73; }

/* NOTE: Footer je v souboru footer.css */