body {
    font-family: sans-serif, Verdana, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva;
    font-size: 14px;
    background-color:white;
}

#masterTable {
    background-position: center top; 
    background-repeat:repeat-y; 
    background-attachment: fixed;
}

table.noSpacingStyle{
    border-spacing:0;
}
table.noSpacingStyle td, table.noSpacingStyle tr{
    padding:0px;
}

table.defaultSpacingStyle {
    border-spacing:0px;
    border-collapse:collapse;
}
table.defaultSpacingStyle td,tr {

    padding:3px;
}

/*Normalni tabulka*/
table.defaulTableStyle {
    border-collapse:collapse;
    margin: 0px auto;
    width: 100%;
}
table.defaulTableStyle td {
    padding:3px;
    border:solid;
    border-color:silver;
    border-width: 1px;
    text-align:center;
}
table.defaulTableStyle th {
    background-color:gainsboro;
    padding:3px;
    border:solid;
    border-color:silver;
    border-width: 1px;
    text-align:center;
}

.ArticleDefaultText {
    line-height:150%;
    color:darkslategray;
}
.ArticleDefaultText a {
    text-decoration:none;
    /*color:darkslategray;*/
    color:darkblue;
    font-weight:bold;
}
.ArticleDefaultText a:hover {
    text-decoration:underline;
    color:red;
}

#masterMenu ul li ul {
    display: none;
}
#masterMenu ul li 
{
    position: relative; 
    float: left;
    list-style: none;
}

/*Nefunguje*/
.menuDropDownZindex {
    position:relative;
    z-index: 9999;
    color:red;
}

.handCursor {
    cursor:pointer;
}
.labelAsH1 {
    font-size: 18pt;
    font-weight:bold;
    color:dimgray;
}

.defaultLink a {
    text-decoration:none;
    color:darkslategray;
    font-weight:bold;
}
.defaultLink a:hover {
    text-decoration:underline;
    color:red;
}

h1{
    color: black;
    font-size: 150%;
    /*font-size: 18pt;
    font-weight:bold;
    color:dimgray;*/
}

.bgWhite{
    background-color:white;
}
.shadowText {
    color: #999999;
    font-weight: bold;
}
/*Sumarizacni tabulka testu*/
.sumGrid {

}
table.sumGrid {
    font-size:9pt;
    color: #474747;
}

table.sumGrid td {
      padding:5px 7px 5px 7px;
      border: solid 1px whitesmoke;
      width:100%;
}

table.sumGrid th {
      padding:5px 7px 5px 7px;
      color: dimgray;
      background: whitesmoke;
      border-color:whitesmoke;
}
table.sumGrid Caption
{
   font-weight:bold;
   padding: 7px;
   background-color:dimgray;
   color:whitesmoke;
   font-size:10pt;
   line-height:150%;
   font-weight:bold;
}
table.sumGrid tr:hover td {
    background-color:whitesmoke;
}
.sumGrid a {
    text-decoration:none;
    color:#474747;
    /*font-weight:bold;*/
}
.sumGrid a:hover {
    text-decoration:underline;
    color:red;
}

#pagerTable {
    background-color:gainsboro;
    border-spacing:10px;
    font-size:13px;
}

#pagerTable a {
    font-weight:bold;
    text-decoration:none;
    color:#666666;
}
#pagerTable a:hover {
    color:red;
    text-decoration:underline;
}

#pagerFooterTable {
    background-color:white;
    border-spacing:10px;
}

#pagerFooterTable a {
    font-weight:bold;
    text-decoration:none;
    color:dimgray;
}
#pagerFooterTable a:hover {
    color:red;
    text-decoration:underline;
}

/* Tabulka pro uc GpuCompareTable */
table.GpuTable {
    font-size:9pt;
    color: #474747;
}
table.GpuTable td {
      padding: 5px;
      border: solid 1px whitesmoke; }

table.GpuTable td+td {
      border: solid 1px whitesmoke; 
      color:dimgray
}
table.GpuTable th {
      padding : 5px;
      color: white;
      background-color: silver;
      border-color:silver;
}table.GpuTable tr:hover td {
     background-color:whitesmoke;
 }
 /* tabulka pro uc GpuImageTable */
.GpuImageTable {
    font-size:10pt;
    color:#474747;
}
.GpuImageTable td  {
    padding:0px;
    text-align:center;
}
/* tabulka na tesovaci sestavu*/
#systemTable {
    color:darkslategray;
    font-size:10pt;
    margin: 0px auto;
    width:450px;
    border-collapse:collapse;
}
#systemTable th {
    background-color:silver;
    border-style:solid;
    border-width:1px;
    border-color:whitesmoke;
    padding:5px;
    color:white;
    font-size:12pt;
}
#systemTable td {
    padding:5px;
    border-style:solid;
    border-width:1px;
    border-color:whitesmoke;
    /*font-size:9pt;*/
    background-color:whitesmoke;
}
#systemTable td + td {
    background-color: white;
}

/* tabulka pro GridView na gpu.aspx*/
table.gpusTableGridView {
    font-size:9pt;
    color: #474747;

    /*line-height:200%;*/
}
table.gpusTableGridView tr:hover {
    background-color:whitesmoke;
    /*
    border-color:gainsboro;
    border-width:1px;
    border-style:solid;
        */
}
table.gpusTableGridView th {
}
table.gpusTableGridView td {
      padding: 2px;
}

/* ? */
#sceneTable {
    font-size:10pt;
}

/* Clanky vyhled zaznamu */
.mainArticleFormView a {
    font-weight:bold;
    font-size:14pt;
    text-decoration:none;
    color:#333333;
}
.mainArticleFormView a:hover {
    text-decoration:underline;
}

/* Clanky seznam */
.articleListStyle a {
    font-weight:bold;
    font-size:12pt;
    text-decoration:none;
    color:#333333;
}
.articleListStyle a:hover {
    text-decoration:underline;
}

/* Author*/
.authorText {
    color:#999999;
    font-style:italic;
}

/* Posledni 3 clanky */
.last3articleDataList {
    width:100%;
    text-align:center;
}
.last3articleDataList a {
    font-weight:bold;
    text-decoration:none;
    color:dimgray;
}
.last3articleDataList a:hover {
    text-decoration:underline;
}

/* Tabulka podekovani*/
#thanksTable td {
    font-weight:bolder;
    text-align:center;
    padding:10px;
}

/* Text v obrazku u scen */
.container {
    position:relative;

}
.imageLogo {
    position:absolute;
    z-index:0;
    left:2px;
    top:2px;
}

/* Vzhled strankovani */
.paging
        {

        }
.paging a
{
    background-color: OldLace;
    padding: 4px 8px;
    text-decoration: none;
    color: chocolate;
    font-weight: bold;
    border: 1px solid SandyBrown;
}
.paging a:hover
{
    background-color: SandyBrown;
    color: white;
    border: 1px solid SandyBrown;
}        
.paging span
{
    background-color: white;
    padding: 4px 8px;
    color: dimgray;
    border: 1px solid silver;
}

/* Vzhled poznamek v clancich a recenzich */
.noteChart {
    position:center;
    width:550px;
    margin:0 auto;
    border-style:solid;
    border-width:1px;
    border-color: gainsboro;
    padding:10px;
    font-style: italic;
    background-color:whitesmoke;
}

table.PerfmarkTable {
    border-collapse:collapse;
    border-style:solid;
    border-width:1px;
    border-color:gainsboro;
    line-height:100%;
}
table.PerfmarkTable td {
    padding:4px;
    font-size:9pt;
}
/* Modal Panel*/
.ModalPanel {
    border-style:solid;
    border-width:7px;
    border-color:silver;
}
.collapsePanel {
    padding:8px;
    overflow:hidden;
    height:0px;
}


/*Kontejner progress obrazek 450px*/
.imgContainer450 {
    text-align:center;
}
.imgContainer450 img {
    max-width:450px;
    width: 100%;
}

/*Kontejner progress obrazek 600px*/
.imgContainer600 {
    text-align:center;
}
.imgContainer600 img {
    max-width:600px;
    width: 100%;
}

/*Kontejner progress obrazek 650px*/
.imgContainer650 {
    text-align:center;
}
.imgContainer650 img {
    max-width:650px;
    width: 100%;
}

/*Kontejner progress obrazek 680px*/
.imgContainer680 {
    text-align:center;
}
.imgContainer680 img {
    max-width:680px;
    width: 100%;
}

/*Kontejner progress obrazek 700px*/
.imgContainer700 {
    text-align:center;
}
.imgContainer700 img {
    max-width:700px;
    width: 100%;
}

/*Kontejner progress obrazek 710px*/
.imgContainer710 img {
    max-width:710px;
    width: 100%;
}

/*Pruhlednost obrazku na Hover*/
.imgHowerOpacity img:hover {
        opacity: 0.7;
        filter: alpha(opacity=70); /* For IE8 and earlier */
    }

/*INFO BOXY*/
.noteInfo { border: 3px solid #3399FF; border-radius: 10px; background-image:linear-gradient(to right,#CCCCFF, white); overflow: auto; }
.noteInfo img { margin: 10px; float: left; }
.noteInfo div {  margin: 10px; overflow: hidden; }

.noteTip { border: 3px solid #FF9933; border-radius: 10px; background-image:linear-gradient(to right,#FFFFD9, white); overflow: auto; }
.noteTip img { margin: 10px; float: left; }
.noteTip h3 { margin: 20px 10px; padding: 4px; background-color: #FFDD95; }
.noteTip div { margin: 10px; overflow: hidden; }

/*FIGURE a FIGCAPTION*/
figure { display: block; margin: 0; }
figcaption { margin-top:3px; background-color: whitesmoke; text-align:center; font-style:italic; padding:5px; }
figcaption::before {font-family: FontAwesome; content: "\f0de"; display:block; font-style:normal;}


/*HTML5 master*/
.contentDiv {
    margin: 0 auto;
    background-color:white;
    max-width:1040px; 
    z-index:2;
    position:relative;
}


header {
    overflow:hidden; 
}

.headerLogo {
    margin:10px;
}

.headerAdvert {
    float:right;
    width:100%;
    margin:10px;
    max-width:730px;
    max-height:90px;
}

nav {
    margin: 0px 10px 0px 10px;
    position:sticky; 
    top:0px;
    z-index:100;
}

main {
    margin: 10px 10px 0px 10px;
    overflow:hidden;
}
.contentHolder {
    margin-right: 10px;
}
.mainContent {
    float:left;
    width:70.6%;
    max-width:720px;
    min-width:320px;
}
.advertContent {
    float:right;
    width:29.4%;
    max-width:300px;
    text-align:center;
}


footer {
    background-color:gainsboro;
    margin:10px;
    padding:5px 10px 1px 10px;
}

/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 8px 20px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px; 
  border: none;
  outline: none;
  color: white;
  padding: 8px 20px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

.socialIcons {
    float:right; 
    height:32px;
}
.socialIcons a {
    margin:0px;
    padding:0px;
}
.socialIcons a:hover {
    background-color:transparent;
}
.socialIcons img {
    width:32px;
}

/* responsivni video wraper*/
.videocontainer {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 52%;
    padding-top: 25px;
    height: 0;
}
.videocontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.borderShadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.heurekaChartContainer {
    margin: 25px 0px 25px 0px; 
    text-align: center;
}

#topNavBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 8px 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#topNavBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}



@media screen and (max-width: 1040px) {

    .mainContent {
        width:100%;
        float:none;
        margin:auto;
    }



    .contentHolder{
        margin-right:0px;
    }
    .advertContent {
        width: 100%;
        float:none;
        max-width:none;
        padding-top:10px;
    }

    #top10Heureka, #elkim, #hwCooling {
        display:none;
    }
}

@media screen and (max-width: 730px) {
    .navbar a {
        float: none;
    }

    .dropdown {
        float: none;
    }

    .socialIcons {
        float: none;
        padding: 8px 20px;
    }
    nav {
        position: relative !important;
    }
}