@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
  font-display: swap;
}

body{
    font-family: Verdana, Arial, sans-serif;
    color: #333333;
    font-size: 12px;
    padding: 0px 0px 40px 0px;
    margin: 0px;
    text-align: center;
    background: #efefef;
    width: 100%;

}


.all  {
    margin: auto;
    width: 773px;
    background: white;
    text-align: left;
    border: 1px solid black;
    border-top: 1px solid #d20808;
}

img {
    border: 0px;
    text-decoration: none;
}

.cl {
    clear: both;
    height: 1px;
}


.header {
    position: relative;
    width: 773px;
    height: 125px;
    background-color: #d20808;

}

.header h1 {
    padding: 0px;
    margin: 0px;
}

.header #rojaboy img {
    position:absolute;
    left:0px;
    top:-5px;
    z-index: 1;
}

.header #rojalogo img {
    position:absolute;
    right: 65px;
    top: 15px;
    z-index: 1;
}

.header #rojalogom img {
    position:absolute;
    left: 131px;
    top: 15px;
    z-index: 1;
}

.content {
    width: 773px;
    background-color: white;
}

.content_text {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
}

.scroller {
    width: 415px;
    height: 372px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px;
    border: 1px outset #d5d8e0;
    background-color: white;
}

.footer {
    width: 762px;
    height: 70px;
    margin: auto;
    margin-bottom: 4px;
    color: #555555;;
    text-align: center;
    font-size: 12px;
    font-family: sans-serif;
    background-color: #cfcfcf;
}

.footer a {
    color: #555555;
}

.footer a:hover {
    color: #D20808;
}

/*new STYLY*/
.masterdiv {
    margin-top: 5px;
    margin-left: 5px;
    background-color: green;
}
/* responzivni */

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

  #rojalogo {
    display: none;
  }

  #rojaboy {
    display: none;
  }
.header {
    width: 98vw;
  }

.scroller {
    width: 98vw;
  }

.content {
    width: 98vw;
  }

.menutitle {
    width: 98vw;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    height: 30px;
  }

.footer {
    width: 98vw;
    height: 150px;
    line-height: 20px;
    font-size: 14px;
  }

  body {
    font-size: 16px;
    width: 98vw;
  }

  .footer a {
    padding: 10px;
  }

.all {
    width: 98vw;
  }

#masterdiv {
  width: 98vw;
}
}

@media only screen and (min-width: 801px) {

#rojalogom {
  display: none;
}

#rojaboym {
  display: none;
}

}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
 background-color: #e7e8ed;
 color: #000000;
 cursor: pointer;
 padding: 18px;
 width: 100%;
 text-align: left;
 border: 1px outset #d5d8e0;
 outline: none;
 transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
 background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
 padding: 0 18px;
 background-color: white;
 display: none;
 overflow: hidden;
}

/* divs instead of table */

.rTable {
		    	display: table;
		    	width: 100%;
		}
		.rTableRow {
		    	display: table-row;
		}

    .rTableHead {
		    	display: table-cell;
		    	padding: 3px 10px;
		    	border: 1px solid #fff;
          background-color: #d20808;
          color: #fff;
		}

		.rTableCell_even {
		    	display: table-cell;
		    	padding: 3px 10px;
		    	border: 1px solid #fff;
          background-color: #fff;
		}

    .rTableCell_odd {
          display: table-cell;
          padding: 3px 10px;
          border: 1px solid #fff;
          background-color: #eddedc;
    }

    .blank_row_div {
          height: 10px;
    }

    .rTableCell_odd a {
       color: #555555;
       font-weight: bold;
    }

    .rTableCell_odd a:hover {
       color: #D20808;
   }

   .rTableCell_even a {
      color: #555555;
      font-weight: bold;
   }

   .rTableCell_even a:hover {
      color: #D20808;
  }